Creer et mettre en forme des pages web -HTML5 et CSS3

Performing training - inès mami

Public admis

Salarié en poste

Demandeur d'emploi

Entreprise

Étudiant

Modalités

En présentiel

Durée

Nous contacter

Prix

Nous contacter

Localité

En présentiel

Découvrez les localités disponibles pour suivre cette formation en présentiel.

Objectifs

A l'issue de cette formation, vous serez capable de :

Décrire 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 Web Forms 2
Tester les nouveautés HTML 5 et CSS 3
Exploiter les "media queries" pour s'adapter aux tailles d'écran
Expliquer la philosophie des framemorks HTML / CSS pour le développement responsive.

Programme

Les terminaux
Types de terminaux (mobile, tablette, tv, liseuse...) et leur résolution
Périphériques, OS, navigateurs
Le marché mobile et parts de marché
Standards HTML, HTML 5, CSS 3 (API, sélecteurs...)
Structure d'une page
Tags principaux
Simplification avec HTML 5
Les éléments et leurs placements
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
Bouton Radio
Champ Date
Placeholder
Slider
Validation automatique
Exemples de travaux pratiques (à titre indicatif)
Création et validation d'un formulaire de saisie d'informations d'un contact
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électeurs 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