FAQ Expression Web, SharePoint Designer et FrontPage

 Questions, aides et astuces, provenant au départ du forum microsoft.public.fr.frontpage.

Liens hypertexte

Sauter la navigation

 


 1 - Vérification des liens
 2 - Liens ne fonctionnant pas
 3 - Ouvrir une nouvelle fenêtre
 4 - Lien pour un téléchargement
 5 - Objet d'un message
 6 - Liens dans une même page
 7 - Redirection automatique
 8 - Changement de couleur et soulignement
 9 - Barre de navigation dans FrontPage
10 - Disparition des barres de navigation
 

1 - Vérification des liens

Question 1 J'aimerais savoir s'il est possible dans une page Web de tester la validité d'un lien hypertexte et, si oui, comment faire? Par exemple, j'aimerais savoir si le lien http://www.blabla.com/images/index.php pointe sur une page existante ou si j'arrive sur une erreur 404 page non trouvée.

Réponse 1 Pour vérifier tous les liens d'un site: au menu Site (ou au menu Affichage), choisissez Rapports, puis Résumé du site. Une nouvelle barre d'outils s'installe alors au-dessus de l'espace de travail. La petite icône à droite (Vérifie les liens hypertexte...) permet de lancer une séquence de vérification de tous les liens. Cette méthode identifie rapidement tous les liens rompus.

Mais par la suite, il faudra aussi prendre le temps de les vérifier manuellement, un par un, dans un navigateur. Car un lien peut exister sans être celui voulu, par exemple lorsqu'un site externe a changé de vocation. De plus, un test à partir d'un ordinateur différent du vôtre est essentiel pour repérer ceux pointant vers une adresse locale (voir la question suivante).

Retour au début

2 - Liens ne fonctionnant pas

Question 2 Quelqu'un peut-il m'expliquer pourquoi certains liens fonctionnent bien à partir de mon poste mais pas dans Internet?

Réponse 2 La première chose à vérifier, c'est le nom du fichier: il ne comprend pas d'espace, ni d'accent, ni de caractères spéciaux. Et, dans ce nom, une lettre minuscule n'est pas équivalente à une majuscule.

Un autre problème vient du fait qu'un lien pointe parfois vers l'ordinateur local au lieu du serveur dans Internet. Dans le code de la page, son nom commence alors par "file:///..." suivi d'une adresse sur le disque.

Dans ce cas, il faut refaire le lien avec une adresse relative. Autrement dit, chaque lien doit pointer vers un nom de fichier simplement (parfois avec un sous-dossier du même site), sans indication « file:/// » et sans nom de disque, comme « C:/ ». Pour éviter de créer un lien pointant vers le disque local, il serait préférable d'enregistrer la page une première fois avant d'insérer un lien.

De plus, après avoir copier-coller un lien d'une page à une autre, le lien obtenu doit être vérifié et corrigé si nécessaire, surtout s'il y a un changement de dossier.

Au besoin, la commande du menu Site (ou du menu Outils), Recalculer les liens hypertexte, peut aider à tout remettre tout en place.

Retour au début

3 - Ouvrir une nouvelle fenêtre

Question 3 Comment faire pour que le clic sur un lien ouvre une nouvelle fenêtre et ne remplace pas le site d'origine dans la même fenêtre?

Réponse 3 Cette option se trouve dans la fenêtre du lien hypertexte, en cliquant sur le bouton Cadre de destination, puis en choisissant Nouvelle fenêtre. Ce qui ajoute un paramètre target="_blank" dans le code HTML du lien, comme ceci: 
  <a href="images.htm" target="_blank">

Toutefois, cette manière d'ajouter un attribut "target" à la balise <a> n'est plus autorisée lorsqu'on utilise un doctype strict (que ce soit en HTML ou en XHTML). D'ailleurs, puisque les navigateurs récents ouvrent les pages dans différents onglets, cette méthode est devenue archaïque.

Retour au début

4 - Lien pour un téléchargement

Question 4 J'aimerais mettre à la disposition des visiteurs de mon site un document à télécharger. Comment puis-je, à partir d'un lien, permettre à l'utilisateur de télécharger un document?

Réponse 4 Si le lien pointe vers un document .ZIP, le téléchargement est automatiquement proposé. Vérifiez toutefois si l'adresse du fichier ne commence pas par "file:///..." 
Si c'est le cas, remplacez-la par le chemin relatif du fichier, comme dans la question précédente.

La méthode pour compresser un fichier est décrite dans la rubrique Fichiers #5.

Retour au début

5 - Objet d'un message

