Formation HTML 5 et CSS 3 - Création de pages Web – Centre de formation M2i
M2i Formation

Découvrez notre formationHTML 5 et CSS 3 - Création de pages Web

Présentiel

3 jours (21 heures) - HTM-FND

(81)
Accueil  ›  Formations Informatique  ›  Langages et développement  ›  Développeur Web HTML 5, CSS 3 et JavaScript  ›  HTML 5 et CSS 3 - Création de pages Web


La formation HTML 5 et CSS 3 - Création de pages Web vous apprendra à créer des pages web basées sur HTML5 et CSS3.

Cette formation HTML 5 et CSS 3 pourra être ponctuée par la certification ENI-CIT5HTM. La certification ENI-CIT5HTM vous permet de valoriser vos compétences pour construire des pages web statiques avec un langage de balises et à les mettre en forme avec une feuille de style.

La certification ENI-CIT5HTM est un label qualité attestant officiellement de votre expertise et répondant aux demandes actuelles du marché.

Objectifs pédagogiques

  • Comprendre la structuration d'une page HTML 5
  • Ajouter des styles CSS aux éléments d'une page
  • Utiliser les blocs et les tableaux
  • Créer des formulaires avec WebForms 2
  • Tester les nouveautés HTML 5 et CSS 3.

Niveau requis

Aucun.

Public concerné

Webmasters, concepteurs Web, développeurs, chefs de projets techniques.


Cette formation est éligible au CPF

Formation éligible au financement suivant :
ACAfdas

Paris La Défense27/01/20201 500 € HTDates proposées dans les agences M2iRéserver
Paris La Défense23/03/20201 500 € HTDates proposées dans les agences M2iRéserver
Paris La Défense15/06/20201 500 € HTDates proposées dans les agences M2iRéserver
Paris La Défense14/09/20201 500 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Certification : ENI-CIT5HTM (+ 180€)

Jour 1

Structure d'une page

  • Tags principaux
  • Simplification avec HTML 5
  • Les éléments et leur placement

Exemple de travaux pratiques (à titre indicatif)

  • Création d'une page Web simple

Balises structurantes

  • Blocs div et span
  • Listes
  • Tableaux
  • iFrames

Exemples de travaux pratiques (à titre indicatif)

  • Création d'un menu à partir d'une liste à puces
  • Création d'un tableau de contacts
  • Affichage d'un fichier PDF dans une page Web

Web Forms 2

  • Champs de saisie
  • Listes déroulantes
  • Boutons radio
  • Champs date
  • Placeholder
  • Slider
  • Validation automatique

Exemple de travaux pratiques (à titre indicatif)

  • Création et validation d'un formulaire de saisie d'informations d'un contact

Jour 2

HTML 5

  • Balises sémantiques
  • Audio et vidéo

Exemples de travaux pratiques (à titre indicatif)

  • Affichage d'un élément audio et vidéo
  • Structuration d'une page Web avec les éléments
    • Header
    • Nav
    • Section
    • Article
    • Footer

Styles CSS

  • Syntaxe des sélécteurs CSS
  • Pseudo sélecteurs
  • Principales propriétés CSS
  • Règles CSS
  • Frameworks CSS

Exemples de travaux pratiques (à titre indicatif)

  • Analyse du site Zen Garden
  • Mise en forme avec CSS
  • Mise en forme d'un tableau et d'un formulaire avec Bootstrap

Structure des éléments

  • Le modèle de boîte
  • Eléments block et inline
  • La propriété display
  • Padding, marges et bordures

Exemples de travaux pratiques (à titre indicatif)

  • Mise en forme d'une page Web avec les propriétés CSS : padding et margin

Jour 3

Positionnement

  • Positionnement dans le flux
  • Positionnement absolu et relatif
  • Positionnement fixé
  • Positionnement flottant

Exemple de travaux pratiques (à titre indicatif)

  • Utilisation des propriétés CSS position
    • Left
    • Top
    • Float
    • Clear

CSS 3

  • Nouveaux sélecteurs
  • Fonts, couleurs et bordures
  • Positionnement en colonnes
  • Media Queries

Exemples de travaux pratiques (à titre indicatif)

  • Utilisation des propriétés CSS
    • Les ombrages
    • Les dégradés de couleurs
    • Les angles arrondis
    • Les Flexbox
    • Mise en forme selon le type de média

Certification (en option)

  • L'examen sera passé à la fin de la formation
  • Le voucher est à prévoir en sus

Les + de la formation

L'examen de certification (proposé en option) est en français.

Faites évoluer vos compétences

Complétez votre formation