Forums Développement Multimédia

Les formations Mediabox
Les formations Mediabox

Avant de publier son site sur le web

Par piloue, le 19 avril 2006
Le contenu de cette page n'est pas à jour.
Les logiciels ou les technologies ont évolués depuis l'écriture de cette page. Les informations qu'elle contient peuvent être périmées.
Si vous avez des informations complémentaires à y apporter, n'hésitez pas à contribuer en éditant cette page. Merci.

Avant de publier votre site sur le web quelques vérifications s'imposent !

La compatibilité

:arrow: Au grand dam des webmasters, tous les navigateurs n'affichent pas les sites de la même manière. Pour limiter la casse, téléchargez les navigateurs standards (ex : IE 5.5 - IE 6 - NN 4.x - NN 6 - Mozilla - Opéra), activez l'affichage systématique des erreurs JavaScript et regardez votre site, vous aurez certainement quelques surprises et quelques heures de travail supplémentaires pour avoir un résultat cohérent.

A propos de NN4.x : personnelement, je vérifie que le site est consultable, mais je n'essaie plus de rendre le site parfaitement compatible : les css passent mal, des JS considérés comme standards buggent… Si vous avez la chance de tester sous différents OS (PC, mac, linux) profitez-en !

:idea: Rappelons tout de même que plus de 80% des internautes sont sous IE 5/5.5 ou 6 :) Mais ce n'est pas une raison pour que les 20% restant ne puissent pas visiter votre site !

Vous pouvez aussi (à la place ou en plus) utiliser une commande de Dream (Fichier>Vérifier navigateurs cibles…) qui vous signalera les balises html et codes JS non supportés par les différents navigateurs.

Enfin, vérifiez le site en 800*600 et en 1024*768, qui sont à l'heure actuelle les deux config les plus utilisées. :arrow: Bannissez les ascenceurs horizontaux dans ces deux cas.

Rapport de site

Commencez par demander un rapport. Cette fonctionnalité signale : - les balises de police imbriquées combinables (enfin, certaines pas toutes) - les textes de légende manquant (balise Alt non remplie, pourtant primordiale pour un bon référencement) - les balises imbriquées redondantes (même remarque que pour les balises de police) - les balises vides amovibles (du genre <b></b>) - les documents sans titre (très important aussi, et pour le référencement, et pour l'image globale du site)

:arrow: Après avoir fixé les erreurs signalées par le rapport, votre code devrait être un peu plus léger et permettre un meilleur référencement.

Comment demander un rapport du site ?

Après avoir défini votre site (menu Site>Défnir les sites), affichez les fichiers du site (F8) puis dans le menu Site demander Rapports. Cocher les différentes boîtes des rapports HTML et choisir Tout le site. Exécuter. Ceci peut prendre plusieurs minutes.

Le rapport s'affiche, double cliquer sur la première ligne, le document s'ouvre en mode source à la ligne de l'anomalie. Faire la ou les correction(s) qui s'impose(nt). Enregistrer le fichier et passer à la ligne de rapport suivante.

Le plus gros des erreurs devraient être signalé :)

Nettoyage du code - Vérifications

Il peut être judicieux de coupler le rapport avec la commande Nettoyer HTML de Dreamweaver. Elle doit malheureusement être appliquée page par page. Menu Commandes>Nettoyer HTML

Ordonnez votre code, rajoutez ou supprimer des retours à la ligne, des tabulations. Profitez des options de Dream pour gagner en clarté lors de l'affichage de la source (Affichage>Options d'affichage du code) Les couleurs attribuées au code se changent dans les Préférences (Ctrl+U) :arrow: Un code lisible et clair fait gagner un temps précieux.

Si vous en avez le temps et la patience, refaites un tour avec vos propres yeux : des balises <font> <b> se glissent parfois inutilement autour d'une balise <img> si du texte est mis en forme juste à côté, les balises <a href> sont parfois mal positionnées…

:arrow: Vérifiez les images, les liens, les targets.

:arrow: Si des JavaScript sont redondants d'une page à l'autre, envisagez d'en faire des fichiers js externes. Sous MX : Fichier>Nouveau>Page de base>JavaScript

Mettre le site en ligne

Apres avoir fait toutes les vérifications qui s'imposaient, vous pouvez mettre votre site en ligne. Utilisez l'accès FTP de Dreamwear que vous aurez renseigné lors de la définition du site. Placez “manuellement” les fichiers sur le ftp ou utilisez la fonction :idea: Synchronisation (fenêtre fichiers du site, menu Site>Synchroniser) qui permet de mettre à jour le site tout en effaçant les fichiers inutiles sur le ftp.