PAGE 1. L écran du logiciel NVU. Barre de menu: Les commandes du logiciel

Transcription

1 PAGE L écran du logiciel NVU Nom du document : Nom d enregistrement Barre de mise forme: Texte, couleurs, fond,... Barre de menu: Les commandes du logiciel Barre d outils: Les boutons de commande Gestionnaire de site: Montre toutes les pages Et les images enregistrées Page active Page ouverte Lien hypertexte Méthode de visualisation de la page La fenêtre de gauche : gestionnaire de sites Montre l arborescence des pages sur le disque dur ou l ordinateur distant La fenêtre de droite : pages Permet de créer les pages au format HTML comme dans un traitement de texte. Le code créé peut être vu sous forme de Balises ou texte Source avec les onglets de Visualisation de page! Très important Pour annuler une fausse manœuvre, il faut avoir le réflexe d utiliser la commande Annuler du menu Edition Pour supprimer un objet il suffit de le sélectionner et d utiliser la touche du clavier Suppr

2 PAGE Créer un nouveau site Cliquer sur le bouton Edition des sites La case de dialogue apparaît : Ecrire le nom du site 4 Indiquer le dossier dans lequel seront placés les pages Accepter par OK 5 Le dossier se trouve dans :Classes sur Serveur SambaEdu 3 (Se3) (H:)\3 ème.\

3 PAGE 3 Enregistrer une page Ouvrir le menu fichier Choisir Enregistrer sous 3 Donner un nom à la page On donne le nom index à la ère page, le nom des titres aux suivantes 4 Indiquer le dossier dans lequel seront placés les pages Le dossier se trouve dans :Classes sur - Serveur SambaEdu 3 (Se3) (H:)\3 ème.\ C est le même que celui du nom du site. En appuyant sur la bouton actualiser Il doit apparaître dans le gestionnaire de sites

4 PAGE 4 Créer, ouvrir et gérer les pages. Créer une nouvelle page Cliquer sur nouveau. Gérer les pages Un clic sur l index permet de choisir la page active Un clic ferme la page Un double clic sur le nom ouvre la page Attention! Si la page est ouverte le double clic fait la mise à jour de la page sur un serveur distant. Il faut annuler par un clic sur ce bouton Les pages peuvent aussi être ouvertes par le menu fichier : Ouvrir un fichier

5 PAGE 5 Ecrire et modifier du texte On retrouve les boutons classiques d un traitement de texte. D autres boutons ont des fonctions spéciales comme : Augmente ou diminue la taille des caractères Place le texte dans une fenêtre Crée un alinéa Choix de la police de caractère Le texte peut être déplacé n importe où sur la page. La fenêtre agrandie ou diminuée

6 PAGE 6 Placer des images L image a été enregistrée au préalable dans le dossier élève. Par exemple sous Intenet explorer : clic droit de souris et choisir Enregistrer l image sous Cliquer sur le bouton Image L image peut-être redimensionnée ou placée dans une fenêtre comme un texte (voir page 5) Avec le bouton Dissocier du texte 3 Donner un nom Rechercher l image dans le dossier d enregistrement 4 Valider par OK

7 PAGE 7 Placer un tableau Cliquer sur le bouton Tableau Choisir le nombre de lignes et de colonnes 3 Valider par OK Pour modifier le tableau Le nombre de lignes et de colonnes. La hauteur et largeur : En pixels le tableau est fixe En % il se redimensionne avec la page et son contenu Double cliquer sur le tableau pour faire apparaître la fenêtre de réglages Le réglage des bordures : 0 : la bordure n est pas visible : la bordure fait un pixel Couleur des cellules Une bordure de 0 et une couleur de fond permet de créer des textes en colonnes comme dans une présentation d un journal

8 PAGE 8 Placer un lien Cliquer sur le bouton Lien Sélectionner le texte 3 Rechercher la page à l aide du bouton Parcourir... Accepter par OK 4 Un lien peut se placer sur un texte ou une image. Un lien peut être : une page HTML du site : exemple Formation.html une page HTML externe : exemple une image : exemple bateau.jepg un fichier à télécharger : exemple dossier.zip On ne peut pas placer un lien vers une page s il elle n a pas été créée.

9 PAGE 9 Choisir des couleurs, une image d arrière-plan Ouvrir le menu Format Cliquer sur Couleurs et fond de page... 3 Régler les couleurs Cliquer ici pour changer des couleurs Une image de fond doit avoir une taille d écran (04x 78) Pour recouvrir tout l arrière-plan

10 PAGE 0 Visualiser le site avec Internet explorer La page d index est active. Enregistrer les pages avant de visualiser le site Cliquer sur le bouton Navigateur Vérifier le fonctionnement des liens et la mise page

11 PAGE Les modes d affichage NVU a 4 modes d affichage : on utilise principalement le mode normal Mode de travail le plus courant, les ancres et les tableaux sont visibles Fait apparaître les balises du code HTML Fait apparaître le code HTML : langage de programmation reconnu par un navigateur Ce mode montre la page telle qu elle sera visualisée dans le navigateur, mais les liens ne sont pas actifs

12 Dossier d aide du logiciel de création de pages HTML NVU ( N view) L écran du logiciel NVU Créer un nouveau site Enregistrer une page Créer, ouvrir et gérer les pages Ecrire et modifier du texte Placer des images Placer un tableau Placer un lien Choisir des couleurs, une image d arrière-plan Visualiser le site avec Internet explorer Les modes d affichage Page Page Page 3 Page 4 Page 5 Page 6 Page 7 Page 8 Page 9 Page 0 Page