Parcours guidé : créer des pages simples au format html avec Nvu 28/1/10

Dimension: px
Commencer à balayer dès la page:

Download "Parcours guidé : créer des pages simples au format html avec Nvu 28/1/10"

Transcription

1 Table des matières 1. AVANT-PROPOS PRESENTATION DE NVU CARACTERISTIQUES PRINCIPALES DE NVU OBJECTIF DE CE DOCUMENT PRE-REQUIS NECESSAIRES MODE D'EMPLOI DU DOCUMENT CONDITION DE REUTILISATION DE CE DOCUMENT PREPARER SON ENVIRONNEMENT DE TRAVAIL UTILISER LE DOSSIER SYSTEME «MES DOCUMENTS» RECUPERER LE PROGRAMME D'INSTALLATION DE NVU RECUPERER LE FICHIER ARCHIVE «DL_HTML.NVU.ZIP» RECUPERER LE DICTIONNAIRE FRANÇAIS D'OPENOFFICE.ORG POUR NVU RECUPERER 7-ZIP (FACULTATIF) INSTALLER NVU INSTALLER 7-ZIP (FACULTATIF) INSTALLER LE DICTIONNAIRE FRANÇAIS DECOMPRESSER LE FICHIER ARCHIVE «DL_HTML_NVU.ZIP» AFFICHER LES EXTENSIONS DE FICHIERS CREER UNE ARBORESCENCE POUR LE SITE DECOUVRIR L'INTERFACE DE NVU LANCER L'EXECUTION DE NVU IDENTIFIER LES PRINCIPAUX ELEMENTS DE L'INTERFACE DE NVU MASQUER LA FENETRE DE GESTION DE SITES PARAMETRER NVU PERSONNALISER LES BARRES D'OUTILS CREER UNE PREMIERE PAGE HTML DEMARRER NVU SAISIR DU TEXTE ENREGISTRER LA PAGE AFFICHER LA PAGE DANS UN NAVIGATEUR MODIFIER LE TITRE AFFICHER LE CODE SOURCE DE LA PAGE MISE EN FORME DU TEXTE MISE EN FORME DE PARAGRAPHE IDENTIFIER LES BALISES DE TITRE MISE EN FORME DE CARACTERES CHOIX DES COULEURS MODIFIER LE FOND DE LA PAGE INSERTION D'IMAGE UTILISER UNE IMAGE DE FOND INSERER DES IMAGES DANS LA PAGE Travail préparatoire Insérer une image IDENTIFIER LA BALISE «IMG» GESTION DES TABLEAUX : CREATION D'UNE BARRE DE NAVIGATION CREATION DE LA BARRE IDENTIFIER LES BALISES HTML DES TABLEAUX MODIFIER LES PROPRIETES DU TABLEAU IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 2 / 38

2 7.4. MODIFIER LES PROPRIETES DES CELLULES FUSIONNER LES CELLULES D'UN TABLEAU CREER DES LIENS HYPERTEXTES CREER DES LIENS INTERNES VERS D'AUTRES PAGES DU SITE IDENTIFIER LA BALISE <A> CREER DES LIENS EXTERNES VERS DES PAGES D'INTERNET Récupération de l'adresse Création du lien Préciser la cible du lien CREER DES LIENS INTERNES VERS DES DOCUMENTS TRAVAIL PREPARATOIRE CREATION DES LIENS CREER DES «ANCRES» DANS UN DOCUMENT LONG ère étape : création des ancres nde étape : création des liens hypertextes vers les ancres UTILISER LES FEUILLES DE STYLE TRAVAIL PREPARATOIRE CREATION D'UNE FEUILLE DE STYLE INTERNE CREER UNE FEUILLE DE STYLE EXTERNE Création de la feuille de style externe Lier une feuille de style à une page web CREER DE NOUVEAUX STYLES Créer un nouveau style Modifier le style «.barrenav» Attribuer un style à une balise LES PRINCIPALES BALISES HTML FICHIER HTML MISE EN FORME DES CARACTERES MISE EN FORME DE PARAGRAPHES LISTES HYPERLIENS IMAGES TABLEAU IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 3 / 38

3 1. Avant-propos 1.1. Présentation de Nvu Nvu (se prononce n-view en anglais) est un logiciel libre de création de site web pour Linux et Windows qui se donne pour objectif de rivaliser avec Frontpage de Microsoft ou Dreamweaver de Macromedia. Adresse du site officiel : «http://www.nvu.com/index.html» Adresse du site français : «http://frenchmozilla.sourceforge.net/nvu/» Nvu est encore perfectible mais il permet déjà de créer facilement un petit site web. N-B : ce parcours guidé utilise la version nvu-1.0-win32-installer-fr.exe Caractéristiques principales de Nvu éditeur de page web WYSIWYG 2 aussi facile à utiliser qu'un traitement de texte. Mise à jour de site web distant par FTP. Production de code HTML compatible avec tous les navigateurs courants. Bascule d'affichage WYSIWYG / code source HTML / Aperçu. Éditeur multi-documents à l'aide d'onglets. Prise en charge avancée des formulaires et des tableaux. Gestion des feuilles de style Objectif de ce document Proposer un parcours guidé permettant à un enseignant de créer un petit site web, c'est à dire un ensemble de pages simples au format html pouvant «contenir» des images, des tableaux, des liens hypertextes internes ou externes, vers d'autres pages au format html ou vers des documents dans des formats standard : Acrobat «PDF», Flash «SWF», Rich Text Format «RTF», «ZIP»,... par exemple pour publier sur un intranet d'établissement. N-B : la publication sur un site web, un cédérom, un intranet n'est pas abordé dans ce document Pré-requis nécessaires Savoir gérer (créer, supprimer, copier, renommer) des dossiers et des fichiers sur son ordinateur. Avoir navigué sur Internet, et en particulier : * savoir saisir une adresse web (URL) dans la barre d'adresse du navigateur, * utiliser les boutons «Page précédente», «Page suivante», «Actualiser»,... * savoir récupérer un fichier depuis un site web vers son ordinateur. Savoir utiliser les fonctions de base du traitement de texte. Savoir décompresser un fichier archive zip Mode d'emploi du document Ce document vous propose un parcours guidé : Les paragraphes encadrés d'un trait simple ombré avec l'icône objectifs des activités proposées juste après. présentent la démarche et les Les paragraphes encadrés doubles avec l'icône présentent des concepts. contiennent des informations générales ou Les paragraphes avec un trait vertical double à gauche décrivent les tâches à réaliser. L'icône en début de ligne précise la nature des activités demandées : il faut utiliser la souris, il faut utiliser le clavier, l'ordinateur réalise l'action, il faut observer, il faut répondre par écrit sur le document. 2 What You See Is What You Get. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 4 / 38

4 1.6. Condition de réutilisation de ce document Le contenu de ce document est soumis à la licence «Public Documentation licence» dont le contenu peut être consulté à l'adresse : «http://www.openoffice.org/licenses/pdl.html». Cela signifie que vous êtes libre de le reproduire, le recopier, le réutiliser, le modifier et le distribuer à condition de lui attribuer les mêmes libertés de copie, d'utilisation etc. Vous pouvez télécharger la dernière version de ce document sur mon espace personnel : «http://tice.caen.iufm.fr/tice/members/dlachiver». 2. Préparer son environnement de travail Nous allons installer la dernière version française de Nvu. De plus, nous aurons besoin d'un fichier archive contenant des documents nécessaires à la réalisation de ce parcours guidé. Enfin, nous modifierons la configuration de Windows Utiliser le dossier système «Mes Documents» Le dossier «Mes Documents» est un dossier système dont l'emplacement réel peut varier suivant la configuration de votre ordinateur, particulièrement dans un environnement réseau. Windows XP propose dans ses boîtes de dialogues «Fichier Ouvrir» ou «Fichier Enregistrer», un accès rapide au dossier «Mes Documents» comme dans la figure ci-contre à droite. Dans la suite de ce parcours nous utiliserons ce dossier «Mes Documents». N-B : Bien entendu, vous pouvez utiliser un autre dossier, il faudra alors adapter la suite de ce parcours en conséquence Récupérer le programme d'installation de Nvu Dans un premier temps, nous allons récupérer le programme d'installation du logiciel Nvu. Ouvrir votre navigateur web préféré (Firefox, Internet Explorer ou Mozilla par exemple). Saisir l'url «http://tice.caen.iufm.fr/tice/» Le navigateur affiche la page d'accueil du portail «TICE de l'iufm de Basse-Normandie». A gauche dans la zone de navigation, cliquer sur «Membres», puis sur «D. Lachiver». Le navigateur affiche la page d'accueil de «l'espace de D. Lachiver». Cliquer sur le lien «NVU : Création de pages HTML pour le web». N-B : la récupération de fichier diffère un peu selon le navigateur utilisé. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 5 / 38

5 Si vous utilisez «Internet Explorer» Cliquer droit sur le lien du fichier «nvu-1.0-win32- installer-fr.exe». Le navigateur affiche un menu contextuel. Cliquer sur la commande «Enregistrer la cible sous». Le navigateur ouvre une boîte de dialogue : «Enregistrer Sous». Sélectionner l'emplacement «Mes documents». Cliquer sur le bouton «Enregistrer». Si vous utilisez «Firefox» Cliquer gauche sur le lien «nvu-1.0-win32-installerfr.exe». Le navigateur affiche une boîte de dialogue «Ouverture...». Sélectionner l'option «Enregistrer sur le disque». Valider N-B : par défaut, Firefox enregistre sur le bureau. Si le navigateur ouvre une boîte de dialogue : «Enregistrer Sous». Sélectionner l'emplacement «Mes documents». Valider. N-B : par défaut, le navigateur «Firefox» ne vous demande pas d'emplacement : il télécharge le document sur le bureau. Vous pouvez modifier le paramétrage du navigateur : sélectionner le menu «Outils Options Téléchargement», sélectionner l'option «Me demander où enregistrer le fichier» Récupérer le fichier archive «dl_html.nvu.zip» Le fichier archive «dl_html_nvu.zip» contient des ressources : images, fichiers PDF,... que nous utiliserons dans la suite de ce parcours guidé. Depuis la même page «NVU : Création de pages HTML pour le web», en appliquant la même procédure que ci-dessus, récupérer dans votre dossier «Mes Documents» le fichier archive «dl_html.nvu.zip» Récupérer le dictionnaire français d'openoffice.org pour Nvu Nvu utilise le dictionnaire d'openoffice. La version nvu-1.0-win32-installer-fr.exe n'intègre pas le dictionnaire français pour des problèmes de licence. Nous allons récupérer ce dictionnaire français. N-B : ce dictionnaire peut aussi être récupéré depuis le site d'openoffice. Depuis la même page «NVU : Création de pages HTML pour le web», en appliquant la même procédure que ci-dessus, récupérer dans votre dossier «Mes Documents» le fichier archive «fr_fr.zip» Récupérer 7-Zip (facultatif) Un fichier archive est un fichier contenant, sous une forme compressée un ensemble de fichiers et/ou dossiers. Le format que l'on rencontre le plus souvent sur Internet est le format Zip. Le système d'exploitation Windows XP prend en charge ce type de fichier archive. Néanmoins 7Zip ajoute des fonctionnalités, je vous conseille donc de l'installer même sur Windows XP. Si vous souhaitez installer 7-zip sur votre ordinateur, vous pouvez le télécharger à partir du lien de la page «NVU : Création de pages HTML pour le web». Sinon, vous pouvez sauter cette étape. Depuis la même page «NVU : Création de pages HTML pour le web», récupérer dans votre dossier «Mes Documents» le fichier d'installation «7z432.exe» de 7-zip 2.6. Installer Nvu Nous allons installer le programme NVU. L'installation de Nvu ne pose aucun problème. Attention, si vous avez une version antérieure, il faut la désinstaller auparavant (Menu démarrer Panneau de configuration Ajout / suppression de programmes). Refermer toutes les fenêtres, pour y voir plus clair. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 6 / 38

