Livret personnel de compétences

Apprendre le HTML5 et CSS3 : niveau avancé

Ce livret personnel de compétences a pour objectif de permettre au stagiaire de suivre sa progression tout au long de la formation.
Il lui permet au stagiaire de se positionner par rapport aux compétences attendues à la fin de la formation.
Ce positionnement est personnel et s’enrichit au fil des apports et échanges avec le formateur.
Ce livret sera rempli tout au long de la formation par le stagiaire.
Les tableaux de compétences seront également remplis en parallèle par le formateur puisqu’ils serviront à établir un diagnostic final sur les connaissances acquises au cours de la formation.

Objet du référentiel pédagogique

Ce référentiel pédagogique présente l’ensemble des compétences évaluées dans les domaines et sous-domaines de la formation.
Il précise les compétences techniques attendues à la fin de la formation.

Résumé

Apprendre le HTML5 et CSS3 : niveau avancé

Allez plus loin dans votre maîtrise du HTML5 er du CSS3

formation web html5-css3
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.

Objectif

A l’issue de la formation Apprendre le HTML5 & CSS3 : niveau avancé, diverses compétences vous seront transmises, notamment :

Les pré-requis

La formation Apprendre le HTML5 et CSS3 : Les bases ou équivalent est requis pour suivre cette formation.

Public concerné

Toute personne en charge de la création de pages Web souhaitant se perfectionner dans les langages HTML et CSS.

Validation

Une attestation de fin de stage
est délivrée.
Une évaluation pratique & théorique sera réalisée en fin de parcours.

Les points forts

Formation réalisable à distance,
en présentiel ou un mix des deux.
Formation sur mesure et adaptée.
Devenez autonomes !

Accessibilité

Pour les personnes
en situation de handicap,
Vous pouvez consulter cette page pour vous orienter au mieux.

Délai d'accès

Il est variable en fonction
de votre statut et du
financement de la formation.
Pour en savoir plus, contactez-nous

En Bref

Contenu de la formation

L’environnement du Web (de 3h à 5h)

  • 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

Rappel des notions de base (de 3h à 5h)

  • 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 nouveautés de HTML5 et CSS3 (de 3h à 5h)

  • 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

Principes du Responsive Web Design (de 7h à 9h)

  • 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

Les formulaires HTML5 (de 6h à 8h)

  • 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

Structure et positionnement de sa page (de 7h à 9h)

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

A = Acquis
ECA = En cours d’acquisition
NA = Non acquis

Avis des apprenants