• Tout public

Apprendre à créer des pages et des applications Web en HTML5 et CSS3. Découvrir la puissance du HTML5
notamment en termes d’applications multimédia (smartphones et tablettes). S’approprier bootstrap, le template responsive
design de twitter permettant la réalisation de site internet dans un usage actuel des langages HTML5, CSS3, JavaScript et
multisupport (Ordinateur, smartphone, tablette)

INTRODUCTION A HTML5 ET CSS3
- Contexte : fonctionnement d’un site internet
- Les normes du W3C
- Les changements avec HTML5
- Roadmap HTML5
- Quand choisir le HTML5
- Utiliser le HTML5 avec des navigateurs qui ne le supportent pas

BALISES HTML5
- Disparition des notions «en ligne» et «bloc»
- Doctype, NameSpace, Encoding
- La compatibilité entre les navigateurs
- Optimisation des balises pour les moteurs de recherche

LES FORMULAIRES HTML5
- Balise form
- Les validations de formulaire en HTML5

L’AUDIO ET LA VIDEO EN HTML5
- Les conteneurs
- Contrôler la vidéo, l’audio
s
- Sous-titres et vidéo HTML5
DESSINER AVEC HTML5
- Dessiner en JavaScript
- Contexte
- Accessibilité

LA GEO- LOCALISATION AVEC HTML5
- Vue d’ensemble
- La vie privée de l’utilisateur
CSS3
- Ce que ça change
- Coins arrondis
LA MISE EN PAGE ET LE POSITIONNEMENT
- Niveau de présentation
- Mise en page par patron ou multi-colonne
- Positionnement par la grille

CSS3 : LES ANIMATIONS
- Transformations (2D et 3D)
- Transitions
- L’animation

VUE D’ENSEMBLE DE BOOTSTRAP
- Présentation du framework Bootstrap
- Pourquoi Bootstrap ?
- Bootstrap et le responsive design
- Bootstrap et le frameworks JavaScript : jQuery

INCLURE BOOTSTRAP DANS UN PROJET
- Architecture Bootstrap
- Les templates de base
- Doctype HTML5
- Les layouts
- Le responsive design

LES CLASSES CSS DE BASE AVEC BOOTSTRAP
- Typographie
- Les tableaux
- Les formulaires
- Les images
- Les icones
- Vignettage

LES COMPOSANTS BOOTSTRAP
- Menus déroulants
- Groupement de boutons
- Barres de navigation
- Fil d’arianne
- Classes diverses

MANIPULER BOOTSTRAP EN JAVASCRIPT VIA JQUERY
- Les transitions
- Gérer les fenêtres « modals » (type lightbox)
- Le caroussel de photos

GRAPHISME
- S’approprier Bootstrap graphiquement
- Ajouter, gérer son propre CSS
-Surécriture de CSS

Avoir suivi la formation HTML/CSS Initiation, une formation équivalente, ou attester de son niveau

Durée en centre : 35 heures

Formacode (Domaines de formation) :

• 31090 Développement web

Rome (Métiers) :

• E1104 Conception de contenus multimédias

NSF (Spécialités de formation) :

• 321 Journalisme et communication (y compris communication graphique et publicité)

Restauration
Espaces détente équipé de frigo et micro-ondes, machine à café, boissons et fontaine à eau

Accès handicapés
OUI