Description
Objectif général: Découvrir et maîtriser les bases du développement web en HTML5 et CSS3 pour créer des pages accessibles, esthétiques et interactives. Modalité : Toutes les modalités (présentiel, classe virtuelle et hybride) sont possibles Lieu possible de réalisation : Locaux du bénéficiaire ou locaux d’Ascent Formation, en France métropolitaine et dans les DROM-COM Nombre maximal de participants : 20 Niveau SAME visé : Sensibilisation (S) Compétences visées Concevoir et structurer des documents HTML accessibles et conformes aux standards. Créer des styles CSS pour améliorer l’esthétique et l’ergonomie des pages. Gérer l’interactivité des formulaires et intégrer des scripts simples en JavaScript.
Objectifs pédagogiques
- Utiliser les balises sémantiques pour une meilleure accessibilité.
- Structurer des formulaires et tableaux en HTML5.
- Appliquer des styles CSS avancés pour enrichir le design.
- Comprendre et intégrer les référentiels AccessiWeb et WCAG dans un projet web.
Public concerné
Débutants en développement web souhaitant acquérir les fondamentaux
Professionnels des métiers de la communication ou du design numérique.
Prérequis
Aucune connaissance préalable en programmation nécessaire.
Aisance avec l’ordinateur et les outils bureautiques.
Déroulé du programme
1
Jour 1 : Bases du HTML5 (6 heures)
6h
- Introduction au HTML (2 heures)
2
Historique et standards du web.
3
Structure de base d’une page HTML.
4
Travaux pratiques : création d’une page simple.
- Balises HTML sémantiques et accessibilité (4 heures)
5
Balises essentielles (headings, paragraphes, listes, liens).
6
Référentiels AccessiWeb et WCAG.
7
Travaux pratiques : mise en page avec une structure accessible.
8
Jour 2 : CSS3 pour la mise en forme (6 heures)
6h
- Introduction au CSS (3 heures)
9
Sélecteurs et propriétés CSS.
10
Intégration du CSS dans une page HTML (inline, internal, external).
11
Travaux pratiques : création d’un style personnalisé.
- Stylisation avancée (3 heures)
12
Effets visuels : ombre, dégradés, reflets.
13
Mise en forme des tableaux et formulaires.
14
Travaux pratiques : styliser un formulaire.
15
Jour 3 : Interactivité et intégration (6 heures)
6h
- Formulaires interactifs (2 heures)
16
Champs de saisie, boutons et validations.
17
Travaux pratiques : création d’un formulaire dynamique.
- Introduction au JavaScript (4 heures)
18
Concepts de base et interactions avec le DOM.
19
Travaux pratiques : ajouter une validation de formulaire en JavaScript.
Informations
Durée
3 jour(s)
18h
Tarif
Sur demande
