02 43 52 36 45  contact@cegefos.fr

image

durée formation langage html 5

3 jours / 21 heures

Formation Langage HTML 5.

Disponible en Inter et Intra entreprise.

formation certifiante CNCP CPF langage html 5

Formation certifiante recensée à l'inventaire CNCP et éligible CPF

Module Langage HTML 5 faisant parti de la

certification Intégration Web CMS.

date prochaine session formation informatique et numérique

Prochaine dates et sessions

Pour connaitre les dates de la prochaine session dans la ville la plus proche,

CLIQUEZ ICI.

Langage HTML 5

HTML est le langage informatique utilisé pour la création d’un site web. Il est devenu la référence et l’interaction pour la création et la mise en page des sites professionnels. Il a un rôle de formalisation de l’écriture des documents avec des balises de formatage.

Les objectifs

A l’issu de la formation « Langage HTML 5 », les apprenants auront les capacités de : 
  1. Créer ou modifier des pages HTML
  2. Optimiser l'expérience utilisateur sur les navigateurs de bureau, les smartphones et tablettes
  3. Appliquer les bonnes pratiques et les normes émergentes pour le balisage HTML
  4. Améliorer la performance des sites et optimiser les pages pour le référencement naturel

Le public

La formation Langage HTML 5 s’adresse à tout public salarié, demandeur d’emploi ou en reconversion professionnelle et souhaitant créer ou mettre à jour les pages web

Les prérequis

Pas de prérequis pour la formation langage HTML 5, cependant une bonne culture de recherche et de navigation sur le WEB est un plus.
Les utilitaires
Pour le bon déroulement de la formation Langage HTML 5, voici une liste non exhaustive des outils indispensables :
  1. Editeur HTML Notepad++
  2. Dreamweaver
Programme détaillé
Jour 1

Découvrez le langage de balisage HTML pour la mise en page de vos pages web.   

Adapter les normes web à la nouvelle génération 

  1. Démystifier HTML 5
  2. Optimisation régressive pour supporter les anciens navigateurs

Amélioration de l'utilisabilité, de l'accessibilité et de l'optimisation pour les moteurs de recherche

Optimiser les balises avec de nouvelles sémantiques

  1. Faire passer les pages à HTML 5
  2. Sectionner le contenu avec des éléments structurels

Annoter le HTML avec des vocabulaires liés

  1. Maximiser l'accessibilité avec des rôles ARIA
  2. Optimiser la visibilité de la page avec les micros données

Aider les utilisateurs avec la saisie des formulaires

  1. Faciliter la saisie avec autofocus et placeholder
  2. Valider la saisie de données sans écriture de scripts
  3. Prévenir les erreurs avec les contraintes et les sélecteurs
  4. Personnaliser les messages d'erreur avec l'API Constraint
Jour 2

Enrichir l’interactivité des formulaires.   

Enrichir la conception d'un site avec CSS 3 

Manipuler les bordures et l'arrière plan

  1. Préfixes vendeurs
  2. Coins arrondis
  3. Gradients
  4. Images de bordure redimensionnables

Créer des effets recherchés

  1. Zones de texte et boîtes flottantes avec ombres et opacité
  2. Animer les transformations et les transitions

Personnaliser l'aspect à travers les navigateurs

  1. Installer les polices téléchargeables avec @font-face
  2. Masquer des valeurs dans les attributs data-*
  3. Adapter les versions pour mobiles avec des Medias Queries
Jour 3

HTML 5 supporte la mise en cache hors-ligne de ressources d'applications web : les fichiers sont stockés dans l'Application Cache (AppCache).

Apprenez ce que permet l'utilisation d'une application cache.   

Offrir du contenu fiable avec AppCache, JavaScript et la géolocalisation 

Permettre aux utilisateurs de travailler hors-ligne

  1. Définir un manifeste
  2. Traiter les avertissements de caches

Vitesse

  1. Les ressources mises en cache sont locales, et se chargent donc plus rapidement

Réduction de la charge serveur

  1. Le navigateur ne télécharge uniquement les ressources qui ont changées sur le serveur

Programmer l'API de géolocalisation dans JavaScript

  1. Évaluer la latitude et la longitude de la position de l'utilisateur
  2. Sélectionner le contenu par la proximité

Cas pratique : Créer une page HTML optimisée pour le référencement avec du contenu photo et texte.

Besoin de devis/ Renseignements

Veuillez remplir le formulaire de contact

Merci de remplir le formulaire de contact. Un de nos conseillers traitera votre demande rapidement.

Please type your full name.
Invalid email address.
Veuillez saisir votre numéro de téléphone.
Please tell us how big is your company.
Entrer le nom de votre société si vous êtes salarié.
Please tell us how big is your company.
Entrée non valide
Robot Actualisation Entrée non valide