Introduction
Le World Wide Web est entré en grande vapeur dans notre vocabulaire en
1995. Depuis, tout le monde veut concevoir sa propre page Web et "publier"
ses oeuvres. Cette page vous montre les concepts de base et comment utiliser
Microsoft Word pour réaliser celle-ci. Ce logiciel n'a pas toutes les options
pour créer une page Web ou même un site Web structuré. Cependant,
les options de base sont facilement accessibles. Pour utiliser toutes les commandes
et options possibles par des pages Web, il existe des éditeurs dédiés
à la création de page Web tels que FrontPage, Page Mill, Hot Dog Pro
ainsi que plusieurs autres. D'ailleurs, les prochaines pages démontrent
comment concevoir une page Web avec Netscape Composer ou avec Word.
Le format des fichiers de pages Web est appelé le format HTML pour Hyper
Text Markup Langage. Ce format est composé de codes pour les différentes
options disponibles. Une instruction est toujours encadrée entre des <>.
La majorité des commandes fonctionnent en pairs pour indiquer le début
et la fin d'une option. Ces instructions sont presque identiques sauf que la
commande de fin a le caractère "/" dans celle-ci. Par exemple,
les commandes <P> et </P> indiquent le début et la fin d'un
paragraphe. Aussi, les commandes <B> et </B> indique le début
et la fin de la mise en gras (bold) des caractères entre ceux-ci. Il y
a aussi des commandes qui fonctionnent seuls telles que <BR> pour terminer
une ligne et commencer sur la ligne immédiatement en dessous. Plusieurs
des commandes de base sont décrites sur la page
des codes HTML.
Le format HTML n'offre pas toutes les mêmes possibilités qu'un
document Word ordinaire. Le niveau de contrôle de la présentation
est limité. La présentation change selon la résolution
de l'écran de l'ordinateur de l'usager. Sur les PC, les résolutions de
l'écran les plus souvent utilisées sont de 640 par 480 pixels (points de lumière), 800 X 600 et 1024 X 768.
Il y a même les résolutions 1200 X 1024 et 1600
X 1280 pour les écrans de 17, 19 et 21 pouces. Tout cela pour dire
que le même texte va apparaître différemment selon la
résolution choisie par l'utilisateur et non le concepteur.
Une autre difficulté du format HTML est qu'il est loin d'être certain que la police de caractère
que vous utilisez pour votre page Web soit disponible sur l'ordinateur du
lecteur. Le système d'opération de l'ordinateur va substituer
pour une police de caractères qui est disponible.
Quelle est la différence entre une page Web et un site Web?
Une page Web est un fichier, comme celui-ci qui contient du texte, des images et des liens à d'autres pages. Un site Web est un regroupement de pages sur un sujet, un thème, un commerce, une organisation. Par exemple, ce site contient 281 pages contenant plus de 1942 images. Un site Web a aussi une page principale. C'est une page Web qui aide les lecteurs à naviguer sur le site pour trouver l'information voulue.
Un site doit aussi être structuré. Comment une page Web est-elle
reliée à une autre? Y a-t-il un ou plusieurs chemins ou parcours
que les lecteurs peuvent utiliser pour naviguer à travers le site? Par
exemple, ce site se concentre sur la formation de l'informatique. Il couvre
six thèmes: Général, Internet, Word, Excel, Access et PowerPoint.
Au bas de chaque page, il y a plusieurs boutons de navigation pour passer à
la page précédente ou suivante du thème en question pour ensuite
revenir à la page de formation. La page formation vous donne le choix des différents thèmes et vous retourne à
cette page après la "tournée" des pages du thème.
Vous avez certainement entendu l'expression de "surfer sur le Web". En fait, les utilisateurs survolent rapidement les pages jusqu'à ce qu'ils trouvent ce dont ils ont besoin.
Donc, il faut structurer un site pour les aider à trouver facilement. Ceci peut se faire en utilisant un plan du site, ou un "site map" en anglais, des outils de recherche pour le site, une bonne page principale et surtout une bonne structure du site
Conseils
 La
