Créer sa page web : Tests, conformité, validité

• Utilisation avancée
• Conception du site
• Tester l'affichage de son site
• Vérifier la conformité de ses pages
• Firefox : Web Developer et FireDebug
• Vérifier la validité des liens hypertexte

 

 

Utilisation avancée :

Après avoir créé son site perso chez son FAI, on peut avoir envie de passer à la vitesse supérieure ;-)

D'abord au niveau de la conception du site :
- vérifier la conformité de ses pages
- vérifier la validité de ses liens hypertexte,
- incorporer une fonction de recherche,
- utiliser le php (déplacé)

Au niveau de la gestion du site :
- obtenir des statistiques sur la fréquentation de son site,
- référencer son site,
- faire de la publicité sur son site

Au niveau du développement du site :
- acheter un nom de domaine,
- faire héberger son site chez un hébergeur de site web,

 

Améliorer la conception du site :

Améliorer la conception du site :

D'abord, vérifier la conformité de ses pages, puis,
- utiliser le php, (ex : pour créer un forum),
- incorporer une fonction de recherche,
- vérifier la validité des liens sur le site.

 

 

Tester l'affichage de son site :

Il est utile, voir indispensable, de savoir si son site s'affiche correctement sous d'autres navigateurs Internet que celui (ceux) que l'on utilise.
Si on en a la possibilité, il est même souhaitable de vérifier l'affichage sur Macintosh avec le navigateur Safari.

Sur Windows XP :

Il y a trois navigateurs principaux :
- Internet Explorer (5, 6 et 7)
- Firefox,
- Opéra.

Internet Explorer 6 présente des différences notables avec les deux autres, particulièrement si on utilise les feuilles de style (CSS).
- Internet Explorer 7, le nouveau navigateur Microsoft, résoud nombre de différences.d'affichage.

Sur Macintosh OS X :

Il y a deux navigateurs principaux :
- Safari, le plus communément utilisé, très "pointilleux" quant au code CSS utilisé,
- Firefox, semblable à la version Windows.

On peut citer Internet Explorer 5.2, semblable à la version 5.1.7 pour Macintosh Classic, mais cette version n'est plus supportée par Microsoft et peu utilisée.

Sur Windows 98, et Macintosh Classic :

Les deux navigateurs principaux sont :
- Internet Explorer 5 version Windows,
- Internet Explorer 5.1.7 version Macintosh.
La compatibilité est plus difficile à obtenir avec ces deux "vieux" navigateurs.

Et je ne parle pas de Netscape dans ces anciennes versions, et autres...
Mais tout dépend de l'accessibilité que l'on souhaite donner à son site.
De toute façon, l'affichage ne posera pas de problème avec un site conçu avec des tableaux. Mais c'est l'utilisation des feuilles de style qui amènera des incompatibilités d'affichage.

 

Tester sur deux navigateurs :

On peut installer sur son ordinateur différents navigateurs (Firefox, Opéra), pour vérifier si les pages s'affichent correctement.
Ceci car les navigateurs n'interprêtent pas le contenu des pages de la même façon.

Vérifier particulièrement les différences d'affichage entre Internet Explorer et un autre navigateur.

 

Sites de test :

Avec Browsershots.org (gratuit) :
http://browsershots.org/
Avec Browsercam.com (payant) :
http://browsercam.com/

Scapture.com :
http://www.scapture.com

 

Voir également :
Forum.alsacreations.com - Tester son site sous lynx avec windows XP
(il s'agit d'installer Linx (simple) pour tester l'accessibilité de son site en mode texte)

Versions standalone d'Internet Explorer :
http://browsers.evolt.org/?ie/32bit/standalone

 

Navigateurs :

Entre janvier et mai 2008, sur aidewindows.net :
- 40% des visiteurs utilisent Internet Explorer 7
- 30% des visiteurs utilisent Firefox
- 20% des visiteurs utilisent Internet Explorer 6 SP2 (Windows XP) - 6% utilisent Internet Explorer 6 autre version.

Analyses effectuées par Xiti

 

Résolution de l'écran :

On considérera également la largeur des pages :

Entre janvier et mai 2008, sur aidewindows.net :
- 6% des visiteurs utilisent une résolution d'écran de 800 x 600 pixels.
- 40% des visiteurs utilisent une résolution d'écran de 1024 x 768 pixels

Analyses effectuées par Xiti

 

Il est donc souhaitable de s'assurer que la consultation sera possible avec cette configuration.

 

Vérifier la conformité de ses pages :

Pour être sûr que les pages web répondent aux normes internationales définies par l'organisme gérant l'Internet, et donc, qu'elles pourront être lues par n'importe quel navigateur, on peut vérifier leur conformité sur le site officiel :
http://validator.w3.org
On peut également aller sur ce site :
http://www.abondance.com

Deux grandes "normes" sont utilisables :

La spécification HTML 4.01 :
http://www.la-grange.net/w3c/html4.01/

Le XHTML :
http://openweb.eu.org/xhtml/

 

 

Vérifier la validité des pages avec Web Developer Extension dans Firefox :

Avec le navigateur Firefox, on peut utiliser Web Developer Extension :
http://chrispederick.com/work/webdeveloper/

- l'onglet Tool permet de vérifier directement la validité de la page !

 

Programme semblable Microsoft pour Internet Explorer :
Internet Explorer Developer Toolbar
http://www.microsoft.com/downloads/details.aspx?
FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&DisplayLang=en

 

 

Web Developer en français
http://joliclic.free.fr/mozilla/webdeveloper/

 

Google : Centre pour les webmasters :

Un ensemble d'outils qui aident à la gestion de son site et à la visibilité de ses pages sur le moteur Google.

 

Création d'un fichier sitemap.xml :

Ce ficher énumèrent toutes les pages du site pour faciliter leur indexatation.
On peut y ajouter des indications sur la fréquence de modification.

 

 

Extensions de Firefox : Web Developer et FireBug :

Si on utilise Firefox comme navigateur, on la possibilité d'ajouter deux extensions : Web Developer et FireBug

Web Developer :

Site officiel :
http://chrispederick.com/work/web-developer/

Téléchargement pour Firefox :
https://addons.mozilla.org/en-US/firefox/addon/60

Cette extension ajoute une barre d'outils dans Firefox, spécialement conçue pour les développeurs de site web :

L'onglet "Tools" permet notamment de vérifier la conformité de ses pages, directement, sur Internet.

 

FireBug :

Site officiel :
http://getfirebug.com/

Téléchargement pour Firefox :
https://addons.mozilla.org/fr/firefox/addon/1843

 

Voir aussi :
05/12/2006 : FireBug 1.0 Beta : plus qu'une extension, un prodige !
http://www.aozeo.com/blog/55-firebug-1-beta-plus-qu-une-extension-un-prodige

 

 

Vérifier la validité des liens hypertexte :

Ce site, qui contient de nombreux liens, en est la preuve : il n'y a pas de liens éternels !
Au lieu de vérifier manuellement la validité des liens, on peut utiliser LinkAlarm.

LinkAlarm vérifie la validité des liens présents sur toutes les pages d'un site (liens internes et liens externes). Un essai gratuit est offert (pour 100 pages).
Il suffit de donner l'adresse du site et son email. On consultera ensuite le rapport sur le site.
http://www.linkalarm.com/