Création des documents numériques
Mastère MICE
Tarek Ouerfelli
2022 - 2023
Notion des documents numériques
ISO : Le document est un ensemble de support d'information et des données enregistrées
sur celui ci sous une forme en général permanente et lisible par l'homme ou par la machine.
Le document est une information écrite ou illustrée sur un support physique
Un objet matériel : support + message + lisible (directement ou par la machine) :
intelligible par l'homme.
ISO : Le document numérique est un "ensemble formé par un support et une information,
généralement enregistrée de façon permanente, et tel qu’il puisse être lu par l’homme ou la
machine"
Document numérique : un document enregistré sous forme numérique
Document numérique : document électronique dont le support est de nature
informatique.
• Un document numérique est une représentation numérique d’idées ou de travaux
intellectuels ou artistiques qui peuvent exister en tant qu’unités d’information
indépendantes. Par exemple : les documents textuels tels que les ouvrages et les revues
; les objets multimédia incluant texte, images et/ou d’autres médias tels le son et la
vidéo. Un document numérique peut être tout ou partie d’une œuvre, un ouvrage est
un document numérique ; un chapitre d’ouvrage est aussi un document numérique.
Une image intégrée dans un ouvrage est un document numérique.
Document numérique multimédia
1
Le multimédia est une technique de communication qui rassemble sur un même support des images,
de la vidéo, du texte et des moyens informatiques (données, programmes etc).
Document multimédia : multimodes : document composite combinant texte et non texte.
un document numérique sur un seul support ce qui est multiple c'est le canal, le mode de restitution :
texte, dessin, image fixe, animée, son etc.
ce qui montre la possibilité d'unifier l'ensemble des modes de restitution sur un seul support
informatique.
Hypertexte, hyperdocument, hypermédia :
Le concept d'hypertexte est généralement attribué à Vannesar Bush il a publié en 45 un article devenu
depuis très célèbre AS WE MAY THINK où il considère que les systèmes d'indexation séquentielle
des bibliothèques ne sont pas adaptés à notre pensée qui fonctionne par association d'idées. Et sur cette
notion d'association d'idées qu'il est baptisé le concept d'hypertexte.
Un document hypertexte se construit à partir de deux éléments : les noeuds et les liens qui relient les
noeuds. Ainsi, il peut être représenté sous forme de réseau dont les noeuds sont des unités
d'information et les arcs sont des liens établissant des associations ou des relations orientées entre
certains noeuds. Les noeuds peuvent appartenir à un même document : dans ce cas on parle d'un lien
interne (renvoi vers la table des matières ou à l'index), ou à des documents différents et dans ce cas le
lien est qualifié d'externe (de la bibliographie vers les documents eux mêmes).
Les liens hypertextes sont soulignés en couleur (par défaut la couleur bleue) une fois cliqués ces liens
changent de couleur (violet par défaut).
On parle d'hypermédia ou hyperdocument dès que le réseau hypertexte manipule des documents
composites, qu'il ne se limite pas à contenir du texte mais contient des séquences sonores, images,
graphiques etc. Selon J. P. Balpe (90), "un hypermédia n'est rien d'autre qu'un hypertexte gérant des
textes supportés par des médias divers", de ce fait, les termes hypertexte et hypermédia tendent à
désigner les mêmes choses.
L'intérêt de l'hypertexte ou l'hyperdocument c'est l'accès original qu'il permet de son contenu par
opposition à un document classique : un hyperdocument ne se lit pas du début jusqu'à la fin de façon
linéaire au contraire il permet une lecture associative et intuitive à travers une navigation.
La navigation est une consultation interactive d'un produit multimédia. L'utilisateur est actif et peut à
tout moment et en fonction de l'information recueillie modifier son parcours dans l'application.
Une navigation dans un hyperdocument peut conduire le lecteur en dehors de cet hyperdocument
lorsqu'il clique sur une référence bibliographique qui le conduit vars un autre hyperdocument.
Composantes et formats des documents numériques
Le document numérique peut être un document textuel ou multimédia. Il peut être composé de
texte, images, son, vidéo selon différents formats :
Texte : Doc, RTF (Rich Text Format), HTML (HyperText Markup Language), XML
(eXtensible Markup Language), PDF (Portable Document Format).
2
Image : GIF (Graphic Interchange Format), JPEG (Joint Photographic Excpert Group), PNG
(Portable Network Graphic), ...
Son : WMA (Windows Media Audio), RA (Real Audio), MP3 (Moving Picture Expert
Group AUDIO LAYER 3),....
Video : AVI (Audio Video Interleave), MPEG (Moving Picture Experts Group), WMV
(Windows Media Video), ...
Langages et formats de description de documents
Description de pages et impression : Portable Document Format (PDF)
Le format PDF est une application mise au point par la société Adobe pour permettre la diffusion de
documents électroniques, leur visualisation et surtout leur impression. Ce format permet d'imprimer
les documents tels qu'ils ont été composés par leurs auteurs, en respectant la mise en page et la
typographie originales.
L'avantage de PDF tient au fait que la restitution du document est fidèle à l'original et qu'elle ne
dépend ni de la configuration de la machine sur laquelle s'effectue la consultation, ni de la version du
logiciel.
Le format PDF est normalisé par l’organisation internationale de normalisation ISO sous la référence
ISO 32000-1:2008. La norme a été publiée le 1er juillet 2008.
HyperText Markup Language (HTML)
Le langage HTML dont le développement a commencé en 1990. C'est un langage de description de
documents multimédias, son objectif est d'établir la structure du document, en précisant ces différents
niveaux d'organisation et les informations relatives à la disposition des entités (paragraphe, image...)
dans le document pour le présenter sur écran, tout en permettant la navigation (lecture non linéaire).
Ces documents seront lisibles sur tout navigateur (Internet explorer, Mozilla...).
Extensible Markup Language (XML)
Le langage de balisage extensible (XML) est standardisé par la spécification W3C (World Wide Web
Consortium) depuis février 1998 . Le langage XML est comme HTML, un langage de balisage
(markup) qui présente de l’information encadrée par des balises. Néanmoins, à la différence d’HTML,
qui présente un ensemble limité et figé de balises, XML est un langage ouvert. Il n’existe pas de
balises prédéfinies dans ce langage, l’utilisateur peut créer librement toutes les balises qu’il souhaite.
L’avantage de XML est l’indépendance de l’aspect physique du document par rapport à sa structure
logique. En effet, la philosophie du langage XML consiste à séparer les informations de la
présentation. Lors de sa création, le document sera balisé en fonction de son contenu sans se soucier de
sa présentation (titre en gras ou en italique, mise en page, etc.). De ce fait, deux mécanismes de
feuilles de style sont prévus pour contrôler la restitution et le formatage de documents XML
(affichage, impression) Ces mécanismes sont : Cascading Style Sheets (CSS), et eXtensible Style
sheet Language (XSL).
3
Création des pages web
Concepts de base
Un site Web est un ensemble cohérent de pages, qui peuvent toutes être consultées en
suivant des hyperliens à l'intérieur du site.
L'adresse Web d'un site correspond à l'URL d'une page Web, prévue pour être la première
consultée : la page d'entrée ou page d'accueil du site généralement elle a comme nom de fichier
index .
La consultation des pages d'un site s'appelle une visite
Technologies d’un site Web
Les technologies mises en œuvre pour un site Web sont multiples. On peut les classer ainsi :
• Protocoles de communication (HTTP, HTTPS)
• Formats de contenus Web (HTML, XML, GIF, JPEG,
PNG,avi)
• Technologies serveur (PHP, ASP,…)
• Catégories des sites Web (Moteurs de recherche, annuaires, site commercial, site
institutionnel, …)
Architecture d’un site web
La création et la conception d'un site Web est un processus qui implique plusieurs étapes
Définir l’objectif du site
• Être présent sur le web,
• Faire des visiteurs, nouveaux lecteurs à la
bibliothèque
• Faire un site de promotion de votre bibliothèque
• Faire un site commercial, …
→ Connaître nos objectifs ➔ connaître notre public
Cibler le public
• Connaître notre public (visiteurs potentiels de
notre site)
• Internautes novices
• Internautes expérimentés
• Contenu rédactionnel
4
• Présentation visuelle
• fonctionnement
Contenu rédactionnel
➢ Choisir le contenu qui attire le visiteur
➢ Contenu clair et précis
Présentation visuelle
➢ Penser à dynamiser votre site par des graphiques
➢ Le visuel est bien lié au contenu et au fonctionnel
Fonctionnement
➢ Réfléchir au temps de chargement de vos pages
➢ Faites attention aux images et aux applications lourdes sur votre site
➢ Mettre en place des mécanismes d’interaction (avec l’auteur ou le responsable du site par
exemple)
Structurer le site
• Structuration claire du site qui permet de naviguer facilement dans le contenu
• Fournir à l'usager l'information qu'il souhaite en un minimum d'étapes et donc un minimum
de temps
➢ Appliquer la "règle des 3 clics" selon laquelle toute information de votre site doit être
disponible en maximum 3 clics de souris.
Structurer le site
Structure séquentielle
• Groupes d’information ordonnés (logique, chronologie, du général au spécifique,
alphabétique)
• Plutôt pour petits sites ou pour sous-sites à l’intérieur d’un grand site
Structure hiérarchique Veut refléter la structure d’une organisation
Structure en réseau ou en toile
➢ Veut poser peu de restrictions sur l’utilisation de l’information et la navigation,
➢ favorise l’exploration, la découverte,
➢ Veut favoriser une densité très élevée de liens
➢ Peu pratique pour les internautes novices
5
Structures à éviter
• Structures trop large : page d’accueil surchargée de liens souvent peu reliés entre eux
• Structure trop profonde, nécessite beaucoup de clics pour la parcourir et trouver l’information
requise.
Charte graphique
• Tout concepteur d'un site Web doit donner une identité visuelle à son site à travers la charte
graphique, les polices et les couleurs de caractères utilisés
Interface de navigation
• C’est la suite indispensable d'une bonne structuration du site.
• Simple à comprendre,
• Offre une orientation vers l'information cherchée
• Interface de navigation : barre de navigation sur chaque page
Mise en page du texte
Typographie
➢ Choix de la police
➢ Utilisation des majuscules minuscules
➢ Type et taille des caractères
➢ Soulignement (à éviter au maximum)
➢ Utilisez les niveaux de titres
Couleur du texte
➢ Contraster avec le fonds
➢ Texte foncé sur fonds clair (recommandé pour une meilleure lisibilité)
➢ Pensez à l’impression de vos pages
➢ Découpage du texte en unités de taille raisonnable
➢ Règle des 3 écrans : la longueur d’une page ne doit pas dépasser les 3 pages écrans pour
limiter le défilement vertical.
➢ Certains concepteurs recommandent de fixer l’information sur une seule page écran pas plus
➢ Quelques conseils de mise en page
➢ les premières lignes (ou la première page écran) doivent rassembler le maximum
d’information
6
➢ à éviter le recours au défilement horizontal
Typologie de liens
• Dans une interface web, on distingue différents types de liens :
• - les liens "structuraux" : éléments de navigation dans l'arborescence du site (train de
navigation, retour sommaire...)
• - liens "intégrés" : liens vers des éléments de la page (ancres)
• - liens "associatifs" : liens vers des éléments associés au contenu de la page (pour en savoir
plus, voir aussi...).
Plan du site
Le plan du site permet de lister l'ensemble ou une partie des catégories, sous catégories et pages d'un
site internet sous forme de plan.
Il peut servir de repère de navigation pour les visiteurs et les aider à trouver facilement la page ou la
section du site qu'ils recherchent.
Le plan du site se trouve généralement sur une page qui lui est consacré et est idéalement accessible
directement depuis la page d'accueil
