Elephorm - Apprendre XHTML & CSS
Elephorm - Apprendre XHTML & CSS
20H | 7GB | mov
Sommaire de la formation XHTML et CSS :
Introduction
Le mot de l’auteur
Premier contact avec HTML et CSS
Qu’est-ce qu’une page web ? À quoi servent les feuilles de style ? • Les principales balises HTML pour le texte • Exercice de balisage HTML: présentation de l’exercice • Corrigé: structurer un texte en HTML • Les commentaires en HTML • Styles CSS: attribut style et élément style, sélecteur d’éléments • Styles CSS: utiliser les classes et identifiants • Exercice: reproduction d’un style existant • Des images pour les pages web
Annexe 1: Travailler avec les bons outils
Éditeur WYSIWYG ou éditeur de code? • Les navigateurs web • Barre d’outils Web Developer et Firebug
Introduction à la mise en page en CSS
Éléments de type bloc et éléments de type en-ligne • Le modèle de boite CSS: hauteur et largeur • Le modèle de boite CSS: les marges • Le modèle de boite CSS: bordures et padding • Le modèle de boite CSS: comment se cumulent ces propriétés • Le positionnement relatif • Le positionnement absolu • Le positionnement flottant • Une fiche produit (exercice): balisage HTML • Une fiche produit (exercice): mise en forme CSS
Annexe 2: Standards et validité
Validité du code XHTML • Les validateurs sont mes amis • Les standards XHTML et CSS: spécifications et références
Mise en page d’un design simple
Présentation de l’exercice: réalisation d’un site web complet • Mise en place du projet • Mise en forme de l’en-tête du site • Analyse du design et création de de blocs conteneurs (éléments DIV) • Positionnement des principaux blocs • Un point sur les couleurs pour le Web (couleurs en CSS, outils pratiques) • Décorer un bloc avec des images de fond (propriété background)
Des menus de navigation en HTML et CSS
Qu’est-ce qu’un menu de navigation ? • Analyse du design du menu principal de notre site web • Styles CSS du menu principal
Annexe 3: L’encodage des caractères
Qu’est-ce qu’un encodage de caractères ? Quel encodage choisir ? • Comment bien déclarer l’encodage d’une page ? • Les entités HTML
Mise en forme du contenu
Mise en forme des contenus de l’accueil: boites pour le texte • Mise en forme des contenus de l’accueil: styles du texte • Préparation de la page «fiche produit» • Intégration et adaptation de la fiche produit • Récapitulatif des propriétés CSS pour le texte
Annexe 4: Des gabarits de mise en page pour vos projets
Présentation des gabarits de mise en page • Rappel largeur fluide et largeur fixe. Modifier un gabarit.
Tableaux et formulaires en HTML et CSS
Construire et mettre en forme un tableau • Un formulaire simple en HTML • Mise en forme du formulaire
Conclusion
Conclusion de la formation
RS
http://rapidshare.com/files/322123399/ELEPHORM_XHTML_CSS.part01.rar
http://rapidshare.com/files/322127663/ELEPHORM_XHTML_CSS.part02.rar
http://rapidshare.com/files/322131845/ELEPHORM_XHTML_CSS.part03.rar
http://rapidshare.com/files/322135943/ELEPHORM_XHTML_CSS.part04.rar
http://rapidshare.com/files/322139993/ELEPHORM_XHTML_CSS.part05.rar
http://rapidshare.com/files/322144397/ELEPHORM_XHTML_CSS.part06.rar
http://rapidshare.com/files/322148776/ELEPHORM_XHTML_CSS.part07.rar
http://rapidshare.com/files/322152996/ELEPHORM_XHTML_CSS.part08.rar
http://rapidshare.com/files/322157189/ELEPHORM_XHTML_CSS.part09.rar
http://rapidshare.com/files/322161668/ELEPHORM_XHTML_CSS.part10.rar
http://rapidshare.com/files/322165914/ELEPHORM_XHTML_CSS.part11.rar
http://rapidshare.com/files/322170023/ELEPHORM_XHTML_CSS.part12.rar
http://rapidshare.com/files/322174311/ELEPHORM_XHTML_CSS.part13.rar
http://rapidshare.com/files/322178609/ELEPHORM_XHTML_CSS.part14.rar
http://rapidshare.com/files/322182837/ELEPHORM_XHTML_CSS.part15.rar
http://rapidshare.com/files/322187217/ELEPHORM_XHTML_CSS.part16.rar
http://rapidshare.com/files/322191713/ELEPHORM_XHTML_CSS.part17.rar
http://rapidshare.com/files/322196262/ELEPHORM_XHTML_CSS.part18.rar
http://rapidshare.com/files/322200687/ELEPHORM_XHTML_CSS.part19.rar
http://rapidshare.com/files/322206285/ELEPHORM_XHTML_CSS.part20.rar
http://rapidshare.com/files/322213862/ELEPHORM_XHTML_CSS.part21.rar
http://rapidshare.com/files/322218290/ELEPHORM_XHTML_CSS.part22.rar
http://rapidshare.com/files/322233447/ELEPHORM_XHTML_CSS.part23.rar
http://rapidshare.com/files/322238717/ELEPHORM_XHTML_CSS.part24.rar
http://rapidshare.com/files/322250701/ELEPHORM_XHTML_CSS.part25.rar
http://rapidshare.com/files/322260158/ELEPHORM_XHTML_CSS.part26.rar
http://rapidshare.com/files/322263645/ELEPHORM_XHTML_CSS.part27.rar
http://rapidshare.com/files/322266881/ELEPHORM_XHTML_CSS.part28.rar
http://rapidshare.com/files/322270324/ELEPHORM_XHTML_CSS.part29.rar
http://rapidshare.com/files/322273632/ELEPHORM_XHTML_CSS.part30.rar
http://rapidshare.com/files/322277525/ELEPHORM_XHTML_CSS.part31.rar
http://rapidshare.com/files/322280946/ELEPHORM_XHTML_CSS.part32.rar
http://rapidshare.com/files/322283953/ELEPHORM_XHTML_CSS.part33.rar
http://rapidshare.com/files/322286972/ELEPHORM_XHTML_CSS.part34.rar
http://rapidshare.com/files/322289980/ELEPHORM_XHTML_CSS.part35.rar
STO
http://www.storage.to/get/yIpRyvvk/ELEPHORM_XHTML_CSS.part01.rar
http://www.storage.to/get/mLVyS1MO/ELEPHORM_XHTML_CSS.part02.rar
http://www.storage.to/get/I72BoWN7/ELEPHORM_XHTML_CSS.part03.rar
http://www.storage.to/get/7gDjp4A7/ELEPHORM_XHTML_CSS.part04.rar
http://www.storage.to/get/jk7Wtu3s/ELEPHORM_XHTML_CSS.part05.rar
http://www.storage.to/get/HCWvlWb4/ELEPHORM_XHTML_CSS.part06.rar
http://www.storage.to/get/8fU3anRq/ELEPHORM_XHTML_CSS.part07.rar
http://www.storage.to/get/UIGZ55oi/ELEPHORM_XHTML_CSS.part08.rar
http://www.storage.to/get/JADFYZax/ELEPHORM_XHTML_CSS.part09.rar
http://www.storage.to/get/OKCESTHE/ELEPHORM_XHTML_CSS.part10.rar
http://www.storage.to/get/0k0FUFSu/ELEPHORM_XHTML_CSS.part11.rar
http://www.storage.to/get/DfTeOZVU/ELEPHORM_XHTML_CSS.part12.rar
http://www.storage.to/get/rWKoTKsg/ELEPHORM_XHTML_CSS.part13.rar
http://www.storage.to/get/eTfmxbIk/ELEPHORM_XHTML_CSS.part14.rar
http://www.storage.to/get/OROPKG4t/ELEPHORM_XHTML_CSS.part15.rar
http://www.storage.to/get/cYveAeUl/ELEPHORM_XHTML_CSS.part16.rar
http://www.storage.to/get/9jIzeYkP/ELEPHORM_XHTML_CSS.part17.rar
http://www.storage.to/get/vpbkf9uB/ELEPHORM_XHTML_CSS.part18.rar
http://www.storage.to/get/dRcL8Mam/ELEPHORM_XHTML_CSS.part19.rar
http://www.storage.to/get/ABxolyer/ELEPHORM_XHTML_CSS.part20.rar
http://www.storage.to/get/8EF3rvS6/ELEPHORM_XHTML_CSS.part21.rar
http://www.storage.to/get/KAEFXaZi/ELEPHORM_XHTML_CSS.part22.rar
http://www.storage.to/get/HENnOCtN/ELEPHORM_XHTML_CSS.part23.rar
http://www.storage.to/get/CWMpScKr/ELEPHORM_XHTML_CSS.part24.rar
http://www.storage.to/get/ZCZi6Xlu/ELEPHORM_XHTML_CSS.part25.rar
http://www.storage.to/get/pGwtXTKY/ELEPHORM_XHTML_CSS.part26.rar
http://www.storage.to/get/zGDuk7uW/ELEPHORM_XHTML_CSS.part27.rar
http://www.storage.to/get/B3xuc21d/ELEPHORM_XHTML_CSS.part28.rar
http://www.storage.to/get/E8ntp9TP/ELEPHORM_XHTML_CSS.part29.rar
http://www.storage.to/get/lkhl0Owm/ELEPHORM_XHTML_CSS.part30.rar
http://www.storage.to/get/sjlziDYE/ELEPHORM_XHTML_CSS.part31.rar
http://www.storage.to/get/GFqAmUCG/ELEPHORM_XHTML_CSS.part32.rar
http://www.storage.to/get/kaMWl6r5/ELEPHORM_XHTML_CSS.part33.rar
http://www.storage.to/get/7keVSU3G/ELEPHORM_XHTML_CSS.part34.rar
http://www.storage.to/get/Hgs8Bpee/ELEPHORM_XHTML_CSS.part35.rar