Differences

This shows you the differences between two versions of the page.

--- 2015_2016:s1:webdoc:projet [2015/12/06 18:05]
urli [Objectif]
+++ 2015_2016:s1:webdoc:projet [2015/12/14 13:17]
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
-<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 !
 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
 </note>
@@ Line 19: / Line 28: @@
 ===== 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 l'identifiant ''choixCSS'' et possédant l'attribut : ''onchange="changeCSS()"''
+   * 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>

Cours au département INFO - IUT - UNS

User Tools

Site Tools

Differences

Page Tools