Les infos clés
En résumé
Vous souhaitez créer vos propres sites web ? Vous êtes au bon endroit ! Dans ce cours, vous apprendrez comment utiliser HTML5 et CSS3, les deux langages de programmation à la base de tous les sites web.
Vous pensez peut-être que vous n'êtes pas fait pour apprendre un langage informatique, mais ne vous inquiétez pas : HTML et CSS sont des langages simples, que nous allons découvrir pas à pas, au cours de nombreux exercices. Vous serez bientôt capable d'ajouter du texte à votre site, de construire un menu de navigation, d'insérer des images... et bien plus encore !
Alors, prêt à réaliser un site web de A à Z ?
À la fin de ce cours, vous serez capable de :
- utiliser du code HTML ;
- structurer une page web en HTML ;
- utiliser du code CSS ;
- mettre en forme une page web en CSS ;
- organiser les éléments d’une page web grâce au CSS ;
- modifier l'agencement d'une page HTML avec CSS ;
- intégrer des formules dans une page web ;
- adapter une page pour les petites résolutions en CSS.
Les prérequis
Prérequis: aucun
Outil nécessaire : Un éditeur de texte comme Sublime text ou Brackets
Le programme
Partie 1 - Découvrez les bases de HTML5
1. Découvrez le fonctionnement des sites web
2. Créez votre première page web en HTML
3. Organisez votre texte
4. Pratiquez !
5. Créez des liens
6. Insérez des images
7. Entraînez-vous en structurant votre CV
Partie 2 - Mettez en forme vos pages avec CSS
1. Mettez en place le CSS
2. Formatez du texte
3. Ajoutez de la couleur et un fond
4. Créez des bordures et des ombres
5. Créez des apparences dynamiques
6. Pratiquez !
7. Entraînez-vous en mettant en forme votre CV
Quiz : Utilisez du code CSS
Partie 3 - Mettez en page votre site
1. Structurez votre page
2. Découvrez le modèle des boîtes
3. Faites votre mise en page avec Flexbox
4. Pratiquez !
5. Découvrez d'autres techniques de mise en page
6. TP : Créez un site pas à pas
7. Entraînez-vous en organisant votre CV
Quiz : Organisez les éléments d'une page web grâce aux règles CSS
Partie 4 - Découvrez des fonctionnalités évoluées
1. Ajoutez des tableaux
2. Créez des formulaires
3. Enrichissez votre site avec de la vidéo et de l'audio
4. Utilisez le responsive design avec les Media Queries
5. Allez plus loin
6. Entraînez-vous en adaptant votre CV en responsive
Quiz : Intégrez des formulaires dans une page web
Partie 5 - Annexes
1. Envoyez votre site sur le Web
2. Mémento des balises HTML
3. Mémento des propriétés CSS
Certificat de réussite
Les intervenants
Mathieu Nebra
Entrepreneur à plein temps, auteur à plein temps et co-fondateur d'OpenClassrooms
Le concepteur
OpenClassrooms (anciennement le Site du Zéro ou SdZ), est un site web qui propose des cours autour de l'informatique, des sciences et de l'entrepreneuriat.
Les cours en ligne peuvent être réalisés aussi bien par l'équipe du site, des professeurs d'universités ou de grandes écoles partenaires que par ses membres.
Aujourd'hui, les cours sont disponibles dans plusieurs format : MOOC (Massive Open Online Course), texte web, e-book, livre et en vidéo. L'entreprise délivre des certifications pour certains cours, dont une reconnue par l'état, en partenariat avec IESA multimédia.
J'ai trouvé ce MOOC très intérressant sur les 2 premiers chapitres, très complet et très simple pour les débutants, l'activité via le CV est sympa. J'ai par contre trouvé que les 2 derniers chapitres était un peu trop rapide et au final on reste sur des principes très basiques.
Morning! I am really interested in this website creation training, but i do not know how the app function
Bjr! je suis vraiment intéressé pour cette formation de création des sites web , mais préfère d'abord commencé gratuitement et si possible faire encore une fois avec certification; c'est à dire payante.
Bjr! je suis vraiment intéressé pour cette formation de création des sites web , mais préfère d'abord commencé gratuitement et si possible faire encore une fois avec certification; c'est à dire payante.
