Activité 2 : Comment créer une page web ?

Moteur de recherche : principes des usages

Distinguer ce qui relève du contenu d’une page et de son style
de présentation.
Étudier et modifier une page HTML simple

Objectif de la séance

Concevoir des pages web en utilisant un langage de balisage.

Utiliser une « feuille de style  » pour la mis en forme de nos pages.

Questionnement

Quel est le langage pour concevoir des pages web ?

Qu’est-ce que le CSS ?

Reformulation (sur votre feuille)

_ Aucune

 

Mes hypothèses (sur voter feuille)

_ je pense 

– je pense

– Je pense 

 

Travail 1

Travail à faire

_ A partir d’une page WEB, analyser son code afin de s’approprier la syntaxe du langage HTML

Activité Libre Office

Activité PDF

Consignes pour démarrer

Créer un site internet 1/5

Créer un site internet 2/5

A retenir

Travail 2

Travail à faire

_ A partir d’une page WEB, insérer des images en indiquant des chemins différents

Activité Libre Office

Activité PDF

Fichier zippé à télcharger

Insérer des images

Insérer un lien

Création d’un lien : 1mn 47 s

Fiche mémo inserer une image

Fiche memo insérer un lien hypertext

Travail 3

Travail à faire

_ A partir d’une page WEB, analyser son code afin de s’approprier la syntaxe du langage CSS

Activité Libre Office

Activité PDF

Fichier zippé à télcharger

Ressource site html

Insérer un lien

ressource CSS

ressource CSS couleur

Fiche mémo CSS

Travail entraînement, remédiation

Travail à faire

_ Faire ses pages web pour présenter ses idées d’enseignement de spécialités pour la classe de première.

Vous pouvez utiliser l’exemple donné.

Vous pouvez modifier les fichier css1.html et style.css (voir fichier ressources site au travail 1 et 2).

Ne pas oublier de changer l’extension html en txt pour modifier votre page html.

Enregistrer les modifications en changeant l’extension de txt à html comme vu en cours.

Activité Libre Office

Activité PDF

Ma synthèse

Faire sa carte mentale de ce qui a été appris aujourd’hui. (avec l’aide du professeur)

Fiches de structuration des connaissances

Le Web

Le Web 2