Formation Développeur Web HTML 5, CSS 3 et JavaScript HTML 5 et CSS 3 - Création de pages Web

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Comment utiliser vos droits
sur Mon Compte Formation

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 / Compétences visées

• 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.

Programme

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)

• Prévoir l'achat de la certification en supplément
• L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
• La durée moyenne est de 1h00 et le score obtenu attestera d'un niveau de compétence

Modalités d’évaluation des acquis

L'évaluation des acquis se fait :

• En cours de formation, par des études de cas ou des travaux pratiques
• Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)

Partager cette formation Télécharger au format pdf Ajouter à mes favoris