[AVIS] Deuxieme site

Deuxieme site [AVIS] - Web design - Graphisme

Marsh Posté le 18-01-2006 à 12:35:56    

Bonjour à tous,
 
J'exposais mes photos sur le net depuis un peu plus d'un an maintenant grace à une application web : PhpWebGallery. Mais je me suis qu'il etait temps de faire les choses moi même et que cela serai instructif ainsi qu'un peu plus original. Etant resté au temps du html j'ai du apprendre le xhtml+css ainsi que php et mysql mais c'est interessant (et super puissant).
 
Le site est donc fait entierement au bloc note avec l'aide de gimp pour les graphismes. Le squelette est maintenant avancé donc j'en suis au point de finaliser l'interface et le design du site... Et la pas evident :D Le style par defaut utilise la photo de la fourmis qui est sur un fond vert, je dois donc concerver ce theme... Mais voila je trouve que le vert ca n'est pas facile à mettre sur un site! C'est donc la que j'ai besoin de vos impressions pour me dire si je suis sur la bonne voie ou s'il faut repenser pas mal de chose...
 
Quelques precisions pour finir : je travail exclusivement sous linux donc pour le moment je n'ai pas pu rendre le site compatible à 100% avec internet exploreur, mais c'est prevu au cahier des charges :) Notament le fait que j'emploi des png semi transparent pose probleme... Je serai sans doute obligé de faire une seconde version specialement pour ie pour quelques points :/
Je suis aussi en train de developper un second theme tout en noir avec un coucher de soleil a la place de la photo de fourmis (oui certains ne l'aiment pas :D) mais cela sera pour un prochain post!
Et le menu de droite ne me plait pas trop dans sa forme actuel, je vais reflechir à autre chose...
A oui, il manque un logo aussi  :D  
 
Enfin voila et surtout une chose, n'hesitez pas pour les critiques, si quelque chose ne vous plait pas trop, dite le car je fonctionne beaucoup avec ca :D
 
http://www.bigvicente.be
 

EDIT: ce site est maintenant accessible par cette adresse : http://www.bigvicente.com
 
Et en ce moment je fais des essais de design pour un nouveau site :
 
http://www.bzhpro.com/models/model2/
http://www.bzhpro.com/models/model3/
 
Si vous pouviez me donner vos avis (sans reserve, lachez vous :D)


Message édité par zatane le 25-03-2006 à 11:29:10

---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 18-01-2006 à 12:35:56   

Reply

Marsh Posté le 18-01-2006 à 12:44:53    

Le site d'affiche très mal sur mon PC (IE6 + XP inside :D)
 
le menu de droite est tout en bas
et le menu du haut est blanc sur fond blanc

Reply

Marsh Posté le 18-01-2006 à 12:47:36    

gatsu35 a écrit :

Le site d'affiche très mal sur mon PC (IE6 + XP inside :D)
 
le menu de droite est tout en bas
et le menu du haut est blanc sur fond blanc


 
Ouille  :lol:  Et pourtant ce que j'utilise pour le positionnement est normalement reconnu sous ie, ca ne doit pas etre grand chose, je n'ai plus qu'a chercher :D


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 18-01-2006 à 13:11:00    

IE c'est caca stoo :o


---------------
visit my portf o lio on jir o toh.com
Reply

Marsh Posté le 18-01-2006 à 13:12:56    

Clair mais bon en regardant les stats de mon ancien site ca serai pas mal qu'il fonctionne quand meme à peu pres sous ie :D


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 18-01-2006 à 16:31:33    

Alors, des avis?
 
Bon j'ai commencé a reprendre un peu le truc, apres analyse je me demande si tout les cadres imbriqués n'etouffaient pas un peu la page? En ajoutant de l'espace il y a du mieu... Mais ca ne me satisfait toujours pas... Et le menu de navigation sur le coté ne va vraiment pas!
 
Pour voir la feuille de style sur laquel je bosse il faut aller dans Affichage>Style de la page>Theme fourmis (test) sous firefox. Pour ceux sous ie heu...  :whistle:  :D


Message édité par zatane le 18-01-2006 à 16:31:48

---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 18-01-2006 à 19:48:49    

:hello:
J'aime beaucoup le thème, c'est sobre et reposant !
 
Il y a peut être simplement le header dont le vert et trop omniprésent sur la gauche.
Et aussi, il faudrait éventuellement enlever les liens 'administrateurs' qui peuvent embrouiller les visiteurs.

Reply

Marsh Posté le 18-01-2006 à 20:11:55    

Merci pour cette reponse! :)
 
