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
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.
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).
2 - Liens ne fonctionnant pas
Quelqu'un peut-il m'expliquer pourquoi certains liens fonctionnent bien à partir de mon poste mais pas dans Internet?
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.
3 - Ouvrir une nouvelle fenêtre
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?
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">
4 - Lien pour un téléchargement
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?
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 #4.
5 - Objet d'un message
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?
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.">
6 - Liens dans une même page
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...
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.
7 - Redirection automatique
Comment faire une page de redirection automatique, donc sans clic sur un lien et, si possible, avec un temps de pause contrôlé?
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: (préciser
ici l'adresse de la nouvelle page)"
8 - Changement de couleur et soulignement
Quel est le code à insérer pour que la couleur d'un lien change au passage de la souris et pour enlever les soulignements?
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.
9 - Barre de navigation dans FrontPage
Comment faire pour installer une barre de navigation, c'est-à-dire des boutons de liens vers les autres pages du site?
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).
10 - Disparition des barres de navigation
J'ai dû réimporter mon site Web du serveur vers mon poste local. Malheureusement, les barres de navigation de FrontPage n'apparaissent plus.
La structure de navigation de FrontPage n'est pas copiée avec la
commande Importer du menu Fichier.
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:
https://msdn.microsoft.com/FR-FR/library/cc295059(v=Expression.30).aspx