Aller au contenu

Activité 5 : Structure et mise en forme d'une page Web

L'objectif de cette activité est d'appréhender les rudiments pour la création de page Web. Les deux premières parties sont consacrées à la découverte des langages HTML et CSS. Vous serez alors en mesure de créer votre propre page Web dont l'objectif sera de sensibiliser les lecteurs aux risques liés à l'utilisation du Web (sécurité de navigation, vie privée, cookies...) et aux bonnes pratiques pour s'en protéger.

Votre page Web devra faire apparaître au moins les éléments suivants :

  • Un titre mis en valeur ;
  • Du texte avec plusieurs paragraphes ;
  • Au moins une image ;
  • Un lien hypertexte vers une ressource distante (site Web, vidéo...) ;
  • Une mise en forme personnalisée (quelques éléments de texte en couleur, soulignés ou en gras).

Il s'agit ici d'un minimum, n'hésitez pas à aller plus loin et à laisser libre court à votre créativité !

Info

Votre travail sera ensuite enregistré au format html puis transmis au professeur via la boîte de dépôt suivante :

Déposer le travail

Le code de dépôt vous sera communiqué en classe par le professeur.

Vous trouverez ci-après quelques ressources pour vous aider.

Outil pour créer une page Web simple⚓︎

Afin de réaliser la page Web, nous utiliserons l'application en ligne "Bacasable" :

Image title

Accéder à l'application en ligne Bacasable

Attention

Penser à sauvegarder votre travail à chaque fin de séance en cliquant sur le bouton : Image title

Un exemple de page Web simple⚓︎

Exemple d'une page Web simple

Apprendre à structurer et mettre en forme une page Web⚓︎

Le document suivant présente les bases du langage HTML et CSS. Vous trouverez quelques exercices à la fin de chaque partie pour vous entraîner à prendre en main ces deux langages.