Formation : HTML5 et CSS3

1 Les base du HTML5

• Les balises et 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.

2 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 vidéo pour le web.
• Intégrer du son avec la balise audio.
• Intégrer de la vidéo avec la balise video.

3 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.
• Eléments flottants avec la balise float.
• Gestion des images : taille, position, opacité.

4 Animer son site

• Intégrer des effets dynamiques avec des éléments de la bibliothèque Javascript de scripts jQuery.
• Intégrer et modifier des scripts.
• Tester son site dans des anciennes versions de navigateurs.

5 Intégrer du jQuery Mobile

• Structurer le document.
• Gérer les div et leurs propriétés data-role.
• Intégrer des contenus textes et images.
• Choisir un thème prédéfini.
• Gérer les liens entre les pages.
• Gérer les meta pour adapter la taille du site au périphérique utilisé.

6 Fonctionnalités avancées HTML5

• Découvrir les fonctionnalités Javascript de HTML5 : Canvas, Drag & Drop, File API, Géolocation, DesignMode, LocalStorage, PostMessage().

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.

• Exploiter les ressources des CSS.
• Maîtriser les bases du HTML5.
• Créer des pages web de qualité.

Points forts

• Construction d'un site Internet : toutes les notions étudiées sont mises en œuvre dans des exercices et travaux aboutissant à la réalisation d'un site Web.
• Éditeur de code au choix : chaque participant réalise les travaux pratiques avec l'éditeur de son choix.
• Un apprentissage accessible pour tous : la pédagogie rend la programmation CSS abordable aux non-informaticiens.
• Tous vos exercices, cas pratiques, documents types sont remis sur une clé USB.

Pour aller + loin...

Nous vous conseillons de suivre, après cette formation : PHP .