CFORPRO la Formation Informatique en Action...
... Ensemble préparons l'Avenir

Formation HTML5 et CSS3

Type de cours: Stage pratique

Réf: HTML5

Durée: 3 jours - 21H de formation

Tarifs:

- En regroupement au centre 1 770 € H.T par participant
- Chez le client (en intra) : sur devis.

Objectifs
Réaliser ou mettre à jour des pages et applications Internet en HTML5 et CSS3.

Le langage HTML5 est de plus en plus utilisé pour les développements Internet car il permet de structurer une page et de disposer les éléments visuels de façon très précise.

Le second langage étudié, le CSS3, permet, quant à lui, d’ajouter des styles et des effets visuels rendant inutile l’utilisation d’images et permettant d’adapter l’affichage sur différents périphériques comme les tablettes, téléphones PDA ou ordinateurs.

Participants

Webmasters, responsables de sites Internet, chefs de projet, etc.

Pré-requis

Connaissance d’Internet et des bases du langage HTML.

Programme du stage

Retour sur le HTML et CSS : les fondamentaux

Les versions successives du HTML (HTML 4, XHTML 1.x, XHTML 2),
Navigateurs et nouvelles technologies HTML,
Comment HTML est interprété par le navigateur,
La notion de client/serveur HTTP,
Les composants d’un document HTML : textes, liens, titres, paragraphes, tableaux, formulaires, etc.,
Les commentaires,
Comment est structuré un document HTML : le doctype,
La balise <head>,
Lien avec une feuille de style,
Lien avec un fichier JavaScript,
La balise <body>,
Méthode et balises pour structurer une page,
Le texte dans la page HTML,
Les caractères spéciaux.

Feuilles de style CSS
Images,
JavaScript,
Flash,
Le modèle de document (DOM),
Le protocole HTTP.

LE HTML 5

Quand utiliser HTML 5
Les principaux concepts et apports,
La "roadmap" de HTML 5,
Les différents composants : balises, formulaires, audio, vidéo, API,
Outils de développement HTML 5,
Test de compatibilité, méthode de détection HTML 5.

Intérêt de ses nouvelles balises de structure

Abandon de la notion de type “en ligne” et “bloc”,
Nouveaux éléments et attributs/nouvelle structuration,
Nouveaux attributs globaux,
Sections <header>, <footer>, introduction/conclusion d’un bloc,
L’élément <nav> navigation interne au site,
L’élément <aside>,
Balises <time>, <mark>, <figure>, <figcaption>,
Balises <menu>, <command>, <details>, <summary>.

Les autres balises de structure

Les nouvelles catégories de contenus : Metadata content, Flow content, Sectioning content, Heading content,
Les nouvelles catégories de contenus : Phrasing content, Embedded content, Interactive content,
La validation des pages avec le valideur officiel W3C.

LES SÉLECTEURS CSS 3

Rappel sur la syntaxe : les sélecteurs, les règles,
CSS3 : nouveaux sélecteurs et propriétés.

Travaux pratiques

Intégration de CSS 3 aux applications Internet,
Sélection d’éléments d’une page HTML 5.

Les couleurs

Rappel sur les déclarations rgb et rgba,
Les modèles hsl et hsla,
La propriété opacity.

Formater le texte

Les polices embarquées avec @font-face,
Mise en forme du texte,
Gestion des débordements par text-overflow,
Gestion des enchaînements par wrap-option, white-space-treatment,
Effets de couleur et d’ombre sur texte text-fill-color, text-shadow.

Le multicolonne

La mise en forme des boîtes,
Les coins arrondis, ombres, etc.

La mise en forme du fond

Les fonds multiples, gradients, fonds ajustés aux conteneurs,
Transitions,
Transformations,
Animations.

Témoignages

Antje G. (Société DISNEYLAND PARIS)
"Formation vraiment très intéressante. Elle m'a permis de mieux comprendre le sujet et mon environnement de travail. Je recommande cette formation qui est très instructive."

Mathieu L.
"Très satisfait, une bonne formation avec une stucture logique et un formateur très ouvert au dialogue et aux questions."