[piouPiouM]

Entrain de se confectionner un site internet ?
XHTML, CSS, comment ?

Pas de panique, vous trouverez dans ce topic des listes de liens de ressources pour vous venir en aide ^_^

=====================================================================
= Les spécifications officielles du W3C traduites en français
=====================================================================

• La spécification HTML 4.01 : http://www.la-grange.net/w3c/html4.01/
  
• La spécification XHTML 1.0 : http://www.la-grange.net/w3c/xhtml1/
  
• Les CSS 1 : http://www.yoyodesign.org/doc/w3c/css1/index.html
  
• Les CSS 2 : http://www.yoyodesign.org/doc/w3c/css2/cover.html
  

=====================================================================
= Outils de validation de code
=====================================================================

• Validateur (X)HTML : http://validator.w3.org/
  
• Validateur CSS : http://jigsaw.w3.org/css-validator/
  

=====================================================================
= Didacticiels, astuces, etc...
=====================================================================

• Sites généralistes
  
  • A List Apart[en] : http://www.alistapart.com/
    Un Magazine qui explore la conception, le développement, et la signification du contenu web, avec un accent porté sur les techniques et les avantages à concevoir des sites internet en suivant les standards.
    
  • Openweb : http://openweb.eu.org/
    La référence francophone pour les standards du Web.
    
  • L'altruiste : http://www.laltruiste.com/
    Le guide des langages Web.
    
  • Web Standards Project : http://webstandards.org/
    Le Web Standards Project est une coalition populaire qui se bat pour les standards qui permettent un acces simple, peu couteux aux technologies Web pour tous.
    
  • SELFHTML : http://actuel.fr.selfhtml.org/
    SELFHTML est une documentation pour l'établissement de pages Web: équivalent d'environ 1900 pages papier.
    
  • w3schools[en] : http://www.w3schools.com/
    De très bon didacticiels, dans l'esprit des normes du W3C.
    
  • Resources For Web Design : http://www.kayodeok.btinternet.co.uk/favorites/webdesign.htm
    
  • Le Site du Zéro : http://www.siteduzero.com
    Site d'aprentissage du (x)HTML et css pour les débutants.
    
  
  
• HTML/XHTML
  
  • Developpez.com : http://web.developpez.com/faq/html/
    FAQ du Club d'entraide des développeurs francophones portant sur le HTML.
    
  • Les balises XHTML 1.1 : http://giminik.developpez.com/xhtml/
    Liste des balises XHTML 1.1 ainsi que leurs attributs et événements.
    
  • OpenWeb : http://openweb.eu.org/xhtml/
    Partie du site Openweb traitant du XHTML.
    
  • TopXML[en] : http://www.topxml.com/xhtml/
    Divers articles autour du XHTML.
    
  • Tuteurs informatique de l'École Normale supérieure : http://www.tuteurs.ens.fr/internet/web/html/bases.html
    Les bases de l'XHTML.
    
  
  
• CSS
  
  • Alsacreations : http://css.alsacreations.com/
    Une des références française sur les CSS.
    
  • BlueRobot[rn] : http://www.bluerobot.com/
    Diverses ressources comme des modèles de mise en page.
    
  • CSS Zen Garden : http://www.csszengarden.com/tr/francais/
    Site mettant à disposition des designers Web un document HTML servant de base à différents exercices de mise en page à l'aide des CSS. Ce site est une démonstration du fait qu'à partir d'un même document HTML d'infinies mise en pages très différentes les unes des autres est possible sans pour autant perdre en lisibilité et en clarté.
    
  • Fred Cavazza : http://www.fredcavazza.net/tutoriels.php
    Apprendre à mettre en forme des formulaires et des tableaux simplement.
    
  • Mammouthland, CSS Débutant : http://mammouthland.free.fr/cours/css/
    Des cours sur CSS pour débutants.
    
  • Max Design[en] : http://css.maxdesign.com.au/
    Resources et didactitiels CSS pour designers Web et développeurs Web.
    
  • http://wiki.media-box.net/documentation/css
    L'ensemble des propriétés CSS
    
  • Meyerweb.com[en] : http://www.meyerweb.com/eric/writing.html
    Divers articles et liens sur les CSS publiés par Eric Meyer.
    
  • OpenWeb : http://openweb.eu.org/css/
    Partie du site Openweb traitant des CSS.
    
  • Pompage.net : http://pompage.net/
    Site qui propose des traductions d'articles initialement écrits en anglais.
    
  • Quirksmode[en] : http://www.quirksmode.org/css/contents.html
    Tableau de compatibilité du support des CSS sous différents navigateurs.
    Vous y trouverez aussi différents tests, articles autour des CSS.
    
  • Tuteurs informatique de l'École Normale supérieure : http://www.tuteurs.ens.fr/internet/web/html/css.html
    Les bases de CSS.
    
  • WellStyled[en] : http://wellstyled.com/
    Articles et astuces CSS.
    
  • Westciv[en] : http://www.westciv.com/style_master/academy/css_tutorial/index.html
    Guide complet sur les CSS.
    
  
  
• Weblogs
  
  
  http://blog.webnaute.net/
  http://standblog.com/
  http://blog-and-blues.org/
  http://emmanuel.clement.free.fr/blog/
  http://www.cybercodeur.net/
  http://www.latchman.org/sam/
  http://conforme.phidji.com/
  http://ljouanneau.com/blog/
  http://www.designdetector.com/
  
  
  
• Accessibilité
  
  
  http://www.la-grange.net/accessibilite/
  http://www.w3.org/WAI/
  http://www.ergologique.com/conseils/conseils.php?id_tip=580
  http://www.accessify.com/
  http://www.useit.com/
  http://www.contentquality.com/
  http://www.wave.webaim.org/
  

_________________
Découvrez le livre, Gimp : Apprenez, pratiquez, créez ! (2ème édition)
Gimp4you, tutoriels pour Gimp \(^o^)/

[KiWiX]

Je pensais justement à organiser un post pour différentes catégories de liens.

Bravo pour la synchronisation
_________________

[Flamme]

Là, plus personne n'a d'excuse pour bouder les CSS !!!
_________________
Fondatrice / administratrice de GA

Site Gimp Attitude : découvrez nos ressources !

Webmistress de :

[Adreqi]

Quelle liste, mon Dieu, quelle liste !

j'en reste bouche bée.

mais...
il manque le site du zéro, qui est quand même pas mal faut avouer ^^

http://www.siteduzero.com
site d'aprentissage du (x)HTML et css pour les débutants

y'a aussi 2 ou 3 autres trucs.
_________________
Adreqi

Site Gimp-Attitude : Découvrez nos ressources !

[piouPiouM]

Un de ces quatre j'ajouterai des liens, je dois avoir une centaine de bookmarks en plus sur le sujet, mais bon, il faudrait que je les trie un peu

@dayplayr : ajouté. Je l'avais oublié, je passe de temps en temps sur leur forum, mais n'ai pas encore consulté leurs cours ^^'
_________________
Découvrez le livre, Gimp : Apprenez, pratiquez, créez ! (2ème édition)
Gimp4you, tutoriels pour Gimp \(^o^)/

[Joël]

Encore un petit qui est parmi mes favoris :

http://www.positioniseverything.net/
_________________

Les francophones se comprennent mieux en français : merci d'éviter le sabir msn/sms et les fautes volontaires...

[Flamme]

Juste pour le plaisir :

http://www.lipsum.com/

Pour tous les fanas du "Lorem ipsum" :Je suis profondément amusé:
_________________
Fondatrice / administratrice de GA

Site Gimp Attitude : découvrez nos ressources !

Webmistress de :

[Adreqi]

ah oui c'est très pratique ça pour remplir des designs vides ....

d'ailleurs, Nam in mauris sit amet dolor ullamcorper aliquet. Donec pulvinar ante ac tortor. Suspendisse lorem. Sed odio ipsum, posuere non, iaculis eu, elementum vel, eros. Maecenas at dui. Nulla porttitor, risus et luctus luctus, libero velit sollicitudin metus, non fringilla lectus ligula vel orci. Integer dictum, ligula quis aliquam viverra, felis leo ornare dui, quis posuere odio libero at velit. Mauris dapibus, sem sit amet posuere fringilla, arcu lorem mollis massa, iaculis egestas dolor ante quis metus. Donec nec sem sed justo congue pretium. In vitae nulla.

qu'on se le dise.

(quelqu'un sait ce que ça veut dire ?)
_________________
Adreqi

Site Gimp-Attitude : Découvrez nos ressources !

[tramway]

[Adreqi]

rho le méchant. puisque c'est comme ça bah...

...rien du tout j'ai la flemme. mais c'est méchant quand même

(ça va finir hors sujet...)
_________________
Adreqi

Site Gimp-Attitude : Découvrez nos ressources !

[Drekki]

C'est ballot, j'ai égaré mon Gaffiot.
_________________
Gimp 2.2.10, Mac G4 Tiger, tablette Wacom graphire 4.

[bounntyx]

pourtant un gaffiot c'est encombrant
tu es sur qu'il ne cale pas une étagére ?

[Adreqi]

mais dites-moi, c'était quoi déjà le sujet du topic ? j'ai oublié... gaffiot c'est quoi ? une balise css ? :Je suis profondément amusé:


(ceci est une remarque masquée : on est carrément hors sujet là...)
_________________
Adreqi

Site Gimp-Attitude : Découvrez nos ressources !

[bounntyx]

c'est un dictionnaire de version latine
le bailli etant son equivalent pour le grec
(je rappelle que la version c'est langue morte vers francais, et le théme c'est francais vers langue morte)

findelaminuteculturelle

[Flamme]

Selon les études les plus approfondies, le Lorem Ipsum serait composés de morceaux divers tirés d'un traité de Cicéron : De finibus bonorum et malorum (voir le site du Lorem ipsum).

(Nous, en prépa, nous devions faire de la version sans dico... )
_________________
Fondatrice / administratrice de GA

Site Gimp Attitude : découvrez nos ressources !

Webmistress de :

[SemynonA]

[cuak]

très bien!! pas mal d'avoit faire un post-it sur tout ce qui concerne la programation web(enfin presque)
_________________

[Psychogimpeur]

ce qui me fait trop tripper c'est le générateur de lipsums ? A quand le "livreur de phrases pour ne rien dire" ?
_________________
Gimp un jour, Gimp toujours ...