Chapitre 1 : Web statique
Elizabeth J. Feinler est une informaticienne américaine, pionnière de l'internet. Entre 1972 et 1989, elle est directrice du Network Information Center (NIC) au Stanford Research Institute (SRI International). En 1972, Feinler dirige la section de recherche de la bibliothèque du SRI quand l'ingénieur Doug Engelbart l'a recrute pour rejoindre l'Augmentation Research Center (ARC), un centre de recherche parrainé par l'Agence pour les projets de recherche avancée de défense (DARPA). Sa première tâche fut d'écrire un guide des ressources pour la première démonstration de l'ARPANET à la Conférence internationale Communication Computer. En 1974, elle est la principale investigatrice pour créer le nouveau Network Information Center (NIC) de l'ARPANET.
Le langage HTML (HyperText Markup Language) permet de décrire la structure et le contenu d’une page web (on parle alors de langage descriptif). Cette description est réalisée à l’aide d’un balisage hypertexte qui est ensuite interprété par le navigateur pour afficher le contenu de la page web.
Le langage CSS (Cascade Style Sheets) permet de modifier les apparences par défaut des différentes balises HTML.
Le but de ce chapitre est de rappeler et approfondir, à travers deux TP à faire en autonomie, quelques éléments clés des langages HTML et CSS vus en classe de Seconde en SNT. Ces différents éléments sont ensuite utilisés pour créer un site Web statique.
On propose le déroulé suivant :
- un premier TP (TP1 HTML) présentant quelques éléments clés du langage HTML avec une fiche de synthèse à réaliser et à présenter. Les élèves utiliseront le document ressource Introduction au HTML5 disponible en téléchargement ;
- un deuxième TP (TP2 CSS) présentant quelques éléments clés du langage CSS avec une fiche de synthèse à réaliser et à présenter. Les élèves utiliseront les documents ressources Introduction au HTML5 et Introduction au CSS3 disponibles en téléchargement ;
- un point de cours bilan reprenant l'essentiel de ce qui a été vu dans le deux TP précédents ;
- un troisième TP (TP3 projets) permettant de mettre en oeuvre les notions vues précédemment en HTML et CSS à travers la réalisation d'un site Web statique.
Afficher le TP1 (HTML)
Afficher le TP2 (CSS)
Afficher le cours
Afficher le TP3 (projets)
