Comprendre le fonctionnement du web
- Connaître le vocabulaire : HTTP, FTP, URL, etc.
- Savoir identifier les principaux langages web : HTML, CSS, JS et PHP
- Architecture client / serveur
- Protocole HTTP (trame, méthodes, …)
- Site web vs application web
Base du HTML
- Définition
- Structure d’une page web (squelette fichier html)
- Les métadonnées (head, title, meta)
- Les commentaires
- Insérer du contenu 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)
- Élements vs éléments vides (balises doubles / balises orphelines)
- Importance du texte (em, strong, mark)
- Les liens (a)
- Chemins relatifs vs chemins absolus
- Insérer un contenu image (img)
- Faire une liste (ul/ol, li)
- Les boutons (button)
Styliser son contenu avec le CSS
- Comprendre le principe du CSS : sélecteurs et propriétés
- Connaître les principaux sélecteurs : balise, class et identifiant
- Définir la fonte : police, taille, graisse et inclinaison
- Insérer une bordure et un arrière-plan
- Appliquer un style au survol
Intégrer une mise en page en HTML et CSS
- Connaître les bonnes pratiques de mise en page web
- Utiliser les balises HTML de mise en page : div, header, main, etc.
- Utiliser les propriétés CSS de mise en page : taille, positionnement et marges
- Optimiser l’ergonomie de son site web