Blog personnel

Bonjour à tous.

Dans le cadre du cours de techno web (j'suis en infographie pour ceux qui savent pas), nous devons réaliser un blog, comme synthèse de notre étude du php.

Et j'aimerai vous demander votre avis général sur ma réalisation personnelle, à cette adresse: http://www.amicaleliers.com/lisablog/.

Y a deux ou trois p'tits trucs qui sont pas tout à fait fini, principalement la validation de la css (à cause des -moz-border-radius), que je vais mettre dans une autre css, et un peu de nettoyage de code qui pourrait être un peu plus aéré...

Sinon, je tiens à souligner que le moteur est un moteur personnel, codé avec mes petits doigts boudinés, et même que si ça ressemble à dotclear, j'ai pas piqué une seule ligne de code.

Sinon, ben... Lachez vos coms, comme disent les jeunes qui se croient branchés, mais lancez pas de cailloux, j'ai perdu mon casque

Merci.

ps: si ça intéresse des gens, j'peux faire des captures de la zone d'administration...

Lisarael a écrit :

ps: si ça intéresse des gens, j'peux faire des captures de la zone d'administration...

Ca pourrait être pas mal oui

P'tite visite guidée de mon interface d'admin:

On commence par la page de connexion: 1
http://www.amicaleliers.com/lisablog/lisaStock/LisaBlog%20-%20admin%20-%20index.png

Une fois le bon couple login/pass entré, on arrive sur la page d'accueil:
http://www.amicaleliers.com/lisablog/lisaStock/LisaBlog%20-%20admin%20-%20accueil.png
Les petites icônes servent à naviguer dans l'interface, lorsqu'on les survolle, une infobulle informe de son utilité, même si je pense que la plupart sont assez claires (en même temps, y a que moi qu'utiliserai ce blog, mais ça fait partie des consignes, d'avoir un truc clair et utilisable).

Passons à la deuxième icône en partant de la gauche, la page de gestion des billets:
http://www.amicaleliers.com/lisablog/lisaStock/LisaBlog%20-%20admin%20-%20edition%20de%20billet.png
J'crois pas qu'il faille énormément de précisions... La petite icône qui précède le titre d'un billet dans la liste permet, d'un simple clic, de le mettre en ligne/hors-ligne, sans rechargement (merci ajax). La petite loupe permet d'afficher le contenu du billet, masqué par défaut.
Dans le formulaire de création de billet, les petites icônes qui précèdent la zone de contenu font apparaître un petit formulaire d'édition ( http://www.amicaleliers.com/lisablog/lisaStock/LisaBlog%20-%20admin%20-%20edition%20de%20billet%20-%20outil.png ).

La suite, avec la troisième icône, qui permet de voir et d'éditer la feuille de styles propre aux billets:
http://www.amicaleliers.com/lisablog/lisaStock/LisaBlog%20-%20admin%20-%20edition%20styles%201.png
La colorisation est faite grâce au plugin GeSHi, qui marche pas super super, mais pour un truc gratos, c'est déjà énorme... Et pis c'est déjà plus lisible comme ça... :wink:
Quand on clique sur le bouton d'édition, on arrive dans un simple formulaire pour éditer le contenu du fichier: http://www.amicaleliers.com/lisablog/lisaStock/LisaBlog%20-%20admin%20-%20edition%20styles%202.png

4ème icône, la gestion des images:
http://www.amicaleliers.com/lisablog/lisaStock/LisaBlog%20-%20admin%20-%20gestion%20des%20images.png
Ici, je crois que tout est clair et défini dans la page.

5ème icône, la gestion des commentaires:
http://www.amicaleliers.com/lisablog/lisaStock/LisaBlog%20-%20admin%20-%20gestion%20commentaires.png
Ici, par contre, j'ai une série de trucs à changer... Pour l'instant, j'affiche les commentaires par billets, en affichant aussi les billets sans commentaires. Ce que je vais virer dès que possible.
Voire changer le système en affichant que les commentaires, avec un filtrage par date comme pour les billets... Faut que j'y réfléchisse...

6ème icône, la gestion des catégories:
http://www.amicaleliers.com/lisablog/lisaStock/LisaBlog%20-%20admin%20-%20gestion%20cat%C3%A9gories.png
Pas grand chose à expliquer, si ce n'est la sécurité de ne pas faire apparaitre de bouton de suppression si la catégorie contient des billets...

7ème icône, gestion des liens:
http://www.amicaleliers.com/lisablog/lisaStock/LisaBlog%20-%20admin%20-%20gestion%20liens.png
Pareil, pas grand chose à expliquer ici...

8ème icône, gestion des paramètres d'utilisateur:
http://www.amicaleliers.com/lisablog/lisaStock/LisaBlog%20-%20admin%20-%20gestion%20utilisateur.png
Encore une fois, je ne vois pas très bien ce que je pourrai rajouter.

Les 9ème et Dixième icônes sont respectivement l'édition de la configuration du blog (simple édition du fichier ini de la config), et enfin l'icône pour effacer les variables de session et fermer celle-ci.

voilà, j'ai fait le tour... lol

ps: c'est un copier/coller d'un post que j'ai fait sur le forum de ma classe, certaines caps montrent du contenu qui a légérement changé... Je referai des nouvelles caps demain, ce soir c'est un peu chaud niveau temps...
Modifié par Olivier (18 Dec 2005 - 23:22)

Bonsoir,
Il y a un vrai "travail de graphiste"! On sent que tu t'es fait plaisir non?
C'est peut-être là dessus que tu seras noté.
Il y a cependant un aspect qui semble amoindri par ce graphisme : le code. Tu en penses quoi?

Amicalement!

attention critique non-constructive :

Han ! les nuages qui bougent ! Ils bougent !
Comment ca marche ?

je me prosterne.

[mode=off]


Bonjour,
Plus serieusement (j ai quand meme envi de savoir ca marche les nuages ), c'est épuré et trés graphique avec tout ces images.
Juste une petite question (miserable), pourquoi des pillules ?
La couleur orange, c'est sympa ca contraste avec le bleu, mais son defaut est que c'est une couleur trés souvent utilisé.


merde ils bougent les nuages...

edit: ha oui, pillules == vitamine, oui c'etait bien une question miserable...

re-edit (boulet atitude inside...) : j ai ouvert le site avec IE, ne chipotatons pas avec les arrondies, c'est loin d'être genant par contre il ya des barres <hr> qui apparaissent en fin de chaque post et ta signature en bas à droite du site est apparemment une image png qui est moyennement gerer par IE.
Modifié par pony (19 Dec 2005 - 12:07)

Salut,

Très ludique, graphiquement trè joli, vraiment j'aime.

Quelques petites remarques cependant :
- L'animation des nuages provoque chez moi (IE6) un clignotement du curseur de souris : très énervant
- Quand tu cliques sur les menus "Catégories" : Tu affiches les articles en entier que tu réduis ensuite. C'est perturbant car tu as l'impression d'avoir loupé quelque chose
- L'icone "Lire la suite" en dessous de l'article qui fait apparaître un cadre "Lire la suite" fait clignoter le cadre "sapin de noël" et donc je n'arrive jamais à cliquer sur le lien

En conclusion :
Très joli, je me demande juste si il n'y a pas une utilisation abusive du javascript

Vraiment pas mal du tt !

Tu parles de projet en fin d'étude --> quelle note as-tu obtenu ? et cbien de temps as-tu passé dessus ?

euh... merci à tous.

en gros et en vrac:

j'ai pas encore été coté, ce sera pour janvier, ça.

le sintillement du lien lire la suite dans IE? c'est bizarre, pasque c'est une bête infobulle en css comme raph' le décris dans son livre... j'vais voir ce que je peux faire, mais je n'aurai malheureusement rien le temps de changer avant la fin de semaine.

le temps que j'ai passé dessus, je saurai pas dire. j'y ai pris tellement de plaisir que je n'ai pas vraiment compté.

les posts qui s'affichent avant de se masque, c'est un désavantage de la gestion de javascript, mais je crois qu'en y réfléchissant une p'tit journée, j'peux régler ça... merci du tuyau.

le png dans IE, c'est une plaie, faut que je trouve. j'ai déjà trouvé un correctif pour les image en dur dans le code (toutes les petites icônes), mais faut que je trouve pour les css... j'vais trouver.

la couleur orange, c'était pour garder une cohérence avec celui de la pillule, because je suis daltonien et que je préfère travailler à la pipette à partir d'éléments déjà présents dans mon graphisme.

et enfin, la cerise sur le gateau et pour répondre à pony qui se prosterne (relève-toi, tu vas salir tes vêtements et ta maman/femme (biffer mention inutile) va pas être contente), c'est du javascript.
en fait, c'est tout con. j'ai trois div, une par nuage, avec le nuage en arrière plan. et avec javascript, j'ai une fonction qui fait s'incrémenter la valeur de background-position. le sintillement provoqué vient du setTimeout de javascript, et c'est réglé tel qu'il est que le sintillement est le moins flagrant. fallait faire un choix

sinon, ben... merci pour vos message, c'est sympa, j'apporterai les p'tites modifs en temps et en heure, quand je les aurai, et j'vous tiendrai au courant de ma cote quand je l'aurai.

j'aime beaucoup

Bonjour,
Désolé s'il y a de la redite, je n'ai pas tout lu les commentaires...

Quand je clique sur le lien "voir", j'obtiens deux erreurs javascript :
ligne 134 : 'src' a la valeur nulle ou n'est pas un objet
Ligne 1 caractère 1 : Caractère incorrect

et en plus je n'arrive pas à l'article désiré.

Pareil que tout le monde... Magnifique.
Pour la pillule, c'est une référence à TEV ?
J'aimerais assez avoir le dixième du millième de ton talent en graphismes...

C'est cool pdt les etudes... tu bosses pas mal mais ta ad meme un certain temps pour le faire.

Au boulot, c'est different: rentabilité oblige... du coup, on crée des choses moins belles, plus de stress, et on prend moins de plaisir.

Y a pas à dire c'est bô mais alors... les post comme celui là sans le moindre petit paragraphe, retour lignes, ouille mes petits yeux ! Sinon du coup ton avis m'intéressse sur mon travail ICI

Lisarael a écrit :
euh... merci à tous.

et enfin, la cerise sur le gateau et pour répondre à pony qui se prosterne (relève-toi, tu vas salir tes vêtements et ta maman/femme (biffer mention inutile) va pas être contente), c'est du javascript.
en fait, c'est tout con. j'ai trois div, une par nuage, avec le nuage en arrière plan. et avec javascript, j'ai une fonction qui fait s'incrémenter la valeur de background-position. le sintillement provoqué vient du setTimeout de javascript, et c'est réglé tel qu'il est que le sintillement est le moins flagrant. fallait faire un choix

Merci monseigneur