This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
2015_2016:s1:webdoc:projet [2015/12/06 18:05] urli |
2015_2016:s1:webdoc:projet [2015/12/07 13:55] urli [Feuille de style dynamique] |
||
---|---|---|---|
Line 11: | Line 11: | ||
* différentes pages sur les sujets qui vous intéressent comprenant images, formulaires, vidéos, inclusion de cartes etc | * différentes pages sur les sujets qui vous intéressent comprenant images, formulaires, vidéos, inclusion de cartes etc | ||
- | <note tip>C'est le moment de vous faire plaisir ! | + | 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 | ||
+ | |||
+ | <note tip> | ||
+ | C'est le moment de vous faire plaisir ! | ||
Faites un site qui vous plait ! | Faites un site qui vous plait ! | ||
Au besoin reprenez des éléments de votre exposé si vous manquez d'imagination. | Au besoin reprenez des éléments de votre exposé si vous manquez d'imagination. | ||
Line 20: | Line 28: | ||
===== Feuille de style dynamique ===== | ===== Feuille de style dynamique ===== | ||
+ | Vous pouvez récupérer ce code contenant un exemple de changement dynamique de feuille de style : {{:2015_2016:s1:webdoc: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 nom ''choixCSS'' et possédant l'attribut : ''onchange="changeCSS()"'' | ||
+ | * Créez les différentes ''<option>'' du select en précisant comme ''value'' le nom du fichier CSS | ||
+ | <note tip>Si vous le souhaitez vous pouvez utiliser des liens au lieu d'un select, à vous de chercher comment !</note> |