Créez votre premier site web Responsive en HTML et CSS
Initiation à la programmation web et création de son premier site internet en HTML et CSS - 3 heures de vidéos
Regarder la promo
Dans ce cours pratique et gratuit, vous allez progresser par étape dans l'apprentissage de la réalisation d'un site internet avec les langages HTML et CSS.
Nous partirons d'une feuille blanche :
- Nous commencerons par apprendre les bases du HTML
- Nous apprendrons ensuite le langage CSS
- Et enfin, nous créerons un site web complet
Nous verrons ensuite comment finaliser notre site :
- En le rendant "responsive", c'est à dire qu'il s'adapte à "tous" les écrans
- En vérifiant que le contenu respecte les standards du web définis par le W3C
- En le mettant en ligne (les étapes de mise en ligne seront décrites mais il vous faudra prendre un hébergeur)
Ce cours est à destination des débutants en informatique ou des débutants dans la programmation Web.
Tout y est détaillé et vous trouverez dans chaque session, le code correspondant (pour éviter que vous soyez bloqué).
Avec les compétences que vous allez acquérir grâce à ce cours, vous saurez créer un site vitrine, le rendre "responsive", et le rendre disponible sur internet.
Vous pouvez rejoindre le Discord pour plus d'information :
Votre formateur
Professionnel de l'informatique depuis 2012, après un Master MIAGE acquis à Toulouse en Alternance auprès d'IBM, j'ai travaillé dans des grandes structures comme Capgemini et CGI en qualité de développeur et de chef de projet.
Intervenant en école supérieure d'informatique, j'ai créé la plateforme d'apprentissage H2PROG afin de faire partager mes compétences et mon expérience.
Le Programme
-
AperçuEtape 1 - Créer son espace de travail dans Visual Studio Code (2:04)
-
AperçuEtape 2 - Réaliser un document HTML complet (2:51)
-
AperçuEtape 3 - Balises de titres (et la balise de séparation) (2:30)
-
DébutEtape 4 - Balises de listes et combinaisons des balises (3:49)
-
DébutEtape 5 - Balises "block" & "inline" avec les balises SPAN et DIV + les commentaires (4:27)
-
DébutEtape 6 - Les images (3:28)
-
DébutEtape 7 - Mettre en gras, en italique et souligner (2:48)
-
DébutEtape 8 - Les tableaux (5:39)
-
Débutétape 9 - Les liens (2:55)
-
DébutEtape 10 - Les formulaires (6:04)
-
DébutEtape 11 - Balises de listes et combinaisons des balises (3:36)
-
DébutEtape 1 - Les premières propriétés CSS (2:28)
-
DébutEtape 2 - Classes et ID, et réaliser un fichier CSS dédié (7:24)
-
DébutEtape 3 - Les marges (Padding et Margin) (7:20)
-
DébutEtape 4 - Polices et tailles (2:39)
-
DébutEtape 5 - Positionner les éléments avec la propriété Float (4:07)
-
DébutEtape 6 - La propriété "Position" (5:40)
-
DébutEtape 7 - la propriété "Flex" (5:00)
-
DébutEtape 8 - Pseudo-classes et pseudo-éléments (2:53)
Bon cours sur la plateforme H2PROG !