En règle générale, vous n'entamerez pas la création d'un site Web en ouvrant Dreamweaver puis en mettant immédiatement des pages en forme. Les premières étapes de la création d'un site Web se déroulent sur une feuille de papier ou dans une application de graphisme telle que Macromedia Fireworks. Les concepteurs graphiques créent généralement une maquette détaillée du site Web de manière à la présenter au client et à s'assurer que celui-ci approuve les idées initiales relatives au site.
Une maquette détaillée se compose d'un certain nombre d'éléments de page que le client a demandés pour son site Web. Par exemple, le client peut demander à avoir un logo en haut de la page, une section de navigation avec des liens vers les autres pages, une section contenant un magasin en ligne et un endroit où insérer des clips vidéo. Selon ces desiderata, le concepteur entame la planification de la mise en forme du site et crée des esquisses de pages répondant aux attentes du client.
Dans ce didacticiel, vous disposerez de la maquette détaillée complète et approuvée de Cafe Townsend, un restaurant fictif qui désire disposer d'un site Web. En tant que concepteur Web, vous êtes chargé de transformer cette maquette détaillée en une page Web fonctionnelle (dans la plupart des cas, en collaboration avec d'autres concepteurs graphiques et des développeurs Flash).
Vous remarquerez que le concepteur graphique vous a fourni une maquette détaillée de page Web qui comprend un certain nombre de zones de contenu et quelques idées concernant les graphismes. Dans les sections suivantes, vous allez employer Dreamweaver pour mettre ce concept en forme.
Vous pouvez également ouvrir le fichier original de la maquette détaillée si vous désirez le voir s'afficher sur l'écran de l'ordinateur. Vous pouvez trouver la maquette, homepage-mockup.jpg, dans le dossier fireworks_assets du dossier cafe_townsend que vous avez copié sur votre disque dur dans Didacticiel : Configuration de votre site et des fichiers de projet. Si vous le souhaitez, vous pouvez même l'imprimer pour l'avoir sous les yeux pendant que vous construisez votre page.