6 Lancer l'installation Nvu en double-cliquant sur le fichier «nvu-1.0-win32-installer-fr.exe» récupéré précédemment. Accepter la licence d'utilisation et suivre les instructions en conservant les options proposées par défaut. En fin d'installation, décocher la case «Exécuter NVU». Vous avez installé Nvu : un nouveau sous-menu «Nvu» a été ajouté au menu «Démarrer Programmes». Ce sous-menu contient un raccourci qui permettra de lancer l'exécution de Nvu Installer 7-zip (facultatif) Lancer l'installation de 7-zip en double-cliquant sur le fichier «7z432.exe» récupéré précédemment. Suivre les instructions en conservant les options proposées par défaut. Vous avez installé 7-zip : * une nouveau sous-menu «7-zip» a été ajouter au menu «Démarrer Programmes». Ce sous-menu contient un raccourci qui permettra de lancer l'exécution de «7-zip file manager». * de nouvelles commandes ont été ajoutées au menu contextuel lorsqu'on clique droit sur un fichier. Par défaut, 7-zip est installé avec une interface en anglais. Nous allons sélectionner l'interface française. Lancer l'exécution de «7-Zip File Manager» depuis le menu démarrer. Sélectionner la commande «Tools Options». 7-zip ouvre une boîte de dialogue «Options». Sélection l'onglet «Language». Dans la liste déroulante, sélectionner «French (Français)». Valider. Refermer 7-Zip Installer le dictionnaire français Nous allons décompresser le fichier archive «fr_fr.zip» dans le dossier «C:\Program Files\Nvu\components\myspell\». Déplacer (couper-coller) le fichier «fr_fr.zip» récupéré précédemment vers le dossier C:\Program Files\Nvu\components\myspell\». Avec Windows XP Cliquer droit sur le fichier «fr_fr.zip». Sélectionner la commande «Extraire tout». Windows XP ouvre une fenêtre «Assistant Extraction». Suivre les instructions : lorsque Windows vous propose un emplacement : cliquer sur le bouton «Parcourir» et sélectionner le dossier «C:\Program Files\Nvu\components\myspell\». «Terminer» l'assistant sans afficher les fichiers extraits. Avec 7-Zip Cliquer droit sur le fichier archive «fr_fr.zip». Sélectionner la commande «7-zip Extraire ici». Le dossier C:\Program Files\Nvu\components\myspell\» doit contenir les deux fichiers «fr_fr.dic» et «fr_fr.aff». IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 7 / 38

7 Vous pouvez effacer les fichiers «fr_fr.zip» et «README_fr_FR.txt» de ce dossier Décompresser le fichier archive «dl_html_nvu.zip» Nous allons décompresser le fichier archive «dl_html_nvu.zip» dans notre dossier «Mes Documents». Ouvrir le dossier «Mes Documents» de votre ordinateur. («Menu Démarrer Mes documents») Déplacer (couper-coller) le fichier «dl_html_nvu.zip» récupéré précédemment dans ce dossier «Mes Documents» si nécessaire. Avec Windows XP Cliquer droit sur le fichier «dl_html_nvu.zip». Sélectionner la commande «Extraire tout». Windows XP ouvre une fenêtre «Assistant Extraction». Suivre les instructions : lorsque Windows vous propose un emplacement : cliquer sur le bouton «Parcourir» et sélectionner le dossier «Mes documents». «Terminer» l'assistant sans afficher les fichiers extraits. Noter l'apparition d'un dossier «ressources» dans votre dossier «Mes Documents». Ouvrir ce dossier «ressources». Vérifier la présence de différents fichiers et dossiers comme sur la figure ci-contre. Avec 7-Zip Cliquer droit sur le fichier archive «dl_html_nvu.zip». Sélectionner la commande «7-zip Extraire ici» Afficher les extensions de fichiers Sous Windows XP, le nom des fichiers comporte deux parties : * la partie principale * l'extension, séparée de la partie principale par un point. Par exemple, «favoris.html» est un fichier dont la partie principale du nom est «favoris» et son extension «html». L'extension permet au système d'exploitation Windows XP de reconnaître le type de fichier, par exemple : * exe correspond à un fichier exécutable, une application, * htm ou html correspond à une page au format html, *... Par défaut, Windows masque les extensions de fichiers. Lors de la création de liens, il sera nécessaire d'identifier le nom complet des fichiers : il faut donc absolument afficher les extensions de fichiers. Nous allons donc vérifier la configuration de Windows et si nécessaire corriger cette configuration afin d'afficher les extensions de fichiers. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 8 / 38

8 Ouvrir le dossier «ressources» dans «Mes Documents». Vérifier que Windows ne masque pas les extensions de fichiers. Vous devez notamment voir les extensions «jpg» ou «gif» des fichiers images contenus dans ce dossier. Si vous ne voyez pas les extensions de fichier : Sélectionner la commande : «Outils Option des dossiers», Cliquer sur l'onglet «Affichage» comme sur la figure ci-dessus. Décocher la ligne «Masquer les extensions des fichiers dont le type est connu». Valider Créer une arborescence pour le site Site web : Ensemble de pages html développés par un particulier, un établissement, généralement hébergés sur un serveur web. Il est important que toutes les ressources d'un site web : fichiers html, fichiers images, fichiers son,... soient enregistrées dans une même arborescence de dossiers afin de faciliter le transfert sur un serveur web ou un cédérom. Dans le dossier «Mes Documents», nous allons créer l'arborescence suivante : site img doc media Nom du dossier Contenu Extension des fichiers site Ce dossier contiendra tous les fichiers html au format html. img Ce sous-dossier contiendra tous les png, gif, jpg fichiers images. doc Ces sous-dossier contiendra tous les rtf, pdf fichiers documents (doc, pdf, sxw,...) media Ce sous-dossier contiendra tous les fichiers multimédias : sons, animations,... wav, mp3... IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 9 / 38

9 Créer un dossier «site» dans votre dossier «Mes Documents». Ouvrir ce dossier «site». Créer trois dossiers «img», «doc», «media» dans ce dossier «site». Refermer toutes les fenêtres ouvertes (bouton ). Rappel : Vous pouvez choisir un autre emplacement, l'essentiel est de créer un dossier «site» et ses trois sous-dossiers Découvrir l'interface de Nvu 3.1. Lancer l'exécution de Nvu Lancer l'exécution «Nvu». N-B : lors de son 1 er lancement, Nvu ouvre deux boîtes de dialogue : une boîte dont le titre est «Veuillez-nous tenir au courant...», une boîte de dialogue présentant des astuces au démarrage. Valider pour refermer ces deux fenêtres. Agrandir la fenêtre de Nvu si nécessaire. Sélectionner la commande «Fichier Ouvrir un fichier» ou cliquer sur le bouton «ouvrir» de la barre d'outils. Nvu ouvre une boîte de dialogue «Ouvrir un fichier html». Sélectionner le fichier «exemple.html» placé dans le dossier «ressources». Nvu affiche le document dans la zone d'édition Identifier les principaux éléments de l'interface de Nvu A l'aide de la figure de la page suivante, repérer de haut en bas : la barre de titre, la barre de menus, la barre de composition, la barre de mise en forme, la fenêtre de gestion de site à gauche (il est possible que cette zone soit masquée), la barre d'onglets des documents ouverts, la zone principale d'édition, la règle entre la zone d'édition et la barre d'onglets des documents ouverts, la barre d'onglets du choix du mode d'édition : «Normal», «balises HTML», «HTML source», «Aperçu». la barre d'état. Sélectionner les différents modes d'édition à l'aide de la barre d'onglet du bas. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 10 / 38

10 Parcours guidé : créer des pages simples au format html avec Nvu 28/01/2010 IUFM de Basse-Normandie Dominique Lachiver page 11 / 38

11 Exercice n 1 : Ouvrir dans un nouvel onglet le fichier «exemple2.html» qui se trouve aussi dans le dossier «ressources». Afficher successivement les deux pages à l'aide de la barre d'onglets du haut Masquer la fenêtre de gestion de sites Nous n'utiliserons pas la mise à jour de site distant par ftp. Nous allons masquer la fenêtre de gestion de sites. Appuyer plusieurs fois sur la touche pour afficher / masquer la fenêtre de gestion de sites. N-B : La touche est une touche bascule. Vous pouvez aussi sélectionner la commande «Affichage Barre d'outils Barre latérale». Masquer la fenêtre de site Paramétrer Nvu Nous allons vérifier certains paramètres de Nvu et les modifier si nécessaire. Sélectionner la commande «Outils Préférences». Nvu ouvre une boîte de dialogue «Options». Dans la section «Général» : Choisir l'option «Reformater la source HTML». N-B : l'option «Reformater la source HTML» permet de nettoyer les pages créées par des traitements de texte par exemple. Décocher si nécessaire la case «Utiliser les styles CSS au lieu des éléments et attributs HTML». N-B : pour démarrer notre parcours, il vaut mieux garder les balises HTML standard. Dans la section «Paramètre des pages» : Saisir votre nom pour le champ «Auteur». Saisir au clavier «fr-fr» pour la langue. N-B : comme vous l'aurez sans doute remarqué, «fr-fr» correspond aux noms des fichiers de dictionnaire copiés précédemment. Dans la section «Avancées» : Cocher case «Crée automatiquement un nouveau paragraphe». Cocher la case «Souligner les mots mal orthographiés». Valider en cliquant sur le bouton «OK» Personnaliser les barres d'outils Par défaut, les barres d'outils (composition, mise en forme) ne sont pas complètes. Nous allons ajouter quelques boutons aux différentes barres. Cliquer droit sur la barre de composition (la première barre sous la barre de menus) et sélectionner la commande «Personnalisation de barre d'outils» Nvu affiche une fenêtre sous la barre d'outils. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 12 / 38

12 Glisser-déposer les boutons «couper», «copier», «coller» entre le bouton «navigateur» et le bouton «ancre». Ajouter par glisser-déposer un séparateur entre le bouton «navigateur» et le bouton «couper». Cliquer sur le bouton «Valider» pour refermer la fenêtre. Quitter l'application Nvu sans enregistrer les modifications éventuelles sur les pages ouvertes. 4. Créer une première page html 4.1. Démarrer Nvu Démarrer Nvu. Nvu ouvre une page vierge «Sans titre» Saisir du texte Nous sommes prêts, les choses sérieuses vont démarrer! Nous allons ajouter du contenu à cette page et l'enregistrer sous le nom «index.html» dans notre dossier site. Cette page constituera la page d'accueil de notre site. N-B : dans la suite de ce document, remplacer «prénom nom» par votre prénom et votre nom. Saisir en début de document : «Site personnel de prénom nom» puis appuyer sur la touche ligne. pour passer à la 4.3. Enregistrer la page Sélectionner la commande «Fichier Enregistrer Sous» ou cliquer sur le bouton. Nvu ouvre une boîte de dialogue «Titre de la page». Saisir «Accueil». Valider. Nvu ouvre une boîte de dialogue «Enregistrer la page sous». Sélectionner le dossier «site» dans votre dossier «Mes Documents». Bien sélectionner le dossier «site». Rappel : ce dossier «site» contiendra tous les fichiers de notre site web. Saisir le nom du fichier «index» à la place du nom proposé. Valider. N-B : Par défaut, Nvu ajoute l'extension «.html» Vérifier la présence du fichier «index.html» dans le dossier «site». Le nom de fichier «index.html» est souvent utilisé par les serveurs web comme page par défaut : la consultation du site s'ouvrira par défaut avec cette page Afficher la page dans un navigateur Nous allons visualiser notre page web dans un navigateur. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 13 / 38

13 Le bouton «navigateur» de la barre de composition permet d'afficher la page dans la fenêtre de votre navigateur. Vous pouvez aussi sélectionner la commande «Fichier Aperçu dans le navigateur». N-B : Dans la suite de ce parcours, il faudra bien différencier : * l'action «Refermer l'application» en cliquant sur la croix en haut à droite de barre de titre de l'application, * l'action «Réduire la fenêtre» en cliquant sur le bouton en haut à droite de la barre de titre de l'application. Lorsqu'une application est réduite, vous pouvez la restaurer en cliquant sur son bouton dans la barre de tâches. Revenir à Nvu. Cliquer sur le bouton «navigateur» de la barre de composition. Nvu ouvre une boîte de dialogue «Requête de protocole externe». Cocher la case «Se souvenir de mon choix pour tous les liens de ce type». Cliquer sur le bouton «Lancer l'application». Votre navigateur web par défaut se lance et affiche votre page «index.html». N-B : si la fenêtre de votre navigateur ne s'ouvre pas, ouvrir le dossier «site» et double-cliquer sur le fichier «index.html». Réduire la fenêtre du navigateur, sans la refermer.(bouton ). L'une des difficultés lorsqu'on débute dans la création de pages html est de bien différencier : * l'application qui permet de visualiser la page html : le navigateur, * de l'application qui permet de modifier cette page html : l'éditeur de page html, surtout lorsque cet éditeur de page html est WYSIWYG comme Nvu. Vous devez avoir dans la barre de tâches en bas de l'écran au moins deux boutons : * un bouton correspondant à l'application Nvu, * un bouton correspondant au navigateur ( ou ), Cliquer successivement sur ces 2 boutons de la barre de tâches pour bien les identifier. Réduire toutes les fenêtres. Agrandir la fenêtre de Nvu en cliquant sur son bouton dans la barre de tâches Modifier le titre Le titre d'une page html apparaîtra dans la barre de titre du navigateur lors de l'affichage de la page. De plus, il est utilisé prioritairement par les moteurs de recherche pour indexer les documents. Revenir à Nvu. Sélectionner la commande «Format Titre et propriétés de la page», modifier le titre et saisir : «Site personnel de prénom nom : accueil» Valider en cliquant sur le bouton «OK». Noter le changement dans la barre de titre de Nvu, dans le nom de l'onglet. Noter l'apparition d'une petite disquette rouge indiquant que le fichier a été modifié depuis la dernière sauvegarde. Enregistrer votre modification en appuyant sur. La petite disquette rouge a disparu. Réduire la fenêtre de Nvu. Agrandir la fenêtre du navigateur. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 14 / 38

14 Observer la barre de titre du navigateur. N-B : ne pas confondre la barre de titre du navigateur avec sa barre d'adresse. Appuyer sur la touche pour actualiser l'affichage du navigateur. Que constatez-vous?... En effet, vous avez modifié la page «index.html» en dehors de votre navigateur : ce dernier ne pouvait pas «savoir» que la page avait été modifiée. Après chaque modification, il faudra donc réactualiser l'affichage de la page dans le navigateur : sur la touche dans «Internet Explorer» : cliquer sur le bouton de la barre d'outils ou bien appuyer dans «Mozilla» : cliquer sur le bouton ou bien appuyer sur la touche. De plus, ne pas oublier aussi d'enregistrer vos modifications avant de chercher à les visualiser... Vous pouvez aussi utiliser systématiquement le bouton Afficher le code source de la page Un peu de technique maintenant... Fichier texte : c'est un fichier constitué d une suite de caractères ayant pour seule mise en forme, le passage à la ligne. Un fichier texte peut être créé à l'aide d un éditeur de texte 3 (comme par exemple, «notepad» le bloc-note dans l environnement Windows). Fichier au format HTML : C'est un fichier texte contenant des balises (tag) de mise en forme, généralement hébergé sur des serveurs web et que l on visualise à l aide d un navigateur internet (Mozilla ou Internet Explorer de Microsoft par exemple). Langage HTML : Ensemble de balises 4 et de règles de syntaxe que doivent respecter les pages au format HTML pour pouvoir être correctement interprétées et affichées par les navigateurs web. La structure de base d un fichier au format html est : <html> <head> <title>bonjour le monde</title>... </head> <body> Ma première page... </body> </html> <html>, <head>, <body>... sont des balises (tag). La partie comprise entre <head> et </head> constitue l'entête de la page. La partie comprise entre <body> et </body> constitue le corps de la page. N-B : vous pouvez donc créer des pages HTML avec le bloc-note de Windows, il suffit de bien connaître le langage HTML... Mais nous laisserons ce «plaisir» aux puristes. Nvu propose plusieurs modes d'affichage : * le mode «Normal» qui permet de modifier la page en mode WYSIWYG, * le mode «Balises HTML» : les balises sont mises en évidence, * le mode «HTML Source» qui permet d'afficher et de modifier directement le code source de la page au format texte. 3 Ne pas confondre un éditeur de texte avec un traitement de texte qui lui permet des mises en page sophistiquées. Un document enregistré avec un traitement de texte contient bien plus que les simples caractères du texte! 4 Voir en annexe le tableau des principales balises. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 15 / 38

15 * le mode «Aperçu» qui permet visualiser la page sans ouvrir le navigateur. Vous pouvez basculer d'un mode à un autre à l'aide des onglets placés sous la zone d'édition de Nvu. Réduire la fenêtre de votre navigateur. Agrandir la fenêtre de Nvu. Cliquer sur l'onglet sous la zone de travail Nvu affiche le code source de la page. Repérer les différentes balises. Noter l'emplacement des balises <TITLE> et </TITLE>. Elles... 5 le texte «Site personnel de prénom nom». Comme la balise TITLE, beaucoup de balises sont couplées : <TITLE> balise ouvrante,</title> balise fermante. Voir en annexe n 5 le tableau des principales balises HTML. N-B : la balise <br> provoque un retour à la ligne. Revenir en affichage «Mode normal» en cliquant à nouveau sur l'onglet. Faut-il apprendre le langage HTML? Non pas nécessairement pour atteindre les objectifs de ce parcours. Néanmoins, il est quand même utile d'identifier les principale balises. Plus tard, si vous avez des projets plus ambitieux, sans doute, vous faudra-il modifier directement le code source des pages HTML Mise en forme du texte Comme un traitement de texte, Nvu propose des commandes de mise en forme de paragraphes, de caractères et bien entendu des styles de paragraphe Mise en forme de paragraphe Nvu propose les mises en forme standard du langage HTML : paragraphe, titre 1 à titre 6, Adresse, Préformaté. La liste déroulante de la barre d'outils de mise en forme permet d'attribuer rapidement un style à un paragraphe. Placer le curseur sur la première ligne. Cliquer sur la liste déroulante des styles. Sélectionner le le style «Titre 1». Nvu modifie la mise en forme de cette première ligne Identifier les balises de titre Cliquer sur l'onglet Repérer les balises «<h1>» et «</h1>» qui encadrent «Site personnel...». Les balises <h1>, <h2>,... permettent d'attribuer le style, respectivement, «Titre 1», «Titre 2»,... au texte qu'elles encadrent. Remplacer dans le code source de la page, les balises «<h1>» et «</h1>» par les balises «<h2>», «</h2>». Revenir en affichage «Mode normal» en cliquant à nouveau sur l'onglet 5 Encadrent. Bravo! IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 16 / 38

16 Que constatez-vous lorsque vous positionnez le curseur sur la première ligne : dans la barre de mise en forme :,... dans la barre d'état (la zone grise tout en bas de la fenêtre de Nvu) :.... Cliquer sur la balise «h2» de la barre d'état. Vous avez sélectionné le texte placé entre les balises «h2». A retenir : * la barre d'état permet de sélectionner rapidement des zones de la page web. * Vous pouvez modifier le contenu d'une page en modifiant directement son code source. Appuyer sur la combinaison de touches : Que constatez-vous?... A retenir, comme dans un traitement de texte : annule la dernière action (commande «Édition Annuler») rétablit la dernière action. (commande «Édition Refaire») Exercice n 2: Compléter votre page web pour obtenir l'aspect ci-contre. Vous appliquerez le style «paragraphe» aux lignes «Mes favoris», «Rechercher sur Internet», «Mes documents». Vous appliquerez le style «Adresse» à la dernière ligne «contact...». Enregistrer vos modifications. En consultant le code source de la page, identifier la balise correspondant au style «paragraphe», au style «adresse». 6 N-B : Plus loin dans le parcours guidé, «Mes Favoris», «Rechercher sur Internet» et «Mes documents» deviendront des liens hypertextes vers d'autres pages de notre site Mise en forme de caractères Nvu propose le mises en formes de caractères du langage HTML : polices de caractères, couleur de polices, caractères gras, soulignés, italiques... Il faut sélectionner la zone de texte avant de lui appliquer la mise en forme. Revenir en mode d'édition normal. Mettre en caractères gras votre adresse électronique à l'aide du bouton. Mettre en caractères italiques votre première ligne à l'aide du bouton. En observant la barre d'état : Noter la balise correspondant à la mise en forme en caractères gras.... Noter la balise correspondant à la mise en forme en caractères italiques.... Vérifier en consultant le code source de la page. 6 Réponse : <p> </p> pour le style paragraphe ; <address> </address> pour le style adresse. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 17 / 38

17 5.4. Choix des couleurs Le bouton de la barre de mise en forme est constitué de 2 carrés : le carré du dessus permet de choisir la couleur du texte, le carré du dessous la couleur d'arrière-plan. En cliquant sur l'un des 2 carrés, Nvu affiche une palette de couleurs : vous pouvez alors choisir la couleur de votre choix. Exercice n 3 : Modifier la couleur de texte de la première ligne de votre page. Appliquer le style «Titre 2» aux paragraphes : «Mes favoris», «Rechercher sur Internet», «Mes Documents». Centrer la première ligne de votre page. Enregistrer vos modifications. Visualiser la page dans votre navigateur. (Ne pas oublier d'actualiser l'affichage de votre navigateur.) 5.5. Modifier le fond de la page La commande «Format Couleurs et fond de la page» permet de modifier le fond de la page. Dans Nvu, modifier la couleur de fond de la page à l'aide de la commande «Format Couleurs et fond de la page». Il faudra : - sélectionner l'option «Utiliser des couleurs personnalisées», - cliquer sur bouton «Fond», de couleur blanc par défaut. -choisir une nouvelle couleur. Enregistrer vos modifications. 6. Insertion d'image A lire très attentivement : Avec un traitement de texte, lorsque vous insérez une image dans un document texte, cette image est par défaut, incorporée au document. Rappel : une page html est un fichier texte ; elle ne peut donc pas contenir physiquement une image mais elle peut contenir un lien vers un fichier image : c'est le navigateur qui sera chargé d'afficher cette image dans la page. Conclusion : pour «insérer» une image dans une page html, il faut : 1 ) un fichier image, 2 ) placer ce fichier dans le dossier (ou un sous-dossier) de votre site, 3 ) insérer un lien dans la page html vers ce fichier image à l'aide de Nvu. Très souvent, on regroupe les fichiers images dans un même sous-dossier du site pour en faciliter la maintenance. Pour notre site, nous utiliserons le sous-dossier «img» Utiliser une image de fond Nous allons utiliser l'image «structure.jpg» qui se trouve dans le dossier «ressources» comme image de fond de page. Avant de pouvoir l'utiliser dans notre site web, nous allons la copier dans notre sous-dossier «img» de notre site. Copier le fichier «structure.jpg» du dossier «ressources» vers le sous-dossier «img» de votre site. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 18 / 38

