Profil professionnel des stagiaires

Salariés des entreprises adhérentes

Secteurs d'activité :
AUDIOVISUEL, CINÉMA, DIVERS, ÉDITION, SPORT, GOLF, HOTELLERIE DE PLEIN AIR, PRESSE, LOISIRS, AGENCE DE MANNEQUINS, ORGANISME DE TOURISME, PUBLICITÉ, SPECTACLE, TELECOM, CASINO

Prérequis et expérience professionnelle des stagiaires :

Savoir utiliser Internet.

Identification du stage

Modalité(s) pédagogique(s) :
Formation en présentiel

Objectifs pédagogiques :

Comprendre la structuration d'une page HTML5 - Ajouter des styles CSS aux éléments d'une page - Utiliser les blocs et les tableaux - Créer des formulaires avec WebForms 2 - Tester les nouveautés HTML5 et CSS3.

Programme pédagogique

Jour 1
Structure d'une page
- Tags principaux
- Simplification avec HTML 5
- Les éléments et leur placement

Exemple de travaux pratiques (à titre indicatif)
- Création d'une page Web simple

Balises structurantes
- Blocs div et span
- Listes
- Tableaux
- iFrames

Exemples de travaux pratiques (à titre indicatif)
- Création d'un menu à partir d'une liste à puces
- Création d'un tableau de contacts
- Affichage d'un fichier PDF dans une page Web

Web Forms 2
- Champs de saisie
- Listes déroulantes
- Boutons radio
- Champs date
- Placeholder
- Slider
- Validation automatique

Exemple de travaux pratiques (à titre indicatif)
- Création et validation d'un formulaire de saisie d'informations d'un contact

Jour 2
HTML 5
- Balises sémantiques
- Audio et vidéo

Exemples de travaux pratiques (à titre indicatif)
- Affichage d'un élément audio et vidéo
- Structuration d'une page Web avec les éléments
- Header
- Nav
- Section
- Article
- Footer

Styles CSS
- Syntaxe des sélécteurs CSS
- Pseudo sélecteurs
- Principales propriétés CSS
- Règles CSS
- Frameworks CSS

Exemples de travaux pratiques (à titre indicatif)
- Analyse du site Zen Garden
- Mise en forme avec CSS
- Mise en forme d'un tableau et d'un formulaire avec Bootstrap

Structure des éléments
- Le modèle de boîte
- Eléments block et inline
- La propriété display
- Padding, marges et bordures

Exemples de travaux pratiques (à titre indicatif)
- Mise en forme d'une page Web avec les propriétés CSS : padding et margin

Jour 3
Positionnement
- Positionnement dans le flux
- Positionnement absolu et relatif
- Positionnement fixé
- Positionnement flottant

Exemple de travaux pratiques (à titre indicatif)
- Utilisation des propriétés CSS position
- Left
- Top
- Float
- Clear

CSS 3
- Nouveaux sélecteurs
- Fonts, couleurs et bordures
- Positionnement en colonnes
- Media Queries

Exemples de travaux pratiques (à titre indicatif)
- Utilisation des propriétés CSS
- Les ombrages
- Les dégradés de couleurs
- Les angles arrondis
- Les Flexbox
- Mise en forme selon le type de média

Informations complémentaires (méthodologie, ...)

Certification (en option)
- Prévoir l'achat de la certification en supplément
- L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
- La durée moyenne est de 1h00 et le score obtenu attestera d'un niveau de compétence

Supports et ressources fournis aux stagiaires

La salle de formation est équipée d'un poste informatique par apprenant accédant à Internet, d’un vidéo projecteur, d’un paper board et d’un tableau blanc. Possibilité d'utiliser 1 plateforme de quizz interactive
Les supports de cours sont fournis et disponibles en version électronique.

Niveau visé après la formation