2015_2016:s1:webdoc:projet
This is an old revision of the document!
Table of Contents
Projet Web
Objectif
L'objectif de ce projet est de rendre un site web complet. Votre site devra contenir au minimum :
- un menu “dynamique” tel que vu au précédent TP
- différentes feuilles de styles
- une structure commune à toutes les pages
- votre CV au format html
- différentes pages sur les sujets qui vous intéressent comprenant images, formulaires, vidéos, inclusion de cartes etc
Votre site sera évalué en fonction :
- de la séparation des éléments de contenu et de mise en forme,
- de la qualité de la mise en forme (utilisation des sélecteurs, des éléments de mise en forme etc)
- de la complexité de la mise en forme (transition CSS, transformations, etc)
- de la conformité du site (n'oubliez pas les validateurs du W3C !)
- de l'originalité du contenu
C'est le moment de vous faire plaisir !
Faites un site qui vous plait !
Au besoin reprenez des éléments de votre exposé si vous manquez d'imagination.
N'hésitez pas à piocher dans les TP précédents
Feuille de style dynamique
Vous pouvez récupérer ce code contenant un exemple de changement dynamique de feuille de style : code_projet.zip
Pour l'utiliser dans vos propres codes suivez les règles suivantes :
- copiez collez tout le code (balises incluses) de
<script type=“text/javascript”>
jusqu'à</script>
dans votre propre head - Créez une balise
<select>
possédant le nomchoixCSS
et possédant l'attribut :onchange=“changeCSS()”
- Créez les différentes
<option>
du select en précisant commevalue
le nom du fichier CSS
Si vous le souhaitez vous pouvez utiliser des liens au lieu d'un select, à vous de chercher comment !
2015_2016/s1/webdoc/projet.1449492945.txt.gz · Last modified: 2015/12/07 12:55 by urli