• 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 HTML 5 ET CSS 3

- 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 HTML 5

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

- Doctype, NameSpace, Encoding

- Les nouveaux éléments : section, article, aside, nav, ... pouren-têtes, pied de pages, etc.
- Les indispensables balises telles que menu, command,details, summary

-La compatibilité entre les navigateurs

- Optimisation des balises pour les moteurs de recherche


LES FORMULAIRES HTML 5

- Balise form

- Créer et utiliser des formulaires HTML5

- E-mail, url, date ...

- Les validations de formulaire en HTML5


L'AUDIO ET LA VIDEO EN HTML 5

- Les conteneurs

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

- Support et formats (WebM, MP4, H.264, Ogg Theora,MP3, AAC, Vorbis)

- Gérer plusieurs sources vidéos et audios

- Sous-titres et vidéo HTML5


DESSINER AVEC HTML 5

- Dessiner en JavaScript

- Contexte

- Accessibilité


LA GEO-LOCALISATION AVEC HTML 5

- 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

- Mise en page et positionnement

- Autres propriétés

- Gestion des éléments de formulaire via CSS : enabled,disabled, valid, required, optionnal

- Intégrer ses propres polices

- Mise en page multi-colonnes

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

- Responsive design – Feuille de style CSS multi-écran pourordinateur, mobile et tablette


LA MISE EN PAGE ET LE POSITIONNEMENT

- Niveau de présentation

- Mise en page par patron ou multi-colonne

- Mise en page par boites horizontales ou verticales

- Positionnement par la grille


CSS3 : LES ANIMATIONS

- Transformations (2D et 3D)

- Transitions

- L'animation



Nos certifications






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

Bonne connaissance de l’environnement informatique (pratique courante d’OS X ou de Windows)

Durée en centre : 35 heures

Formacode (Domaines de formation) :

• 31090 Programmation web
• 30857 Langage HTML
• 30801 Langage CSS
• 46270 Création site internet

NSF (Spécialités de formation) :

• 326 Informatique, traitement de l'information, réseaux de transmission des données

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