Préférences de KompoZer 0.8

[Invité]

dessiner les zones réactives sur l'image et leur attribuer des liens

Dessiner = logiciel de dessin = gimp
editer map = logiciel html = kompozer

Quand je dit éditer/ajouter/supprimer des zones réactives c'est uniquement du code html dont je parle, au même titre que n'importe quelle autre fenêtre de propriétés de kz qui agit sur le code html.
C'est pour ça que j'ai précisé : sans s'occuper de l'image.
Ca oblige à faire ces zones réactives à l'aveuglette certes mais au moins c'est faisable !

Et ça me dit toujours pas si c'est accessible.

Ok, je peux me tromper, mais quand je dis "dessiner" des zones réactives, ce n'est ni de bitmap ni de vectoriel dont je parle, ces zones ne sont pas "véritablement" sur l'image, ce sont (je pense, corrigez-moi si je me trompe) des données en javascript...
Ce serait donc bien davantage du ressort d'un éditeur html, et epliquerait pourquoi cette fonction n'est guère disponible sur des logiciels de dessin "de base" (même photofiltre ne le possède pas).

Pendant un temps, je travaillais avec Dreamweaver, et si je créais une zone réactive sur une image, que j'ouvrais cette image dans un éditeur d'image ou un visualiseur (tel qu'xnview) : aucune information relative aux zones réactives n'étaient perceptibles. En revanche, si j'ouvrais dans le blocnotes la page web sur laquelle se trouvait mon image map, je pouvais déchiffrer le code html relatif à ces zones, ce qui là encore tendrait à dire que les zones réactives sont davantage du ressort de l'éditeur html que de l'éditeur d'images.
Enfin, je pense également que le fait que ces zones (ds dreamweaver par exemple), soient "visibles" ne sont" que l'interface wisiwig du codage html... non ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

[Do-IT]

L'éditeur map de dw est très bien effectivement !
Mais entre n'avoir rien du tout, actuellement, et une simple fenêtre de propriétés, je préfère le 2eme.
Pour dessiner une zone réactive à la souris comme dans dw, faudra peut-être attendre MC2.

[Kazé]

Personnellement, quand je veux faire des zones réactives sur une image, j'utilise des liens en positionnement absolu avec quelques règles CSS. Du coup je peux le faire à la souris dans KompoZer, le seul défaut (à mon sens) étant que ça se limite aux zones rectangulaires.

Pour faire du "vrai" image mapping, on pourrait implémenter ça avec une extension. C'est faisable mais long à programmer, notamment pour implémenter une forme de dessin à la souris. Un bon début serait donc, comme le suggère Do-IT, de commencer par pouvoir éditer une image map dans une fenêtre de propriétés, avant de songer à le faire "à la souris".

Et ça me dit toujours pas si c'est accessible.

Ça m'étonnerait ! Par contre, les zones réactives en CSS sont accessibles.
Faudrait demander des précisions à Calimo.

[Invité]

... encore moi !
Je viens de tester l'éditeur de zones réactives d'OpenOffice : il est très bien, mais il me met à mal toutes mes mises en page NVU ! les polices ne sont plus les bonnes, l'alignement des tableaux est oublié, etc.
C'est pourquoi pouvoir tout faire dans une seule application, cela permet un bien meilleur contrôle...

ah... et en rédigeant le message, je réalise qu'une réponse de Kaze a déjà été postée : ("j'utilise des liens en positionnement absolu avec quelques règles CSS.").
Argh, hélas, le CSS m'est encore assez étranger, j'ai pris l'habitude de faire ça un peu "oldschool", de petits sites (= peu de pages), et je suis big fan des pages d'accueil avec des zones réactives...

Si, tout bêtement, il était possible de copier/coller le module de Gimp ou Ooo, pour pouvoir tout faire en interne depuis kompozer, ce serait le top (ok, je rêve un peu je pense, mais bon... ).

Merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

[Do-IT]

Faire une zone réactive (image map) en CSS
CSS Image Maps

Si une image map est utilisée, fournir une méthode alternative pour sélectionner les options de cette image map.

[Invité]

Faire une zone réactive (image map) en CSS
CSS Image Maps

Si une image map est utilisée, fournir une méthode alternative pour sélectionner les options de cette image map.

Merci pour les liens.


... mais j'ai quand même une préférence pour le visuel !





C'est certain qu'une extension qui permette d'éditer les zones réactives de cette manière =


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

[Ymai]

Et sans enregistrer la page, les données pompées dans le code HTML ne peuvent pas être copiées/collées?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0

[Do-IT]

Pour le visuel t'as oublié
Dans Gimp ouvrir une image puis > Filtre > Web > Image cliquable

Qui créé un fichier html qui contient uniquement le code suivant

Code : Tout sélectionner

<img src="10020001.JPG" width="1024" height="768" border="0" usemap="#map" />

<map name="map">
<!-- #$-:Image Map file created by GIMP Imagemap Plugin -->
<!-- #$-:GIMP Imagemap Plugin by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.0 -->
<!-- #$AUTHOR:Do-IT -->
<area shape="rect" coords="304,341,452,469" href="tram.html" />
<area shape="circle" coords="761,501,82" href="velo.html" />
<area shape="poly" coords="476,398,660,403,666,333,457,370,457,398,470,398" href="ecole.html" />
</map>

Dans Kompozer y'a plus qu'a Insertion > Code HTML > coller

Et ça t'évite de devoir utiliser une version demo de dw.
C'est quoi le logiciel du 1er visuel ? (le 2eme c'est dw)

