Refonte du site de littérature de jeunesse de Lille 3 : technique(s) et logique d'usage

HAL Id: dumas-01739430

https://dumas.ccsd.cnrs.fr/dumas-01739430

Submitted on 21 Mar 2018

HAL is a multi-disciplinary open access archive for the deposit and dissemination of sci-entific research documents, whether they are pub-lished or not. The documents may come from teaching and research institutions in France or abroad, or from public or private research centers.

L’archive ouverte pluridisciplinaire HAL, est destinée au dépôt et à la diffusion de documents scientifiques de niveau recherche, publiés ou non, émanant des établissements d’enseignement et de recherche français ou étrangers, des laboratoires publics ou privés.

Refonte du site de littérature de jeunesse de Lille 3 :

technique(s) et logique d’usage

Karine Zurfluh

To cite this version:

Karine Zurfluh. Refonte du site de littérature de jeunesse de Lille 3 : technique(s) et logique d’usage. Sciences de l’information et de la communication. 1999. �dumas-01739430�

MAITRISE EN

SCIENCES DE L'INFORMATION ET DE LA DOCUMENTATION

Refonte du site de littérature de

_{jeunesse de LILLE 3}

_:

Technique(s)

et

logique d'usage.

Stage effectuédejanvieràjuillet 1999

au

Service Commun de la Documentation de l'Université de LILLE IU

Bibliothèque des bibliothèques

DomaineUniversitaire de Pont de Bois-BP 99

59652 Villeneuve_d'Ascq E-mail : _{bdblj@univ-lille3.fr}

Adresse du site : _{http://www.univ-lille3.fr/www/JEUNET/index.html}

sous ladirection de :

MonsieurJérôme_{BERTONECHE, responsable universitaire} MonsieurChristian_{LOOCK, responsable professionnel}

LILLE 3

UNIVERSITECHARLES DE GAULLE

UFRIDIST

Octobre 1999

B.U.C.LILLE3

UliWip

"Le rôle de la documentation est d'établir un_{pont entre l'univers de l'information et} l'univers des _{usagers qui ont besoin de cette information pour créer, chercher, décider,}

enseigner ousimplementvivre."

MAITRISE EN

SCIENCES DE L'INFORMATION ET DE LA DOCUMENTATION

Refonte du site de littérature de

_{jeunesse de LILLE 3}

_:

Technique(s)

et

logique d'usage.

LILLE 3

UNIVERSITE CHARLES DE GAULLE

UFRIDIST

Remerciements.

Je tiensàremercierM. Christian_{LOOCKpour m'avoirprisenstage, M. Jérôme}

BERTONECHEpourses conseilsavisés, M. Arnaud WRONKApour soninitiation au

logiciel Composeuretà la technique hypertexte, macollègue Mlle Karine MARIE

pour sonassiduité etl'amitiéquiestnée de ceprojet, M. Bertrand CROIZILLEpour

sa _{disponibilité etsonregardcritiquesur montravail technique, le personnel du} CAVUL dont M. _{Raphaël LECERFetM. Franck WISNIEWSKI, M. Oliver BARRON,} M. _{Jérémy PETITetMME Marie DESPRES-LONNETpour leurpatience etleur} précieuse aide technique àtous.

Uncahier des _{charges etunrapportde stage sontdeuxdocuments distincts.}

_ Dans leur style : syntaxeplus dépouillée/ historique d'un projet.

_ Dansleur fonction : pourmettreenplace unprojet / réflexionàpartir d'une

problématique sur untravail effectué enstage.

_ Dans letemps : le cahier des chargesestconçu en amontdela phase de

réalisation du_{projet / la rédaction durapportvenant enaval du projet.}

Je n'ai_{pasvoulu distinguercesdocuments denature différente. Carcetteprocédure} nous aurait_{privés d'une analyse pratique. J'ai donc intégré les données techniques constituant} le cahier des _{chargesenfiligrane aurapport destage. Ceci, dansunpremiertempspour} faciliter àmes successeurslamise à_{jour du site de littérature de jeunesse de Lille 3. Mais}

égalementpourillustrerpar les applications techniquesmes réflexions théoriques.

Par _{ailleurs, dans cesparties techniques,pensantfaciliter la compréhension deces}

données,j'ai utiliséun style d'écriture simple etdirect. Conscient de ceslacunes, dans un

rapport de stagede maîtrise, je prie les lecteurs nonintéressés de faire abstraction deces parties techniques.

Avant-propos.

Ce _{rapportdestage est inspiré des précédents rapports de stage d'Arnaud Wronkaetde} Julia _{Bonaccorsi, décrivant l'expérience concrète de la création du site en juin 1998. Il} s'adresse certes, dans l'objectif d'une évaluation certifiant l'obtention de la maîtrise Sciences

de l'Information et de la Documentation, aux _enseignants et aux tuteurs mais avant- tout aux

personnes qui assureront la maintenance du site, qui reprendront le projet, qui seront amenées

à concevoir d'autres _{rubriques, l'objectif étant à long terme de développer un serveur} d'information sur Internet _{qui prenne en compte les attentes des usagers. Il s'adresse aussi à} M. Loock via les auteurs de contenu afin de faciliter le travail du futur "webmaster" : des

consignes doivent être respectées dans la mise en forme des travaux remis à M Loock sur disquette.

A travers ce _rapport de _{stage, nous tenterons} de présenter _une analyse globale des

différentes _{étapes de la refonte du site. Sera présentée une réflexion préalable àtoute mise en} œuvre d'un _{projet. En effet,mettre en œuvreun projet implique de le penser en fonction certes} des instructions du maître de _{stage et des propositions des partenaires mais surtouten fonction} du matériel _{disponible et de la logique d'usage. C'est pourquoi a été établi un cahier des} charges prenant en compte ces deux aspects essentiels. Un autre aspect essentiel reste la réflexion surmes _{propres compétences. Pourcela, serontprésentées les} différentes

