Modèles de mise en page pour KompoZer

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateurs : chinon37, Kazé, Ymai, bobo

Avatar de l’utilisateur
Ymai
Tyrannosaurus Rex
Messages : 4208
Inscription : 12 mars 2005, 11:36
Localisation : Brüsel - Les Cités Obscures
Contact :

Modèles de mise en page pour KompoZer

Message par Ymai » 14 janv. 2007, 21:24

Bonjour
De nombreuses questions sont souvent posées sur la façon de réaliser telle ou telle mise en page avec NVU/KpZ.
Les réponses renvoient très souvent vers l'excellent
http://css.alsacreations.com/Modeles-de ... age-en-CSS

Ne serait-il pas intéressant de répertorier d'autres ressources qui fournissent des gabarits directement utilisables, conformes CSS, libres et sans tableaux?

Première petite salve:
http://www.intensivstation.ch/templates/ : modèles types généraux
http://andreasviklund.com/templates/ : design complet
http://www.solucija.com/free-templates : design complet
http://www.oswd.org/ : design complet
http://blog.html.it/layoutgala/ : modèles types généraux
http://www.openwebdesign.org/ : design complet
http://www.free-css-templates.com/free-templates.html design complet
http://www.csszengarden.com/tr/francais/ : modèles css
http://www.zwatla.com/ : design complet
http://mitchbryson.com/free-css-templates : modèles types généraux
[licence cc]

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.8) Gecko/20071022 Ubuntu/7.10 (gutsy) Firefox/2.0.0.8
Dernière édition par Ymai le 01 mars 2009, 15:34, édité 9 fois.
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.

Avatar de l’utilisateur
chinon37
Animal mythique
Messages : 5308
Inscription : 21 mars 2005, 10:17
Localisation : Touraine, entre Loire et Vienne
Contact :

Message par chinon37 » 14 janv. 2007, 21:52

excellente initiative et choix de sites excellent aussi...
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Avatar de l’utilisateur
jpbardiau
Tyrannosaurus Rex
Messages : 2709
Inscription : 05 avr. 2004, 17:34
Localisation : Lobbes, Belgique
Contact :

Message par jpbardiau » 14 janv. 2007, 21:57

Ca mérite d'être postité.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
JP
Image
Image

Avatar de l’utilisateur
chinon37
Animal mythique
Messages : 5308
Inscription : 21 mars 2005, 10:17
Localisation : Touraine, entre Loire et Vienne
Contact :

Message par chinon37 » 15 janv. 2007, 13:06

Lafamilledekiki a proposé dans un autre post:
Pour ceux qui veulent des superbes graphiques 100% css, allez sur la page de
http://www.zwatla.com et ils sont totalement gratuits.
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Avatar de l’utilisateur
jpbardiau
Tyrannosaurus Rex
Messages : 2709
Inscription : 05 avr. 2004, 17:34
Localisation : Lobbes, Belgique
Contact :

Message par jpbardiau » 22 janv. 2007, 19:43

Des kits gratuits et respectueux des standards :
http://www.kits-gratuits.net/site/

Merci à Tristan Nitot

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20060601 Firefox/2.0.0.1 (Ubuntu-edgy)
JP
Image
Image

Avatar de l’utilisateur
chinon37
Animal mythique
Messages : 5308
Inscription : 21 mars 2005, 10:17
Localisation : Touraine, entre Loire et Vienne
Contact :

Message par chinon37 » 22 févr. 2007, 10:07

toujours dans le même ordre d'idée:
http://www.ssi-developer.net/main/templates/
Très simples, css et xhtml et licence Creative common
[hs]: j'ai rajouté ce site uniquement pour faire remonter le post-it :twisted: :wink: :P [/hs]
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Avatar de l’utilisateur
Ymai
Tyrannosaurus Rex
Messages : 4208
Inscription : 12 mars 2005, 11:36
Localisation : Brüsel - Les Cités Obscures
Contact :

Message par Ymai » 26 mai 2007, 00:05

ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.

lafrat

Kompozer

Message par lafrat » 09 août 2007, 12:06

Ayant téléchargé un kit graphique chez Zwalta, je n'arrive pas à l'installer avec Kompozer!
Par ou faut-il passer?
lafrat

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Avatar de l’utilisateur
Ymai
Tyrannosaurus Rex
Messages : 4208
Inscription : 12 mars 2005, 11:36
Localisation : Brüsel - Les Cités Obscures
Contact :

Message par Ymai » 09 août 2007, 12:41

Bonjour
Pour utiliser un modèle existant, je pense que la solution passe simplement par l'enregistrement de la page de base sous un nom conventionnel.
Ensuite, ré-enregistrer plusieurs fois la même page en choisissant les noms de fichiers qui conviennent.
Finalement, éditer et personnaliser chacune des pages ainsi créées.

NVU gérait (très mal) une sorte de "modèle" qui aurait peut-être pu servir. Il me semble que cette possibilité a été retirée (à raison) de KompoZer.


Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.6) Gecko/20061201 Firefox/2.0.0.6 (Ubuntu-feisty)
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.

Invité

Message par Invité » 09 août 2007, 13:11

Bonjour,
merci, c'est effectivement très simple, pourquoi n'y ai-je pas pensé? :?
Autre petite question : quand j'enregistre plusieurs pages, elles gardent toutes le même nom "kit graphique menu fixe" dans les onglets de page, même si dans le gestionnaire de site elles ont le nom choisi (index, page 1 ...)
Comment faire pour renommer une page dans les onglets?
Merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Avatar de l’utilisateur
Ymai
Tyrannosaurus Rex
Messages : 4208
Inscription : 12 mars 2005, 11:36
Localisation : Brüsel - Les Cités Obscures
Contact :

