Création de contenus pour le Web en HTML5, CSS3 et JavaScript

Durée : 3 jour(s)
Tarif : Consultez-nous

DEMANDE DE DEVIS SANS ENGAGEMENT – CLIQUEZ ICI

Public :

  • Toute personne de profil technique amenée à concevoir des sites Web basés sur HTML 5, CSS3 et JavaScript.

Objectifs :

  • Construire une page Web en HTML5 ;
  • Mettre en forme une page avec CSS3 ;
  • Créer des formulaires avancés ;
  • Créer des tableaux de données ;
  • Créer des menus de navigation ;
  • Gérer des interactions simples en JavaScript.

Pré-requis :

  • Connaissances générales d’Internet.

Introduction

  • Vue d’ensemble de la création de contenu pour le Web
  • Standard du W3C
  • Langages HTML, CSS & JavaScript
  • Organisation d’un site web
  • Principaux navigateurs et niveau de compatibilités aux nouveautés HTML5 et CSS3
  • Outils de création de contenu pour le Web

Notions fondamentales du langage HTML5

  • Syntaxe XML
  • Vue d’ensembles des balises HTML
  • Attributs XML, HTML et Evénements
  • Structure du document HTML
  • Eléments d’entête

Mise en page à l’aide d’éléments conteneur

  • Eléments de section
  • Eléments de titres
  • Eléments de navigation
  • Eléments générique

Notions de base de la mise en forme en CSS

  • Création et intégration d’une feuille de style CSS
  • Sélecteurs CSS simple
  • Couleurs et Unités de mesures

Positionnement et dimensionnement des conteneurs

  • Comprendre le positionnement naturel des éléments
  • Dimensionner les éléments
  • Positionner les éléments

Intégration de contenu et groupe de contenu simple

  • Créer des paragraphes, listes, figures
  • Ajouter du texte standard et préformaté
  • Gérer les espaces et les sauts de lignes
  • Utiliser les éléments sémantiques textuels

Mise en forme avancé en CSS3

  • Sélecteurs CSS avancés
  • Héritages des styles
  • Bordures et Trames de fonds
  • Mise en forme du texte
  • Transition CSS

Création de formulaire HTML5

  • Structurer le formulaire avec les éléments Form, FieldSet et Label
  • Ajouter des éléments Input
  • Créer des listes de valeurs pour les éléments Input
  • Afficher des informations avec les éléments Output, Progress et Meter
  • Mettre en forme et valider un formulaire
  • Ajouter des boutons de contrôle

Création de tableau

  • Elément Table
  • Eléments ligne et cellules
  • Groupes de lignes et de colonnes
  • Fusionner des cellules
  • Mise en forme d’un tableau

Intégration du contenu multimédia

  • Ajouter des images
  • Intégrer des documents audio et vidéo
  • Configurer le composant de contrôle de la lecture

Gestion d’interaction simple

  • Notions de base du langage JavaScript
  • Parcours et Manipulation du DOM
  • Gestion des événements
  • Afficher des menus déroulants et contextuels
  • Ajouter des informations sur demande avec les éléments Details et Summary
  • Autoriser la modification de contenu