44
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 Sites 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

Dévéloppement de Sites Web - msh-paris.fr

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Dévéloppement de Sites Web - msh-paris.fr

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

Page 2: Dévéloppement de Sites Web - msh-paris.fr

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

Page 3: Dévéloppement de Sites Web - msh-paris.fr

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

Page 4: Dévéloppement de Sites Web - msh-paris.fr

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

Page 5: Dévéloppement de Sites Web - msh-paris.fr

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 :

Page 6: Dévéloppement de Sites Web - msh-paris.fr

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.

Page 7: Dévéloppement de Sites Web - msh-paris.fr

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.

Page 8: Dévéloppement de Sites Web - msh-paris.fr

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.

Page 9: Dévéloppement de Sites Web - msh-paris.fr

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).

Page 10: Dévéloppement de Sites Web - msh-paris.fr

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)

Page 11: Dévéloppement de Sites Web - msh-paris.fr

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).

Page 12: Dévéloppement de Sites Web - msh-paris.fr

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 …

Page 13: Dévéloppement de Sites Web - msh-paris.fr

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"

Page 14: Dévéloppement de Sites Web - msh-paris.fr

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

Page 15: Dévéloppement de Sites Web - msh-paris.fr

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)

Page 16: Dévéloppement de Sites Web - msh-paris.fr

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

Page 17: Dévéloppement de Sites Web - msh-paris.fr

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

Page 18: Dévéloppement de Sites Web - msh-paris.fr

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 ….

Page 19: Dévéloppement de Sites Web - msh-paris.fr

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)

Page 20: Dévéloppement de Sites Web - msh-paris.fr

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 ….

Page 21: Dévéloppement de Sites Web - msh-paris.fr

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.

Page 22: Dévéloppement de Sites Web - msh-paris.fr

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)

Page 23: Dévéloppement de Sites Web - msh-paris.fr

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.

Page 24: Dévéloppement de Sites Web - msh-paris.fr

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.

Page 25: Dévéloppement de Sites Web - msh-paris.fr

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)

Page 26: Dévéloppement de Sites Web - msh-paris.fr

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).

Page 27: Dévéloppement de Sites Web - msh-paris.fr

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)

Page 28: Dévéloppement de Sites Web - msh-paris.fr

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)

Page 29: Dévéloppement de Sites Web - msh-paris.fr

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).

Page 30: Dévéloppement de Sites Web - msh-paris.fr

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 )

Page 31: Dévéloppement de Sites Web - msh-paris.fr

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.

Page 32: Dévéloppement de Sites Web - msh-paris.fr

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

Page 33: Dévéloppement de Sites Web - msh-paris.fr

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).

Page 34: Dévéloppement de Sites Web - msh-paris.fr

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).

Page 35: Dévéloppement de Sites Web - msh-paris.fr

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)

Page 36: Dévéloppement de Sites Web - msh-paris.fr

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).

Page 37: Dévéloppement de Sites Web - msh-paris.fr

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 …

Page 38: Dévéloppement de Sites Web - msh-paris.fr

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)

Page 39: Dévéloppement de Sites Web - msh-paris.fr

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)

Page 40: Dévéloppement de Sites Web - msh-paris.fr

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)

Page 41: Dévéloppement de Sites Web - msh-paris.fr

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.

Page 42: Dévéloppement de Sites Web - msh-paris.fr

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.

Page 43: Dévéloppement de Sites Web - msh-paris.fr

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.

Page 44: Dévéloppement de Sites Web - msh-paris.fr

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 …