Le HTML est un langage de balisage utilisé pour la création de pages Web, permettant notamment de définir des liens hypertextes. Le HTML 5 est la dernière version majeure du HTML.
Les feuilles de style en cascade, généralement appelées CSS, forment un langage informatique qui décrit la présentation des documents HTML et XML. Le CSS3 est la dernière version majeure du CSS.
Dans cette formation, vous allez apprendre les fonctions avancées du langage HTML5 et CSS3 pour le développement de documents Web adaptables et interactifs.
A l’issue de la formation Apprendre le HTML5 & CSS3 : niveau avancé, diverses compétences vous seront transmises, notamment :
La formation Apprendre le HTML5 et CSS3 : Les bases ou équivalent est requis pour suivre cette formation.
Toute personne en charge de la création de pages Web souhaitant se perfectionner dans les langages HTML et CSS.
Internet, le Web et son fonctionnement
Distinguer les principaux navigateurs : Google Chrome, Mozilla Firefox, Opera, Safari, Internet Explorer
L’importance du référencement
Connaitre les principaux : Google, Yahoo, Bing
Les sites vitrines / sites de ventes en ligne
La mutation des modes de communication
Les évolutions du Web 1.0 au Web collaboratif
Les différents types de langage : Php, JavaScript, MySQL…
Diversité des terminaux d’affichage : desktop, tablette, smartphone…
Choisir un type de développement pour un type de site
Changements, interprétations de chaque navigateur
Les normes W3C
Rappels sur le référencement interne
Structure d’un document HTML5
Séparation entre contenu, présentation et interactions
Déclaration de type de document (DTD)
Rappel sur les syntaxes HTML et CSS3
Les nouvelles balises sémantiques et les APIs
Balises audio et vidéo (supports et formats)
Principe général de la géolocalisation
Stockage local et stockage de session
Canvas, SVG et Javascript
Animations, filtres et fonctions avec CSS3
Différence entre résolution et taille d’affichage
L’interface utilisateur (UI) et expérience utilisateur (UX)
Détection du navigateur, du terminal, des fonctionnalités
Mise en page fluide et adaptative
Principe des media queries CSS
Faire la différence entre viewport et screen
Points de rupture et règles conditionnelles
Menus adaptatifs
Tableaux et formulaires flexibles
Entête HTTP et chaîne User-Agent
Concevoir et utiliser un formulaire HTML 5
Eléments de formulaire HTML 5
Les zones de saisie basiques et enrichies
Les éléments d’options : les cases à cocher…
Finaliser et envoyer le formulaire
Les balises structurantes de HTML5 : header, footer, nav…
Les balises de type block et inline
Gestion des dimensions : pourcentage, pixel…
Gestion des marges : margin, padding…
Le positionnement flottant
Transformer ses éléments grâce à « display »
Les différents types de positionnement : absolu, fixe et relatif
