Développement d’un site web ESIC

Description projet

Demande de l’école :

L’objectif est de développer un site HTML/CSS par vos propres moyens :

• Tous les fichiers sont contenus dans un même dossier, par exemple C:xampphtdocsmon_projet
• Ce dossier doit contenir un sous-dossier « images » contenant toutes les images du site.
• Une page d’accueil index.html
• Au minimum quatre pages HTML compose votre site
• Design / look cohérent pour toutes les pages : lorsque je change de page, je n’ai pas l’impression de changer de site. Par exemple, le « dispositif » de navigation est le même de page en page
• Ce dispositif de navigation est basé sur une liste HTML. Au survol des éléments de cette liste avec le curseur de la souris, un changement de la mise en forme doit s’effectuer.
• Des titres de pages distincts (pour la navigation de l’utilisateur)
• Présence des balises HTML header, nav, section, footer dans toutes les pages HTML
• Inclure la même feuille de style dans toutes les pages de votre projet
• Site pleinement fonctionnel (pas de lien mort)
• Site sans ressource non utilisée (des images qui ne servent pas, …)
• Toutes les ressources doivent être locales au site. Par exemple, pas d’utilisation d’une image contenue dans un site web (dans ce cas, il faut copier cette image en local dans votre site).
• Valider le code HTML de toutes les pages du projet
• Valider le code CSS de la feuille de style.

Outils utilisés :

1. Notepad ++
2. HTML Validator
3. CSS Validator
4. Google Chrome Développer tools

Langues utilisées :

1. HTML 5.0
2. CSS 3.0