REALISATION DE SITE WEB AVEC HTML 5 ET CSS3 - 2 jours (14h) - en présentiel ou à distance

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.

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, télés connectées)
- 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 (remplacement des <div>)
- Simplification des contenus multimédias (audio, vidéo, animations)
- Les balises et les parties de la page HTML 5 : <section> , <article> , <aside> , <nav>, etc.
- Sous-sections HTML 5 : <header> , <hgroup> , <footer>
- Contenus multimédias, audios et vidéos
- Logiciel de lecture intégré au navigateur
- Balises simplifiées <audio> et <video>
- 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.