Geckozone

Bonjour
Dans un projet didactique, je propose la réalisation d'un site web élémentaire comptant quelques pages.
Soit les pages: page1.html , page 2.html, page3.html

Dans chaque page, on aura un menu de navigation permettant de passer d'une page à l'autre.
Pour éviter de devoir écrire l'ensemble de ce menu sur toutes les pages, je suggère la manoeuvre suivante:
* Composer ledit menu contenant les liens sur une première page (disons la page1.html)
* Copier / coller ce menu sur toutes les autres pages.

Mais cette approche se heurte à un bug de KompoZer.

Lorsque l'on vérifie les liens qui figurent dans le menu, sur la page2.html, tout va très bien pour les liens vers les pages 2 et 3.
Par contre, le lien vers la page2.html situé sur la page2.html est donné en adresse absolue. Ce qui signifie qu'il pointe vers le système local (file:///home/yves/www/page2.html ou file://c:\Mes Documents... pour les windoziens).
Idem sur la page3.html où le lien qui pointe vers la page3.html est à nouveau en adresse absolue.

Comme j'en vois qui doutent, voici de quoi tester rapidement.
Copier/coller le code source suivant dans l'onglet "Source" d'une page neuve et l'enregistrer sous le nom "page1.html" Repasser à l'onglet "Normal" et copier le texte du menu (plus le code source!!).
Créer une nouvelle page.
Coller le menu dans l'onglet "Normal".
Enregistrer le menu sous le nom page2.html
Vérifier que le lien vers la page 2 est incorrect.

Je n'ignore pas que le nettoyeur de balises permet de corriger cela.
Toutefois, il ne me paraît pas adéquat de parler de cet outil dès l'abord de la leçon.

Quelqu'un verrait-il une solution pour passer à côté de ce bug?
Merci pour toute contribution. (fallait pas vous montrer si enthousiastes...)

Bonjour,

Ymai a écrit : Mais cette approche se heurte à un bug de KompoZer.

Un bug sous Kpz ??!!
noooon...pas possible
sinon c' est une très bonne idée.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.15) Gecko/20080623 Firefox/2.0.0.15

Ymai a écrit :Repasser à l'onglet "Normal" et copier le texte du menu (plus le code source!!).
Créer une nouvelle page.
Coller le menu dans l'onglet "Normal".
Enregistrer le menu sous le nom page2.html
Vérifier que le lien vers la page 2 est incorrect.

Chez moi, les trois liens se sont révélés incorrects juste après cette étape dans la page 2 : En recommençant en collant dans l'éditeur de texte inclus dans Handcoder, aucun problème, je garde bien : Ne faut-il pas intégrer l'utilisation de (HC + éditeur texte + Tidy) dés le début et éviter d'initier à Kpz en modifiant dans le code-source qui a posé tant de problèmes?

Mongo Bob a écrit : Chez moi, les trois liens se sont révélés incorrects juste après cette étape dans la page 2 :

Code : Tout sélectionner

<a href="file:///E:/F1/PRO/JLSITE/SITES/exosessais/page1.html">page1</a> <a href=
    "file:///E:/F1/PRO/JLSITE/SITES/exosessais/page2.html">page2</a> <a href=
    "file:///E:/F1/PRO/JLSITE/SITES/exosessais/page3.html">page3</a>

Ben zut alors. Ça, c'est encore plus fort... Jamais vu ça.

...éviter d'initier à Kpz en modifiant dans le code-source qui a posé tant de problèmes?

Toutàfaitement. Mais ici, je n'ai donné le code que pour faciliter les choses. Il est clair que je ne souhaite même pas que le code apparaisse dans cette leçon. Le "menu" est donc construit entièrement "a mano" dans l'onglet "Normal".

Pour illustration:
http://350.raptor.ifrance.com/
http://amandine13.ibelgique.com/
http://andrianoh.free.fr/
http://astitel.educanet2.ch/mm07.08/vincenzo/
http://bombasplif.free.fr/
http://bonoflorent.free.fr/www/mon%20site%20/
http://bougeries.educanet2.ch/2multimed/shedia/
http://essaidsite.site.voila.fr/
http://france09.ibelgique.com/
http://magali.goitia.neuf.fr/
http://membres.lycos.fr/fbdses/Test/
http://membres.lycos.fr/fragull/
http://nikia-beckers.ibelgique.com/
http://pagesperso-orange.fr/mat.los/
http://pagesperso-orange.fr/yves.mery/
http://pareux.patrick.neuf.fr/
http://paulinelennertz.ibelgique.com/
http://pchalopin.free.fr/
http://ponthieu.ibelgique.com/
http://sofy0714.ibelgique.com/
http://spockscrafts.free.fr/test/site.test/
http://steph.cauchy.neuf.fr/
http://turat.ibelgique.com/
http://www.isnd.be/eleves/4c/saida/

J'ai recommencé que dans l'onglet Normal avec une liste et en effet, après l'enregistrement de la page 2 : mais, sans liste, c'est encore les 3 qui dégustent : mais tu n'avais pas parlé de liste et signalé un lien absolu que sur la page 2, alors...
J'ai encore recommencé en cochant bien "l'url est relative à l'adresse de la page", copié-collé dans la page 2, les 3 liens sont quand même absolus et pour les 3, Propriétés du lien révèle la case "l'url est relative..." non cochée :
Donc, page 1 : 3 liens relatifs, case reste cochée, page 2 : 3 liens absolus, case décochée.

A ce sujet, il faut insister pour cocher cette case, elle est au départ non cochée grisée, il faut aller dans Edition avancée et éventuellement ne rien y faire mais revenir et voilà ma case dégrisée et donc cochable!