18 Dans Nvu, sélectionner le fichier «structure.jpg» du dossier «img» comme fond d'image de la page «index.html» à l'aide de la commande «Format Couleurs et fond de la page». Enregistrer vos modifications. Visualiser votre page dans le navigateur. Revenir à Nvu. Dans l'exercice suivant, nous allons créer deux nouvelles pages, donc deux nouveaux fichiers... Attention aux noms des fichiers : les différents serveurs web ne gèrent pas tous de la même manière les caractères accentués, les espaces, les caractères en majuscule... Aussi, pour éviter tout problème lors de la publication de vos pages web, respecter les règles suivantes pour le nom des dossiers et des fichiers : * utiliser uniquement des caractères minuscules, non accentués, * ne pas utiliser le caractère «espace», lui préférer le caractère «_» (underscore ou soulignement, touche 8 du clavier alphanumérique). Exercice n 4 : Créer 2 autres pages html en respectant les consignes du tableau ci-dessous. Attention : * Ne pas confondre dans le tableau ci-dessous le nom des fichiers et le titre des pages. * Enregistrer ces deux fichiers dans votre dossier site. * Créer les nouvelles pages dans un nouvel onglet, à l'aide de la commande «Fichier Nouveau Document vide» * Une fois les fichiers enregistrés : * Appiquer le style «Titre 1» aux titres des pages. * utiliser le fond «structure.jpg» IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 19 / 38

19 Contenu de la page Titre de la page Nom du fichier Mes favoris (style Titre 1) favoris.html Mes documents (style Titre 1) mes_documents.html J'insiste, vraiment... : «Attention aux noms de fichiers et de dossiers sinon vous aurez des soucis...». Ouvrir le dossier Site et vérifier le nom des fichiers si nécessaire Insérer des images dans la page Travail préparatoire Copier le fichier «rechercher.html» depuis le dossier «ressources» vers le dossier «site». Copier les fichiers «google.gif» et «yahoo.gif» depuis le dossier «ressources» vers le sous-dossier «img» du dossier «site» Insérer une image Revenir à Nvu. Ouvrir la page «rechercher.html» dans un nouvel onglet A l'aide de la commande «Insertion Image» ou du bouton, insérer l'image «google.gif» du sous-dossier «img» dans la première cellule du tableau avec comme texte alternatif «Google» Enregistrer vos modifications. Visualiser votre page dans le navigateur. N-B : Le texte alternatif se substitue à l'image lorsqu'un navigateur est configuré pour ne pas charger les images Identifier la balise «img» La balise html «img» permet d'insérer une image. Cette balise possède au moins l'attribut «src» qui indique le chemin du fichier image appelé par la page html. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 20 / 38

20 Revenir à Nvu. Cliquer une seule fois sur l'image «Google» pour la sélectionner. Noter dans la barre d'état, l'apparition de la balise «img», elle est en caractère gras car elle est sélectionnée. Basculer en mode d'édition «HTML Source» à l'aide de l'onglet Noter la balise complète qui a permis d'insérer l'image : <img alt="google" src="img/google.gif" height="104" width="273"> «alt», «src», «height», «width» sont les attributs de la balise img. alt correspond au texte alternatif, src correspond au chemin du fichier image height correspond à la hauteur en pixel de l'mage, width correspond à la largeur en pixel de l'image. «img/» correspond au chemin relatif du fichier «google.gif» : en effet, le fichier «google.gif» se trouve dans le sous-dossier «img» par rapport à la page «rechercher.html». Revenir en mode d'édition normal ( ). Exercice n 6 : Insérer l'image «yahoo.gif» dans la première cellule de la 2ème ligne du tableau. Vous devriez obtenir l'aspect ci-dessous. Pour les images dans des pages web, il faut utiliser des images au format : «gif», «jpg», «png». Les images au format «bmp», «tiff» sont trop lourdes à télécharger sur Internet pour une qualité non perceptible à l'écran. De même, il faudra adapter la taille de l'image en pixel au format de l'écran. N-B : En double-cliquant sur une image, vous pouvez afficher rapidement les propriétés de l'images pour modifier ces propriétés. Exercice n 7: En modifiant les propriétés de l'image «google.gif», réduire la hauteur de l'image à 50 pixels (conserver les proportions). Enregistrer vos modifications. Visualiser votre page dans un navigateur. Revenir à Nvu. 7. Gestion des tableaux : création d'une barre de navigation Nous allons créer une barre de navigation qui nous permettra d'atteindre rapidement les différentes pages de notre site, ce qui nous permettra aussi de découvrir les fonctions de gestion des tableaux de Nvu. Il existe deux techniques pour régler la mise en page de zone de texte dans un document au format HTML : * les tableaux, * les calques. Les tableaux sont plus faciles à mettre en oeuvre et mieux pris en charge par les navigateurs. Par contre, ils sont beaucoup moins souples que les calques. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 21 / 38

21 7.1. Création de la barre Afficher la page «Mes favoris» dans Nvu. Placer le curseur en tête de document. Appuyer sur la touche pour créer un nouveau paragraphe. Remonter le curseur sur la première ligne. Sélectionner la commande «Insertion tableau» ou cliquer sur le bouton «tableau» de la barre de composition. Nvu ouvre une boîte de dialogue «Propriétés du tableau». En glissant la souris sur la matrice, créer un tableau de 2 lignes par 4 colonnes. Valider. Nvu insère le tableau. Compléter ce tableau comme ci-dessous : 7.2. Identifier les balises HTML des tableaux Cliquer dans la première cellule du tableau. Noter l'apparition de la balise «td» dans la barre d'état. Cliquer sur cette balise «td». La cellule toute entière est sélectionnée. Cliquer sur la balise «tr» de la barre d'état. La ligne entière du tableau est sélectionnée. Cliquer sur la balise «table» de la barre d'état. Le tableau entier est sélectionné. Afficher le code source de la page (onglet ) Repérer le code source correspondant au tableau : <table border="1" cellpadding="2" cellspacing="2" width="100 %"> <tbody> <tr> <td>accueil<br> </td> <td>favoris<br> </td> <td>rechercher<br> </td> <td>documents<br> </td> </tr> <tr> <td><br> </td> <td><br> </td> <td><br> </td> <td><br> </td> </tr> </tbody> </table> A retenir : Les balises <table> et </table> délimitent le tableau. Les balises <tr> </tr> délimitent les lignes du tableau. Les balises <td> </td> délimitent les cellules du tableau. «border», «cellpading», «cellspacing», «width» sont les attributs qui permettent de modifier la IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 22 / 38

22 présentation du tableau : «border» fixe la largeur des bordures en pixels, «cellpadding» fixe l'espacement en pixels entre le contenu et la bordure de la cellule, «cellspacing» fixe l'espacement en pixels entre cellules. La balise <tbody> est ici superflue : elle est généralement utilisée en association avec la balise <thead> pour séparer les entêtes du tableau des données de ce tableau. Pour mieux repérer les balises, vous pouvez passer en mode d'affichage. Revenir en mode d'édition normal.(onglet ) 7.3. Modifier les propriétés du tableau Dans un traitement de texte, la largeur des tableaux est généralement exprimée en cm. La vocation d'une page HTML est d'être affichée sur un écran d'ordinateur. L'unité d'affichage sur un écran est le pixel. Les tailles standard d'un écran sont «800 x 600», «1024 x 780», «1280 x 1024»,... pixels. Le langage HTML propose d'exprimer les largeurs de tableaux, de largeurs de colonnes, hauteurs de lignes : * soit en pixels, * soit en % de largeur de la fenêtre d'affichage de la page. On utilise les largeurs de tableau ou de colonnes de tableau en % pour adapter l'affichage du tableau à la taille de la fenêtre d'affichage du navigateur. On utilise les largeurs de tableau en pixels pour fixer les dimensions du tableau quelque soit la largeur de la fenêtre d'affichage du navigateur. Nous allons : * fixer la largeur du tableau à 600 pixels, * centrer le tableau, * supprimer les bordures. Cliquer sur le tableau. Cliquer sur la balise «table» de la barre d'état pour sélectionner le tableau. Cliquer droit sur le tableau et sélectionner la commande «Propriétés Tableau». Modifier les propriétés du tableau comme indiqué ci-contre : Largeurs : 600 pixels Bordure : 0 pixels Marges : 2 pixels Remplissage : 2 pixels Alignement du tableau : centre. Cliquer sur bouton «Appliquer». Nvu modifie la présentation du tableau. Valider Modifier les propriétés des cellules Nous allons : * fixer la largeur des colonnes à 141 pixels 7, * centrer le contenu des colonnes. 7 Pourquoi 141? 600 /4 = 150. Il faut ensuite retrancher par colonne les marges, les remplisages, la séparation entre colonne, soit = IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 23 / 38

23 Cliquer sur la 1ère cellule du tableau. Cliquer sur la balise «td» de la barre d'état pour la sélectionner. Cliquer droit sur la cellule et sélectionner la commande : «Propriétés cellule». Nvu ouvre une boîte de dialogue «Propriétés du tableau». Sélectionner l'onglet «Cellules» si nécessaire. Sélectionner «Colonne» pour la liste déroulante «Sélection» en haut de la boîte de dialogue. Cocher la case «Largeur» et saisir la largeur«141» «pixels» pour la taille. Cocher la case «Vertical» et sélectionner «Milieu» pour l'alignement du contenu, Cocher la case «Horizontal» et sélectionner «Centre» pour l'alignement. Cliquer sur le bouton «Suivante». Répéter les opérations pour les autres colonnes du tableau. Enregistrer vos modifications. Nvu permet aussi : * de modifier la largeur des colonnes en déplaçant les taquets de la règle horizontale, * de modifier la hauteur des lignes en déplaçant les taquets de la règle verticale, * d'insérer une colonne ou une ligne en cliquant sur les triangles des boutons de cellules, * de supprimer une colonne ou une ligne en cliquant sur les croix cerclées des boutons de cellules. Règle horizont Règle ale vertical Taqe uets Taqu ets Boutons de cellule 7.5. Fusionner les cellules d'un tableau Nous allons fusionner les cellules du tableau de la 2ème ligne : cette deuxième ligne contiendra le titre de notre page. Sélectionner les 4 cellules de la deuxième ligne du tableau. Cliquer droit et sélectionner la commande «Fusionner les cellules sélectionnées». Nvu fusionne les cellules. Couper-coller le titre «Mes favoris» dans cette cellule. N-B : Malheureusement, Nvu a encore quelques bugs... Mais cela va nous donner l'opportunité de modifier directement le code source de la page, comme les pros... Placer le curseur sur la deuxième ligne du tableau. Cliquer sur la balise <td> dans la barre d'état pour sélectionner la cellule. Cliquer sur l'onglet. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 24 / 38

24 Noter l'attribut «colspan = 4» qui indique au navigateur de fusionner les 4 colonnes. Nvu a gardé la valeur 141 pour la largeur de la cellule... Supprimer «width="141"» dans le code source de la page. Enregistrer vos modifications. Revenir en mode normal. 8. Créer des liens hypertextes 8.1. Créer des liens internes vers d'autres pages du site Nous allons créer des liens hypertextes depuis la page d'accueil «index.html» de notre site vers les différentes pages «favoris.html», «rechercher.html», «mes_documents.html». Pour créer un lien hypertexte, il faut : 1 ) sélectionner la «zone cliquable» : le texte ou l'image, 2 ) sélectionne la commande «Insertion lien» ou bien cliquer sur le bouton «Lien» de la barre de composition, 3 ) saisir la destination, c'est à dire l'adresse (URL) de la page qui sera appelée par le navigateur lorsqu'on cliquera sur le lien, 4 ) préciser la cible : * la même fenêtre (_self) : lorsqu'on cliquera sur le lien, la page appelée s'affichera dans la même fenêtre, * une nouvelle fenêtre (_blank) du navigateur : lorsqu'on cliquera sur le lien, la page appelée s'affichera dans une nouvelle fenêtre, La destination (URL) pourra être une page au format html ou dans un format standard reconnu par le navigateur : PDF, RTF,... interne ou externe au site web. Dans Nvu, sélectionner la page «Site Personnel...» (fichier «index.html»). Basculer en mode d'édition «Normal» si nécessaire. Sélectionner le texte «Mes favoris». Sélectionner la commande «Insertion Lien» ou cliquer sur le bouton de la barre de composition. Nvu ouvre une une boîte de dialogue «Propriétés du lien». Cliquer sur le bouton «Parcourir». Sélectionner le fichier «favoris.html». Valider. Attention ne pas refermer la boîte de dialogue «Propriétés du lien». Cliquer sur le bouton «Édition avancée». Nvu ouvre une fenêtre «Édition des propriétés avancées» Sélectionner dans la liste déroulante «Attribut», la valeur «target». Sélectionner dans la liste déroulante «Valeur», la valeur «_self». Valider. Valider une seconde fois pour refermer la fenêtre «Propriétés du lien». N-B : si vous ne précisez pas la cible («target»), la valeur par défaut est «_self». Ici nous aurions donc pu sauter cette étape. Enregistrer vos modifications. Tester votre page à l'aide du navigateur Identifier la balise <a> Revenir à Nvu. Afficher le code source de la page ( ). Repérer le lien hypertexte : IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 25 / 38

25 <a target="_self" href="favoris.html">mes favoris</a> < > <----> balise ouvrante balise fermante A retenir : La balise <a> permet d'insérer un lien hypertexte. La zone cliquable est encadrée par un balise ouvrante <a> et une balise fermante </a>. La balise <a> possède au moins l'attribut «href» qui contient l'adresse de destination du lien. L'attribut «target» permet de définir la cible du lien : «_self» même fenêtre du navigateur ou «_blank» nouvelle fenêtre du navigateur. Exercice n 8 : Compléter le texte ci-dessous : Ici, les... «<a>» et «</a>» encadrent le texte «...» qui est la zone cliquable. L'attribut «href» définit l'adresse de destination du lien, ici «...» qui est le nom du... appelé par le lien hypertexte. L'... «target» définit la cible du lien hypertexte, ici la même... Revenir au mode d'affichage. Exercice n 9 : Dans la page d'accueil «Site personnel...» («index.html»), a) ajouter un lien vers les pages «mes_documents.html «et «rechercher.html». b) Enregistrer vos modifications. Tester votre page dans un navigateur. Exercice n 10 : Dans la page «Mes favoris» : a) dans chaque cellule de la première ligne du tableau, créer les liens respectivement vers les pages «index.html», «favoris.html», «rechercher.html», «mes_documents.html». b) Enregistrer vos modifications. Tester votre page dans un navigateur. c) Copier cette barre de navigation dans les pages «Mes documents» et «Rechercher». e) Modifier les titres en conséquence. f) Tester vos pages dans un navigateur. N-B : Le fait d'avoir choisi «_self» pour cible dans vos liens vous permet de cliquer sur le bouton «précédent» du navigateur pour revenir à la page d'accueil du site. N-B : Pour supprimer rapidement un lien hypertexte : Sélectionner le lien, Cliquer droit et sélectionner la commande «Supprimer les liens». Pour modifier un lien hypertexte, double-cliquer sur le lien, Nvu affiche la fenêtre de propriétés du lien. Très important : IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 26 / 38

26 * Créer toutes vos pages HTML dans le dossier de votre site ou éventuellement dans un sousdossiers de votre site, * Pour tous les liens vers des pages de votre site, vérifier que la case «L'URL est relative à l'emplacement de la page» est cochée comme sur la figure ci-dessous Créer des liens externes vers des pages d'internet Dans la page «rechercher.html», précédemment, nous avons «inséré» des images correspondant aux logos des sites. Nous allons insérer un lien hypertexte sur ces images vers le site respectif. On précisera la destination en forçant l'ouverture d'une nouvelle fenêtre du navigateur (target = «_blank») dans un deuxième temps. Lors de l'insertion de liens hypertextes vers des sites extérieurs sur Internet, il est préférable de travailler par copier-coller pour éviter des erreurs de saisie lors de la création du lien hypertexte Récupération de l'adresse Ouvrir une nouvelle fenêtre du navigateur. (Menu Fichier Nouvelle Fenêtre du navigateur) Saisir l'adresse «http://www.google.fr/». Valider. Attendre l'affichage de la page. Sélectionner l'adresse dans la zone d'adresse. Cliquer droit et sélectionner la commande «Copier». L'ordinateur garde en mémoire l'adresse du site dans une zone mémoire qu'on appelle le presse-papier Création du lien Revenir à Nvu. Sélectionner la page «rechercher.html». Double-cliquer sur l'image «google.gif». Nvu ouvre la fenêtre «propriétés de l'image». Sélectionner l'onglet «lien». Cliquer droit dans la zone de saisie de l'adresse du lien et sélectionner la commande «Coller» du menu contextuel. Nvu colle le lien «http://www.google.fr». Valider Préciser la cible du lien La fenêtre «Propriétés de l'image» ne permet pas de modifier la cible (target) du lien hypertexte. En effet, «target» est un attribut de la balise <a> et non de la balise <img>. Il faut d'abord sélectionner le lien hypertexte pour accéder à la fenêtre de «Propriétés du lien». La barre d'état de Nvu va nous aider. Cliquer sur l'image «google» pour la sélectionner. Noter l'apparition de la balise <a> dans la barre d'état devant la balise <img>. <img> est en caractère gras car l'image est sélectionnée. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 27 / 38

27 Cliquer sur la balise <a> de la barre d'état de Nvu pour sélectionner cette balise. Dans la zone d'édition, l'image est grisée, dans la barre d'état, la balise <a> est en caractère gras. Vous l'avez sélectionnée. Cliquer droit sur la balise <a> de la barre d'état de Nvu Sélectionner la commande «Propriétés avancée». Sélectionner l'attribut «target». Sélectionner la valeur «_blank». Valider. Enregistrer vos modifications et tester votre page. Exercice n 11 : Créer un lien vers le site de «Yahoo.fr» sur l'image «yahoo.gif» dans la page «rechercher.html». Enregistrer vos modifications. Tester la page «rechercher.html». Vérifier que le navigateur ouvre une nouvelle fenêtre lorsque vous cliquez sur les images de la page. N-B : Pour supprimer ou modifier un lien hypertexte sur une image : 1 ) Sélectionner la balise <a> à l'aide de la barre d'état. 2 ) Cliquer droit sur l'image et sélectionner : soit la commande «Supprimer les liens» pour supprimer le lien soit la commande «Propriétés du lien» pour le modifier. Exercice n 12: Dans la page «favoris.html» : a) créer un tableau de 3 lignes et 4 colonnes. b) proposer 3 favoris vers des pages d'internet. Colonne n 1 : nom du site, colonne n 2 : logo du site, colonne n 3 : adresse du site, colonne n 4 : descriptif du site. c) Créer un lien vers le site sur le logo et l'adresse du site. Attention, copier l'image des logos de vos sites favoris dans votre dossier «img» avant de l'insérer dans votre page html. d) A l'aide de la commande «Propriétés du tableau», améliorer la présentation du tableau. Très important : * Pour tous les liens vers des pages extérieures à votre site, vérifier que la case «L'URL est relative à l'emplacement de la page» est décochée comme sur la figure ci-dessous. * L'URL doit débuter avec «http://». 9. Créer des liens internes vers des documents Nous allons créer dans la page «mes_documents.html» des liens vers des documents. Ces documents seront dans des formats que le navigateur pourra facilement afficher. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 28 / 38

28 9.1. Travail préparatoire Copier les fichiers : «qcm.html», «creer_page_web.swf», «competence.html», «balise.pdf» depuis le dossier «ressources» vers le sous-dossier «doc» de votre site. «qcm.html» est un QCM réalisé à l'aide du logiciel «HotPotatoes». «balise.pdf» est un fichier au format Acrobat obtenu à l'aide de la fonction exporter d'openoffice. «creer_page_web.swf» est un fichier au format Flash obtenu à l'aide de la fonction exporter d'impress OpenOffice. «competence.html» est un simple document html que nous utiliserons un peu plus tard dans ce parcours guidé Création des liens Dans la page «Mes Documents» (fichier «mes_documents.html»), nous allons insérer des liens hypertextes vers les 4 documents «qcm.html», «creer_page_web.swf», «competence.html», «balise.pdf». Insérer dans la page «Mes Documents» le texte ci-dessous : * QCM HotPotatoes, * Compétences pour les enseignants * Balises html (format PDF) * Préao Pages web (format Flash) Créer les liens hypertextes vers les documents : «qcm.html», «competence.html», «balise.pdf», «creer_page_web.swf» en prenant pour cible (target) la valeur «_blank». N-B : par défaut, lors de la création du lien, la boîte de dialogue associée au bouton «Parcourir» ne propose que les fichiers «htm» ou «html». Il faudra sélectionner «Tous les fichiers» pour le type de fichiers pour faire apparaître les fichiers «swf» ou «pdf» comme sur la figure ci-contre. Enregistrer vos modifications. Tester votre page «mes_documents.html» dans le navigateur Créer des «ancres» dans un document long. Lorsqu'une page web devient trop longue, il devient nécessaire d'utiliser les ascenseurs du navigateur pour la consulter. Il peut être intéressant dans ce cas : 1 ) de placer dans le document des ancres 2 ) de créer des liens hypertextes vers ces ancres pour atteindre rapidement un emplacement précis du document. Nous allons ajouter une «barre de navigation» dans le document «competence.html». Cette barre de navigation permettra d'atteindre rapidement les différents chapitres du document au sein de la page. Ouvrir le document «competence.html» dans Nvu. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 29 / 38

29 ère étape : création des ancres Le bouton «Ancre» de la barre de composition (ou la commande «Insertion Ancre») permet d'insérer des ancres dans le document. Chaque ancre est identifiée par un nom. Il est impératif de respecter les mêmes consignes pour le nom des ancres que pour les noms des fichiers, à savoir : * utiliser des caractères minuscules, non accentués, * éviter le caractère espace et le remplacer par le caractère «_» (soulignement bas ou underscore, touche 8 du pavé alphanumérique). Sélectionner le titre «1) les différents champs disciplinaires et niveaux d'enseignement» Cliquer sur le bouton «Ancre». Nvu ouvre une boîte de dialogue «Propriétés de l'ancre». Saisir le texte «champs_disciplinaires» comme ci-contre. Valider en cliquant sur OK Afficher le code source de la page. Repérer la balise permettant de définir une ancre. <a name="champs_disciplinaires"></a> C'est donc la même balise «<a>» qui sert pour créer un lien ou définir une ancre. L'attribut «name» précise le nom de l'ancre. Revenir en mode d'édition normal. Répéter le processus pour les autres titres du document en respectant le tableau ci-dessous : Titres Nom de l'ancre 2) la gestion de la classe gestion_classe 3) la coopération entre élèves, classes et enseignants cooperation 4) Les systèmes d'information et de communication systeme_information 5) la responsabilité éducative de l'enseignant Responsabilite Rappel : pas de caractères accentués dans le nom des ancres... sinon vos liens ne fonctionneront pas! nde étape : création des liens hypertextes vers les ancres La création de liens hypertextes vers des ancres se fait de la même façon que pour des liens hypertextes classiques, seule l'adresse de destination change. Les ancres ayant été insérées dans le document, nous pouvons maintenant créer des liens hypertextes vers ces ancres. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 30 / 38

30 Saisie de la barre de navigation Placer le curseur après le mot «Communication» du titre «La formation initiale des enseignants et les Technologies de l'information et de la Communication». Appuyer sur la touche pour créer un paragraphe vide. Sélectionner la commande «Insertion Tableau» ou cliquer sur le bouton «tableau» de la barre de composition. Saisir la dimension du tableau : 1 ligne x 5 colonnes. Valider. Compléter le tableau comme ci-dessous : Champs disciplinaires Gestion de la classe Coopération Système d'informations Responsabilité Création des liens hypertextes Sélectionner le texte «Champs disciplinaires» du tableau. Sélectionner la commande «Insertion Lien» ou cliquer sur le bouton de la barre de composition Nvu ouvre la boîte de dialogue «Propriétés du lien». Faire dérouler la liste déroulante «Emplacement du lien». Nvu affiche la liste des ancres de la page. Sélectionner l'ancre «Champs_disciplinaire». Valider. Afficher le code source de la page. Repérer le lien que vous venez de créer : <a href="#champs_disciplinaires">champs disciplinaires</a> Le dièse # permet d'indiquer le nom de l'ancre. Bien entendu, il est possible de créer un lien vers une autre page en précisant une ancre : il suffit d'ajouter le # suivi du nom de l'ancre au nom du fichier dans la valeur de l'attribut «href». Répéter le même processus pour les autres cellules du tableau. Enregistrer vos modifications. Ouvrir votre document dans votre navigateur. Tester les liens hypertextes. Exercice n 13 : Dans notre page html «competence.html», nous souhaitons pouvoir remonter rapidement au début du document, depuis chaque titre. Nous allons insérer après chaque titre, un lien hypertexte vers le haut du document. Ce lien hypertexte se présentera sous l'aspect d'une image Pour cela il faudra : 1 ) Copier l'image «bluhome.gif» dans votre sous-dossier «img» du site depuis le dossier «ressources». 2 ) Insérer une ancre «Titre» avant le titre «La formation initiale des enseignants et les Technologies de l'information et de la Communication», 3 ) Insérer l'image «bluhome.gif» en fin de ligne «1) les différents champs disciplinaires et niveaux d'enseignement». 6 ) Ajouter un lien hypertexte sur cette image vers l'ancre «Titre» créée précédemment. 7 ) Copier-coller cette image avec son lien hypertexte en fin de chaque titre. 8 ) Enregistrer vos modifications. Tester votre page. N-B : Le copier-coller supprime la mise en forme des titres... Un bug de Nvu. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 31 / 38

Parcours guidé : créer des pages simples au format HTML1 avec Nvu version nvu-1.0-win32-installer-fr.exe dans un environnement Windows XP

Parcours guidé : créer des pages simples au format HTML1 avec Nvu version nvu-1.0-win32-installer-fr.exe dans un environnement Windows XP Basse-Norma ndie Parcours guidé : créer des pages simples au format HTML1 avec Nvu version nvu-1.0-win32-installer-fr.exe dans un environnement Windows XP Dominique Lachiver décembre 2005 1 HTML : HyperText

Plus en détail

Parcours guidé : créer des pages simples au format HTML1 avec Nvu dans un environnement Windows XP

Parcours guidé : créer des pages simples au format HTML1 avec Nvu dans un environnement Windows XP Basse-Normandie Parcours guidé : créer des pages simples au format HTML1 avec Nvu dans un environnement Windows XP Dominique Lachiver Novembre 2004 1 HTML : HyperText Mark-up Language Table des matières

Plus en détail

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56)

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Guide d'utilisation De Kompozer AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Table des matières Fiche1 : Créer, nommer et sauvegarder une page...2 Fiche2 : Modifier les couleurs et le fond

Plus en détail

Fiche n 4 Utilisation de Kompozer Table des matières

Fiche n 4 Utilisation de Kompozer Table des matières Fiche n 4 Utilisation de Kompozer Table des matières 1-Travail préparatoire...1 1.1-Contraintes sur les noms de fichier...1 1.2-Préparation du dossier de stockage...1 1.3-Barre d'outils...1 1.4-Création

Plus en détail

Parcours guidé du tableur Calc OpenOffice.org version 2 28/11/2005. Parcours guidé du tableur Calc OpenOffice.org version 2. Table des matières

Parcours guidé du tableur Calc OpenOffice.org version 2 28/11/2005. Parcours guidé du tableur Calc OpenOffice.org version 2. Table des matières Parcours guidé du tableur Calc OpenOffice.org version 2 Table des matières 1.CONDITION DE RÉUTILISATION DE CE DOCUMENT...1 1.1.OBTENIR LA DERNIÈRE VERSION DU DOCUMENT COMPLET...1 2.AFFICHER LES EXTENSIONS

Plus en détail

Utilisation de l'outil «Open Office TEXTE»

Utilisation de l'outil «Open Office TEXTE» PRESENTATION / FORMATION Utilisation de l'outil «Open Office TEXTE» Présentation générale : OpenOffice Texte est un traitement de texte assez similaire à celui proposé par Microsoft ; il est d'ailleurs

Plus en détail

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Formation > Développement > Internet > Réseaux > Matériel > Maintenance Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE

Plus en détail

Guide pour la réalisation d'un document avec Open Office Writer 2.2

Guide pour la réalisation d'un document avec Open Office Writer 2.2 Guide pour la réalisation d'un document avec Open Office Writer 2.2 1- Lancement de l'application : Le Traitement de textes de la Suite OpenOffice peut être lancé : soit depuis le menu «Démarrer / Programmes/OpenOffice2.2/Writer

Plus en détail

-Le traitement de texte. -Le courrier électronique

-Le traitement de texte. -Le courrier électronique 1/17 SOMMAIRE : -Windows -Le traitement de texte -Internet -Le courrier électronique 2/17 WINDOWS PRISE EN MAIN DE WINDOWS Lorsque vous démarrez votre ordinateur vous devez voir arriver un écran qui ressemble

Plus en détail

Naviguer CHARGER ET QUITTER INTERNET EXPLORER

Naviguer CHARGER ET QUITTER INTERNET EXPLORER Naviguer UTILISER UN NAVIGATEUR CHARGER ET QUITTER INTERNET EXPLORER Pour pouvoir travailler avec votre application Internet Explorer il est indispensable de l'ouvrir. Pour réaliser cette opération plusieurs

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

Plus en détail

Nvu - KompoZer. Table des matières. Tuto rapido

Nvu - KompoZer. Table des matières. Tuto rapido Nvu - KompoZer Table des matières 1. Démarrage rapide...2 1.1. Créer une nouvelle page...2 1.2. Ouvrir une page existante...2 1.3. Enregistrer une page...2 2. Utiliser KompoZer...3 2.1. L'interface...3

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

CRÉATION DE SITE INTERNET TD 1

CRÉATION DE SITE INTERNET TD 1 Création de pages Internet avec le logiciel libre Nvu - 1/7 CRÉATION DE SITE INTERNET TD 1 I LANCEMENT DE NVU ET CRÉATION DU SITE. 1) Liminaire : Créez en premier, un sous-dossier consacré au travail avec

Plus en détail

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

Version 4.0. Multinet Ressources Inc. Page 1 sur 13 Version 4.0 Page 1 sur 13 Introduction Lorsque vous obtenez l accès à Méganet, votre site est déjà construit. C est-à-dire qu il a fait l objet d une étude de style selon les couleurs de votre entreprise

Plus en détail

DOSSIER RESSOURCES CRÉATION DE PAGES HTML UTILISATION DU LOGICIEL DREAMWEAVER

DOSSIER RESSOURCES CRÉATION DE PAGES HTML UTILISATION DU LOGICIEL DREAMWEAVER DOSSIER RESSOURCES CRÉATION DE S HTML UTILISATION DU LOGICIEL DREAMWEAVER SOMMAIRE SITE Créer un nouveau site Page 1 Ouvrir un site Pages 1-2 Créer une nouvelle page Page 2 Modifier les propriétés d'une

Plus en détail

Naviguer sur le web avec Firefox 0.93

Naviguer sur le web avec Firefox 0.93 Naviguer sur le web avec Firefox 0.93 Firefox est le navigateur indépendant que l'on retrouve dans la suite internet Mozilla. On le lance en double-cliquant sur son icône et on obtient la fenêtre suivante

Plus en détail

Utilisation de l éditeur.

Utilisation de l éditeur. Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7

Plus en détail

I - Créer un Nouveau Projet

I - Créer un Nouveau Projet Manuel d'utilisation Limite de responsabilités : En aucun cas, l'auteur ne pourra être tenu pour responsable des dommages indirects, particuliers, accidentels ou financiers résultant de l'utilisation et/ou

Plus en détail

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet!

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet! Créez en quelques minutes votre site Internet! SOMMAIRE : Choisir une interface graphique - Nommez votre site... page 03 5 étapes de création... page 04 Les outils de création graphique... page 05 Mise

Plus en détail

Création de page web avec Dreamweaver 2.0

Création de page web avec Dreamweaver 2.0 Création de page web avec Dreamweaver 2.0 Guide d accompagnement pour Windows avril 2002 Suzanne Harvey Responsable RÉCIT suzanne.harvey@prologue.qc.ca http://www.apinfo.qc.ca http://www.cssh.qc.ca/se/recit

Plus en détail

CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML

CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML A L'AIDE DU LOGICIEL LIBRE OFFICE Libre Office 3.3.3 et Open Office.org 3.3.0 sont deux suites bureautiques complètes, équivalentes (seule la charte

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte ÉTAPE 1 Créer un document Lancer l application Mettre l ordinateur en route. Double cliquer sur l icône ClarisWorks 5 qui se trouve sur le bureau ou cliquer sur Démarrer Programmes ClarisWorks5 Vous arrivez

Plus en détail

TD n 3 Microsoft Office Word 2007

