En présentiel ou à distance
2 jours (14 heures)
LILLE - Programmation toute l'année
0 Personne(s) inscrite(s)
5 place(s) disponible(s)
Prix en euros HT-
NOUS CONTACTER PAR MAIL
logo html-5

OBJECTIF PÉDAGOGIQUE

Maîtriser la conception de pages Web en utilisant le HTML5 et les styles CSS3. À l ‘issue de la formation, les stagiaires seront capables de structurer des pages web adaptatives, “Responsive Design”, utilisant les dernières normes de mise en page HTML5 et CSS3. Ils utiliseront ainsi les toutes dernières techniques de création de site.

PUBLIC CONCERNÉ

Ce stage s’adresse à des graphistes, des webmestres ayant déjà réalisé des sites Web avec Dreamweaver ou un autre éditeur HTML.

NIVEAU REQUIS

Une connaissance du langage HTML est nécessaire.

CONTENU DU STAGE

POSITIONNEMENT ET UTILISATION D’HTML 5
- L’évolution du HTML
- Aperçu des nouvelles normes HTML 5 et CSS3
STRUCTURE DES SITES WEB EN HTML5
- Séparation du contenu (code HTML 5) et de la mise en forme (feuille de style CSS)
- Mise en page sous forme de grilles fluide
- Principe du Responsive Web Design (Site web adapté à tous les terminaux, tablettes, mobiles..)
- Utilisation des requêtes multimédias
- Introduction à JQuery Mobile
INTÉGRATION D’HTML5 DANS LES SITES WEB
- Orientations du HTML 5, définition du sens des balises
- Définition des parties de la page par des sections.
- Simplification des contenus multimédias (audio, vidéo, animations)
- Les balises et les parties de la page HTML 5 : section , article , aside , nav, ..
- Les sous-sections HTML 5 : header , hgroup , footer
- Contenus multimédias, audios et vidéos
- Logiciel de lecture intégré au navigateur
- Balises simplifiées
- Insertion simplifiée de contenus Flash
- Les Formats vidéos : Theora, H264 et WebM (codec VP8 )
PRINCIPALES NOUVEAUTÉS DES CSS3
- Nouveaux sélecteurs CSS3
- Possibilités des sélecteurs
- Balises ayant le même parent
- Balises vides
- Sélection en fonction du contenu d’un attribut
TRANSPARENCE
- Réglage du niveau de transparence d’une couleur
- Transparence d’un bloc et de son contenu
TRANSFERT DE POLICES
- Plus de limitation aux polices de caractères les plus courantes
- Transfert du fichier avec @font-face
- Utilisation possible dans toute la page
EFFETS D’OMBRES
- Ombrage du texte
- Ombrage des blocs
- Réglage des décalages, de la couleur et de la largeur de flou
CADRES À COINS ARRONDIS
- Arrondis pour l’ensemble des coins
- Arrondi spécifique pour chaque coin
- Réglage de la courbure des arrondis
MULTICOLONNAGE AUTOMATIQUE
- Nombre et largeur des colonnes
- Trait de séparation des colonnes
- Espacement entre les colonnes
- Équilibrage des colonnes
TRANSITIONS CSS
- Propriété transform appliquée à des fonctions géométriques
- Translation
- Changement d’échelle
- Rotation
- Déformation
Validation finale des acquis