Formation - HTML - Initiation
Prérequis
- Pratique courant des sites internet
- Disposez-vous des connaissances nécessaires pour suivre cette formation ? Testez-vous !
Public admis
- Salarié en Poste
- Entreprise
Demandeur d'emploi et Etudiant non admis
Financement
- Votre OPCO
- Financement personnel
Financement CPF non pris en charge
Modalités
- En entreprise
- À distance
- En centre
Objectifs pédagogiques
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Programme de la formation
1 - Rappel des notions de l'internet
- Réseau de réseau
- Les services de l'internet
2 - Le World Wide Web
- Définition (échange de documents hypertextes)
- URI vs URL vs URN
- Architecture client / serveur
- Protocole HTTP (trame, méthodes, ...)
- Les fichiers du web (html, css, js, images, ...)
- Page web statique vs page web dynamique
- Développement front-end / back-end / fullstack
- Site web vs application web
3 - Introduction au HTML
- Définition
- Structure d'une page web (squelette fichier html)
- Les métadonnées (head, title, meta)
- Les commentaires
- Insérer du texte (body, texte sans balise)
- Éléments et balises (+ attributs et contenu)
- Titres et paragraphes (h1, h2, ..., p)
- La SEO (permet d'expliquer l'intérêt de structurer le contenu avec des balises)
- Faire des sauts de lignes (br)
- Élements vs éléments vides (balises doubles / balises orphelines)
- Importance du texte (em, strong, mark)
- Balise inline vs balise block
- Les liens (a)
- Chemins relatifs vs chemins absolus
- Insérer une image (img)
- Faire une liste (ul/ol, li)
- Créer un tableau (table, tr, th, td)
- Les boutons (button)
4 - Les formulaires
- Form
- Champs textes
- Checkbox
- Radio
- Séléction
- Fichier
- Submit
5 - Pour aller plus loin : Introduction rapide à la structuration et aux médias
- Les balises sémantiques HTML5 (header, nav, main, footer, article, section)
- Audio et vidéo (audio, video, source)
- Atelier : créer une page d’accueil d’un site, une page d’informations et une page de contact
Proposé par
IB Cegos
"Formations aux technologies et métiers du Numérique"
Proposé par
IB Cegos