Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Dans cette formation HTML5 et CSS3 de plus de 4 heures, vous allez apprendre les fondamentaux de HTML et CSS sans avoir besoin de posséder de connaissances préalables. Grâce à cette formation en vidéo, vous serez ensuite en mesure de réaliser vos propres sites web vitrines.
Au programme de ce tuto débuter le développement web avec HTML5 et CSS3
Entre connaissances fondamentales et techniques avancées comme l’utilisation du responsive design ou encore du célèbre framework Bootstrap (qui vous permettra d'intégrer encore plus rapidement), cette formation vous donnera les clés pour commencer le dans l'intégration web avec des bases solides.
A la fin de cette formation de 7 jours, nous mettrons en pratique nos connaissances fraîchement acquises en réalisant un portfolio onepage et responsive (site web qui s’adapte aux différentes tailles d’écrans comme les tablettes ou les smartphones) que vous pouvez voir dans la galerie d’images de cette formation.
Si vous avez des questions au sujet de cette formation, vous pourrez me les poser dans le salon d’entraide prévu à cet effet. Vous pourrez également me demander de rajouter des vidéos à cette formation pour qu’elle soit encore plus complète. Les fichiers sources utilisés dans cette formation vous sont fournis !
Pour aller plus loin, vous pouvez voir la suite de ce tuto sur la création d'un site web dynamique en PHP et Mysql en 7 jours.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Jour 1 - Les bases du développement web et du HTML
Jour 1 - Les bases du développement web et du HTML
Chapitre 2
Jour 2 - Tableaux, listes, images et formulaires avec HTML
Jour 2 - Tableaux, listes, images et formulaires avec HTML
Chapitre 3
Jour 3 - Les bases du CSS
Jour 3 - Les bases du CSS
Chapitre 4
Jour 4 - Styliser les éléments HTML avec CSS
Jour 4 - Styliser les éléments HTML avec CSS
Chapitre 5
Jour 5 - HTML5
Jour 5 - HTML5
Chapitre 6
Jour 6 - CSS3
Jour 6 - CSS3
Chapitre 7
Jour 7 - Réalisation du portfolio
Jour 7 - Réalisation du portfolio
Plan détaillé du cours
Chapitre 1 : Jour 1 - Les bases du développement web et du HTML
1h59
Leçon 1Présentation de la formation
Leçon 2Comment créer un site web ?
Leçon 3Les outils indispensables
Leçon 4Premier document HTML
Leçon 5Structurer le texte et mettre en avant certains termes (SEO)
Leçon 6Les liens
Chapitre 2 : Jour 2 - Tableaux, listes, images et formulaires avec HTML
26m50
Leçon 1Les tableaux
Leçon 2Les listes
Leçon 3Les images
Leçon 4Les formulaires
Chapitre 3 : Jour 3 - Les bases du CSS
44m18
Leçon 13 méthodes pour styliser les éléments HTML
Leçon 2Les sélecteurs de base
Leçon 3Box model et unités de mesures
Leçon 4Différences entre les élements inline et block
Chapitre 4 : Jour 4 - Styliser les éléments HTML avec CSS
48m54
Leçon 1Styliser les textes
Leçon 2Styliser les liens
Leçon 3Styliser les listes
Leçon 4Styliser les tableaux
Leçon 5Styliser les formulaires
Leçon 6Visibilité des éléments HTML
Chapitre 5 : Jour 5 - HTML5
28m55
Leçon 1Améliorer le découpage sémantique avec HTML5 et nouveaux types de champs de formulaire
Leçon 2Mettre des vidéos et pistes audios sur son site avec HTML5
Chapitre 6 : Jour 6 - CSS3
56m10
Leçon 1Les nouveaux sélecteurs
Leçon 2Les préfixes propriétaires
Leçon 3Les ombres et coins arrondis
Leçon 4Les dégradés
Leçon 5@font-face pour utiliser des polices non-standard
Leçon 6Les transitions
Leçon 7Les animations
Leçon 8Les filtres
Leçon 9Initiation au responsive design
Chapitre 7 : Jour 7 - Réalisation du portfolio
1h03
Leçon 1Mise en place du projet
Leçon 2Création du header
Leçon 3Création de l'espace de présentation
Leçon 4Création de l'espace des projets/travaux réalisés
Leçon 5Adaptation du site sur les tablettes
Leçon 6Adaptation du site sur les écrans de bureau
Leçon 7Corrections
Leçon 8Conclusion de la formation
Aperçus
Avis des apprenants