Rédacteurs - Typo3 v6.2 Créer un lien Objet et contexte Ce document présente la création et l éventuelle mise en forme d un lien hypertextye dans l environnement typo3 6.2. Comment créer un lien Il suffit de surligner la partie de texte qui deviendra cliquable et d appuyer sur l outil de création de lien. Dans notre exemple, sur la page web, Visiter le site de l université devient l élément cliquable. Il est important de bien choisir les mots qui vont constituer le lien. La personne qui va cliquer ne doit avoir aucun doute sur ce qu il va se passer par la suite Exemple d intitulés de liens : Page 1 / 7
Visiter le site de l Université de La Réunion Cliquez ici Écrire au webmestre Consulter le fichier Consulter le compte rendu du Conseil d Administration du11 septembre 2014 (Pdf 120 ko) On sait qu en cliquant sur le lien, on va aller sur le site de l université A proscrire absolument. L action du lien n est absolument explicite Le lien indique bien à qui ont va envoyer un mail On sait qu il s agit d un fichier mais on a aucune idée de sa nature. On sait qu il s agit du fichier pdf du compte rendu d un conseil d administration. Ce qui est entre parenthèse peut être mis en dehor du lien Écrire un intitulé de lien explicite n est pas une option. C est une obligation légale des établissements publiques en terme d accessibilité. La plupart des aides à la navigation comportent des listes de liens ramenées en début de page, pour éviter à la personne handicapée d avoir à parcourir la page avant de trouver le contenu pertinent. Autre règle de l accessibilité : si deux liens ont le même intitulé dans une même page, ils doivent produire la même action. Si ce n est pas le cas (ex, les liens en savoir plus dans les listes de nouvelles), il faut alors que le titre (l info bulle qui s affiche au survol du lien) soit explicite). Page 2 / 7
Les différents type de liens On faire des liens : sur une page interne au site Le lien sur une page est considéré comme un lien interne, il s ouvrira donc dans la même page web. Vous irez chercher la page que vous souhaitez lier (voire le contenu), dans l arborescence que vous déplierez en cliquant sur le petit triangle. L attribut Titre constitue l info bulle qui s affiche d ordinaire au survol d un lien n est à remplir que si l intitulé n est pas suffisament explicite. Il ne peut en aucun cas être le copier coller de l intitulé, mais doit contenir des informations complémentaires. Il n y a rien à modifier a priori dans le champ Style, et le champs Cible. Page 3 / 7
Néanmoins si pour une raison ou pour une autre, votre lien ne se comportait pas comme souhaité, l ouverture dans une même page s obtient en sélectionnant Haut. Au niveau de l arborescence, cliquez sur la page sur laquelle vous souhaitez faire le lien ou sur le contenu d une page (la liste des contenus d une page est obtenue en cliquant sur la petite flèche rouge correspondant à la page). Dès qu on a cliqué sur une page où sur l intitulé d un de ses contenus, le cadre Insérer un lien se ferme et on revient à l espace de rédaction. L intitulé du lien est maintenant bleu et souligné. Page 4 / 7
sur un fichier Les consignes pour un fichier sont les mêmes que pour une page, en terme d intitulé du lien et de méthode. Il suffit de dérouler l arborescence de fichiers et de cliquer sur celui qu on veut distribuer pour que le lien se créer de lui même et que la fenêtre d insertion de lien se ferme. sur une adresse (url) externe Typo3 considère comme adresse externe, toute adresse qui n a pas été rentrée via l onglet Page du dispositif d insertion de lien. Ainsi, si vous travaillez seulement sur une partie d un site, mais que vous devez faire un lien sur une des pages qui n est pas dans votre arborescence de rédaction, vous devrez passer par cet onglet url externe, mais pensez mettre la Cible à Haut pour qu aucune autre fenêtre ne soit ouverte, lorsque le visiteur cliquera sur le lien. L ouverture d une autre fenêtre par convention signifie qu on sort du site. Ne pas oublier de cliquer sur le bouton Attribuer le lien pour valider le lien. Bonne pratique : afin de vous assurer que le lien externe est valide, rendez vous sur la page web concernée et copiez son adresse à partir de la barre de votre navigateur, puis collez là dans le champs URL. Page 5 / 7
sur une adresse mail Si vous devez mettre un mail dans une page, le passage par le formulaire est recommandé. Une adresse codée via se formulaire est protégée (cryptée). Aucun robot de spam ne sera en mesure de la récolter au sein de votre page, à condition que vous ne l écriviez pas explicitement dans l intitulé du lien. Donc annie.dumont@univ reunion.fr n est pas un bon intitulé de lien, mais écrire à Annie Dumont l est. Il suffit ensuite de mettre l adresse dans le champs Adresse e mail et appuyer sur le bouton Attribuer le lien. Les boutons des liens particuliers Les boutons sont en fait des lien habillés avec au moins deux styles : un style de taille (standard, grand, petit, très petit, toute la largeur) un style de couleur (deux bleus différents, un rouge, un orange, un vert et un blanc) Les différents styles de boutons sont résumés dans l image ci dessous : Page 6 / 7
La première étape est de créer le lien qui va faire le bouton, puis de placer le curseur à l intérieur, comme indiqué par le trait vertical rouge. Il faut ensuite ouvrir le menu de style des boutons Puis sélectionner successivement une largeur de bouton et une couleur. Si vous changez d avis et que vous voulez changer de type de bouton, vous devez d abord supprimer le style du Texte. Les styles sont supprimés dans l ordre inverse de leur affectation. Si vous avez appliqué un bouton de grande taille et une couleur, un supprimé vous retirera la couleur. Vous devrez cependant redemander le bouton de base pour que votre bouton grande taille réapparaisse. Pour nettoyer entièrement les styles, il faut sélectionner Supprimé le style du texte deux fois. Document réalisé le 5 novembre 2015 version 1 Page 7 / 7