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 : code unique 236252

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

En cliquant le bouton « Accepter », vous acceptez l’utilisation de cookies pour réaliser des mesures d’audiences et vous permettre d’enregistrer vos préférences de navigation. En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies.

Accepter Paramètres En savoir plus