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 qui n'est pas à prendre comme référence de par toutes les améliorations à effectuer.

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 donné 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.

Ce n'est pas encore pro et d'apparence scolaire, mais c'est mon premier site 😃

Merci pour votre tolérance et compréhension.

Pour l'instant, je vais continuer mon projet professionnel et passer au certificat "découvrez le fonctionnement des algorithmes" qui est un prérequis pour celui "Apprenez à programmer avec JavaScript".

Cela me permettra de commencer la formation de développeuse web.

Une fois, mes nouveaux certificats obtenus, j'aimerais en refaire un autre du même genre, plus jolie, plus accessible pour tous, avec plus de détails.

Pas encore trés adapter au écran, autres qu'ordinateurs. Il y a des images qui ne passent pas bien, je ne sais pas encore pourquoi, désolé.

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.