Comment prévisualiser vos pages Web avant de les télécharger

Beaucoup de gens ne réalisent pas que lorsque vous créez une page Web sur votre ordinateur, vous n'avez pas besoin de la publier sur un serveur Web pour la voir. Lorsque vous prévisualisez une page Web sur votre disque dur, toutes les fonctions liées au navigateur (comme JavaScript, CSS et les images) doivent fonctionner exactement comme elles le feraient sur votre serveur Web. Il est donc judicieux de tester vos pages Web dans des navigateurs Web avant de les mettre en ligne.

1. Créez votre page Web et enregistrez-la sur votre disque dur.

2. Ouvrez votre navigateur Web et allez dans le menu Fichier et choisissez Ouvert.

3. Accédez au fichier que vous avez enregistré sur votre disque dur.

Problèmes de test

Certains problèmes peuvent survenir lors du test de vos pages Web sur votre disque dur plutôt que sur le serveur Web. Assurez-vous que vos pages sont correctement configurées pour les tests:

• Utilisez des chemins absolus complets pour les liens. Vous pouvez utiliser chemins relatifs à la page
  pour vos liens, mais la meilleure façon de tester les liens avant qu'une page ne soit en ligne est d'utiliser le chemin complet de la page vers laquelle vous vous connectez. En d'autres termes, incluez le nom de domaine dans vos liens.
• Utilisez des chemins relatifs à la page pour vos images. Bien que vous puissiez utiliser l'URL complète de vos images, si la page que vous testez est nouvelle, il est probable que vos images ne soient pas plus téléchargées sur le serveur que le HTML. En utilisant des chemins d'accès aux images relatifs à la page actuelle, ils apparaîtront lorsque vous testerez le fichier sur votre disque dur.
• Vérifiez les chemins d'accès à vos fichiers externes CSS et JavaScript. Il n'y a pas de bonne règle empirique pour utiliser des URL de chemin complet ou de chemin relatif pour les scripts et les fichiers CSS - cela dépend de votre site et de ce qui vous convient le mieux. Au lieu de cela, vous devez vérifier que le fichier vers lequel vous pointez contient les informations les plus récentes. Par exemple, si vous publiez une URL de chemin complet pour votre CSS, vous devrez télécharger ce fichier sur votre serveur lors du test.

Assurez-vous de tester dans plusieurs navigateurs

Une fois que vous avez accédé à votre page dans un navigateur, vous pouvez copier l'URL de la barre d'adresse du navigateur et la coller dans d'autres navigateurs sur le même ordinateur. Lorsque nous construisons des sites sur des machines Windows, testez les pages dans les navigateurs suivants avant de télécharger quoi que ce soit:

• Internet Explorer
• Opéra
• Firefox
• Safari
• Chrome

Une fois que vous êtes sûr que la page s'affiche correctement dans les navigateurs que vous avez sur votre disque dur, vous pouvez télécharger la page et la tester à nouveau à partir du serveur Web. Une fois téléchargé, vous devez vous connecter à la page avec d'autres ordinateurs et systèmes d'exploitation ou utiliser un émulateur de navigateur comme BrowserCam pour effectuer des tests approfondis.