Mongo Bob a écrit :Donc, page 1 : 3 liens relatifs, case reste cochée, page 2 : 3 liens absolus, case décochée.
...
A ce sujet, il faut insister pour cocher cette case, elle est au départ non cochée grisée, il faut aller dans Edition avancée et éventuellement ne rien y faire mais revenir et voilà ma case dégrisée et donc cochable!

Correct, mais je pense que je vais avoir du mal à faire passer ça pour des collégiens.
Sauf à insister sur le fait qu'il s'agit bien du bug...
J'eus préféré passer à côté et qu'il ne se manifestât pas.

Mais c'est sans doute la meilleure solution.
Une autre idée géniale?

Je ne considère pas du tout ça comme une solution, un constat c'est tout.
Veiller à cocher en chinoisant pour que l'url reste relative, copier-coller pour trouver quand même des liens absolus et des cases "L'url est relative..." décochées pour chacun des liens, avec l'adresse désormais absolue s'affichant dans la fenêtre, c'est grave .
ceci dit, malgré ceci :

Ymai a écrit :Je n'ignore pas que le nettoyeur de balises permet de corriger cela.
Toutefois, il ne me paraît pas adéquat de parler de cet outil dès l'abord de la leçon.

S'il y a une solution, c'est d'oublier l'avis ci-dessus et de systématiser quand même l'usage du nettoyeur de balises, comme précaution-réflexe, à utiliser la 1ère fois après le copier-coller dans la page 2.


<edit>C'est un peu ardû à expliquer à des élèves dans le cadre d'un cours, je comprends.
A une époque, je devais plus ou moins me lancer dans la formation site-web aux adultes, ce qui me bloquait c'est ce type de comportement de Kpz, qui m'a fait passer des moments délicats lorsque j'ai fait une formation une fois</edit>

[Autre chose : il y a un souci relatif-absolu dans Cascades. La fenêtre qui affiche le chemin de mes feuilles de style s'affiche en absolu dans Cascades, et grisé, je ne peux plus modifier, cependant, le chemin est bien relatif dans le code html.
Les emplacements de certaines images de fond parfois se retrouvent en absolu aussi dans Cascades, par contre c'est pas grisé et je peux corriger.]

Mongo Bob a écrit : Veiller à cocher en chinoisant pour que l'url reste relative, copier-coller pour trouver quand même des liens absolus et des cases "L'url est relative..." décochées pour chacun des liens, avec l'adresse désormais absolue s'affichant dans la fenêtre, c'est grave .

Suis pas encore bien réveillé moi. Je vais relire ça à mon aise un peu plus tard.

tout ce que je veux dire, c'est que les directives à exécuter pour pouvoir tout faire correctement dans l'onglet Normal, vont être un peu durailles à expliquer aux élèves.

Là, je comprends mieux.

J'ai quand même trouvé quelquechose qui peut faire passer la pilule auprès d'une classe de diablotins, même amateurs de tekno :

En général, l'adresse absolue maudite vient se coller sur l'adresse de la page dans laquelle on fait le collage.
Si je colle "page1 page2 page3"et leur lien dans la page 2, l'adresse absolue apparaît pour la page 2, si je colle dans la page 3 (...) page 3.
parfois bien sûr, l'absolue apparaît pour les 3.

Bon.

En tout état de cause : il est fortement recommandé, selon les principes d'accessibilité que nous défendons, d'attribuer un attribut "title" et une valeur adéquate à chaque lien du site, ne serait-ce que pour les lecteurs d'écran pour non-voyants. Cet attribut est l'équivalent de l'attribut "alt" pour décrire une image non décorative et nécessaire à la compréhension du contenu du site, là, il s'agit de donner une description du lien, p.ex. "Vers la page2" ou "Vers le site de Mongo Bob".

Or : l'adresse absolue maudite disparaît pour être remplacée par une gentille relative, quand on va dans Propriétés du lien et que l'on coche "L'url est relative à l'adresse...",
mais, souci, cette case est parfois grisée juste pour foutre tout mon exposé en l'air,
mais elle ne l'est jamais lorsque je vais dans Edition avancée et en reviens, quitte à rien n'y avoir fait. Souvent, par fantaisie, au retour de Edition avancée, elle est d'ailleurs déjà cochée et l'adresse ex absolue est tout d'un coup relative.

Donc : pourquoi ne pas persuader l'élève (y inclus l'amateur de tekno, même celui qui n'attache jamais les lacets de ses chaussures de sport vu que c'est la mode) du bien-fondé de remplir l'attribut "title" dans Edition avancée, et au retour de cocher la fameuse case qui relativisera l'adresse ou, de vérifier qu'elle l'est déjà? (Ah! Si c'était toujours pareil...) .

Cet attribut "title" étant spécifique à chaque page bien sûr, il n'est pas question de le copier-coller, quand on reste dans l'onglet Normal...

Donc : après le coller dans la page 2, Enregistrer la page surtout (un avertissement par info-bulle apparaît au niveau de la fenêtre de l'adresse pour avertir de la nécessité d'enregistrer avant de modifier quoi que ce soit à ce niveau), ouvrir Propriétés du lien/Edition avancée/ de la page 2, trouver l'attribut "title" dans la liste déroulante, remplir la fenêtre Valeur, OK, cocher la case "L'url est relative..." ou vérifier qu'elle l'est déjà, OK.
Après le coller dans la page 3, enregistrer surtout (...) de la page 3.

Ca passera peut-être mieux?