Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au...

16
Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la page sur la disquette ou le disque dur Troisième étape : créer des tableaux à contours invisibles pour faciliter la mise en page Quatrième étape : insérer un texte au format Word Cinquième étape : insérer un fichier image au

Transcript of Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au...

Page 1: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

• Prologue: les premiers préparatifs• Première étape: Ouvrir le logiciel de création de pages au format HTML (pages Web)• Deuxième étape: enregistrer la page sur la disquette ou le disque dur• Troisième étape: créer des tableaux à contours invisibles pour faciliter la mise en page• Quatrième étape: insérer un texte au format Word• Cinquième étape: insérer un fichier image au format GIF ou JPEG• Sixième étape: créer des cibles et des liens pour faciliter la navigation dans votre page

Page 2: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

• Avant toutes choses, effectuez une lecture lecture approfondi du sujetapprofondi du sujet. Elaborez un planplan.

• Rassemblez tous les documents se rapportant à celui-ci. rédigez les textes et titres au brouillon. Ce textes et titres au brouillon. Ce textetexte devra être devra être compréhensiblecompréhensible par le public par le public ciblé. ciblé.

• Les Les images, photos, graphiquesimages, photos, graphiques … illustrant vos … illustrant vos différentes parties, seront numérisés et enregistrés différentes parties, seront numérisés et enregistrés au format au format JPEGJPEG (résolution 75 dpi) dans un (résolution 75 dpi) dans un nouveau nouveau dossierdossier que vous intitulerez "mon site". Le but étant que vous intitulerez "mon site". Le but étant d ’alléger la page pour accélérer son affichage.d ’alléger la page pour accélérer son affichage.

Page 3: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

Le nom du fichier ne doit pas dépasser

8 caractères.

Choisir le format GIF ou JPEG

Dossier dedestination

Page 4: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

• Sur la fenêtre du navigateurnavigateur, repérez l’icôneicône représentant un stylostylo (en bas à droite de la fenêtre). Cliquez dessus. Une page vierge de Netscape Netscape composercomposer s’ouvre alors.

Cliquez sur cet icône pour

ouvrir Netscape Composer

• Double cliquez sur l’icône de Netscape composer du bureau.

Page 5: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

• Dans FichierFichier, cliquez sur enregistrer enregistrer (ou sur l ’icône « enregistrer » de la barre des tâches). Une fenêtre s’ouvre alors.

• Complétez les différentes rubriques :

1. Taper un nomnom de votre choix (par exemple votre prénom). Attention : il faut choisir un nom court (8 caractères maxi), sans accent et sans ponctuation.

2. Sous la rubrique formatformat: s’il n’apparaît pas, sélectionner HTML ou HTM dans le menu déroulant.

3. Choisir l’emplacementemplacement : dans le menu déroulant sélectionner le dossier dans lequel vous souhaitez enregistrer votre page web en double cliquant dessus. On choisira le dossier créé pour cette occasion: "mon site".

Page 6: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

Cliquez sur enregistrer

ici ou dans le menu « fichier »

Dossier de destination: emplacement

Nom du fichier: 8 caractères maxi

et sans caractères spéciaux ou accents

Format du fichier:

htm ou html

Page 7: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

• Dans la barre d’outilsbarre d’outils, cliquez sur TableauTableau. Dans la fenêtre qui s’ouvre, choisir 2 lignes et 1 colonne et des bordures bordures invisiblesinvisibles de 0 pixels. Cliquez sur OK. Ce tableau servira de cadre général pour la page.

• Revenu dans la page Web, placez le curseur dans la première ligne du tableau. Tapez un titre qui présentera le contenu de la page Web. Placez ensuite le curseur sur la deuxième ligne.

• En suivant la procédure décrite précédemment, créez un nouveau tableaunouveau tableau (sous le titre et dans le premier tableau). Celui-ci peut comporter 2 colonnes et un nombre de lignes correspondant au nombre de parties de votre exposé. Pensez à sélectionner des bordures invisibles (0 pixels).

Page 8: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

Pour avoir une bordure invisible,

tapez 0

Définir le nombre

de lignes et de colonnes

Cliquez ici pour créer un tableau

Page 9: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

• Ouvrir le fichier Word le fichier Word qui comporte le texte.

• Avec la souris et en maintenant le doigt sur le bouton gauche, sélectionnez l’ensemble de votre composition. Lâchez le bouton. Placez le pointeur dans la zone surlignée. Cliquez sur le bouton droit et choisissez : copiercopier.

• Fermer Word pour revenir à votre page Web. Placez le pointeur dans une des cases du deuxième tableau. Cliquez droit et sélectionnez : collercoller. Votre texte doit alors apparaître. En utilisant la barre d’outils, vous pouvez modifier : la taille, la couleur, la taille et la nature de la police. Il est conseillé de choisir la police Arialpolice Arial car elle est prise en charge par tous les navigateurs.

Page 10: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

Surlignez le texte à transféreren maintenant le doigtsur le bouton gauche

Utilisez le boutondroit de la souris

pour copier

Page 11: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

• En face de votre texte, vous pouvez insérer un fichier insérer un fichier imageimage : photo, dessin, graphique. Les fichiers sont disponibles dans le dossier "mon site".

• Mettre le curseur dans la colonne vide du deuxième tableau. Dans la barre d’outils, cliquez sur insérerinsérer puis sur fichierfichier. Une fenêtre s’ouvre. Cliquez sur “adresse de l’image ”. En utilisant le menu déroulantmenu déroulant aller dans le dossier "mon site". Choisir un fichierChoisir un fichier en cliquant dessus. Cliquez sur OKCliquez sur OK deux fois de suite dans les différentes fenêtres. L’image apparaît alors dans votre tableau. En cliquant dessus et en tirant sur les tirant sur les poignéespoignées avec la souris, vous pouvez modifier la taille de l’image.

Page 12: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

Cliquez sur ce boutonpour aller chercherl ’image à insérer

Cliquez sur ce boutonpour insérer une image

Définir les propriétésde l ’image

Page 13: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

• En bas de votre page et dans le cadre du premier tableau, insérez une flècheinsérez une flèche. Vous pouvez trouver des flèches sur Internet (Gograph.com) ou au collège sur l'ordinateur de SVT. Pour insérez cette flèche, vous appliquerez la démarche décrite précédemment.

• Avec la souris, noircir le titrenoircir le titre de la page. Et cliquez sur “ciblecible” de la barre d’outils. Le titre apparaît dans une fenêtre. Cliquer sur OK pour créer la cible.

• Revenir au bas de votre page. Cliquez sur la flèche. Celle-ci est alors encadrée. Cliquez sur le bouton: “créer un liencréer un lien” de la barre des tâches. Dans la fenêtre qui s’ouvre, cliquer sur le nom de la cible créée précédemment. Cliquez sur OK pour créer un lien de la flèche vers le haut de la page. Le lien ne fonctionne pas dans Netscape composer.

Page 14: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

Surligner letexte qui

servira decible

Cliquez ici pour créer une cible

Vous pouvez modifierle nom de la cible

Page 15: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

Cliquez ici pour créer un lien

Sélectionnez la cible

vers laquelle vous voulez créer un lien

Page 16: Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.

REMARQUESREMARQUES:

- Pensez à enregistrer votre composition de temps en temps.

- A la fin du travail, vous pouvez tester vos liens et la mise en page en cliquant sur “aperçu ”. La page apparaîtra alors comme si vous la consultiez sur Internet.