introduction : nvu
Transcription
introduction : nvu
B.BINET TD N°3 INTRODUCTION : NVU Nvu vous permet de créer vos propres pages Web, puis de les publier sur Internet. Créer une nouvelle page Nvu est un éditeur HTML permettant de créer et de modifier des pages Web. Éditeur WYSIWYG, le composeur permet de voir exactement la façon dont la page sera affichée à mesure de sa création. Il n'est pas nécessaire de connaître le langage HTML, dans la mesure où la plupart des fonctions HTML sont disponibles sous la forme de commandes dans les barres d'outils et les menus. Nvu vous permet également d'éditer le code source HTML si vous le désirez. Pour voir ou éditer le code source HTML, ouvrez le menu Affichage, et choisissez Source HTML, ou cliquez sur l'onglet <HTML> Source dans la barre d'outils Modes d'édition au bas de la fenêtre de Nvu. B.BINET TD N°3 Pour créer une page Web, procédez comme suit. Une fois que vous avez entamé une page, vous pouvez ajouter et modifier du texte tout comme dans un traitement de texte. Pour créer une nouvelle page dans Nvu : • Cliquez sur le bouton Nouveau dans la barre d'outils de Nvu. Pour commencer à partir d'un fichier HTML stocké sur votre disque dur : 1. Ouvrez Nvu. Vous verrez alors la fenêtre Nvu. 2. Ouvrez le menu Fichier et choisissez Ouvrir un fichier. La boîte de dialogue Ouvrir un fichier HTML apparaîtra. 3. Sur votre disque dur, sélectionnez le fichier que vous voulez modifier. 4. Cliquez sur Ouvrir pour afficher le fichier spécifié dans une fenêtre Nvu. Pour modifier une page Web : 1. Ouvrez Nvu. 2. Cliquez sur le menu Fichier et choisissez Ouvrir une page Web. Vous verrez apparaître la boîte de dialogue Ouvrir une page Web. 3. Saisissez l'adresse URL de la page à éditer (par exemple, http://www.mozilla.org) et cliquez sur le bouton Ouvrir. Vous verrez alors la page s'afficher dans Nvu. Conseil : dans la fenêtre de Nvu vous pouvez rapidement ouvrir les derniers fichiers sur lesquels vous avez travaillé en ouvrant le menu Fichier, en choisissant Pages récentes puis le fichier que vous désirez dans la liste. Enregistrer et tester votre nouvelle page Vous pouvez enregistrer des documents créés avec Nvu au format HTML et texte uniquement. L'enregistrement d'un document au format HTML conserve sa mise en forme, notamment les styles de texte (par exemple, gras ou italique), les tableaux, les liens et les images. L'enregistrement au format texte uniquement supprime toutes les balises HTML mais conserve le texte. Pour enregistrer un document au format HTML : • Ouvrez le menu Fichier et choisissez Enregistrer ou choisissez le bouton correspondant dans la barre d'outils. Si vous n'avez pas encore donné de titre à la page, Nvu vous invite à le faire. Le titre s'affiche dans la barre de titre de la fenêtre du navigateur lorsque vous y affichez la page. Il apparaît également dans votre liste de marque-pages, le cas échéant. B.BINET TD N°3 Nvu vous invite ensuite à choisir le chemin d'enregistrement. Veillez à conserver l'extension .html du nom de fichier. Pour changer le nom ou l'emplacement d'un fichier HTML existant : • Choisissez Fichier > Enregistrer sous pour attribuer à la page un autre nom de fichier ou un autre emplacement. Lorsque vous enregistrez une page dans Nvu, tous ses éléments (le code HTML, les images et les autres fichiers tels que des fichiers son et des feuilles de style), sont enregistrés localement sur votre disque dur. Si vous désirez sauvegarder uniquement le code HTML, vous devez modifier les préférences de Nvu concernant la sauvegarde des pages. Si le chemin d'une image est absolu (commençant par http://) et que vous êtes connecté à Internet, vous verrez toujours cette image dans le document depuis les fenêtres de Nvu et du navigateur. Cependant, si l'adresse de l'image est relative par rapport à celui de la page (commençant par file:///), alors vous ne verrez pas l'image dans la version locale du document. Pour enregistrer un document au format texte uniquement : 1. Ouvrez le menu Fichier et choisissez Exporter au format texte. 2. Entrez le nom du fichier et son emplacement d'enregistrement. Remarque : les images ne s'affichent pas dans les documents enregistrés au format texte. Conseil : vous pouvez aussi choisir Restaurer dans le menu Fichier pour récupérer la dernière version enregistrée du document sur lequel vous travaillez. N'oubliez pas que les modifications en cours seront perdues. Pour afficher la page dans une fenêtre du navigateur afin de tester les liens : • Ouvrez le menu Fichier et sélectionnez Aperçu dans le navigateur (ou cliquez sur le bouton Navigateur dans la barre d'outils). Si vous n'avez pas encore enregistré le document, Nvu vous invite à entrer un titre de page, un nom de fichier et un emplacement. La fenêtre de Nvu reste ouverte en arrière-plan de la nouvelle fenêtre du navigateur. B.BINET TD N°3 MISE EN ŒUVRE DE NVU : Exercice N°1 : L’objectif de cet exercice est de réaliser une page WEB avec un lien permettant De naviguer sur plusieurs moteurs de recherche, pour chacun d ‘eux préciser un texte de présentation Citons par exemple, google, voilà, etc… Exercice N°2 Réaliser plusieurs page Web liés les unes au autres sur le thème de « votre cv » On souhaite : Sur la page 1 (accueil) : Les informations nom, prénom, adresse, téléphone, mail Sur la page 2 : La description de votre cursus scolaire avec des liens sur les établissements fréquentés Sur la page 3 : Vos stages en entreprise Sur la page 4 : Vos loisirs (également quelques liens en rapport) Les pages 2,3,4 sont accessibles directement depuis la page 1. Les pages 2,3,4 permettent de retourner sur la page 1 Exercice N°3 Créer une page possédant plusieurs images avec des animaux, ensuite un clique sur une image doit fournir l’accès à des liens présentant ces animaux.