Apprendre XHTML & CSS

Sommaire de la formation « «Apprendre XHTML & CSS »

Durée totale de la formation: 9 heures

1. L'elephormateur
• Le mot de l'auteur00:00:53
2. Premier contact avec HTML et CSS
• Qu’est-ce qu’une page web ? À quoi servent les feuilles de style ?00:08:00
• HTML : du contenu et des balises00:08:26
• Les principales balises HTML pour le texte00:07:16
• Exercice de balisage HTML : présentation de l’exercice00:01:23
• Corrigé : structurer un texte en HTML00:06:37
• Les commentaires en HTML00:02:10
• Styles CSS : attribut style et élément style, sélecteur d’éléments00:09:42
• Styles CSS : utiliser les classes et identifiants00:07:26
• Exercice : reproduction d’un style existant00:17:56
• Des images pour les pages web00:15:43
3. Annexe 1 : Travailler avec les bons outils
• Éditeur WYSIWYG ou éditeur de code?00:06:27
• Les navigateurs web00:05:44
• Barre d’outils web Developer et Firebug00:08:53
4. Introduction à la mise en page en CSS
• Éléments de type bloc et éléments de type en-ligne00:16:40
• Le modèle de boîte CSS : hauteur et largeur00:13:16
• Le modèle de boîte CSS : les marges00:07:34
• Le modèle de boîte CSS : bordures et padding00:08:34
• Le modèle de boîte CSS : comment se cumulent ces propriétés00:04:45
• Le positionnement relatif00:11:32
• Le positionnement absolu00:08:04
• Le positionnement flottant00:12:14
• Une fiche produit (exercice) : balisage HTML00:15:15
• Une fiche produit (exercice) : mise en forme CSS00:18:11
5. Annexe 2 : Standards et validité
• Validité du code XHTML00:18:00
• Les validateurs sont mes amis00:08:14
• Les standards XHTML et CSS : spécifications et références00:15:46
6. Mise en page d’un design simple
• Présentation de l’exercice : réalisation d’un site web complet00:03:53
• Mise en place du projet00:16:37
• Mise en forme de l’en-tête du site00:13:41
• Analyse du design et création de blocs conteneurs (éléments DIV)00:06:19
• Positionnement des principaux blocs00:16:41
• Un point sur les couleurs pour le web (couleurs en CSS, outils pratiques)00:10:13
• Décorer un bloc avec des images de fond (propriété background)00:25:16
7. Des menus de navigation en HTML et CSS
• Qu’est-ce qu’un menu de navigation ?00:12:12
• Analyse du design du menu principal de notre site web00:03:24
• Styles CSS du menu principal00:20:44
8. Annexe 3 : L’encodage des caractères
• Qu’est-ce qu’un encodage de caractères ? Quel encodage choisir ?00:06:05
• Comment bien déclarer l’encodage d’une page ?00:08:50
• Les entités HTML00:09:58
9. Mise en forme du contenu
• Mise en forme des contenus de l’accueil : boîtes pour le texte00:06:19
• Mise en forme des contenus de l’accueil : styles du texte00:13:36
• Préparation de la page «fiche produit»00:03:01
• Intégration et adaptation de la fiche produit00:24:22
• Récapitulatif des propriétés CSS pour le texte00:15:00
10. Annexe 4 : Des gabarits de mise en page pour vos projets
• Présentation des gabarits de mise en page00:16:22
• Rappel largeur fluide et largeur fixe. Modifier un gabarit.00:05:33
11. Tableaux et formulaires en HTML et CSS
• Construire et mettre en forme un tableau00:17:43
• Un formulaire simple en HTML00:13:38
• Mise en forme du formulaire00:13:37
12. Conclusion de la formation
• Conclusion00:01:58