personnes-ressources _{qui m'ont aidée à progresser sachant que six mois auparavant,} je n'avais jamais touché à unclavier.

Le traitement de la _{méthodologie en matière de recherche d'information et de projet}

est _{intégréen filigrane dans mon rapportde stage. Via le lecteur de monrapport, un index des} mots_{techniques aété constitué. Lestermes serontsuivis d'unastérisque*.}

INTRODUCTION 6

Partie I. CONCEVOIR

Introduction 9

1. Présentation du

_projet

1.1. La refonte du site de littérature de jeunesse de Lille 3

1.1.1 Enoncé de lamission 9

1.1.2 _{Qu'est-ce qu'unerefonte d'un site web ? 10}

1.1.3 _{L'enjeu technique 10}

1.2. Outils

_conceptuels

1.2.1 Transmission de connaissances et_{stockage de l'information}

§Mémoirehumaine 11

§ Transfert d'unsavoir naissant 12

§ Mémoire informatique 12

1.2.2 Recueil d'informations etoutils _techniques

1.2.2.1 Elaboration d'un_{questionnaire 12}

§ Public visé 12

§ Opérationde traductionet typesde questions 12

1.2.2.2.Le terrain :couverturedu Salon du Livre à Valenciennes_{(59) 13}

§ Recueil d'informations etinformation utile 13

§Lacollecte 13

§ Droitsdediffusion 13

§ Prévision d'un accèsenligne avecdesinformationsdenatureetde niveaux

différents 14

1.2.3 _{Projet inscrit dansune politique de communication}

§ Inter-Cdi 15

§Biblio.fretCdidoc 15

1.3

_Compétences

_et

_savoirs

_au

_service

_{de la conception}

1.3.1 Une nouvelle forme d'écriture

1.3.2 _{Respectdes contraintes techniques duweb}

1.3.3 Travailler dans un contexte _{technologique HTML}

§ Ou 'est-cequ'undocument hypermédia?

§ Ergonomie

§Navigationethypertexte

1.3.4 Une culture_{particulière}

15 15 16 16 17 17 17

2.

_{Analyse de l'existant}

_:

_problèmes

_{et attentes} 2.1.Présentation des

_problèmes

_relevés

_{en amont}

_du

_{questionnaire}

2.1.1. Résumé : en matière de lisibilité 18

j> Problème de fiabilitéetdepertinence 18

§Manquedeclartéetdelisibilité 18

§Lacouleur d'arrièreplan 18

2.1.2. Problèmes_techniques

§Gestiondudisquedur 19

§ Gestion de lapaged'accueil 19

§Lespageswebnontitrées 19

2.1.3. Charte_{graphiqueetinformation informelle 19}

2.2.Résultats de

_l'enquête

2.2.1. Contexte _{technique : expression du besoin 19}

2.2.2. Résolution d'écran et_{espace d'affichage 20}

2.2.3. Vitesse de transmission et_{temps d'affichage 21}

2.2.4. _{Affichage en couleur 21}

2.3. Matériel et

_{technique WYSIWYG}

2.3.1. Machines utilisées 21

2.3.2. _{Logiciels utilisés 21}

2.3.2.1 Les_{navigateurs 22}

2.3.2.2. Les éditeurs HTML etle_{principe du WYSIWYG 22} 2.3.2.3. Les_{logicielspourtraiterles images 23}

2.3.3. _{Périphériquesutilisés 23}

2.3.3.1. Lecteur_{Zip 100 23}

2.3.3.2.Scanner 24

2.4.Personnes ressources 24

3. Définir un cahier des

_charges

_pour

_{la gestion de projet}

3.1.Vers la rédaction d'un cahier des charges 25

3.2. Vers une méthodologie ₂₆

3.2.1.Comment faire ? 26

3.2.2. _{Adapter la méthodeau projet 26}

3.2.3. Deux méthodes 27

Introduction 29

1. Structure du site et liens

_hypertextes

1.1.Comment définir la structure d'un site ?

1.1.1. Définirunearborescence 29

1.1.2. Définir lesite avecle _{logiciel Dreamweaver 30}

§ Pour créerunsitelocal 30

§ Création d'unecartedusite 31

1.2. Arborescences

1.2.1. Arborescenceinitiale et _{gestion du disque dur 32}

^ Arborescence initiale 32

§Gestion clu disque dur 32

§gestion du disque duretarborescence : deux possibilités 32

1.2.2. _{Logique navigationnelleinitiale 33}

1.2.3. Arborescence finale 33

1.2.3.1. _{Redéfinir lapaged'accueil 33}

1.2.3.2. Création de_{répertoires 33}

1.2.3.3.Anticipersurla création defichiers frames 34 1.3. Les liens hypertextes

1.3.1 _{Types de liens 34}

1.3.2. Création de liens 34

1.3.3. Chemins relatifs et absolus 35

1.3.4. Gestion des liens 36

2. _{Construction des pages}

_HTML

2.1. La structure de base d'une _page

_HTML

₃₇

2.2. Mise en forme des pages web 37

2.2.1. _{Configuration des documents 37}

2.2.2. _{Formatage dutexte 37}

^ Créer des paragraphes 37

§Alignement du texte 38

§ Police 38

§ Style etcorps de police 38

2.2.3. _{Paramétrage des couleurs HTML 39}

2.3. Insérer des images

Rappel : les GIF animéesetlaquestion de la lecture

40

2.3.1. Le choix duformat 41

2.3.2. Numérisation etinsertion des _{images 42}

2.3.3. Problèmes de redimensionnement etderésolution _{d'images 43}

3. Des frames pour

naviguer

3.1. Définition et intérêt 44

3.2. Mise en forme des frames ₄₄

3.2.1. Attributs 44

3.2.2. Texture 45

3.2.3. Insertion du_{logo de Lille3 45}

3.3. Procédures et frames cibles 45

3.3.1. Comment créeruneframe avec Dreamweaver ? 45

3.3.2. Les frames cibles 46

3.3.3. Création de contenusans frame 47

3.4. Problèmes de

_compétence

_:

_{le Javascript}

₄₇

4. Lisibilité

_{technique via l'usager}

4.1. Nommer les pages 47

4.2. Nommer les images 48

4.3. Référencement 48

4.3.1. Définition 48

4.3.2. _{Pourquoi référencer ? 48}

4.3.3. Procédure 48

Conclusion 49

Partie III. EVALUER

1. Evaluation du

_projet

1.1Gestion des destinataires

Gestion du travail en_{équipe 50}

Lisibilité_{technique etles futurs auteurs de contenu 51}

Lisibilité_{technique via le futur webmaster 51}

1.2. Evaluation des outils et de la

_{politique de communication}

1.2.1. Evaluation du _{questionnaire 51}

1.2.2._{Avantages du supportélectronique surle supportpapier 52}

1.2.3._{Impact : le compteur 52}

1.3. Gestion du _temps

1.3.1. Le droit à l'erreur 53

1.3.2. Accès au matériel et_{disponibilitédes personnes ressources 54}

2.1 Présentation de l'information

2.1.1 Des tableaux pour faciliterla miseenforme 54

2.1.2 Des résumés comme médiation 55

2.2 Droits d'auteurs 55

2.3 Référencement

2.3.1.Formulaires et_{diagnostic pour unmeilleur référencement 56}

2.3.2 _{Affichage de l'en-têteet balises META 56}

3. Maintenance du site 3.1 Evaluation du logiciel Dreamweaver

3.1.1 _{Pourquoi Dreamweaver ? 57}

3.1.2 Lisibilité du manuel _{d'exploitation 57}

3.1.3 _{Ergonomie 57}

3.1.4 Limites du _{logiciel 58}

3.2 _{Moyens de maintenance}

3.2.1 Le_{personnel : coût et formation ? 59}

3.2.2 La mise à _{disposition du matériel: une question à régler 59}

3.2.3 _{Stockage du produit fini 59}

3.3 Maintenance pour une interaction de qualité

3.3.1 _{Exigences de suivi : s'adapter aux évolutions rapides du web 60} 3.3.2 Une _{exigence de communication : la chartegraphique 60}

3.3.3. Devenir un site de référence 60

3.3.3.1 En créant des liens_{hypertextes versd'autres sites 60}

§ Procédure 60

j Problèmesjuridiques 61

3.3.3.2 En _{intégrant des informations utiles 61}

3.3.3.3. Arborescence virtuelleconçue enfonction duprojet

de M. Loock 61

CONCLUSION 62

Index des termes_{techniques 64}

Bibliographie 69

Liste des annexes 71

INTRODUCTION

Le fonds du secteur du Service Commun de Documentation à Lille III _appelé

"Bibliothèque des Bibliothèques" et plus brièvement "BdB" s'adresse principalement aux

étudiants de l'UFR IDIST. La _{particularité de cette bibliothèque est de constituer à la fois un}

"Tout", une entité ( bibliothèque d'UFR) et une partie d'un "Tout" (la bibliothèque Universitaire de Lille _III).

En 1994 estcréé lesecteurde littérature de_{jeunesse, fonds qui vient répondre} aux besoinsdes

étudiants _{quiabordent la littérature de jeunesse enoption "Médiathèqueset lecture publique".}

En_{juin 1998 estné le site de littérature de jeunesse. Sa création correspond d'une part} à une _{exigence moderne de diffusion de l'information et à la volonté de s'ouvrir sur}

l'extérieur, sur un public plus large, à savoir les professionnels de la documentation et les étudiants intéressés par ce domaine mais aussi à des personnes qui s'intéressent de près à la

présence de la littérature de jeunesse sur Internet comme cet écrivain cubain, Joël Franz

Rosell1 ou encore M. Jean Foucault, collaborateur à l'Institut Charles Perrault de _{M. Jean}

2 * • •

Perrot . Il ne s'agit plus de conserver l'information dans la bibliothèque. Lanaturemême d'un

site universitaire _{repose sur l'activité de recherche et sur les échanges d'informations et}

d'expériences. Sa création correspond d'autre part à une volonté d'offrir un réel objectif de communicationauxétudiants. En d'autres _{termes, le siteexploiteunematière}

lere

_enperpétuel renouvellement : les travaux des étudiants _{après accord de ces derniers. C'est une opération}

qui valorise l'universitéet quipermetd'offrirunlectorat plus largeauxétudiants.

Il était nécessaire en amont de cette création de se _poser la question de l'intérêt d'un

tel site, d'une connaissance sur la littérature de_jeunesse. Julia Bonacorsi avait _pourtâche de

s'interrogersurla problématique suivante : mettre en ligne des informations mais pour qui ? Et _{quelles spécificités du site de Lille3} par rapport à d'autres sites ? . Il s'agissait de définir

une cible car « unsite web_{qui s'adresse àtoutle monde ne s'adresse enréalité àpersonne. »}

et de définirl'environnement concurrentiel. Il _{faut savoir que le site de littérature dejeunesse}

de Lille3 a une _{capacité de travail etd'écritureque d'autres sitescomme le site Ricochetn'ont}

pas. Arnaud Wronka s'estoccupé de la réalisation technique.

1

annexe 1

2

annexe2 :_{possibilités de liensavecle sitede LilleIII}

J

ANDRIEUX,Olivier.Créer dutraficsur sonsiteweb: conception, référencement,promotion. Paris:Eyrolles,

1999. p.15.

jour a été prévue par M. Loock mi-juin afin de préserver le contact avec les utilisateurs dans

le cadre de la_{promotion du site. Mi- juillet, le site devait être entièrement refondu et mis en} ligne : nouvelle présentation, une rubrique d'actualité, et intégration de nouveaux travaux

d'étudiants. Est_{prévuundébut d'annuaire des CDI etdesbibliothèques de larégion jouantun}

rôle dans l'animation lecture _{pour l'année prochaine ainsi que la création d'un comité de}

lecturedont les résultats seraient_{publiés surle site.}

Christian Loockestle _{responsable éditoriale du contenu du site. Il s'occupe entre autre} de la_{gestionde la boîte électronique du site}

₄

_{etde la remise àjour dusite àtravers la prise en} charge dedeux étudiants dans le cadre dustage validant la maîtrise.

Que trouve-t-onsurle site ? Lorsqueles internautes visitent le site, ilspeuvent lireune

présentation du site et de ses objectifs, des études sur différents auteurs de littérature de

jeunesse (M.A. Murail, S. Morgenstern, etc.),des développements de thèmes abordés dans les ouvrages de littérature de jeunesse (Le Divorce, L'Ecole, etc.) et une rubrique présentant le salon du livre de Valenciennes venue _{remplacer la rubrique qui, depuis plus d'un an,}

présentait la même sélection de six ouvrages. Ils ont aussi la possibilité de s'informer sur le site de Lille3 en_{cliquant sur} le logo de Lille 3 _{présent dans la frame. Ces documents circulent} et constituentunepartie du patrimoine de l'université de Lille 3

Le traitement et la _{gestion électronique de ces documents requièrent le maniement}

d'outils, de logicielsetde procédures

Des moyens techniques doivent être mis en œuvre pour intégrer, manager et diffuser l'information aux_{usagersdans debonnes conditionsetce, enfonction des paramètresde leurs} machines. A la _{logique de la technique, des outils s'ajoute celle des usages. « La technique} autorise mais ne détermine pas

»5.

_{Dans quelles mesures concevoir, réaliser et évaluer la} refonte du site avec _{pourfil conducteur la} logique d'usage c'est-à-dire _{avec pour} leitmotiv la

question de la réception ? On entendrapar logique

d'usage6

une logique qui met au

1er

plan les utilisateurs dans la définition etla_{conception d'unproduitoud'un service.}

Et en filigrane d'autres questions viennent _se greffer à _cette problématique de la

techniqueau service de la logique d'usage : quelle méthodologie s'approprierpour gérer

4

mailto: bdbli@univ-lille3.fretmailto: loock@univ-lille3.fr

5

BOUGNOUX, Daniel. La Communicationparla bande:introductionauxsciencesde l'informationetde la

communication. Paris: La_{Découverte, 1998. P.40.}

6

PERRIAULT, Jacques.La Communication dusavoirà distance.Paris: L'Harmattan, 1996.

mieux le _{projet ? Quels outils, logiciels, personnes ressources ai-je à ma disposition ?} Commentévaluer son_propretravail? Qui valide ?

Nous verrons dans une _{première partie intitulée "CONCEVOIR" les différents outils}

-conceptuels et matériels- mis à notre disposition pour mener à bien le projet, dans une

deuxième _{partie "REALISER", la structure de base d'un site, d'une page HTML et d'une}

frame et _enfin, nous tenterons d'avoir un regard critique sur le travail mené dans une partie intitulée" EVALUER" sachant d'avance_{qu'il esttrèsdifficile d'évaluerson propre travail.}

Partie I. CONCEVOIR

Introduction

Il _{s'agit de vous présenter le projet dans saglobalité, de délimiter les tâches, opération} intrinsèque à tout travail en équipe, de montrer ce qu'implique un tel projet, à savoir des connaissances et des _{compétences qu'il nous faut construire et, ce, en se confrontant aux} savoirs _{d'experts. C'est aussi prendre en compte l'existant afin d'encerner les limites, mettre} en branle une méthode afin d'être _{rigoureux et c'est enfin prendre en compte tout} naturellement ses _{propres limites car on nepeut pas toutsavoir. Le savoir se construit au fur} etàmesure de la confrontationavec _{l'objet d'information etlespersonnes ressources versqui} il faut aller

<Jie.rche.r

l'information.

1. Présentation du

_projet

1.1. La refonte dusite de littérature de jeunesse de Lille III

1.1.1 Enoncé de la mission

Mamissionaconsisté à élaboreruncahier des _{chargesconcernant}la refonte du site de littératurede_{jeunesse deLille III entenant compte des contraintes humainesettechniques et}

à créerla nouvelle_{maquette du site.}

Pour réaliser ce _{projet, j'ai collaboré avec Karine Marié : s'est posé le problème de qui fait}

quoi ?

Untableau1 récapitule les différentes tâches fixées dont certaines _{ont étéréalisées en binôme,} afin de se donner les moyens _{de répondre aux exigences} de M. Loock. Cette grille d'intervention a été réalisée suite à un entretien avec mon _tuteur, M. Bertonèche, _pour

remédier au_{problème dupartagedes tâches.}

En _fait, nous nous sommes vite aperçues que nos deux missions étaient complémentaires voire très _{intriquées et nous avons décidé de travailler en pratique ensemble à la fois sur le} plan de la lisibilité et sur le plan technique. Au niveau théorique, nos problématiques sont

différentes et en matière de prise de décision, je gérais les questions techniques _et Karine,

celles concernant la lisibilité. Par_{exemple, travailler une image implique de réduire sa}

_taille

enoctets mais ilest _{primordialquel'imagerestelisiblemalgré les déformationsqu'elle subit.}

'

Partie I CONCEVOIR. I. Présentation du_projet

Il est nécessaire de _{distinguer la « lisibilité» qui est l'affaire de Karine Marié et la} « visibilité » qui _{est davantage la mienne ; autrement dit de distinguer la réceptivité (qualité} de _{l'image, intérêt pour ce qui est présenté) de la perception visuelle (objet perçu par l'œil à}

travers _{l'écran). Lors de la conception des pages, il fallait que le contenu soit à la fois lisible} etvisible ; visible dans le sens où le contenu doit pouvoir être lupar le plus grand nombre et

c'est là où le travail en _{équipe est de rigueur. Pour ce qui est de la lisibilité, se reporter au}

rapport de Karine Marié touten sachant que les grands axes de ses conclusions ont été repris ici en _{filigrane en vuede la réalisation.}

1.1.2_{Qu'est-ce qu'une refonte d'un site web ?}

Qu'estce qu'unerefonte de site sinonune réécriture dece qui aété écrit, un «toilettage »!

D'abord _{qu'est-ce qu'un site? On utilise différentstermes : site web,pages web, documents,}

fichiers. En _fait, un site englobe sur un serveur toutes les pages web contenues dans un

dossier. Le mot « site » en _{anglais se traduit par «emplacement». Un site est donc un}

emplacementoùeststocké l'ensemble des fichiers appartenantàunsite.

C'est seulement une fois le site créé et _{hébergé que l'on peut se concentrer sur les questions}

de structure et de _{navigation. Et une fois le mode de navigation et l'aspect visuel défini, il} s'agit de collecter les informations, detrouver et de numériserces informations.

Danstousles cas, ilfautresterfidèleàl'objectif du site.

Ensuite, qu'est-ce qu'implique une réécriture ? Cela implique de décrire dans un

1er

temps la structure logique de l'hypertexte, logique organisationnelle et navigationnelle. A

partir de cette structure initiale, la réécriture consiste à appliquer des consignes de transformation _{spécifiées à travers l'étude de lisibilité effectuée par Karine Marié. Ces} consignes de réécriture doivent cependant être paramétrées car l'objet d'information doit répondre à des exigences de qualitéet être adapté auxbesoins des utilisateurs. N'est-cepas là l'enjeu technique ! En effet, la difficulté n'est pas tant au niveau de la rédaction des pages mais est liée à la _{qualité (lisibilité, pertinence, fiabilité, temps d'affichage, liens non erronés,}

etc.)et, ce, enfonction du public viséetdes paramètres de leurs machines de lecture.

1.1.3. _{L'enjeu technique}

L'enjeurestebien d'écrirepour unpublic. Les notions d'"utilisateurs" et de "technique WYSIWYG" sont des notions fondamentales. En _{effet, selon les paramètres différents des} machines_{clients, selon leréseau}ou le modem, selon lenavigateur, l'ergonomie des interfaces

ascenseurs ou les liens _{pournaviguerqui sont un moyen d'informer l'utilisateursurcomment} il _{peut gérer cette interface. C'est le principe d'interaction qu'il faut alors prendre en compte.} L'interface est faite _{pour l'utilisateur, non pour soi. Cela nécessite des savoirs et des}

compétences carsans souci d'efficacité, le résultatpeutêtrecatastrophique.

Par _{exemple, il est possible de réaliser des applications avec des objets en 3D,etc. mais ces} objets peuventrendre l'application impropreàla lecture. Or, l'enjeurestela réception.

Cet _{enjeu soulève des questions : Par quoi faut-il commencer ? Quefaut-il respecter ?}

Quedoit-on mettre en œuvre? Comment àpartir d'un questionnaire, d'un cahier des charges

obtenir une _{application simple à utiliser, convivial et informative ? Comment choisir une}

méthodologie de projet adaptée ?

1.2 Outils

_conceptuels

1.2.1 Transmission de connaissanceset_{stockage de l'information}

§ mémoire humaine

Au _{regard de la trace écrite laissée par Arnaud dans son rapport de stage, on peut} affirmer d'emblée combien la tâche se serait avérée _{plus difficile s'il n'avait pas été présent}

pourm'initier àl'utilitaire Composeret m'exposerla structure arborescente du site . Ecrire un

rapport de stage, c'est dans notre cas penser à la transmission de savoirs, d'idées via un

successeur. Cette transmission doit _{permettre de s'immuniser contre} le désordre lorsqu'on reprend un projet. Pour ce faire, j'ai reproduit par écrit les différentes procédures, construit des schémasettenté de _{quadriller d'unepartletempsàtraversuncalendrieretd'autrepart les} frontièresdemamission.

En tombant dans le _{paradigme informatique, on peut facilement oublier celui}

typographique. Or, pourpouvoir reprendre le flambeau ettravailler sur l'évolution de ce site, il faut_{pouvoirseréféreràunemémoire demotsquand le «concepteur » n'estplus.}

On remarquera au regard despages explicatives àvenir que l'écriture «technique »n'a rien à voir avec l'écriture universitaire, la _{syntaxe présentant les procédures est} plus

dépouillée.

§ transfert d'un savoir naissant

M. Loock avait _{pour projet de nous faire construire, à Karine et à moi-même, un}

hypertexte à partir d'ouvrages issus de la collection Médium 1998 et de le présenterlors d'un

Partie ICONCEVOIR. I. Présentationdu_projet

travail et d'aider ensuite _{chaque groupe d'étudiants à créer une page HTML et un lien avec} une autre_{page. Il s'est avéré quedeux heures de coursétaientinsuffisantes pour meneràbien} cette mission. C'est _{pourquoi M.Loock m'a demandé de prendre RV avec les étudiants} désireux de diffuser leurs travaux sur le Web afin de les mettre en situation. Il fallait _compter au moins une matinée pour que _{chaque groupe d'étudiants transforment leurs travaux Word}

en_{pagesHTML etétablissent quelques liensentreleurs pages.}

§ mémoire informatique(artificielle)

Le _{répertoire «jeunet» contenant l'ensemble des fichiers est stocké sur une disquette} Zipetsur unedes machines installées àla BdB. Ces supportsmagnétiquesaurontaumoins l'avantage de garder l'information et d'être éventuellement transportables au cas oùil serait

nécessaire de_{changer de machinepourtravailler.}

1.2.2 Recueild'informationetoutils _techniques

Le _{questionnaire et l'enquête se sont avérés deux outils techniques pour collecter des}

informations et des faits.

1.2.2.1 Elaboration d'un

_{questionnaire2}

§ public visé

Enquête effectuée à l'aide d'un questionnaire auprès des professionnels de l'information et de la documentation ainsi _{qu'auprès des étudiants de la maîtrise SID option}

lectures _{publiques etmédiathèques. Un projet doit être ciblé sous peine d'échec. Pour savoir} avec _{plus de précision à qui nous avons à faire, se reporter au rapport de stage de Julia} Bonarccorsi_{(octobre 1998).}

§opération de traductionet types de questions

Le _{questionnaire devait nous permettre de traduire en questions de questionnaire via} les usagers les problèmes à résoudre. Les questions correspondent à un objectif précis. Par exemple, si les personnes répondentpar la négative à la question "connaissez-vous le site ?",

onendéduitun_{problème de référencement.}

Pour_{pouvoir répondreauxattentes, il fallait concevoir davantage de questions fermées} que de questions ouvertes, surtout quand on constate le peu de questionnaires reçus. Il ne s'agitpas de s'éparpiller. Trop de questions ouvertesaurait étéingérable.

2

L'objectif est de faire apparaître différents axes de travail et le choix des questions

fermées facilitaitle traitement des _{réponsesetleur analyse. Les questions ouvertes permettent}

toutefois de réfléchir au _{potentiel développement du site car elles laissent toute latitude dans} les _{réponses desusagers.}

1.2.2.2 Le terrain :couverture duSalon du Livre à Valenciennes

§ Recueil d'informationsetinformation utile Uneinformationsurle Salon du livre de Valenciennes luisera-t-elle utile ?

Elle estd'une _{partutile aupublic ciblé parce qu'elleillustre une expérience vécue en matière} de lecture etd'écriture etelle_{répondàunedesattentes signifiées dans le questionnaire.}

D'autre_{part, elle estutile pour l'image du site carelle le dote d'une certaine sociabilité, d'un}

aspectculturel àtravers les illustrations d'auteurs, àtravers des extraits de conversationsavec

les auteurs etles élèves. Celamontre _{que surle site, la littérature n'estpas seulementun objet}

d'étude mais _{qu'elle estaussiuncentre d'intérêt.}

§ La collecte

Pour _{savoir que collecter, j'ai effectué une recherche à partir du moteur de recherche} Nomade en _{tapant les mots clés suivants : «littérature+jeunes». Mon objectif était de}

survoler le contenu _{proposé par d'autres sites et leur système de navigation pour penser}

l'arborescence d'une nouvelle_{rubrique présentant le salon deValenciennes. J'airetenu le site} « La _{petite bibliothèque de France». Ces pages sont présentées par la}Direction Générale de la _{Coopération Internationale et du Développement (DGCID) sous l'égide du Ministère des} Affaires_{Etrangères. Je me suis inspirée de sa structure pourconcevoir la nouvelle rubrique et}

de son contenu_{pourorienternotre collecte d'information lors denotreinvestigation.}

§ Droits de diffusion

Les auteurs ont été _pris en photo après leurs avoir exposé notre projet de les diffuser

sur le Web et suite à leur accord. Il faut _{toujours demander l'accord de la personne}

photographiée quia undroit sur sonimage.

En ce _{qui concerne le salon, nous avons rencontré la responsable, Monique} Cattiaux,

afin de lui exposernotreprojet etd'avoirsonautorisation.

Quant aux couvertures d'ouvrages, il est possible de les diffuser sans en demander l'autorisation _{puisque lesnoms de l'auteuretle titre de l'ouvrage figurent surl'illustration.}

Partie I CONCEVOIR. I. Présentation du_projet

£Prévision d'un accèsenligne avecdes informations denature etde

niveaux_différents

Une lere _{page fera office de sommaire et renverrapar le biais des liens hypertextuels}

aux informations de nature diverses : _{présentation du Salon du Livre de Valenciennes,}

présélection des titres, paroles d'auteurs et paroles d'élèves. Les sources et les dates seront

clairement identifiables.

1.2.3.Projetinscrit dansune politique de communication

1.2.3.1 Faire valoir le service

On_{conçoitune politique de communicationenfonction d'objectifs : valoriser le site et}

mettre envaleur soncontenu_{(les travaux d'étudiants), viser la reconnaissancepar d'éventuels}

partenaires (lien possible avec le site Ricochet très valorisant pour le site de littérature de

jeunesse de Lille3). En bref, promouvoir le site, c'est créer une proximité avec les usagers, donner une _{image dynamique de l'université. C'est faire tout simplement de la} communication.

1.2.3.2 Les outils auservice dela_{promotion du site}

Le _{questionnaireestunoutil auservice de cettepromotion du siteaumême titre quela} revue InterCdi et les listes de diffusion _{qui véhiculent le questionnaire. Il s'agit d'informer} tous les documentalistes etbibliothécaires et_{pas ceux seulement de la région du Nord Pas de}

Calais à travers Biblio.fr et _{Cdidoc.fr, deux listes de diffusion qui permettent d'entrer en}

contact avec les_{professionnels de la documentation.}

Internet rend l'interaction entre _{producteur et récepteur d'information fertile car il}

permet de gérer la politique de communication et de promotion à travers ces deux outils d'Internet que sont les listes de diffusion et le courrier électronique. On a trop tendance à assimiler Internet et le web. Selon _{D.SIEGEL, la plupart des projets web peuvent se} décomposer en 10%d'idées, 20% de mise en œuvreet 70% de communication.

Au_{début, on pensait créerun lienentre le questionnaire, document Word transformé en page}

HTML, et la page d'accueil. N'étant pas compétente à ce stade du projet (mars), nous avons pensé auxlistesetaucourrier.

On _{peut penser que l'article de Véronique Soulé paru dans la Revue des Livrespour} enfantsen février 1999 aparticipé à la promotion du site encitantl'adresse du site.

§ Inter-Cdi:

Après que M.Loock a pris contact avec la rédactrice en chef de la revue InterCdi et après accord sur la teneur et l'orientation à donner à _l'article, nous rédigeâmes l'article, revisité et

validé _{parM.Loock àplusieurs reprises. L'écriture journalistiquese travaille. L'article devait} paraître enmai

mailto InterCdi : cedis@arobasecalvanet.calvacom.fr

§Biblio.fretCdidoc

Ces deux listes _{regroupent en un forum électronique permanent plus de 2000} médiateurs du livre.Cette _{stratégie implique la gestion presque quotidienne du courrier pour} remercier les personnes ayantréponduauquestionnaireetpourproposer ce questionnaireaux personnesintéressées parle site encourageant cetteinitiative,

mailto :cdidoc-fr@cru.fretbiblio.fr@cru.fr

1.3 Compétences et savoirs au service de la

conception

Réaliser un _{projet web suppose des connaissances certes en informatique et en} communication _{mais suppose aussi des connaissances sur le multimédia et le support} particulierquereprésentele web.

1.3.1.Une nouvelle forme d'écriture

Avec la _{logique web,} on passe d'une écriture linéaire à une écriture hypertextuelle, fondée sur le _{principe de} navigation où le lecteur prend_une place prépondérante. Concevoir, écrire un hypertexte _{est une} activité régie _par la non-linéarité _: l'information _{se structure} de

façon logiqueetnonplus de façon hiérarchique comme les chapitresd'un livre.

1.3.2. _{Respect des contraintes techniques du Web}

Le webdiffère de la communication_{papier: le web exige sa propreergonomie. La}

communication surle webnedoit_{pas aboutir àun "joli" site}mais à_unsite utile _etfacile à

utiliser. Il faut savoir d'une _{partque les possibilités multimédia duweb sontlimitéesau} regard des machines des internautes. Il fautpensercertesaupublic visé quiadans la plupart des cas accès au site par_{le biais du réseau}RENATERJ_{mais aussi àtoutes} les machines des

particuliers intéressés parla littérature de jeunessequi ontaccès ausite de Lille IIIparle biais

J

RENATER: RéseauNational de Télécommunications pourl'EnseignementetlaRecherche quipermetla

Partie I CONCEVOIR. I. Présentation du_projet

d'un modem. L'utilisation d'un modem_{implique unelimitationauniveau de ce qu'onappelle} en_{jargon technique la bandepassante. Cette limitation de la bandepassante implique alors} une utilisation restrictive des_{images, du sonetde la vidéo carilest nécessaire deconserver} unebonne interactivité. Les pages _{doivent s'afficherenmois de trois secondes,ycomprisla} paged'accueil et sion intègretropd'images dans unfichier, letempsd'affichage estplus longcar la taille du fichierestplus grande.

La 3D est d'ailleurs encore _{peu utilisée sur le web d'après Marie}

Gannagé4.

_{Pourquoi ? Des}

temps d'affichage trop longs, des machines puissantes que l'on trouve rarement chez les particuliers, des images d'animation simples pour réduire le délai d'attente et donc peu convaincantes.

Il faut _{respecter d'autre part les standards c'est à dire la résolution d'écran. Tous les}

internautes ne _{disposent pas de la même configuration d'écran. Il est nécessaire alors de}

rendre le site visible_{(et lisible)àtous, indépendamment de la version du navigateur utilisé.} Sachant _{qu'onnepeut contenter les 26 millions de connectés surle web, il était nécessaire de}

cerner le mode de connexion des internautes ciblés _{(modem ou réseau) et leur résolution}

d'écran. L'évolution du site s'est faite sur le _plan technique _{et sur} le plan de la lisibilité _en fonction des_{réponses apportées. Il s'agit ici de définir le profil technique«}moyen »

1.3.3.Travailler dans uncontexte_{technologique HTML*}

Le_{principal atoutducontexte HTM1 réside dans sespossibilités hypermédia.}

§ Qu'est-ce qu'un document hypermédia ?

C'estun ensemble structuré d'informations : desinformations multimédia _{(texte, sonet}

image) et des informations qui représentent des relations entre les informations autrement dit des informations_{qui permettent au lecteur de naviguer (exemple : "Retour au sommaire"). Le} multimédia en tant _{qu'objet technologique se définit donc par un assemblage sur un même}

support d'images, de textes et de sons et c'est le langage HTML* qui permet de créer ces documents multimédiaetinteractifs enutilisant des liens_hypertextes.

4

§ Ergonomie

Le web a sa _{propre ergonomie (adaptation d'un système à ses utilisateurs). Travailler}

dans un contexte _{multimédia, c'est penser à éviter de surcharger un écran (par exemple, le}

menudans la frame ne doit _{pas comporter trop d'items.). Il faut éviter d'atomiser l'information}

(chaque travail d'étudiant est inclus dans un seul fichier ; lecture linéaire possible). Il faut

aussi penseràassurerlacohérence sémantique et visuelledes écrans (mêmes formes, couleurs

et _{positionnements des menus,de la frame, etc.). Cettehomogénéité estrésumée àtraversune}

charte _{graphique. Le design d'un site est un élément clé de son succès car l'aspect visuel} contribue _{largement à retenir l'attention de l'internaute. Une charte graphique bien pensée} doit la définir car sa définition _{participe à la définition de l'identité visuelle et "physique" de}

l'université. L'évaluation de l'interface doit_{permettre d'améliorer les conditions de lecture en}

qualité et en efficacité. C'est làle travail de Karine Marié. Cependant, la complémentarité de

nos deux missions passe par_{la compréhension du travail effectuéparle collègue.}

§ Navigation

La lecture _{des pages web par les internautes n'est pas séquentielle, linéaire mais}

hypertextuelle. Ils utilisent des liens hypertextes pournaviguer de pages en pages, voire d'un

site à un autre. On doit offrir une lecture hors contexte _{(date, source), cohérente}

sémantiquementetunenavigation qui soitunoutil efficace.

1.3.4 Culture _{particulière}

Le web a une culture _{qui lui est propre : la cyberculture. Le néologisme "cyber"} connote tout cequi _estlié _au multimédia, _àla simulation virtuelle _{etauxnouvelles}techniques de l'information en _{général. La cyberculture, c'est entre autres une éthique, la "Nétiquette":}

par exemple, des symboles appelés "smiley face" du style :-) ont vule jour sur le réseau, une manière d'être amusant sans _{risquer un humour qui serait mal interprété. Lors des échanges}

surle_{web, il estbienvenu de connaître cessymboles employés par nos interlocuteurs.}

Cette _{éthique pose laquestion du droit d'auteur : ces droits sont àrespecter tant que le} document n'est pastombé dans le domaine public. Pour lapage d'accueil,nous avons intégré les _{pictogrammes de Michel}

_Bury5.

_{La source est précisée et M. Loock s'est occupé de}

contacterl'auteur6.

5

annexe5 : Les_{PictogrammesdeMichelBury}

6

Partie ICONCEVOIR. 2._{Analyse de l'existant}

En _{somme, la question de la compétence ne se réduit pas à la question des}

compétencestechniques, des savoir-faire. L'enjeu me semble plus profond : il s'agit de savoir mobiliser en amont du _{projet les connaissances qui vontvouspermettre de donnerun cadre à}

votre _{projet. Cela signifie lire et aller àla rencontre d'experts pour cernertoujours davantage}

où on va. Ce _dialogue avec _{l'expert doit} vous permettre de reformuler ce que vous avez

compris suite àvos lectures et de faire valider cette compréhension. Cette aideest essentielle

pourgéreretévaluer les savoirs naissants.

2.

_Analyse

_de

_l'existant

2.1 Présentation des différentsproblèmes relevés en amont du

questionnaire

2.1.1. Résumé : enmatière de lisibilité

§ Problème defiabilitéetde pertinence :date, description de lasourcedu document. On doit offrirunelecture horscontexte. Ce_{problème aétéd'ailleurs souligné dans l'article de}

Véronique

Soulé7.

Jecite : "Quel dommage qu'aucune datene soitmentionnée surle site..." Onne sait pas que_{l'onest surle site de l'université de Lille III.}

§ Le manque de clarté, de lisibilitétantau niveau de la présentation des informations que de la _{navigation : Certains liens sont erronés : une fenêtre de dialogue précisait que} "Netscape is unable to find the file". Les liens vers la rubrique "Sélection" ne sont pas systématiques contrairementaux deuxautresrubriques "Auteurs" et"Thèmes". Cet étatde fait augure del'avenir decetterubrique.

§ La couleur d'arrière-plan : Une couleur de fonds bleu très sombre pour les pages de sommaireet unecouleur_{jaune pâlepourles autrespages.}

7. _{SOULE, V. La Littérature dejeunesse surle web françaisaudébut 1999.Etatdes lieux.La Revuedeslivres} pourenfants, février 1999, n°185,p137-139.

2.1.2Problèmes _techniques § Gestion du disquedur: ingérableàlongterme

§ Affichage de la page d'accueil : La page d'accueil est importante car elle peut être

comparée à la page de garde d'un livre.. Problème de hauteur et de largeur de l'image: en

général, une page d'accueil doit pouvoir s'afficher entièrement dans l'écran sans que l'on ait à toucher les ascenseurs. Dans notre cas, les deux ascenseurs, vertical et horizontal,

apparaissent. Il faudrait au moins supprimer celui vertical. De plus, elle s'affiche en 30 secondes avec unmodem 28-8 : c'est_{trop long.}

Faire l'essai avec deux machines_{paramétrées}différemment _{: en 800x}600 _eten644x480.

§Pagesnon titrées : Les moteursde recherche doivent rechercher surlecontenudes pages.

2.1.3 Charte_{graphiqueet information informelle}

Le_{graphisme des}pagesd'unsitepermetde ledifférencierdesmillions etmillions de

pages disponibles sueleweb. La charte graphique n'existantpasde manière officielle,

concrète,le design du site résulte d'informations glanées auprès de JérémyPetit, étudianten DESS S.I.D_{(Stratégies de l'Informationetde la Documentation). Leséléments graphiques} glanés sontles suivants :

police:Arial(sans sérif) ;taille: 12;couleurcodeHTML:#000078

Pour les titres :_{police:Garamond;taille : 14}

Normalement, il faudrait s'adresser à Mme Demeretz chargée de la Cellule de Communication et pour plus

d'informations : se_{reporteraurapportde Karine Marié.}

2.2.Résultats de

_l'enquête

_:

_problèmes

_{et attentes}

Cf. annexe6 : _{synthèsedes réponsesissues du questionnaire}

Cf. annexe7 : tableau _{récapitulatifdesréponses apportées} par lequestionnaire 2.2.1 Contexte _technique : expressiondu besoin

Sachant que sur le plan technique, c'est la liaison dynamique qui prévaut dans la

logique de diffusion- réception de l'information, notre enquête met en évidence plusieurs

constats. Les _{postes clients ne sont pas standardisés mais on peut dégager une tendance}

générale :

§ Résolution d'affichage :800x600

La _{logique d'usage* implique de prendre en compte les différents contextes techniques de} lecture : l'affichage _seravérifié_en640x480mais _seraparamétré _en800x600.

Partie ICONCEVOIR. 2._{Analyse del'existant}

§ Les utilisateurs possèdent un Pentium I ou II : le _{processeur est important car il}

permet de supporter la version 4 du navigateur qui elle seule peut lire les commandes

Javascript*. C'est en fait la RAM qui va importer car cette mémoire enregistre les dernières pages lues et si elle n'est pas suffisante, le temps d'affichage des nouvelles pages sera plus long.

2.2.1 Résolution d'écran *et espace d'affichage

La définition d'écran de la_{plupart des internautes est de : 480x640 ou 800x600. Il faut} être conscient _{qu'on ne peut contenter les millions de connectés ; c'est pourquoi le} questionnaire est d'une grande utilité car il nous renseigne sur la configuration utilisée par "nos" visiteurs.

En _{effet, chaque configuration influe sur le résultat affiché sur l'écran des utilisateurs. Si les} visiteurs ont une résolution d'affichage différente de la nôtre, le _{texte va se} placer différemment.

Par _{exemple, il faut savoir que ce sontles images qui sont le plus affectées par la différence} de résolution d'écran des machines des internautes. _{Ainsi, le logo inséré dans la frame de} droite _{apparaît d'une taille raisonnable en 800x600 mais prenait la moitié du cadre en} 640x480. Il afallu leréduire.

Unconseil _{importantpourgérerla taille despages :prendre encompte :}

- Les 3 barres d'outils constamment

présentes sur les écrans des internautes (barre de navigation, de locationetpersonnelle).

-L'espace prisenpixelsparles ascenseurshorizontal etvertical.

-Les margesappliquéesparles navigateurs*.

Par _{exemple, au moment où on travaille la taille de la frise que l'on va insérer dans la page}

d'accueil, il fautpenseràcesparamètres au nomde la lisibilitéet de lavisibilité.

2.2.2 Vitesse detransmission et_{temps d'affichage}

La_{rapidité d'affichage : condition sinequa nonvia l'utilisateur.}

La vitesse standard _{pour la transmission des données est aujourd'hui de 28800 et plus}

courammentde 33600 etde_56Kbpspour les modems rapides.

Le modem 56 K_{permet uneliaison à 56000 bitspar seconde,cequi estpresque identique à}

_la

vitesse duRNIS* _{(64000bitsparseconde).}

Modems lents : 9600_{bps ou 14400bps}

La _{plupart de nos utilisateurs sont connectés par réseau (Renater). Il faut cependant penser}

aux_{particuliers. De fait, onparamétra l'ordinateurenvitesse standard (cf. information à gérer} au niveau de la barre d'état : Edition > Préférences > Barre d'état. Choisir _{28.8)et on évitera} les _{images ou graphiques trop lourds (pas plus de 10 à 15 Ko* par pages). Quand les images}

sont_{importantes, prévoirune versiontexte.}

Les _{logogrammes insérés dans la page d'accueil sont en GIF entrelacé c'est à dire que le} dessinest _{dépouillépour êtrefacilement compressé.}

En _{somme, il faut vérifier en combien de temps se chargent les pages, quitte à}

chronométrer _{l'affichage. Le temps minimal d'attente pour l'internaute est d'environ 15} secondes.

2.2.3 _Affichageen couleur : 256 couleurs

Pour_{optimiser la taille des fichiers .gif* ou .jpeg*, il faut s'assurer de ne pas utiliser}

trop de couleurs. Utiliser de préférence la palette de 8 bits (256 couleurs) plutôtque la palette de _{16,7 millions de couleurs, cela permettra une économie de bits et donc un fichier moins} lourd.

2.3.Matériel et technique WYSIWYG

2.3.1 Machines utilisées

Il fautbienentendu_{disposer d'une machine, ce qui ne va pasforcément de soi comme} nousle verrons :

-PC : Windows 95 +connexion à Internet

-installation des 2 _{navigateurs version 4 :NetscapeetExplorer} Configuration dusystème requise selon le manuel d'utilisation :

aumoins 1 processeur_{Pentium 90tournant sousW.95, W.98 ouW. NTversion 4.0ou}

plusrécente

16Mo de mémoire vive_{(RAM) +20Mo d'espace disque disponible} Machines utilisées :

-celle du CAVUL : unPentium 200MMX

-celle de laBdb : unPentium 233MMX

2.3.2 _{Logiciels utilisés}

On a besoin de 3 _types de logiciels _pour la réalisation d'un document multimédia

susceptible de contenir dutexte etdes images : un navigateur,unlogiciel pouréditer le fichier

Partie I CONCEVOIR.2._{Analyse de l'existant}

2.3.2.1 Les_navigateurs

Les 2 _{logiciels Internet Explorer et Netscape Navigator sont indispensables pour} visualiseret tester localementsur notre écran _{l'apparence des pages. On a la possibilité de les} télécharger gratuitement.

2.3.2.2 Les éditeurs HTML

Un éditeur HTML _{permet de créer, de gérer et de publier des pages web sans rien} connaître du_{langage HTML. Il proposeune barre d'outils comme dans un traitement de texte} Word. On utilise enfait l'utilitairecomme _{logiciel d'écriture.}

Les pagessontaffichées selon le principe du WYSIWYG (What You See Is What You Get) c'est-à-dire que le document est créé et affiché dans l'éditeur HTML tel qu'il sera

présenté sur les écrans des utilisateurs par le navigateur.. Le logiciel s'occupe de générer automatiquement le code HTML sous jacent lors de la création ou de la modification des pages HTML.

Certainséditeurs offrent _{plus de fonctionnalités que}

_d'autres8

_{Faireune recherche surInternet} grâce aumotclé "editors" pouravoir accès àune liste d'éditeurs HTML.

Editeursutilisés :

-le _{logiciel Netscape Composer: il s'agitd'un module de Netscape Navigator. Gratuit, simple}

d'utilisation, convivial mais limité.

-le_{logiciel Dreamweaver version 2.0 : vanouspermettre :}

d'utiliserlesancres nomméesvers unautre _document, ce que nepermettaitpas Composer defaciliter la_{navigationavec lacréation de cadres, framesenanglais}

de créerune arborescence du site

une mise àjour instantanée des liens.

Chaque logiciel dispose de ce qu'onappelle undidacticiel. Il faut savoir que les pages d'aide en _{ligne sont rédigées en anglais. Un site du centre de développement} de _{Dreamweaver est}

régulièrement mis à jour : on ytrouve des conseilsenanglais.

http://www.macromedia.com/support/dreamweaver/

Il est_{possible de télécharger le logiciel enversion d'évaluationàl'adresse suivante :}

http://www.macromedia.com/fr/software/dreamweaver

8