[Invité]

C'est quoi le logiciel du 1er visuel ?

le 1° c'est open office. L'interface est nickel, mais le résultat catastrophique.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

Le truc, c'est que je me charge d'un atelier avec des préados de 11 ans, et à cet âge là , moins on utilise de logiciels, mieux c'est (et gimp à 11 ans c'est un peu hard, et en éditeur d'images pr l'instant c'est photofiltre), et le wisiwig ça a ses avantages aussi, parce qu'expliquer comment copier du code à un gosse de 11 ans, c'est tjrs un peu galère (et surtout pas hyper excitant)...
Sinon y'a Dreamweaver2, qui est gratos aussi, mais empiler les logiciels c'est unpeu pénilbe, le "tout en un", c'est quand même plus évidenet à prendre en main...

[Ymai]

Sinon y'a Dreamweaver2, qui est gratos

Si on attaque la préhistoire, on n'est pas sortis de l'auberge.
C'est comme apprendre à conduire une F1 sur un tricycle ou le traitement de textes avec du marbre et un burin.

Pourquoi ne pas faire tout le travail avec Ooo? De A à Z? Les résultats ne seront certainement pas moins bons qu'avec DW2. A l'heure où DW 2004 n'interprète pas non plus correctement HTML et CSS.

[Invité]

Pourquoi ne pas faire tout le travail avec Ooo? De A à Z? Les résultats ne seront certainement pas moins bons qu'avec DW2. A l'heure où DW 2004 n'interprète pas non plus correctement HTML et CSS.

heuh, ben... parce que j'aime bien nvu/kompozer !

(en plus, Ooo est trop orienté "papier", avec sa mise en page "portrait" ou "paysage", et que les résultats, une fois affichés dans divers navigateurs sont plus ou moins aléatoires...) ;


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

[chinon37]

remarque d'un inconnu Mac Os X lue à l'issue d'une question et qui a sa place pour la prochaine version:

j'ai lu cette phrase sur le site Kompozer: "and install on Kz like any extension", il serait utile d'ajouter: Kompozer: "comme toute extension Kompozer" car j'ai bêtement, je l'avoue, interprété comme toute extension Os x.
j'ai remarqué aussi une chose curieuse: lorsqu'on clique sur "site kompozer" dans le menu aide de Kompozer, on est dirigé sur le site de Nvu. Ne serait-il pas plus claire pour les utilisateurs que cet éditeur se présente sous une seule forme. L'union fait la force, on pourrait imaginer un NvuKompo non?
Merci.
"On aime deviner les autres; mais l'on aime pas à être deviné."
La Rochefoucauld, Maxime 71.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0