58 lines
1.4 KiB
ReStructuredText
58 lines
1.4 KiB
ReStructuredText
|
Web HTML CSS
|
||
|
############
|
||
|
|
||
|
:date: juillet 2022
|
||
|
:modified: juillet 2022
|
||
|
:authors: Benjamin Bertrand
|
||
|
:tags: Web
|
||
|
:category: 1NSI
|
||
|
:summary: Prise en main des technologies web. Découverte du HTML et du CSS.
|
||
|
|
||
|
Étape 1: HTML
|
||
|
=============
|
||
|
|
||
|
- Prise en main des outils de programmation.
|
||
|
- Analyse d'une page exemple pour extraire les balises
|
||
|
- Reproduction d'exemples à partir d'une page blanche
|
||
|
- Vérification de la validité du code avec W3C
|
||
|
- Rendre une page valide
|
||
|
|
||
|
Bilan:
|
||
|
|
||
|
- Le web, son origine, la principe de client serveur et le partage des responsabilités dans les techno web (HTML, CSS, JS)
|
||
|
- HTML: notion de balise (avec attributs), page blanche de base et zoologie des balises
|
||
|
|
||
|
Balises à travailler:
|
||
|
|
||
|
- Header
|
||
|
- paragraphes
|
||
|
- Listes
|
||
|
- Liens
|
||
|
- Images
|
||
|
- Tableaux (?)
|
||
|
|
||
|
Étape 2: CSS
|
||
|
============
|
||
|
|
||
|
- Integration de règles CSS dans la page exemple
|
||
|
- Application de règles CSS sur les balises (voir codingame pour cela)
|
||
|
- Sélecteurs balise/identifiant/class (`jeu autour de la sélection <https://flukeout.github.io/>`_)
|
||
|
|
||
|
Bilan:
|
||
|
|
||
|
- Différentes façon d'appliquer des règles CSS
|
||
|
- Sélecteur
|
||
|
- Quelques propriétés
|
||
|
|
||
|
Étape 3: hébergement, URL, protocole http(s)
|
||
|
============================================
|
||
|
|
||
|
- Depot d'une page sur le serveur
|
||
|
- Accès à la page depuis le navigateur
|
||
|
- Reconnaître les parties d'une URL
|
||
|
|
||
|
Bilan:
|
||
|
|
||
|
- Depot sur serveur
|
||
|
- URL et chemin de fichier
|