Formation - HTML - Initiation

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