HTML5 et CSS3

Améliorer et dynamiser son site web

RéferenceWEB212B
Masse horaire14 Heures
Tarif horaire32 DH

Description

La mise en page Web a évolué vers un nouveau standard : le HTML5 issu du HTML et les CSS3 ou feuilles de styles.

La maîtrise des CSS est aujourd’hui indispensable pour réaliser des sites Web professionnels. Avec l’évolution des périphériques de surf, la pratique du HTML5 (HTML) devient incontournable pour qui veut rendre son site accessible à tous.

A qui s'adresse cette formation ?

Pour qui

Webmaster, concepteur de sites Web, Toute personne qui souhaite créer des sites Web et les mettre à jour avec les CSS

Prérequis

Avoir une connaissance du HTML et l'expérience de la création de pages Web

Compétences visées

Créer un site web simple
Incorporer les textes et les images
Créer des liens hypertextes
Publier un site web en ligne

Programme

Maîtriser les bases du HTML5

Les balises, leurs attributs, la structure d’une page HTML5
Séparer le contenu de la forme : HTML5 pour le contenu et CSS3 pour la forme
Identifier une page, définir un en-tête, un title et le charset
Les balises header, footer, nav, section, aside et article
Gérer les div pour la mise en forme
Centrer un design quel que soit la taille de la fenêtre du navigateur

Intégrer les visuels, la vidéo et le son

Propriétés alt pour l’accessibilité et title pour l’infobulle
Balise figure et figcaption
Les formats du son et de la video pour le Web. Intégrer du son avec la balise audio et intégrer de la video avec la balise video

Gérer les CSS3

Les classes personnalisées, les pseudo-classes, les balises et les id
Positionner les CSS : dans une balise, dans une page, dans un fichier externe. Balises inline et balises block
Polices de base, styles, couleurs, enrichissements, nouvelle gestion des polices avec @font-face
Éléments flottants avec la balise float
Gestion des images : taille, position, opacité

Animer son site

Intégrer des effets dynamiques. avec des éléments de la bibliothèque Javascript jQuery : un diaporama et un menu déroulant ;
Tester son site dans les navigateurs.

Utiliser le responsive design

Structurer un document afin que son design s’adapte au support (smartphone, tablette, portable, etc.) en utilisant un framework CSS responsive prêt à l’emploi
Personnaliser les éléments du design en intervenant dans le CSS. Utiliser les media queries en fonction du périphérique détecté

Pédagogie et évaluation

Toutes nos formations sont construites selon des approches pédagogiques éprouvées.
L’animation s’appuyant sur des cas d’entreprise ou des mises en situation pratiques :