Guide des normes Internet - Vieux

Transcription

Guide des normes Internet
SITE WEB DE LA VILLE DE MONTRÉAL
ville.montreal.qc.ca
Direction générale
Direction des communications
et des relations avec les citoyens
Division des relations avec les citoyens
Section Internet
Décembre 2004
1
Table des matières
1
Introduction..............................................................................................3
1.1
Principes directeurs du site de la Ville ..................................................5
1.2
Clientèles cibles ..................................................................................6
1.3
Objectifs du guide................................................................................6
1.4
Rôles des responsables Internet..........................................................6
1.5
Rôles et responsabilités de la Section Internet .....................................7
1.6
Rôle du webmestre et de l’édimestre de la Section Internet ..................7
1.7
Conception d’un site Internet par un consultant externe........................8
1.8
Phases de conception d’un site Internet ...............................................9
2
Normes éditoriales .................................................................................11
2.1
Adresse corporative...........................................................................11
2.2
Information en page d’accueil ............................................................11
2.3
Page vide ..........................................................................................11
2.4
Promotion et publicité ........................................................................11
2.5
Les termes portail et accueil ..............................................................12
2.6
Information de grand intérêt ...............................................................12
2.7
Version anglaise des sites .................................................................13
2.8
Sites annuels ou saisonniers .............................................................13
2.9
Écriture Web .....................................................................................13
2.10 Acronymes et points de références ....................................................13
3
Standards techniques ............................................................................14
3.1
Hyperlien...........................................................................................14
3.2
Utilisation d’un texte ou d’une image dans les menus de navigation....14
3.3
Navigateurs.......................................................................................14
3.4
Titre des pages HTML .......................................................................15
3.5
Noms de fichiers................................................................................15
3.6
Noms des répertoires ........................................................................15
3.7
Texte alternatif ..................................................................................15
3.8
Serveur de développement................................................................15
3.9
Images ..............................................................................................16
3.10 Fichiers PDF .....................................................................................16
3.11 Technologie Flash .............................................................................18
3.12 Plugiciel (dérivé de plug in) ................................................................18
3.13 Feuille de style en cascade * .............................................................18
3.14 Indexation dans le moteur de recherche Copernic ..............................18
3.15 Courriels et formulaires de courriels...................................................18
3.16 Statistiques d’achalandage ................................................................19
3.17 Vidéo ................................................................................................20
3.18 Son ...................................................................................................20
3.19 (À VENIR) Développement d’un site avec Logient ..............................20
3.20 Normes techniques de conception de sites Web avec Logient ............22
3.20.1 Mandat.......................................................................................22
2
3.20.2 Glossaire des termes..................................................................22
3.20.3 Spécification technique ...............................................................23
3.20.4 Contenu .....................................................................................24
3.21 Normes spécifiques aux sites statiques..............................................25
3.21.1 Structure des répertoires.............................................................26
3.21.2 Nomenclature des fichiers...........................................................26
3.21.3 Utilisation de fichiers «include» corporatif....................................27
4
Portail de la Ville.....................................................................................29
4.1
Concept visuel et de navigation .........................................................29
4.2
Couleurs de la page d’accueil du portail .............................................36
5
Sites Internet des arrondissements .......................................................37
5.1
Gestionnaire de contenu....................................................................37
5.2
Concept visuel et de navigation .........................................................37
5.3
Intégration de l'identité visuelle des arrondissements dans
leur site Web .....................................................................................44
5.4
Couleurs des sites des arrondissements ............................................45
6
Sites Internet des services corporatifs ..................................................47
6.1
Grille graphique.................................................................................47
6.2
Emploi de la couleur ..........................................................................51
7
Annexes..................................................................................................52
7.1
Exemples de sites corporatifs ............................................................53
7.2
Exemples de site d’arrondissement....................................................59
7.3
Noms officiels des arrondissements...................................................60
7.4
Lexique Internet................................................................................61
1
3
Introduction
Le portail et les sites Internet de la Ville de Montréal permettent aux citoyens
montréalais et aux internautes du monde, d’accéder en tout temps à une quantité
volumineuse d’information touchant la panoplie des services et des activités offerts par
la Ville de Montréal. À cet égard, le médium de communication électronique repose sur
les deux objectifs suivants :
•
•
améliorer les services aux citoyens en élargissant l’accessibilité de l’information
7 jours sur 7, 24 heures sur 24 ;
être pour la Ville une fenêtre ouverte sur le monde.
Le site Internet de la Ville de Montréal compte plus d’une centaine de sites chapeautés
par un portail Internet. Tous les arrondissements de la Ville ainsi que les services
corporatifs possèdent leurs sites.
Chaque site corporatif doit être conçu afin de refléter les activités des services plutôt que
les structures administratives. L’approche par thématique a été retenue afin de mieux
répondre directement aux besoins des différentes clientèles indépendamment de la
structure organisationnelle de la Ville. Ainsi, pour mieux cibler et desservir leurs
clientèles, les services corporatifs peuvent avoir plusieurs sites thématiques.
Le portail est la porte d’entrée officielle de tous les sites de la Ville. Il permet d’accéder
aux sites, présente les principaux services, activités et événements offerts par la Ville.
L’adresse officielle de la page d’accueil du portail est : ville.montreal.qc.ca
(Voir la version agrandie du schéma du site Internet de la Ville à la page suivante)
4
1.1
5
Principes directeurs du site de la Ville
Afin de soutenir et orienter l’ensemble du développement du site Web de la Ville de
Montréal, des principes directeurs ont été émis.
•
Développer le portail de la Ville de Montréal en fonction des besoins des
principales clientèles identifiées dans la mission de la Ville soit : les citoyens, les
entreprises et les visiteurs ;
•
Développer une arborescence et des processus de navigation permettant aux
différents types de clientèles d’accéder le plus facilement et le plus rapidement
possible à l’information recherchée et permettre d’accéder directement aux
informations clés et aux sites des arrondissements ;
•
Développer une interface graphique correspondant à l’image corporative de la
Ville de Montréal et visant l’harmonisation de tous les sites de la Ville chapeautés
par le portail ;
•
Prioriser l’accès à l’information susceptible d’intéresser une majorité de citoyens ;
•
Intégrer toutes les communications concernant la Ville et les arrondissements :
communiqués, offres d’emploi, appels d’offres, avis publics, événements
spéciaux, etc. ;
•
Assurer la visibilité des nouveautés et ajouts d’importance dans les sites de la
Ville;
•
Favoriser le développement et l’intégration des services en ligne ;
•
Assurer la participation et la collaboration de toutes les ressources impliquées
dans le domaine des sites Web corporatifs et d’arrondissements de la Ville ;
•
Privilégier l'utilisation et l’optimisation des bases de données de la Ville;
•
Assurer la publication de contenus pertinents et actualisés ;
•
Assurer la visibilité, la cohérence et l’accessibilité de l’information, pour l’usager
des services corporatifs et des services offerts dans les arrondissements;
•
Tendre vers la mise en place d’un «guichet unique» en offrant l’accès aux
services corporatifs et d’arrondissements tant dans les pages de navigation des
sites des arrondissements que dans celles du portail et dans celles des services
corporatifs;
•
Favoriser une approche par étape et évolutive pour le développement du portail
et des sites Web de la Ville.
1.2
6
Clientèles cibles
Les principales clientèles cibles du portail sont : les citoyens, en tant que
consommateurs de services et en tant que participants à la vie démocratique, les gens
d’affaires et les visiteurs. Les services corporatifs peuvent également viser des
clientèles plus spécifiques.
Le contenu de tous les sites doit être élaboré de façon à susciter et à maintenir
constamment l’intérêt de ces clientèles et à refléter l’image de la Ville de Montréal, de
ses arrondissements et de ses services corporatifs.
1.3
Objectifs du guide
Destiné principalement aux responsables Internet de la Ville et à leurs collaborateurs,
ce document fixe les balises d’un cadre de diffusion de l’identité visuelle corporative de
la Ville et de l’information municipale électronique de nature publique. Il contient les
règles d’encadrement et de gestion des sites de la Ville. De plus, il présente le concept
graphique du portail officiel et des sites Internet, de même que les normes techniques.
Ce guide, tout comme le monde de l’Internet, est en constante évolution. Ainsi, il est mis
à jour régulièrement. Les nouvelles versions sont déposées régulièrement dans le portail
et l’intranet. Il est recommandé de toujours utiliser la version la plus récente.
1.4
Rôles des responsables Internet
Pour chacun des sites Web, un responsable Internet doit être désigné, selon les règles
internes du service ou de l’arrondissement, afin de coordonner le développement et la
mise à jour de chaque site. Une personne remplaçante devrait aussi être nommée afin
de répondre aux besoins en cas d’absence.
Les responsables Internet doivent également, voir au respect des normes Internet. Ainsi,
ils doivent s’assurer de :
•
•
•
•
•
•
•
•
valider l’information qui doit respecter les individus et les collectivités, d’en
mesurer la qualité et la pertinence et de voir à une mise à jour régulière;
voir à la qualité de la langue française et à la révision linguistique de tout
contenu. À cet effet, le site Web de l’Office québécois de la langue française est
une référence des plus utiles, www.olf.gouv.qc.ca ;
respecter les normes toponymiques. Pour effectuer une vérification, consulter le
répertoire des voies publiques.
ville.montreal.qc.ca/urb_demo/domaines/topo/repertoire-rues-arr.pdf ;
respecter la nomenclature officielle des arrondissements (voir section 7.1) ;
vérifier et approuver tous les aspects techniques en collaboration avec la Section
Internet ;
informer la Section Internet de la création d’un nouveau site, de toute
modification importante, etc. ;
faire une demande pour le retrait d’un site auprès de la Section Internet ;
signaler à la Section Internet tout événement, activité, information de nature
urgente ou prioritaire qui touche la Ville dans son ensemble.
7
Les responsables Internet peuvent inscrire leur site dans les divers moteurs de
recherche existants. De plus, ils sont encouragés à favoriser l’indexation de leur site en
utilisant les méthodes les plus efficaces. Le webmestre de la Section Internet peut vous
conseiller à cet effet.
1.5
Rôles et responsabilités de la Section Internet
Il appartient à la Section Internet de gérer le portail et les aspects techniques des sites
Web de la Ville. La Section Internet effectue la production et la conception de site et
gère tous les nouveaux développements. Elle agit en tant que conseiller et
coordonnateur lors de la préparation des sites Web par un consultant. À ce titre, tout
nouveau développement de site doit lui être soumis dès la phase initiale ainsi qu’aux
différentes étapes de production et approuvé avant sa mise en ligne. Cette mesure vise
à assurer l’harmonisation des sites de la Ville ainsi que l’uniformité des choix
technologiques. Nos spécialistes sont à votre service pour vous guider dans la
préparation d’un nouveau site ou pour toute restructuration importante.
La Section Internet veille à ce que les orientations technologiques, les normes
graphiques et éditoriales de tous les sites de la Ville soient respectées. À cette fin, elle
se réserve le droit de prendre les dispositions nécessaires afin que soient appliquées les
normes.
Section Internet
Division des relations avec les citoyens
333, rue Saint-Antoine Est, bureau 520, Montréal Qc
H2X 1R9
1.6
Rôle du webmestre et de l’édimestre de la Section Internet
Le webmestre voit à la coordination et au bon fonctionnement technique du portail et
des sites Web de la Ville. À ce titre, il assure la cohérence et la qualité technique du
portail et des sites en respect avec les normes Internet. Il veille aussi à la bonne marche
des technologies utilisées. Il agit comme conseiller auprès de la clientèle en ce qui
concerne la gestion générale des sites et les questions techniques.
L’édimestre est responsable de gérer l’information contenue dans les pages du portail.
Il s’assure du respect des normes éditoriales régies par la Section Internet de même que
de la qualité linguistique des textes des sites et du portail. Il agit comme conseiller
auprès de la clientèle en ce qui concerne le contenu des sites.
Pour obtenir un support-conseil ou pour plus de renseignements, communiquez avec :
Louis-Philippe Cloutier
Webmestre
514 872-7430
[email protected]
Sylvie Lebeuf
Édimestre
514 872-2764
[email protected]
1.7
8
Conception d’un site Internet par un consultant externe
La conception d’un site Internet par un consultant peut être réalisée à l’intérieur du
gestionnaire de contenu Logient* ou produit en HTML selon les normes présentées dans
ce guide. Dans ce dernier cas l’entretien et la mise à jour du site doivent être assurés
par le service pour lequel le site a été produit.
La Section Internet doit être impliquée dès le début de chaque projet de développement
de site afin d’effectuer le suivi et la coordination, avec les responsables Internet. Elle
intervient à toutes les phases de préparation d’un site Internet, décrites ci-dessous.
Compte tenu de son expertise, la Section pourra également conseiller le responsable
Internet lors de la conception et de la production du site.
*Orientation technologique adoptée pour l’ensemble de la Ville.
1.8
9
Phases de conception d’un site Internet
1.
Devis
Élaboration d’un devis, par le responsable Internet du service, présentant une
description du site à développer.
2.
Soumission
Soumission du ou des consultants en fonction du devis présenté. Analyse des
soumissions et retenue.
3.
Plan de projet
Le plan de projet spécifie notamment la définition du mandat et les échéanciers ainsi
que la gestion des communications entre les différents intervenants et l’organisation du
travail.
4.
Analyse — Scénarisation
La phase d'analyse ébauche la solution souhaitée, confirme le coût et l’échéancier de
réalisation. Elle établit clairement les fonctionnalités du site, son arborescence et
présente une scénarisation des principaux éléments du site.
5.
Maquette graphique
La maquette graphique permet de définir l’aspect visuel du site. À partir des
commentaires et informations élaborés dans l’analyse, le consultant propose une
maquette graphique pour la page d’accueil et une autre pour l’ensemble des pages
secondaires du site.
6.
Interface fonctionnelle
À cette étape, toutes les sections du site sont assemblées pour produire une interface
fonctionnelle. Cette interface permet de naviguer à l’intérieur du site et de confirmer la
présentation des différents éléments, menus, sections, etc. À cette étape, la
présentation d’information simulée de type latin (Lorem ipsum) est souvent utilisée.
7.
Réalisation technique
La phase de réalisation technique consiste à développer les applications dynamiques,
s’il y a lieu, et à intégrer les différents contenus (textes, photos, images, PDF, etc.).
Durant cette phase, plusieurs tests internes doivent être effectués afin de vérifier le bon
fonctionnement des diverses composantes.
8.
Contrôle de qualité
Le contrôle de qualité consiste à s’assurer que le produit livré est conforme aux
spécifications décrites lors de l’analyse. De plus, le consultant doit réaliser des tests
pour confirmer le bon fonctionnement de chaque section du site (fonctionnalités,
formulaires, hyperliens, sécurité, etc.). Les corrections nécessaires doivent être
effectuées à cette étape.
9.
Livraison et implantation
L’étape de livraison et d’implantation consiste à accepter officiellement le site final. Il
s’agit aussi de transférer le site dans l’environnement de la Ville, sur le serveur
d’acceptation dans un premier temps, puis sur le serveur de production après validation
du Service des technologies de l’information (DTI); des corrections techniques peuvent
10
être demandées au consultant si nécessaire. Durant cette étape, le consultant devrait
offrir également au client des activités de support et de formation afin que ce dernier
puisse effectuer la mise à jour de son site de manière autonome.
10.
Entretien et mise à jour
Cette phase consiste à mettre à jour le site. Dans certains cas, le client choisira de faire
le travail à l’interne ou de donner un contrat d’entretien au consultant. Dans tous les cas,
la Section Internet peut apporter son support-conseil pour la gestion et le
développement du site.
2
2.1
11
Normes éditoriales
Adresse corporative
L’adresse ville.montreal.qc.ca est l’adresse officielle de tous les sites de la Ville de
Montréal. La promotion de cette adresse est grandement recommandée dans toutes les
publications de la Ville.
L'adresse complète du site de la Ville est particulièrement longue, c’est pourquoi les
www ne doivent pas être utilisés. Ainsi, il est plus facile de retenir et reconnaître
l’adresse officielle. Pour la même raison, on ne doit pas utiliser : http:// ni : www2.
Les sites peuvent promouvoir une adresse permettant d’accéder à un site précis. Un
titre décrivant le domaine d’activité peut être ajouté après l’adresse officielle, ex :
ville.montreal.qc.ca/mairie.
Comme l’exemple le démontre, ville.montreal.qc.ca doit être affiché dans un caractère
typographique dominant, en gras ou dans une couleur contrastée, le domaine d’activité
apparaissant en caractère régulier. L’utilisation des minuscules est requise.
Cette norme vise à affirmer la notoriété du portail de la Ville de Montréal, à faciliter
l’accès à tous les sites et à leur assurer une meilleure visibilité.
Pour obtenir une adresse promotionnelle, veuillez communiquer avec le webmestre.
2.2
Information en page d’accueil
Toutes les pages d’accueil des différents sites doivent contenir de l’information utile à
l’internaute (menus principaux et texte explicatif). Les pages de garde (Splash screen)
qui ne contiennent que des éléments graphiques, des choix de catégories ou des
animations graphiques sont proscrites. La version française d’un site a toujours
prépondérance.
2.3
Page vide
Toutes les pages versées dans les sites de la Ville doivent contenir de l’information utile
et à jour. Les pages de type, en construction, page à venir, ou pages de garde sont à
proscrire complètement.
2.4
Promotion et publicité
Aucune autre promotion ou publicité – directe ou indirecte – autre que celles reliées aux
activités, aux services ou aux événements tenus par la Ville de Montréal, n’est acceptée.
Les sites Internet de la Ville sont avant tout consacrés à l’information municipale et ne
sont pas des véhicules publicitaires moussant la visibilité commerciale.
12
Toutefois, les arrondissements, ou les services corporatifs qui établissent des liens de
partenariat avec certaines entités pourront afficher la liste de leurs partenaires. Cette
liste ne doit pas figurer en page d’accueil. Elle devrait constituer une page indépendante
et clairement identifiée à cet effet. Bien que l’affichage d’une liste soit fortement
privilégié, il n’est pas interdit de donner les coordonnées des partenaires, de présenter
leur logo et d’inclure des hyperliens vers des sites externes.
En aucun cas, les logos des partenaires ne peuvent être de dimension supérieure à
celui de la Ville de Montréal. Ceux-ci devraient être insérés dans un espace ne
dépassant pas 125 pixels de largeur par 40 pixels de hauteur. Pour ce qui est des logos
de forme plus carrée, ils ne doivent pas dépasser 60 pixels par 60 pixels. Les logos de
plus petite taille, mais plus imposants d’apparence – par d’autres éléments graphiques –
doivent être réduits pour privilégier l’émergence du logo corporatif.
Lors d’une entente de partenariat survenue entre la Ville et des paliers
gouvernementaux, seules les pages se rapportant à l’entente elle-même peuvent être
mises en valeur.
Pour plus d’information, veuillez communiquer avec l’édimestre de la Section Internet.
2.5
Les termes portail et accueil
Le portail de la Ville de Montréal chapeaute et donne accès à tous les sites de la Ville de
Montréal. Le portail ainsi que les sites d’arrondissement et des services corporatifs
constituent le site officiel de la Ville de Montréal.
Le terme portail est réservé à l’usage exclusif du portail de la Ville accessible à l’adresse
ville.montreal.qc.ca. L’hyperlien du mot «portail», qui mène à la page d’accueil du
portail, apparaît dans la barre de navigation corporative qui doit s’afficher dans toutes
les pages du site officiel.
Le terme «accueil» est réservé à la page d’accueil des sites de la Ville et doit être
intégré à la navigation de chacun des sites (sites d’arrondissement, sites des services
corporatifs et sites événementiels).
2.6
Information de grand intérêt
Le site de la Ville de Montréal contient plus d’une centaine de sites et nombreux sont
ceux qui ont une clientèle cible propre. La plus grande partie de l’information est conçue
pour répondre aux besoins de la population montréalaise. Cependant, elle peut aussi
avoir une portée régionale, nationale ou internationale. Ce type d’information devrait se
retrouver dans les pages principales du portail. Les responsables Internet des différents
sites doivent donc aviser l’édimestre de la Section Internet afin d’assurer la meilleure
visibilité possible de ce type d’information.
2.7
13
Version anglaise des sites
Les arrondissements et les services corporatifs peuvent décider de fournir ou non à
leurs clientèles des contenus en anglais. Il est cependant recommandé de traduire les
pages principales des sites.
La mention English peut être ajoutée aux sites, sections de sites ou pages disponibles
en anglais. Il en va de même pour les sites en anglais qui peuvent comporter la mention
Français. Soulignons que chaque page doit être unilingue et qu’aucune page bilingue ne
peut être publiée. Toutes les pages en anglais doivent obligatoirement avoir une version
française.
2.8
Sites annuels ou saisonniers
Les sites qui reviennent d’une année à l’autre ou d’une saison à l’autre peuvent
conserver l’information sur leur site jusqu’à la parution de nouveaux contenus. Il est
suggéré de mettre une note générique tels que – de retour l’an prochain ou à suivre à
l’automne – afin d’indiquer aux internautes la poursuite des mêmes activités à un autre
moment.
Lors de la mise à jour du contenu de ces sites, les anciennes données devront être
archivées. Aucune information périmée n’est acceptée. La date et l’année devraient
toujours apparaître de manière explicite.
Note : Les outils de recherche très performants tel que Copernic peuvent mettre
facilement en veilleuse de l’information invalide.
2.9
Écriture Web
L’écriture en ligne doit privilégier le recours à des titres, des phrases – une phrase ne
devrait pas dépasser 15 à 20 mots – et des paragraphes courts. Les tournures de
phrases doivent être simples et précises. Idéalement, la longueur moyenne d’une page
Web devrait se situer entre 500 signes (minimum) et 4000 signes (maximum).
Pour plus de renseignements : www.redaction.be
2.10 Acronymes et points de références
Pour faciliter la compréhension, les acronymes doivent être associés au nom complet,
au moins une fois dans chaque page.
Ex. : Société de transport de Montréal (STM)
Bureau Accès Montréal (BAM)
3
3.1
14
Standards techniques
Hyperlien
Un hyperlien est une connexion activable dans le Web reliant des textes ou des images
ayant une relation complémentaire les uns avec les autres, et ce, où qu’elles se trouvent
dans Internet.
Tout hyperlien dirigé vers des sites extérieurs à ceux de la Ville doit comporter le code
(target= «_blank») lequel génère automatiquement une nouvelle page d’affichage. De
cette façon, les sites de la Ville demeurent sur le poste de l’utilisateur et il devient facile
de voir que l’on quitte le site officiel.
3.2
Utilisation d’un texte ou d’une image dans les menus de navigation
Lorsqu’un menu est statique, il peut être créé sous forme d’image. Par exemple, la barre
de navigation corporative est une image qui comporte les termes suivants : Portail, Plan
de site, Nous contacter, Cartes de Montréal, Recherche, Les arrondissements. Par
l’utilisation de «server side include» (voir 3.20) lorsqu’un changement s’avère
nécessaire, il suffit d’opérer une seule manœuvre pour rectifier l’image partout dans le
site. Le même principe s’applique aux chroniques liées à des illustrations ou à des
photos (ex : Vie démocratique, Monde des affaires, Tourisme, Vos conseillers, Journal
officiel, etc.).
Lorsque les titres des menus changent régulièrement ils doivent être inscrits en code
HTML. Cette méthode facilite toute modification éventuelle et ne requiert pas l’aide d’un
infographiste. Les textes des menus, des barres de navigation, des titres des
chroniques, etc., peuvent être composés d’images ou de texte HTML.
3.3
Navigateurs
Chaque page d’un site doit avoir fait l’objet de test au préalable sur les navigateurs
Internet soit, Explorer 5.x et Netscape 6.x. et sur les plates-formes P.C. et Mac Intosh.
La présentation des pages Web doit être similaire dans les deux navigateurs. Toutefois,
l’affichage de la typographie ou la mise en page peut varier légèrement d’une plateforme à l’autre.
3.4
15
Titre des pages HTML
Le titre d’une page HTML est celui qui s’affiche au haut des menus de votre navigateur.
Ex. :
Il est inclus dans le code «Head» de la page.
Le titre a pour but d’indiquer à l’internaute le contenu qu’il y trouvera. L’emploi de lettres
majuscules est fortement déconseillé.
Les éléments suivants doivent composer les titres des pages :
Montréal – Nom du site ou de l’arrondissement – Nom du sous-site (facultatif)
Ex. : Montréal – Insectarium – Toile des insectes
3.5
Noms de fichiers
Les noms des fichiers doivent être précis et signifiants, ne pas comporter d’accents, de
majuscules ou de caractères spéciaux. Ils doivent faciliter le repérage dans les différents
répertoires du site.
3.6
Noms des répertoires
Les noms des répertoires sources sont fournis par la Section Internet.
3.7
Texte alternatif
Pour une meilleure accessibilité à l’information, un texte alternatif «Alt» doit apparaître
avec chaque photographie et image. Les éléments purement décoratifs sont exempts de
mention. Ce texte apparaît en surimpression lorsque la flèche du curseur survole
l’image. L’utilisation du «Alt» est importante puisqu’elle permet une meilleure
accessibilité à l’information et facilite le repérage des moteurs de recherche.
3.8
Serveur de développement
Tout nouveau site ou modification significative dans un site doit être testé au préalable
sur le serveur de développement avant la mise en ligne sur le serveur de production.
Seules des modifications mineures peuvent être effectuées directement sur le serveur
de production. Toutefois, elles devront être vérifiées en ligne sur le champ.
3.9
16
Images
Les images doivent être de format GIF ou JPG. Le GIF est le format qui offre le meilleur
rapport qualité - vitesse, et ce pour la majorité des images. Un format JPG est fortement
suggéré pour les photographies ou les illustrations possédant des dégradés de couleur.
Les images doivent être optimisées pour le Web à 72 DPI. Chaque image significative
doit comporter un texte alternatif «Alt». Ce texte apparaît en surimpression lorsque la
flèche du curseur survole l’image. L’utilisation du «Alt» est importante puisqu’elle permet
une meilleure accessibilité et facilite le repérage des moteurs de recherche.
Il est préférable d’identifier une image à l’aide d’un nom descriptif qui est toujours en
lettres minuscules. Les accents, les espaces et les caractères spéciaux sont proscrits à
l’exception du _ et du –.
Lors du téléchargement d’images avec le gestionnaire de contenu de Logient, un
formulaire doit être utilisé pour télécharger le contenu vers le serveur. La dimension
maximale de l’image est indiquée dans les formulaires. Un champ obligatoire est prévu
pour le titre de l’image (utilisé pour le texte alternatif «Alt» de l’image), un optionnel pour
une légende, la source ou le copyright.
3.10 Fichiers PDF
Les PDF sont utilisés lorsqu’il s’avère utile d’imprimer un document ou lorsque
l’agrandissement d’images est nécessaire. Le poids du fichier PDF doit toujours être
inscrit à côté du titre du fichier. Ex. [PDF – 524 ko] [PDF – 2,1 Mo]. Les PDF sont
complémentaires à l’information transmise dans les pages du site et ne devraient en
aucun temps s’y substituer.
Même si la taille des fichiers PDF n’est pas limitée, il est nettement souhaitable de
minimiser le temps de téléchargement. Les documents volumineux gagnent à être
fractionnés en plusieurs chapitres (autant de fichiers PDF). Ainsi, un fichier PDF ne
devrait pas excéder 2 Mo.
IMPORTANT : Les fichiers PDF doivent être optimisés pour le Web, afin de réduire le
plus possible le poids d’un fichier.
Voir quelques conseils utiles à www.adobe.fr/products/tips/acrobat.html
Pour identifier vos fichiers: un nom descriptif en lettres minuscules suffit. Les accents,
les espaces et les caractères spéciaux sont à proscrire à l’exception du _ et du –.
IMPORTANT : L’outil de recherche Copernic du site de la Ville affiche le titre du
document PDF. Il s’avère donc très important d’assigner un titre signifiant. En l’absence
d’un tel titre, le PDF prendra le nom du fichier source par défaut.
Pour éviter cette situation, il est obligatoire d’inscrire le titre et l’auteur dans les
propriétés du document dans le logiciel Acrobat, le sujet et les mots-clés sont optionnels
(cette fonction n’est pas disponible dans l’Acrobat Reader). Le graphique qui suit indique
comment accéder aux propriétés d’un document PDF pour y inscrire les informations
nécessaires.
17
Lors du téléchargement d’un fichier PDF avec le gestionnaire de contenu de Logient,
celui-ci est téléchargé dans le serveur Internet par le biais d’un formulaire. Un champ
obligatoire est prévu pour le titre du PDF qui servira de texte à l’hyperlien. Un autre
champ obligatoire est délimité pour l’inscription de la taille du fichier (en ko).
18
3.11 Technologie Flash
La technologie Flash ainsi que toute autre technologie similaire et reconnue
universellement dans les navigateurs Web, peuvent être utilisées dans les sites de la
Ville. Bien que ces technologies soient a priori très attrayantes, elles peuvent s’avérer
superflues. Par contre, dans certains cas, elles peuvent être très utiles et efficaces. Pour
obtenir des conseils sur le sujet, communiquer avec le webmestre.
IMPORTANT : Les fichiers sources doivent être remis à la section Internet à la livraison
de chaque site développé avec la technologie Flash.
3.12 Plugiciel (dérivé de plug in)
L’utilisation de plugiciels, ne doit être faite que lorsque les technologies standard ne
conviennent pas à un besoin précis ou que leur valeur ajoutée soit fondée.
3.13 Feuille de style en cascade *
(Utilisation obligatoire)
La feuille de style est un fichier texte qui permet de définir avec exactitude la police, la
taille, la couleur, le soulignement, l’alignement, etc. de même que la disposition des
éléments d’une page Web les uns par rapport aux autres. Une feuille de style unique
s’applique à l’ensemble des pages contenues dans un site Internet donné. L’utilisation
de la feuille de style est obligatoire.
* Vient de l’anglais Cascading style sheets (CSS)
3.14 Indexation dans le moteur de recherche Copernic
Les textes HTML et ceux contenus dans les fichiers PDF sont automatiquement indexés
dans le moteur de recherche du site de la Ville, dès qu’un hyperlien existe vers ces
pages. L’utilisation de certaines technologies peut rendre l’indexation impossible. C’est
le cas lorsque des liens sont générés par une fonction JavaScript. Lorsque l’indexation
ne peut se faire automatiquement, elle doit être faite manuellement par l’administrateur
du serveur. Le webmestre peut faire effectuer l’indexation.
3.15 Courriels et formulaires de courriels
Les adresses de courriels utilisées dans les différents sites devraient être redirigées
systématiquement vers le Bureau Accès Montréal virtuel (BAM virtuel). Ce centre de
traitement du courrier électronique permet de répondre rapidement et efficacement aux
citoyens. Le BAM virtuel traite directement la majorité des courriels reçus. Il permet
aussi d’acheminer, par le biais de GIDEC, les requêtes des citoyens qui sont dirigées
vers les services ou les arrondissements.Les courriels qui nécessitent un traitement
particulier sont acheminés au personnel préalablement identifié. En plus d’éliminer les
19
courriels indésirables, ce moyen permet d’offrir un service intégré et d’améliorer le
service à la clientèle.
Cependant, il est aussi possible de diriger les courriels aux responsables désignés. Par
exemple, lors de la tenue de certains événements ou de concours se déroulant à la
Ville.
Toute communication électronique doit alors faire l’objet d’un suivi systématique par les
personnes concernées à l’intérieur de délais raisonnables.
Il est suggéré d’utiliser un formulaire dans les communications par courriel plutôt qu’un
lien direct à une boîte de messagerie (mail to). Ce moyen permet un meilleur suivi, une
meilleure identification de l’internaute et la tenue de statistiques.
L’utilisation du formulaire nécessite la préparation d’une page de confirmation de l’envoi,
de type – Merci d’avoir communiqué avec la Ville de Montréal. Lorsqu’une boîte de
messagerie est utilisée, un message de même type doit être envoyé à l’internaute par
retour de courriel.
Pour connaître la codification exacte pour les formulaires de courriels, communiquer
avec le webmestre.
3.16 Statistiques d’achalandage
Les rapports statistiques d’achalandage sont réalisés par l’outil Webtrends. Tous les
nouveaux sites peuvent obtenir des statistiques. Vous n’avez qu’à acheminer votre
demande au Webmestre. Le Webmestre s’assure aussi de faire une compilation globale
des statistiques d’achalandage de l’ensemble des sites.
Tous les sites Web peuvent profiter d’un rapport mensuel d’analyse de
l’achalandage.Les rapports du mois précédent sont habituellement disponibles dans les
10 premiers jours de chaque mois. Ces rapports doivent être lus avec la plus grande
précaution, car plusieurs standards s’appliquent dans l’industrie. Les unités de mesure
comparatives qui sont utilisées varient d’un outil à l’autre. Les uns utilisent davantage les
accès (hits) alors que d’autres favorisent le nombre de visiteurs uniques. De plus, les
rapports Webtrends produisent une quantité d’information impressionnante, mais qui
n’est pas toujours fiable. Particulièrement lorsqu’il s’agit de la provenance des
internautes, données grandement faussées par la localisation géographique des
infrastructures du réseau en Amérique du Nord ou ailleurs.
Webtrends est une marque de commerce déposée (www.webtrends.com).
Pour accéder aux rapports d’achalandage, consultez le stats.ville.montreal.qc.ca
Pour comprendre davantage le vocabulaire des rapports Webtrends, consultez le
www.newfangled.com/contentmgr/showdetails.php/id/3428 (en anglais seulement)
3.17 Vidéo
(À VENIR)
3.18 Son
3.19 Développement d’un site avec Logient
Principales étapes de développement d’un site à l’aide du gestionnaire de contenu de
Logient
(Voir la version agrandie du schéma à la page suivante)
20
21
22
3.20 Normes techniques de conception de sites Web avec Logient
Il est essentiel d’intégrer le développement de tous les sites Web corporatifs aux
technologies existantes à la Ville. Chaque nouveau site Web doit être dynamique et
utiliser le gestionnaire de contenu de la Ville. Pour ce faire, des standards techniques
ont été déterminés et doivent être respectés par les firmes externes ayant été
mandatées par la Ville ou par un de ses services.
3.20.1 Mandat
L’entreprise mandatée par la Ville de Montréal ou par un de ses services pour la
création d’un nouveau site Web dynamique le fait sous les conditions suivantes :
•
•
•
•
•
•
•
•
Le mandataire ne peut pas proposer de gestionnaire de contenu alternatif à son
client. Il travaille à livrer un produit qui s’arrimera au gestionnaire de contenu de
la Ville selon les spécifications techniques qui suivent.
Le mandataire ne peut pas proposer de base(s) de données à son client.
Le mandataire est responsable du concept et du design du nouveau site (en
conformité avec les normes de la Ville, au chapitre 6 du présent document).
Le mandataire est responsable de la stratégie de communication, des contenus
et de leur intégration dans le nouveau site (la stratégie est en accord avec les
besoins du client et l’intégration des contenus conforme aux standards
techniques qui suivent (fichiers XML)).
Le mandataire est responsable du bon développement de la structure du site
(conformément aux standards établis qui suivent).
Le mandataire qui détermine, suite à une analyse, que son client nécessite des
applications autres qu’un gestionnaire de contenu, doit faire valider sa solution
par la section Internet.
Le livrable doit être accompagné d’une documentation technique claire qui
résume bien le projet et ses spécificités.
Le mandataire travaille pour permettre à la Ville d’arrimer aisément son
gestionnaire de contenu à tous les nouveaux sites conçus à l’externe. En ce
sens, il offre son soutien technique ainsi que le temps nécessaire aux
modifications de la structure pour son bon fonctionnement sur les
environnements de la Ville.
3.20.2 Glossaire des termes
Terme
CMS
Type de contenu
DCRC
DTI
Description
Gestionnaire de contenu Web
Définition pour un ensemble de contenu de identique.
Exemple : communiqués.
Direction des communications et des relations avec les
citoyens
Direction des technologies de l’information
23
3.20.3 Spécification technique
Technologie
Technologie
HTML, XHTML, DHTML
XML
XSL
CSS
Javascript
JSP
Servlet
Java
Description
Présentation
Contenu
Logique de présentation
Présentation
Logique d’affaires
Serveur
Spécification
Serveur Web
JDK
Version
Tomcat 4.1.18
1.3.1
Structure de répertoire
Chaque site disposera d’un contexte sous Tomcat.
Le contenu doit obligatoirement respecter la structure de répertoire suivant :
Répertoire
contexte/content/xxx/
contexte/content/images/
contexte/content/fichier/
Description
Un répertoire pour chaque type de contenu.
Ces répertoires contiennent les fichiers
XML.
Exemple :
/content/communiques/
/content/nouvelles/
Images reliées aux contenus
Fichiers reliés aux contenus
Pour simplifier la maintenance des sites, il est important d’avoir une bonne structure de
répertoire. Voici une structure suggérer :
Répertoire
contexte/html/
contexte/jsp/
contexte/xsl/
contexte/images/
contexte/css/
Description
24
3.20.4 Contenu
Pour pouvoir intégrer le contenu dans la solution de gestion de contenu de la ville, le
contenu doit respecter les spécifications suivantes :
Le contenu doit être représenté dans un format XML.
Les éléments des fichiers XML doivent être en français et sans accent.
L’« Encoding » doit être ISO-8859-1
Les contenus de même type doivent être regroupés dans un répertoire.
Les contenus de même type doivent avoir une structure XML identique.
Date
Pour les documents qui contiennent des dates.
Voici le format : dd/MM/yyyy
Exemple : <date_debut_pub><![CDATA[25/06/2003]]></date_debut_pub>
Image
Pour les contenus qui ont des images reliées.
Voici les règles à suivre :
Les images doivent être dans /content/images/
Le contenu XML doit contenir un lien sur l’image.
Exemple :
<doc>
<images>
<image path = "logo.gif"/>
<image path = "photo.jpg"/>
</images>
</doc>
Fichier
Pour les contenus qui ont des fichiers de reliés.
Voici les règles à suivre :
Les fichiers doivent être dans /content/fichiers/
Le contenu XML doit contenir un lien sur le fichier.
Exemple :
<doc>
<fichiers>
<fichier path = "bulletin.pdf"/>
<fichier path = "rapport.xsl"/>
</fichiers>
</doc>
25
3.21 Normes spécifiques aux sites statiques
En plus des normes générales qui s’appliquent à tous les sites, les sites statiques
doivent respecter certaines normes spécifiques ayant pour but de standardiser les
manières de faire ainsi que de faciliter les mises à jour et le renouvellement périodique
des interfaces graphiques. À cette fin, nous avons largement recours aux «server side
include». Ainsi, chacune des pages d’un site appelle un fichier externe unique pour
certains de ces éléments tels les menus ou les barres de navigation.
Les sites statiques doivent être composés de pages HTML conformes à la norme
«XHTML 1.0 Transitional» (pour une meilleure compatibilité future). Afin d’accueillir les
«server side include», elles doivent également porter le suffixe shtm plutôt que htm ou
html.
Tous les éléments de formatage, à l’exception des tableaux doivent recourir à une feuille
de style externe (CSS).
Les JavaScript doivent être inscrits dans des fichiers liés, jamais directement dans la
page.
Tous les liens internes doivent être relatifs à la racine du site (et non relatifs au
document); seuls les liens externes peuvent être de type absolu (avec un url complet).
Note : Une structure de fichiers type ainsi qu’un gabarit général est disponible en
téléchargeant ce fichier à ville.montreal.qc.ca/modeles/service.zip
26
3.21.1 Structure des répertoires
Les répertoires doivent êtres organisés comme suit à l’intérieur du répertoire qui vous
est attribué sur le serveur :
•
•
•
•
•
service est le nom de votre répertoire
le ou les fichiers css doivent être dans le répertoire du même nom
tous les fichiers «include», français et anglais doivent être stockés dans le
répertoire includes
les javascripts résident dans le répertoire script
les pages du site sont localisées dans le répertoire en pour les pages en anglais
et dans fr pour les pages en français.Les documents PDF sont stockés dans les
sous-répertoires pdf de en et fr selon leur langue
3.21.2 Nomenclature des fichiers
Les noms de fichiers doivent se conformer aux normes générales.
27
3.21.3 Utilisation de fichiers «include» corporatif
Dans le cas de la barre de navigation corporative et du générique, les fichiers «include»
doivent impérativement pointer vers les fichiers corporatifs qui réside sur le serveur Web
de la ville.
 dans le cas de la barre de navigation
supérieure en français
 dans le cas de la barre de
navigation supérieure en anglais
 dans le cas du générique en français
 dans le cas du générique en
anglais
 dans le cas du générique en
français placé sur une page au fond foncé.
 dans le cas du générique en
anglais placé sur une page au fond foncé.
Afin de faciliter leur travail, les développeurs de sites peuvent installer une copie de ces
fichiers sur leur serveur de développement. Une trousse contenant les éléments qui
composent les fichiers include est disponible pour téléchargement à l’adresse suivante :
ville.montreal.qc.ca/modeles/includes.zip
Il est à noter que les styles associés au générique sont localisés dans la feuille de style
incluse dans le fichier includes.zip.
28
Code d’une page type
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Montréal - Service - Gabarit</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript1.2" src="/service/script/script.js"
type="text/javascript"></script>
<link href="/service/css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>







<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" valign="top">

</td>
<td width="550" valign="top"><table width="550" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="400" valign="top"></td>
<td width="150" valign="top"></td>
</tr>
</table></td>
</tr>
</table>


</body>
</html>
4
29
Portail de la Ville
La page d’accueil du portail est la porte d’entrée officielle des sites de la Ville. Elle
permet d’accéder à tous les sites, présente les principales activités, événements et
services offerts par la Ville. De plus, elle est la vitrine de la vie politique montréalaise. Le
portail offre plusieurs façons de naviguer et d’obtenir l’information recherchée.
L’édition du contenu de la page d’accueil du portail de la Ville relève de la fonction de
l’édimestre de la Section Internet. Toute demande concernant cette page peut lui être
acheminée. Les sujets traités en page d’accueil sont ceux qui touchent la portion la plus
large possible de la population montréalaise ainsi que les principales clientèles, ainsi
que ceux ayant un rayonnement montréalais, régional, national ou international.
4.1
Concept visuel et de navigation
(1)
30
Menu utilitaire
Portail officiel,
WebCam, Qualité de l’air, Météo
Ce menu identifie le portail officiel de la Ville de Montréal et mène à différents
sites utilitaires. WebCam est un réseau de caméras en direct qui présente
différents points de vue de Montréal. Qualité de l’air, est un site du portail qui
présente quotidiennement le niveau de la qualité de l’air à Montréal. Météo mène
la page du site d’environnement Canada qui présente la météo de Montréal.
(2)
Menu de navigation principal,
selon 4 rubriques
Vie démocratique,
Services aux citoyens,
Monde des affaires et
Tourisme
Ce menu s’adresse directement aux principales
clientèles du site selon les sujets qui les concernent
de plus près. Cette approche favorise l’accès à
l’information selon les besoins de la clientèle. Les
photographies utilisées ajoutent au caractère
accrocheur du menu.
(3)
Bandeau d’identification corporative
Signature corporative de Montréal accompagnée d’une image de la ville
(4)
31
Barre de navigation corporative
English, Plan du site, Nous contacter, Cartes de Montréal et Recherche
•
•
•

