LeCompagnon.info

Voir produits sur TeeSpring.comCliquez ici pour voir les produits

Internet

Internet: Conception de page Web avec Word

Avant de commencer
Introduction
Les exercices
Enregistrer en format HTML
Le texte
Les liens et les "bookmarks" (signets)


Les lignes horizontales
Les images
Le fond de la page
Les tableaux

Aperçu à partir d'un fureteur
Aperçu des codes
Problèmes de conception en utilisant Word
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


Avant de commencer

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, la promotion du site et la publication. Les pages suivantes sont pour la conception de pages Web en utilisant Netscape Composer, Microsoft Word (cette page) ou Microsoft FrontPage. 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 concevoir de meilleures pages Web.

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, la page précédente démontre comment concevoir une page Web avec Netscape Composer.

Les exercices

Cette partie du texte consiste en quelques exercices à partir de Word pour concevoir une page Web et des explications pour expliquer chacune des possibilités.

*Ouvrez l'application Word.
*Écrivez: "Ceci est ma première page Web".
*Du menu Ficher, sélectionnez l'option Enregistrer au format HTML ...

*Entrez le nom page1.htm dans la case de Nom du fichier.
*Appuyez sur le bouton Enregistrer.

À chaque fois que vous voudrez sauvegarder une page en format HTML, Word va vous poser cette question. Ceci est pour vous dire qu'il n'y a pas l'équivalent de ce document en format Word. Pour les besoins de l'exercice, il n'y a aucun besoin d'avoir le même document en format Word. Donc,

*Appuyez sur le bouton Oui.

Dès que le fichier a terminé de sauvegarder, vous allez remarquer que les options des différentes barres d'outils vont changer. C'est que le format HTML n'offre pas autant de possibilités que le format pour les documents Word.

Le texte

Le plus important sur une page Web est toujours le contenu. Mais, on peut changer la présentation du texte en changeant de police de caractère, en changeant la couleur et la taille du texte. Vous utiliserez les mêmes options que vous le feriez pour un document ordinaire. Ce site vous offre une page sur les options de présentation de base pour Word. Donc, ils ne seront pas repris sur cette page. Cliquez ici pour vous rendre à la page Wrdpres.htm .

Les liens et les "bookmarks" (signets)

L'une des caractéristiques de base d'une page Web est qu'elle doit avoir au moins un lien à une autre page ou un autre site. Une page Web sans au moins un lien est impensable! Il y a au moins un lien qui retourne à l'adresse de la page précédente ou à la page principale du site. Ce lien peut être placé sur du texte ou sur une image.

Il est aussi possible d'avoir des signets, des "bookmarks" en anglais, sur une page. Ce sont des liens à l'intérieur de la même page. Par exemple, presque toutes les pages de ce site ont au début une liste des sujets. Cliquez sur le texte et le fureteur vous transporte plus loin sur la même page Web. Ce sont des signets. Cependant, les signets ne sont pas "obligatoires" dans la conception d'une page Web. Mais ils aident les lecteurs de la page à trouver rapidement le contenu dont ils ont besoin.

Lorsque vous cliquez sur un lien, le fureteur vous transporte à une autre page Web. Cependant, lorsque vous cliquez sur un signet, le fureteur vous transporte à un autre endroit de la même page Web. Pour savoir si vous êtes sur la même page à un signet, regardez l'adresse de la page Web. Le caractère "#" est utilisé pour indiquer le nom du signet. Par exemple, cette page s'appelle PageWebavecWord-.htm. Si vous cliquez sur le signet introduction, l'adresse sera PageWebavecWord-.htm#intro .

Pour créer un lien sur du texte:

*Si vous voulez faire un lien sur du texte, faites un bloc avec le texte de votre choix.
*Si vous voulez faire un lien sur une image, cliquez sur l'image en question.

*Appuyez sur le bouton .
OU
*Du menu Insertion, sélectionnez l'option Lien Hypertexte.

