TUTO Atelier HTML & CSS : Intégrer un Blog responsive de A à Z

Dans ce atelier pratique HTML & CSS en vidéo, je vous propose de découvrir ensemble comment intégrer plusieurs maquettes de blog.
Il vous permettra de développer vos compétences de développeur front-end.
Les maquettes graphiques que nous allons intégrer sont celles que nous avons précédemment appris à créer sous le logiciel création d'UI : Figma. Ce cours de webdesign optionnel peut être suivi de manière indépendante.

Nous utiliserons les langages HTML & CSS ainsi que des techniques modernes d'intégration telles que les Flexbox et les Grid.
Dans cet atelier de plus de 3h, nous n'aurons pas besoin de framework tel que Bootstrap donc nous ferons toute l'intégration de A à Z en pure CSS.
A la fin de cette formation, vous aurez une intégration pixel perfect de vos maquettes, et toutes les cartes en main pour créer un futur thème WordPress.

Pré-requis pour suivre cette formation dans de bonnes conditions :

• Connaître les bases du HTML : créer une page .html, le système de balisage...
• Connaître les bases du CSS : créer une feuille de style, la lier avec une page .html...

Ce que nous allons intégrer dans cette formation Blog Responsive de A à Z :

• Template de page d'accueil : header, box d'articles, footer,
• Template single d'un article,
• Template d'une catégorie avec déclinaisons autres couleurs,
• Template de la page A propos,
• Template de la page contact avec formulaire,
• Template d'une page classique : mentions légales,

Je vous invite à regarder l'extrait vidéo pour vous rendre compte du rendu final obtenu à la fin de la formation.

Vous aurez les fichiers de départ, les templates HTML / CSS finalisés, ainsi que la maquette Figma dans les sources fournies avec la vidéo.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.

Bonne formation à tous !