Exercice 2: Création d'un site professionnel

Objectif

Le but de cet exercice est de créer pas à pas un site professionnel. Le contenu de ce site n’a pas vraiment d’importance, ce qui est important est l’utilisation des div et des CSS afin d’obtenir le résultat souhaité.
Votre site devra au minimum comporter une balise du type:

  • Body: mise en forme de la page part défaut
  • H1 ou H2 ou H3...: pour modifier l’apparence d’un titre/section
  • UL: pour modifier l’apparence d’une liste
  • A: pour modifier l’apparence d’un lien

Le but est d’obtenir un site proche de ce que l'on fait dans le monde professionnel. Vous pouvez par exemple aller sur le site http://www.dpivision.com qui n’utilise que le HTML et le CSS pour faire sa présentation.

Forme de votre page

La page que vous allez créer doit posséder une en-tête, une zone de menus, une zone de contenu et un pied de page. Les items des menus doivent avoir une couleur de fond et celle-ci doit changer au passage de la souris.

Application d'un nouveau style

Une fois la structure de la page et votre première feuille de style créées, réalisez une seconde feuille de style pour mettre le menu à droite et modifier toutes les couleurs et images.


Cette page est valide XHTML 1.0 Strict et CSS niveau 2.1
Vous pouvez changer le design en cliquant sur les carrés en haut à gauche. La couleur de chaque carré représente la couleur du design auquel il fait référence.

Copyright 2009 © Morgan FABRE & Yohann GIRARD
Toute reproduction, totale ou partielle interdite.