Les dessous des pages web

Pourquoi tant de différence de prix entre prestataires pour la création d'une "même" page? Voici le récapitulatif des principales méthodes utilisées pour créer les pages du web.

Les pages à base d'iframe

En voie de disparition, ce site est constitué d'une page qui insère d'autres pages dans sa page principale.

Avantages : ces pages permettaient d'appeler des pages d'autres sites dans le site et de ne créer qu'une seule page avec l'insertion d'éléments.

Inconvénients : l'esthétique du site est rarement au rendez-vous. Les moteurs ne rencontrent qu'une page et s'emmêlent les pinceaux, le réferencement est difficile.

Les pages à base de tableaux imbriqués

il y a quelques années, la majorité des pages html étaient constituées de "tableaux". Aujourd'hui encore une grande majorité de sites sont basés sur des tableaux et de nombreux logiciels de conception générent facilement ce type de page. Pour les identifier il faut aller dans le code source de la page vous trouverez de nombreux ‹ table › ‹ /table › ‹ tr › ‹ td › .Voir détail des illustrations de droite.

Avantages : Temps de montage rapide. Découpe automatisée. Prix de revient réduit

Inconvénients: Affichage de la page plus lent, par morceaux lors d'une connexion lente, mise à jour difficile sans logiciel approprié, affichage parfois mal interprété par certains navigateurs. il est à noter que cette technique est utilisé pour la diffusion de newsletters.

Les pages à base d'images découpées - tableaux constitué d'images

Un logiciel découpe une image ( texte parfois compris) pour créer un tableau.

Avantages: Temps de montage ultra rapide ( quelques minutes) . Aucune compétence informatique requise . parfois intéressant pour la constitution de pages complexes.

Inconvénients: Evolution du site impossible sans avoir l'image source (la maquette graphique) de départ, l'optimisation n'est pas toujours idéale surtout si le texte a été transformé en images. Le référencement est quasiment impossible, le moteur ne trouve aucun texte pour "alimenter" ses pages.

Les pages à base de CMS - système de gestion de contenu

De nombreux sites se construisent à partir de structures existantes, parfois cette structure est créée par l'entreprise de service, parfois cette structure est open source ( Joomla , spip, worpress...etc... ).

Avantages : Temps de montage rapide après bonne connaissance du CMS . Site généré riche en fonctionnalité très performant pour la création rapide de blog par ex. Coût de production assez faible ( simple adaptation graphique des templates du site)

Inconvénients : Site souvent "standardisé" pour un oeil averti, personnalisation souvent limitée, bien souvent la distribution de template gratuit conduit les concepteurs à limiter leur créativité. En cas de mauvaise connaissance du système, des failles de sécurité fréquentes peuvent apparaître ou des url non professionnelles générees par l'arborescence du système. Le réferencement sera également tributaire des connaissances du concepteur.

Les pages à base de feuilles de style imbriquées ( css )

Cette méthode permet de créer des pages bien construites et légères. A partir d'une maquette , la page est composée d' éléments des '<div>' qui vont être "placés "et "décorés" par des feuilles de style internes ou externes à la page. Les feuilles de styles liées permettent d'uniformiser tout le site .

Avantages:La page est hiérarchisée et doit suivre des normes ( W3C) les pages sont donc facilement indéxées par les robots, le référencement est optimisé. Même sans l' affichage des images, on peut retrouver le texte de la page. Quand le css est adapté, l'affichage est (presque) identique sur tous les navigateurs.L'évolution du site est aisée , on modifie le contenu ou les feuilles de style pour change la présentation visuelle du site.r

Inconvénients: très peu, une conception un peu plus complexe et qui demande un certain apprentissage ! c'est la méthode que nous utilisons !

Les pages "bricolage" mêlant différentes méthodes

Le css est utilisé pou insérer un arrière plan ( une image complète) qui va servir de décor. Dessus on vient disposer une page à base de tableaux

Avantages: rapide comme pour la construction à base de tableau.

Inconvénients: on ne respecte pas automatiquement la bonne hiérarchie de la page, l'évolution du site est difficile si on ne possède pas le logiciel de base et l'affichage est parfois destratreux (parfois on peut avoir desolidarisation du fond et du texte).