Centre de Formation Professionnelle
Ensemble, réalisons vos projets !
Partager
Partager
Type de cours : Stage pratique en présentiel ou à distance
Réf. : HTML5
Durée : 3 jours - 21 heures de formation
Tarifs :
- En regroupement au centre 2124€ TTC par participant,
- A distance (avec un formateur tuteur) : 1920€ TTC par participant,
- Chez le client (en intra) : sur devis.
ObjectifsRé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.
Public viséWebmasters, responsables de sites Internet, chefs de projet, etc.
Pré-requisConnaissance d’Internet et des bases du langage HTML.
Méthodes pédagogiquesProgramme du stage1. 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.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 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.
TEST DE VALIDATION DES COMPETENCES ACQUISES
ATTESTATION DE FORMATION DELIVREE EN FIN DE STAGE
Vous pouvez également obtenir des renseignements, un devis (gratuit et sans engagement),
en remplissant le formulaire ci-dessous.
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.