Question 5 Il existe une commande qui permet, lorsqu'on active le courrier électronique par le biais d'un lien, de faire apparaître directement du texte dans la zone objet du message. Mais impossible de m'en souvenir... Qui peut m'aider?

Réponse 5 Pour inscrire le nom du destinataire et l'objet du message, au menu Insertion, Lien hypertexte, cliquer sur le bouton Adresse électronique (ou Adresse de messagerie), remplir les deux cases Adresses de messagerie et Objet. La commande insérée est alors semblable à celle-ci:
<a href="mailto:adresse@nomdedomaine?subject= Texte de l'objet">

Pour ajouter un texte dans le corps du message, ajouter le paramètre body:
<a href="mailto:nom@nomdedomaine?subject=Renseignements&body=Merci d'inscrire vos références ainsi que votre question.">

En principe, il faut remplacer les espaces entre les mots par des %20 et, pour faire des retours à la ligne dans le corps du message, il faut mettre %0a, comme dans:
<a href="mailto:nom@nomdedomaine?subject=Renseignements&body=Merci%
20d'inscrire%20vos%20références%0aainsi%20que%20votre%20question.">

Pour une copie conforme à plusieurs destinataires:
<a href="mailto:nom@nomdedomaine?cc=nom2@fai.com&cc=nom3@autredomaine">

Pour regrouper ces paramètres, on utilise le signe &, comme dans:
<a href="mailto:nom@nomdedomaine?cc=nom2@fai.com&cc=nom3@autredomaine&
subject=Renseignements&body=Merci%20d'inscrire%20vos%20références%0aainsi%
20que%20votre%20question.">

Retour au début

6 - Liens dans une même page

Question 6 Dans mon site j'ai des pages relativement longues. En haut de ces pages, j'ai inséré des sous-titres. Comment créer des liens sur ces sous-titres pour aller directement à certains paragraphes, plus bas dans la page? En fait, je veux faire des liens dans la même page...

Réponse 6 Pour des liens internes à la page, cela se fait en deux étapes:
1. poser des signets: cliquer au début d'un paragraphe, puis au menu Insertion, Signet, inscrire le nom du signet sans espace ni accent (un soulignement hachuré ou un drapeau indique ensuite la présence du signet, mais son nom n'apparaît pas à l'écran);
2. faire un lien vers le signet: dans le sommaire de la page, sélectionner les mots qui doivent pointer vers le signet. Utiliser le menu Insertion, Lien hypertexte. Dans la fenêtre Insérer un lien hypertexte, sélectionner la page avec le signet, puis cliquer sur le bouton Signet, afin de choisir celui voulu.

Dans une page vraiment longue, il serait bon de prévoir, à la fin de chaque section, un lien "Retour au début" pointant vers un signet placé auparavant au tout début de la page.

Retour au début

7 - Redirection automatique

Question 7 Comment faire une page de redirection automatique, donc sans clic sur un lien et, si possible, avec un temps de pause contrôlé?

Réponse 7 Pour faire une redirection, il faut insérer une commande meta dans l'en-tête du document (entre <head> et </head>). Par exemple: 
<meta content="40; url=http://www.autresite.com" http-equiv="refresh" />

La balise CONTENT a deux valeurs: la première, c'est le nombre de secondes après lequel se déclenchera la redirection (ici 40 secondes); la deuxième, c'est la destination.

Il est bon d'ajouter aussi un lien dans la page initiale de façon à ce que le visiteur puisse y cliquer si la redirection ne se fait pas comme prévue, un peu comme ceci:
   "Le contenu de cette page a été déplacé.
    Au besoin, cliquez sur ce lien: (adresse de la nouvelle page)"

Retour au début

8 - Changement de couleur et soulignement

Question 8 Quel est le code à insérer pour que la couleur d'un lien change au passage de la souris et pour enlever les soulignements?

Réponse 8 Par défaut, les liens sont toujours soulignés et colorés en bleu. Leur couleur devient pourpre après avoir été visités. Les feuilles de style permettent d'ajuster ces couleurs selon le design de votre site.

Pour enlever le soulignement et changer la couleur originale de l'ensemble des liens, il suffit de modifier le style de la balise <a> et de préciser leur couleur un fois visités avec celle-ci <a:visited>.

