Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog
21 septembre 2006 4 21 /09 /septembre /2006 02:01

détail du 'Dragon' de Max Escher

(article mis à jour en 2012 puis 2014)

N'attendez aucune révélation bouleversante. Quant aux opinions exprimées, elle n'engagent que moi et ne vaudront jamais celle que vous vous ferez vous-même.

Apprentissage

Très fréquentable, le tutoriel du Site du Zéro. Il en existe une foultitude d'autres, dont certains sûrement aussi bons. Celui-ci est très connu, et le mérite je pense, parce que :

  1. j'ai commencé avec !
  2. sa lecture est agréable : bonne organisation, style simple et français impeccable. Si si, ça compte.
  3. il est progressif et concret, mais riche et rigoureux ;
  4. il met d'emblée l'accent sur les bonnes pratiques de conception, ce qui n'est pas toujours le cas ailleurs.

Autre tutoriel sympa, W3Schools.com (en anglais). Malgré son nom, n'est pas lié au W3C. Présente toutes les techniques de développement pour le Web, en brefs chapitres simples avec beaucoup d'exercices interactifs. Plus complet que le précédent mais, à mon avis, suppose un peu plus de connaissances préalables.

Références du W3C

CSS 2 et son évolution
CSS 2.1
Très complet (forcément) et plutôt clair. Contient en particulier de bonnes synthèses sur la mise en page (padding, margin, float et toute la bande), sur les polices de caractères, etc. .
HTML 4.01
Très complet aussi. La notation est un peu hermétique au début mais vaut l'effort de bien la comprendre.

Ce sont des textes de référence, pas des tutoriels : à déconseiller si vous êtes un débutant pressé. Mais vous y viendrez forcément un jour, et vous verrez que ce n'est pas aussi rebutant qu'on pourrait le craindre. Chacun d'eux se complète par un renvoi à la liste des (souvent petites) erreurs qu'il contient : pensez donc à consulter au moins une fois les Errata.

Dernière et délicate attention : ces documents existent en divers formats téléchargeables sur votre ordinateur.

W3C en français

Ça existe ! Autre avantage : les traducteurs en ont profité pour corriger les erreurs des documents originaux.

CSS 2
HTML 4.01

CSS3

La dernière version de CSS3 est en cours de rédaction. Elle se compose de modules plutôt que d'un seul très gros document, ce qui permet d'en "officialiser" une partie après l'autre.

Les recommandations W3C et les
"drafts" W3C pour CSS
vous renseigneront. Les drafts ne sont pas encore stabilisés mais déjà largement supportés.
CSS 3 files
présente très clairement les possibilités les plus répandues.

Aide pour les auteurs d'Over-Blog

Première source d'information, le manuel OverBlog s'efforce de traiter toutes les questions propres à la plateforme OB. N'y cherchez pas de renseignements sur HTML ou CSS, ce n'est pas son propos.

Plusieurs bloggers (blogueurs ? bloguistes ?) dévoués ont monté des sites bourrés d'informations. Je ne les connais pas tous, voici ceux que j'ai fréquentés un jour ou l'autre. Fouillez dedans avant d'être le 879568ème blaireau qui demande comment écrire en jaune sur fond rose (beurk) !

AnnaK
Un très bon blog pour débutants, qui n'oublie surtout pas de répondre aux questions bêtes telles que  comment je modifie mon CSS ?  . De l'information reprise des autres (et la dame le reconnaît d'emblée) mais, plus-value inestimable, organisée du plus simple au plus compliqué plutôt que par thèmes techniques.
M'aurait fait gagner beaucoup de temps si je l'avais connu plus tôt !
Aide-Blog par Farfouille
Comme son nom l'indique : un tas de trucs avec de vraies perles à l'intérieur. Joli design kitsch.
PêUR - Peut-être une réponse
Dieu de l'enrichissement de blog – ne pas se fier à la modestie du titre : ce type trouve tout ! (note 2012 : ce site n'évolue plus mais reste une richesse)
Francisek
Autre Dieu de l'enrichissement de blog. Beaucoup d'utilitaires astucieux pour se simplifier la vie – hélas, même note 2012 que le précédent :-(
Les blogs d'aide OverBlog
Page de la communauté d'aide OB, vous y retrouverez les précédents et d'autres (et même le mien, hu hu !).

Vous noterez peut-être que j'ai placé les sites d'apprentissage et de référence avant ceux d'aide – trucs – astuces – gadgets – compléments alimentaires. C'est volontaire : avoir au moins parcouru les premiers vous aidera à mieux comprendre, donc mieux utiliser, les réponses trouvées dans les seconds.

Mon ch'tit blog didactique

J'ai fabriqué brendutest pour tester, comme son nom l'indique, diverses manœuvres scabreuses. Il montre leur effet directement sur le blog – avec des vrais morceaux d'explications à l'intérieur.

Des sites à fréquenter (en français)

Vous les connaissez sans doute déjà, mais au cas où…

Alsacréations
De bons tutoriels, de bonnes astuces classiques et de sains principes par des gens respectueux des standards. Une mine.
OpenWeb
Les articles pour débutants laissent parfois le lecteur sur sa faim (du moins ne contiennent-ils pas d'âneries) mais il y a de très bons aperçus sur, par exemple, les différences de comportement des navigateurs (sujet qui fâche et qui fait peur !).
Pompage.net
Comme son nom l'indique : traduction des principaux articles consacrés au design de site Web. Haut niveau, encore une mine.

Pour tous ces sites, pensez à faire un tour sur leurs liens – c'est de la très bonne came.

JavaScript ?

Si la question vous intéresse je lui ai consacré cet article  Apprendre JavaScript . Vous y trouverez quelques liens de bonne qualité (et, en la matière, tous ne le sont pas).

Il n'y a pas que les blogs dans la vie

Surprenant, non ? Voilà ma collection de liens, pour vous changer les idées.

J'ai failli oublier…

… de vous recommander, pour la bonne bouche, la lecture de la spécification officielle de HTCPCP, protocole de communication puissant et injustement méconnu ;-) (sisisisisi, allez-y !).

commentaires

R
Grâce à http://brendutest.over-blog.com j'ai réussi à mettre mon module "recherche" sur mon blog... là, exactement où je voulais... incroyable ! tu ne dois pas aller souvent le mettre à jour ce<br /> blog-là, l'est plein de pubs... mais il est génial ! J'ai tout, enfin j'ai à peu près compris des choses...<br /> Véronique de ReimsAvant
Répondre
B
<br /> <br /> Héhé... Brendutest  lave plus blanc ! C'est vrai que je le néglige un peu, ce pov'vieux. Content qu'il ait eu au moins un lecteur ce jour, le BR devrait bondir à 5, voire 10 ! La gloire !<br /> Content surtout qu'il ait servi à quelque chose :-)<br /> <br /> <br /> <br />
M
<br /> héhé, à ce point là? bon je te mets en lien direct sur un article, ce sera plus simple, mais non, je n'insiste pas...<br /> tu verras que je ne t'ai pas menti... question design<br /> c'est pas jaune sur fond rose, jte rassure<br /> jour bon<br /> <br /> <br />
Répondre
M
<br /> lol, forum?...c'est toi qui en parles le plus!!! :o)<br /> mais je note à quoi tu penses quand je m'autoproclame boulette!!<br /> je note...°_^<br /> ... je faisais allusion à mon niveau technique question design...:o)<br /> version gondole à venise...<br /> belle journée à suivre<br /> <br /> <br />
Répondre
B
<br /> Je ne peux pas avoir d'opinion sur ton design : je ne suis jamais parvenu à ouvrir ton blog (véridique !) Donc j'ai cherché autre chose : le choix était faible - et voilà tout :)<br /> <br /> <br />
M
<br /> je tenais tout de même à te dire que ton blog je le kiffe<br /> bon, ce faner une boulette comme moi, jsuis pas sûre que toi tu kiffes,<br /> mais c'est dit :)<br /> <br /> ps: ton ti bateau dans la barre d'adresse me bluffe! (m'en faut peu, oui je sais)<br /> <br /> soir bon te souhaite<br /> <br /> <br />
Répondre
B
<br /> :)<br /> Merci d'avoir pris la peine d'écrire ce mot.<br /> Les coups de bourre sur le forum, c'est l'écume des choses. Bien pourquoi je n'en parle pas ici et ne suis pas près de le faire : ce n'est pas vraiment important. Mais, avec trop d'écume, on peut<br /> tout de même s'étrangler.<br /> Le ti bateau c'est juste un gif animé brodé n'avec mes p'tits doigts et mis en favicon. C'est même mon tout premier, et j'ai galéré pour apprendre à le faire.<br /> Soir bon te souhaite de même.<br /> <br /> <br />
A
Re-bonjour,<br /> J'ai déjà fait un petit tour sur "le site du zéro", j'ai téléchargé le Notepad++ et j'ai aussi téléchargé firefox, mais je ne sais pas comment l'installer ??? pour l'instant j'ai IE...<br /> Je pense que tes explications paraissent compliquées, mais en fait elles sont trés détaillées et j'apprécie. <br /> toutefois, il est presque 3 h00, et je crois que je vais aller faire dodo... je reviendrai plus tard !<br /> Ton blog est génial!!!<br /> Au plaisir!
Répondre
A
<br /> Heu ... double-clic sur le programme d'installation, et ensuite ça roule, non ?<br /> Oui mes explications sont très détaillées : j'y ai mis ce que j'aurais aimé lire, or j'aime bien aller au fond des choses, pas du tout appliquer sans comprendre.<br /> Merci pour le mot gentil - ce n'est pas un blog d'aide, c'est un blog de tout et de rien avec des articles techniques pour faire sérieux ! ;)<br /> <br /> <br />
J
Classiques peut etre, en tout cas on ne m'avait pas orientée dessus ;)
Répondre
A
ben tant mieux si j'ai servi à quelque chose ....
J
Trop fort. Moi qui cherche depuis longtemps un endroit où seraient rassemblés plusieurs sites sur le domaine, je n'en avais jamais trouvé un qui me convenait.Hop, bookmarked!
Répondre
A
Oh, c'est très flatteur ! Mais, tu sais, les sites que je mentionne sont de grands classiques. En fait, une fois l'apprentissage réalisé, les deux sites du W3C sont les deux seuls que je fréquente régulièrement.

Archives