INITIATION A L'INFORMATIQUE

TP 2 : Utilisation de Word et de Composer.

Nous allons lors de ce TP nous familiariser avec deux outils de bureautique standard de Windows. Le premier de ces outils est le traitement de texte le plus répandu : Word. Ce traitement de texte est incorporé à une suite bureautique appelée le Pack Office (vendu par Microsoft), et proposant en plus de Word, un tableur, Excel, un générateur de présentation multimédia, PowerPoint, éventuellement une base de donnée, Access. Nous ne nous intéressons qu'à Word pour l'instant. Ensuite nous étudierons un deuxième outil qui est inclut dans Communicator de Netscape. Quand vous surfez sur le web, vous utilisez un navigateur (ou browser) soit Internet Explorer (fournit en standard avec Windows) soit avec Navigator. L'avantage de Communicator est qu'il intégre un navigateur web, une gestion des mails, des groupes de news et la composition de pages HTML (les pages que vous visualisez dans votre navigateur).

Dans ce deuxième TP, nous allons réaliser votre Curriculum Vitae (CV), dans un premier temps en utilisant Word et ensuite sous Composer. Le but est d'avoir à la fin de la séance, un CV qui soit imprimable (celui réalisé avec Word), et le meme CV (mais mis en forme différemment) publiable sur Internet.

1/ LE traitement de texte : Word.

Voici d'abord, une illustration de Word en train de tourner, si vous cliquez sur l'image vous l'obtiendrez  en plein écran. Comme vous le voyez, Word est un traitement de texte, il a donc pour but de saisir, transformer, mettre en page et finalement imprimer des documents écrits (lettres, rapports, livres, CV ....).

Comme toutes les applications, Word nous propose un menu, une barre d'outils, une zone de travail et une barre de statut. Nous allons examiner ces différents composants avant de nous mettre à réaliser notre CV.

a/ Word, prise en main.

Commencons par les différents menus :  le premier menu est l'icone Word il permet d'obtenir un menu concernant l'iconification et la restauration de l'application (on ne s'intéresse pas à cela pour l'instant).
 
Ensuite, plus intéressant est le menu Fichier. On remarque qu'il est organiser en six parties. La première partie permet de respectivement de créer un Nouveau fichier, d'Ouvrir un fichier existant, ou de Fermer le fichier courant (celui qui est actuellement visible). La deuxième partie nous fournit la possibilité d'Enregistrer le fichier courant, de l'Enregistrer sous un autre nom, ou de visualiser des informations le concernant avec Versions.

La troisième partie nous donne accés aux fonctionnalités de Mise en Page, d'Apercu avant impression et finalement à l'Impression du document courant. On ne s'occupe pas de la quatrième partie. La cinquième partie du menu est très intéressante car elle nous permet de recharger les derniers documents consultés avec Word (cela évite d'avoir à les rechercher manuellement dans l'arborescence des fichiers).

Enfin, la dernière partie du menu est assez explicite, elle nous permet de quitter l'application Word, en nous proposant si nécessaire de sauvegarder les fichiers qui sont actuellement édités et qui ont été modifiés.

Le second menu concerne l'Edition. Il nous permer de manipuler la sélection courante. Ainsi, lorsque vous sélectionnez une partie du texte à la souris (le texte apparait en blanc sur fond noir), vous pouvez Couper ou Copier ce morceau de texte. Ces opérations mémorisent le texte sélectionné dans une zone que l'on appelle le Presse-Papier. Inversement, vous pouvez Coller le morceau de texte qui est actuellement stocké dans le Presse-Papier. Notez d'ailleurs que cela fonctionne aussi avec des images, des tableaux ou tout objet.

Ce menu propose aussi deux fonctionnalités fort pratique : l'annulation de la dernière opération (Annuler Frappe) et Répéter Frappe, pour recommencer la meme action. Enfin, les fonctions Rechercher et Remplacer nous permettent d'effectuer la recherche d'un bout de texte ou de remplacer les occurences d'un mot dans le texte.

Passons maintenant au menu Affichage, qui fournit les opérations de présentation du document à l'utilisateur ainsi que les fonctionnalités d'accés aux En-tete et pied de page du document.
A priori, ces fonctionnalités ne nous servirons pas pour l'instant.
Le menu Insertion permet d'insérer et de manipuler différents types d'objets. Les Sauts correspondent à des sauts de pages, on peut aussi insérer des dates, des images ou des tableaux Excel par exemple.
Ce menu nous donne l'accés aux fonctionnalités liées au Format du texte. On peut par exemple changer la police (i.e. la fonte utilisée), créer et manipuler des colonnes et changer la casse. C'est aussi à cette endroit que l'on peut insérer des puces :
  • des "trucs" comme cela
  • <---- une puce !
Ou des listes, c'est la meme chose mais avec des numéros :
  1. Voici le premier point, suivit 
  2. du second ...
On a aussi accès aux options de Mise en Forme et de Style. N'hésitez pas à sélectionner et explorer ces différentes fonctionnalités.
Comme son intitulé l'indique, ce menu est dédié à la manipulation des Tableaux. Ce menu nous donne ce genre de résultats :
 
Voici un exemple
de tableau
pour illustrer
ce que l'on peut réaliser

Une fois le tableau créé, on peut le modifier en rajoutant, supprimant des lignes ou des colonnnes, et régler tout un tas de propriétés comme les alignements et les bordures, etc ...

Le menu Fenetre propose la liste des documents actuellement ouverts. Il nous permet de passer d'un document à l'autre.
Enfin, le dernier menu ? correspond au menu d'aide. Vous pouvez l'essayer, vous remarquerez que l'interface correspond à celle que vous obtenez lorsque vous demander l'aide sous Windows.

Nous en avons fini avec notre rapide tour des menus, vous aurez remarqué que certains sous-menu possède une icone, et que vous retrouvez ces icones dans la barre d'outils :  effectivement, les fonctionnalités de Word sont accessibles via différentes intéractions : les menus, la barre d'outils, ou les raccourcis claviers. La barre d'outil n'est donc qu'une redondance facilitant l'accés aux fonctionnalités les plus souvent utilisées. Il est d'ailleurs possible de configurer soit meme cette barre d'outil pour faire apparaitre les fonctionnalités que l'on désire. Rassurez-vous nous n'irons pas jusque là aujourd'hui !
 
Après le menu et la barre des outils, nous en arrivons à notre zone de travail : l'endroit dans lequel nous allons saisir et mettre en forme le texte. De nouveau, il vous suffit de cliquer sur l'image pour mieux la voir. La zone de travail se présente comme une feuille de papier, entourée de règles (en haut et sur la gauche), et d'ascenceurs (àdroite et en bas). Il n'y a pas grand chose à rajouter, si ce n'est que l'on tape le texte dans la zone blanche (i.e. la feuille) et que l'on peut faire défiler les feuilles les unes à la suite des autres en utilisant les ascenceurs, ou les touches à coté du pavé numérique.
Enfin, le bas de l'écran est composé d'une barre d'outils nous donnant accès aux fonctions de dessins, cela permet de réaliser des petits shémas (sans avoir à lancer un logiciel de création graphique) : 
Tandis que tout en bas, nous disposons d'une barre de statut fournissant des informations sur le document et l'éditeur, comme le numéro de la page courante, le numéro de section, le nombre de page et des informations concernant la position du curseur (ligne/colonne). Voila, maintenant que nous avons effectué notre petit tour du propriétaire, nous allons pouvoir commencer la réalisation de notre CV !

b/ Réalisation du Curriculum Vitae sous Word.

Dans un premier temps, récupérer le fichier word suivant (qui est juste un exemple de CV) en cliquant ici. Créer un nouveau document en vous inspirant du CV que vous venez de charger. Lorsque vous avez terminé, enregistrez votre fichier dans votre répertoire au format word.

c/ Exportation du CV en HTML.

Maintenant exportez votre fichier mais au format HTML (HyperText Markup Language), le format des pages webs. Cliquez ici pour voir le résultat obtenu avec le fichier d'exemple. Lancez le navigateur Navigator ou Internet Explorer et ouvrez ce fichier. Comme vous le constatez le résultat est assez pitoyable, on comprends mieux l'intéret d'utiliser Composer pour construire notre version web du CV. Nous n'utiliserons donc pas Word pour réaliser nos pages Web, mais plutot des outils dédiés comme FrontPage ou Composer. Cependant, il faut savoir qu'il existe des outils encore plus performant permettant de gérer un ensemble de pages webs (i.e. un site web) de manière cohérente et efficace.

Important : petite manipulation à faire pour pouvoir accéder à Composer !

  1. Lancer le programme Navigator, allez dans le menu Options et sélectionnez Network Configuration, ensuite cliquez sur l'onglet Proxies. Sélectionnez Manual Proxy Configuration et cliquez sur le bouton View. Maintenant, vous pouvez entrer dans les zones de saisie ftp et http l'adresse suivante : cache-etu.univ-lille1.fr et dans la zone juste à coté intitulée Port, entrez : 3128.
  2. Maintenant vérifiez que vous avez l'accés au Net en essayant l'adresse : www.yahoo.fr, si elle apparait, vous pouvez quitter Navigator.
  3. Effacez le répertoire nc46 dans C: si il existe.

  4. Maintenant lancez Communicator (situé dans sur le disque Applications -> nc46 -> Program), vous allez devoir entrer un nouveau Profil, on ne s'en préoccupe pas pour l'instant. Appuyer sur Suivant, et lorsque vous devrez saisir le répertoire ou stocker les fichiers précisez C: ou lieu de F:, puis appuyez sur Suivant, Suivant ... jusqu'a Terminer. Normalement, a ce moment Communicator devrait se lancer.

