Differences

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

--- 2015_2016:s1:webdoc:td4 [2015/11/20 13:53] – gjannon
+++ 2015_2016:s1:webdoc:td4 [2015/11/30 14:43] (current) – [Sprite] urli
@@ Line 2: / Line 2: @@
 ====== TD4 Web ======
+Inspiré du cours de Mr Rey Gaëtan
 ===== Structure d'une page web html5 =====
@@ Line 12: / Line 13: @@
 Nous nous proposons à présent de créer une section de type blog sur votre site web en utilisant ces balises.
 Pour cela vous vous aiderez de l'exemple suivant et des informations données dans les rubriques ci après.
+Plus d'infos sur les différentes balises html utilisées :
+   * http://www.alsacreations.com/article/lire/1376-html5-section-article-nav-header-footer-aside.html
 <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire :  >
@@ Line 42: / Line 46: @@
 Les CSS sont en effet conçues pour afficher les éléments au sein d'un flux : pour simplifier, les éléments en ligne, ou inline, sont affichés les uns à la suite des autres, tandis que les éléments conteneurs, ou block, amènent un retour à la ligne après leur affichage.
+Quelques éléments sur les flux et le positionnement relatif :
+   * http://openweb.eu.org/articles/initiation_flux/
 Le positionnement flottant permet de sortir un élément du flux, en cela que l'on peut préciser si l'élément ciblé, par exemple une image ou une colonne de contenu, s'affiche à gauche ou à droite.
@@ Line 51: / Line 58: @@
 Le positionnement flottant s'adapte au contenu et par défaut prend toute la largeur disponible.
+Comprendre les float :
+   * http://openweb.eu.org/articles/initiation_float/
 Pour restreindre sa largeur il est possible de donner une taille à l'élément:
@@ Line 66: / Line 76: @@
 clear: both; /* ou right ou left pour libérer l'influence du float uniquement d'un côté*/
 </code>
+Elements supplémentaires sur les positions fixes et absolues :
+   * http://openweb.eu.org/articles/initiation_absolue/
 Pour en savoir plus sur les possibilités de positionnement vous pourrez voir :
@@ Line 151: / Line 164: @@
 </box>
-==== Sprite ====
-Le tuto est là : http://www.w3schools.com/css/tryit.asp?filename=trycss_sprites_nav
-L'image est ici : http://www.w3schools.com/css/img_navsprites.gif
-http://www.alsacreations.com/tuto/lire/1068-sprites-css-background-position.html
 ===== Après les TDs 3 et 4, je sais répondre à =====