Dans ce tuto en vidéo nous allons réaliser un site web en utilisant les technologies CSS Grid et Flexbox.
Le but de ce tuto n'est pas tant de créer un site internet, mais d'apprendre à structurer une méthodologie de travail. En effet, le développement d'une page web devient de plus en plus complexe, il devient donc indispensable de travailler en utilisant des process ce qui permet ainsi de travailler efficacement !
Nous allons partir de 0 et monter tout un projet en nous consacrant à la méthodologie de travail.
Les technologies que nous allons utilisées dans ce tuto sont les suivantes :
- HTML5
- CSS-Grid
- Flexbox
- Les medias queries
Je mets également à votre disposition, l'ensemble des codes utilisé dans ce tuto.
En cas de besoin, je mets à votre disposition les cours suivants :
Table des matières de cette formation CSS, HTML (durée : 1h53m)
-
- Présentation de la maquette 00:06:15
- Mise en page HTML 00:06:54
- Mise en page CSS desktop 00:08:45
- Mise en page CSS smartphone 00:05:12
- Présentation du détail des zones 00:03:10
- Mise en place du header 00:16:10
- Mise en place de la section 00:06:14
- Mise en place de la nav 00:13:27
- Mise en place du footer 00:11:04
- Mise en place de la zone article 1/4 00:09:26
- Mise en place de la zone article 2/4 00:09:27
- Mise en place de la zone article 3/4 00:07:03
- Mise en place de la zone article 4/4 00:07:37
- Conclusion 00:02:35
- Pour aller plus loin 00:00:36
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Très bonne pédagogie. Trop court hélas, j'y prends gout. Bravo vraiment
-
Bon tutoriel pour comprendre les bases des 2 fonctionnalités : grid et flexbox. Des conseils intéressants et pertinents sur les bonnes méthodes à utiliser.
-
Bonjour, Le cours vidéo html achetée est bien, mais mon soucis est que je ne pourrais pas en acheter d'autres, car jusqu'à maintenant et avoir interpellé tuto.com,. Je toujour suis dans l'incapacité de lire ou téléchargé les vidéos, depuis mon GSM. Via l'application ou un navigateur. Cordialement
-
Avec quelles versions de logiciels ce tuto est-il compatible ?CSS 3, HTML 5
-
Que contient le fichier source ?Le code source complet de ce tuto.
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés