Edition de sites web : HML5, CSS3, CMS et JavaScript

Objectifs

• Créer une page web statique


• Comprendre et interpréter le langage HTML5 et CSS3


• Utiliser un éditeur de site CMS type WordPress


• Programmer des fonctions simples en JavaScript


• Mettre un site en ligne de manière autonome

Programme de la formation

Module 1 – Introduction au développement web


• Présentation de la formation

• Test de positionnement

• Origine du HTML

• Fonctionnement des navigateurs (Chrome, Firefox, Edge, Safari)

• Installation de Visual Studio Code

Module 2 – HTML5 Fondamentaux


• Création et enregistrement d'un fichier HTML

• Structure d'un document HTML5

• Balises de base : titres, paragraphes, listes, liens

• Insertion d'images (png, jpg, svg)

• Tableaux HTML : table, tr, td, thead, tbody, tfoot

• Commentaires HTML

• Balises DIV et SPAN

• Structure sémantique : main, nav, section, article

• Formulaires HTML : champs texte, bouton, checkbox, radio, select

• Balises multimédia : AUDIO, VIDEO, IFRAME

• Mise en ligne d'un site avec FTP et nom de domaine

• Validation W3C HTML

• Quiz HTML5

Module 3 – CSS3 : Mise en forme et Responsive


• Origine et fonctionnement du CSS

• Méthodes d'insertion : inline, interne, externe

• Couleurs (RGBA, HSL, hexadécimal)

• Fonts internes et Google Fonts

• Boîtes CSS : display, margin, padding, box-sizing

• Unités de mesure : px, em, rem, %

• Positionnement : static, relative, absolute, fixed, sticky

• Float, clear

• Flexbox et Grid (notions de responsive design)

• Sélecteurs avancés, pseudos-classes et pseudos-éléments

• Background, border, transform, transition, animation

• Media Queries pour responsive design

• Reset CSS et Normalize

• Introduction aux frameworks CSS : Bootstrap, W3.CSS

• Validation W3C CSS

• Quiz CSS

Module 4 – Introduction au CMS (WordPress)


• Présentation d'un CMS

• Introduction à WordPress

• Trois façons d'installer WordPress

• Interface : articles, pages, catégories, étiquettes

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

• Choix et personnalisation de thèmes

• Création de menus

• Mise en ligne d'un site WordPress

Module 5 – Introduction au JavaScript


• Syntaxe de base

• Variables, constantes, calculs simples

• Tableaux et objets

• DOM : innerText, innerHTML, getElementById

• Structures conditionnelles (if, else, switch)

• Boucles (for, while, for...in, for...of)

• Fonctions simples et avec arguments

• Gestion des événements : onclick, addEventListener, etc.

• Menu de test global : Menu_JavaScript

• Quiz final HTML/CSS/JS

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique