Journal recherche modèle XHTML+CSS libre pour mon site perso

Posté par Ludovic Gasc le 29 octobre 2004 à 15:00.

Étiquettes : aucune

oct.

2004

Bonjour,

J'aimerai refaire la tête de mon site web car il est très moche :) N'étant pas graphiste, je recherche sur le net un modèle en XHTML+CSS, mais je n'en ai pas trouvé a part certains qui sont payants & encore moins libre.
Des urls à me filer ?

Merci beaucoup

# http://www.oswd.org/

Posté par Gawan le 29 octobre 2004 à 15:13. Évalué à 8.

Tu peux aller voir sur ce site, tu devrais trouver ton bonheur : http://www.oswd.org/(...)
# http://csszengarden.com/

Posté par fredd le 29 octobre 2004 à 15:13. Évalué à 1.

http://csszengarden.com/(...)
- [^] # Re: http://csszengarden.com/
  
  Posté par adonai le 29 octobre 2004 à 16:24. Évalué à 6.
  
  En général, mieux vaut ne pas conseiller le code du zen garden comme modèle XHTML, parce qu'il est hideux :)
  
  C'est juste une vitrine, pour montrer qu'on peut simplement changer un design avec les CSS... mais le code...
  - [^] # Re: http://csszengarden.com/
    
    Posté par fredd le 29 octobre 2004 à 16:59. Évalué à 2.
    
    En général, mieux vaut ne pas conseiller le code du zen garden comme modèle XHTML, parce qu'il est hideux
    
    C'est certes vrai, mais Ludovic GML disait qu'il n'était pas graphiste, donc je pensais qu'il cherchait aussi (surtout ?) de l'inspiration au niveau design, et il faut reconnaître que de ce côté, il y a quelques exemples plutôt sympathiques dans le jardin zen.
  - [^] # Re: http://csszengarden.com/
    
    Posté par Nicolas le 29 octobre 2004 à 17:02. Évalué à 2.
    
    En parlant du code en lui même, est-ce qu'il y a des sites à peu près bien fait (et relativement simple) pour savoir comment faire du _bon_ code xhtml+css :
    - faut-il utiliser des div avec des "class=" ?
    - faut-il utiliser des div avec des "id=" ?
    - vaut-il mieux ne pas utiliser de div, mais mettre les "class=" et "id=" dans la balise ?
    - .... ?
    
    Parce que moi je m'étais basé sur le code de ZenGarden pour mon site, en me disant que ça devait être pas mal :(
    - [^] # Re: http://csszengarden.com/
      
      Posté par daggett le 29 octobre 2004 à 20:29. Évalué à 9.
      
      Les divs et les classes: point trop n'en faut :) http://developpeur.journaldunet.com/tutoriel/css/041015-css-classit(...)
      
      Sinon, pour rappel, la différence entre "class" et "id", c'est qu'un id est unique dans la page -- donc tu ne peux avoir dans ton source XHTML qu'une seule balise ayant un id="toto" par exemple. A utiliser pour pouvoir styler/positionner un élément forcément unique (menu principal, pied de page...). Javascript peut aussi accéder à ces éléments clairement identifiés (avec document.getElementByID). Les class seront par contre partagés entre tous les éléments; on peut ensuite spécialiser un élément qui possède deja une class par un id.
      
      Typiquement, sur le site tutorials-fr de Ludovic, toutes les boites "tutoriaux" "liens" "statistiques"... seront implémentées par exemple avec un <div class="boite_a_liens">, et le css décrira pour cette classe générale les bordures, la couleur de fond, le style des liens et des listes. Ensuite, un ID différent par boite <div class="boite_a_liens" id="boite_forums"> permettra de donner la touche finale; dans le CSS, on pourra utiliser l'ID pour coller une image distincte à la place du titre par exemple, ou positionner la boite dans la page si on veut un design compliqué.
      - [^] # Re: http://csszengarden.com/
        
        Posté par Nicolas le 29 octobre 2004 à 23:26. Évalué à 2.
        
        Merci bien, ça m'éclaire un peu plus... notamment sur la différence entre class et id.
        Il ne me reste plus qu'à modifier un peu mon site pour qu'il ressemble à quelque chose :)
    - [^] # Re: http://csszengarden.com/
      
      Posté par Ramso le 30 octobre 2004 à 12:02. Évalué à 3.
      
      Tu les utilises si tu en as besoin :
      
      - id pour identifier un élément de manière unique dans le document (style ou javascript) ;
      - class pour styler un ensemble d'éléments de manière identique.
      
      id a plus de valeur sémantique mais class est réutilisable.
      
      Puis ne mettre de div qu'en dernier, dernier, dernier recours !
  - [^] # Re: http://csszengarden.com/
    
    Posté par Maxx le 29 octobre 2004 à 18:10. Évalué à 0.
    
    En général, mieux vaut ne pas conseiller le code du zen garden comme modèle XHTML, parce qu'il est hideux :)
    J'avoue que je ne vois pas trop ce que tu entends pas code "hideux" ...?
    Qu'est ce qui est hideux exactement ? Le code XHTML ? Ou le code CSS ?
    - [^] # Re: http://csszengarden.com/
      
      Posté par Wawet76 (site web personnel) le 29 octobre 2004 à 18:17. Évalué à 4.
      
      Il parle sans doute du code XHTML.
      
      Le XHTML de csszengarden contient bien trop de trucs (plein de div imbriqués par exemple) qui sont là uniquement pour permettre toutes sortes de manipulations bizarres en CSS.
      - [^] # Re: http://csszengarden.com/
        
        Posté par Mathieu Pillard (site web personnel) le 30 octobre 2004 à 05:04. Évalué à 3.
        
        Cela dit, le CSS est généralement pas incroyable non plus. Une bonne partie des styles du zen gardent ne fonctionnent pas correctement avec une taille de police changée, ou une taille minimum réglée dans son navigateur...
# ici

Posté par Cali_Mero le 29 octobre 2004 à 15:23. Évalué à -2.

http://www.oswd.org(...)
# Zwe

Posté par samds le 29 octobre 2004 à 15:34. Évalué à 4.

Si tu veux, tu peux regarder le code XHTML généré par https://trac.bulix.org/projects/zwe(...) , il utilise une structure simple et courante (header/menu/contents/bottom).

Tu peux regarder la source de mon site (http://bulix.org(...)) pour avoir un exemple.

- Sam
# merci

Posté par Ludovic Gasc le 29 octobre 2004 à 15:50. Évalué à 2.

merci à tous !!! :)
# Et la sémantique bordel !!

Posté par Hardy Damien le 29 octobre 2004 à 17:37. Évalué à 8.

Ta structure XHTML doit apporter du sens au contenu. La structure d'un autre site ne correspondra pas forcement telle quelle a ton contenu.

Il faut que tu organises ton informations en arbre pour qu'il s'intègre dans ton xhtml. En mettant les information les plus significative en tête de document (les menu de navigation viendrons souvent à la fin, et le contenu au début)

les titres en hx, les paragraphes dans des p, tu vas te retrouver avec un design linéaire par défaut très parfaitement moche mais lisible et parfaitement sémantique.

Ensuite viens la phase de l'habillage avec les CSS ...

La tu peux t'inspirer d'autres design ... il faut que tu arrive a faire ce que tu veux en, modifiant le moins possible la structure que tu as déjà établie.

Voila, d'autres site/forum/mailing list seront plus didactique que moi.
Alsacreation, webmaster-hub, openweb, pompage.net ...

Dam
# ItEasy

Posté par freeture le 29 octobre 2004 à 18:16. Évalué à 2.

http://www.en1heure.com/itseasy/(...)

... Il a pour objectif de mettre à disposition de tous un squelette de site respectueux des derniers standards de développement de sites Internet. ...
# Editeur css

Posté par _p4_ le 30 octobre 2004 à 02:37. Évalué à 3.

Wookie est un éditeur css wysiwyg contenant quelques modèles de page: demo en ligne et téléchargement ici:

http://www.zwook.org/fr/dossiers/web/css/wookie(...)

Il contient aussi une aide pour le css. Je recherche de l'aide d'ailleurs si ca intéresse: envoyez vos modèles, vos feuilles de styles, vos documentations. La doc est déja bien entamée mais ce logiciel a besoin de finitions. Je me permet de poster ca ici car Wookie semble un outil adéquat pour répondre à ton besoin, et est aussi un outil libre encore à la recherche de son destin... Toute contributions appréciées sur ce projet (pour l'instant équipe très réduite: moi seul).

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.