HTML/CSS
en 5 jours
Cette formation permet de découvrir les bases du codage pour la création d'un site web.
Neuro Learning
Mise en place de la Road-Map® & des Road-Books® de votre formation. Une notion est une ville à visiter
Easy start
Aide au démarrage individuel (Atelier One to One)
Notion 1 : Présentation
- HTML : le langage du Web
- Contexte historique
Notion 2 : Environnement et structure
- Concept et usage des balises
- Le bon usage des balises
- Particularités et pièges du HTML
- Le document HTML minimum
Atelier collaboratif
Comprendre et utiliser les notions clés du logiciel
Notion 3 : Mise en forme du document
- Le texte simple
- Les objets d'un document
- L'en-tête d'un document HTML
Notion 4 : Mise en forme du texte
- Titres et paragraphes de texte
- Le contrôle de passage à la ligne
- Le formatage du texte, l'alignement
- La taille, la couleur et la police
- Les caractères spéciaux
- Les commentaires
- Les autres balises de texte
Micro Learning
Micro-exercice de 3 minutes en autonomie
Notion 5 : Les listes
- Numérotées, à puces, imbriquées
- Les listes de définition
Notion 6 : 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
Quiz 1
Validez l’acquisition de blocs de compétences
Notion 7: Les hypertextes
- La balise de liens
- Les différents types de liens : vers une autre page, dans une page, vers un site Web, de téléchargement...
- Les Target
- L'attribut titre
- La couleur des liens
- Liens et feuilles de style
Notion 8 : Insertions d'images
-L'insertion d'une image
- L'espace autour d'une image
- L'alignement d'une image
- Couleur et image d'arrière-plan
- L'insertion d'un lien sur une image
- Les images réactives
Atelier Focus "Mi-parcours"
Pour des points essentiels et plus complexes
Notion 9 : Les formulaires
- La déclaration de formulaire
- Zone de texte à une ligne
- Menu déroulant
- Boutons : radio, checkbox, d'envoi, d'annulation, de commande
- Les formulaires : cachés, de transfert de fichier, de mot de passe
- L'organisation des éléments d'un formulaire
Notion 10 : Les méta-informations
- Doctype ou DTD
Notion 11 : Les feuilles de style
- Les propriétés : couleur, police, marge,...
- Les classes
- Dynamiser un site avec CSS
- Gérer les positionnements
Micro Learning
Micro-exercice de 3 minutes en autonomie
Notion 12 : Introduction à HTML
- Contexte : fonctionnement d'un site internet
- Histoire et normalisation du HTML
- La nouvelle vision HTML
- Roadmap HTML
Notion 13 : Comment utiliser le HTML
- Savoir quand choisir le HTML
- Utiliser le HTML5 avec des navigateurs qui ne le supportent pas
Notion 14 : Le balisage HTML
- Structure d'une page
- Doctype
- Les nouveaux éléments et les éléments obsolètes
- HTML5 et CSS3
Notion 15 : Les formulaires
- La balise form
- Créer et utiliser des formulaires HTML
Quiz 2
Validez l’acquisition de blocs de compétences
Notion 16 : Audio et vidéo
- Les éléments audio et vidéo
- Les conteneurs, les codecs
- Compromis pour un site à forte audience
Notion 17 : Vue d'ensemble des APIs
- Les APIs HTML
- Audio et vidéo
- Site web hors ligne
- Drag et Drop
Micro Learning
Micro-exercice de 3 minutes en autonomie
Notion 18 : Dessiner en HTML
- Canvas vs SVG
- Contexte et accessibilité
Notion 19 : La communication en HTML
- Les évènements
- Envoi de messages entre documents
- Envoi de messages par canaux
- Le push et les WebSockets pour plus de performances
Notion 20 : La géolocalisation
- Vue d'ensemble
- La vie privée de l'utilisateur
Quiz 3
Validez l’acquisition de blocs de compétences
Notion 21 : CSS : satndardiser les propriétés
- Se passer d'images, éviter les astuces
- Coins arrondis, ombres portées, transparence, animations
- Autres nouveautés
Notion 22 : CSS : mise en page et positionnement
- Vue d'ensemble : clarifier le code, éviter la multiplication de div imbriquées
- Niveau de présentation
- Mise en page par patron
- Mise en page multi-colonnes
- Mise en page par boites horizontales ou verticales
- Positionnement par grille
- Autres nouveautés
- CSS pour mobiles et tablettes
Quiz 4
Validez l’acquisition de blocs de compétences
Follow Up
Gratuit pendant six mois. Accédez aux cours en ligne et recevez exercices, cas pratiques par e-mail et l’aide du formateur par vidéo zoom.
