La dernière phase du processus de développement Web comprend l'assemblage de vos pages, le test et le déploiement de votre site vers un serveur pour le rendre disponible à tous.
Assemblage de votre page Web dans Dreamweaver
Grâce à Dreamweaver, vous pouvez ajouter facilement plusieurs types de contenu à vos pages Web. Vous pouvez ajouter du texte, des actifs et des éléments de conception, par exemple des images, des couleurs, des animations, du son et d'autres formes de données.
Vous pouvez simplement déplacer des actifs enregistrés vers la page, ou effectuer l'une des opérations suivantes pour créer votre page Web dans Dreamweaver :
Saisir directement du texte dans un document Dreamweaver, ou l'importer à partir d'autres documents, puis mettre en forme ce texte avec des styles de CSS.
Insérer des images, y compris des images pour les survols, des cartes-image et des découpes pour Fireworks.
Insérer d'autres types de ressources dans une page Web, comme des animations Flash, Shockwave ou QuickTime, du son, des applets et des vidéos.
Créer des liens HTML standard, y compris des liens vers des ancres et des adresses électroniques, ou configurer facilement des systèmes de navigation graphiques, notamment des menus de reroutage et des barres de navigation.
Appliquer du contenu réutilisable dans l'ensemble de votre site en utilisant les modèles et les bibliothèques de Dreamweaver.
Après avoir assemblé votre page, vous pouvez la modifier directement dans l'espace de travail de Dreamweaver. Vous pouvez réaliser un certain nombre de tâches simples de modification d'images, notamment rogner, modifier le contraste, optimiser et accentuer la netteté, sans avoir recours à une application de retouche d'images. Pour des tâches plus complexes, vous pouvez lancer Fireworks pour modifier les images insérées dans un document Dreamweaver.
Vous pouvez également modifier des fichiers Flash en sélectionnant l'espace réservé au contenu Flash dans le document Dreamweaver et en cliquant sur le bouton Modifier de Flash dans l'inspecteur des propriétés. Dreamweaver ouvre le fichier Flash (FLA) et enregistre toutes les modifications que vous y avez apportées dans le fichier SWF.
Didacticiel : Création d'une mise en forme de page basée sur CSS
Test de votre site dans Dreamweaver
Avant de charger le site sur un serveur et de le déclarer prêt à être publié, il convient de le tester localement. En fait, il est judicieux de tester et de résoudre les problèmes de votre site fréquemment au cours de son élaboration, afin de traiter les problèmes avant qu'ils ne s'aggravent et de les empêcher de se répéter.
Vous devez vous assurer que vos pages ont l'apparence et le fonctionnement souhaités dans les navigateurs ciblés, que tous les liens fonctionnent et que les pages ne sont pas trop longues à télécharger. Vous pouvez également tester et dépanner l'ensemble du site en exécutant un rapport de site avant de publier votre site.
Les instructions suivantes vous permettront d'élaborer un site le plus convivial possible pour vos utilisateurs :
Affichez vos pages dans le plus grand nombre de navigateurs et sur le plus grand nombre de plates-formes possible.
Assurez-vous que les pages fonctionnent comme prévu dans les navigateurs ciblés. Vérifiez également qu'elles fonctionnent ou qu'elles échouent élégamment dans les autres navigateurs. Vos pages doivent être lisibles et fonctionnelles dans les navigateurs qui ne prennent pas en charge les styles, les calques, les plug-ins ou les éléments JavaScript.
Vérifiez que le site ne contient pas de liens rompus (liens qui ne fonctionnent pas) et réparez-les le cas échéant. Les autres sites étant parfois modifiés et réorganisés, il peut arriver que certaines pages vers lesquelles vos liens pointent soient déplacées ou supprimées.
Contrôlez la taille de vos pages et leur durée de téléchargement. Pour les pages qui contiennent un tableau de grande taille, n'oubliez pas que les visiteurs ne voient rien tant que le tableau n'est pas entièrement téléchargé. Envisagez de fragmenter les grands tableaux ; si c'est impossible, envisagez de placer quelques données, par exemple un message de bienvenue ou une bannière publicitaire, en dehors du tableau, en haut de la page, de manière à ce que les utilisateurs puissent au moins voir ce contenu pendant le téléchargement du tableau.
Vérifiez l'intégralité du site pour vous assurer que tous les problèmes ont été résolus, tel que des documents sans nom, des balises vides ou des balises imbriquées redondantes, en exécutant des rapports de site dans Dreamweaver.
A l'aide de Dreamweaver Validator, vérifiez que votre code ne contient pas d'erreurs de balise ou de syntaxe.
Vérifiez que votre contenu Flash ne comporte pas d'erreurs lorsqu'il est exécuté par Flash Player. Vous pouvez utiliser le débogueur Flash en mode de test sur des fichiers locaux ou l'utiliser pour tester des fichiers sur un serveur Web à un emplacement distant.
Rubriques connexes
Test de votre site dans le chapitre Utilisation de Dreamweaver
Optimisation et débogage de code dans le chapitre Utilisation de Dreamweaver
Déploiement de vos fichiers de site vers un serveur avec Dreamweaver
Après avoir créé un site Web fonctionnel, vous pouvez utiliser Dreamweaver pour le publier en chargeant les fichiers vers un serveur Web distant.
Avant de poursuivre, vous devez pouvoir accéder à un serveur Web distant (le serveur de votre fournisseur d'accès Internet, un serveur appartenant à un client pour lequel vous travaillez ou un serveur intranet de votre société). Si vous ne pouvez accéder à un serveur de ce type, contactez votre fournisseur d'accès Internet ou votre client.