nd SI NOM : …………. PRENOM : ………….

Création d’un site web

Professeur : Mr Khayat

Sujet du TP3 « Site Web »



TP de découverte. Application, mise en œuvre de savoirs/savoir-faire Recherche et validation de solutions. Evaluation.

CONNAISSANCES ABORDEES
Architecture client-serveur

PROBLEMATIQUE
Ecrire le code HTML d’une page Web destinée à être intégrée dans un serveur web embarqué.

CONDITIONS DE DEROULEMENT DE L’ACTIVITE
Phases de travail A) Mise en situation B) Etude de la problématique C) Synthèse

Objectifs
Découvrir le principe de transfert d’un document html avec le protocole http.

Activités
Lecture de la mise en situation. Mise en forme d’un texte avec des balises html. Mise en forme d’un document constitué de texte et d’images avec des balises html.

Se familiariser avec les balises html courantes.

Présenter un compte-rendu dans une page web.

RESSOURCES DOCUMENTAIRES, LOGICIELS ET MATERIELS

PC + Navigateur (Internet explorer, Mozilla etc..) + Répertoire du TP + Notepad++

Document élève

Lycée …………….

page :

1

nd SI NOM : …………. PRENOM : ………….

Création d’un site web

Professeur : Mr Khayat

A) Mise en situation (Rappel) [ 10mn ]
A1) Page Web

« Une page Web est une ressource du World Wide Web conçue pour être consultée par des visiteurs à l'aide d'un navigateur Web (Internet Explorer, Mozilla Firefox etc.). Elle a une adresse Web. Techniquement, une page Web est souvent constituée d'un document en Hypertext Mark-Up Language (HTML) et d'images. Cependant, tout type de ressources ou d'assemblage de ressources, textuelles, visuelles, sonores, logicielles, peuvent constituer une page Web. »

Exemple de page Web Clic droit

A2) Hypertext Markup Language (HTML)

En effectuant un clic droit sur une page Web, on accède à un menu contextuel et à la possibilité de visualiser le code de la page comme dans la copie d’écran ci-dessous.

Comment tout cela fonctionne t’il ?
(1) L’utilisateur écrit