<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>JQuery, PHP, html, design... // arnaud-k : un blog de geek &#187; gratuit</title>
	<atom:link href="http://blog.arnaud-k.fr/tag/gratuit/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.arnaud-k.fr</link>
	<description>Le blog JQuery, Html, Web Design</description>
	<lastBuildDate>Thu, 21 Apr 2011 08:10:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Test : outil de création de site gratuit #3 : Jimdo</title>
		<link>http://blog.arnaud-k.fr/2009/04/17/test-outil-de-creation-de-site-gratuit-3-jimdo/</link>
		<comments>http://blog.arnaud-k.fr/2009/04/17/test-outil-de-creation-de-site-gratuit-3-jimdo/#comments</comments>
		<pubDate>Fri, 17 Apr 2009 12:13:40 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[test]]></category>
		<category><![CDATA[créer un site]]></category>
		<category><![CDATA[gratuit]]></category>
		<category><![CDATA[jimdo]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=255</guid>
		<description><![CDATA[Je finis une série qui s’est étalée sur 3 jours. J’ai testé pour toi 3 outils de création de site en ligne. Je me suis cantonné à la version gratuite de ces trois sites. Pour trouver les 2 premiers, j’ai&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2009/04/17/test-outil-de-creation-de-site-gratuit-3-jimdo/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F04%2F17%2Ftest-outil-de-creation-de-site-gratuit-3-jimdo%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F04%2F17%2Ftest-outil-de-creation-de-site-gratuit-3-jimdo%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><span style="color: #808080; font-style: italic;">Je finis une série qui s’est étalée sur 3 jours. J’ai testé pour toi 3 outils de création de site en ligne. Je me suis cantonné à la version gratuite de ces trois sites.</span></p>
<p><span style="color: #808080; font-style: italic;">Pour trouver les 2 premiers, j’ai simplement fais les recherches “<a href="http://www.google.fr/search?q=cr%C3%A9er+un+site">créer un site</a>“  et “<a href="http://www.google.fr/search?q=faire+un+site&amp;hl=fr">faire un site</a>” dans Google (<a href="http://www.wifeo.com/">Wiféo</a> et <a href="http://www.e-monsite.com/">E-monsite</a>)   et pour le 3ème c’est grâce  à un article du <a href="http://www.01net.com/outils/PseudoV6?base=grandpublic&amp;pseudo=mh&amp;rub=10480">micro hebdo</a> de cette semaine, article intitulé “créer un site gratuitement”.</span></p>
<p><span style="color: #808080; font-style: italic;">Le <a href="../2009/test/outil-de-creation-de-site-gratuit-wifeo/">test de Wiféo</a> réalisé avant-hier est déjà disponible ainsi que le <a href="http://blog.arnaud-k.fr/2009/test/test-outil-de-creation-de-site-gratuit-2-e-monsite/">test de E-monsite</a> réalisé hier .<br />
</span></p>
<p><span style="color: #808080;">——————————-</span><a href="http://fr.jimdo.com/"></a></p>
<h3><a href="http://fr.jimdo.com/"><span style="color: #000000;">Jimdo</span></a></h3>
<p><span style="color: #999999;"><a href="http://arnaud-k2.jimdo.com"><img class="aligncenter size-full wp-image-256" title="jimdo" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/jimdo.png" alt="jimdo" width="600" height="200" /></a></span></p>
<p><span style="color: #808080;"><br />
</span></p>
<p><span style="color: #000000;">Jimdo est une <strong>plate-forme internationale</strong> (crée par 3 allemands) de création de site en ligne. Comme pour Wiféo, on ne trouve pas de chiffres officiels donnant le nombre de sites crées avec Jimdo. Donc j&#8217;ai donc recherché le nombre avec Yahoo Site Explorer (avec <a href="http://siteexplorer.search.yahoo.com/fr/search?p=http%3A%2F%2Fjimdo.com&amp;y=Explorer+l%27URL">la recherche http://jimdo.com</a>) et j&#8217;ai obtenu 604 271.</span></p>
<p><span style="color: #000000;">Je me suis donc inscrit à Jimdo. Pour l&#8217;inscription, <strong>il faut juste choisir un login et saisir son adresse email</strong>. Dans les instants qui suivent on reçoit notre mot de passe et le lien vers notre site. C&#8217;est ultra-facile mais je n&#8217;aime pas trop le fait de <strong>ne pas pouvoir choisir mon mot de passe moi-même</strong>&#8230; On peut le changer, mais tant que je ne l&#8217;aurais pas fait, il faudra que j&#8217;aille le chercher dans ma boîte mail.</span></p>
<div id="attachment_257" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-257" title="jimdo inscription" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/jimdo-inscription.png" alt="Inscription à Jimdo" width="600" height="216" /><p class="wp-caption-text">Inscription à Jimdo</p></div>
<p>Ici aussi,<strong> le site est crée instantanément</strong> après l&#8217;inscription. Je me retrouve donc avec une adresse URL de type : http://votre-login.jimdo.com. Pour ce test j&#8217;ai crée <a href="http://arnaud-k2.jimdo.com">http://arnaud-k2.jimdo.com</a> (je possède un ancien compte que j&#8217;avais crée pour tester précédemment Jimdo).</p>
<p><strong><span style="color: #ffa800;">Clique sur “Lire la suite” pour voir la suite du  test de Jimdo<br />
</span></strong></p>
<p><strong><span style="color: #ffa800;"><span id="more-255"></span></span></strong></p>
<p><span style="color: #000000;">Comme sur e-monsite, on se retrouve avec <strong>un site avec un design de base</strong> et contenant du texte par défaut. Première surprise, la <strong>connexion pour la partie d&#8217;administration du site se trouve sur le site</strong> en lui-même (je ne suis quand même pas fan des liens &laquo;&nbsp;connexion&nbsp;&raquo; que l&#8217;on trouve sur les sites comme ça). Un petit tour du côté du code m&#8217;indique que le site est <strong>structuré à l&#8217;aide de blocs</strong> et stylisé avec des feuilles de style CSS. Le site contient par défaut 8 pages (que l&#8217;on peut retrouver directement dans le menu) qu&#8217;il ne faudra surtout pas oublier de supprimer.</span></p>
<p><span style="color: #000000;">Au niveau des publicités, on se retrouve avec <strong>une seule publicité</strong> dans le menu vertical. Cette publicité contient un lien (avec le logo) vers Jimdo en plus d&#8217;un Google Adsense.</span></p>
<div id="attachment_259" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-259" title="jimdo-site-par-defaut" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/jimdo-site-par-defaut.png" alt="Site par défaut de Jimdo" width="600" height="429" /><p class="wp-caption-text">Site par défaut de Jimdo</p></div>
<p>Je suis donc la grosse flèche rouge qui m&#8217;indique où je dois me connecter pour modifier mon site, il suffit de saisir le mot de passe (en allant le chercher dans la boîte mail). Après la connexion, vient la deuxième surprise : <strong>l&nbsp;&raquo;administration du site se fait directement &laquo;&nbsp;sur le site&nbsp;&raquo;</strong> (en réalité, ce n&#8217;est pas vraiment sur le site, mais on retrouve tout l&#8217;affichage du site). Un menu avec des belles icônes 2.0 apparaît sur la droite. Comme d&#8217;habitude, je commence par changer le design du site. Je clique donc sur &laquo;&nbsp;Mise en page&nbsp;&raquo; dans le menu : <strong>50 mises en page sont proposées</strong> en plus d&#8217;une vingtaine de mises en pages spéciales (on peut aussi modifier directement l&#8217;HTML et le CSS, on trouve même une vidéo expliquant l&#8217;API de la modification de templates). Je trouve que le terme &laquo;&nbsp;mise en page&nbsp;&raquo; n&#8217;est pas le plus explicite, ici on parle plutôt de design ou de structure du site et je n&#8217;ai pas vraiment compris la différence entre une mise en pages et une mise en pages spéciale&#8230;</p>
<p>Les <strong>mises en pages proposées sont très design et modernes</strong>. Il y en a quelques-uns qui jouent avec la transparence (avec des images en png). J&#8217;en ai testé un et j&#8217;ai pu constater que <strong>l&#8217;effet de transparence ne fonctionnait pas du tout avec Internet Explorer 6</strong> (le png ne s&#8217;affichait même pas&#8230;).</p>
<div id="attachment_260" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-260" title="jimdo-mise-en-page" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/jimdo-mise-en-page.png" alt="Mises en pages spéciales proposées par Jimdo (et à droite le menu d'admin)" width="600" height="314" /><p class="wp-caption-text">Mises en pages spéciales proposées par Jimdo (avec à droite le menu d&#39;admin)</p></div>
<p>Si on choisit une mise en page spéciale, les réglages proposés dans le menu &laquo;&nbsp;styles&nbsp;&raquo; sont restreints. J&#8217;ai donc choisi une mise en page &laquo;&nbsp;normale&nbsp;&raquo; afin de voir toutes les possibilités offertes par Jimdo. Première constatation, le formulaire permettant de modifier les typographies et les couleurs de texte (dans l&#8217;onglet &laquo;&nbsp;format de police&nbsp;&raquo;) n&#8217;est pas très très clair. Le terme de &laquo;&nbsp;proposition&nbsp;&raquo; n&#8217;est pas adéquate et on ne peut pas tester la lisibilité qu&#8217;aura le texte. On peut également choisir un motif (différents types de rayures personnalisables, web2.0 inside) ou un fond pour le site (dessin d&#8217;arrière-plan). <strong>Et&#8230; c&#8217;est tout</strong>! On <strong>ne peut pas changer la structure d&#8217;un thème</strong> (choisir l&#8217;emplacement et la taille des divers blocs : menus, en-tête, contenu&#8230;) à moins de faire son propore template ! (donc de s&#8217;y connaître en html/css, donc pas le public visé par Jimdo&#8230;).</p>
<div id="attachment_262" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-262" title="jimdo-form1" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/jimdo-form1.png" alt="formulaire &quot;Format de Police&quot;" width="500" height="373" /><p class="wp-caption-text">formulaire &quot;Format de Police&quot;</p></div>
<p>Pour le contenu du site, une nouvelle fois, tout se passe dans l&#8217;interface ayant le même affichage que le site. Il suffit de <strong>survoler un contenu à modifier pour voir apparaître des boutons</strong> (tels que ajouter ou supprimer) et d&#8217;<strong>un click pour voir apparaître un éditeur de texte</strong> pré-rempli avec le texte à modifier. C&#8217;est une fois de plus ultra-simple. L&#8217;éditeur de texte est basé sur <a href="http://tinymce.moxiecode.com/">TinyMCE</a>. En cliquant sur la petite icone &laquo;&nbsp;plus&nbsp;&raquo; on peut choisir le type de contenu que l&#8217;on souhaite ajouter à sa page : texte, titre, flux rss, videos youtube (pas de dailymotion), compte flickr&#8230; Les<strong> formulaires d&#8217;ajout sont bien pensés et assez clair</strong>. Par contre, pour ajouter une nouvelle page, il faut cliquer sur &laquo;&nbsp;modifier la navigation&nbsp;&raquo; et trouver la bonne icône permettant l&#8217;ajout d&#8217;une nouvelle page. La petite interface qui permet la modification de l&#8217;arborescence des pages du site est bien faite et simple d&#8217;utilisation.</p>
<div id="attachment_263" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-263" title="jimdo-editeur" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/sans-titrejimdo-editeur.png" alt="edition d'un texte" width="500" height="387" /><p class="wp-caption-text">edition d&#39;un texte</p></div>
<p><strong>Analyse rapide de quelques points : </strong></p>
<ul>
<li><strong>Optimisation du référencement : </strong><br />
Les sites générés sont pas trop mal optimisés pour le référencement, on retrouve bien, par exemple,  le titre de la page en &lt;h1&gt;. Par contre pour modifier les informations (balises &lt;meta&gt; surtout), rien n&#8217;aide à le faire, on se trouve simplement avec un grand champ de texte dans lequel on peut du code qui sera inséré dans la partie &lt;head&gt; du site.</li>
<li><strong>Validation du W3C : </strong><br />
La page d&#8217;accueil du site en version française de Jimdo n&#8217;est pas valide W3C (<a href="http://validator.w3.org/check?uri=http%3A%2F%2Ffr.jimdo.com%2F&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0">12 erreurs en transitional</a>) et en validant la page d&#8217;accueil de <a href="http://arnaud-k2.jimdo.com">mon site généré</a>, je n&#8217;ai constaté que <a href="http://validator.w3.org/check?uri=http%3A%2F%2Farnaud-k2.jimdo.com%2F&amp;charset=(detect+automatically)&amp;doctype=Inline&amp;group=0&amp;user-agent=W3C_Validator%2F1.654">4 erreurs</a>.</li>
<li><strong>Documentation et communauté :<br />
</strong>La <a href="http://fr.jimdo.com/wiki/Page_d%27accueil">documentation</a> n&#8217;est pas très fourni, mais on trouve quand même l&#8217;essentiel pour débuter. Le forum de la version française ne contient qu&#8217;une seule rubrique, c&#8217;est donc un peu fouilli. De plus l&#8217;interface du forum est en Anglais.</li>
<li><strong>Les modules proposés :<br />
</strong>Je n&#8217;ai pas trouvé l&#8217;équivalent des modules que l&#8217;on trouve chez Wiféo ou E-monsite. Néanmoins, on peut ajouter 18 types de contenus différents (par les simples formulaires de création de contenu).</li>
<li><strong>Version Pro et nom de domaine :</strong><br />
La version JimdoPro est disponible pour 5€ par mois (soit 60€/an), elle contient le nom de domaine, la disparition de la pub et l&#8217;augmentation de l&#8217;espace de stockage (qui sera de 5Go!) .</li>
<li><strong>Espace de stockage :</strong><br />
L’espace de stockage disponible à la base est de 500Mo.</li>
<li><strong>Statistiques :</strong><br />
Un outil de statistiques est disponible directement dans la zone d’administration. Il est également possible d’ajouter Google Analytics.</li>
</ul>
<h3>Pour conclure :</h3>
<p><span style="color: #ffa800;"><strong>Les plus de Jimdo : </strong></span></p>
<p>- L&#8217;interface d&#8217;admin entièrement en Ajax  (les modifications sont appliquées directement en attendant la validation) et utilisant le framework Javascript Prototype</p>
<p>- Les différentes mises en page</p>
<p>- L&#8217;interface de modification du contenu</p>
<p>- L&#8217;espace de stockage (500Mo)</p>
<p><strong><span style="color: #ffa800;">Les moins de Jimdo : </span></strong></p>
<p>- Le petit nombre de réglages permettant de personnaliser une mise en page</p>
<p>- Les termes en français pas forcément très pertinent (on dirait qu&#8217;il sont mal traduit)</p>
<p>- Le forum d&#8217;aide</p>
<p>- L&#8217;incompatibilité de toutes les mises en page avec IE6</p>
<p>- La pub pour Jimdo pas assez discrète</p>
<p>Jimdo est, comme E-monsite, un bon outil de création de site web. J&#8217;ai particulièrement apprécié l&#8217;interface d&#8217;admin en Ajax et utilisant Prototype (même si je préfère personnellement JQuery !). Les sites générés ont également un bon rendu graphique.</p>
<p>Tu pourras retrouver demain, un bilan pour comparer les 3 outils que j&#8217;ai pu tester cet semaine!</p>
<p><strong>A lire également le <a href="../2009/test/outil-de-creation-de-site-gratuit-wifeo/">test de Wiféo</a> et le <a href="http://blog.arnaud-k.fr/2009/test/test-outil-de-creation-de-site-gratuit-2-e-monsite/">test d&#8217;E-monsite</a>.</strong></p>


<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2009/04/17/test-outil-de-creation-de-site-gratuit-3-jimdo/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Test : outil de création de site gratuit #2 : E-monsite</title>
		<link>http://blog.arnaud-k.fr/2009/04/16/test-outil-de-creation-de-site-gratuit-2-e-monsite/</link>
		<comments>http://blog.arnaud-k.fr/2009/04/16/test-outil-de-creation-de-site-gratuit-2-e-monsite/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 12:04:21 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[test]]></category>
		<category><![CDATA[créer un site]]></category>
		<category><![CDATA[e-monsite]]></category>
		<category><![CDATA[gratuit]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=221</guid>
		<description><![CDATA[Je continue une série qui s&#8217;étale sur 3 jours. J&#8217;ai testé pour toi 3 outils de création de site en ligne. Je me suis cantonné à la version gratuite de ces trois sites. Pour trouver les 2 premiers, j&#8217;ai simplement&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2009/04/16/test-outil-de-creation-de-site-gratuit-2-e-monsite/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F04%2F16%2Ftest-outil-de-creation-de-site-gratuit-2-e-monsite%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F04%2F16%2Ftest-outil-de-creation-de-site-gratuit-2-e-monsite%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><span style="color: #808080;font-style:italic;">Je continue une série qui s&#8217;étale sur 3 jours. J&#8217;ai testé pour toi 3 outils de création de site en ligne. Je me suis cantonné à la version gratuite de ces trois sites.</span></p>
<p><span style="color: #808080;font-style:italic;">Pour trouver les 2 premiers, j&#8217;ai simplement fais les recherches &laquo;&nbsp;<a href="http://www.google.fr/search?q=créer+un+site">créer un site</a>&laquo;&nbsp;  et &laquo;&nbsp;<a href="http://www.google.fr/search?q=faire+un+site&amp;hl=fr">faire un site</a>&nbsp;&raquo; dans Google (<a href="http://www.wifeo.com">Wiféo</a> et <a href="http://www.e-monsite.com">E-monsite</a>)   et pour le 3ème c&#8217;est grâce  à un article du <a href="http://www.01net.com/outils/PseudoV6?base=grandpublic&amp;pseudo=mh&amp;rub=10480">micro hebdo</a> de cette semaine, article intitulé &laquo;&nbsp;créer un site gratuitement&nbsp;&raquo;.</span></p>
<p><span style="color: #808080;font-style:italic;">Le <a href="http://blog.arnaud-k.fr/2009/test/outil-de-creation-de-site-gratuit-wifeo/">test de Wiféo</a> réalisé hier est déjà disponible.<br />
</span></p>
<p><span style="color: #808080;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</span></p>
<h3><a href="http://www.e-monsite.com"><span style="color: #000000;">E-monsite</span></a></h3>
<h3><a href="http://arnaud-k3.e-monsite.com"><img class="aligncenter size-full wp-image-222" title="e-monsite" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/e-monsite.png" alt="e-monsite" width="600" height="200" /></a></h3>
<p><span style="color: #999999;"><br />
</span></p>
<p><span style="color: #000000;">E-monsite (prononcer &laquo;&nbsp;imonsite&nbsp;&raquo;) est la <strong>première plate-forme française</strong> de création de site en ligne. D&#8217;après les chiffres sur la page d&#8217;accueil, il y a actuellement </span><strong>434 988 sites créés</strong> avec e-monsite. Pour comparer avec les chiffres obtenus sur Wiféo avec Yahoo Site Explorer, quand on <a href="http://siteexplorer.search.yahoo.com/fr/search?p=http%3A%2F%2Fe-monsite.com&amp;y=Explorer+l%27URL&amp;fr=sfp">recherche http://e-monsite.com</a>, on obtient 535 138 résultats.</p>
<p>J&#8217;ai donc commencé par m&#8217;inscrire sur e-monsite. Pas vraiment de surprise ici, à part peut-être le fait de ne pas pouvoir mettre de majuscules, ni de caractères spéciaux dans le mot de passe. Une description est demandée, mais ici c&#8217;est pour le texte qui apparaîtra dans l&#8217;<a href="http://www.e-monsite.com/annuaire.html">annuaire</a> de e-monsite.</p>
<div id="attachment_223" class="wp-caption aligncenter" style="width: 477px"><img class="size-full wp-image-223" title="e-monsite inscription" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/e-monsite-inscription.png" alt="formulaire d'inscription à e-monsite" width="467" height="350" /><p class="wp-caption-text">formulaire d&#39;inscription à e-monsite</p></div>
<p><strong>Le site est créé instantanément</strong> après l&#8217;inscription, pas de validation préalable nécessaire. Comme pour Wiféo, le site a pour adresse http://votre-login.e-monsite.com (pour le test j&#8217;ai créé <a href="http://arnaud-k3.e-monsite.com">http://arnaud-k3.e-monsite.com</a>).</p>
<p><strong><span style="color: #ffa800;">Clique sur “Lire la suite” pour voir la suite du  test de E-monsite</span></strong></p>
<p><strong><span style="color: #ffa800;"><span id="more-221"></span></span></strong>Après l&#8217;inscription, on se retrouve avec un site contenant déjà un contenu (explicatif, un peu comme sur wordpress et autres CMS) et un design par défaut. Par contre, plusieurs rubriques sont déjà créées également par défaut (blog, album photo, liens), ceci indique qu&#8217;il faudra bien penser à faire du tri pour ne pas laisser ces pages par défaut en l&#8217;état. Un petit tour dans<strong> le code du site généré permet de voir que celui-ci est fait à l&#8217;aide de blocs</strong> (&lt;div&gt;, &lt;ul&gt;, &lt;p&gt;&#8230;) et en <strong>utilisant les feuilles de style css</strong>.<br />
Par rapport à la version gratuite de Wiféo, on peut constater qu&#8217;il y a un<strong> emplacement publicitaire en plus</strong> sur le site (un dans l&#8217;en-tête et un dans le menu).</p>
<div id="attachment_224" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-224" title="e-monsite-defaut" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/e-monsite-defaut.png" alt="Site par défaut de e-monsite" width="600" height="355" /><p class="wp-caption-text">Site par défaut de e-monsite</p></div>
<p>Je me connecte donc à ma zone d&#8217;administration du site et première constatation, <strong>les menus sont nombreux mais bien organisés </strong>(menus, sous-menus et onglets). Je me dirige vers les zones de personnalisation graphique du site. Ici<strong> des thèmes graphiques sont proposés</strong> (une quarantaine en tout). C&#8217;est sont des thèmes très graphiques, on peut les utiliser sans rien changer dessus. Les thèmes sont variés et on peut rapidement constater que <strong>la structure du site varie</strong> d&#8217;un thème à l&#8217;autre (emplacement des menus verticaux, menus horizontaux, taille des blocs&#8230;).</p>
<div id="attachment_227" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-227" title="e-monsite-themes" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/e-monsite-themes.png" alt="thèmes proposés par e-monsite" width="600" height="304" /><p class="wp-caption-text">thèmes proposés par e-monsite</p></div>
<p>Il est à noter qu&#8217;on peut personnaliser tous les thèmes proposés. Tout est regroupé dans un seul grand formulaire (rangé par bloc : fond de la page, en-tête, contenu, titres et sous-titres, formulaires, menus horizontaux, menus verticaux et marges) . Il y a <strong>beaucoup d&#8217;options modifiables</strong>. Le fait que tout soit regroupé sur une même page est pas mal mais quand on débute, on est un peu perdu devant ce formulaire, il faut bien prendre le temps de le connaître si on ne veut pas chercher pendant plusieurs minutes pour juste changer un réglage. En plus des différents thèmes, e-monsite propose une multitude de fonds et d&#8217;en-têtes prêts à servir.</p>
<p>Si on s&#8217;y connait un peu, e-monsite propose de <strong>modifier directement la feuille de style de son site</strong>. Il est également possible de<strong> modifier la structure de son site</strong> : présence de menus horizontaux et leurs emplacements, choisir un ou deux menus verticaux et leurs emplacements (un à gauche et un à droite, deux à gauche&#8230;).</p>
<div id="attachment_232" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-232" title="e-monsite-form" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/e-monsite-form.png" alt="formulaire de modification du design" width="600" height="362" /><p class="wp-caption-text">formulaire de modification du design</p></div>
<p>Par la suite,<strong> j&#8217;ai attaqué le contenu du site</strong>. J&#8217;avoue, j&#8217;ai cherché pendant quelques secondes comment on crée une page&#8230; en fait c&#8217;était en cliquant sur le lien &laquo;&nbsp;nouvelle rubrique&nbsp;&raquo; ! Le terme choisi n&#8217;est peut-être pas le plus explicite. A partir de cet page on peut choisir comment on crée la page (éditeur visuel ou html) et quel type de page on veut (intégration de flux rss, page produit paypal, quiz&#8230;).</p>
<p>Pour commencer j&#8217;ai choisi la création d&#8217;une rubrique normale avec l&#8217;éditeur visuel. Une fois de plus tout est guidé. On peut<strong> mettre en forme le texte grâce à l&#8217;éditeur</strong> (basé sur <a href="http://tinymce.moxiecode.com/">TinyMCE</a>). On peut également choisir de &laquo;&nbsp;cacher&nbsp;&raquo; sa rubrique, c&#8217;est-à-dire qu&#8217;elle n&#8217;apparaisse pas dans les menus et qu&#8217;elle ne soit accessible qu&#8217;en mettant un lien soi-même. Il est aussi possible d&#8217;insérer des photos, animations flash&#8230;</p>
<div id="attachment_234" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-234" title="e-monsite-page" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/e-monsite-page.png" alt="Création d'une &quot;rubrique&quot;" width="600" height="360" /><p class="wp-caption-text">Création d&#39;une &quot;rubrique&quot;</p></div>
<p><strong>Analyse rapide de quelques points : </strong></p>
<ul>
<li><strong>Optimisation du référencement : </strong><br />
Les sites générés sont optimisés pour le référencement : le nom du site en &lt;h1&gt;, le titre de la page en &lt;h2&gt;, la balise meta description remplis avec la description entrée à l&#8217;inscription&#8230;</li>
<li><strong>Validation du W3C : </strong><br />
La page d&#8217;accueil d&#8217;e-monsite est <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.e-monsite.com%2F&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0">compatible W3C transitional</a>, et sur la page d&#8217;accueil de mon site généré j&#8217;ai pu constaté <a href="http://validator.w3.org/check?uri=http%3A%2F%2Farnaud-k3.e-monsite.com%2F&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0&amp;user-agent=W3C_Validator%2F1.654">25 erreurs</a>.</li>
<li><strong>Documentation et communauté :<br />
</strong>La <a href="http://www.e-monsite.com/faq.html">FAQ</a> (foire aux questions ou frequently asked questions) est bien fournie. Comme sur Wiféo, il y a du monde sur les différents forums et j&#8217;ai pu constaté qu&#8217;une grande majorité des questions posées étaient répondues.</li>
<li><strong>Les modules proposés :<br />
</strong>Le nombre de modules proposés n&#8217;est pas élevé (14). On peut y trouver des agendas, blogs, albums photos, forum, espaces membre (avec inscription à votre site et formulaire de connexion).</li>
<li><strong>Version Pro et nom de domaine :</strong><br />
Le version pro permettant de désactiver l&#8217;affichage des bandeaux publicitaires est disponible au prix de 45€/an. On peut aussi acheter et installer un nom de domaine sur son site pour 35€/an.</li>
<li><strong>Espace de stockage :</strong><br />
L’espace de stockage disponible à la base est de 55Mo (50 pour les photos et 5 pour les autres types de fichiers). Il peut être augmenter à 650Mo (fichiers + photos). Par contre, il y a une limitation de 4Mo par fichier.</li>
<li><strong>Statistiques :</strong><br />
Un outil de statistiques est disponible directement dans la zone d&#8217;administration (les fonctionnalités peuvent être étendues avec une version pro). Il est également possible d&#8217;ajouter l&#8217;outil de statistiques que l&#8217;on souhaite (Google Analytics, Xiti&#8230;).</li>
</ul>
<h3>Pour conclure :</h3>
<p><span style="color: #ffa800;"><strong>Les plus de E-monsite : </strong></span></p>
<p>- Le nombre de possibilité offerte en terme de design</p>
<p>- L&#8217;optimisation pour le référencement</p>
<p>- La qualité des modules proposés</p>
<p>- Les thèmes modernes</p>
<p>- L&#8217;énorme communauté d&#8217;utilisateurs</p>
<p>- L&#8217;utilisation de Jquery</p>
<p><strong><span style="color: #ffa800;">Les moins de E-monsite : </span></strong></p>
<p>- L&#8217;espace de stockage et le bridage du poids des fichiers</p>
<p>- Le nombre de réglages possible peut compliquer un peu</p>
<p>- La présence de 2 emplacements de pub en version gratuite</p>
<p>- Le terme &laquo;&nbsp;rubrique&nbsp;&raquo; à la place de &laquo;&nbsp;page&nbsp;&raquo;</p>
<p>E-monsite est un bon outil pour créer son site perso. Tout est bien guidé, néanmoins, je pense qu&#8217;il faut passer un peu de temps dans la zone d&#8217;administration du site pour prendre le temps de tout maîtriser. Mais au final, les sites générés peuvent avoir un aspect vraiment pro.<br />
<strong>A venir demain, le test de Jimdo. A lire également le <a href="http://blog.arnaud-k.fr/2009/test/outil-de-creation-de-site-gratuit-wifeo/">test de Wiféo</a>.<br />
</strong></p>


<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2009/04/16/test-outil-de-creation-de-site-gratuit-2-e-monsite/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Test : outil de création de site gratuit #1 : Wiféo</title>
		<link>http://blog.arnaud-k.fr/2009/04/15/outil-de-creation-de-site-gratuit-wifeo/</link>
		<comments>http://blog.arnaud-k.fr/2009/04/15/outil-de-creation-de-site-gratuit-wifeo/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 12:12:50 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[test]]></category>
		<category><![CDATA[créer un site]]></category>
		<category><![CDATA[gratuit]]></category>
		<category><![CDATA[wiféo]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=190</guid>
		<description><![CDATA[J&#8217;entame une série qui va s&#8217;étaler sur 3 jours. J&#8217;ai testé pour toi 3 outils de création de site en ligne. Je me suis cantonné à la version gratuite de ces trois sites. Pour trouver les 2 premiers, j&#8217;ai simplement&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2009/04/15/outil-de-creation-de-site-gratuit-wifeo/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F04%2F15%2Foutil-de-creation-de-site-gratuit-wifeo%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F04%2F15%2Foutil-de-creation-de-site-gratuit-wifeo%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><span style="color: #808080;font-style:italic;">J&#8217;entame une série qui va s&#8217;étaler sur 3 jours. J&#8217;ai testé pour toi 3 outils de création de site en ligne. Je me suis cantonné à la version gratuite de ces trois sites.</span></p>
<p><span style="color: #808080;font-style:italic;">Pour trouver les 2 premiers, j&#8217;ai simplement fais les recherches &laquo;&nbsp;<a href="http://www.google.fr/search?q=créer+un+site">créer un site</a>&laquo;&nbsp;  et &laquo;&nbsp;<a href="http://www.google.fr/search?q=faire+un+site&amp;hl=fr">faire un site</a>&nbsp;&raquo; dans Google (<a href="http://www.wifeo.com">Wiféo</a> et <a href="http://www.e-monsite.com">E-monsite</a>)   et pour le 3ème c&#8217;est grâce  à un article du <a href="http://www.01net.com/outils/PseudoV6?base=grandpublic&amp;pseudo=mh&amp;rub=10480">micro hebdo</a> de cette semaine, article intitulé &laquo;&nbsp;créer un site gratuitement&nbsp;&raquo;.</span></p>
<p><span style="color: #808080;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</span></p>
<h3><span style="color: #808080;"><span style="color: #000000;"><a href="http://www.wifeo.com">Wiféo</a></span></span></h3>
<p><span style="color: #808080;"><span style="color: #000000;"><a href="http://arnaud-k.wifeo.com"><img class="aligncenter size-full wp-image-192" title="wiféo" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/wifeo.png" alt="wiféo" width="600" height="200" /></a></span></span><br />
Wiféo est une plate-forme française de création de site. Il me semble que le service a été ouvert en 2005 (j&#8217;ai pas pu trouver la date exacte&#8230;). Je n&#8217;ai également pas trouvé le nombre de sites créés avec wiféo, donc avec Yahoo Site Explorer on trouve environ <a href="http://siteexplorer.search.yahoo.com/fr/search?p=http%3A%2F%2Fwifeo.com&amp;bwmf=u&amp;bwms=p&amp;fr=yfp-t-501&amp;fr2=seo-rd-se">98 000 sites</a>.</p>
<p>Je me suis donc inscrit sur Wiféo et première surprise, au moment de l&#8217;inscription <strong>le mot de passe est affiché en clair</strong>&#8230; Ensuite, pour créer ton site il faut faire une description de minimum 150 caractères. Enfin il ne te reste plus qu&#8217;à attendre que ton site soit activé. Pour ma part cela a été assez rapide : création du site vers 22h, activation le lendemain matin vers 7h30.</p>
<div id="attachment_193" class="wp-caption aligncenter" style="width: 500px"><img class="size-full wp-image-193" title="formulaire d'inscription" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/mdp.png" alt="mdp" width="490" height="219" /><p class="wp-caption-text">formulaire d&#39;inscription : le mot de passe n&#39;est pas caché</p></div>
<p>Une fois l&#8217;inscription activé, le site est créé et est disponible à l&#8217;adresse http://votre-login.wifeo.com (le mien est dispo sur <a href="http://arnaud-k.wifeo.com">http://arnaud-k.wifeo.com</a>).</p>
<p><strong><span style="color: #ffa800;">Clique sur &laquo;&nbsp;Lire la suite&nbsp;&raquo; pour voir la suite du  test de Wiféo</span></strong></p>
<p><span id="more-190"></span></p>
<p>On se retrouve donc avec <strong>un site entièrement vierge </strong>à part le lien vers l&#8217;accueil, les pubs affichées par Wiféo et le pied de page imposé. Je trouve cela assez décourageant pour une personne qui débute de voir qu&#8217;il y a tout à faire. Et première constatation, <strong>le site généré est entièrement en tableau</strong> et n&#8217;utilise pas les feuilles de style css ! Ca ne fait pas trop site moderne&#8230;</p>
<div id="attachment_194" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-194" title="site vierge" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/site-vierge.jpg" alt="Site vierge et entièrement vide" width="600" height="206" /><p class="wp-caption-text">Site vierge et entièrement vide</p></div>
<p>Je me suis donc mis au travail en commençant par me connecter sur le site de Wiféo (ici le mot de passe est bien masqué). D&#8217;ailleurs, à la première connexion, une &laquo;&nbsp;Mise à jour&nbsp;&raquo; vers la version 4.4 est faite. Mais une mise à jour de quoi en fait ? C&#8217;est un service en ligne, je me suis inscrit moins de 24h plus tôt, je ne vois pas à quoi ça sert exactement&#8230;</p>
<p>Première chose à faire : le design du site&#8230; Là on peut dire que pour débuter c&#8217;est assez limité. Il y a <strong>11 designs de base</strong> en tout. Je les trouve assez simplistes et tous ne sont pas modifiables. On ne peut <strong>pas changer la structure-même du site</strong> c&#8217;est forcément un en-tête, un menu à gauche, le cadre du contenu et le pied de page. J&#8217;ai donc choisi le &laquo;&nbsp;design&nbsp;&raquo; le plus simple pour le personnaliser moi-même.<br />
Le<strong> formulaire de personnalisation du design n&#8217;est pas trop mal fait</strong>. Néanmoins je le trouve assez limité  : couleur de fond ou image de fond seulement de chaque partie du site, on ne peut pas modifier leur taille ni leur emplacement (le menu ne peut pas être placé à droite) par exemple. A cause de ceci, j&#8217;ai rencontré un premier souci : j&#8217;ai défini une image de fond pour mon en-tête mais comme la hauteur de l&#8217;en-tête est uniquement définie avec son contenu, le fond ne s&#8217;affiche pas correctement&#8230; Il faut donc feinter pour réussir à le faire.</p>
<div id="attachment_195" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-195" title="formulaire design" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/formulaire-design.png" alt="formulaire de personnalisation du design" width="500" height="350" /><p class="wp-caption-text">formulaire de personnalisation du design</p></div>
<p>Ensuite je suis passé à l&#8217;édition du contenu de mon site. On peut créer, modifier, supprimer des pages que l&#8217;on peut ranger dans des rubriques. Lorsque l&#8217;on créé une page on se retrouve sur <strong>une page avec 2 éditeurs de texte</strong> (basé sur <a href="http://www.fckeditor.net/">fckeditor</a>) aux emplacements futurs des textes (en-tête et contenu). Avec les éditeurs on peut facilement mettre en forme le texte, ajouter une ou des images, ajouter du flash&#8230;</p>
<div id="attachment_199" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-199" title="editeurs de texte" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/editeurs.png" alt="Création d'une page : les éditeurs de texte" width="600" height="274" /><p class="wp-caption-text">Création d&#39;une page : les éditeurs de texte</p></div>
<p><strong>Analyse rapide de quelques points : </strong></p>
<ul>
<li><strong>Optimisation du référencement : </strong><br />
Je ne pense que les sites créés avec Wiféo soit réellement optimisés pour le référencement naturel dans les moteurs de recherche. En effet, j&#8217;ai constaté que les titres de page mis dans l&#8217;en-tête ne sont pas dans des balises de titre (balises &lt;h1&gt; ou &lt;h2&gt; conseillées pour un titre de page). Il faut le préciser soi-même dans l&#8217;éditeur. Pas le meilleur moyen quand on sait que ce type de plate-forme est fait pour des personnes novices en création de site web. Je ne comprends pas l&#8217;intérêt de l&#8217;outil Submeo mis en avant sur Wiféo.<br />
Une solution d&#8217;import de contact avec plusieurs webmails et site communautaire en ligne est proposée (jai testé avec hotmail, ça n&#8217;a pas fonctionné mais avec mon Gmail ça a marché niquel) afin d&#8217;augmenter le trafic du site.</li>
<li><strong>Validation du W3C : </strong><br />
Pour la page d&#8217;accueil de Wiféo, il y a <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.wifeo.com&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0">108 erreurs</a> constatées (en xHTML transitional) et sur un site générée (quand il est encore vierge), il y avait <a href="http://arnaud-k.wifeo.com/">une trentaine d&#8217;erreurs</a> (ce qui est beaucoup pour le peu d&#8217;informations affichées).</li>
<li><strong>Documentation et communauté :<br />
</strong>J&#8217;ai pu parcourir la <a href="http://www.wifeo.com/documentation.php">documentation</a> proposée et je l&#8217;ai trouvé assez fourni et pas trop mal faite. Les tutos en vidéos sont pas mal (manque peut-être du son). Les forums d&#8217;aide ont l&#8217;air bein réactif et bien fourni même si j&#8217;ai trouvé le découpage des forums et des topics un peu fouilli.</li>
<li><strong>Les modules proposés :<br />
</strong>Si l&#8217;on souhaite, on peut ajouter des modules sur son site. Il y en a plusieurs dizaines qui sont proposés par Wiféo (calendrier, petites annonces, boutiques en ligne avec Paypall&#8230;). J&#8217;ai testé le calendrier ( je trouve <a href="http://arnaud-k.wifeo.com/service-calendrier.html">le résultat pas top top</a>) et <a href="http://arnaud-k.wifeo.com/service-petites-annonces-gratuites.html">les petites annonces</a> (avec VivaStreet mais qui ne rapporte rien au site qui les affiche).</li>
<li><strong>Version Pro et nom de domaine :</strong><br />
Pour enlever les publicités affichées sur les sites en version gratuite, une solution payante est disponible au prix de 42€ par an. On peut également acheté un nom de domaine (pour ne plus avoir .wifeo.com dans l&#8217;adresse du site) pour 12€ par an. (par ailleurs je trouve que les pubs Google Adsense ajoutées ne sont pas bien intégrées au design du site, seul la couleur de fond est modifiable).</li>
<li><strong>Espace de stockage :</strong><br />
L&#8217;espace de stockage disponible à la base est de 10Mo d&#8217;images, 10Mo de documents, 10 musiques (mp3 uniquement , 750Ko max. par chanson) et 10 pages. On peut néanmoins faire une demande d&#8217;extension de stockage mais rien n&#8217;est indiqué sur les espaces disponibles après la demande et sur les critères d&#8217;acceptation.</li>
<li><strong>Statistiques :</strong><br />
Aucun outil de statistique n&#8217;est proposé à la création du site. Il est néanmoins proposé d&#8217;intégrer Google Analytics (via un compte Google) aux sites créés. Un compteur de visites est disponible pour affichage sur n&#8217;importe quelle page du site (il est même proposé de changer la valeur de ce compteur !).</li>
</ul>
<h3>Pour conclure :</h3>
<p><span style="color: #ffa800;"><strong>Les plus de Wiféo : </strong></span></p>
<p>- La documentation</p>
<p>- La possibilité de restaurer une page à un état précédent (permet d&#8217;annuler des modifications)</p>
<p><strong><span style="color: #ffa800;">Les moins de Wiféo : </span></strong></p>
<p>- Les sites en tableaux (on n&#8217;est plus dans les années 90&#8230; <img src='http://blog.arnaud-k.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  )</p>
<p>- Attendre 12 à 24h pour l&#8217;activation du site (et encore à voir ce que ça donne un week-end)</p>
<p>- Le petit nombre de designs disponibles</p>
<p>- Une seule structure de page disponible</p>
<p>-  La non-optimisation pour le référencement</p>
<p>Pour moi Wiféo n&#8217;est pas le meilleur outil de création de site en ligne. Les sites générés me rappelle ceux fait avec multimania à l&#8217;époque ou les page persos voila&#8230; Rien que le design de la page d&#8217;accueil de Wiféo n&#8217;est pas très encourageant.<br />
<strong>A venir demain, le test de E-monsite et après demain, le test de Jimdo</strong></p>


<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2009/04/15/outil-de-creation-de-site-gratuit-wifeo/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

