Logo N
Création d'un site
ordinateur sur une table
Prêt à coder 😃
Nadège BONIN
HTML5 et CSS3

Créez votre site web avec HTML5 et CSS3 : ici

Ceci est mon site d'entrainement.

L'idée de se site me viens de Mathieu Nebra qui à fait son premier site, comme il aurait voulu qu'il le soit pour lui. Ce qui m'a donner l'idée de faire un site qui me sert à pratiquer, à bien mémoriser et de fiche mémo. :D.

Avant ce cours et démarrant de pratiquement zéro, je m'y suis préparer en obtenant les certificats d'OpenClassrooms :

- Quel métier du web est fait pour vous.

- Apprenez à utiliser la ligne de commande dans un terminal.

- Comprendre le Web.

C'est pas encore pro, mais ça progresse 😃.

Merci pour votre tolérence et compréhension.

page du cours

Chapitre N°1 : Maîtrisez les bases de HTML5.

ici : 1 - 1 : Tirez un maximum de ce cours.

ici : 1 - 2 : Comprenez la différence entre HTML et CSS.

ici : 1 - 3 : Créez votre première page web en HTML.

ici : 1 - 4 : Organiser votre texte.

ici : 1 - 5 : Créez un lien hypertexte en HTML.

ici : 1 - 6 : Insérez des images.

ici : Quiz N°1.

Chapitre N°2 : Mettez en forme vos pages web avec CSS3.

ici : 2 - 1 : Intégrez le CSS dans la page HTML.

ici : 2 - 2 : Changer l'apparence du texte.

ici : 2 - 3 : Ajoutez de la couleur et un fond.

ici : 2 - 4 : Créez des bordures et des ombres.

ici : 2 - 5 : Créez des apparences dynamiques.

ici : Quiz N°2.

Chapitre N°3 : Agencez le contenu de vos pages.

ici : 3 - 1 : Structurez votre page.

ici : 3 - 2 : Découvrez le modèle des boîtes.

ici : 3 - 3 : Faites votre mise en page avec Flexbox.

ici : 3 - 4 : Découvrez les base de CSS Grids.

ici : 3 - 5 : Abordez d'autres techniques de mise en page.

ici : Quiz N°3.

Chapitre N°4 : Utiliser des fonctionnalités avancées de HTML et CSS.

ici : 4 - 1 : Ajoutez des tableaux.

ici : 4 - 2 : Créez des formulaires.

ici : 4 - 3 : Finalisez un formulaire et ajoutez un bouton d'envoi.

ici : 4 - 4 : Utilisez le responsive design avec les Media Queries.

ici : 4 - 5 : Allez plus loin.

ici : Quiz N°4.