LeCompagnon.info

Voir produits sur TeeSpring.comCliquez ici pour voir les produits

Internet

Internet: Conseils pour les pages Web et les sites

Avant de commencer
Introduction
Conseils
Promouvoir un site
Transfert à un site public
Références

Avant de commencer

Cette page a été récemment restructurée. Le contenu sur le World Wide Web est maintenant divisé en plusieurs pages. La page d'introduction au World Wide Web contient une introduction et une description des éléments que l'on retrouve sur les pages Web et les sites Web. Il y a aussi une page contenant des conseils pour la conception de pages Web (cette page), la promotion du site et la publication. Les deux pages suivantes sont pour la conception de pages Web en utilisant Netscape Composer ou Microsoft Word. Il y a beaucoup de petits conseils qui sont inclus sur ces pages. La prochaine page contient une description des éléments que l'on retrouve dans un formulaire d'une page Web ainsi que ses avantages et ses limitations. Pour terminer, il y a une page qui contient les codes HTML que l'on retrouve sur toutes les pages du Web. En comprenant leur fonctionnement, vous pourrez composer de meilleures pages Web.

 

Internet
La nétiquette
Courrier électronique
Courrier électronique (avec Netscape)
FTP (File Transfer Protocol)
Les newsgroups
Internet Relay Chat (IRC)
World Wide Web (WWW ou W3)
Conseils pour la conception de pages Web
Conception de page Web avec FrontPage
Conception de page Web avec Netscape Composer
Conception de page Web avec Word
Les formulaires
Les codes HTML
Les images animées

Autres formations

Word 2003
Word 2007
Excel
Excel
VBA pour Excel
PowerPoint 2003
PowerPoint 2007
Access
Access 2010
Internet
Général
Intelligence financière
Vidéos

Navigation
Précédent
Suivant
Page Principale
FAQ
Nouveautés
Plan du site
Références
Motivations
Manuels de formation
Fichiers de démonstration
Droits d'auteur
Text in English
Nous joindre
Par courriel
Abonnez-vous à
l'infolettre LCI





























Abonnez-vous à l'infolettre LeCompagnon.info


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.



Abonnez-vous à l'infolettre

Abonnez-vous à l'infolettre du site pour recevoir le manuel " 150 fonctions Excel expliquées ". Vous recevrez aussi les prochaines infolettres sur les nouveautés du site et des formations détaillées que vous ne trouverez nulle part ailleurs.


Cliquez ici pour vous abonner à l'infolettre





Ce site est hébergé par 1&1.com