Insérer un lien dans une page Web.

Objectifs de cette partie :

Rédiger une première page html

Pré-requis On suppose qu’ont été vues les notions de :

Notions abordées

  • création d’une page html ,mise en ligne

activités en classe :

    • Chaque groupe se voit attribué un des thèmes (de a à g) référencés plus bas. Il rédige un article de 4 paragraphes de quelques lignes dans notepad++ portant sur le thème attribué.
    • N’hésitez pas à employer Wikipédia, notre objectif ici n’est pas de rédiger par vous même mais de citer de l’information fiable.
    • Thèmes :
    • a) persistance de l’information, b) addiction aux nouvelles technologies, c) fracture numérique, d) big data, e) informatique dans les nuages, f) intelligence artificielle, g) cyber criminalité, h) cryptographie.

L’article est ensuite inséré paragraphe par paragraphe dans un fichier html très basique nommé act1_a.html ( act1_b.html etc.)

Il nous servira à créer la structure de la page :


  • <html>
  • <head>
  • <title> Votre thème </title>
  • </head>
  • <body>
  • <h1 id="titre"> Votre thème </h1>
  • <h2> Sous titre 1 </h2>
  • <p> votre premier paragraphe </p>
  • <img src="l'adresse de votre première image">
  • <h2> Sous titre 2 </h2>
  • <p> votre second paragraphe </p>
  • <img src="l'adresse de votre seconde image">
  • etc.
  • <h2> Sources </h2>
  • <a href="./index.html"> Retour au sommaire</a>
  • </body>
  • </html>


Des liens vers les sources et vers la racine du site de la classe :

<a href="./index.html"> Retour au sommaire </a> sont introduits et correctement référencés.

Le fichier est alors testé localement de façon exhaustive (chaque mot, chaque image, chaque lien etc.).

Un problème apparait avec le lien ./index.html lors du test local.

L’expliquer dans un mail au professeur et proposer une solution avec le nom du groupe. Le premier groupe à fournir une réponse correcte gagnera des points.

Le fichier et les images associées sont déposés sur le serveur ftp de free à l’aide de FileZilla

A l’heure actuelle, les connexions FTP depuis le lycée vers un serveur situé à l’extérieur sont bloquées et je ne peux rien y faire. Cette partie est donc à terminer chez vous !

Je proposerai une résolution partielle du problème avec des tests LOCAUX, sur ma machine.hôte :ftpperso.free.fr login : icnqueneau mdp : zaziemetro

  • Dossier : snt/
  • Comment utiliser FileZilla ? Ici
  • Tester les pages en ligne.
  • Si vos fichiers sont déposés au bon endroit et nommés correctement les liens de la page précédente doivent fonctionner.
  • Tous les fichiers sont déposés sur google drive dans le sous-dossier de votre dossier ICN intitulé “module2” partagé avec le camarade. Si les partages sont réalisés correctement, je devrais aussi y avoir accès.
  • Aider les autres groupes dans leur travail