Maîtriser le langage HTML / CSS

Objectifs

Décrire la structuration d'une page HTML5
Apprendre à manipuler les styles CSS et les relier aux éléments d'une page
Utiliser les blocs et les tableaux
Créer des formulaires
Exploiter les Media Queries pour s'adapter aux tailles d'écran
Expliquer la philosophie des framemorks HTML / CSS pour le développement
responsive.

Programme de la formation

1. INTRODUCTION
Les différentes versions du HTML
Les standards du web
Compatibilité avec les navigateurs
2. STRUCTURE DE BASE D'UN DOCUMENT HTML
Le doctype
La balise HTML
Définition de l'encodage
La balise head
La balise body
3. MIEUX STRUCTURER SES PAGES
header
nav
section
article
aside
footer
4. METTRE EN FORME DU TEXTE
Le formatage du texte : gras, italique, soulignement, mise en évidence ...
Les balises d'entêtes
Les listes ordonnées
Les listes non ordonnées
Les listes de définition
Les abréviations
Les espaces insécables, les sauts de ligne ...
Les paragraphes
5. LES TABLEAUX
Insertions de tableaux
Insertion, suppression de lignes et colonnes
Fusionner des lignes et colonnes
Fractionner des lignes et colonnes
caption, col, colgroup
6. LES LIENS HYPERTEXTE
Création de lien hypertexte sur du texte
Création de lien hypertexte sur des images
Création de lien vers messagerie
Les attributs
7. LES IMAGES
Les formats d'images du web
Les nouveaux formats
Les contraintes liées aux images
Insertion d'images
Les attributs
figure, figcaption
8. LES MEDIAS (VIDEO, SON, IFRAMES...)
Insertion de vidéos
Insertion de sons
Utilisation d'iframe (Youtube, Google maps ...)
9. LES FORMULAIRES HTML
La balise form
Les champs de texte
Les zones de texte
Les listes déroulantes
Les boutons radio
Les cases à cocher
Les boutons
10. METTRE EN LIGNE SON SITE OU SA PAGE WEB
De quoi ai-je besoin ?
Client et serveur FTP
Les outils indispensables
11. NORME ACTUELLE ET TENDANCE DU CSS
Norme actuelle et tendance du CSS
Evolution du CSS
Compatibilité dans les navigateurs
12. OÙ PLACER LE CODE CSS
Feuille de style externe
Dans un document
Dans un style intégré
Avantages et inconvénients des différentes méthodes
13. METTRE EN FORME À L'AIDE DE CSS
Principe des styles
Créer des règles de style
Bonnes pratiques pour structurer le CSS
14. LES SELECTEURS CSS
Les sélecteurs de type
Les sélecteurs de classe
Les sélecteurs d'identifiant
Le sélecteur universel
Les sélecteurs d'attribut
Les combinateurs
Les pseudo-classes
Les pseudo-éléments
15. LES BASES DU CSS
La gestion du texte, polices, couleur, taille, mise en e?vidence...
Les arrie?re-plans
Les blocs
Les boites
Les bordures
Les listes
Le positionnement (absolu, relatif, fixe ...)
16. LE CSS3
Les couleurs (RGB, RGBA), les dégradés, l'opacité
Les arrière-plans multiples, ajustement au conteneur
Les ombres et effets d'ombres
Les bordures et les coins arrondis
Utilisation de polices personnalisées
Les transformations
Les transitions
Les animations
17. GESTION DES COLONNES
Ancienne méthode : float
Les méthodes récentes : grid, column, flex
Les avantages et inconvénients, la compatibilité avec les navigateurs
18. LE RESPONSIVE WEB DESIGN (RWD)
Adaptation aux périphériques
Les media Queries
Les frameworks: Bootstrap, foundation, Materialize : Panorama des frameworks pour aller plus loin

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique