Geckozone

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

excellente initiative et choix de sites excellent aussi...

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

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.

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)

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

[/hs]

Alsacreations a encore frappé:
http://css.alsacreations.com/Faire-une- ... t-flottant

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

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)

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

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)

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 :

http://fabiwan.kenobi.free.fr/css/NestedLists.html inspiré du célèbre Listamatic
http://fabiwan.kenobi.free.fr/css/PageLayout.html honteusement pompé sur AlsaCréations
http://fabiwan.kenobi.free.fr/css/PageLayout2.html idem mais plus modulaire

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 :

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
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 ;
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.

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)

Merci, il y a de quoi faire pour les vacances

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 :
http://fabiwan.kenobi.free.fr/css/NestedLists.html inspiré du célèbre Listamatic

http://fabiwan.kenobi.free.fr/css/PageLayout.html honteusement pompé sur AlsaCréations

http://fabiwan.kenobi.free.fr/css/PageLayout2.html idem mais plus modulaire
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

Tiens, oui, on a oublié ZenGarden

Gravissime erreur que je corrige en l'ajoutant au 1er message.

Geckozone

Modèles de mise en page pour KompoZer

Modèles de mise en page pour KompoZer

Kompozer

kompozer

Kompozer