Edition de sites web HTML5, CSS3, CMS et JavaScript

Objectifs

• Savoir créer une page web statique (site vitrine).


• Comprendre et interpréter le langage HTML5 et CSS3.


• Découvrir et apprendre à utiliser WordPress comme CMS.


• Développer des compétences en programmation JavaScript.

Programme de la formation

1. Présentation de la formation

• Présentation générale et test de positionnement.


• Origine et principes des langages HTML et CSS.


• Introduction aux outils nécessaires : navigateurs (Firefox, Chrome, etc.) et installation de Visual Studio Code.

2. Apprentissage du HTML5

• Structure de base d'une page HTML.


• Gestion des balises de base (titres, paragraphes, listes).


• Encodage des caractères et gestion des liens et images.


• Création de tableaux et formulaires interactifs.


• Utilisation des balises DIV, SPAN, AUDIO, VIDEO, et IFRAME.


• Mise en ligne d'un site web : nom de domaine, transfert FTP, et validation W3C.

3. Apprentissage du CSS3

• Introduction aux sélecteurs, couleurs, et gestion des polices.


• Propriétés de boîtes (display, margin, padding) et unités de mesure.


• Concepts avancés : positionnement, float, flexbox, et grid.


• Animation et transition CSS.


• Gestion du responsive design via les media queries.


• Frameworks CSS (Bootstrap, W3.CSS).

4. Introduction au CMS WordPress

• Installation de WordPress (3 méthodes).


• Aperçu de l'interface WordPress : gestion des articles, catégories, médias, et thèmes.


• Création et personnalisation de menus.

5. Introduction aux bases de JavaScript

• Gestion des variables, tableaux, et objets.


• Manipulation du DOM avec JavaScript (innerHTML, getElementById, etc.).


• Gestion des conditions, boucles, et fonctions.


• Utilisation des événements JavaScript.

6. Validation des connaissances

• Quiz final couvrant HTML5, CSS3, et JavaScript.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique