HTML - CSS

Objectifs

Le programme vous permettra :

• 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

Programme de la formation

Présentation de la formation

• Présentation de la formation

Introduction

• 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)

Apprentissage du HTML5

• 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

...

Voir le suite sur notre site web.

 

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique