• 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)

Programme de la formation

INTRODUCTION À HTML5 ET CSS3

• Contexte : fonctionnement d'un site internet

• Les normes du W3C

• Roadmap HTML5

• Quand choisir le HTML5


BALISES HTML5

• Disparition des notions «en ligne» et «bloc»

• Doctype, NameSpace, Encoding

• Les nouveaux éléments : section, article, aside, nav, ... pour en têtes, pied de pages, etc.

• Les indispensables balises telles que menu, command, details, summary

• La compatibilité entre les navigateurs


LES FORMULAIRES HTML5

• Créer et utiliser des formulaires HTML5

• E-mail, url, date ...

• Les validations de formulaire en HTML5


L'AUDIO ET LA VIDÉO EN HTML5

• Les conteneurs

• Contrôler la vidéo, l'audio

• Gérer plusieurs sources vidéos et audios

• Sous titres et vidéo HTML5


DESSINER AVEC HTML5

• Dessiner en JavaScript

• Contexte

• Accessibilité


LA GÉO LOCALISATION AVEC HTML5

• Vue d'ensemble

• La vie privée de l'utilisateur

• Géolocaliser ses utilisateurs sur Google Maps


CSS3

• Ce que ça change

• Coins arrondis

• Ombres portées

• Transparence

• Autres propriétés

• Intégrer ses propres polices

• Mise en page multicolonnes

• Media Queries CSS3 pour créer des sites Web plus réactifs

• Responsive design Feuille de style CSS multi écran pour ordinateur, mobile et tablette


LA MISE EN PAGE ET LE POSITIONNEMENT

• Niveau de présentation

• Mise en page par patron ou multicolonne

• Positionnement par la grille


CSS3 : LES ANIMATIONS

• Transformations (2D et 3D)

• Transitions

• L'animation


VUE D'ENSEMBLE DE BOOTSTRAP

• Pourquoi Bootstrap ?

• Bootstrap et le responsive design

• Bootstrap et le frameworks JavaScript : jQuery


INCLURE BOOTSTRAP DANS UN PROJET

• Architecture Bootstrap

• Des composants basés sur des classes CSS

• Les templates de base

• Le système de grille pour positionnement

• Les layouts

• Le responsive design


LES CLASSES CSS DE BASE AVEC BOOTSTRAP

• Typographie

• Les tableaux

• Les formulaires

• Les icones




Nos certifications






Nous vous accueillons dans un décor original et trendy ! Une ambiance particulière, une âme comme on dit par ici !

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) :

• 46242 Intégration 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

Transport
Métro Estrangin Préfecture ou Castellane, Bus 41 s’arrête devant ou parking 150 et 202 rue Paradis…

Accès handicapés
OUI