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