HTML5/CSS3 – Base
Objectif : initiation aux fonctionnalités de base des langages HTML5 et CSS3
Public admis : demandeur d’emploi, salarié, entreprise, étudiant, particulier
Pré-requis : HTLM5/CSS3 – Approfondissement
Certification : TOSA
Référence : 31585
PROGRAMME
1. PRÉSENTATION
- Contexte historique
- HTML : le langage du Web
- Fonctionnement d’un site internet
- Histoire et normalisation du HTML
- La nouvelle vision HTML5
2. STRUCTURE D'UN DOCUMENT HTML
- Concept et usage des balises
- Le bon usage des balises
- Particularités et pièges du HTML
- Le document HTML minimum
3. L'EN-TÊTE D'UN DOCUMENT HTML
- Doctype ou DTD
- Méta informations
4. LE CORPS D'UN DOCUMENT HTML
- Texte sans balise
- Types de balise et référencement
- Balises de type block et inline
5. STRUCTURER LE TEXTE
- Titres et paragraphes de texte
- Le contrôle de passage à la ligne
- Les caractères spéciaux
- Les commentaires
- Les autres balises de texte
6. LES FEUILLES DE STYLE
- Dynamiser un site avec CSS : styles inline, balise style, balise link
- Les commentaires
- Les propriétés
- Styles du texte : couleur, police, taille, alignement
- Intérêt des balises div et span
- Styles des boites : bordures, fond, taille, marge
- Les sélecteurs : balise, classe, id, pseudo-classes
- Gérer les positionnements
7. LES LISTES
- Listes numérotées, à puces, imbriquées
- Les listes de définition
- Styles dans les listes
8. LES TABLEAUX
- Cellules de tableau et fusion des cellules
- Gestion de la taille du tableau
- En-tête et légende
- Les bordures
- Les groupes de colonnes et de lignes
- Styles dans les tableaux
9. LES HYPERTEXTES
- La balise de liens
- Les différents types de liens : vers une autre page, dans une page, vers un site Web ou de téléchargement
- Les Target
- L'attribut titre
- Pseudo classes des liens
- Styles dans les liens
10. INSERTION D'IMAGES
- L'insertion d'une image
- Couleur et image d'arrière-plan
- L'insertion d'un lien sur une image
- Les images réactives
- Styles sur les images
11. LES FORMULAIRES
- La déclaration de formulaire (balise form)
- Zone de texte à une ligne
- Menu déroulant
- Boutons : radio, checkbox, d'envoi, d'annulation, de commande
- Les champs cachés, de transfert de fichier, de mot de passe
- L'organisation des éléments d'un formulaire
- Styles dans les formulaires
12. LE BALISAGE HTML5
- Référencement et web sémantique
- Les nouveaux éléments (main, header, footer)
13. AUDIO ET VIDÉO
- Les éléments audios et vidéos
- Les conteneurs, les codecs
- Compromis pour un site à forte audience
14. CSS3 : LES STYLES AVANCÉS
- Se passer d'images, éviter les astuces
- Coins arrondis, ombres portées, transparence, animations
- Niveau de présentation
- Mise en page par patron
- Mise en page multi-colonnes
- Mise en page par boites horizontales ou verticales (flexbox)
- Positionnement par grille (grid)
- Autres nouveautés
15. RESPONSIVE WEB DESIGN
- Découverte du viewport
- Présentation en mode grille
- Media queries
- Introduction à Boostrap