Le Petit DotClear illustré

Par Kozlika le vendredi 28 mai 2004, 17:51 - Lien permanent

(8/6/2004 - ajout de quelques liens ; les ajouts de liens se feront désormais sur le site du Petit DotClear illustré mais vous êtes invités à en proposer ici pour que je les ajoute là-bas.)
(3/6/2004 - mise à jour de liens)
Oyez, oyez, le Petit Dotclear illustré est maintenant disponible en version complète (mais à enrichir avec votre aide).

Voici un récapitulatif des pages réalisées par moi ou d'autres ^[1] :

Le Petit Dotclear illustré

Point de départ : ressources pour faire son premier blog.
La structure (layout)
template.php en détails
style.css en détails

Un pas à pas lors de ma prise de contact avec DotClear. Au fil des jours, les billets du récit de mon apprentissage.

La Grande Décision. Pourquoi j'ai choisi DotClear - S'inscrire chez un hébergeur - Regrouper ses outils.
Mon premier billet. Télécharger DotClear chez l'hébergeur - Lancer la procédure d'installation - Ecrire son premier billet - Admirer le travail.
Avant d'aller plus loin. Conseils méthodologiques. Rangement - Sauvegarde - Précautions.
Première ouverture de la feuille de styles. Découverte de la logique de la feuille de styles, et sa suite :
Hourah ! j'ai modifié le fond de page...

Sur le site de DotClear

La documentation est très accessible.
Personnaliser son blog spécial débutants, rédigé par cymago en dépit d'un Roland-Garros passionnant ;-)
Le forum de DotClear est un précieux lieu d'entraide.

Quand les Dotcleariens ou autres blogueux s'y mettent

Déplacer l'aide wiki, au-dessus de l'espace de rédaction des billets nous est expliqué par Oliv dans son blog,
Commenter les catégories dans une infobulle, Oliv'Blog, toujours.
Changer le format de date par le même, qui nous gâte décidément !
Tout comprendre sur les trackbacks c'est fastoche avec Stéphanie Booth.

Sur les css moult places utiles et instructives, parmi lesquelles :

Alsacréations, très clair et très pédagogique.
OpenWeb axé sur les standards du web, doc HTML et CSS très fournie et excellente prise en compte des problèmes d'accessibilité. Plusieurs niveaux de "cours".
Le Jardin Zen offre une splendide collection de déclinaisons de thèmes sur la base du même fichier HTML (feuilles de styles consultables de tous les thèmes).
mediabox liste sur une même page toutes les balises css, leur usage et leur compatibilité avec les différents navigateurs. Très ergonomique.
background, border, margin, padding une visualisation en 3D sur le magnifique et instructif blog de Jef Hicks.

Et je n'attends que vos indications pour en ajouter d'autres :-)

Ce billet, dont la première parution est le 28 mai 2004 sera mis à jour régulièrement.

Notes

[1] Je reconnais que "d'autres ou moi" aurait été plus poli mais j'ai ramé pour faire ces pages et je trouvais que ça méritait bien une petite entorse à la bienséance et au bon usage du français;-)

Séries spéciales

Mes petits cailloux. Un billet-caillou pour chaque année en remontant le chemin de 2006 à ma naissance.

Photographies. Regroupement de la sélection mensuelle de mes photos les moins moches.

Les jeudis de la migration. Billets d'accompagnement pour une migration en douceur de Dotclear 1 vers Dotclear 2.

Confort de lecture

Décoration. – Ce blog peut être présenté de différentes façons. Si ce décor ou cette architecture de page ne vous plaisent pas, essayez les habillages Chou Hibou ou Anna Moffo ou Platée ou Noriko. Revenez à celui-ci depuis l'un d'entre eux en choisissant « Courant d’air ».

Navigation. – Comme sur la quasi totalité des sites web, on revient à l'accueil en cliquant sur le titre du blog.

Liens. – Les liens s’ouvrent par défaut dans la même page. Si vous préférez les ouvrir dans un autre onglet ou une autre fenêtre, cliquez sur la molette centrale de votre souris (Windows) ou en maintenant la touche cmd enfoncée (Mac).

Commentaires

1. Le vendredi 28 mai 2004, 23:13 par obni

Félicitation pour le travail et le partage ! C'est très utile.

Le lien sur les explications du style.css renvoie vers le template.

2. Le samedi 29 mai 2004, 05:55 par kozlika

Merci obni :-)
Lien corrigé.

3. Le samedi 29 mai 2004, 09:05 par Steph

Merci pour cette ressource et pour le lien vers mon article! Une petite précision cependant: je n'utilise pas dotclear! (Pas que j'aie quoi que ce soit contre dotclear, au contraire, je le recommande toujours chaudement... mais pour le moment j'utilise Movable Type).

4. Le samedi 29 mai 2004, 09:23 par Kozlika

Gloups ! Désolée. Je modifie tout de suite.

5. Le samedi 29 mai 2004, 09:59 par olivier

Félicitation, les débutants n'auront plus d'excuses pour se mettre à DotClear.

6. Le mardi 1 juin 2004, 03:01 par Angrave

Bel effort :) Et belle preuve d'un apprentissage rapide :)

7. Le mardi 1 juin 2004, 09:44 par Hattori

Bonjour Kozlika, Merci beaucoup pour ce site. Il va être très utile pour moi. J'ai aussi une question : Pourrais-tu, si tu le veux, expliquer la marche à suivre si l'on veut mettre à jour un site sous Dotclear. Je voudrais savoir comment je fais pour passer de la version 1.0rc3 à une version 1.2beta2. Que dois-je faire, au niveau des bases de données, au niveau des thèmes, du backend...

Je pense que ça pourrait intéresser pas mal de personne. Si tu peux le faire, je te dit merci d'avance. Si tu peux pas, je te dit merci quand-même.

8. Le mardi 1 juin 2004, 10:34 par obni

Ce qui serait pas mal aussi, ce serait d'indiquer quelque part, un lien vers un générateur de codes couleurs en hexadécimal... c'est pas évident pour un débutant.

J'ai découvert celui-ci, qui me semble pas mal :

http://the-light.com/colclick.html

9. Le mardi 1 juin 2004, 12:13 par kozlika

Marche pas ton lien, __obni__, tu me donnes le bon que je le corrige ?

J'en ai plusieurs en signets, il faut que j'organise tout ça. En fait (et je réponds ainsi aussi à __Hattori__) je pense faire une page ou un mini-site (ou un blog ?) spécial pour tous ces trucs-là. J'ai des tonnes de liens très instructifs ou intéressants ou tout simplement de très beaux blogs qui peuvent inspirer les amateurs éclairés*.

Et puis il faudrait aussi que je "bouche" les trous des sujets non abordés comme en effet les sauvegardes de base de données, les mises à jour...

Ce blog-ci ne serait alors utilisé (pour Dotclear) que pour annoncer les dernières modifs du site et rediriger là-bas.

Z'en pensez quoi ? Parce qu'en même temps il y a aussi la doc de DotClear qui contient pratiquement les mêmes choses...

*Copyright cymago.

10. Le mardi 1 juin 2004, 12:36 par obni

Le lien

fonctionne chez moi. (je viens à l'instant de le tester)

11. Le mardi 1 juin 2004, 14:02 par Angrave

J'ai une page où trouver les codes héxadécimaux en RGB, je vais la mettre en ligne prochainement :) En attendant: http://madcorp.biz/colormapper/ http://www.colorschemer.com/online.html http://color.twysted.net/ ( <- mon préféré, une tuerie o_O ) http://h40099.www4.hp.com//country/emea_middle_east/en/color/art_hp_colour_wheel.html

12. Le mardi 1 juin 2004, 19:08 par mouche

pour les couleurs je peux vous proposez http://mouche.joueb.com/texts/AvecLesCouleurs.shtml qui regroupe quelques liens.

13. Le vendredi 4 juin 2004, 23:29 par kozlika

Merci Mouche, j'en ai recopié une bonne partie sur les pages d'aide (http://kozlika.free.fr/dotclear_tuto/index.php

14. Le samedi 3 juillet 2004, 16:19 par Jul

J'aimerai savoir comment changer le lien "lire la suite" pour pouvoir mettre une majuscule au mot "lire"... Paske ca m'énerveuuuuuuuuuuuuh lol merci bcp !!

15. Le samedi 3 juillet 2004, 18:23 par kozlika

Ben ça c'est dingue ! je ne trouve plus :-( Je cherche... je cherche...

16. Le mardi 6 juillet 2004, 10:16 par Jul

La réponse est ici !!!

http://www.dotclear.net/forum/read.php?2,1761,1761#1761

17. Le mardi 6 juillet 2004, 10:39 par koz

Oui, j'ai vu la réponse d'Olivier sur le forum. Je la copie donc ici :

Dans themes/default/list.php tu changes :

<?php dcPostAbstract('%s'); ?>

par :

<?php dcPostAbstract('%s','<p><a href="%s">LA SUITE</a></p>'); ?>

18. Le mardi 14 mars 2006, 10:42 par Olivier G.

L'adresse de la boîte 3D à changé, c'est maintenant : http://www.hicksdesign.co.uk/journal/3d-css-box-model

Kozeries en dilettante