Les bases de HTML5 et CSS3 pour créer des pages Web

INFORMATIONS GÉNÉRALES

Dans cette formation, vous apprendrez à créer des pages Web statiques côté client avec les standards HTML5 et CSS3.

Durée

• 3 Jours

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

Pré-requis

• Maîtriser l'outil informatique et les usages du Web.

Public

• Concepteurs Web, Graphistes et toute personne non technique qui doit acquérir des compétences en HTML5 et CSS3.

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