menu PROGRAMME

téléphone01 75 50 92 30

Formation HTML5 et CSS3 : création de sites et applications Web

Type de cours : Stage pratique
Réf. : HTML5
Durée : 4 jours - 28H de formation
Tarifs :
- En regroupement au centre 490 € H.T/jour et par participant
- Chez le client (en intra) : sur devis.

Renseignements et devis

télécharger le programme en pdfProgrammecalendrierCalendrier

Objectifs

Réaliser ou mettre à jour des pages et application web en HTML5 et CSS3.
Le langage HTML5 est de plus en plus utilisé pour les développements WEB car permettant de structurer une page, 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, 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.

Public visé

Webmasters, responsables de sites web, chefs de projet Web.

Pré-requis

Connaissance d’Internet - Connaissances de base en HTML.

Méthodes pédagogiques

Programme du stage

1. 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...
- 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

2. Feuilles de style CSS

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

3. 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

4. Les sélecteurs CSS3

- 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 Web.
- 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…

La mise en forme du fond

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

TEMOIGNAGES

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."