User Tools
2015_2016:s1:webdoc:td6
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:td6 [2015/12/07 15:35] urli [Transitions et transformations css] |
2015_2016:s1:webdoc:td6 [2015/12/07 16:15] (current) urli [La balise vidéo] |
||
|---|---|---|---|
| Line 13: | Line 13: | ||
| <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire : > | <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire : > | ||
| - Commencez par créer une page html5 contenant une zone ''header'', une zone ''nav'', une zone ''aside'', 5 zones ''section'' et une zone ''footer''. | - Commencez par créer une page html5 contenant une zone ''header'', une zone ''nav'', une zone ''aside'', 5 zones ''section'' et une zone ''footer''. | ||
| - | - A l'aide d'un fichier CCS, définissez les propriétés suivantes pour les zones : | + | - A l'aide d'un fichier CSS, définissez les propriétés suivantes pour les zones : |
| * header : prend toute la largeur de la page, contiendra un texte de 40px de haut et en petites capitales | * header : prend toute la largeur de la page, contiendra un texte de 40px de haut et en petites capitales | ||
| * nav sera une zone horizontale sous le header de 600px de large (on y reviendra à la fin) | * nav sera une zone horizontale sous le header de 600px de large (on y reviendra à la fin) | ||
| Line 52: | Line 52: | ||
| <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire : > | <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire : > | ||
| - | * Dans la 3e zone section de la page (et non celles créées précédemment), ajoutez 2 images et une balise vidéo. | + | * Dans section suivante de la page (et non celles créées précédemment), ajoutez 2 images et une balise vidéo. |
| * Quand vous survolez une des deux images, une transformation (au choix mais différente en fonction de chaque image) sera appliqué à la vidéo ... testez cela lors de la lecture de la vidéo (choix des sélecteurs : http://www.w3schools.com/cssref/css_selectors.asp) | * Quand vous survolez une des deux images, une transformation (au choix mais différente en fonction de chaque image) sera appliqué à la vidéo ... testez cela lors de la lecture de la vidéo (choix des sélecteurs : http://www.w3schools.com/cssref/css_selectors.asp) | ||
| * Utilisez les URLs suivantes pour la vidéo : | * Utilisez les URLs suivantes pour la vidéo : | ||
2015_2016/s1/webdoc/td6.1449498933.txt.gz · Last modified: 2015/12/07 15:35 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
