Voici une formation XHTLM et CSS, de plus de 9h, en vidéo et découpée en une cinquantaine de tuto en vidéo. Adoptez les bons réflexes pour concevoir des sites Web actuels et créatifs! Qu’est-ce qu’une page web ? À quoi servent les feuilles de style ? Les principales balises HTML pour le texte, quels sont les attributs CSS. Autant de questions qui trouveront écho dans cette formation dédiée aux webmasters.
Jetez un oeil à ces autres tuto CSS 3, HTML
10 astuces CSS pour faciliter…
Dans cette formation CSS volume 2, nous allons découvrir 10…
Apprendre le Responsive Design…
Dans cette formation Responsive Design signée Elephorm, vous…
Créer un site One Page complet…
Dans ce tuto vidéo HTML5, CSS3 et jQuery, nous allons voir…
Créer un site web avec un…
Dans ce tuto jQuery / CSS3, nous allons ensemble, pas à pas,…
Menu déroulant intelligent…
Avec ce tuto CSS 3, apprenez à réaliser un menu déroulant…
Montage HTML/CSS d’une maquette…
Voici une formation dédiée à la découpe et au montage HTML…
Cette formation contient 51 leçons en vidéo (que vous pouvez acheter à l'unité) pour une durée totale de 9h10.
Voici le programme complet abordé au cours de cette formation :
L'elephormateur
- Le mot de l'auteur vidéo gratuite !
Premier contact avec HTML et CSS
- Qu’est-ce qu’une page web ? À quoi servent les feuilles de style ? 1 crédit
- HTML : du contenu et des balises 1 crédit
- Les principales balises HTML pour le texte 1 crédit
- Exercice de balisage HTML : présentation de l’exercice 1 crédit
- Corrigé : structurer un texte en HTML 1 crédit
- Les commentaires en HTML 1 crédit
- Styles CSS : attribut style et élément style, sélecteur d’éléments 1 crédit
- Styles CSS : utiliser les classes et identifiants 1 crédit
- Exercice : reproduction d’un style existant vidéo gratuite !
- Des images pour les pages web 1 crédit
Annexe 1 : Travailler avec les bons outils
- Éditeur WYSIWYG ou éditeur de code? 1 crédit
- Les navigateurs web 1 crédit
- Barre d’outils web Developer et Firebug 1 crédit
Introduction à la mise en page en CSS
- Éléments de type bloc et éléments de type en-ligne 1 crédit
- Le modèle de boîte CSS : hauteur et largeur 1 crédit
- Le modèle de boîte CSS : les marges 1 crédit
- Le modèle de boîte CSS : bordures et padding 1 crédit
- Le modèle de boîte CSS : comment se cumulent ces propriétés 1 crédit
- Le positionnement relatif 1 crédit
- Le positionnement absolu 1 crédit
- Le positionnement flottant 1 crédit
- Une fiche produit (exercice) : balisage HTML 1 crédit
- Une fiche produit (exercice) : mise en forme CSS 1 crédit
Annexe 2 : Standards et validité
- Validité du code XHTML 1 crédit
- Les validateurs sont mes amis 1 crédit
- Les standards XHTML et CSS : spécifications et références 1 crédit
Mise en page d’un design simple
- Présentation de l’exercice : réalisation d’un site web complet 1 crédit
- Mise en place du projet 1 crédit
- Mise en forme de l’en-tête du site 1 crédit
- Analyse du design et création de blocs conteneurs (éléments DIV) 1 crédit
- Positionnement des principaux blocs 1 crédit
- Un point sur les couleurs pour le web (couleurs en CSS, outils pratiques) 1 crédit
- Décorer un bloc avec des images de fond (propriété background) 1 crédit
Des menus de navigation en HTML et CSS
- Qu’est-ce qu’un menu de navigation ? 1 crédit
- Analyse du design du menu principal de notre site web 1 crédit
- Styles CSS du menu principal vidéo gratuite !
Annexe 3 : L’encodage des caractères
- Qu’est-ce qu’un encodage de caractères ? Quel encodage choisir ? 1 crédit
- Comment bien déclarer l’encodage d’une page ? 1 crédit
- Les entités HTML 1 crédit
Mise en forme du contenu
- Mise en forme des contenus de l’accueil : boîtes pour le texte 1 crédit
- Mise en forme des contenus de l’accueil : styles du texte 1 crédit
- Préparation de la page «fiche produit» 1 crédit
- Intégration et adaptation de la fiche produit 1 crédit
- Récapitulatif des propriétés CSS pour le texte 1 crédit
Annexe 4 : Des gabarits de mise en page pour vos projets
- Présentation des gabarits de mise en page 1 crédit
- Rappel largeur fluide et largeur fixe. Modifier un gabarit. 1 crédit
Tableaux et formulaires en HTML et CSS
- Construire et mettre en forme un tableau 1 crédit
- Un formulaire simple en HTML 1 crédit
- Mise en forme du formulaire 1 crédit
Conclusion de la formation
- Conclusion vidéo gratuite !
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto CSS 3, HTML de 9 heures 10 minutes est proposée dans une résolution plus grande que l’extrait suivant :
elephorm
, Editeur pro
Elephorm, la formation vidéo avec les pros certifiés Apple, Adobe, Autodesk, Google. Elephorm est spécialisé dans la formation par les nouveaux médias sur les outils de création numérique au sens large : infographie, 3D, photographie, internet, multimédia, motion design, Web, vidéo et effets spéciaux, audionumérique, informatique. La société réunit actuellement un réseau des meilleurs experts français, alliant qualité pédagogique et expertise technique.
Toutes les formations de Elephorm
Florent Verschelde, auteur dans cette formation
Florent Verschelde, est un webdesigner indépendant, expert des langages HTML et CSS et spécialisé en intégration web.
Depuis 2006, il participe à l’animation du site Alsacreations, référence francophone sur les standards du Web. Il publie plusieurs ressources et tutoriels ainsi que sur son site Covert Prestige.
Toutes les formations de Florent Verschelde
Témoignage des clients de elephorm
![]()
Très bien.
![]()
Bravo des Tito clairs que demander en plus
![]()
Super Tuto !
![]()
Merci pour ces tutos sur toutes les bases des logiciels, j'aurais jamais pu trouver des formation plus expliquées que les vôtres, merci !
![]()
Merci pour vos tutos réalisés de manière pro et très compréhensibles bien qu'il y ait toujours de nouvelles questions qui se présentent à moi et pour lesquelles je ne trouve pas de réponses... comment faire pour contacter elephorm..???
Lire les autres témoignages
D'autres tuto de elephorm
Formation Matte Painting
Voici une formation Photoshop dédiée au Matte Painting, d'une durée de près de 5h,…
Techniques de l'image pour le Webdesigner
Voici une formation sur le Webdesign en vidéo, pour accompagner tous ceux qui souhaitent…
Formation 3ds Max 2012
Dans cette formation 3ds Max 2012 vous allez apprendre à maîtriser les nouveautés…
Apprendre Wordpress 3
Voici une formation Wordpress 3, en vidéo, d'une durée de plus de 5h30, et découpée…
Ce tuto n’a pas encore reçu de vote
Les avis / Questions des utilisateurs (1)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto CSS 3, HTML d’une durée de 9 heures 10 minutes a été acheté 21 fois.
Ce tuto a été publié le 2 mai 2012 par elephorm, éditeur professionnel, ayant reçu une note moyenne de 3,9/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto CSS Formation.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.















(n'a pas acheté ce tuto - 31 juillet 2012)
" Désolé mais les tutos sont trop lents, on n'apprend rien de plus que ce qu'on peut piocher sur internet gratuitement ... j'ai acheté les 3/4 des tutos et pour moi c'est tout simplement catastrophique. Vous pouvez en tester un ou deux et vous verrez. Je suis désolé pour l'auteur mais ça ne va pas. Et en plus 50€ ????? !!!!!!!!!!!!! Je ne comprends pas. Réellement. Dommage. "