première question que vous devriez vous poser est à savoir à
qui est adressé votre site? Est-ce pour informer? Pour éduquer?
Pour amuser ou pour vendre? Ceci va affecter les décisions que vous aurez
à prendre pour la présentation de votre site et de ses pages.
L'élément
le plus important de votre site est, et sera toujours, le contenu. Assurez-vous
d'avoir l'information qui répondra aux attentes de vos lecteurs.
Assurez-vous
qu'il est facile de naviguer sur votre site. Que les boutons de navigation soient
faciles à comprendre et facilement accessibles. N'assumez pas que l'utilisateur
connaît les principes de pages Web. N'oubliez pas la règle K.I.S.S.
(Keep It Simple Stupid!). Une présentation claire est toujours la meilleure.
Ne pas surcharger les pages. Laissez de l'espace entre les différentes
parties de votre texte.
Small
is beautiful! Gardez le contenu de vos pages Web petit. Découpez le contenu
en plusieurs pages si nécessaire. Personne n'aime attendre, encore plus
sur le WWW. Bien que les lignes de communication dans les entreprises soient
assez rapides, ceci n'est pas le cas à la maison. Les modems 28.8 Kps,
même 56.6 Kps sont nettement plus lents que ce les mêmes personnes
ont à leur lieu de travail.
Dans
le même sens, utilisez les plus petites images possibles pour passer votre
message. Plus l'image est grande, plus le lecteur doit attendre pour voir l'image.
Certains éditeurs d'images vous permettent aussi de réduire le nombre
de couleurs de l'image. Si vous devez afficher une grande image, donnez le choix
au lecteur pour voir ou pas celle-ci en créant un lien à une page
contenant l'image plus imposante. L'image ne prend pas de place sur la page
et est disponible si nécessaire.
Soyez
consistant! Utilisez le même fond et les mêmes boutons de navigation
à travers tout votre site. Placez toujours les boutons de navigation au
même endroit sur chacune des pages de votre site. Ceci facilite la compréhension
des lecteurs et facilite aussi la navigation (passage d'une page Web à
une autre) sur votre site.
Faites
des liens à d'autres sites qui complémentent le vôtre. Vous n'êtes
pas obligé de tout mettre sur votre site si un autre site est déjà
réalisé et explique mieux un certain point ou un thème en particulier.
Bref, ne réinventez pas la roue!
En
plus d'utiliser des petites images, réutilisez les mêmes images. Puisqu'elles
sont dans la mémoire cache du fureteur, il n'a pas besoin de les retransférer.
Ceci accélère l'affichage de la page. On peut facilement réutiliser
le fond de la page et les boutons de navigation.
Une
page Web n'est jamais terminée. En fait, il faut constamment mettre à
jour les pages Web lorsque vous avez quelque chose de nouveau à ajouter.
Donc, elle n'est jamais vraiment terminée. Elle est toujours en construction.
Pas besoin d'en informer le monde avec des affiches "en construction"
! Mettez la date de la dernière fois que la page Web a été mise
à jour. Les utilisateurs pourront savoir qu'ils ont déjà vu cette
page dans le passé ou l'âge de la page.
D'autres
suggestions: informez-les en les amusant. Pas besoin d'être sérieux
constamment. Soyez clair mais dans un style simple et facile à comprendre.
N'utilisez
pas de grands tableaux sur vos pages. Ceci ralentit la présentation de
l'information sur la page. Séparez en plusieurs petits tableaux si nécessaires.
Vérifier
la présentation de votre texte sur différents fureteurs (Netscape
Navigator et Microsoft Internet Explorer par exemple) et à de différentes
résolutions. Une page Web qui est belle à une résolution de 1024
X 768 pixels peut être difficile à lire à 640 X 480.
Vérifiez
aussi l'orthographe et la grammaire de votre page Web avant de la publier au
grand public. Il n'y a rien de plus embarrassant pour l'image de votre site
que de trouver des erreurs. En passant, si vous en trouvez sur ce site, soyez
assez gentil pour m'en avertir; après avoir ri un peu.
Vérifiez
le fonctionnement de vos liens. Il est très frustrant pour un utilisateur
de tomber sur un lien d'une page inexistante. Le Web est dynamique! La page
qui existait encore hier peut avoir disparu aujourd'hui. Il existe des logiciels
qui "valident" les liens des pages d'un site. Chercher parmi la liste
des sites de partagiciels pour
les "validators".
N'utilisez
pas des commandes spécialisées. Ce sont des commandes que vous retrouverez
qui fonctionnent avec un fureteur mais pas avec les autres. Par exemple, Word
vous offre d'insérer du texte défilant. Bien que cette option soit
intéressante, elle ne fonctionne pas avec le fureteur Netscape Navigator.
Il y a aussi des modules supplémentaires tels que Flash pour donner de
l'animation à votre site.
Soyez
attentif au fond de la page. Il doit être assez clair pour donner un bon
contraste et permettre au lecteur de lire le texte. N'utilisez jamais du texte
en blanc! Le lecteur ne sera pas capable d'imprimer du texte blanc sur du papier
blanc.
Avant
de commencer à concevoir vos propres pages Web, allez voir ce que d'autres
personnes ont réalisé. Vous trouverez certainement de bonnes idées
pour vos pages, que ce soit pour le style, les images, les liens ou la présentation.
Vous pourrez aussi regarder leur code HTML pour vous montrer comment elles ont
réalisé un effet que vous aimez. Il est aussi certain que vous allez
tomber sur des éléments à éviter à tout prix. J'espère
seulement que cette page vous donne assez de références pour faire
la différence.
Votre
site ne devrait pas avoir plus que 4 niveaux en profondeur. Cela veut dire que
la page principale est au premier niveau. Les liens de cette page vous amènent
aux pages du deuxième niveau. Les liens de ces pages vous amènent
aux pages du troisième niveau ... Ne rendez pas difficile aux usagers à
trouver l'information qu'ils ont besoin.
Planifiez
la structure de votre site et comment vous allez diviser le contenu sur plusieurs
pages.
N'oubliez
pas de mettre votre adresse de courrier électronique sur vos pages Web.
Les lecteurs de la page pourront ensuite vous contacter pour avoir plus d'informations
ou pour vous informez d'un problème. Apparemment, c'est l'un des éléments
le plus souvent oublié par les nouveaux concepteurs de pages Web.
Si
vous recevez un message. Essayer de contacter la personne le plus tôt possible
avec l'information nécessaire. Contactez-la même si vous avez à
leur dire que vous n'avez pas l'information requise.
La
page principale de votre site devrait s'appeler index.html . Sinon, le
serveur l'utilise pour vous montrer une liste de pages, d'images et d'autres
fichiers qui sont dans l'espace qui vous est réservé.
Le
nom des pages Web de votre site devrait représenter son contenu. Par exemple,
une page contenant la liste des produits de l'entreprise pourrait bien s'appeler
produit.htm . Le nom des pages Web ne devrait jamais avoir de majuscules,
d'espaces ou de caractères ayant des accents ( à, é, è,
î ... ).
Un
bon site utilise plusieurs moyens pour aider les lecteurs à trouver le
contenu qui les intéressent. Il peut avoir une page qui contient le plan
du site; c'est à dire la structure des pages du site. Cette page est appelée
un "sitemap" en anglais. Rendez cette page le plus disponible possible
aux lecteurs. Une autre façon est en utilisant un formulaire relié
à une base de données contenant les thèmes couverts du site.
Vous pouvez aussi mettre au bas de la page les thèmes connexes à celui
couvert sur la page.
Voici
quelques conseils pour profiter pleinement des images sur vos pages Web.
Le format GIF vous limite à un maximum de 256 couleurs. Mais, vous pouvez aussi avoir une image de ce format qui utilise seulement une palette de couleurs de 16 ou 8 couleurs. Il est même possible d'avoir une palette de couleur ayant seulement le noir et le blanc (2 couleurs). Ceci réduit grandement la taille de l'image qui contient la même information.
Prenons l'exemple de l'image  et l'image . Les deux semblent identiques et elles le sont. Cependant, la première
utilise une palette de 256 couleurs, pour une taille de 848 octets tandis que
la seconde, avec une palette de 16 couleurs, a une taille de 111 octets. Et
pourtant aucune information sur l'image n'est perdue. Des images plus petites
permettent d'accélérer le transfert d'une page à l'écran
de l'utilisateur. Imaginez maintenant l'effet que cela pourrait avoir avec une
page Web ayant plusieurs images qui sont plus grandes que celles au début
du paragraphe. Plusieurs éditeurs de graphiques vous permettent de réduire
la palette de couleurs d'une image.
Deux autres commandes qui sont intéressantes pour les images sont la possibilité de "réserver" un espace pour l'image. L'élément le plus important d'une page Web est encore le texte. Les images sont seulement un complément à celui-ci. Elles ne devraient pas expliquer l'histoire mais aider à la compréhension. Les options HEIGHT et WIDTH que l'on peut ajouter à la commande <IMG> délimitent l'espace que l'image va prendre à l'écran. Le fureteur n'est pas obligé dans ce cas de lire l'image pour avoir cette information. Il peut donc réserver l'espace nécessaire pour afficher l'image et continuer d'afficher le reste du texte. Il revient par la suite pour chercher les images et les afficher. Ces options accélèrent donc l'affichage du texte à l'écran.
Vous allez trouver sur le World Wide Web des images que vous aimeriez conserver ou même avoir sur votre site. Voici les instructions pour sauvegarder ces images sur une disquette ou un ordinateur.
 Placez
