Démarche de réalisation

Phase de préparation
 Concevoir la structure du site à l’aide d’un idéateur (exemple) ou sur papier avant de commencer la programmation.
 Créer le site (Fichier -nouveau -site web -vide).
 Créer un répertoire (dossier) pour les images.
 Créer l’ossature de la mise en page en CSS (répartition graphique des éléments) (Fichier -Nouveau - Page -Disposition CSS)

• Conteneur pour les éléments de l’en-tête
  • En-tête
  • Espace pour le logo
• Conteneur pour les éléments du corps de la page
  • Colonne pour le menu
  • Espace central pour le contenu
• Pied de page (le mettre dans la section Conteneur dans le code)
• Mettre du contenu bidon dans les sections et ajuster les paramètres de présentation (Menu contextuel -Modifier le style)

Phase de réalisation
 Créer les principales pages du site

• Index
• Pages de contenu

 Appliquer la feuille de style aux pages
 Insérer le contenu dans les boîtes
 Visualiser le sites dans différents navigateurs pour contrôler le rendu

Phase d’intégration
 Déposer le site en ligne
 Recueillir les commentaires des visiteurs
 Ajuster la mise en page et les contenus selon les besoins

Quelques ressources

Générateur de texte de remplacement

Little Boxes CSS, modèle de mise en page en feuille de style

Banques d’images libres

 http://www.openclipart.org/detail/47239
 http://www.wpclipart.com/
 http://commons.wikimedia.org/wiki/Accueil
 http://recitpresco.qc.ca/pages/banque-dimages-et-de-sons

Attention, vos images doivent être au format jpg ou gif.