*Dans la case du haut, écrivez l'adresse de la page Web que vous voulez rejoindre lorsque l'utilisateur va cliquer sur le lien.

Vous devez écrire l'adresse complète (http://...) si la page dont vous voulez un lien n'est pas dans le même répertoire ou est à l'extérieur du site. Aussi, il est préférable d'écrire les adresses en lettres minuscules. Ceci s'applique aussi lorsque vous incluez une image sur votre page Web.

*Si vous voulez que le lien se rende directement à un signet de la page, écrivez le nom du signet dans la seconde case.

Si vous voulez faire un lien sur un signet la même page, n'écrivez pas l'adresse de la page Web, seulement le nom du signet qui devrait se retrouver parmi la liste des signets.

Pour créer un lien sur une image:

*Cliquez sur l'image.
*Appuyez sur le bouton .
OU
*Du menu Insertion, sélectionnez l'option Lien Hypertexte.

*Entrez l'adresse et/ou le signet de votre choix.
*Appuyez sur le bouton OK.

Vous utiliserez la même technique pour les boutons de navigation de votre site. Car, en fait, les boutons de navigation ne sont que des images avec un lien.

Pour créer un lien sur une adresse de courrier électronique

Il est aussi possible de faire un lien sur une adresse de courrier électronique. Si vous cliquez sur ce lien et que le fureteur a votre nom, votre adresse de courrier électronique ainsi que le nom de votre serveur où est situé votre "boîte postale", une fenêtre va apparaître vous permettant d'écrire un message. Bien qu'il faille donner ces informations auparavant, c'est très pratique pour envoyer des messages rapidement. La page de courrier électronique avec Netscape vous montre comment configurer ce fureteur pour y mettre les informations nécessaires pour accéder à votre courrier électronique ainsi que d'envoyer des messages.

*Sélectionnez du texte ou une image de votre choix.
*Appuyez sur le bouton .
OU
*Du menu Insertion, sélectionnez l'option Lien Hypertexte.

*Dans la case pour écrire le fichier ou l'URL, écrivez mailto: suivi de l'adresse de courrier électronique. Ex.: mailto:tremblay.jean@cie.abc.com .

Il est préférable pour un lien sur une adresse de courrier électronique d'écrire l'adresse de la personne. Si le lecteur de la page n'a pas configuré le fureteur pour envoyer des messages, il pourra toujours écrire l'adresse et contacter la personne plus tard.

Pour créer un signet sur lequel vous pourrez ensuite y référer un lien.

*Placez le curseur où vous voulez le signet.
*Du menu Insertion, sélectionnez l'option Signet.

*Entrez le nom que vous voulez donner au signet (référence).
*Appuyez sur le bouton Ajouter.

Pour créer un lien sur une partie de l'image

Le principe consiste à entourer la partie de l'image où vous voulez mettre un lien et ensuite donner l'adresse de la page que vous voulez. Malheureusement, cette option n'est pas disponible avec Word 97. Mais, il est cependant possible de le faire avec d'autres éditeurs. Au bas de la page qui donne de l'information sur les pages Web, il y a une image qui contient huit liens à d'autres pages. Il suffit de cliquer sur le mot pour aller sur une autre page.

Modifier un lien hypertexte

Il est toujours possible de modifier un lien hypertexte à une autre adresse.

