Apprendre à éditer des sites web HTML5 CSS3 CMS

Objectifs

Objectifs de la formation (non exhaustifs)

• 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


• convertir son audience avec un contenu écrit de qualité


• ensibiliser son équipe à un contenu écrit de qualité

Programme de la formation

Module Ressources 

• Introduction


• 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

• Apprentissage du CSS3

Origine du CSS

Insertion du CSS 

Les sélecteurs de base

Les couleurs (RGBA, HSL, etc.)

La gestion des Fonts (Interne ou externe)

La gestion des boîtes

La gestions des unités de mesure

Résumons ce que l'on a appris en CSS

Gestion de la propriété POSITION (Static, Absolute, etc.)

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, etc.)

Gestion de la propriété Background

Gestion de la propriété BORDER

QUIZZ - Apprentissage du CSS

• Allons plus loin

Box-sizing

Gestion de la propriété Transform (Translate, Rotate, etc.)

Gestion de la propriété Animation et transition

Gestion des Media Queries et le système Responsive

Les FrameWorks en CSS (BootStrap, etc.)

La gestion des variables (Scope local et Global)

Le reset en CSS et Normalize

Mise en ligne du site Web (sur mon laboratoire)

Validation du site Web (HTML/CSS) par le site web Validator

• Introduction au CMS

Introduction au CMS

Introduction sur WordPress

3 façons d'installer WordPress

Aperçu de l'interface (articles, catégories,etc.)

Gestion des médias (images, fichier, vidéos, sons)

Gestion des menus + thème


Conclusion etr Quizz Final


 

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique