dévéloppement de sites web - msh-paris.fr
TRANSCRIPT
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
1
Dévé loppement de S i tes Web
Cours VI :
La publication d'informations (textuelles) sur le web
Peter Stockinger
Séminaire de Maîtrise en Communication Interculturelle à l'Institut National des Langues et Civilisations Orientales
(INaLCO)
Paris, 2000 - 2002
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
2
Sommaire
Introduction.............................................................................................................. 3
Partie I ...................................................................................................................... 7
1) La publication sur le web avec Word de Microsoft............................................. 7
2) Créer un document html avec Word.................................................................... 9
3) Créer des liens hypertextuels avec Word........................................................... 13
4) Autres options pour une publication sur le web ................................................ 20
5) Importer un fichier HTML sous Word dans Dreamweaver............................... 22
Partie II................................................................................................................... 26
6) La publication web avec Acrobat ...................................................................... 26
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
3
Introduction
Une des fonctions principales d'un site web est celle d'"informer"
(au sens large du terme) ses visiteurs sur un certain domaine, une
problématique, un événement, etc.
Les informations peuvent être non seulement de nature très
diverses mais aussi, d'un point de vue informatique, éditées à l'aide
de toute une variété de logiciels.
Par exemple, les informations peuvent être de nature textuelle,
elles peuvent s'exprimer à travers des images statiques, des dessins,
des graphiques; elles peuvent s'exprimer à travers des documents
audiovisuels, des animations; elles peuvent se présenter aussi d'une
manière structurée (c'est-à-dire faisant partie d'une base de données
d'informations et adoptant ses formats d'organisation), et ainsi de
suite.
Encore à l'heure actuelle, la plus grande partie de l'information
s'exprime à travers le medium textuel, bien que l'image et aussi
l'information graphique, comme on le sait, sont devenues
omniprésentes dans la vie de tous les jours et aussi dans la vie
professionnelle.
Ceci étant, pour traiter et éditer une information (textuelle,
graphique, par l'image statique, par l'image animée, sous forme
structurée, etc), il existe toute une variété de logiciels auxquels il faut
avoir recours et qu'il faudrait maîtriser au moins partiellement si on
souhaite se servir des nouvelles technologies de l'information pour
communiquer, partager et conserver ses informations. Dans ce cours
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
4
et dans les cours suivants (VII et VIII), nous allons prendre
connaissances de quelques uns de ces logiciels et essayer d'en
obtenir une vision suffisamment claire pour pouvoir les utiliser dans
une optique de publication d'informations spécialisées (de recherche,
…) sur le web.
Pour commencer : à l'aide du logiciel Dreamweaver, nous pouvons
:
1) publier directemment en format html des informations (il suffit,
pour cela de taper le texte dans une nouvelle page html ouverte sous
Dreamweaver; cf.à ce propos les explications détaillées dans le cours
IV sur les différentes stratégies de créer une page web et d'y mettre
de l'information, du "contenu")
2) importer des documents html (ou autres) réalisés par d'autres
logiciels dans un fichier html ouvert sous Dreamweaver.
Cette deuxième solution peut s'imposer si, par exemple, on a des
documents word (extension .doc) et si on veut les transformer en .html
pour les publier sur le web. De même, peut-on transformer une
application Excel ou encore une présentation Powerpoint en format
html pour les publier ensuite sur un site web.
Ceendant, il existe encore une troisième, voire une quatrième
option de publication d'information sur le web :
3) Garder tels quels les fichiers avec leurs extensions (.doc; .ppt;
.xls; …) contenant les informations qu'on souhaite publier sur le web;
enregistrer les différents documents dans un sous-répertoire de votre
site - sous-répertoire appelé, par exemple, documents) produire, sous
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
5
Dreamweaver, une page html contenant les intitulés des documents
en question et à partir desquels on crée des liens vers lesdits
documents se trouvant dans un sous-répertoire dédié du site).
Cette troisième solution a ses avantages et inconvénients.
Principale avantage : on garde tous les aspects de formatage "natif"
(le html est très pauvre par rapport au format word ou powerpoint ou
excel) ; principal inconvénient : si votre visiteur ne possède pas les
logiciels en question, il ne pourra pas lire les documents …
4) Transformer vos fichiers "natifs" (doc, xls, ppt, images, …) en
.pdf (portable document format) d'Adobe; les copier dans le répertoire
dédié aux documents mis en ligne de votre site, créer une page html à
l'aide de Dreamweaver dans laquelle figure les intitulés de vos fichiers
pdf et à partir desquels, par simple clique, le visiteur peut accéder à
vos documents moyennant deux conditions 1) il a le droit de le faire
(c'est vous qui le définissez); 2) il à le "plugin" Reader d'Adobe - petit
programme gratuit pour pouvoir ouvrir et lire un document pdf.
Cette quatrième solution possède plusieurs avantages : qualité de
fichiers pdf; fichiers pdf très peu lourds et donc facilement accessibles
par tout internaute; l'auteur peut intervenir sur un fichier pdf pour y
ajouter un ensemble de caractéristiques : sécurité, interaction,
commentaire, etc.; moyennant le plugin gratuit, tout visiteur peut lire
un fichier pdf.
Une cinquième solution dépasse le cadre de ce cours : il s'agit de
l'élaboration d'une base données (par exemple en Access) …
Dans ce cours nous allons nous occuper surtout de deux logiciels :
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
6
1) le logiciel de traitement de texte Word (Word 98; Word 2000;
Word pour XP; …)
2) le logiciel de création et de gestion de fichiers pdf qui est
Acrobat d'Adobe (version, actuellement la dernière version).
Dans le cours VII, nous nous occuperons plus particulièrement du
logiciel Photoshop d'Adobe pour l'acquisition (la numérisation), le
traitement des images et leur exportation dans un format compatible
web.
Dans le cours VIII, nous allons présenter succinctement plusieurs
logiciels pour l'acquisition, le traitement et l'exportation pour le web de
vidéos (analogiques ou numériques).
Dans le cours IX, nous allons enfin encore présenter le logiciel
Powerpoint de Microsoft pour la création de présentations multimédias
et leur exportation en format html.
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
7
Partie I 1) La publication sur le web avec Word de Microsoft
Word fait partie d'un ensemble de logiciels dits bureautiques très
largement utilisés dans le monde entier. Il s'agit de :
- Excel, le tableur le plus connu dans le monde (destiné à la
création de tables et de graphiques représentant les données
dans les tables).
- Powerpoint, un logiciel très populaire pour la création de
présentations multimédias utilisables dans des contextes les
plus variés.
- Access, un logiciel de base de données relationnelle (et
entièrement compatible ODBC permettant alors des echanges
avec les bases de données les plus connues : SQL serveur,
Oracle, dBase III et IV, Paradox, Informix, …)
- Frontpage, un autre éditeur de pages web et de sites web.
- Oulook, un logiciel de production te de gestion de courrier
électronique.
- Web Publisher, ….
Dans ce cours, nous ne tenons compte que du logiciel Word. Il va
de soi qu'une connaissance - même sommaire - de la suite de
logiciels cités ci-dessus (est appelée aussi Microsoft Office) est un
atout extrêmement précieux aussi bien dans le cadre de la recherche
et de l'enseignement que dans celui de la vie professionnelle ….
Nous supposons, dans ce cours, que vous savez utiliser le logiciel
Word pour fabriquer un texte quelconque.
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
8
Note :
Pour la suite, il est très conseillé que vous éditiez un petit fichier
quelconque en format .doc (i.e. format standard pour Word) et que
vous le placiez dans un sous-répertoire à part - sous-répertoire que
vous intitulez, par exemple, "wordhtml"
Prenons, par exemple, ce texte-ci ("Cours VI") tel qu'il se présente
actuellement et supposons que nous souhaitons le mettre en ligne.
Comme déjà signalé dans l'introduction, plusieurs possibilités
s'offrent alors, dont plus particulièrement les trois suivantes :
- I) enregistrer ce document word en format .html et l'importer
dans une page html ouverte sous Dreamweaver
- II) enregistrer ce document dans un autre format (.doc ou .rtf) et
le copier dans un sous-répertoire reservé de votre site web
- III) transformer ce document en un fichier pdf
Nous allons voir maintenant surtout la première solution.
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
9
2) Créer un document html avec Word
Si vous optez pour cette solution, procédez comme suit (c'est asez
simple)
1) Lancez Word (2000)
2) Ouvrez, dans la rubrique Fichier de la barre de menu, votre
document (exemple utilisé ici : "PubliWord") (figure 1)
3) Choisissez, dans la rubrique Fichier, l'option Enregistrer sous
HTML (anglais, Save as html) (figure 2)
4) S'ouvre une boîte de dialogue : tappez un nouveau nom pour
votre fichier, choisissez comme emplacement le sous-répertoire dans
votre site qui contiendra tous les documents publiés sur le web,
cliquez sur ok; acceptez l'avertissement qu'une page html ne peut pas
garder toute la mise en page d'un document word. Vous allez voir sur
votre écran votre document word transformé en fichier html. Examinez
le (figure 3).
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
10
(figure 1)
(figure 2)
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
11
(figure 3)
Vous venez de transformer un fichier Word (avec l'extension .doc)
en un fichier html que vous pouvez publier sur le web.
Cliquez sur l'icône souligné en rouge dans la figure 3 (juste en
dessous "Edit"), vous allez pouvoir visionner votre document html
dans un navigateur (i.e. Explorer de Microsoft) (figure 4).
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
12
(figure 4)
Vous pouvez améliorer votre texte html avec Word. Par exemple,
vous pouvez créer des liens hypertextuels à l'intérieur de votre texte,
vous pouvez introduire des images d'arrière-fond, vous pouvez
également introduire des images tout court, voire des fichiers son (qui
se déclenchent quand quelqu'un ouvre le document/accède à telle ou
telle page) ou encore des fichiers vidéo. En somme, Word propose un
environnement très riche pour l'édition et la publication d'un document
html. Le problème étant que ces documents produits, développés à
l'aide de Word ne peuvent être visualisés correctement que sous le
navigateur Explorer. Si vous utilisez le navigateur Netscape, le résultat
de visualisation d'un document html produit à l'aide de Word peut être
parfois assez décevant …
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
13
3) Créer des liens hypertextuels avec Word
Pour créer des liens hypertextuels à l'intérieur de votre document
html, voici la démarche à suivre. Supposons que vous souhaitez créer
un petit menu interne au document comme vous pouvez le voir dans
la figure 5, voici la démarche à suivre :
(figure 5)
1) Ouvrez votre document html
2) Cherchez le paragraphe (le chapitre) "Introduction", positionnez
votre souris jouste avant ou juste après le titre "introduction"
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
14
3) Ouvrez la rubrique Insert, dans la barre de menu, et
sélectionnez ensuite Bookmark (signets) (figure 6)
(figure 6)
4) S'ouvre une boîte de dialogue qui vous invite à nommer, à créer
un nom pour votre bookmark ("ancre") - tapez, par exemple,
"introduction" (figure 7) et cliquez sur "add"; fermez la boîte de
dialogue
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
15
(figure 7)
6) sélectionnez, maintenant, dans votre document html, l'intitulé
"Introduction" dans le menu (figure 8)
(figure 8)
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
16
5) Cliquez, dans la barre d'outils web (figure 9), sur l'icône
symbolisant le monde et une chaîne (= "créer un lien hypertextuel")
(figure 9)
6) S'ouvre alors la boîte de dialogue suivante (figure 10).
(figure 10)
7) C'est le deuxième champ qui nous intéresse dans la dite boîte.
Cliquez sur le bouton Select (figure 10) et vous verrez apparaître une
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
17
boîte contenant justement le ou les bookmarks (signets, ancres) que
vous venez justement de définir (figure 11).
(figure 11)
8) Si votre boîte contient plusieurs bookmarks, sélectionnez celui
correspondant à "introduction" (i.e. celui auquel le lien hypertextuel qui
part du titre "Introduction" dans le menu de votre document doit
aboutir) et cliquez sur "OK". Vous venez de créer un lien hypertextuel
dans votre document html à l'aide du logiciel Word. Testez votre lien
(vos liens) dans le navigateur Explorer de Microsoft (une fois votre
document html enregistré, bien évidemment).
9) Si vous avez encore d'autres liens hypertextuels à créer, répétez
les étapes 1 - 8 autant de fois que nécessaires.
Dans la figure 10, on peut constater que la même boîte de
dialogue prévoit la création de liens hypertextuels à l'intérieur d'un
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
18
même document html qu'entre le document html et d'autres
ressources en ligne (i.e. d'autres documents html, des sites et pages
web, etc.). Pour faire cela :
1) Sélectionnez dans votre document html le ou les mots qui
servent comme point de départ d'un lien hypertextuel (i.e. qui doivent
dévenir "interactifs") (figure 12)
(figure 12)
2) Cliquez sur l'icône de création de liens hypertextuels (le monde
avec la chaîne) et tappez dans le premier champ de texte l'adresse
(l'URL) du site ou de la page web qui sert comme destination du lien
hypertextuel (dans notre cas : point de départ : l'acronyme ESCoM
dans le document html - point d'arrivée : le site de l'ESCoM) (figure
13). N'oubliez pas de tester vos liens hypertextuels dans le navigateur
Explorer de Microsoft ….
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
19
(figure 13)
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
20
4) Autres options pour une publication sur le web
Comme déjà dit ci-dessus, Word offre encore toute une gamme de
possibilité pour agrémenter, "augmenter" l'organisation de votre
document html. Afin d'en avoir une idée plus précise :
1) Ouvrez d'abord, dans Word, votre document html
2) Cliquez ensuite sur la rubrique Insert et examinez les différentes
possibilités qu'offre Word pour augmenter l'organisation de votre
document (figure 14)
3) Vous y voyez plus particulièrement la possibilité d'y ajouter une
image d'arrière fond, des images tout court, un fichier vidéo, une
bande son d'arrière fond (pouvant contenir, par exemple, un message
de bienvenu ou d'alerte, …). Une autre option est celle de créer un
"scroll", c'est-à-dire un texte qui défile de gauche à droite ou de droite
à gauche. Enfin, tout un ensemble d'options sont réservées pour
integrer votre document html crée avec Word dans un environnement
dynamique (avec des formulaires, etc.).
N'hésitez pas à faire vos propres expériences ….
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
21
(figure 14)
Aussi longtemps que votre document word transformé, par le
logiciel Word, en document html, reste simple, on peut espérer que
Netscape l'affiche plus ou moins correctement. "Simple" veut dire ici
un document html pourvu de liens hypertextuels à l'intérieur du
document et à l'extérieur. C'est, d'ailleurs, l'essentiel.
Ceci étant, afin de "nettoyer" le code html assez propre à Microsoft
Word, on peut l'importer dans Dreamweaver, l'y soumettre à une
analyse - correction et en obtenir un fichier html plus "propre", i.e. plus
proche du standard html.
Mais les résultats sur les deux principaux navigateurs restent
pratiquement inchangés : Explorer, bien évidemment, réussit à
afficher tout correctement tandis que Netscape n'affichera - après
"nettoyage" du code par Dreamweaver - pas non plus ce qu'il n'a pas
pu afficher avant.
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
22
5) Importer un fichier HTML sous Word dans Dreamweaver
L'intérêt de l'importation d'un fichier html crée sous Word dans
l'environnement Dreamweaver consiste de pouvoir le traiter ensuite
comme n'importe quel fichier html crée avec Dreamweaver et, surtout,
de garder une cohérence parmi tous les fichiers html d'un site web.
Voici en quelques mots les étapes principales de l'importation d'un
document html crée avec Word dans l'environnement Dreamweaver.
1) Lancez Dreamweaver
2) Ouvrez la rubrique "Fichier" et, puis, cliquez sur la sous-rubrique
"Importer" > "Importer HTML Word" (figure 15)
(figure 15)
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
23
3) Sélectionnez, via la boîte de dialogue, le fichier html crée sous
Word que vous souhaitez importer dans Dreamweaver (figure 16)
(figure 16)
4) Vous allez vous trouver devant une boîte de dialogue qui vous
précise les différents paramètres selon lesquels le nettoyage du
document html crée sous word sera fait. Vous pouvez les modifier, par
exemple, désélectionner, tel ou tel paramètres; mais il est indiqué de
laisser la configuration par défaut (figure 17).
5) Cliquez sur OK et vous verrez le résultat du nettoyage (figure
18) sous forme d'un petit résumé de ce que Dreamweaver a pu
corriger. Un résumé détaillé du processus de nettoyage est également
disponible.
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
24
(figure 17)
(figure 18)
6) En cliquant sur "OK" (figure 18), vous pouvez voir afficher le
document html crée avec Word mais nettoyé par Dreamweaver (figure
19). En comparant cette version "nettoyée" avec la version originale,
vous allez certainement constater des différences (de composition,
d'affichage, …): ces différences sont justement les conséquences
directes du travail de nettoyage entrepris par Dreamweaver.
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
25
7) L'intérêt de l'opération ? Tout en vous servant de Word pour
créer vos documents textes, vous pouvez maintenant travailler avec
ce document comme avec n'importe quel fichier html crée sous
Dreamweaver, c'est--dire en vous servant de tout l'environnement très
riche de ce logiciel pour agrémenter, "augmenter", … votre document
préalablement crée dans Word …
8) Note : Mémorisez vous bien ces procédures de conversion d'un
fichier .doc en un fichier .html et, puis, de l'importation et du nettoyage
d'un document html, crée avec Word, dans l'environnement
Dreamweaver …. C'est certainement une des procédures les plus
importantes dans le cadre de la création et gestion de sites web
d'information.
(figure 19)
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
26
Partie II 6) La publication web avec Acrobat
Le logiciel Acrobat (version 4 ou 5) est composé, en fait, par
plusieurs logiciels spécialisés en l'exportation d'un fichier donné en un
fichier en format .pdf ("portable document format"). Tout internaute
disposant du plug in Acrobat Reader - gratuitement téléchargeable sur
le site d'Adobe (http://www.adobe.fr/products/acrobat/readstep2.html) -
peut visualiser des fichiers pdf.
Le format pdf est devenu une norme internationale en gestion
(production, édition, diffusion, partage, …) de documents
électroniques. A l'aide d'Acrobat 4 ou 5, on peut convertir un très
grand nombre de formats en format .pdf - format pouvant être
visualisé par n'importe qui à l'aide du plug-in gratuit Acrobat Reader.
En convertissant donc un fichier .doc, .html, .ppt, .eps (illustrator), .swf
(Flash), etc. en .pdf, on peut être sûr que celui-ci peut être visualisé
par tous les internautes possédant le dit plug in gratuit.
Bien qu'Acrobat (version 4 ou 5) est une suite de logiciels, nous ne
présentons ici succinctement le pdf Writer. Il suffit pour notre propos
…
Pour la suite, veuillez préparer un document word (enregistré avec
l'extension .doc) et un nouveau répertoire dans votre site (vous
pouvez l'appeler "documents_web").
Ouvrez votre document word avec le logiciel Word (figure 19).
Ouvrez ensuite la rubrique Fichier (File) dans la barre de menu et
cliquez sur Imprimer (figure 20).
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
27
Lorsque la boîte de dialogue de l'impression s'ouvre, choisissez
dans le champ Imprimantes PDF Writer (ou encore PDF Distiller - une
version améliorée du PDF Writer) (figure 21).
N.B. : Le PDF Writer est en effet considéré comme une
"imprimante virtuelle" - il n'imprime pas votre document word mais il le
transforme justement en un document pdf. Et cette transformation est
appellée "impression".
(figure 19)
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
28
(figure 20)
(figure 21)
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
29
PDF Writer vous demande ensuite (figure 22) où (dans quel
répertoire) vous souhaitez enregistrer votre document et sous quel
nom : enregistrez le dans le répertoire "documentsweb" et donnez lui
un nom à votre convenence.
(figure 22 )
Une fois le processus de la transformation du document word en
un document pdf (i.e. l'"impression virtuelle") terminée, votre
document s'affiche dans un nouvel environnement - dans
l'envrionnement d'Acrobat - sous forme d'un document pdf (cf. figure
23).
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
30
Notez tout de suite que pdf n'est pas - comme .doc - un standard
de traitement de texte. Il y a donc très peu de possibilités d'améliorer
votre texte - tout cela vous devez faire dans l'environnement de votre
logiciel de traitement de textes (i.e. Word).
Donc : un conseil : convertissez votre document Word seulement
lorsque vous êtes sûr qu'il s'agit là d'un document définitif, d'un
document ne devant subir que peu de changements quand à son
contenu.
(figure 23 )
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
31
(figure 24)
Dans la figure 24, vous voyez l'essentiel de l'interface de travail du
logiciel Adobe :
- La zone 1 recouvre un ensemble d'outils d'enregistrement,
d'impression, etc. d'un document pdf
- La zone 2 recouvre les outils de recherche par mots clé dans
un document pdf
- La zone 3 recouvre les outils destinés à la navigation à
l'intérieur d'un document pdf
- La zone 4 concerne l'échelle de l'affichage de votre document
pdf (100 % étant la taille réelle de celui-ci)
- La zone 5 propose différentes formes d'affichage d'une page
de votre document pdf
- Les zones 6 et 7 recouvrent un ensemble d'outils simples pour
retoucher un texte ou une ligne, voire pour ajouter quelques
mots à un document pdf.
- La zone 8 recouvre des outils permettant d'ajouter des
éléments à un document pdf et aussi - ce qui nous intéresse le
plus ici - des liens hypertextuels voire d'autres scripts
interactifs.
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
32
Vous pouvez expérimenter par vous même ces différentes familles
d'outils.
Ici, nous allons considérer maintenant plus en détail l'ajout de liens
interactifs à un document pdf (cf. figure 25). Il existe deux sortes de
liens :
- La première sorte de liens est limitée à l'intérieur du document
(du sommaire au chapitre; d'un mot M à un paragraphe
correspondant, …).
- La deuxième sorte recouvre les liens hypertextuels entre une
partie du document pdf et un site web, une ressource
d'information en ligne, etc.
(figure 25)
Commençons avec le premier type de liens. Naviguez - à l'aide des
outils de navigation d'Acrobat - vers la page du sommaire de votre
document. Cliquez sur l'icône représentant une chaîne et symbolisant
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
33
"créer un lien hypertextuel". Passez votre souris sur le titre du premier
chapitre - tout en tenant enfoncé votre souris. Un petit cadre
rectangulaire devient visible (cf. figure 26).
(figure 26 )
S'ouvre ensuite un boîte de dialogue qui vous aidera à créer un
lien entre le titre du premier chapitre dans le sommaire et le premier
chapitre lui-même. Vous pouvez décider si le rectangle doit rester
visible et, si oui, avec quelle couleur, etc. (figure 35).
Mais c'est le champ "Action" dans la même boîte de dialogue, qui est
le plus important. Car ici vous définissez justement l'"action" à
enclencher si l'utilisateur passe, dans notre cas, avec sa souris au
dessus (ou clique sur …) le petit rectangle préalablement crée.
Pour créer un lien entre un titre d'un sommaire et son chapitre, il faut
activer "Atteindre la vue" (figure 26).
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
34
(figure 27)
Une fois l'option "atteindre la vue" cochée, vous devez encore vous
déplacer à la page où commence le chapitre en question et cliquez
sur le lien "définir le lien" (figure 28).
Enfin cliquez sur le bouton "Définir le lien" et testez par vous même
si le lien a été correctement installé (figure 29).
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
35
(figure 28)
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
36
(figure 29)
Maintenant, pour créer un lien hypertextuel entre une partie du
document pdf et un site, une ressource "extérieure", voici la procédure
à suivre:
Ouvrez un document pdf et cliquez ensuite sur l'icône de la chaîne
(30).
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
37
(figure 30)
Créez, en maintenant enfoncé votre souris, un petit rectangle (cf.
figure 30).
S'ouvre ensuite une boîte de dialogue qui vous invite à préciser un
ensemble d'informations assez évidentes (figure 31).
Cliquez surtout sur le champ "modifier url" (= unique resource
locator) (figure 31) et tappez ensuite l'adresse web du site ou de la
ressource en ligne (figure 32). Attention à ne pas faire de fautes
d'orthographe …
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
38
(figure 31)
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
39
(figure 32)
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
40
Voici encore un bref tour d'horizon des principales rubriques du
logiciel Acrobat d'Adobe.
La rubrique Fichier (figure 33) recouvre des options que nous
connaissons des logiciels de traitement de textes, d'images, etc :
ouvrir un fichier, créer un nouveau fichier, enregistrer, etc.
Une option très importante ici concerne la protection d'un
document pdf. Cliquez sur Enregistrez sous, et puis, sur Option. Vous
pouvez interdire l'accès libre à votre document pdf et exiger un mot de
passe pour pouvoir y accéder. Vous pouvez également décider de
donner libre accès à votre document pdf mais à interdire son
impression, d'éventuelles modifications du document, etc.
(figure 33)
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
41
(figure 34)
Aussi la rubrique Edition (figure 34) recouvre un ensemble
d'options que nous connaissons d'autres logiciels : copier, coller, ….
Une option très intéressante est celle de faire des recherches (par
mots clé) sur le contenu du document ou encore d'un ensemble (d'un
corpus) de documents.
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
42
(figure 35)
La rubrique Document (figure 35) permet de naviguer à l'intérieur
du document et d'y ajouter des pages ou, au contraire d'en extraire
d'autres. Aussi certaines opérations relatives au re-cadrage d'une
page, etc. sont disponibles.
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
43
(figure 36)
La rubrique la plus riche est celle des Outils (figure 36). Elle
permet, par exemple, d'extraire, sur Internet, des pages web, voire
même des sites entiers et de les ajouter à votre document pdf (à la
fin, sous forme d'annexe).
Elle permet aussi d'ajouter des commentaires (annotations) et
autres composants interactifs autour du contenu du contenu.
Une option très originale est celle d'utiliser sa propre signature afin
de l'apposer à différents endroits du document pdf et ainsi de mieux
protéger ses droits, etc.
Peter Stockinger, La publication d'informations sur le web
Equipe Sémiotique Cognitive et Nouveaux Médias Paris, Maison des Sciences de l’Homme
2000 - 2002
44
(figure 37)
Enfin, la rubrique Affichage (figure 37) permet de choisir entre
différentes options d'affichage du document pdf.
Afin de mieux connaître les potentialités et les richesses de ce
logiciel très populaire, il faudrait que vous testiez par vous mêmes ces
différentes rubriques, sous-rubriques et procédures …