Tout ce qui est administrateur aura disparu lorsque le site sera fini (du coup je pourai simplifier ce menu :D). Et pour le vert la solution que j'ai trouvé c'est de placer mon logo a cet endroit... Reste a le faire, mais vu comment j'ai deja du mal pour trouver quelques malheureuses couleurs c'est pas gagné!


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 18-01-2006 à 21:02:51    

Mieux vaut du sobre et agréable que de l'original qui part en sucette.
Façon de dire que... non, inutile de répéter.
 
 
Mais sous IE-XP au moins ça reste formidablement invisitable :p
 
 
Je suis d'accord pour ce qui concerne les accès admin, ça peut désorienter.
Et peut-être ne suis-je pas coinvaincu par la couleur saumon, il y a sans doute mieux pour compléter le vert.

Message cité 1 fois
Message édité par baai le 18-01-2006 à 21:05:14
Reply

Marsh Posté le 18-01-2006 à 21:25:36    

baai a écrit :

Mieux vaut du sobre et agréable que de l'original qui part en sucette.
Façon de dire que... non, inutile de répéter.
 
 
Mais sous IE-XP au moins ça reste formidablement invisitable :p
 
 
Je suis d'accord pour ce qui concerne les accès admin, ça peut désorienter.
Et peut-être ne suis-je pas coinvaincu par la couleur saumon, il y a sans doute mieux pour compléter le vert.


 
Ce cher ie :D Ca sera pas facile quand j'en serai a devoir rendre le site compatible car entre chez moi et la fac il n'y a pas un seul ordinateur sous win  :lol:  
 
C'est noté pour le saumon/vert, mais de toute facon ce vert ne me convient pas non plus... Pendant la journée j'ai tenté quelques trucs et la je parviens à quelques choses qui me convient a peut pres autant que le premier theme (hormis le menu a gauche, je le repasserai a droite).
 M'enfin c'est juste une esquisse... Si vous avez firefox vous pouvez le voir avec "Affichage>Style de la page>Theme fourmis (test)", j'aimerai avoir vos avis...


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 18-01-2006 à 21:25:36   

Reply

Marsh Posté le 18-01-2006 à 21:27:28    

Pour les couleurs j'ai vraiment essayé des tonnes de possibilité mais pour avoir quelque chose qui me plait et qui va avec le haut... A la fin j'ai repris les couleurs de la photo en les desaturant et ca rend bien je trouve!


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 19-01-2006 à 00:50:16    

il me dérange pas moi ce vert  [:razorbak83]


---------------
visit my portf o lio on jir o toh.com
Reply

Marsh Posté le 20-01-2006 à 10:20:52    

zatane a écrit :

Si vous avez firefox vous pouvez le voir avec "Affichage>Style de la page>Theme fourmis (test)", j'aimerai avoir vos avis...


 
 :bounce: Vous utilisez tous ie ici? :D


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 20-01-2006 à 12:46:35    

Bon je l'ai mis en theme par defaut en attendant de faire mieu... Et cet apres midi je vais essayer de voir pourquoi le site ne s'affiche pas bien dans ie (enfin en aveugle pas evident mais je pense voir ou est le probleme principal, reste a voir comment le regler).
 
On m'avait prevenu que le design etait plus long a faire que le contenu mais la je vois que c'est bien vrai... En quelques heures je peux apprendre ce qu'il faut en php+mysql pour faire une gestion sommaire de la galerie avec des commentaires... Alors qu'en plusieurs journées je n'ai toujours pas trouvé de design a me satisfaire!


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 20-01-2006 à 13:12:15    