le pointeur par-dessus l'image qui vous intéresse.
Appuyez
sur le bouton droit de la souris.
Sélectionnez
l'option Enregistrer l'image ou Save image as.
Sélectionnez
le lecteur (disquette 3½, disque dur) ainsi que le nom du fichier.
Appuyez
sur le bouton Enregistrer.
Mais attention aux droits d'auteurs! Vous ne pouvez pas utiliser n'importe quelle image. Certains logos corporatifs sont protégés par des droits d'auteurs ou sont des marques déposées (trademark). Vous ne pouvez les utiliser sans la permission de la corporation. Sinon, ces corporations pourraient avoir des recours légaux contre vous! Il est possible que ceux-ci vous permettent d'utiliser une image moyennant des conditions telles que d'écrire l'origine de l'image ou autres. Assurez-vous en tout temps qu'il vous est permis d'utiliser une image. Sinon, ne prenez pas de risques: ne les utilisez pas.
Pour plus de détails sur les droits d'auteurs, allez à la page suivante qui vous donne une liste complète de site ayant de l'information complète sur le sujet.
http://concours2000.educationquebec.qc.ca/signetdroit.htm
Promouvoir votre site
Vous avez passé beaucoup de temps à concevoir et développer votre site Web. Après l'avoir publié, il faut par après le promouvoir aux usagers qui pourraient en prendre avantage. Il y a toujours la technique du "bouche à oreille", Mais ceci n'apportera pas beaucoup de trafic à votre site rapidement. Il y a cependant d'autres techniques possibles qui sont mentionnées dans cette partie.
Pour un site commercial ou pour une organisation, il serait intéressant de réserver un nom sur le World Wide Web tel que www.microsoft.com ou www.mit.edu . Bien que pas obligatoire, ceci donne une allure plus professionnelle à votre site. Cependant, il y a des coûts pour réserver une adresse. Avant tout, il faut trouver une adresse qui s'associe bien avec votre compagnie (le nom généralement) et qui n'est pas déjà utilisée par une autre personne ou une compagnie.
Une autre manière de promouvoir votre site est d'afficher l'adresse de votre page Web (ou URL pour Uniform Ressource Locator) sur votre carte d'affaire, vos publications promotionnelles et même possiblement l'en-tête de vos documents d'affaire. Vous pouvez aussi automatiquement le placer dans le pied de vos messages de courrier électronique. Plusieurs logiciels de courrier électronique vous permettent de composer un petit texte qui s'ajoute à la fin de vos messages. Cette option varie d'un logiciel à l'autre.
Une des manières les plus efficaces pour ce faire connaître est d'ajouter l'adresse de son site aux sites de recherche tel qu'Altavista et Yahoo. Chacun a des critères pour évaluer votre site. La plupart utilisent les 25 premiers mots de la page pour décrire votre site ou cherche pour la commande caché <META> pour de l'information sur les mots clés de votre site. Plusieurs de ces options seront décrites un peu plus tard dans cette section du site.
Au lieu d'envoyer des requêtes d'ajout à chacun des sites, il y a le site Submit-It! qui envoie une requête à plus de 400 sites de recherche. Cependant, il faut payer pour ce service. Il y a cependant quelques outils de validation de page qui sont très intéressants et gratuits. Certains sites de recherche (Yahoo.com) vous demande d'entrer l'information directement à partir de leur site dans des catégories prédéterminées.
Par moments, vérifiez que votre référence soit encore disponible sur le site de recherche. Essayez plusieurs fois en utilisant les mots clés que vous avez utilisés pour décrire votre site. Les sites retirent les références qui ne sont pas utilisées. Il faut donc entrer une seconde fois les références de son site.
Une autre manière pour augmenter le trafic sur votre site est d'échanger des "bannières", des images promotionnelles animées, avec d'autres sites. Vous en avez déjà probablement vu au début de certaines pages Web. Vous faites la promotion de leurs sites et ils font la promotion du vôtre.
Vous pouvez aussi échanger des liens avec d'autres sites ayant de l'information complémentaire au votre ou qui attirent la clientèle que vous voulez rejoindre.
Placez des outils sur vos pages pour aider vos lecteurs à promouvoir votre site. Une astuce est de les inciter à voir le reste du site. Une autre est de mettre un lien pour "contacter un ami" ( tell a friend en anglais ) pour l'informer qu'il y a un site intéressant. C'est du genre "bouche à oreille". Mais, c'est vous en tant que concepteur, qui provoquez la communication.
Transfert à un site public
Après avoir élaboré votre page Web, vous voulez que d'autres
personnes soient capables de voir votre composition en tout temps. Donc,
il faut maintenant le rendre disponible ou lisible sur le World Wide Web.
Pour ceux qui ont un compte sur le serveur Merlin, il est possible de réserver
un répertoire (ou dossier) public qui est lisible par tous. Pour
ceux qui accèdent à l'Internet à partir de la maison,
vous utilisez presque certainement un fournisseur d'accès à l'Internet.
Généralement, ceux-ci vous fournissent une adresse de courrier
électronique et la possibilité de "publier" vos pages Web.
Il faut à ce moment demander de l'information à l'assistance technique
de votre fournisseur. La procédure qui suit explique comment publier
une page Web pour les étudiants ayant un compte sur le serveur Merlin.
La procédure devrait cependant se ressembler indépendamment
du fournisseur d'accès à l'Internet.
La procédure comporte deux étapes : la création
du répertoire public et le transfert des fichiers (pages Web,
images et autres) au répertoire public.
Par après, vos pages Web, images et autres sont accessibles par votre site sur le World Wide Web.
Pour la création du répertoire public pour les étudiants de l'UQÀM:
Ouvrez
votre compte Merlin.
De menu
d'introduction de Merlin, sélectionnez l'option 9: shell Unix.
Entrez
la commande suivante: publication -c et appuyez sur la touche Entrée.
Voir la création d'un répertoire publique à la
page http://www.er.uqam.ca.
Pour les étudiants de l'université qui suivent le cours ADM1421 (gestion informatisée), la procédure pour transférer votre page Web ainsi que les images qui y sont reliées se retrouve dans le codex du cours.
Pour les autres, il faut utiliser un logiciel FTP (File Transfert Protocol)
pour transférer vos pages au répertoire que votre fournisseur d'accès
à l'Internet, en anglais ISP pour Internet Service Provider, vous a probablement
réservé. Avant de transférer, vous avez besoin de trois informations,
l'adresse du serveur où se trouve votre répertoire réservé,
votre numéro de compte avec votre fournisseur et votre mot de passe. Le
service technique de votre fournisseur, une page Web du fournisseur ou la documentation
offerte par celui-ci devraient vous donner cette information. Pour plus d'informations
sur le fonctionnement d'un logiciel FTP, rendez-vous à la page
FTP de ce site.
Il ne faut pas s'attrister si vous n'êtes pas connecté à la
maison ou que votre fournisseur ne vous offre pas ce service. Depuis quelques
temps, il y a plusieurs sites qui sont apparu qui vous offrent d'héberger
votre site Web "gratuitement".
Références
Voici une liste de sites pouvant vous donner plus d'information sur la conception de pages Web. Plusieurs de ces pages ont des références
à d'autres pages Web sur le même sujet. Bonne lecture!
http://www.projectcool.com
http://www.ncsa.uiuc.edu/General/Internet/WWW/ A beginner's guide to HTML
http://htmlhelp.com/ de Web Design
group (WDG)
http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/htmlindex.htm
http://www.hwg.org/ The HTML Writer's
guild
http://www.htmlgoodies.com HTML Goodies
Traite en profondeur tous les sujets possibles sur la conception de pages Web.
http://concours2000.educationquebec.qc.ca/qualite20.htm Liste de critères que les participants du concours d'histoires croisées doivent respecter. Elles s'appliquent aussi pour la conception de vos pages Web.
|
Cliquez ici pour voir les produits