*Placez le pointeur par dessus le lien (le texte ou l'image).
*Appuyez sur le bouton droit de la souris.
*Du menu contextuel, sélectionnez l'option Lien hypertexte.
*Sélectionnez l'option Modifier.
*De la fenêtre des liens, changer l'adresse à la page de votre choix.

La page d'introduction à World Wide Web fourni aussi de l'information sur les adresses relatives et absolue. À lire.

Les lignes horizontales

Une ligne horizontale peut être utilisée dans une page Web pour séparer deux parties du document. Comme sur ce site, les lignes horizontales sont utilisées pour séparer la liste des thèmes couverts du début de la page du reste du texte. Elles sont aussi utilisées pour séparer le texte des boutons de navigations situés à la fin de chaque page.

*Appuyez sur le bouton .
OU
*Du menu Insertion, sélectionnez l'option ligne horizontale.

Vous pouvez choisir parmi ceux-ci ou ajouter vos propres lignes horizontales à la liste. Il y a plusieurs autres styles de lignes horizontales disponibles sur le World Wide Web. En appuyant sur le bouton Plus, vous pouvez ajouter à la liste des lignes que vous avez déjà trouvées sur le WWW. Il suffit d'indiquer à Word le lecteur et le répertoire (dossier) et le nom du fichier où se retrouve l'image de la ligne horizontale dont vous avez besoin.

Les images

*Appuyez sur le bouton .
OU
*Du menu Insertion, sélectionnez l'option Image.

Cette dernière option vous offre ensuite plusieurs sources possibles. Vous pouvez utiliser une image provenant de la bibliothèque d'Office, de chercher une image du site Web de Microsoft, de prendre l'image directement d'un numériseur (scanner) ou générer un graphique provenant de chiffres.

*Pour les besoins de l'exercice, insérez une image de la bibliothèque d'Office.

*De la liste des images, sélectionnez celle qui répond le mieux à vos besoins.

L'image sera probablement trop grande. Vous pouvez ajuster la taille de l'image en utilisant la souris.

*Cliquez sur l'image.
*Placez le pointeur sur l'un des carrés de dimensionnement situés aux extrémités de l'image.
*En gardant un doigt sur le bouton gauche de la souris, rapprochez le carré vers le milieu de l'image.
*Relâchez le bouton de la souris lorsque vous aurez atteint la taille désirée.

Ceci à l'effet de réduite l'image. Pour augmenter sa taille, éloignez le carré du milieu de l'image.

Au moment de la sauvegarde de la page Web, Word va automatiquement convertir les images provenant de la bibliothèque en format GIF. Ils auront des noms tels que image1gif, image2.gif etc. Ne soyez donc pas surpris de retrouver des fichiers en format GIF dans le même dossier que votre page Web. Il faut aussi les transférer au répertoire public si vous voulez qu'ils soient correctement affichés pour les utilisateurs de votre page Web.

Par défaut, une image s'aligne toujours à la gauche de l'écran et ne permet qu'une ligne de texte à côté de l'image. Word vous permet de placer l'image à la gauche ou à la droite de l'écran et d'écrire plusieurs lignes de texte à côté de celle-ci. Il ne faut pas cependant utiliser les options d'alignement qui se retrouvent sur la barre d'outils Mise en forme, ils sont utilisés pour l'alignement du paragraphe et non des images.

*Après avoir inséré une image, cliquez sur celle-ci.
*Du menu Format, sélectionnez l'option Image.
*Si nécessaire, cliquez sur l'onglet Position.

Cette fenêtre vous indique qu'il est possible d'aligner le texte à la gauche ou à la droite de l'écran ou de ne mettre aucun alignement. Dans ce dernier cas, l'image se place à l'endroit où vous l'avez inséré à l'écran et permet seulement une ligne à côté de celle-ci.

*Pour cet exercice, sélectionnez l'option À droite.
*Appuyez sur le bouton OK.

Un cadre va apparaître autour de l'image. N'écrivez en aucun cas du texte dans ce cadre. Il faut toujours écrire le texte à l'extérieur de celui-ci.

Cette option est vraiment pratique lorsque vous voulez écrire un grand paragraphe autour de l'image ou pour aligner l'image à la droite de l'écran. Il faut cependant faire attention à cause de toutes les résolutions d'écran possibles. Un paragraphe qui est bien présenté avec une image à une résolution de 640 X 480 pixels peut donner un effet très différent à 1024 X 768! Si cela vous est possible, changez la résolution de votre écran et regardez la différence de cette partie de la page.

Une autre astuce pour aligner du texte parfaitement est d'utiliser un tableau avec plusieurs colonnes. Vous placez l'image dans une colonne et le texte dans l'autre. Pour centrer l'image, créez un tableau à trois colonnes. Placez l'image dans la colonne du milieu. Ceci est surtout pratique lorsque vous avez seulement quelques lignes de texte à écrire à côté de l'image.

L'onglet taille permet de jouer avec la grandeur de l'image. Vous pouvez changer sa taille en centimètre. Ceci n'est pas vraiment pratique puisque l'unité de mesure en format HTML est soit en pixels (points de lumières de l'écran) ou en pourcentage de l'écran. Elle vous offre cependant un certain niveau de contrôle sur la présentation.

Le fond de la page

Il n'y a rien de pire qu'un fond de page gris. Surtout lorsqu'il est si facile de changer le fond pour une couleur ou mettre un motif pour le fond de votre choix.

*Appuyez sur le bouton .
OU
*Du menu Format, sélectionnez l'option Arrière plan.

Vous pouvez à partir de cette fenêtre choisir une couleur qui remplira le fond de la page. La couleur blanche est un bon choix. Il vous donne le meilleur contraste avec du texte écrit en noir. C'est aussi le genre de présentation que nous sommes habitués à voir sur papier.

Si aucune de ces sélections ne vous satisfait, vous pouvez toujours sélectionner l'option Couleurs supplémentaires pour avoir le choix parmi des millions de couleurs. Cependant, si au lieu vous voulez mettre un motif en arrière plan ...

*Appuyez sur le bouton Motifs et textures.

De cette fenêtre, vous pouvez choisir l'un des motifs inclus dans Word. Il vous est aussi possible d'inclure d'autres motifs que vous avez trouvés sur le World Wide Web. Il y a plusieurs sites qui ont des motifs pour des fonds de pages ou des instructions pour concevoir les vôtres. Pour inclure un motif que vous avez trouvé.

*Appuyez sur le bouton Autre texture ...
*Sélectionnez le lecteur, le dossier et le nom du fichier qui a le motif voulu.
*Appuyez sur le bouton Enregistrer.

Ce motif sera ajouté aux autres déjà dans la liste. Vous y aurez accès en tout temps à partir de Word.

Les tableaux

Les tableaux sont pratiques pour présenter de l'information. Dans le format HTML, c'est aussi un excellent outil pour contrôler la présentation à l'écran. Sur une page Web, il n'y a pas d'outils comme des tabulations ou des colonnes pour aligner du texte. Cependant, vous pouvez mettre dans les cellules de différentes tailles des éléments comme du texte, des images, des options pour un formulaire etc. Il est aussi possible de s'en servir pour afficher le texte sur plusieurs colonnes. Personne ne voit la différence si la bordure des cellules est transparente.

*Appuyez sur le bouton .
OU
*Du menu Tableau, sélectionnez l'option Insérer un tableau.

*Sélectionnez le nombre de colonnes et de lignes dont vous avez besoin.
*Appuyez sur le bouton OK.

Comme pour un document ordinaire, Word vous offre des options pour contrôler la présentation du tableau. Celles-ci ne seront pas discutées sur cette page puisqu'elles sont déjà détaillées sur une autre page Web de ce site dans la section Word. Cliquez ici pour vous rendre à la page fwrdtbl.htm.

Il y a cependant quelques options qui sont seulement disponibles pour un tableau en format HTML. Ce sont les propriétés de tableau et les propriétés de cellules. Celles-ci sont discutées dans les lignes qui suivent.

Les propriétés des tableaux

*Placez le pointeur à l'intérieur du tableau.
*Du menu Tableau, sélectionnez l'option Propriétés de tableau.

La partie du haut de la fenêtre concerne l'alignement du tableau par rapport au texte. Comme pour les images, il est possible d'avoir du texte autour du tableau. Cependant, par défaut, le reste du texte de la page se place au-dessus ou en dessous du tableau. Il est même possible de centrer horizontalement le tableau. Il est par la suite possible de déterminer l'espace entre la bordure de la cellule et le texte contenu dans les cellules du tableau. Cette fenêtre vous offre aussi le choix de déterminer la couleur de fond du tableau et l'espacement entre les colonnes du tableau.

*Une fois que vous aurez déterminé vos choix, appuyez sur le bouton OK.

Les propriétés de cellules.

*Cliquez dans la cellule dont vous voulez changer les propriétés.

Vous pouvez aussi faire un bloc avec plusieurs cellules si vous voulez appliquer les mêmes propriétés à plusieurs cellules.

*Du menu tableau, sélectionnez l'option Propriétés des cellules.

À partir de cette fenêtre, vous pouvez premièrement décider de l'alignement vertical du texte à l'intérieur de la cellule. Comme pour les propriétés du tableau, vous pouvez changer la couleur de fond pour une ou d'un bloc de cellules. Pour terminer, vous pouvez déterminer la taille de la cellule.

*Une fois que vous aurez déterminé vos choix, appuyez sur le bouton OK.

Aperçu à partir d'un fureteur

Ce que vous voyez à l'écran de Word n'est pas la même présentation que le lecteur de la page. Celui-ci va utiliser un fureteur tel que Netscape Navigator, Internet Explorer ou un autre pour voir votre page. C'est pour cette raison qu'il y a l'option d'aperçu de la page Web. Celui-ci va premièrement vous demander de sauvegarder votre page Web avant d'ouvrir un fureteur. Ensuite, le contenu de la page sera affiché à partir de ce fureteur.

*Appuyez sur le bouton .
OU
*À partir du menu Fichier, sélectionnez l'option Aperçu de la page Web.

Si c'est la première fois que vous utilisez cette option, Word va vous demander l'endroit où se trouve le programme fureteur (Navigator, Internet Explorer ou autres) sur le disque dur de votre ordinateur. Il faut donc savoir où se retrouve ce programme sur votre ordinateur avant d'utiliser cette option. Word ouvrira toujours le même fureteur les prochaines fois que vous utiliserez cette option.

Aperçu des codes

Pourquoi vous montrer les codes lorsque vous êtes capable de créer vos pages Web à partir d'un éditeur? Inévitablement, vous devrez à un moment changer l'un des codes d'une page Web "à la main". C'est à dire à partir du code. C'est parfois plus facile ou simplement nécessaire de le faire.

Par exemple, une image n'apparaît pas à l'aperçu. L'une des raisons les plus communes est que le nom du fichier est "mal" écrit. Certains serveurs, comme Merlin, font une différence entre des lettres en minuscules et ceux en majuscules. Donc, pour le serveur, l'image Boulex.gif, boulex.gif et boulex.gif sont trois images différentes. Pour éviter ce genre de situation, il est préférable d'écrire le nom des fichiers d'images en minuscule. Ceci s'applique aussi aux liens et aux signets. Lors de la procédure pour transférer votre page Web sur le serveur, il y a une option pour forcer le nom des documents (page Web ou image) en minuscule. Ne l'oubliez pas! Si vous avez encore un problème avec votre page Web et que vous ne trouvez pas la solution, il est possible que vous soyez obligé de voir le code HTML.

Il y a aussi une autre raison plus intéressante de connaître les codes. Par après, vous pouvez regarder les codes des pages Web d'autres personnes pour voir comment ils ont réussi à avoir un certain effet ou un genre de présentation. Vous pourrez ensuite répéter ces codes sur vos pages! À partir de Netscape, utilisez l'option Page source en dessous du menu View. Pour Internet Explorer, du menu Affichage, sélectionnez l'option Source.

Pour vous familiariser avec les codes, cette partie de la page vous montre les codes les plus souvent utilisés. Cependant, cette liste est loin d'être complète. Plusieurs pages dans la section référence de la page du World Wide Web ont plus d'informations sur les codes.

*Du menu Affichage, sélectionnez l'option Code source HTML.
*Word va peut-être vous demander de sauvegarder le document, répondez Oui.

Les codes de base

Comme mentionné au début de cette page, tous les codes en format HTML se retrouvent entre des "<" et des ">". La plupart de ces codes fonctionnent aussi en paires: le premier pour activer la commande et le second pour la terminer. La seule différence entre les deux est que le dernier a le caractère "/" en plus dans le code. Par exemple, les codes <P> et </P> indiquent le début et la fin d'un paragraphe. Il y a aussi certains codes qui sont nécessaires.

<HTML>
<HEAD>
<TITLE>Titre de votre page Web</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

Ce que vous avez au-dessus sont les codes de base pour une page Web. Une page Web commence toujours par <HTML>. C'est de cette manière que le format est reconnu par les éditeurs de pages Web. Ensuite suit la section <HEAD> qui inclut le nom de la page (<TITLE>) qui va apparaître sur la barre titre de la fenêtre lors de l'affichage de la page dans un fureteur. C'est à l'intérieur des codes <BODY> que se retrouve le texte de la page. Souvent, le premier code BODY inclut des options telles que la couleur de fond (<BACKGROUND>) ou le nom de l'image qui sert de motif de fond de la page.

Les images

<IMG SRC="plus.gif" ALT="+" HEIGHT="10" WIDTH="10" BORDER="0">+

Le code précédent indique la référence à une image. L'option SRC indique le nom et si nécessaire le chemin (en adresse absolue) pour trouver l'image en question. L'option ALT affiche du texte si, pour une raison ou une autre, l'image n'apparaîtrait pas. Ceci laisse toujours une référence aux lecteurs de la page. Les options HEIGHT et WIDTH réservent l'espace nécessaire pour afficher l'image. De cette manière, le fureteur réserve l'espace et continue d'afficher le reste du texte de la page. Par après, il revient et affiche les images dans les espaces réservés. Si cette option n'est pas utilisée, la présentation du texte de la page est ralentie puisque le fureteur doit premièrement lire l'image avant de réserver l'espace. L'option BORDER sert à déterminer l'épaisseur du contour de l'image. Si l'option n'est pas là, il n'y aura pas de bordure autour de l'image (BORDER="0").

Problèmes en utilisant Word

Les premiers étudiants à concevoir leur page Web utilisant Word se sont aperçus de quelques problèmes. Voici une liste des problèmes que les étudiants ont découverts et leurs solutions.

1. La page Web et les images ont été transférées au répertoire public, mais on ne voit pas ceux-ci ni le fond de l'écran.

Le problème provient des noms des fichiers. Le serveur Merlin et le serveur Nobel font une différence entre les caractères écrits en minuscules et ceux en majuscules. Donc, pour ces serveurs, les fichiers Boulex.gif, boulex.gif et boulex.gif sont trois différents fichiers.

Lors du transfert des fichiers en utilisant le logiciel FTP, l'option " force lowercase " était active. Donc tous les noms des fichiers sont écrits en minuscules. Cependant, dans la page Web, la première lettre des noms des images est écrite en majuscule. Puisqu'il n'y a pas de fichiers portant exactement ce nom sur le serveur, celui-ci affiche un espace vide au lieu de l'image.

Il y a deux manières pour régler la situation : retirer l'option " force lowercase " de WS_FTP et retransférer les images ou changer les codes de la page Web.

La première option est la plus facile.

*Ouvrez le logiciel WS_FTP.
*Appuyez sur le bouton Option au bas de la fenêtre.
*Cliquez sur l'onglet Code.
*Retirer l'option Force lowercase.
*Retransférez les images.

La seconde option est un peu plus difficile. Elle a l'avantage de vous donner un aperçu des codes qui composent une page Web ainsi que de les modifier lorsque nécessaire. Cette option existe aussi dans d'autres logiciels de FTP (File Transfert Protocol).

*Ouvrez l'application Word avec votre page Web dont les images n'apparaissent pas.
*Du menu Affichage, sélectionnez l'option Code source

Pour le fond de l'écran, vous trouverez parmi les premières lignes des codes de votre page Web le code <BODY BACKGROUND= " Image.gif " …

*Assurez-vous que le nom de l'image, qui est entre les guillemets, soit en minuscule.

Pour les images de votre page Web.

*Du menu Édition, sélectionnez l'option Rechercher.
*Entrer le texte " <IMG " (sans les guillemets) dans la case blanche et appuyez sur le bouton Rechercher.

Vous allez tomber sur un code pour l'affichage d'une page.

*Assurez-vous que le nom de l'image, qui est entre les guillemets, soit en minuscule.
*Répétez la recherche jusqu'à ce que vous soyez à la fin de la page Web.
*Appuyez sur le bouton Fermer pour conserver vos modifications.
*Sauvegardez le fichier et retransférez-le dans votre répertoire public.

2. Le nom des images est bien écrit en minuscule mais les images n'apparaissent toujours pas.

Le nom de certaines images est composé de plusieurs mots tels que " boule verte ", " feuilles d'automne " ou " sphère métallique ". Les serveurs Merlin et Nobel convertissent les espaces dans le nom des fichiers par le caractère " %20 ". Puisque le nom du fichier d'image n'est plus le même que sur la page Web, il n'apparaît pas lors de l'aperçu de la page Web.

La solution consiste à renommer le fichier en un seul mot et de changer le code de la page Web.

Pour renommer un fichier.

*Retrouver l'image dont le nom est composé de plusieurs mots sur votre disque dur ou votre disquette.
*Placez le pointeur par-dessus le nom de l'image
*Appuyez sur le bouton droit de la souris et sélectionnez l'option Renommez.
OU
*Faites un double-clic sur le nom de l'image.

*Changer le nom de l'image à un seul mot et appuyez sur la touche Entrée.

3. L'image grossit lorsque je lui attache un lien!

Dans quelques rares cas, l'image grossit lorsqu'on y ajoute un lien. Ceci est une "bogue" de Word. Pour résoudre ce problème, il faut retirer le lien et trouver la taille "normale" de l'image.

*Placez le pointeur par-dessus l'image.
*Appuyez sur le bouton droit de la souris.
*Du menu contextuel, sélectionnez les options Lien hypertexte et Modifier lien hypertexte.

*Appuyez sur le bouton Supprimer le lien.

L'image devrait revenir à sa taille précédente. Sinon, changez la taille de l'image. Il faut maintenant trouver la taille normale de l'image.

*Du menu Affichage, sélectionnez l'option Code source HTML.
*Utilisez la fonction Édition, rechercher pour retrouver l'image qui change de taille.
*Écrivez sur un bout de papier sa largeur et sa hauteur (WIDTH, HEIGHT).
*Appuyez sur le bouton Quitter code source HTML pour revenir au mode normal.
*Remettez le lien hypertexte sur l'image.

Si l'image s'agrandit de nouveau.

*Retournez au code source HTML (Affichage, code source HTML)
*Changez les chiffres de la largeur et de la hauteur à ceux que vous avez écrits sur papier.
*Quittez le code source HTML en conservant vos modifications.

L'image devrait ensuite être à la taille désirée.

4. Je ne peux pas attacher un lien à une image si je l'ai alignée à la gauche ou à la droite de l'écran.

Encore une fois, c'est aussi une autre "bogue" de Word. Il devrait normalement être possible d'aligner une image pour être capable d'avoir plusieurs lignes de texte à côté de l'image. La seule manière de contourner ce problème est d'ajouter le code nécessaire "à la main" en affichant les codes.

*Du menu Affichage, sélectionnez l'option Code source HTML.
*Si demandé, sauvegardez votre page Web.
*En utilisant la fonction Edition, rechercher, retrouver l'image sur laquelle vous voulez attacher un lien.
*Ajoutez devant le code <IMG ... le code suivant:

Pour un lien à une autre page, <A HREF="adresse de la page Web"> (avec les guillemets) suivi de </A> après le code <IMG>. Voici un exemple qui vous amènera à la page principale du site de CNN.

<A HREF="http://www.cnn.com/"><IMG SRC="Image3.gif" WIDTH=82 HEIGHT=113 BORDER=0></A>

Pour un lien à un signet, <A HREF="#nom du signet"> (avec guillemets) suivi de </A> après le code <IMG>. Voici un exemple qui vous amènera au signet "introduction" de la page.

<A HREF="#introduction"><IMG SRC="Image3.gif" WIDTH=82 HEIGHT=113 BORDER=0></A>

Il faut cependant faire attention. Word a tendance à vouloir effacer ce lien ainsi que le reste du texte qui suit le lien. Donc, pour éviter que vous perdiez une partie du texte que vous avez déjà écrit, faites une copie de sécurité du fichier HTML (page Web) avant ajouter le code pour le lien. Ou, pour le moment, évitez de mettre des liens sur des images alignées.

5. Des signets ne fonctionnent pas avec Internet Explorer mais fonctionnent correctement avec Netscape Navigator.

C'est en partie un problème de Word et d'Internet Explorer. Certains étudiants ont essayé de mettre deux signets l'un à côté de l'autre. Le problème est que Word peut "entrecroiser" des codes pour les signets.

Normalement, les codes de signets devraient être écrits de la façon suivante: <A NAME="nom du signet"></A>. S'il y a deux signets l'un à côté de l'autre, cela donnerait: <A NAME="nom du premier signet"></A><A NAME="nom du second signet"></A>. Word mélange le début et la fin des codes pour les signets. Cela donne ceci: <A NAME="nom du premier signet"><A NAME="nom du second signet"></A></A>. Netscape Communicator ou Netscape Navigator se placent sur le premier code du signet tandis qu'Internet Explorer se place au second code du signet. Puisque les codes sont mélangés, ce dernier ne trouve pas le signet.

Pour régler ce problème.

*Du menu Affichage, sélectionnez l'option Code source HTML.
*Utilisez la fonction Edition, Rechercher pour trouver les signets entrecroisés.
*Placez les signets en bon ordre (<A NAME="..."></A><A NAME="..."></A>).
*Quittez le code source et enregistrez les modifications.

6. Une partie du texte en couleur ne s'affiche pas de la bonne couleur ou de la bonne taille dans Internet Explorer ou Netscape Navigator.

Il s'agit d'un autre des problèmes de Word. Simplement, Word "oublie" de mettre des codes de couleurs dans la page Web.

En format HTML, les codes pour changer la couleur d'une partie du texte est <FONT>. Parmi les options de cette commande, il y a la couleur, la taille du caractère et la police de caractère. Par exemple, vous pourriez retrouver dans la page Web ceci:

<FONT SIZE="x" COLOR="..."> Le texte de votre choix </FONT> .

Dans votre page Web, il y a probablement une partie du texte qui est de la bonne couleur tandis que la suite ne l'est pas. Pour changer la situation:

*Du menu Affichage, sélectionnez l'option Code source HTML.
*Retrouvez la partie de votre texte dont la couleur ou le texte n'est pas ce que voudriez.

Juste devant, vous devriez retrouver une commande <FONT> avec les bonnes options. Vous avez deux choix: recopier le bon code au nouvel endroit ou déplacer la commande </FONT> plus loin dans le texte.



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