Sites statiques

1 HTML

Titres et paragraphes: Balises de titres et principales balises de mise en forme du texte
Listes: Listes à puces, numérotées, listes de définitions
Hyperliens: Liens externes dans une liste de définitions
Ancres: Ancres et liens à l'intérieur d'une page
Exercice New York: Images et habillage à gauche et à droite + figure et figcaption
Récapitulatif: Récapitulatif (balises, listes, liens, images) + images cliquables et image maps
1.HTML

Liaisons CSS

Balises universelles

Balises span (en ligne) et div (type bloc), class et id

Ombres textes et boîtes + coins arrondis

Exercices

2. bases CSS

Gestion des mots trop longs : word-wrap et hyphens

Gestion des textes trop longs : dépassement, défilements et resize

Définitions des colonnes (nombre et/ou largeur)
espace et séparations entre colonnes

Transparence : Opacity et rgba

Opacity : rend tout transparent
rgba : rend l'arrière-plan ou ce qu'on souhaite transparent

Images d'arrière-plan

3. CSS étendues

Sélecteurs et arborescences: Hiérarchie (descendants, parents, enfants, frères) et héritage
Combinateurs: Sélecteurs d'enfants > , de frères (adjacents + ou non ~ ) et de parents (coming soon?)
Sélecteurs d'attribut: Sélection d'un élément fonction de présence ou de valeur d'un attribut (= exacte, ^= débutant par, $= finissant par, *= contenant)
Pseudo-classes liens et target: Liens (a:link, a:visited, a:hover, a:focus, a:active) et dynamiques (:target, :hover, :active et :focus)
Pseudo-classes structurelles: :first-child, :last-child, :nth-child(n), :nth-of-type(n), :not() , (:matches() - coming soon?)
Pseudo-éléments: Selection d'éléments qui ne pourraient être ciblés qu'en ajoutant une balise dans le html
::first-letter et ::first-line, ::selection(pas Firefox), ::before et ::after
Exercice récapitulatif: et sa correction
4. Sélecteurs CSS

Tableaux : introduction: Tableau simple avec un thead, un tbody, un tfoot et un caption
Tableaux :exercices: Téléphones, Hit-parade et Hébergements
Balises details et summary: Démonstration des balises html5 (pas encore supportées dans Firefox)
Formulaires : introduction: Formulaire comprenant tous les inputs, choix et boutons possibles
Formulaires : mises en forme: Fieldsets, libellés, éléments obligatoires et mises en forme
5a. Tableaux 5b. Formulaires