Message par Ymai » 09 août 2007, 13:14

Plutôt qu'un long discours:
http://info.sio2.be/kpz/1/8.php

[edit]Une petite chose: éviter les espaces et les caractères spéciaux dans les noms de fichiers.
Autre chose: ne pas oublier l'extension .html (parfois cachée, sous Windows).[/edit]

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.6) Gecko/20061201 Firefox/2.0.0.6 (Ubuntu-feisty)
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.

Avatar de l’utilisateur
Kazé
Varan
Messages : 1743
Inscription : 10 févr. 2005, 10:26
Localisation : Grenoble
Contact :

Message par Kazé » 09 août 2007, 13:44

Excellente initiative en effet. Je m'étonne tout au plus de ne pas y trouver ZenGarden, qui est la référence absolue (àmha). J'en profite pour déterrer l'arlésienne de mes modèles de mise en page :Attention, JavaScript est requis pour toutes ces pages. Si vous êtes allergiques à JavaScript, l'extension StyleSheetChooserPlus sera requise pour sélectionner la feuille de style.

Ces éléments ont servi de base à Eleanora (gourou respectée de Gimp outre-Rhin et contributrice de KompoZer) pour faire une galerie de templates bien flashie, à titre de démo : http://www.gimp-werkstatt.de/kaze. Avant de critiquer l'esthétique de cette démo, gardez à l'esprit qu'elle sert surtout à valider la structure HTML de base qui est utilisée :

Code : Tout sélectionner

<html>
    <body>
        <div id="page">
            <div id="header" />
            <div id="menu1" />
            <div id="menu2" />
            <div id="content" />
            <div id="footer" />
        </div>
    </body>
</html>
La question que je me pose actuellement c'est de supprimer (ou non) le conteneur div#page. Je crois qu'il n'est utile qu'avec IE 5.x, et je crains qu'il soit de nature à embrouiller les débutants sur la nature de <body>.
L'idée générale serait donc :
  1. de convaincre les webmestres débutants et autres de l'intérêt d'une mise en page en <div> : modularité, facilité d'évolution, séparation présentation / contenu
  2. de proposer une structure HTML par défaut aux utilisateurs de KompoZer, qui soit suffisamment simple pour être comprise par tous, et être facilement exploitable avec la barre de structure ;
  3. de proposer des « thèmes » de site que les utilisateurs pourraient télécharger. En remplaçant leur dossier "style", ils changent de mise en forme sans changer un seul octet de leurs pages HTML.
Je crois que le point-clé, pour les débutants tout du moins, consiste à imposer une structure HTML par défaut. C'est pourquoi j'envisage de la proposer dans KompoZer 0.8 ou sous forme d'extension. Cette structure assurerait la standardisation de thèmes et pourrait servir de base à des tutoriels KompoZer, ou même à la rédaction des fichiers d'aide si cela est intégré à KompoZer 0.8.

Si la licence des thèmes proposés dans le premier post le permet, je crois qu'il serait bon d'adapter les plus réussis à cette structure HTML.
Ymai a écrit :NVU gérait (très mal) une sorte de "modèle" qui aurait peut-être pu servir. Il me semble que cette possibilité a été retirée (à raison) de KompoZer.
En fait, Nvu avait un gros bug concernant ces templates : les menus "templates" étaient toujours actifs, même quand le document était une simple page, ce qui était la source de nombreux bugs.
Pour créer un template sous KompoZer il faut partir d'une page web, aller dans Format > Propriétés de la page, cocher "template" et sauvegarder avec une extension *.mzt. Après quoi, on peut définir les zones éditables.

Cette technologie de template est limitée comparée à DW, mais elle suffirait amplement pour cet usage. Le principal intérêt est que ce type de template repose essentiellement sur du HTML et du CSS, sans balises propriétaires, donc bien plus pérenne et ouvert que la techno DW.
KompoZer lead dev
Ubuntu 10.04 Lucid Lynx — « L'erreur est humaine, mais vraiment foutre la merde nécessite le mot de passe root. »

lafrat

kompozer

Message par lafrat » 09 août 2007, 14:16

Merci,
je vais jeter un oeil plus attentif, ça m'évitera de poser des questions trop basiques j'espère!

Ymai a écrit :Plutôt qu'un long discours:
http://info.sio2.be/kpz/1/8.php

[edit]Une petite chose: éviter les espaces et les caractères spéciaux dans les noms de fichiers.
Autre chose: ne pas oublier l'extension .html (parfois cachée, sous Windows).[/edit]

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.6) Gecko/20061201 Firefox/2.0.0.6 (Ubuntu-feisty)

lafrat

Kompozer

Message par lafrat » 09 août 2007, 14:25

Merci, il y a de quoi faire pour les vacances 8-)

Je n'ai pas tout compris à la suite mais seulement qu'il y avait des choses en préparation pour aider les débutants... merci pour nous :)
Kaze a écrit :Excellente initiative en effet. Je m'étonne tout au plus de ne pas y trouver ZenGarden, qui est la référence absolue (àmha). J'en profite pour déterrer l'arlésienne de mes modèles de mise en page :Attention, JavaScript est requis pour toutes ces pages. Si vous êtes allergiques à JavaScript, l'extension StyleSheetChooserPlus sera requise pour sélectionner la feuille de style.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Avatar de l’utilisateur
chinon37
Animal mythique
Messages : 5308
Inscription : 21 mars 2005, 10:17
Localisation : Touraine, entre Loire et Vienne
Contact :

Message par chinon37 » 13 août 2007, 09:38

Tiens, oui, on a oublié ZenGarden :oops: :? Gravissime erreur que je corrige en l'ajoutant au 1er message. :wink:
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité