Le HTML
et les bases CSS

Mardi

Tout au long de vos saisies, ne pas oublier d’inclure des commentaires :

les commentaires en html

suivre le tutoriel html sur le site du zero

les attributs de texte les strong em	http://www.siteduzero.com/informatique/tutoriels/apprenez-a-creer-votre-site-web-avec-html5-et-css3/organiser-son-texte
les images et leur attribut alt les images en ligne les images dans ou apres la balise p	http://www.siteduzero.com/tutoriel-3-13506-les-images.html
Revoir tous les types de liens en détails	http://www.siteduzero.com/tutoriel-3-13502-creer-des-liens.html
Schéma sur les liens relatifs	http://www.siteduzero.com/tutoriel-3-13500-un-lien-vers-une-autre-page-de-son-site.html

Vient ensuite la mise en forme css	http://www.siteduzero.com/tutoriel-3-13517-mettre-en-place-le-css.html
Tous les sélecteurs	http://www.w3.org/Style/css3-selectors-updates/WD-css3-selectors-20010126.fr.html#selectors
polices pour internet ?	http://www.fontsquirrel.com/http://www.fontsquirrel.com/
hover pour les CSS : les pseudo-éléments	http://www.siteduzero.com/tutoriel-3-13539-creation-d-apparences-dynamiques.html
Schéma d’une structure de page avec footer	http://www.siteduzero.com/tutoriel-3-561847-structurer-sa-page.html
les boites	http://www.siteduzero.com/tutoriel-3-13558-le-modele-des-boites.html
positionnement absolu et relatif et fixed	http://www.siteduzero.com/tutoriel-3-13563-les-positionnements-absolu-fixe-et-relatif.html

On va essayer de positionner plus précisément les éléments à l’aide des CSS et d’une structure HTML de base qui doit rester simple.

telecharger un reset	http://meyerweb.com/eric/tools/css/reset/
exemple de variations sur un même html	http://www.csszengarden.com/
les propriétés raccourcis	http://www.pompage.net/traduction/raccourcisCSS
bloc ou en ligne ?	http://www.css-faciles.com/bloc-en-ligne.php
alsacreations centrer des éléments	http://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html
les flottants	http://www.siteduzero.com/informatique/tutoriels/apprenez-a-creer-votre-site-web-avec-html5-et-css3/les-flottants-3
liste qui devient navigation	http://www.alsacreations.com/tuto/lire/574-Creer-des-menus-simples-en-CSS.html

nouveau site avec des divs esprit gabarit

Structure

header footer contenu à 2 colonnes

div global entete contenu sidebar et article footer , liste dans la div d’entête

float dans les colonnes et pour les li

texte avec @font-face

exo 1 : petit site chien chat

exo 2 (plutôt en deuxième semaine) : site sur les types de site