HTML - CSS

• Savoir créer une page web statique (dit site vitrine).
• Savoir et comprendre et interpréter le langage HTML5 et CSS3.
• Apprendre quelques connaissances sur l'apprentissage d'un CMS de type WordPress.
• Savoir programmer en Javascript

• Présentation de la formation

• Test de positionnement
• Origine et naissance du HTML
• Gestion des navigateurs ou browsers (Safari, Firefox, Chrome, Edge)
• Installation d'un IDE (Visual Studio Code)
• Enregistrement fichier Web (extension html)

• Structure de base
• Gestion de quelques
•  balises de base
• Encodage des caractères (ASCII)
• Gestion des listes (ul, ol, dl)
• Gestion des images (png, jpg, tif, svg)
• Gestions des liens
• Gestion des tableaux table, tr, td, thead, tbody, tfoot
• Gestion commentaires
• QUIZZ - Apprentissage du HTML5 - Partie 01
• Gestion de la balise DIV et SPAN
• Différence entre un chemin absolu et relatif
• Gestion d'une Structure HTML5 (main, nav, section, article)
• Inspecteur WEB lié à un navigateur (Firefox, Chrome, Edge)
• Autres balises de mise en forme
• Mise en ligne du site Web (domaine, transfert ftp, http)
• Gestion du formulaire - Partie 01
• Gestion du formulaire - Partie 02
• Gestion des balises AUDIO et VIDEO (MP3, ACC, AVI, MOV, WEB, MP4)
• Gestion de la balise IFRAME
• QUIZZ - Apprentissage du HTML5 - Partie 02
• Allons plus loin sur les balises HTML5
• Validation du HTML5 par le site web validator W3C
• Apprentissage du CSS3
• Origine du CSS
• Insertion du CSS (3 méthodes)
• Les sélecteurs de base
• Les couleurs (RGBA, HSL, Hexadécimal ...)
• La gestion des Fonts (Interne ou externe)
• La gestion des boîtes (Propriété DISPLAY, MARGIN, PADDING)
• La gestions des unités de mesure(px, pt, em, rem, %)
• Résumons ce que l'on a appris en CSS
• Gestion de la propriété POSITION (Static, Absolute, Relative, fixed et Sticky)
• Gestion de la propriété float + la propriété clear
• Aperçu de l'outil de type Flexbox (Début de responsive au niveau du site Web)
• Aperçu de l'outil de type Grid (création d'un portfolio et d'une structure Web dit Template).
• Gestion des sélecteurs avancées (combinateurs, sélecteur d'attribut, pseudo classes, pseudos éléments)
• Gestion de la propriété Background
• Gestion de la propriété BORDER
• QUIZZ - Apprentissage du CSS
• Allons plus loin
• Box-sizing

Consulter le diplôme, titre ou certificat... délivrés en fin de formation ainsi que les métiers auxquels cette formation vous donne accès.