User Tools

Site Tools


2015_2016:s1:webdoc:td6

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
2015_2016:s1:webdoc:td6 [2015/12/07 14:35] – [Transitions et transformations css] urli2015_2016:s1:webdoc:td6 [2015/12/07 15:15] (current) – [La balise vidéo] urli
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 14:35 by urli