(5)
English mène à la version anglaise du portail officiel, dès lors l’internaute peut
continuer la visite du site en anglais. Les parties du site qui ne sont pas
disponibles en anglais sont clairement identifiées à cet effet, soit par l’affichage
d’un message, soit par la mention «in french only».
Le plan du site est l’un des outils de navigation les plus utilisés par les
internautes, il est mis à jour régulièrement et conçut afin de faciliter le repérage
dans le site. Le plan du site identifie clairement les différents sites, contenus
dans le site de la ville, par ordre alphabétique et par arrondissement.
«Nous contacter» mène aux formulaires qui acheminent les commentaires
o au bureau Accès Montréal Virtuel,
o au maire de Montréal
o au chef de l’opposition
Cette section fournie les principales coordonnées et numéros de téléphone de la
Ville ainsi que certains courriels, notamment ceux du webmestre et de
l’édimestre.
«Cartes de Montréal» donne accès aux cartes de Montréal produites par les
différents services corporatifs.
Recherche : Lien vers la page de recherche qui effectue à l’aide de Copernic
une recherche dans l’ensemble des sites composant le site officiel de la Ville de
Montréal.
Date, Liens rapides et Recherche

Date du jour
Liens rapides : menu déroulant présentant la liste des sites les plus en
demande dans le site de la Ville de Montréal
Recherche : permet d’effectuer une recherche à l’aide de Copernic directement
à partir de la page d’accueil du portail. La recherche se fait dans l’ensemble des
sites composant le site officiel de la Ville de Montréal.
(6)
Les arrondissements
(Par code postal, par la carte et par la liste)
Cette nouvelle application permet d’accéder aux
sites des arrondissements de trois façons
différentes. Lorsque l’internaute connaît le nom de
l’arrondissement, il peut y accéder par la carte ou
au moyen de la liste déroulante. Sinon, il est
possible de trouver un arrondissement en
inscrivant un code postal.
(7)
Gouvernance
Menu présentant les élus municipaux, les
commissions et les consultations publiques.
L’élément principal est un lien vers le site Mairie
dont le contenu est déterminé par le responsable
Internet du Bureau du maire.
(8)
Grands dossiers
Menu présentant les grands dossiers d’intérêt
touchant la Ville de Montréal dans son ensemble.
(9)
32
La ville annonce
Communiqués,
Appels d’offres,
Avis publics,
Offres d’emploi,
Nouveautés dans le site.
Communiqués : application interactive permettant d’afficher les communiqués
de la Ville et des arrondissements. Il est possible de s’inscrire à l’application à
l’adresse : applicatif.ville.montreal.qc.ca/admin/framdem.asp.
Cette application permet d’afficher les communiqués à la fois dans les sites
d’arrondissements, ceux des services corporatifs et dans le portail officiel.
33
Appel d’offres : application interactive permettant d’afficher les appels d’offres
de la Ville et des arrondissements. Il est possible de s’inscrire à l’application à
Cette application permet d’afficher les appels d’offres dans les sites
Avis publics : application interactive permettant d’afficher les avis publics de la
Ville et des arrondissements. Il est possible de s’inscrire à l’application à
Cette application permet d’afficher les avis publics dans les sites
Offres d’emploi : application interactive permettant d’afficher tous les emplois
offerts par la Ville et les arrondissements.. Il est possible de s’inscrire à
l’application à l’adresse : applicatif.ville.montreal.qc.ca/admin/framdem.asp.
Cette application permet d’afficher les offres d’emploi dans les sites
Nouveautés dans le site: Application interactive permettant d’afficher les
nouveautés dans le site de l’arrondissement. Il est possible de s’inscrire à
l’application à l’adresse : applicatif.ville.montreal.qc.ca/admin/framdem.asp.
Cette application permet d’afficher les nouveautés à la fois dans les sites
(10)
Services en ligne
Principales applications interactives du portail.
Cité +
Évaluation foncière
Info-collectes
Info-remorquage
(11)
Liens pratiques
Liens vers des sites d’information utile pour les
résidents montréalais.
La Banque d’information municipale Sherlock:
présente le contenu des fiches Sherlock
accessibles au grand public. Plus de 600 fiches
d’information sur les activités et services de la
Ville et de ses arrondissements y sont
répertoriées.
(12)
À surveiller
Cette rubrique présente des contenus
variés et s’adresse à la population
montréalaise pour répondre aux
questions les plus souvent posées. Les
messages traitent en général de la vie
municipale à différents moments de
l’année, de taxation, du ramassage des
feuilles mortes, de programmes d’emploi,
etc. De plus, elle propose différents
services, activités ou événements dont le
rayonnement profite à l’ensemble de la
Ville. Cette rubrique dont le contenu est
déterminé par l’édimestre est mise à jour
quotidiennement.
(13)
Bandeau promotionnel
Cet espace est réservé à la promotion
d’un dossier, d’une activité ou d’un
événement important pour la Ville et ses
citoyens. Le choix est déterminé par
l’édimestre.
(14)
Communiqués
Chaque jour, un choix éditorial effectué
par la division des communications avec
les médias affiche les communiqués les
plus importants. Un lien est fait vers tous
les communiqués existants.
34
(15)
Événements
Présente les événements saillants de la
journée. Cette rubrique est liée au
calendrier officiel du portail. Un lien est
fait vers tous les événements du jour et
permet une recherche plus avancée dans
le calendrier.
(16)
Générique
(obligatoire pour toutes les pages)
Le générique apparaît au bas de chaque
page. L’élément graphique constitué d’un
carré, le texte, ainsi que l’hyperlien vers
la page d’accueil du portail sont
indissociables.
35
4.2
36
Couleurs de la page d’accueil du portail
Le bleu acier est ses différentes teintes ainsi que le beige et le rouge sont les couleurs
officielles du portail. Elles ne peuvent pas être modifiées. Le rouge «Montréal» est utilisé
pour rehausser certains éléments du site.
BLEU ACIER, BEIGE ET ROUGE «MONTRÉAL»
5
5.1
37
Sites Internet des arrondissements
Gestionnaire de contenu
Le recours au gestionnaire de contenu Logient est obligatoire pour la réalisation de tous
les nouveaux sites des arrondissements de la Ville de Montréal. La DTI et la DCRC ont
fait le choix technologique de ce gestionnaire de contenu pour la Ville de Montréal.
Le gestionnaire de contenu est une application simple à utiliser par tous les usagers. Il
permet la création et la gestion de contenu de sites Internet sans avoir à connaître la
programmation HTML. Il suffit de saisir l’information dans des formulaires accessibles
dans les navigateurs Web. Ce type d’application élimine les risques d’altération du code
source tout en assurant un contrôle serré de l’affichage. L’utilisation d’un gestionnaire de
contenu permet ainsi de décentraliser et de faciliter la gestion des sites et en garantit, en
même temps, la qualité technique.
5.2
Concept visuel et de navigation
(1)
38
(obligatoire pour toutes les pages)
20 pixels (H) X 750 pixels (L)
La barre de navigation corporative doit apparaître dans chacune des pages des
sites. Elle est toujours positionnée aux coordonnées 0,0, c'est-à-dire dans le coin
supérieur gauche de la page HTML. Elle permet aux utilisateurs d’accéder en
tout temps à la page d’accueil du portail de la Ville et ses principales pages
utilitaires.
La couleur neutre (anthracite) de la barre de navigation est conçue pour
s’adapter facilement à la gamme de couleurs des sites.
La barre de navigation corporative est constituée d’une image à laquelle sont
intégrés des hyperliens. Les images et les codes HTML fournis par la Section
Internet ne doivent subir aucune modification. Elle comporte les termes suivants :
Portail, Nous contacter, Cartes de Montréal, Recherche et Les autres
arrondissements.
NOTE TECHNIQUE
Afin de faciliter la mise à jour de la barre de navigation corporative, utiliser le
«controller window» lorsque le contrôleur de Logient est utilisé.
Le «controller window» doit pointer en code HTTP vers l’adresse suivante :
http://www.ville.montreal.qc.ca/includes/corpo_serv.htm
(2)
Menu utilitaire
Date du jour, Accueil, Coordonnées, Plan du site sont des
éléments obligatoires – ajout facultatif de Profil ou de
English (si une version anglaise est disponible).
•
•
•
La date du jour s’affiche automatiquement
Le terme «Accueil» est utilisé dans toutes les pages afin de permettre le retour à
la page d’accueil de chaque site en tout temps. (Obligatoire pour toutes les
pages)
Coordonnées, mène à une page contenant les principales coordonnées de
l’arrondissement tels, les adresses importantes, les numéros de téléphone utiles.
Un formulaire de courrier électronique peut aussi apparaître dans cette page.
(Obligatoire pour toutes les pages)
•
•
(3)
39
Le Plan du site est l’un des outils de navigation les plus utilisés par les
internautes, il doit donc être mis à jour régulièrement et conçu afin de faciliter le
repérage dans le site. (Obligatoire pour toutes les pages)
Plusieurs sites d’arrondissement sont actuellement bilingues.Il est de la
responsabilité de l’arrondissement de décider si le site doit avoir une version
anglaise ou non. Il est toutefois recommandé de traduire l’information de base,
qui pourra être accessible à partir du bouton English.
Menu de navigation principal, selon 4 rubriques
Vie démocratique, Services aux citoyens,
Monde des affaires et Tourisme
Ce menu s’adresse directement aux différentes clientèles
selon les sujets qui les concernent de plus près. Cette
approche favorise l’accès à l’information selon leurs
besoins. Les photographies utilisées donnent un caractère
accrocheur au menu, celles-ci sont au choix de
l’arrondissement.
(4)
Bandeau d’identification de l’arrondissement
Nom de l’arrondissement et élément visuel
Ce bandeau est particulier à chaque site. Ainsi, les arrondissements peuvent
afficher et promouvoir leur caractère distinctif. Le nom de l’arrondissement doit y
apparaître clairement et les éléments graphiques sont au choix de
l’arrondissement. Voir, l’intégration de l'identité visuelle des arrondissements
dans leur site, à la section 5.3.
(5)
40
Barre de navigation de recherche dans l’arrondissement
(Menu déroulant Liens rapides et Recherche dans l’arrondissement)
L’outil «Liens rapides» permet de mettre en évidence les sujets les plus en
demande dans le site. Ils sont gérés par l’arrondissement.
L’outil de recherche est configuré pour faire une recherche dans l’arrondissement
seulement, à l’aide du moteur de recherche Copernic.
(6)
Identification corporative
150 pixels (L) X 40 pixels (H)
L’identité corporative de la Ville de Montréal (signature et logotype) doit figurer
sur chacune des pages des sites. On la retrouve à droite, sous la barre de
navigation corporative. Elle est positionnée à 600 pixels de la marge de gauche
et à 20 pixels du haut de la page. Cette dernière doit absolument contenir un lien
URL menant à la page d’accueil du portail http://www2.ville.montreal.qc.ca.
Un menu déroulant présentant les liens utiles du portail est situé directement
sous l’identité corporative. Le code HTML est fourni par la Section Internet et ne
doit en aucun cas être modifié. Ce menu est géré par l’édimestre de la Section
Internet.
(7)
(7a)
(7b)
Présentation des élus
(Obligatoire – choisir l’un des deux modèles
suivants)
Modèle 1 - Cet élément mène à une page
présentant les élus de l’arrondissement.
L’appellation Votre mairie, Vos élus ou Votre
conseil est au choix. Une photo ou plusieurs en
rotation peuvent accompagner le titre.
Modèle 2 - Cet élément chapeaute une ou
plusieurs pages présentant les élus de
l’arrondissement. L’appellation Votre mairie, Vos
élus ou Votre conseil est au choix. Aucun
élément visuel ne peut être jumelé à cette
présentation.
(8)
41
L’arrondissement annonce
(Obligatoire)
Communiqués, Appels d’offres, Avis publics,
Consultations publiques, Offres d’emploi, Procès
verbaux, Séances du conseil.
Les communiqués doivent apparaître en premier,
et les nouveautés en dernier. Les autres éléments
doivent être classés par ordre alphabétique.
Communiqués — Obligatoire : application interactive permettant d’afficher les
communiqués de l’arrondissement. Il est possible de s’inscrire à l’application à
Cette application permet d’afficher les communiqués à la fois dans le site de
l’arrondissement et dans le portail central.
Avis publics — Obligatoire : application interactive permettant d’afficher les avis
publics de l’arrondissement. Il est possible de s’inscrire à l’application à
Cette application permet d’afficher les avis publics à la fois dans le site de
Appel d’offres — Obligatoire : application interactive permettant d’afficher les
appels d’offres de l’arrondissement. Il est possible de s’inscrire à l’application à
Cette application permet d’afficher les appels d’offres à la fois dans le site de
Consultations publiques : information sur les consultations publiques en cours.
Offres d’emploi : application interactive permettant d’afficher tous les emplois
offerts par l’arrondissement. Il est possible de s’inscrire à l’application à
Cette application permet d’afficher les offres d’emploi à la fois dans le site de
Procès verbaux : dépôt des procès verbaux de l’arrondissement.
Séances du conseil : information sur les séances du conseil d’arrondissement.
Nouveautés dans le site — Obligatoire : Application interactive permettant
d’afficher les nouveautés dans le site de l’arrondissement. Il est possible de
s’inscrire à l’application à l’adresse :
applicatif.ville.montreal.qc.ca/admin/framdem.asp.
Cette application permet d’afficher les nouveautés à la fois dans le site de
(9)
Publications
(Facultatif)
Cet élément permet d’accéder à une page
contenant les principales publications de
l’arrondissement sous format PDF ou HTML.
Une liste de formulaires, particulièrement en
demande par les citoyens, peut aussi faire partie
des publications.
(10)
Liens utiles
(Facultatif)
Cet élément permet d’accéder à des pages
utiles du site Web de la Ville.
(11)
Événement (calendrier)
(Facultatif)
Éléments et présentation
au choix de l’arrondissement
(12)
Avis à la population
(Facultatif)
La fonction est activée dès qu’un
communiqué d’information de nature
urgente est diffusé.
42
(13)
43
Communiqués
(Facultatif)
Tout communiqué émis par
l’arrondissement par ordre chronologique
décroissant.
(14)
À surveiller
(Facultatif)
Fonction permettant une annonce proactive
d’un ou de plusieurs événements majeurs à
venir dans l’arrondissement. Le contenu est
à déterminer par l’arrondissement.
(15) Générique
Le générique doit apparaître au bas de chaque page. L’élément graphique
constitué d’un carré, de texte, ainsi que d’hyperlien vers la page d’accueil du
portail sont indissociables.
(16)
Les arrondissements qui le souhaitent pourront ajouter une signature graphique
(signature corporative de l’arrondissement, drapeau, etc.) en bas de chaque
page, à la droite du générique dans un espace de 150 pixels de largeur ou à sa
gauche dans un espace de 100 pixels de largeur.
5.3
44
Intégration de l'identité visuelle des arrondissements dans leur site
Web
Les arrondissements qui souhaitent utiliser l’identité visuelle de l’arrondissement
détachée de la signature officielle de Montréal doivent respecter les normes spécifiques
qui ont été élaborées afin de permettre une application particulière au Web.
L’identité visuelle de l’arrondissement peut être intégrée strictement dans l’espace prévu
pour l’identification de l’arrondissement. L’identité de Montréal étant toujours présente
dans la partie supérieure droite de la page écran est ainsi associée visuellement.
Cette intégration doit également respecter les normes qui suivent.
La partie de l’identité visuelle propre à l’arrondissement doit être localisée dans un
espace de 240 pixels de largeur par 50 pixels de hauteur situé aux coordonnées xy
(105, 25). Le positionnement et la dimension de l’identité visuelle dans l’espace réservé
peuvent varier en fonction du design du bandeau. Il est toutefois recommandé d’utiliser
l’espace maximum soit en largeur (exemple 1), soit en hauteur (exemple 2).
L’identité visuelle peut apparaître sur un fond uni gris léger (#F3F3F3) ou sur une image.
Dans le cas d’une superposition sur image cette dernière doit permettre une lecture
parfaite de l’identité visuelle. Une ombre portée légère ou un halo de couleur peuvent
être utilisés pour la soutenir.
Exemples d’utilisation :
1. L’identité visuelle sur fond gris uni avec utilisation de la largeur maximale.
2. L’identité visuelle centrée en largeur sur fond gris uni avec utilisation de la
hauteur maximale.
45
3. L’identité visuelle alignée à gauche sur fond gris uni avec utilisation de la hauteur
maximale et d’une photo d’accompagnement.
4. Même application que l’exemple 1 mais avec une photo d’accompagnement.
5. Exemple où l’identité visuelle n’utilise qu’une partie de l’espace afin d’avoir des
proportions plus harmonieuses.
5.4
Couleurs des sites des arrondissements
Une gamme de dix couleurs avec teintes assorties est proposée pour les sites des
arrondissements. L’utilisation de la gamme de couleurs permet de personnaliser chaque
site tout en favorisant une intégration harmonieuse avec le portail.
Trois couleurs, le gris, le beige et le rouge s’ajoutent à titre de couleurs neutres et
d’accompagnement. Le gris foncé (anthracite) est la couleur de la barre de navigation
corporative et peut être répété dans la page, le beige est utilisé au besoin, le rouge
«Montréal» peut être utilisé pour ajouter des accents de couleur aux pages.
La gamme de couleurs a été préparée en fonction des écrans d’ordinateur. Cependant,
il est probable que celles-ci varient d’un écran. De plus, on ne doit pas se fier aux
couleurs des imprimés.
46
Charte de couleurs des sites des arrondissements
Le code numérique est inscrit dans chaque carré de couleur.
Pour mieux préparer chaque site d’arrondissement, vous pouvez aussi consulter le
document «Grille de préparation d’un site Web d’arrondissement»
6
6.1
47
Sites Internet des services corporatifs
Grille graphique
La grille graphique des sites corporatifs permet aux services corporatifs de personnaliser
la présentation de leur site tout en offrant une constance dans l’ensemble des sites Web
municipaux tant au niveau de l’identification corporative que de l’ergonomie.
(1)
20 pixels (H) X 750 pixels (L)
La barre de navigation corporative doit apparaître dans chacune des pages des
sites. Elle est toujours positionnée aux coordonnées 0,0, c'est-à-dire dans le coin
supérieur gauche de la page HTML. Elle permet aux utilisateurs d’accéder en
tout temps à la page d’accueil du portail de la Ville et ses principales pages
utilitaires.
48
La couleur neutre (anthracite) de la barre de navigation est conçue pour
s’adapter facilement à une large gamme de couleurs.
La barre de navigation corporative est constituée d’une image à laquelle sont
intégrés des hyperliens. Les images et les codes HTML fournis par l’équipe de la
Section Internet ne doivent pas subir de modifications. Elle comporte les termes
suivants :
Portail - Plan du site - Nous contacter – Cartes de Montréal - Recherche - Les
arrondissements
NOTE TECHNIQUE
Afin de faciliter la mise à jour de la barre de navigation corporative, les sites des
services doivent utiliser l’une des méthodes suivantes. Pour insérer la barre de
navigation avec le code HTML, utiliser le «iframe» ou le «include»
Dans le contrôleur de Logient, utiliser le «controller window».
Le «iframe» est réservé pour les sites statiques qui ne sont pas hébergés sur le serveur
www2 de la Ville. Dans ce cas le code html à insérer est :
<iframe src="http://www.ville.montreal.qc.ca/includes/corpo_serv.htm"
marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" width="750"
height="20" scrolling="no" frameborder="0"
title="Navigation_corpo_serv"></iframe>
Dans le cas d’un site statique hébergé sur le serveur www2, utiliser la méthode du
fichier «include» en insérant le code suivant :

Lorsque le contrôleur de Logient est utilisé, le «controller window» doit pointer en
code HTML vers l’adresse suivante :
http://www.ville.montreal.qc.ca/includes/corpo_serv.htm
Si vous prévoyez développer un site avec une méthode différente, veuillez contacter le
webmestre.
(2)
49
Identification corporative
150 pixels (L) X 40 pixels (H)
L’identité corporative de la Ville de Montréal (signature et logotype) doit figurer
sur chacune des pages du site. On la retrouve à droite, sous la barre de
navigation corporative. Elle doit être positionnée à 600 pixels de la marge de
gauche et à 20 pixels du haut de la page. Cette dernière doit absolument
contenir le lien URL suivant menant à la page d’accueil du portail
http://www.ville.montreal.qc.ca.
De plus, l’identité corporative doit respecter les normes graphiques officielles. La
signature Montréal est en noir et le logo qui l’accompagne en rouge sur un fond
blanc uni ou de couleur pâle. Il peut aussi être utilisé en inversé (blanc) sur un
fond de couleur uni et foncé.
(3)
Menu utilitaire
Accueil, Coordonnées, Plan du site
(Obligatoire dans toutes les pages du site mais la présentation ainsi que la
position dans la page peuvent varier)
•
•
•
(4)
Accueil mène à la page d’accueil du site corporatif.
Les coordonnées fournies doivent au minimum inclure l’adresse principale
du service concerné et un numéro de téléphone. Un formulaire de courrier
électronique peut être intégré dans cette page. Il pourra être acheminé
directement au service concerné ou au bureau Accès Montréal virtuel selon
le choix du service.
Le plan du site est l’un des outils de navigation les plus utilisés par les
internautes, il doit donc être mis à jour régulièrement et conçu afin de faciliter
le repérage dans le site
Bandeau d’identification du site
Ce bandeau est particulier à chacun des sites. Ainsi, chaque site peut afficher et
promouvoir son caractère distinctif. Le nom du site doit y apparaître clairement et
les éléments graphiques sont au choix.
La présentation ainsi que la position dans la page peuvent varier.
(5)
50
English – Recherche dans le site corporatif
(Facultatif, la présentation ainsi que la position dans la page peuvent varier)
English
L’utilisation de l’anglais est encouragée, mais non obligatoire dans les sites de la
Ville. Il est de la responsabilité du Service de décider si le site doit être bilingue
ou non. Il est toutefois recommandé de traduire l’information de base, qui pourra
être accessible à partir du bouton English qui doit être situé en page d’accueil.
Ce bouton est facultatif pour les autres pages.
Recherche dans le site corporatif
Cet élément est facultatif. Cependant, il peut représenter un atout important pour
chaque site. Ainsi, le moteur de recherche Copernic peut être adapté afin
d’effectuer les recherches exclusivement dans le site corporatif, plutôt qu’à
travers tous les sites de la Ville.
(6-7-8) Menu de navigation principal
Le menu de navigation principal doit toujours être situé dans la colonne de
gauche afin de rendre le repérage plus facile d’un bout à l’autre du site officiel.
L’utilisation de la colonne de gauche pour la navigation est l’une des façons de
naviguer les plus répandues dans le Web.
Afin de permettre plus de souplesse dans la présentation, la largeur de cette
colonne peut varier en fonction du type de menu désiré. Vous trouverez ci-après,
trois possibilités quant à la largeur de la première colonne de gauche.
(6)
Menu de la première colonne — 100 pixels
Dans l’illustration de ce premier cas, l’espace central est de 500 pixels. Cet
espace peut être divisé en deux colonnes. Dans ce cas, la colonne à l’extrême
droite est de 150 pixels (9).
On peut également joindre l’espace du centre à la colonne de droite afin de
maximiser les largeurs des colonnes. On obtient alors un espace de 650 pixels.
(7)
Lorsque la première colonne est de 150 pixels, l’espace central est de 450. Cet
(8)
51
Lorsque la première colonne est de 200 pixels, l’espace central est de 400. Cet
(9)
Colonne à l’extrême droite — 150 pixels
Cette colonne est optionnelle lorsque jointe à l’espace central.
(10)
Générique
Le générique doit apparaître au bas de chaque page. L’élément graphique
constitué d’un carré, le texte, ainsi que l’hyperlien vers la page d’accueil du
portail sont indissociables.
6.2
Emploi de la couleur
Le gris anthracite est la couleur officielle de la barre de navigation corporative. Cette
couleur ne peut être modifiée, ainsi que celles de l’identité corporative. L’utilisation du
rouge «Montréal» est aussi recommandé pour rehausser certains éléments du site. Les
sites corporatifs peuvent développer leur propre palette de couleur. Au besoin, la
Section Internet peut préparer une palette de couleur qui s’harmonise avec l’ensemble
du portail.
GRIS ANTHRACITE ET ROUGE «MONTRÉAL»
7
Annexes
52
7.1
Exemples de sites corporatifs
ville.montreal.qc.ca/mairie
53
ville.montreal.qc.ca/mtlcarte
54
ville.montreal.qc.ca/habiter
55
ville.montreal.qc.ca/plan-urbanisme
56
ville.montreal.qc.ca/cmsprod/fr/developpement_durable/accueil
57
ville.montreal.qc.ca/cpm/fr/cpm_acc.shtm
58
7.2
Exemples de site d’arrondissement
59
7.3
Noms officiels des arrondissements
Ahuntsic-Cartierville
Anjou
Beaconsfield-Baie d'Urfé
Côte-des-Neiges–Notre-Dame-de-Grâce
Côte-Saint-Luc–Hampstead–Montréal-Ouest
Dollard-Des Ormeaux–Roxboro
Dorval–L’Île-Dorval
Kirkland
Lachine
LaSalle
Le Plateau-Mont-Royal
Le Sud-Ouest
L’Île-Bizard–Sainte-Geneviève–Sainte-Anne-de-Bellevue
Mercier–Hochelaga-Maisonneuve
Montréal-Nord
Mont-Royal
Outremont
Pierrefonds-Senneville
Pointe-Claire
Rivière-des-Prairies–Pointe-aux-Trembles–Montréal-Est
Rosemont–La Petite-Patrie
Saint-Laurent
Saint-Léonard
Verdun
Ville-Marie
Villeray–Saint-Michel–Parc-Extension
Westmount
60
7.4
61
Lexique Internet
Arobas @ ou A commercial: le caractère qui symbolise Internet.
Acrobat : format de fichiers de la marque Adobe. Il permet de présenter des documents
longs ou complexes dans un autre format qui sera reconnu par tous les ordinateurs
disposant du programme gratuit Acrobat Reader. Contrairement à d’autres programmes
comme les traitements de texte, la mise en pages ne subira aucune déformation liée à
l’ordinateur qui en effectue la lecture. L’extension des documents au format acrobat se
termine par pdf.
Bit : De l’anglais byte.
En français :
1 megaoctet ou 1 Mo = 1024 kilo-octet ou 1024 ko
1024 megaoctet = un gigaoctet
En anglais :
1 megabyte ou 1 MB = 1024 kilobyte ou 1024 KB
Pour comparaison, il est possible d’archiver sur une disquette standard de format 3.5
pouces, 1.44 megaoctet. Ainsi, nous pouvons archiver entre 450 et 480 disquettes sur
un cédérom (entre 650 et 700 megaoctet selon le format). Il est aussi possible d’archiver
l’équivalent d’environ 6 cédéroms sur un DVD ou encore plus ou moins 3000 disquettes.
Chat : Discussion en direct dans Internet.
Client–Serveur : Type d’architecture commun dans Internet et plus généralement en
informatique. Un serveur contient les informations, les clients s’y connectent et lui
soumettent une requête. Les traitements correspondants sont effectués par le serveur et
le résultat est affiché sur l’ordinateur du client. Le Web est un bon exemple de
l’application de cette expression client/serveur.
Cookie : Suite de caractères émise par certains sites Web et qui sont stockée sur le
disque dur du client. Lors des connexions ultérieures, votre ordinateur renverra son
cookie au site Web qui pourra alors l’identifier de manière formelle et retrouver les
données que vous avez précédemment entrées. Les cookies ne sont lisibles que par le
site Web qui les a émis et ne peuvent contenir que les données que l’utilisateur a
volontairement transmises au site, ou qui peuvent être extraites lors de la connexion
(adresse IP d’origine, etc). Ils ne peuvent ni lire le contenu du disque ni contenir un
programme exécutable. Il est possible de configurer le navigateur de façon à refuser les
cookies, mais vous perdrez de l’ergonomie (mémorisation de vos favoris ou de vos mots
de passe).
62
Édimestre : personne responsable de la gestion, de l’ajout et de la mise à jour de
l’information contenue dans un site Web.
Dans certaines organisations, le webmestre devient le responsable technique du site
Web (webmestre technique) et l'édimestre, le responsable du contenu (webmestre
éditorial). Ainsi, ce dernier pourra produire le contenu, juger de sa pertinence et le
hiérarchiser. L'édimestre est en fait un gestionnaire de contenu Web.
Les termes édimestre et infomestre ont été formés sur le modèle de webmestre.
Email ou mail ou e-mail ou courriel. L’adresse où l’on peut vous adresser des courriers
électroniques. Elle présente deux parties séparées par @ : Avant le @ votre identifiant,
nom, et après le @ le nom de domaine de votre fournisseur d’accès Internet, puis un
point et le domaine source.
Un e-mail peut être rédigé en texte brut, RTF ou en html. Dans ce dernier cas, des
enrichissements sont possibles (gras, couleur, image, tableaux) mais certains logiciels
de courriers ne savent pas lire les messages au format html.
Fureteur ou navigateur : Provient de l’anglais browser. Logiciel qui permet d’afficher le
contenu d’une page Web. Les deux plus populaires sont Netscape Navigator et Internet
Explorer
Pare-feu : De l’anglais, firewall. Matériel, logiciel ou combinaison des 2 qui protège un
réseau contre les intrusions indésirables.
Formulaire : En HTML, définit un ensemble de champs et de menus déroulants, dans
lesquels l’utilisateur opère un choix ou saisit des données.
Fournisseur d’accès : Société qui permet votre connexion au réseau Internet. Elle loue
des lignes à haut débit qui la relient au backbone et la partage entre ses abonnés. Elle
vous fournit aussi un service de courrier, une adresse électronique au format
[email protected] et souvent un espace pour héberger votre
site web personnel. En anglais, ISP : Internet Service Provider.
GIF : Format de fichiers graphiques compressés (images) créé par Compuserve et
devenu depuis un standard. Le format est limité à 256 couleurs. Le GIF tend à être
supplanté par le JPEG qui occupe moins d’octets et qui offre plus de couleurs.
Gif animé : Séquence d’images au format GIF qui crée une animation.
Page d’accueil : Vient de l’anglais homepage. Première page d’un site Web. Vous y
trouverez la majorité des liens renvoyant aux autres pages du site.
63
HTML : Provient de l’anglais Hyper Text Mark up Language. L’HTML est le langage
universel du Web qui utilise des balises pour structurer l’affichage d’une page via
l’Internet. Il sert à guider les fureteurs dans la disposition de l’information des pages
crées par un intégrateur ou générées par des systèmes.
Hyperlien : Connexion entre deux documents placés sur le Web. On le reconnaît grâce
à un ancrage intégré au document HTML.
Hypertexte : Un concept de structuration de données permettant d’établir des liens
entre divers éléments au sein d’un ensemble de documents. On peut ainsi directement
accéder depuis un document aux documents connexes référencés par l’auteur en
suivant les liens hypertexte. Il est théoriquement possible d’accéder à la majorité des
documents disponibles sur le Web pourvu qu’ils soient liés entre eux. Ce concept,
permis par le langage HTML et le protocole http est à l’origine du succès du Web.
Internet : Réseau informatique mondial constitué d’un ensemble de réseaux nationaux,
régionaux et privés, qui sont reliés par le protocole de communication TCP-IP et qui
coopèrent dans le but d’offrir une interface à leurs utilisateurs.
Intranet : Un intranet est un réseau qui utilise les protocoles et applications de l’Internet
mais sans être connecté à ce dernier. Il est surtout utilisé par les entreprises et sert à
transmettre des informations aux employés.
ISP : En français, Fournisseur d’accès Internet. Société commerciale qui, moyennant le
versement de redevances, permet de se connecter à l’Internet, aux groupes de
discussion, de recevoir et d’envoyer du courrier électronique (e-mail).
Java : Un langage de programmation créé par Sun Micro System qui permet de
distribuer facilement des programmes entre ordinateurs clients et serveurs.
JPEG ou JPG : De l’anglais Joint Photographic Experts Group. Format de compression
de fichiers graphiques (images) permettant un très fort ratio (taux de compression) au
prix d’une altération de l’image invisible à l’œil nu sur une image no agrandie.
Contrairement au GIF, le JPEG permet de compresser des images contenant jusqu’à 16
millions de couleurs.
Login : Votre identifiant dans Internet. Il est en principe assorti d’un mot de passe.
Désigne aussi l’action consistant à se raccorder à un serveur.
Modem : De modulateur-démodulateur. Appareil placé entre un ordinateur et une prise
téléphonique ou autre pour transformer un signal numérique (binaire) en signal
analogique (onde) que la ligne de téléphone peut véhiculer.
Engins de recherche : Systèmes spécialisés dans les recherches automatiques dans
Internet. Les plus usuels sont Yahoo (annuaire et moteur), Google, Nomade, AltaVista,
HotBot, Infoseek etc. L’engin de recherche utilisé dans le site de la Ville est Copernic.
Nom de domaine : Représente un site Web identifiable par le monde entier. L’extension
de trois lettres qui le caractérise dépend de sa nature. Pae exemple, .com identifie un
site à vocation commerciale. Les noms des domaines commencent par www suivi du
nom que vous avez choisi.
64
Page Web : Un document texte avec des balises HTML spécifiant la manière dont il
sera affiché sur le Web. Elle contient aussi des images et des fichiers multimédias.
Publication Web : Procédure de création et de maintenance d’un site Web, allant de la
création des pages, des graphiques et des liens vers d’autres documents, jusqu’à son
installation sur un serveur.
Pixel : Unité de mesure de résolution de moniteur.
Plugiciel : Provient de l’anglais plug-in : Programme complémentaire permettant aux
navigateurs de lire certains formats d’image, de vidéo, d’animation ou de son (Flash,
Quick time etc.).
POP : Post Office Protocol. Protocole utilisé par votre serveur de messagerie : c’est
celui qui vous permet de récupérer votre courrier lorsque vous vous connectez et que
vous demandez de recevoir votre message par comparaison au SMTP qui permet
l’envoi.
Portail : Site multiservices, généralement commercial, qui permet d’accéder par des
hyperliens à un ensemble de pages de contenu ou de services traitant habituellement
d’un même sujet.
PPP : Point to Point Protocol. Protocole permettant la connexion entre votre modem et
celui de votre fournisseur d’accès Internet, sur une ligne téléphonique classique.
Protocole : Ensemble de règles permettant à deux ordinateurs de communiquer entre
eux pour l’envoi de données.
Quicktime : Format de fichiers audio/ou vidéo développé par Apple. Il est compatible
avec les plates-formes MacIntosh et Windows.
Réseau : De l’anglais Net. Ensemble de terminaux et/ou d’ordinateurs reliés en eux.
Routeur : Machine qui assure la connexion physique entre deux réseaux (réseaux
locaux, réseaux reliés à Internet, etc.) et la gestion de la transmission des paquets de
données de l’émetteur au récepteur.
Serveur Web: Ordinateur qui accueille des pages Web pouvant être consultées par les
internautes du monde entier.
Flash + Shockwave : Plugiciels développés par Macromédia qui permet d’intégrer de
nouvelles aux pages standard en langage HTML d’animations, de sons, etc.
Site : Lieu virtuel ou sont situés les pages ou les documents que vous consultez dans
Internet. Un site est caractérisé par son URL ou adressse, par exemple
http://www.ville.montreal.qc.ca
URL : (Uniform Resource Locator) Façon de désigner une ressource de l’Internet a
moyen d’une adresse électronique précédée d’un préfixe dépendant du type de la
ressource concernée. Les navigateurs en font largement usage
65
Virus : Parasite logiciel destiné à perturber le fonctionnement d’un ordinateur.
Web : Système basé sur l’utilisation de l’hypertexte, qui permet la recherche
d’information dans Internet, l’accès à cette information et sa visualisation.
Webmestre : De l’anglais Webmaster. Personne responsable de la gestion d’un site
Web (Intranet ou Extranet), incluant la coordination et la mise à jour des informations
présentées et des services offerts.
Dans certaines organisations, le webmestre, dont la principale fonction est
habituellement la maintenance d'un site Web et la bonne marche d'un serveur Web,
devient le responsable technique du site Web (webmestre technique).
Sources :
Le grand dictionnaire terminologique
Office de la langue française
www.olf.gouv.qc.ca
Dictionnaires en ligne
www.redaction.be/ressources/dictionnaires.htm