2/ L'éditeur HTML de Communicator : Composer.

Passons maintenant à notre éditeur de fichier HTML. Nous utiliserons Composer car il a l'avantage d'etre simple et ergonomique, et en plus il est fournit avec Navigator. Pour lancer Composer, appuyer sur le bouton Composer de la petite fenetre qui s'est ouverte à coté de Navigator. Composer se présente comme Word, en effet on retrouve en haut les menus, juste en dessous une barre d'outils, au centre notre zone de travail.

Comme pour Word, les fonctionnalités sont accessibles depuis les menus ou la barre d'outils. On remarquera que comme pour Word, la zone de travail nous présente le document tel qu'il serait si on l'imprimait (WYSYWYG : What You See Is What You Get).

a/ Composer, prise en main.

Composer se présente commme Word, nous n'allons donc pas détailler les menus un-à-un, mais vous pouvez (et c'est meme conseillé) explorer les différents menus. Voici une capture d'écran présentant les principaux outils de Composer.

Nous allons détailler chacun des icones de la barre d'outils. L'icone New permet de créer un nouveau fichier, Open d'ouvrir un fichier existant (sur votre compte par exemple), et Save de sauvegarder le fichier courant. L'icone Publish permet de transférer la page et les ressources associées à la page que nous avons crée sur un site Internet. Effectivement, les pages que vous créez à l'aide de Composer sont stockées en local (sur votre compte) et ne sont donc pas accessibles depuis le net. Pour cela, il faut disposer d'un emplacement sur une machine possédant un serveur Web, et aller déposer vos fichiers sur cette machine. L'icone Browse permet la visualisation dans Navigator de la page que vous etes en train d'éditer. Ensuite, les trois icones suivants servent aux fonxtionnalités d'Edition Cut, Copy, Paste (tout pareil que Word :-). On dispose ensuite de deux icones pour imprimer (Print) la page courante, et pour rechercher (Find) un mot dans le document.

Le dernier icone Spelling nous donne accés à un dictionnaire nous permettant de vérifier l'orthographe. Si la version de Communicator est la version anglaise, cela ne nous sera pas d'une grande utilité (à moins que vous ne rédigiez votre CV en anglais ;-). Il nous reste maintenant les cinq icones de mise en page, permettant de créer des liens hypertexte Link, créer des cibles Target, insérer des Images, dessiner une ligne de séparation (Line) et construire des Tables. La notion de ligne de séparation et de tableau correspondent à celle de Word. Lorsque vous créez une table vous pouvez spécifier le nombre de colonnes et de lignes, et régler par exemple la taille des bordures, les espacements, les couleurs du fond ... De meme l'insertion d'une image se fait simplement, il est possible de régler la taille et les alignements. Par contre les deux icones Link et Target sont très importants car ils permettent de créer des hyperliens (i.e. des liens entres différents documents).

Par exemple, je peux taper la phrase "cliquer ici pour aller sur Yahoo", et en sélectionnant ce texte puis en cliquant sur Link, je vais pouvoir donner l'adresse de la page que je vise (dans notre cas http://www.yahoo.fr), et cela donnera : "cliquer ici pour aller sur Yahoo". Voila, nous avons crée un hyperlien, si je le sélectionne je me retrouve sur Yahoo. La notion de cible Target, permet de mettre des ancres dans un document, ce qui permet de faire un hyperlien non pas vers le haut du document, mais directement sur le partie significative. Par exemple, voici un hyperlien vers une cible dans cette page correspondant à Composer, prise en main. si vous le sélectionnez, vous vous retrouverez sur ce chapitre.

b/ Réalisation du CV sous Composer.

Maintenant que l'on a rapidement fait le tour de Composer, recommencez votre CV en utilisant les fonctionnalités de Composer. Vous pourrez vous inspirer du fichier d'exemple que vous pourrez visualiser en Cliquer ici. Effectivement, on se rend compte de la différence de qualité et donc d'intéret que peut susciter une telle page par rapport à l'exportation que propose Word. N'hésitez pas à utiliser les tables, elles structurent mieux l'information. D'autant plus qu'il est possible de les rendre invisibles en réglant leur bordure à 0.

Maintenant que vous connaissez les possibilités de Composer : l'insertion d'images, la création de tableau, les différentes fontes, et surtout la notion de lien hypertexte, n'hésitez pas a reprendre votre CV pour le rendre plus interactif. Essayez par exemple d'avoir un menu vous permettant d'accéder directement aux rubriques vous concernants (Loisirs, Jobs de vacances ...). Puisque vous avez accés au net, récupérez un fond d'écran et ajoutez le à votre page, insérer des images ...