Nous sommes le Ven 18 Juil, 2025 17:58
Supprimer les cookies

Alternative à Kompozer (ex NVU)

Sur le logiciel libre en général ou un logiciel libre en particulier

Lun 07 Jan, 2008 23:21

Bonjour,
Avec Kompozer,je crois qu'il n'est pas possible de superposer du texte clicable sur une image (.gif ,par exemple) ou de mettre une image en fond de cellule. Connaissez-vous un éditeur de Html (libre) qui le ferait?
Merci à tous
Bernard
bernardlemonnier

Messages : 44

Mar 08 Jan, 2008 09:11

A priori je dirais que ça doit être possible en utilisant l'éditeur CSS pour ce faire
korova08

Messages : 1114
Géo : Ardennes (08)

Mar 08 Jan, 2008 09:15

Bonjour

Il suffit de passer par Gimp qui offre tous les outils nécessaires.
Le code produit peut alors être inséré dans KompoZer.

Voir: http://www.geckozone.org/forum/viewtopi ... 646#355646

Et pour une image en fond de cellule, la réponse a déjà été donné là:
http://www.geckozone.org/forum/viewtopic.php?t=61921
ymai

Messages : 371
Géo : Brüsel - Les Cités Obscures (BE)

Mar 08 Jan, 2008 10:06

Oui, The GIMP peut faire des imagemap.

Par contre, pas de problème pour une image en fond de cellule, c'est une règle CSS ("background-image"). Donc dans l'éditeur CSS de Kompozer, tu peux le faire.

Par exemple, pour faire un style interne :

- former un tableau
- se mettre dans une cellule
- dans la barre d'état en bas de Kompozer, clic droit sur la balise <td>
- choisir "styles internes"
- dans l'onglet "fond", il suffit de choisir une image (de préférence appartenant aux répertoires du site)
- ensuite on peut choisir la position de l'image dans la cellule, et sa répétition en hauteur et/ou en largeur.

Les mêmes dialogues existent dans l'éditeur de fichiers CSS de Kompozer, je suppose que tu sais faire une feuille externe et l'uitiliser. Dans le cas contraire, va faire un tour sur ce bon tuto :

http://info.sio2.be/kpz/index.php

notamment cette rubrique :

http://info.sio2.be/kpz/2/index.php
irimi

Messages : 503

Mar 08 Jan, 2008 18:21

Merci à tous,
Vos infos vont surement me suffire et je vais pouvoir garder kompozer. Super!
Bernard
bernardlemonnier

Messages : 44

Mer 09 Jan, 2008 23:23

irimi a écrit:
Par contre, pas de problème pour une image en fond de cellule, c'est une règle CSS ("background-image"). Donc dans l'éditeur CSS de Kompozer, tu peux le faire.

Par exemple, pour faire un style interne :

- former un tableau
- se mettre dans une cellule
- dans la barre d'état en bas de Kompozer, clic droit sur la balise <td>
- choisir "styles internes"
- dans l'onglet "fond", il suffit de choisir une image (de préférence appartenant aux répertoires du site)
- ensuite on peut choisir la position de l'image dans la cellule, et sa répétition en hauteur et/ou en largeur.


Qu'est-ce qui peut bien faire que l'image n'apparait pas en fond de cellule (alors qu'elle est dans le même dossier)?
ça m'intrigue
Bernard
bernardlemonnier

Messages : 44

Jeu 10 Jan, 2008 10:36

Ça doit venir du fait que ton image est définie avec un chemin absolu (genre "file:///titi/toto/repertoire/image.jpg"). Il faut "relativiser" le chemin, assavoir donner un chemin par rapport à ton fichier HTML, pas par rapport à la racine de ton ordi. En gros, si ta page est le fichier "/home/toto/repertoire/page.html" et que ton fichier image est "/home/toto/repertoire/image.jpg", tu dois définir l'image comme "./image.jpg", ou "/image.jpg" si c'est vraiment la racine du site, ou simplement "image.jpg".

Si ton image est dans un sous-répertoire ("images" par exemple), tu dois écrire "./images/image.jpg".

J'utilise ici la notation UNIX pour les répertoires, car ils sont équivalents à la notation URL (Slashes, départ à "/"). Sous Windows, les chemins absolus sont du style "C:\toto\repertoire\image.jpg", mais ça ne change absolument rien dans les chemins "web" (utilisation des "/", notation "file://" au début, etc.)

Bref. En pratique, il faut essayer dans Kompozer de donner le plus souvent possible des chemins relatifs, ce qui permet de transporter le site d'un endroit à un autre et qu'il marche. Par exemple, dans notre cas, lors du choix de l'image dans la fenêtre de style interne du TD, il suffit d'écrire dans la zone du nom d'image son nom (avec éventuellement les sous-répertoires). On peut éviter les erreurs de frappe en commençant par choisir son fichier avec le sélecteur, puis de couper le début du chemin pour en faire un chemin relatif (et éventuellemenet ajouter "."devant le tout, le "." voulant dire "le répertoire où se trouve la page éditée").

Prends le temps de lire le tuto que je t'ai filé, au moins le premier cours :

http://info.sio2.be/kpz/1/index.php

Ça peut paraître simpliste, mais en fait ça te met en place une foule de bonnes pratiques pour faire un site web correct. Entre autres il t'explique le problème des chemins, et te montre comment préparer son espace de travail : création systématique de l'arborescence du site et des fichiers vides le composant AVANT d'écrire quoi que ce soit !

Si tu suis pas à pas les tutos tu apprendras à créer de belles feuilles de style, de transférer des propriétés des balises vers les feuilles, de gérer des menus, de rendre tes pages plus simples et plus robustes.

Bref, je conseille à quiconque veut se mettre à faires de belles pages de suivre ce tuto de bout en bout, c'est à mon avis un des meilleurs dans le genre.

PS : pour info KompoZer contient un optimiseur de code, situé dans "Outils" > "Nettoyeur de balises". Entre autres tu constates qu'il y a une case "Relativiser les URLs locales", qui correspond exactement à ce que tu cherches. Mais attention, ça marche plus ou moins, notamment à cause de mises à jour plus ou moins efficaces des différentes vues de KompoZer. Ils en parlent dans le tuto je crois.
irimi

Messages : 503

Dim 13 Jan, 2008 20:33

irimi a écrit:Ça doit venir du fait que ton image est définie avec un chemin absolu (genre "file:///titi/toto/repertoire/image.jpg"). Il faut "relativiser" le chemin, assavoir donner un chemin par rapport à ton fichier HTML, pas par rapport à la racine de ton ordi. En gros, si ta page est le fichier "/home/toto/repertoire/page.html" et que ton fichier image est "/home/toto/repertoire/image.jpg", tu dois définir l'image comme "./image.jpg", ou "/image.jpg" si c'est vraiment la racine du site, ou simplement "image.jpg".


C'était bien ça, Mais, je n'ai pu obtenir mon image, ni en mode normal ni en mode balise. Ce n'est qu'en modifiant l'adresse de l'image dans le code source que j'y suis parvenu.cela m'a pris beaucoup de temps, car aucun des 6 ou 7 tutoriels que j'ai ju ne me l'a suggéré. Enfin, c'est bon maintenant. Merci à tous pour les conseils.
Bernard
bernardlemonnier

Messages : 44

Lun 14 Jan, 2008 11:23

J'ai eu ce problème après une install fraîche de KompoZer, mais ensuite ça s'est réglé : toutes les ressources fichiers intégrées par la suite étaient en chemin relatif. Par contre je ne me souviens plus comment j'y suis arrivé, notamment si c'est un réglage de KompoZer (je n'ai rien trouvé d'approchant, pourtant je suis presque certain d'avoir résolu ce problème d'après les tutos).

Enfin l'essentiel est que ça marche.
irimi

Messages : 503

Qui est en ligne ?

Utilisateur(s) parcourant actuellement ce forum : Aucun utilisateur inscrit