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/07 13:55] urli [Feuille de style dynamique] |
2015_2016:s1:webdoc:projet [2015/12/14 13:57] urli [Objectif] |
||
---|---|---|---|
Line 6: | Line 6: | ||
Votre site devra contenir au minimum : | Votre site devra contenir au minimum : | ||
* un menu "dynamique" tel que vu au précédent TP | * un menu "dynamique" tel que vu au précédent TP | ||
- | * différentes feuilles de styles | + | * différentes feuilles de styles (pas uniquement un changement dans les couleurs mais également dans la structure) |
- | * une structure commune à toutes les pages | + | * une structure commune à toutes les pages pour un style donné |
* votre CV au format html | * votre CV au format html | ||
* 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 | ||
Line 32: | Line 32: | ||
Pour l'utiliser dans vos propres codes suivez les règles suivantes : | 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 | * 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 une balise ''<select>'' possédant l'identifiant ''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 | + | * Créez les différentes ''<option>'' du select en précisant comme ''value'' le chemin du fichier CSS |
<note tip>Si vous le souhaitez vous pouvez utiliser des liens au lieu d'un select, à vous de chercher comment !</note> | <note tip>Si vous le souhaitez vous pouvez utiliser des liens au lieu d'un select, à vous de chercher comment !</note> |