Apprendre à éditer des sites web HTML5 CSS3 CMS

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é

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

 

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.