Découvrir les Variables en CSS avec 2 exemples concrets
Découvrir les Variables en CSS avec 2 exemples concrets
Une formation pour acquérir les bonnes bases de départ en HTML et CSS.
Ce cours en ligne va vous accompagner pas à pas à travers tout ce qu'il est nécessaire de savoir pour coder en HTML et CSS.
Pas de théorie mais de la pratique, encore et toujours beaucoup de pratique.
Pourquoi apprendre HTML ?
C'est le langage de base à partir duquel tout se construit.
Vous serez ainsi progressivement en mesure de maîtriser les technologies du Web, de développer vos propres sites et beaucoup plus encore.
Les compétences développées dans cette formation HTML & CSS
Exercice après exercice, vous verrez comment construire des pages HTML de plus en plus sophistiquées, de quoi faire de vous un grand développeur Front-end !
Tout le code présenté durant le cours est bien entendu mis à votre disposition, directement dans le cours et même sur GitHub ce qui nous permettra de continuer nos échanges bien au delà des vidéos et du salon d'entraide !
Ce cours s'adresse aux débutants. Même si vous n'avez jamais codé une seule ligné de HTML, vous êtes le bienvenu dans ce cours !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Présentation du cours et des outils
Présentation du cours et des outils
Chapitre 2
Le document HTML de base
Le document HTML de base
Chapitre 3
Les balises de formatage du texte
Les balises de formatage du texte
Chapitre 4
Ressources extérieures, images et liens
Ressources extérieures, images et liens
Chapitre 5
Les formulaires
Les formulaires
Chapitre 6
HTML 5 et CSS 3
HTML 5 et CSS 3
Chapitre 7
Créer un menu de navigateur avec CSS
Créer un menu de navigateur avec CSS
Plan détaillé du cours
Chapitre 1 : Présentation du cours et des outils
26m05s
Leçon 1Vous n'êtes pas seul
Leçon 2Un peu de théorie avec une courte présentation du Web
Leçon 3Choisir un éditeur pour créer des documents Web, HTML et CSS
Leçon 4Mettre Visual Studio Code en Français
Leçon 5Un petit résumé de ce qui a été dit
Chapitre 2 : Le document HTML de base
25m59s
Leçon 1Le document minimum
Leçon 2On lui ajoute un titre pour la fenêtre ou l'onglet d'affichage
Leçon 3Comment préciser le jeu de caractères avec une balise META
Leçon 4Le validateur du W3C et la balise DOCTYPE
Chapitre 3 : Les balises de formatage du texte
1h21m
Leçon 1Les entêtes
Leçon 2Découpage du texte et paragraphes
Leçon 3Mise en forme et style du texte simples
Leçon 4Faire une citation
Leçon 5Les listes
Leçon 6Les tables
Chapitre 4 : Ressources extérieures, images et liens
45m
Leçon 1Les images
Leçon 2Les liens hypertexte
Leçon 3Comment Safari et Firefox réagissent à un lien local rompu
Leçon 4Choisir la fenêtre de destination d'un lien avec TARGET
Leçon 5Les liens sur une image ou une icone
Chapitre 5 : Les formulaires
52m03s
Leçon 1Présentation des formulaires, les méthodes GET et POST
Leçon 2Les zones de texte simples avec INPUT
Leçon 3Envoyer les données au serveur avec un bouton SUBMIT
Leçon 4Choisir la page de destination avec ACTION
Leçon 5Les différents types d'INPUT disponibles pour faire des formulaires
Leçon 6Construire un menu déroulant avec SELECT
Chapitre 6 : HTML 5 et CSS 3
1h41m
Leçon 1Un peu de théorie pour commencer
Leçon 2Les bases de HTML 5 et le découpage d'une page
Leçon 3Introduction de CSS pour la mise en page
Leçon 4La minute détente avec box-shadow
Leçon 5Utilisation d'une feuille de style externe
Leçon 6Gestion des couleurs
Leçon 7CSS, c'est pour toutes les balises
Leçon 8Les polices de caractères
Leçon 9Les polices GOOGLE Fonts
Leçon 10Plus loin dans la personnalisation avec les classes et les id
Chapitre 7 : Créer un menu de navigateur avec CSS
29m56s
Leçon 1Préparation du menu
Leçon 2Le menu et son sous menu sont animés
Leçon 3Mise en forme du menu
Leçon 4Finalisation du menu avec un peu de design
Chapitre 8 : À vous de jouer !
04m38s
Leçon 1Premier projet de développement
Leçon 2Présentation du projet
