[INTRODUCTION]
Il y quelques mois, j'ai découvert le monde des blogs. J'ai découvert des blogs magnifiques, des blogs sympatiques, alors qu'à l'époque je ne voyais que le côté 'journal intime en ligne'. Il est pourtant vrai que des certains blogs ne sont pas du tout intime et pourtant très intéressants.
Le souci que je trouve aux blogs, c'est le temps qu'on y passe pour le remplir et le faire joli. Pour le faire joli, j'ai trouvé une plateforme ( http://www.over-blog.com ) qui laisse un accès direct au CSS et permet l'hébérgement d'images sans trop de souci. Cette plateforme traverse toutefois une crise qui rend les choses plus compliquées, mais ca permet au moins de faire des choses jolies et variées.
Rapides exemples:
http://seb.over-blog.com/
http://gorthyn.over-blog.com/
http://vortex30.over-blog.com/
Mon autre souci, pour remplir mes blogs (oui, je suis un GEEK, il m'en fallait plusieurs) c'est le temps pour taper les articles. J'ai fini par en trouver en grignotant à droite à gauche.
Il me restait alors qu'à faire connaitre mes blogs (merci aux forums).
Ou à m'inscrire dans les annuaires. Et là, un vrai drame. Pas moyen de trouver un annuaire qui permettent de classer les blogs comme je l'entends.
J'ai fini par créer mon propre annuaire. (c'est d'ailleurs de ca que je venais parler...)
[CONCEPT]
Je ne souhaitais pas faire un annuaire tout automatisé, qui trouve les blogs et les classe tout seul. Pour deux raisons. La première, c'est que je suis hébérgé 'gratuitement' par un serveur mutualisé grnad public qui aurait eu des difficultés à tenir la charge, la seconde, c'est que cela aurait été très compliqué et pas forcément légal (merci la CNIL)
Du coup, je me suis orienté vers un annuaire manuel, où s'inscrit qui veux. Pour éviter les abus, je tenais à valider moi-même les blogs qui demandaient une inscription. Le tout avec un design sobre mais sympa, sans trop de fioritures, mais quand même un peu...
[PARAMETRES TECHNIQUES]
Langages: php / mySQL / HTML / CSS2
Interface: gif / png
[PROBLEMES RENCONTRES & SOLUTIONS]
Lors du développement, j'ai pas rencontré trop de soucis majeurs.
Dès le départ, j'ai crée 2 tables en base de données (1 liste de catégorie, 1 liste de blog avec plein d'informations).
Des amateurs auxquels j'ai demandé leurs avis m'ont rapidement fait comprendre qu'il manquait certaines choses pour que la description du blog soit complète: l'adresse du fil RSS par exemple. Un petit ajout en base de données, plus le champ lors de l'inscription.
Ensuite, est venu le temps du graphisme. Au départ, on arrivait sur l'annuaire avec directement la liste des blogs (et le formulaire pour les classer, trier, ...). Il s'avère que bon nombre de personnes ont pensé qu'il serait mieux d'avoir une page d'accueil. Après quelques hésitations, une petite page avec la liste des catégories, ca ferait pas mal.
J'ai passé des heures à trouver des couleurs qui rendent bien. Passant par des tons de bleus, jaunes, orange, pour en arriver à un mélange de tellement de couleurs que je sais meme plus combien y'en a. L'avantage d'avoir mis mon CSS en fichier externe, c'est que ca va vite à changer :)
Ensuite, j'ai ajouté des îcones pour décorer cette page d'accueil. Quelqu'un m'a finalement proposé des icones beaucoup plus jolis qui sont actuellement visibles.
Après ca, création d'un titre sympa. Plusieurs heures à tester des couleurs différentes, des genres différents, en essayant de trouver à la fois quelque chose de sobre et d'accrocheur. (sur le coup, j'ai utilisé à fond http://www.cooltext.com ).
Ensuite, une partie statistiques existait depuis le début, et je m'apercois que quelqu'un en abuse: pleins de visiteurs. En fait, pour compter les visites, je fais comme suit: lorsqu'on clique sur un lien de blog, j'envoie vers une page. Sur cette page, je rajoute 1 visite pour le blog et je redirige vers le blog. Du coup, hop, je sécurise ca: je rajoute une clause qui ne compte la visite que si l'adresse référente est celle de l'annuaire ;)
Bilan: il existe au moins une personne pour laquelle un click sur un blog n'est pas comptabilisé :s
Après ca, partie sympa: création du fil RSS. Pour que tout le monde puisse savoir si de nouveaux blogs sont ajoutés. J'ai fait dans la simplicité: j'ai repris un code pour créer un fil RSS que j'ai adapté à mon cas. Encore une fois, un bug chez quelqu'un. Du coup, je crée un fil RDF. Qui buggue de partout. Et la personne m'explique alors son bug, que je corrige en lui demandant de cliquer sur date en haut de son RSS-reader (pour mettre les plus récents en haut, et ne pas avoir toujours le même).
Fin du design avec la création d'une série de boutons (que j'ai honteusement recupérer d'un autre site) pour signaler un lien vers le w3c (oui, le site est aux normes) et me créer une petite bannière de pub.
Et finalement, mises aux normes du site. Pour certaines pages, pas de souci, elles sont déjà aux normes (inscription, faq). Pour d'autres, c'est les trucs habituels: des & en &... Pour la page statistiques, pas aux normes, à cause d'un tableau de ******. Me serait pris la tête une bonne heure avant de m'apercevoir que j'ai oublié de fermer une cellule :$
Pour la page d'accueil, petit souci (là, je vais être long). Je la met aux normes, (note pour plus tard: onClick n'est pas aux normes, alors onclick l'est), mais l'aspect ne me plait pas. Chaque catégorie est un div contenant un titre et une image. Et on peut cliquer partout sur le div pour accèder à la liste des blogs de cette catégorie. Mon souci, c'est que rien ne l'indique. J'ai tenté avec des cursor:url() dans le css, mais pas pris en compte du fait que cela doit se faire sur un div:hover (merci IE :(). Je tente alors un [a][div] .. [/div][/a] et là, ca marche, j'ai bien la petite main sur le div entier, mais c'est plus aux normes. Et je n'ai toujours pas réussi à résoudre le problème... (si quelqu'un sait comment garder mon rendu en étant compatible avec les normes...
[COUP DE PUB]
L'adresse du résultat fini:
Il y quelques mois, j'ai découvert le monde des blogs. J'ai découvert des blogs magnifiques, des blogs sympatiques, alors qu'à l'époque je ne voyais que le côté 'journal intime en ligne'. Il est pourtant vrai que des certains blogs ne sont pas du tout intime et pourtant très intéressants.
Le souci que je trouve aux blogs, c'est le temps qu'on y passe pour le remplir et le faire joli. Pour le faire joli, j'ai trouvé une plateforme ( http://www.over-blog.com ) qui laisse un accès direct au CSS et permet l'hébérgement d'images sans trop de souci. Cette plateforme traverse toutefois une crise qui rend les choses plus compliquées, mais ca permet au moins de faire des choses jolies et variées.
Rapides exemples:
http://seb.over-blog.com/
http://gorthyn.over-blog.com/
http://vortex30.over-blog.com/
Mon autre souci, pour remplir mes blogs (oui, je suis un GEEK, il m'en fallait plusieurs) c'est le temps pour taper les articles. J'ai fini par en trouver en grignotant à droite à gauche.
Il me restait alors qu'à faire connaitre mes blogs (merci aux forums).
Ou à m'inscrire dans les annuaires. Et là, un vrai drame. Pas moyen de trouver un annuaire qui permettent de classer les blogs comme je l'entends.
J'ai fini par créer mon propre annuaire. (c'est d'ailleurs de ca que je venais parler...)
[CONCEPT]
Je ne souhaitais pas faire un annuaire tout automatisé, qui trouve les blogs et les classe tout seul. Pour deux raisons. La première, c'est que je suis hébérgé 'gratuitement' par un serveur mutualisé grnad public qui aurait eu des difficultés à tenir la charge, la seconde, c'est que cela aurait été très compliqué et pas forcément légal (merci la CNIL)
Du coup, je me suis orienté vers un annuaire manuel, où s'inscrit qui veux. Pour éviter les abus, je tenais à valider moi-même les blogs qui demandaient une inscription. Le tout avec un design sobre mais sympa, sans trop de fioritures, mais quand même un peu...
[PARAMETRES TECHNIQUES]
Langages: php / mySQL / HTML / CSS2
Interface: gif / png
[PROBLEMES RENCONTRES & SOLUTIONS]
Lors du développement, j'ai pas rencontré trop de soucis majeurs.
Dès le départ, j'ai crée 2 tables en base de données (1 liste de catégorie, 1 liste de blog avec plein d'informations).
Des amateurs auxquels j'ai demandé leurs avis m'ont rapidement fait comprendre qu'il manquait certaines choses pour que la description du blog soit complète: l'adresse du fil RSS par exemple. Un petit ajout en base de données, plus le champ lors de l'inscription.
Ensuite, est venu le temps du graphisme. Au départ, on arrivait sur l'annuaire avec directement la liste des blogs (et le formulaire pour les classer, trier, ...). Il s'avère que bon nombre de personnes ont pensé qu'il serait mieux d'avoir une page d'accueil. Après quelques hésitations, une petite page avec la liste des catégories, ca ferait pas mal.
J'ai passé des heures à trouver des couleurs qui rendent bien. Passant par des tons de bleus, jaunes, orange, pour en arriver à un mélange de tellement de couleurs que je sais meme plus combien y'en a. L'avantage d'avoir mis mon CSS en fichier externe, c'est que ca va vite à changer :)
Ensuite, j'ai ajouté des îcones pour décorer cette page d'accueil. Quelqu'un m'a finalement proposé des icones beaucoup plus jolis qui sont actuellement visibles.
Après ca, création d'un titre sympa. Plusieurs heures à tester des couleurs différentes, des genres différents, en essayant de trouver à la fois quelque chose de sobre et d'accrocheur. (sur le coup, j'ai utilisé à fond http://www.cooltext.com ).
Ensuite, une partie statistiques existait depuis le début, et je m'apercois que quelqu'un en abuse: pleins de visiteurs. En fait, pour compter les visites, je fais comme suit: lorsqu'on clique sur un lien de blog, j'envoie vers une page. Sur cette page, je rajoute 1 visite pour le blog et je redirige vers le blog. Du coup, hop, je sécurise ca: je rajoute une clause qui ne compte la visite que si l'adresse référente est celle de l'annuaire ;)
Bilan: il existe au moins une personne pour laquelle un click sur un blog n'est pas comptabilisé :s
Après ca, partie sympa: création du fil RSS. Pour que tout le monde puisse savoir si de nouveaux blogs sont ajoutés. J'ai fait dans la simplicité: j'ai repris un code pour créer un fil RSS que j'ai adapté à mon cas. Encore une fois, un bug chez quelqu'un. Du coup, je crée un fil RDF. Qui buggue de partout. Et la personne m'explique alors son bug, que je corrige en lui demandant de cliquer sur date en haut de son RSS-reader (pour mettre les plus récents en haut, et ne pas avoir toujours le même).
Fin du design avec la création d'une série de boutons (que j'ai honteusement recupérer d'un autre site) pour signaler un lien vers le w3c (oui, le site est aux normes) et me créer une petite bannière de pub.
Et finalement, mises aux normes du site. Pour certaines pages, pas de souci, elles sont déjà aux normes (inscription, faq). Pour d'autres, c'est les trucs habituels: des & en &... Pour la page statistiques, pas aux normes, à cause d'un tableau de ******. Me serait pris la tête une bonne heure avant de m'apercevoir que j'ai oublié de fermer une cellule :$
Pour la page d'accueil, petit souci (là, je vais être long). Je la met aux normes, (note pour plus tard: onClick n'est pas aux normes, alors onclick l'est), mais l'aspect ne me plait pas. Chaque catégorie est un div contenant un titre et une image. Et on peut cliquer partout sur le div pour accèder à la liste des blogs de cette catégorie. Mon souci, c'est que rien ne l'indique. J'ai tenté avec des cursor:url() dans le css, mais pas pris en compte du fait que cela doit se faire sur un div:hover (merci IE :(). Je tente alors un [a][div] .. [/div][/a] et là, ca marche, j'ai bien la petite main sur le div entier, mais c'est plus aux normes. Et je n'ai toujours pas réussi à résoudre le problème... (si quelqu'un sait comment garder mon rendu en étant compatible avec les normes...
[COUP DE PUB]
L'adresse du résultat fini:
par Fabrice Bournisien
publié dans :
Programmation - net
