User Tools
2015_2016:s1:webdoc:projet
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
2015_2016:s1:webdoc:projet [2015/12/14 13:17] urli [Feuille de style dynamique] |
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 | ||
| Line 26: | 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 ===== | ||
| Line 33: | Line 46: | ||
| * 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 l'identifiant ''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> | ||
2015_2016/s1/webdoc/projet.1450095435.txt.gz · Last modified: 2015/12/14 13:17 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
