Les bases de HTML5 et CSS3 pour créer des pages Web
Dans cette formation, vous apprendrez à créer des pages Web statiques côté client avec les standards HTML5 et CSS3.
Durée
.
Publics cibles
- Concepteurs Web, Graphistes et toute personne non technique qui doit acquérir des compétences en HTML5 et CSS3.
Pré-requis
- Maîtriser l'outil informatique et les usages du Web.
Objectifs
- Construire des pages Web en HTML5
- Habiller et mettre en forme des pages Web avec CSS3
- Créer des formulaires simples
- Créer des tableaux de données
- Intégrer du contenu multimédia
Informations
Cette formation est disponible en présentiel et à distance
Programme détaillé
Introduction
- Vue d’ensemble de la création de contenu pour le Web
- Langages HTML, CSS & JavaScript
- Organisation d’un site web
- Outils de création de contenu pour le Web
Notions fondamentales du langage HTML5
- Vue d’ensembles des balises HTML
- 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 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
- Héritage et cascades
- Couleurs et Unités de mesures : px, in, %, em
Intégration et mise en forme de contenus simples
- Gestion du texte, des paragraphes et des listes
- Gérer les espaces et les sauts de lignes
- Polices embarquées
- Présentation multicolonnes
- Affichage en ligne ou en bloc
- Dimensions et marges
- Bordures et Fonds
- Images de fond et dégradées
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
Travaux pratiques
- Création d'un site Web par étapes en respectant l'enchainement des modules théoriques
- Structure HTML de la page
- Ajout de contenus simples, titres, listes, images
- Mise en place de liens de navigation entres les pages
- Ajout d'un tableau de données HTML
- Création d'un formulaire HTML
- Insertion de contenus multimédia, vidéo et audio
- Mise en forme du site Web en CSS
- Mise en forme des éléments texte
- Mise en page et positionnement des contenu