Sommaire Collège Philippe de Commynes - Aide en ligne pour les enseignants Sommaire

Récupérer, modifier, mettre à disposition
une page du web

Accéder à une page du oueurlde ouaïde ouèbe "en local" (sans connection à l'Internet) peut présenter un intérêt :

  • on ne dépend pas de la qualité de la connexion;
  • on remplace la frappe d'une URL compliquée par un double-clic sur un raccourci placé dans le dossier "Données" de la classe;
  • on peut éventuellement modifier la page (ôter des liens vers des sites indésirables, adapter le texte, remplacer une image...);
  1. "Récupérer" une page du web.
  2. La mettre à disposition des élèves.
  3. La modifier avec un simple éditeur de texte.
 Pour récupérer en local un site complet
(= pas seulement une page), voir là.
  

"Récupérer" une page du web.

  • Affichez la page dans votre navigateur Internet.
     
  • Cliquez sur Fichier >>> Enregistrer sous...

Si la commande Fichier n'est pas accessible, ouvrez la page dans un autre navigateur (Mozilla-Firefox au lieu d'Internet Explorer, par exemple).
  1. Parcourez vos répertoires pour choisir un point de chute.
     
  2. Créez un nouveau dossier.
     
  3. Choisissez comme type de fichier "Page Web complète ".
     
  4. Enregistrez.
Vous avez donc un nouveau dossier :
(Un regret pour le nom choisi? Renommez-le.)

Dans votre dossier:

  • La page web (de type HTML ) [A]
     
  • Un dossier contenant les objets complémentaires
    (images, sons, animations, etc.) [B]

Vous pouvez renommer la page pour plus de commodité pour les élèves (en conservant bien l'extension ".html " , ".htm " ou ".php ".
Ne renommez pas le dossier. (Ou alors reportez-vous à la section Modifier la page web plus bas.
Il suffit de double-cliquer sur l'icône de ce document : ou pour ouvrir la page dans votre navigateur, même hors-connexion.
  

Mettre la page à disposition des élèves.

Il faut copier le dossier (contenant la page web + le dossier des éléments compléméntaires) dans le répertoire "données " de la classe concernée.

  • Poste de travail
  • Groupes
  • Profs-c--- (= n°de la classe) [exemple: profs-c401 pour la 3ème A]
  • Classe
  • Données

Les élèves ont accès à ce répertoire, mais ils ne peuvent pas effacer le dossier accidentellement.

Pour vous remettre en tête l'organisation du réseau, voyez la page sur l'utilisation du réseau sur ce site.
  

Modifier une page web avec les moyens du bord.

Avant tout :    
ouvrez le dossier contenant la page web enregistrée; double-cliquez sur la page enregistrée pour l'ouvrir dans votre navigateur.

Ouvrez le dossier contenant la page web enregistrée:

  1. Clic droit ;
  2. Ouvrir avec...
  3. choisir Wordpad ou le Bloc-notes (ou un autre éditeur de texte basique).

Si ces logiciels ne se trouvent pas dans la liste :

  • cliquez sur Choisir le programme;
  • cherchez dans la liste plus complète qui s'ouvre alors;
  • ne cochez surtout pas la case "toujours utiliser ce programme pour ouvrir ce type de fichier ".

Vous vous trouvez devant une page de code html (pour vous, c'est probablement du chinois parlé par un guatémaltèque bègue).

Pas d'inquiétude : nul besoin de connaître ce code pour ce qui suit.

À partir de là, vous ferez l'aller-retour entre la page de code dans l'éditeur de texte (Wordpad ou le Bloc-notes) et la page web "en clair" afin de vérifier le résultat de vos modifications.

  • On modifie;
     
  • on enregistre (Fichier >> Enregistrer ou touches Ctrl+s );
     
  • on actualise la page web pour voir le résultat (boutons ci-contre ou touche F5 en haut du clavier);
     
  • si on s'est planté, on annule (bouton ci-contre, ou touches Ctrl+z, ou Édition >> Annuler ).
Boutons Actualiser (= recharger la page) :
Internet Explorer
Mozilla Firefox
Opéra
Bouton Annuler

Et si vous faites une bourde que vous ne pouvez plus réparer, rappelez-vous que vous pouvez re-télécharger une jolie page toute neuve sur le web et recommencer.

Exemple de modification n° 1

Vous voulez supprimer ce préambule :

repérez le premier et
les derniers mots.

Dans la page de code (ouverte avec Wordpad ou le Bloc-notes):

  • repérez ce passage
    (aidez-vous de la fonction Rechercher :
    Édition >> Rechercher );
     
  • mettez-le en surbrillance (voir ci-contre);
     
  • touche Suppr (ou Del) (ou clic-droit >> Supprimer ).
     
  • Vérification: enregistrez, retournez voir la page web, actualisez-la (voir deux paragraphes plus haut ), constatez.

Exemple de modification n° 2

Vous voulez ajouter ou modifier du texte :

procédez comme ci-dessus:

  • repérage des premiers et derniers mots sur la page web;
  • on les retrouve dans le code;
  • taper du texte à la place ou dans le passage en question.
ATTENTION: ne modifiez pas les < balises > (entre < et > ) sans y réfléchir, ce sont les instructions pour la mise en page, les liens, etc.

Exemple de modification n° 3

Vous voulez supprimer un lien hypertexte (un mot cliquable qui vous envoie ailleurs sur le web).

Vous avez repéré un lien à supprimer
(la cible n'est pas pertinente pour vos élèves, ou le lien est "mort": la page-cible n'existe plus, ou vous voulez éviter le nomadisme, etc.).

Notez bien le(s) mot(s) et le contexte.

Retrouvez ces mots dans le code:

La balise d'un lien hypertexte se présente ainsi:

  • avant les mots-liens:
    <a href="cible_du_lien" + autres indications possibles>
  • les mots-liens (ici: "Click here for help")
  • après les mots-liens:
    </a> (pour "fermer" la balise).

Supprimer depuis <a href... jusqu'à </a> : La zone cliquable disparaît.

Si on supprime les balises avant et après le texte (= rose et vert sur l'illustration), le texte demeure mais n'est plus cliquable.

Exemple de modification n° 3

Vous voulez modifier un lien hypertexte (changer la cible pour une page web de votre choix).

Tapez ou copiez-collez l'URL (= l'adresse) de votre page à la place de celle existante (en conservant bien les guillemets).

Si vous voulez que le lien pointe vers une page en local (= enregistrée sur le réseau), enregistrez-la dans le même dossier que votre page principale et indiquez simplement son nom, sans http://etc.

Exemple:

  • vous avez une page web (+ son dossier de fichiers) récupérée sur le web; vous l'avez nommée australia_is_good_fun.html.
  • Mettez-la, ainsi que son dossier de fichiers compléméntaires, dans le dossier où se trouve la page principale d'où part le lien.
  • Vous taperez donc <a href="australia_is_good_fun.html" ...>Click here for help</a>

Y a plus qu'à...

© Bruno Bourguedieu