Ceci est une ancienne révision du document !
IUT - Web - G6S1
Lien vers les supports de cours
Les supports de cours sont disponibles sur le site de Pierre-Antoine Champin.
Consignes pour la réalisation du projet
L'objectif du projet est de produire une maquette du site de présentation des projets tuteurés de l'IUT. La maquette doit être exclusivement en HTML5/CSS. Toute autre technologie sera simplement ignorée dans la notation finale.
Liste minimale des pages que le site devra comporter
- Page d'accueil
- Page d'affichage de la liste des projets tuteurés
- Page de présentation d'un projet tuteuré
- Page de recherche de projets tuteurés selon plusieurs critères (type de support, année, nom, mots-clés)
- Page de login pour accéder à la zone “privée du site”
- Page de saisie d'un projet tuteuré dans la galerie (en mode connecté) [binômes uniquement]
- Page “mon compte” (en mode connecté) [binômes uniquement]
- Page “à propos” (visible par tous) [binômes uniquement]
De plus, un menu doit être visible sur toutes les pages.
Ces données sont fournies à titre indicatif… vous pouvez ajouter toute page qui vous semblerait utile.
Critères généraux de notation
- La structure de votre site doit être correcte (organisation des ressources en répertoires, nommage correct des fichiers, etc.).
- La présentation de votre site devra s’adapter à la largeur de l’écran, afin de présenter une ergonomie différente (et appropriée) sur un écran d’ordinateur et sur un smartphone.
- Les pages doivent avoir un aspect uniforme.
Grille de notation (le barème ne sera pas communiqué) :
- Utilisation des structures de base du HTML
- Utilisation pertinente des sections
- Mise en place de liens externes / internes et pertinence
- Utilisation de listes
- Formulaire
- Meta-données
- Qualité des CSS
- Structuration des CSS
- Richesse des CSS
- Responsive design
- Respect des consignes (toutes les pages sont présentes, bien nommées et bien organisées, modalités de rendu respectées)
- Qualité visuelle
- Exploitation des ressources disponibles
- Validation CSS et HTML