juste un petit truc que j'ai vu et qui pose problème dans IE :  
 

Code :
  1. #headerNav ul li:hover
  2. {
  3. border-top: 1px solid #cf6;
  4. border-left: 1px solid #cf6;
  5. border-right: 1px solid #cf6;
  6. }


L'état "hover" ne marche que sur le sélécteur "a" (pour les liens), dans IE.

Reply

Marsh Posté le 20-01-2006 à 13:15:50    

:ouch:  
 
Mais comment faut il faire alors pour les menus et autres?
 
Bon allé un petit coup de google pour regarder les tutos :D
 
Je crois que je vais changer toute ma partie principal... Je suis content du haut (sous FF), le bas me convient, mais tout ce qui est dans le bloc blanc du milieu ne rend pas terrible quoi que j'essai...


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 20-01-2006 à 13:36:35    

Si tu veux par exemple, avoir une bordure qui change lors du passage de la souris, il te faut spécifier ceci dans la CSS :
 

Code :
  1. #headerNav a
  2. {
  3.    display:block;
  4.    width:ma_largeur;
  5.    height:ma_hauteur;
  6. }
  7. #headerNav a:hover
  8. {
  9.   border-top: 1px solid #cf6;
  10.   border-left: 1px solid #cf6;
  11.   border-right: 1px solid #cf6;
  12. }


cela te permettra d'attribuer des dimensions à tes balises "<a>", ce qui est normalement impossible car cette balise est "inline" par défaut (et non pas "block" )

Reply

Marsh Posté le 20-01-2006 à 14:07:10    

Et en plus ca regle un soucis que j'avais, je voulais qu'on puisse cliquer n'importe ou dans le cadre ou est le lien, la ca devrai etre possible! Mais par contre qu'en est il du soulignement du lien?


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 20-01-2006 à 17:32:27    

le soulignement est un attribut qui s'applique sur le texte :
 

Code :
  1. a:hover{
  2. text-decoration:underline;
  3. }


 
donc pas de problème ;)

Reply

Marsh Posté le 20-01-2006 à 22:33:35    

Reply

Marsh Posté le 21-01-2006 à 15:31:28    

Bon je vais repartir de ca : http://www.bigvicente.be/vide.php
 
(et m'attaquer aux erreurs dans le code mais pas eu le temps hier j'ai taffé sur un autre site et sur de l'url rewriting :d)


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 23-01-2006 à 00:41:02    

Bon j'ai été inspiré et ai trouvé une premiere solution vite fait quand a mon menu de droite qui me genait...
 
 
... a pu :D


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 23-01-2006 à 01:18:45    

continue comme ca et t'auras une page blanche [:dawak]


---------------
visit my portf o lio on jir o toh.com
Reply

Marsh Posté le 23-01-2006 à 13:17:31    

le blanc c'est beau :D


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 27-01-2006 à 19:34:32    

Bonjour a tous  :hello:  
 
J'ai ecouté vos critiques et aujourd'hui je me suis attaqué a rendre mon site compatible avec IE, mais ne l'ayant pas sur mon ordi pas evident de voir si tout est ok (mais j'avais un beta testeur à distance!) donc j'ai besoin de vous pour regarder si tout va bien...
 
 
Sous FF j'ai pas contre un bug un peu bisar, pour le menu du haut j'utilise une liste avec "display: inline;" et je remarque que meme sans preciser un ecart entre chaque element de la liste il y en a un... Jusque la bon ok pas de probleme, mais chez moi l'ecart entre les deux premier elements est de 3px puis de 4 entre chaques autres elements... Et je dois dire que ca me gene beaucoup  :whistle:


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 27-01-2006 à 21:22:13    

Reply

Marsh Posté le 27-01-2006 à 22:35:38    


 
Ta ouvert la seule page que j'ai decidé de ne pas mettre a jour :P


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 28-01-2006 à 00:31:34    

Pas mal ton site, un peu lent (because Free) mais une question, je vois que tes photos sont gérées par PhpWebGallery 1.3.4, mais rassure-moi, certaines parties du site sont développées par toi ? en php / Mysql ?

Reply

Marsh Posté le 28-01-2006 à 00:35:25    

http://www.bigvicente.be
 
Mon nouveau site est a cet adresse :p
 
Mais puisque tu as vu l'ancienne tu vas pouvoir me dire comment tu trouves mon taf actuel par rapport a celle la!
 
Il est hebergé chez moi et tout est fait par moi :D


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 28-01-2006 à 01:02:01    

Je viens d'y passer qq minutes, comme ça à chaud, ca paraît sobre et efficace, bon je suis pas très doué pour le graphisme, y qu'a voir mes sites :(
J'ai bien aimé tes miniatures qui permettent de voir ta galerie, par contre y a pas un pb dans le tri des commentaires ?

Reply

Marsh Posté le 28-01-2006 à 01:21:27    

bob3335 a écrit :

Je viens d'y passer qq minutes, comme ça à chaud, ca paraît sobre et efficace, bon je suis pas très doué pour le graphisme, y qu'a voir mes sites :(
J'ai bien aimé tes miniatures qui permettent de voir ta galerie, par contre y a pas un pb dans le tri des commentaires ?


 
Cad? J'ai fait en sorte que les commentaires les plus recents soient bas, c'est pas naturel?


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 28-01-2006 à 01:28:46    

Ouchhh! Effectivement :D  
 
Fodrai peut etre que je rajoute une petite fonction de tri a la fin d'ajout d'un comment, pour le moment j'avais juste fait ca a la main dans phpmyadmin...


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 28-01-2006 à 13:50:17    

zatane a écrit :

J'ai ecouté vos critiques et aujourd'hui je me suis attaqué a rendre mon site compatible avec IE, mais ne l'ayant pas sur mon ordi pas evident de voir si tout est ok (mais j'avais un beta testeur à distance!) donc j'ai besoin de vous pour regarder si tout va bien...


 
 :bounce:  :D


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 28-01-2006 à 14:05:14    

Bienvenue prend un E à la fin... Autant dans le titre de la page que sur la page elle même!  :D  
 
http://img63.imageshack.us/img63/7049/bienvenu2cu.th.jpg
 
Si tu éditais ta signature que l'on puisse accéder facilement à ton site, non?

Reply

Marsh Posté le 28-01-2006 à 14:50:13    


 

duss@noob a écrit :

Bienvenue prend un E à la fin... Autant dans le titre de la page que sur la page elle même!  :D  
 
http://img63.imageshack.us/img63/7 [...] 2cu.th.jpg
 
Si tu éditais ta signature que l'on puisse accéder facilement à ton site, non?


 

zatane a écrit :

http://www.bigvicente.be
 
Mon nouveau site est a cet adresse :p


 
Je passerai mon site sur le .com que lorsqu'il sera finalisé!
 
Merci pour la faute meme si celle la je l'ai vu mais flemme de changer alors que le site va virer :d


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 28-01-2006 à 14:51:04    

la version .be n'est pas officiele, elle ne concerne que vous, pas les autres cat du forum :D


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 28-01-2006 à 16:10:06    

OK

Reply

Marsh Posté le 28-01-2006 à 16:35:22    

Le bug que tu as relevé hier n'est pas present sur les autres pages hein?


---------------
Photoblog | Galerie Photos Nature | Actualité des Sciences
Reply

Marsh Posté le 29-01-2006 à 09:07:01    

Sur Internet Explorer, pas de bug constaté sur le *.be...

Reply

Marsh Posté le 29-01-2006 à 10:53:36    

Sobre et efficace, j'aime bien, par contre ca veut dire quoi ca:
 
"Une simple fleur peut aussi bien être observée parmi des centaines d'autres dans un champ que de très près en prenant le point de vue d'une abeille en quête de pollen"

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed