Formation HTML5 / CSS3

HTML5

Définition et orientations d'HTML5

• 'histoire d'HTML et CSS
• Aperçu des nouveaux standards HTML 5 et CSS3

Définition des pages web et des navigateurs

• Séparation du contenu (code HTML 5) et de la mise en forme (feuille de style CSS)
• Utilisation des requêtes multimédias
• La compatibilité des navigateurs et le futur de HTML 5

Définition des parties de la page par des sections

• Les balises et les parties de la page HTML 5 : section, article, aside, nav, etc...
• Sous-sections HTML 5 : header, hgroup, footer

Simplification des contenus multimédias(audio, vidéo, animations)

• 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 )

Définition des éléments graphiques

• Canvas et le dessin de graphiques sur une page web
• SVG (Scalable Vector Graphics) et la création de graphiques interactifs

CSS3

Les nouveaux sélecteurs CSS3

• Puissance des sélecteurs
• Cibler des balises au sein du même parent
• Cibler les balises en fonction de leurs attributs
• Les nouvelles pseudo classes

Les bordures des blocs

• Création et réglage des coins arrondis
• Utilisation d'images
• Les ombres et effets d'ombres

Le fond des blocs

• Spécifier la taille
• Définir son positionnement
• Sélection de plusieurs fonds

Le texte

• Ombres et effets d'ombres
• Coupures et mises à la ligne
• Justifier et aligner le texte
• Utilisation de polices personnalisées

Transformations, transitions et animations

• Les effets 2D
• Les effets 3D
• Les animations simples et multiples

Multi-colonnage automatique

• Nombre et largeur des colonnes
• Trait de séparation des colonnes
• Espacement entre les colonnes
• Equilibrage des colonnes