Pour modifier le style des liens:
- ouvrir la page ou la feuille de style devant contenir ces instructions;
- avec FrontPage: au menu Format, Style, dans la zone Lister, choisir Balises HTML. Sélectionner la balise <a> et cliquer sur le bouton Modifier, puis sur Format et Police. Cocher l'option Aucun ornement de texte;
- avec Expression Web ou SharePoint Designer: dans le volet de tâches Gérer les styles, cliquer sur le lien Nouveau style. Dans la zone Définir dans, sélectionner Page active ou une feuille de style externe. Dans la zone Sélecteur, choisir la balise <a>, puis la catégorie Police à gauche. Modifier la zone color. À droite, dans la section text-decoration, cocher l'option none.

Reprendre ensuite l'opération, cette fois avec la balise <a:visited>. 

Un code semble à celui-ci se trouvera alors placé entre les balises <style> dans la section <head> du  code de la page ou dans la feuille de style externe, selon ce qui a été choisi lors de la création du style:
  a {
     color: #3c4868;
     text-decoration: none;
  }
  a:visited {
     color: #4F7793;
  }

Un point à faire attention: l'ordre des liens est ici fort important, le dernier pouvant empêcher les autres de s'appliquer. Pour plus d'informations, voir:
http://msdn.microsoft.com/fr-fr/library/cc294936%28Expression.30%29.aspx

Pour plus d'informations sur les feuilles de style, voir la rubrique Styles CSS.
Pour des exemples de menus dessinés à l'aide de styles, voir Menus #2.

Retour au début

9 - Barre de navigation dans FrontPage

Question 9 Comment faire pour installer une barre de navigation, c'est-à-dire des boutons de liens vers les autres pages du site?

Réponse 9 Dans FrontPage seulement, les barres de navigation automatiques sont basées sur la structure du site.

La première étape consiste donc à définir cette structure: en mode d'affichage Navigation, afficher d'abord la liste des dossiers, puis glisser les pages, une par une, à côté ou en dessous d'une autre page. Le schéma ainsi créé détermine si une page est parente d'une autre (au-dessus), enfant (sous telle page) ou de même niveau.

La deuxième étape se fait en mode Page (ou mode Création). Avec FrontPage 2000, au menu Insertion, choisir Barre de navigation, puis le niveau des liens (parent, enfant, précédente...) et sélectionner Boutons ou Texte (un thème doit être appliqué pour obtenir un bouton).
Avec FrontPage 2002 et 2003, au menu Insertion, Navigation, choisir Barre basée sur la structure de navigation, puis sélectionner un type de bouton, avant de définir le niveau des liens.

Point à noter: avec FrontPage 2002, on peut aussi créer des barres de liens personnalisés, mais les extensions serveur FrontPage sont requises dans ce cas. Toutefois, avec FrontPage 2003, ces barres de liens personnalisés ne demandent plus la présence des extensions. Dans ce cas, les barres de liens sont plus faciles à faire, puisqu'il suffit de choisir les pages à faire apparaître (menu Insertion, Navigation, Barre de liens personnalisés, Suivant, choisir un type de bouton, Terminer, puis utiliser le bouton Ajouter un lien...)

Note: les barres de navigation ne sont plus offertes dans Expression Web mais elles sont encore disponibles dans SharePoint Designer 2007. Maintenant, on utilise de préférence des menus créés à partir de puces et de styles (voir la rubrique Menus).

Retour au début

10 - Disparition des barres de navigation

Question 10 J'ai dû réimporter mon site Web du serveur vers mon poste local. Malheureusement, les barres de navigation de FrontPage n'apparaissent plus.

Réponse 10 La structure de navigation de FrontPage n'est pas copiée avec la commande Importer du menu Fichier. Pour plus d'informations, voir: 
http://support.microsoft.com/?id=219768

Une publication serait mieux adaptée: ouvrir le site Web distant dans FrontPage (menu Fichier, Ouvrir un site Web, taper l'adresse http://...) et, ensuite, le publier vers le disque local (au menu Fichier, Publier le site Web, dans les Propriétés du site Web distant, choisir Système de fichiers, puis utiliser le bouton Parcourir pour sélectionner le dossier de destination...)
 
Le même résultat est obtenu en créant un nouveau site Web localement, puis en y publiant le site Web distant. Pour créer d'abord un site Web vide, utiliser le menu Fichier - Nouveau - onglet Site Web - Général - Site Web vide. Ensuite, au menu Fichier - Publier le site, définir les Propriétés du site Web distant. Finalement, de retour en mode Site Web distant, au bas de la fenêtre, choisir l'option Distant à local, avant de cliquer sur le bouton Publier le site Web.

Note: avec Expression Web 3, cette publication se fait à l'aide des flèches Synchroniser entre les volets au centre de la fenêtre, en mode Site Web distant:
http://msdn.microsoft.com/FR-FR/library/cc295059(v=Expression.30).aspx

Retour au début