Revenir à la liste

M2I FORMATION PARIS 12 — HTML 5 et CSS 3 - Création de pages Web pour les designers

Publié le 04/01/2021 — Produit n° 000137

: MEDIAS NUMERIQUESCONCEPTION REALISATION MEDIAS NUME RIQUESMEDIAS NUMERIQUES CREATION GESTION FEUILLES DE STYLE: CSS

Comprendre la structuration d'une page HTML5 - 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 HTML5 et CSS3.

Informations générales

Profil professionnel des stagiaires


Salariés des entreprises adhérentes

:
AUDIOVISUEL, CINÉMA, DIVERS, ÉDITION, SPORT, GOLF, HOTELLERIE DE PLEIN AIR, PRESSE, LOISIRS, AGENCE DE MANNEQUINS, ORGANISME DE TOURISME, PUBLICITÉ, SPECTACLE, TELECOM, CASINO

:

Savoir utiliser Internet.

Identification du stage

:
Formation en présentiel

:

Comprendre la structuration d'une page HTML5 - 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 HTML5 et CSS3.

Durée de la formation : 21 heures

Lieu de réalisation
  • 75012 PARIS 12
  • 75016 PARIS 16
  • 92000 LA DEFENSE
  • 13000 AIX EN PROVENCE
  • 38000 GRENOBLE
  • 76000 LE HAVRE
  • 59000 LILLE
  • 69000 LYON
  • 57000 METZ
  • 34000 MONTPELLIER
  • 54000 NANCY
  • 44000 NANTES
  • 06000 NICE
  • 45000 ORLEANS
  • 86000 POITIERS
  • 51000 REIMS
  • 35000 RENNES
  • 76000 ROUEN
  • 42000 SAINT-ETIENNE
  • 06000 SOPHIA-ANTIPOLIS
  • 67000 STRASBOURG
  • 33000 TOULOUSE
  • 37000 TOURS


CASSAR — 01 44 53 36 00
v.mazza@m2iformation.fr
www.m2iformation.fr

Informations pédagogiques

Programme pédagogique

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

Informations complémentaires (méthodologie, ...)

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

Supports et ressources fournis aux stagiaires

La salle de formation est équipée d'un poste informatique par apprenant accédant à Internet, d’un vidéo projecteur, d’un paper board et d’un tableau blanc. Possibilité d'utiliser 1 plateforme de quizz interactive
Les supports de cours sont fournis et disponibles en version électronique.

Niveau visé après la formation

AUTRE