User Tools

Site Tools


2015_2016:s1:webdoc:projet

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Last revision Both sides next revision
2015_2016:s1:webdoc:projet [2015/12/06 18:05]
urli [Objectif]
2015_2016:s1:webdoc:projet [2015/12/14 14:02]
urli
Line 1: Line 1:
 ====== Projet Web ====== ====== Projet Web ======
 +
 +===== Mise en ligne d'une page =====
 +
 +Essayez tout d'​abord de mettre en ligne votre page web. 
 +Ouvrez FileZilla et rentrez les informations suivantes :
 +   * Hôte : linserv3.iutnice.unice.fr
 +   * Login : numero@iutnice.unice.fr (où numero est votre numéro d'​étudiant)
 +   * Mot de passe : votre mot de passe
 +   * Port : 22
 +
 +Créez un répertoire ''​www''​ et uploadez une page ''​index.html''​ dedans. ​
 +Vérifiez que vous avez accès à votre page en allant à l'​adresse : https://​linserv3.iutnice.unice.fr/​~xyz en remplaçant xyz par votre numéro étudiant.
  
 ===== Objectif ===== ===== Objectif =====
Line 6: Line 18:
 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
  
-<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. ​
 +
 N'​hésitez pas à piocher dans les TP précédents N'​hésitez pas à piocher dans les TP précédents
 </​note>​ </​note>​
Line 19: Line 40:
 ===== 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 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>​
2015_2016/s1/webdoc/projet.txt · Last modified: 2015/12/14 14:28 by urli