TD n 3 Microsoft Office Word 2007 1 TD n 3 Microsoft Office Word 2007 1. Présentation Microsoft Word est un logiciel de traitement de texte puissant qui fait partie du pack Office, il permet de créer simplement des documents (des lettres,

Plus en détail

Créer des pages web avec Front Page 2000

Créer des pages web avec Front Page 2000 Créer des pages web avec Front Page 2000 1 - Préparation Préparer le plan du site que l'on souhaite créer avec les liens reliant les différentes pages. Structure du site Structure pour le stockage des

Plus en détail

FORMATION CALC OpenOffice 3.2

FORMATION CALC OpenOffice 3.2 FORMATION CALC OpenOffice 3.2 Livret 2 Mettre en forme un tableau Niveau 1 Thierry TILLIER http://www.coursdinfo.fr Ce support de cours est réservé à un usage personnel. Toute utilisation et diffusion

Plus en détail

Le tableur de la suite Open Office

Le tableur de la suite Open Office Le tableur de la suite Open Office Open Office est une suite bureautique qui comporte traitement de texte, tableur, Présentation Assistée par Ordinateur (PréAO), dessin et édition de pages Web au format

Plus en détail

Google Chrome. La barre de favoris: Une petit barre (Ctrl+B) qui fait tout la largeur du navigateur juste en dessous de la barre de recherche.

Google Chrome. La barre de favoris: Une petit barre (Ctrl+B) qui fait tout la largeur du navigateur juste en dessous de la barre de recherche. Google Chrome Résumé rapide: Lien de téléchargement: http://www.google.fr/chrome La barre de favoris: Une petit barre (Ctrl+B) qui fait tout la largeur du navigateur juste en dessous de la barre de recherche.

Plus en détail

Publier des données sur le Web

Publier des données sur le Web Publier des données sur le Web Introduction Microsoft Excel fournit les outils dont vous avez besoin pour créer et enregistrer votre classeur sous forme d une page web et le publier sur le Web. La commande

Plus en détail

Découverte de l ordinateur. Explorer l ordinateur et gérer ses fichiers

Découverte de l ordinateur. Explorer l ordinateur et gérer ses fichiers Découverte de l ordinateur Explorer l ordinateur et gérer ses fichiers SOMMAIRE I L ORDINATEUR ET L EXPLORATEUR... 3 1.1 : PRESENTATION ET GENERALITES... 3 1.2 : CONNAÎTRE LES PROPRIETES D UN ELEMENT...

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010 Manuel du rédacteur Dernière mise à jour : le 14/04/2010 Table des matières 1 PRÉSENTATION GÉNÉRALE... 3 2 L INTERFACE DE GESTION... 3 2.1 ACCÈS À L INTERFACE DE GESTION... 3 2.2 PRÉSENTATION GÉNÉRALE...

Plus en détail

et de la feuille de styles.

et de la feuille de styles. Feuilles de style / mars 2007 Manuel d'utilisation du modèle enssib et de la feuille de styles. Writer Open Office Service des produits documentaires Contact : Richard Grenier 2e étage enssib Tél : 04

Plus en détail

14- Supprimer un article écrit par un rédacteur...12 15- Télécharger un fichier HTML...14 16- Télécharger un diaporama...16

14- Supprimer un article écrit par un rédacteur...12 15- Télécharger un fichier HTML...14 16- Télécharger un diaporama...16 Alimenter Guppy v4.6 Table des matières Alimenter Guppy v4.6...1 1- Se connecter...2 2- Écrire une nouvelle...2 3- Écrire un article...3 4- Modifier un article...4 5- L'éditeur de texte...4 6- Ajouter

Plus en détail

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT

Plus en détail

Safari, navigateur web intégré à Mac OS X

Safari, navigateur web intégré à Mac OS X Service informatique Enseignement Recherche Fiche n 50 13/11/2003 Safari, navigateur web intégré à Mac OS X Alternative à Internet Explorer et à Netscape, SAFARI est le navigateur web intégré à Mac OS

Plus en détail

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine Gérer un site avec Kompozer Organisation, plan de travail Création de pages Tout les fichiers, dossiers, images auront des noms (ex. nouveautes.htm ; ces noms ne devront comporter ni espaces, ni caractères

Plus en détail

Vous pouvez corriger, modifier, compléter le texte dans un document. La touche,

Vous pouvez corriger, modifier, compléter le texte dans un document. La touche, Saisir du texte : La première étape pour réaliser une lettre ou un document est d en taper le texte au clavier. Le texte tapé apparaît dans le document à l endroit du curseur clignotant. Appuyer sur la

Plus en détail

Évaluation des compétences. Identification du contenu des évaluations. Septembre 2014

Évaluation des compétences. Identification du contenu des évaluations. Septembre 2014 Identification du contenu des évaluations Septembre 2014 Tous droits réservés : Université de Montréal Direction des ressources humaines Table des matières Excel Base version 2010... 1 Excel intermédiaire

Plus en détail

Gérer des sites avec Dreamweaver

Gérer des sites avec Dreamweaver Gérer des sites avec Dreamweaver La boîte de dialogue Gérer les sites a pour fonction de vous permettre de créer un nouveau site, de modifier, de dupliquer, de supprimer un site, d'importer ou d'exporter

Plus en détail

Publier dans la Base Documentaire

Publier dans la Base Documentaire Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

Je suis mes comptes avec Excel.

Je suis mes comptes avec Excel. Bureautique Je suis mes comptes pour Excel. Cette fiche de rappel va vous permettre de recréer chez vous, pas à pas, le classeur de compte que nous avons conçu ensemble lors de l atelier «Je suis mes comptes

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour débuter» Les bases du traitement de texte OpenOffice Writer Démarrer le logiciel : o Menu Démarrer > Tous les programmes > OpenOffice.org

Plus en détail

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1 Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son

Plus en détail

HeadPilot v2.0. Manuel d'utilisation

HeadPilot v2.0. Manuel d'utilisation HeadPilot v2.0 Manuel d'utilisation Table des matières 1 Introduction... 3 2 Utilisation de HeadPilot... 4 2.1 Activation du logiciel... 4 2.2 Présentation de la barre de menu... 4 2.3 Gestion des profils...

Plus en détail

> Table des matières. Gestion des pages courantes... 4

> Table des matières. Gestion des pages courantes... 4 I N T E R FA C E A D M I N I S T R AT I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 2. 1 0 W W W. R O U S S E T - F R. C O M STRATIS JUIN 2010 > Table des matières Gestion des pages courantes.............................................

Plus en détail

Parcours guidé du traitement de texte OpenOffice.org 2 sous Windows XP version novembre 2005. Sommaire

Parcours guidé du traitement de texte OpenOffice.org 2 sous Windows XP version novembre 2005. Sommaire Parcours guidé du traitement de texte OpenOffice.org 2 sous Windows XP version novembre 2005 Sommaire 1.AVANT-PROPOS... 4 1.1.PRÉSENTATION D'OPENOFFICE.ORG...4 1.2.OBJECTIF DE CE DOCUMENT...4 1.3.MODE

Plus en détail

EDITEUR DE PAGE HTML NETSCAPE COMPOSER

EDITEUR DE PAGE HTML NETSCAPE COMPOSER EDITEUR DE PAGE HTML NETSCAPE COMPOSER Utilisation Netscape Composer est un éditeur de pages HTML : il vous permet de modifier et créer des pages au format HTML pour les diffuser sur le Web. Il est intégré

Plus en détail

MANUEL D UTILISATION DE VOTRE SITE INTERNET

MANUEL D UTILISATION DE VOTRE SITE INTERNET MANUEL D UTILISATION DE VOTRE SITE INTERNET SOMMAIRE PRESENTATION 3 IDENTIFICATION.. 4 LE MENU (paramètres, contenu, divers).... 5 MENU PARAMETRES (mes coordonnées, mes photos, mes menus, mon bandeau).

Plus en détail

FICHIERS ET DOSSIERS

FICHIERS ET DOSSIERS La différence entre fichier et dossier FICHIERS ET DOSSIERS La première notion à acquérir est la différence entre un dossier et un fichier Un dossier est une sorte de classeur dans lequel on range divers

Plus en détail

Cours BOXI R3 Infoview

Cours BOXI R3 Infoview DIRECTION DE LA FORMATION ORGANISATION ET GESTION INFORMATIQUE DE LA FORMATION EPFL-VPAA-DAF-OGIF Bâtiment BP Station 16 CH 1015 Lausanne Tél. : E-mail : Site web: +4121 693.48.08 statistiques.formation@epfl.ch

Plus en détail

> Table des matières. Gestion des pages courantes

> Table des matières. Gestion des pages courantes I N T E R F A C E A D M I N I S T R A T I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 2 R É D A C T E U R V. DARDENNE DÉCEMBRE 2009 > Table des matières Gestion des pages courantes > Accès

Plus en détail

Guide Rédacteur Typo3

Guide Rédacteur Typo3 Guide Rédacteur Typo3 Table des matières 1. Introduction 1 2. Login 1 3. Vue d'ensemble 2 1.1 Le mode Page...5 1.2 Le mode Voir...7 4. Créer une nouvelle page 8 5. Déplacer une page 9 6. Copier une page

Plus en détail

1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3

1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3 Sommaire 1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3 3 POUR DEMARRER UN PROGRAMME...4 4 POSITION ET DIMENSION DES FENETRES...5 POSITION...5 DIMENSION...5 UTILISER LES BARRES DE DEFILEMENT...7 POUR AFFICHER

Plus en détail

Parcours guidé du logiciel de présentation Impress

Parcours guidé du logiciel de présentation Impress Parcours guidé du logiciel de présentation Impress Dominique Lachiver http://lachiver.fr Version août 2011 Table des matières 1.AVANT-PROPOS... 4 1.1.PRÉSENTATION DE LIBREOFFICE... 4 1.2.QU'EST-CE QU'UN

Plus en détail

Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons

Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons Guide d'utilisation OpenOffice Calc AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons 1 Table des matières Fiche 1 : Présentation de l'interface...3 Fiche 2 : Créer un nouveau classeur...4

Plus en détail

CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE

CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE ETAPE 1 : CREATION DU QUESTIONNAIRE SIMPLE Nous allons concevoir un questionnaire sur les moyens de communications. Pour créer un formulaire, cliquez sur

Plus en détail

Réalisation de quelques pages Web / Activités et travaux d'élèves

Réalisation de quelques pages Web / Activités et travaux d'élèves Réalisation de quelques pages Web / Activités et travaux d'élèves Principe : Il s'agit de réaliser avec Dreamweaver qautre pages web (donc au format Html, hypertexte Markup Language) et les lier entre

Plus en détail

Créer des pages WEB à l aide de KompoZer.

Créer des pages WEB à l aide de KompoZer. Document élève 1/14 Créer des pages WEB à l aide de KompoZer. Document élève 2/14 INTERNET : CREATION D UN SITE PRESENTATION Un site web (aussi appelé site internet par abus de langage) est un ensemble

Plus en détail

1- CRÉER UN SITE WEB FRONTPAGE

1- CRÉER UN SITE WEB FRONTPAGE 1- CRÉER UN SITE WEB FRONTPAGE 1.1 Caractéristiques d un site Web FrontPage FrontPage 2003 est un logiciel de gestion de sites Web qui offre plusieurs outils pour simplifier les tâches de conception, de

Plus en détail

Initiation WORD. Module 2 : Les fonctions de base

Initiation WORD. Module 2 : Les fonctions de base Initiation WORD. Module 2 : Les fonctions de base Système d exploitation utilisé : Windows XP Service Pack 2 Créé par Xavier CABANAT Version 1.0 Document créé par Xavier CABANAT Page 1 sur 14 Avant propos.

Plus en détail

CARTES DE VISITE, CARTE DE VŒUX, ETIQUETTES AVEC OPENOFFICE

CARTES DE VISITE, CARTE DE VŒUX, ETIQUETTES AVEC OPENOFFICE CARTES DE VISITE, CARTE DE VŒUX, ETIQUETTES AVEC OPENOFFICE 1- Créer une planche 2- Indiquer les mesures 3- Indiquer le format de la page 4- Ajouter une bordure 5- Ajouter du texte 6- Ajouter une image

Plus en détail

Microsoft WORD. Sommaire :

Microsoft WORD. Sommaire : Le traitement de texte avec : Microsoft WORD Sommaire : 1 Le traitement de texte : usages typographiques ITALIQUE Règles Typographiques On se sert de l italique pour attirer l attention sur un mot, sur

Plus en détail

Initiation à OpenOffice

Initiation à OpenOffice Initiation à OpenOffice Le module de traitement de texte (Writer) Introduction: Le logiciel OpenOffice est un intégré bureautique (du type Works) contenant plusieurs applications: traitement de texte (Writer),

Plus en détail

Publier une Actualité ou un Evenement

Publier une Actualité ou un Evenement Site Web de l association des ingénieurs INSA de Lyon Publier une Actualité ou un Evenement Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

SAUVEGARDER SES DONNEES PERSONNELLES

SAUVEGARDER SES DONNEES PERSONNELLES SAUVEGARDER SES DONNEES PERSONNELLES Il est important de sauvegarder son environnement système Windows ainsi que ses données personnelles. Nous verrons dans ce tutorial comment créer un point de restauration

Plus en détail

Table des matières. Microsoft Excel 2007. Présentation de la nouvelle interface (1)

Table des matières. Microsoft Excel 2007. Présentation de la nouvelle interface (1) Microsoft Excel 2007 Table des matières Présentation de la nouvelle interface (1) Interface utilisateur Ruban Onglets qui s affichent uniquement lorsque vous en avez besoin (2) Onglets de programme (3)

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement Lancement du logiciel : ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Le tableur OpenOffice Calc o Menu Démarrer > Tous les programmes > OpenOffice.org > OpenOffice.org

Plus en détail

Contenu Microsoft Office 2013

Contenu Microsoft Office 2013 Contenu Microsoft Office 2013 Avec Windows 8.1 MODULE 1 INTRODUCTION À WINDOWS 8.1 SYSTÈME D EXPLOITATION WINDOWS 8.1 ENVIRONNEMENT DE WINDOWS 8.1 ÉCRAN D ACCUEIL DÉMARRAGE D UNE APPLICATION Revenir à

Plus en détail

Installation et paramétrage. Accès aux modèles, autotextes et clip- art partagés

Installation et paramétrage. Accès aux modèles, autotextes et clip- art partagés DSI Documentation utilisateurs Installation et paramétrage Accès aux modèles, autotextes et clip- art partagés Auteur : Yves Crausaz Date : 21 septembre 2006 Version : 1.04 Glossaire OOo : Abréviation

Plus en détail

Utiliser OpenOffice.org V.2 bbenard - wwwpages@free.fr. Table des matières. A propos de ce manuel. A savoir sur les barres de menu

Utiliser OpenOffice.org V.2 bbenard - wwwpages@free.fr. Table des matières. A propos de ce manuel. A savoir sur les barres de menu Table des matières A propos de ce manuel... 1 A savoir sur les barres de menu...1 insérer un tableau...2 insérer une image...2 modifier la taille d'une image...2 modifier les relations entre une image

Plus en détail

Mon premier site. Avec l explorateur de Windows créer dans «Mes documents» un répertoire nommé WebMonPremierSite.

Mon premier site. Avec l explorateur de Windows créer dans «Mes documents» un répertoire nommé WebMonPremierSite. Mon premier site Avec Kompozer nous allons réaliser notre premier site composé, dans un premier temps, de 4 pages : Une page d accueil de présentation personnelle liée à 3 pages : Mes loisirs préférés,

Plus en détail

Programme de Formation

Programme de Formation Windows / PC - initiation Etre à l aise avec Windows, savoir se situer, organiser son environnement et classer ses documents Tout utilisateur désireux d être rapidement autonome dans l utilisation de l

Plus en détail

Firefox : un navigateur web libre

Firefox : un navigateur web libre Firefox : un navigateur web libre Niveau débutant Niveau intermédiaire Niveau confirmé Firefox est un navigateur Web libre et gratuit qui a connu un succès croissant. Créé par la fondation Mozilla Firefox,

Plus en détail

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

Plus en détail

OpenOffice 2.3. Le traitement de texte «Writer» page 1 / 8

OpenOffice 2.3. Le traitement de texte «Writer» page 1 / 8 Le traitement de texte «Writer» page 1 / 8 1. Enregistrer un document au format souhaité (et souhaitable) 2. Personnaliser OpenOffice 2.3 3. Utiliser les tableaux 4. Insérer une image dans un traitement

Plus en détail

Traitement de textes

Traitement de textes Traitement de textes 1- Fonctionnalités de base de traitement de textes 1-1- Définition Logiciel de traitement de texte (Texteur) est un logiciel d application qui permet de produire des documents de texte

Plus en détail

Manuel d'utilisation pour Zimplit

Manuel d'utilisation pour Zimplit Manuel d'utilisation pour Zimplit Introduction Ce document vous présente un aperçu de l'interface utilisateur et les fonctions du gestionnaire de contenu Zimplit. Informations Générales Version: 0.3 Modifié

Plus en détail

Bureau de Windows et raccourcis

Bureau de Windows et raccourcis Bureau de Windows et raccourcis Présentation de Windows 1 Le Bureau de Windows Le Poste de travail Contenu du disque dur Les icônes principales du Bureau Les raccourcis - créer un raccourci d'un fichier

Plus en détail

Installation du logiciel

Installation du logiciel Hot Potatoes Hot Potatoes est un logiciel gratuit proposé par Half-Baked Software et l Université de Victoria au Canada. Il se compose de six modules permettant chacun de mettre au point différents types

Plus en détail

ETAPE 1 : PAGE D ACCUEIL

ETAPE 1 : PAGE D ACCUEIL SEANCE 3 : CREATION DES PREMIERES PAGE - TABLEAUX ETAPE 1 : PAGE D ACCUEIL Ta page d'accueil inclut ta présentation personnelle: ton nom, ta photo, ta classe. L'entête de la page d'accueil sera formé de

Plus en détail

LIVRET 2. Word. Les barres d outils

LIVRET 2. Word. Les barres d outils LIVRET 2 Word Les barres d outils Sommaire Généralités 3 La barre de titre 5 La barre de menus 6 La barre d outils Standard 12 La barre d'outils Mise en forme 17 La règle 20 La barre de sélection 22 Les

Plus en détail

Direction Informatique 02/11/2010

Direction Informatique 02/11/2010 Microsoft Word 2007 Direction Informatique 02/11/2010 Contexte de la formation: - Interface Ms Word 2007 - L utilisation des fonctions de Ms Word 2007 Objective: -Maîtriser le Ms Word 2007 Page 2/36 Introduction

Plus en détail

FENESTELA V.1.2005. Manuel Utilisateur

FENESTELA V.1.2005. Manuel Utilisateur FENESTELA V.1.2005 Manuel Utilisateur 1 Lors de l installation de Fenestela un Profil Administrateur et un bureau type est fourni. Pour accéder à votre Fenestela, ouvrez votre navigateur Web (Internet

Plus en détail

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation Interactive 2.0 Manuel d utilisation 1 Contenu Chapitre 1 : L Arborescence... 3 Créer un menu.... 3 Ordonner les menus... 6 Destruction d un menu.... 6 Chapitre 2 : Les pages... 7 Titre de votre page....

Plus en détail

L application «Présentation» ou «Impress»

L application «Présentation» ou «Impress» Suite bureautique «LibreOffice» L application «Présentation» ou «Impress» Table des matières Présentation de LibreOffice-«Impress» 4 Qu'est-ce qu'un logiciel de Présentation Assistée Par ordinateur PréAO

Plus en détail

Didapages. Création d'un livret numérique simple avec :

Didapages. Création d'un livret numérique simple avec : Création d'un livret numérique simple avec : Didapages. Installer Didapages. Créer un nouveau projet. Les outils du livret. Importer les éléments mutimédias 5. Créer un album multimédia simple 5.. Insérer

Plus en détail

Le Finder. Le bureau. La barre des menus : Elle est unique et se modifie en fonction de l application qui est au premier plan. Icône de dossier.

Le Finder. Le bureau. La barre des menus : Elle est unique et se modifie en fonction de l application qui est au premier plan. Icône de dossier. Le Finder C est l application (le programme) qui permet de communiquer avec l ordinateur à l aide d une interface graphique (bureau, menus, icônes, fenêtres). Le bureau C est ce qui s affiche sur l écran

Plus en détail

OPEN OFFICE.org. Sommaire :

OPEN OFFICE.org. Sommaire : Le traitement de texte avec : OPEN OFFICE.org OpenOffice Writer est la partie traitement de texte d'openoffice. org, la suite bureautique libre. Cette suite bureautique est téléchargeable librement et

Plus en détail

C2I CREATION DE PAGES WEB KOMPOZER

C2I CREATION DE PAGES WEB KOMPOZER C2I CREATION DE PAGES WEB KOMPOZER Philippe Rincon - kompozer prise en main - Le travail de la séance d'aujourd'hui consiste à reproduire un site existant, déjà en ligne. Au terme de la séance vous devrez

Plus en détail

LE TABLEUR PAR AUTEUR INITIAL : VINCENT MEUNIER

LE TABLEUR PAR AUTEUR INITIAL : VINCENT MEUNIER LE TABLEUR PAR AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales à l'identique 2.0 France http://creativecommons.org/licenses/by-nc-sa/2.0/fr/

Plus en détail

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare)

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare) Cantare 2 Introduction L outil logiciel Cantare s adresse à toute personne qui veut construire des leçons visant l apprentissage d une langue par l écoute de chansons ou de fichiers sonores dont les paroles

Plus en détail

Contenu Module 5 Traitement de texte de base Word 2000

Contenu Module 5 Traitement de texte de base Word 2000 Contenu Module 5 Traitement de texte de base Word 2000 Chapitre 1 Notions élémentaires Logiciel de traitement de texte Lancement de Word Exploration de l'écran Menus déroulants Sélectionner une option

Plus en détail

Dans la série Les tutoriels libres présentés par le site FRAMASOFT. FreeMind. Editeur de cartes heuristiques. http://freemind.sourceforge.

Dans la série Les tutoriels libres présentés par le site FRAMASOFT. FreeMind. Editeur de cartes heuristiques. http://freemind.sourceforge. Dans la série Les tutoriels libres présentés par le site FRAMASOFT FreeMind Editeur de cartes heuristiques Logiciel: FreeMind Auteur: Joerg Mueller Plateforme: Windows, Mac OS, Linux Version: 0.8.0 Licence:

Plus en détail

Contenu Windows 8 MODULE 1 AVANT-PROPOS MODULE 2 INTRODUCTION À WINDOWS 8 MODULE 4 APPLICATIONS WINDOWS 8 PARTIE 1 MODULE 3 PARAMÈTRES DE WINDOWS 8

Contenu Windows 8 MODULE 1 AVANT-PROPOS MODULE 2 INTRODUCTION À WINDOWS 8 MODULE 4 APPLICATIONS WINDOWS 8 PARTIE 1 MODULE 3 PARAMÈTRES DE WINDOWS 8 Contenu Windows 8 MODULE 1 AVANT-PROPOS CLAVIER SOURIS TERMINOLOGIE MODULE 2 INTRODUCTION À WINDOWS 8 SYSTÈME D EXPLOITATION WINDOWS 8 VERSIONS DE WINDOWS 8 ENVIRONNEMENT DE WINDOWS 8 ÉCRAN D ACCUEIL Démarrer

Plus en détail

1ère année LMD informatique/mathématique, UHL Batna. Module Bureautique. TD n 2 Windows XP

1ère année LMD informatique/mathématique, UHL Batna. Module Bureautique. TD n 2 Windows XP 1 TD n 2 Windows XP 1. Définition Windows est le système d'exploitation fourni par la compagnie Microsoft. Windows XP est un système multiutilisateur et multitâche qui fonctionne sur les micro-ordinateurs

Plus en détail