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

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