Bertrand Benjamin
9cadad6cb3
All checks were successful
continuous-integration/drone/push Build is passing
69 lines
1.8 KiB
ReStructuredText
69 lines
1.8 KiB
ReStructuredText
WEB
|
|
###
|
|
|
|
:date: 2020-09-08
|
|
:modified: 2020-09-09
|
|
:authors: Benjamin Bertrand
|
|
:tags: Web
|
|
:category: SNT
|
|
:summary: Séance sur le web et les languages du web
|
|
|
|
Étape 1: Modifier du HTML
|
|
=========================
|
|
|
|
Discussion autour des languages du web (HTML, CSS, javascript)
|
|
|
|
Modification d'une page html avec l'inspecteur.
|
|
|
|
Modification d'une page web à partir du code source.
|
|
|
|
.. image:: 1E_modifier_HTML.pdf
|
|
:height: 200px
|
|
:alt: Langages du web et première modifications de pages.
|
|
|
|
Cours: languages du web.
|
|
|
|
.. image:: ./1B_langage_web.pdf
|
|
:height: 200px
|
|
:alt: Bilan de la séance 1 sur les languages du web
|
|
|
|
Étape 2: Étudier du HTML
|
|
========================
|
|
|
|
.. image:: ./2P_etude_web.pdf
|
|
:height: 200px
|
|
:alt: Consigne pour l'étude du web
|
|
|
|
À partir de la page à balises, les élèves doivents retrouver les balises qui entoure le contenu affiché sur la page.
|
|
|
|
.. image:: ./2E_etude_web.pdf
|
|
:height: 200px
|
|
:alt: Retrouver les balises html
|
|
|
|
Cours: Le language html et les balises html
|
|
|
|
.. image:: ./2B_html.pdf
|
|
:height: 200px
|
|
:alt: Bilan sur les balises html
|
|
|
|
Étape 3: Écrire du HTML
|
|
=======================
|
|
|
|
Rédaction d'une page web à partir de la page blanche sur l'histoire du web à partir de la vidéo: ...
|
|
|
|
Cours: les erreurs courantes et la validation avec W3C.
|
|
|
|
Étape 4: Mettre en ligne un page HTML
|
|
=====================================
|
|
|
|
Enregistrement des pages sur l'histoire du web sur le serveur du lycée.
|
|
|
|
Étape 5: Reproduire une page HTML
|
|
=================================
|
|
|
|
Devoir maison (qui débordera sur les vacances).
|
|
|
|
On donne une page web et les élèves vont devoir la reproduire. Ce devoir sera donné plusieurs semaines en avance pour que les élèves aient le temps d'y travailler dessus et de poser des questions en classe avant.
|
|
|
|
|