User Tools
2015_2016:s1:webdoc:projet
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
2015_2016:s1:webdoc:projet [2015/12/06 18:05] urli created |
2015_2016:s1:webdoc:projet [2015/12/14 14:28] (current) urli [Objectif] |
||
|---|---|---|---|
| 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. | ||
| Line 20: | Line 38: | ||
| </note> | </note> | ||
| + | <note warning>Attention à la taille de votre site ! Votre archive zip doit faire moins de 20 mo ! Prenez garde à la taille des images / vidéos.</note> | ||
| ===== 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.1449421531.txt.gz · Last modified: 2015/12/06 18:05 by urli
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 4.0 International
