Besoin d'aide pour la 3eme version de mon site - Web design - Graphisme
Marsh Posté le 02-06-2003 à 16:07:55
Pas faire un fond noir, pas faire que des couleur foncé et éviter torp la copie du site ILM.
Marsh Posté le 02-06-2003 à 16:37:19
UrAnuS a écrit : Pas faire un fond noir, pas faire que des couleur foncé et éviter torp la copie du site ILM. |
C'est un bon début .
Je suis pas fan du background noir moi non plus... Quoi que ça depend du site .
Sinon, je vois pas le rapport entre "couleurs foncées" et "copie du site d'ILM" . Tu crois pas que c'est possible de faire un site avec des couleurs sombres et éviter la copie du site d'ILM ?
Marsh Posté le 02-06-2003 à 16:42:19
electroger a écrit : |
Ben de ce que j'ai vu ça fait très ILM, ça me dérange pas remarque.
Marsh Posté le 03-06-2003 à 16:46:20
J'ai 2 question a vous poser, parce que j'ai du mal à demarrer... :
1- Est ce que je dois garder la largeur définie pour le 800*600 (750 pixel de largeur).
2- Est ce que vous travaillez sur papier pour demarrer?
Marsh Posté le 03-06-2003 à 16:55:13
electroger a écrit : 1- Est ce que je dois garder la largeur définie pour le 800*600 (750 pixel de largeur). |
Moi je pars toujours sur cette base, mais tu peux penser travailler sur des largeurs proportionnelles (mais bonjour les galères plus tard)
electroger a écrit : 2- Est ce que vous travaillez sur papier pour demarrer? |
Pas trop (là encore dans mon petit cas qui n'intéresse que moi), je pars sur une idée générale de forme, de placement d'éléments et ensuite je me laisse guider en tâtonnant dans le logiciel, en testant des trucs.
Marsh Posté le 16-09-2003 à 13:08:45
Waouh ! Quelques mois après avoir créé ce topic je viens tout juste de commencer la V3 de mon site. J'ai fait un premier essai avant hier matin et j'aimerai connaitre votre avis sur cette première maquette.
La version actuelle de mon site : http://www.roger-one.net/index.php3
La maquette de la V3 : http://rogerone.free.fr/pix/bordel/ronv3-essai1.jpg
Bon, y a pas de grands changements, mais c'est un premier essai ! Dites moi de ce que vous en pensez, c'est qui est mieux et ce qui est moins que la version précédente.
Il y aura un système de news, style "lire la suite" ce qui permettera de ne pas trop charger la page d'accueil. J'aimerai bien modifier le menu afin de le reduire. Je sais pas trop quelle technologie utiliser... JavaScript?
Que pensez vous de la couleur utilisée pour la cadre central.
Voilà .
Marsh Posté le 16-09-2003 à 13:49:52
Marsh Posté le 16-09-2003 à 14:07:48
Merci pour le commentaire .
Là, pour la V3 c'est qu'un essai fait rapidement. Mais vu le mal que j'ai pour faire mieux que la V2, je me dis que j'ai peut être pas encore le niveau pour... . Je suis dans un IUT SRC (1ere année), je vais apprendre .
Par contre j'aimerai bien savoir ce que tu prefères dans la V2 par rapport à la V3? Ca pourrait m'aider pour avancer.
Pour la V2, il arrive que je la trouve sympa, mais il arrive aussi que je la supporte pas et que je la trouve pas franchement présentable (peut être parce que je la vois tous les jours ). J'essai simplement de faire un truc un peu plus propre... Moins de bidouille.
Marsh Posté le 16-09-2003 à 14:10:49
electroger a écrit : J'essai simplement de faire un truc un peu plus propre... Moins de bidouille. |
Tu gardes la version actuelle, mais tu la refais en XHTML + CSS
Pour le menu de gauche tu peux cacher les sous-rubriques des menus avec du JS et DOM.
Marsh Posté le 16-09-2003 à 14:15:27
fastclemmy a écrit : |
XHTML? Je maitrise pas, mais c'est au programme de SRC ! Je m'y mettrai plus tard quand on aura fini le html . Je dois oublier (déjà??!) le php?
DOM? C'est quoi cette bête?
Marsh Posté le 16-09-2003 à 14:28:21
electroger a écrit : |
Le XHTML c'est la bonne façon de faire du HTML il n'y a que quelques différences syntaxiques avec le HTML :
http://openweb.eu.org/articles/html_au_xhtml/
Par contre, le truc intéressant à faire après c'est d'alléger considérablement ton code en oubliant les tableaux pour la mise en page et en gérant tout avec des feuilles de style. C'est là le vrai boulot.
Donc dans un premier temps définir la structure de la page par blocs en utilisant les balises sémantiquement correctes :
http://openweb.eu.org/articles/respecter_semantique/
Puis comprendre comment positionner les éléments sans tableau :
http://openweb.eu.org/articles/initiation_flux/
http://openweb.eu.org/articles/initiation_float/
http://openweb.eu.org/articles/initiation_absolue/
L'ensemble de la démarche est compréhensible d'un clin d'oeil en lisant ça :
http://openweb.eu.org/articles/passer_aux_standards/
electroger a écrit : |
Rien à voir. PHP permet de générer du (x)HTML, l'un ne se substitue pas à l'autre.
electroger a écrit : |
Document Object Model : en gros la description des objets que peut contenir une page web. En l'occurrence pour ton menu je pensais à un javascript qui jouerait sur la propriété de style Display (cf. par exemple fastclemmy.com pour cacher et afficher la suite des logs)
Marsh Posté le 16-09-2003 à 14:34:58
Hello
Je préfère aussi la version 2 de ton site...
Document Object Model (DOM) est en rapport avec le javascript, en fait le javascript te permet de gérer les objets de ta page html ainsi que certains évènements liés à ceux-ci.
Le PHP quant à lui te permet de gérer une base de données, c'est pas la même utilisation que le javascript...
Bonne continuation !
PS : Y a plus rapide que moi sur ce forum
PS2 : Voilà un petit lien très util pour ce mettre au javascript et aux CSS http://selfhtml.selfhtml.com.fr/na [...] /index.htm
Marsh Posté le 16-09-2003 à 14:38:18
electroger a écrit : |
Hello,
bon j'ai pas grand chose de constructif à dire sur le site en tout cas je le trouve très bien
Ma question se pose plus sur le dessin de la nana en haut à gauche
Il est de qui ?
c tiré de quoi ?
Merci
Marsh Posté le 16-09-2003 à 18:20:35
Pulpipi a écrit : |
A gauche? Si c'est à un dessin sur la V2 que tu fais référence je peux pas te dire puisque ces images (oui, oui il y a plusieurs images) sont affichées aléatoirement. >> http://www.roger-one.net/banniere.txt Pour voir toutes les images d'intro de la V2 .
Si c'est à droite et sur la "maquette" de la V3 je crois que c'est un dessin préparatoire pour Leia Organa. En fait, j'suis pas trop sûr ... Mais c'est du STAR WARS !!
Sinon, je vais me penché sur les CSS (c'est pas la première fois que je dis ça sur ce forum ) et après je verrai pour le xHTML.
Merci bien pr vos commentaires .
EDIT : Personne ne peut me dire pourquoi il prefère la V2?
Marsh Posté le 17-09-2003 à 18:13:16
Pour revenir vite fait sur le xhtml, est ce que je peux conserver les extensions php3?
A peine commencé, je bloque déjà .
J'ai fait un essai rapide (histoire de lancer le truc) :
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>STARWARS : Roger-One.Net</title>
</head>
<body>
</body>
</html>
Ben voilà ce qu'il me met :
Parse error: parse error, unexpected T_STRING in c:\program files\easyphp\www\roger1\indexv32.php3 on line 1
Ca passe avec l'extension html. Si je suis obligé de mettre des extension html, ça risque d'être chaud...
Marsh Posté le 17-09-2003 à 18:32:01
le pb c'est le <? qui ressemble furieusement au tag d'ouverture de php ... Faut donc faire attention si tu a l'habitude de coder comme ça
<html>
<head>
<? un truc en php ?>
</head>
du code HTMl
Mais ce n'est qu'une supposition
A+
Marsh Posté le 17-09-2003 à 22:23:55
Bon, je verrai plus tard pour le XHTML. J'ai commencé à bosser avec les CSS et les div. Bon, c'est sûr c'est un début, mais là je bloque un peu.
Voici ce que ça donne pour l'instant :
http://www.roger-one.net/indexv32.php3
J'ai plusieurs questions :
Comment faire pour que le menu et la page centrale se colle et se rejoingnent au centre de la fenetre?
Comment faire pour que la page centrale soit au moins aussi "haute" que le menu?
Sinon pour mon menu est ce que je peux faire plus léger que ça :
<div class="menu_titre">.: Roger-One.Net :.</div>
<a class="menu" href="index.php3">Accueil</a>
<a class="menu" href="/forum/" target="_blank">Forum</a>
<a class="menu" href="?rep_rubrique=roger&page_centre=staff">Staff / contact</a>
<a class="menu" href="?rep_rubrique=roger&page_centre=historique">Historique</a>
<a class="menu" href="?rep_rubrique=roger&page_centre=sondages">Sondages</a>
<a class="menu" href="/skyrunner/" target="_blank">Top: Skyrunner</a>
<a class="menu" href="?rep_rubrique=liens&page_centre=lienssw">Les liens</a>
<a class="menu" href="?rep_rubrique=liens&page_centre=ban">Bannières</a><br />
Etc.
Marsh Posté le 17-09-2003 à 23:50:30
félicitation ! Tu a appris hyper vite
Fastclemmy a le mérite d'en avoir évangeliser un de plus
Marsh Posté le 18-09-2003 à 09:43:50
electroger a écrit : Bon, je verrai plus tard pour le XHTML. J'ai commencé à bosser avec les CSS et les div. Bon, c'est sûr c'est un début, mais là je bloque un peu. |
Va sur le forum programmation y'a plein de bonnes volontés en la matière là-bas !
(fais une liste <ul><li><a href="dsfsd.htm">Premier item de menu</li><li><a href="etc. pour ton menu)
Marsh Posté le 18-09-2003 à 09:57:13
Bon j'ai pas tout lut, et je sait pa si ce la a été dit.
Mais si tu veut eviter d'avoir un menu trop consequent, je suggere un menu deroulant.
tu clique genre sur UNIVERS et la tu as personnage,ethnie ... qui se deroule en dessous.
et quand tu reclique, bah ca repart.
Marsh Posté le 20-09-2003 à 00:57:49
Bon, je vais mettre le côté design pour l'instant et essayer de bosser sur le code :
http://forum.hardware.fr/forum2.ph [...] subcat=439 >> Si certains veullent m'aider .
Marsh Posté le 28-09-2003 à 00:46:33
fadenreturns a écrit : le pb c'est le <? qui ressemble furieusement au tag d'ouverture de php ... Faut donc faire attention si tu a l'habitude de coder comme ça |
je me permet de remonter ce topic, car justement je test le XHTML.
la ligne <?xml ...?> me fait une parse erreur, car j'utilise le php et mes tags sont "<?".
comment puis je corriger l'erreur ?
Marsh Posté le 28-09-2003 à 01:38:42
<?php
echo '<?xml version="1.0" encoding="iso-8859-1"?>';
?>
Marsh Posté le 15-11-2003 à 19:08:25
salut tout le monde !
Finalement j'ai continué la V3 de mon site sans reprendre la V2. J'espère que ceux qui me conseillaient de reprendre la V2 ne vont pas m'en vouloir.
Donc voilà, ça se passe là :
http://www.roger-one.net/v3/indexv32.php3
Vous pouvez revoir la V2 ici
http://www.roger-one.net
Dites moi ce que vous en pensez . Bien c'est pas encore terminé. Y a pas le système de news, pas le sondage, le moteur de recherche n'est pas ok et le design n'est pas terminé.
Bon, à part les quelques heures de taff qui me reste j'ai pas mal de problèmes à regler et j'espère que vous pourrez m'aider.
- D'abord j'ai des problèmes avec les CSS. Y a pas mal de choses qui ne passent pas sur Opera, NS et Mozilla (rien que ça). En fait c'est les backgrounds qui déconnent. Par exemple la page http://www.roger-one.net/v3/indexv [...] ntre=sonde devrait s'afficher comme ça : http://rogerone.free.fr/pix/bordel [...] ncyclo.jpg
Je pense que vous allez confirmez les problèmes sur certains navigateurs. Je sais pas comment régler ça. Les background sont gérer par la feuille de style, créée par Dreamweaver.
Code :
|
- Autre problème : les images. Chez moi ça passe sans problème, mais un ami m'a dit que chez lui il y a une différence de couleur entre le background de la page centrale et la couleur de fond des images (background sous les news, les boutons à droite de l'acceuil etc.). Ca marche comment chez vous? Comment regler ça?
Merci d'avance .
Marsh Posté le 15-11-2003 à 19:55:53
bon taff
pour tes titres de marge ( ex: http://www.roger-one.net/v3/images [...] -sond4.jpg ), essayes peut etre de rajouter un contour externe de 1 pixel dans une teinte de gris pour ameliorer la lisiblité
la couleur de ton fond c'est 48627B et celle du fond de tes images a certains endroits c ça: 49637C ( a peu pres)
alors c'est le genre de problemes qui peut arriver cette mauvaise correspondance des teintes. donc deja tu px essayer de passer des titres en gif pour que ils ressortent plus. Car la : http://www.roger-one.net/v3/images [...] -news2.jpg par exemple, tu as un defaut de compression jpg au centre. Ensuite lorsque sous toshop tu fais enregistrer pour le web et que tu baisses les teintes pour l'opti gif, tu prends ta pipette et tu clik sur un endroit sur le contour de ton image, ensuite tu verifies en cliquant sur la teinte a droite dans la table des couleurs, que le code couleur corresponde a ton background=)
En fait y a souvent des debats pour savoir si le fond d'un site dois correspondre a la palette des teintes web ( cad que ce sera limité en teintes), et sans vouloir relancer le debat car j'ai mon opinion, en prenant une teinte web au fond et une image optimisée en gif (256 couleurs) tu auras une correspondance totale!
Je suis pas clair peut etre, je dors pas trop, si tu vx que je re-explique ou tourne differement une phrase pas de soucis je le ferais
+
Marsh Posté le 15-11-2003 à 20:04:27
J'ai changé la couleur du background par 49637C. Est ce que ça passe mieux?
Sinon, je sais pas trop ce qui s'est passé. Je bosse sur photoshop et j'ai toujours fait gaffe au fond. Ca vient peut être des effets appliqué sur les images...
Marsh Posté le 16-11-2003 à 00:13:27
Bon visiblement c'est pas encore bon... Je sais pas ce que je vais faire. Peut être me retapper toutes mes images. C'est con, parce que moi je vois absoluement rien sur mon écran.
Sinon pour les background gérés par CSS quelqu'un a une solution?
Marsh Posté le 26-11-2003 à 10:59:47
Je relance ce topic .
Pour les background normalement c'est bon maintenant. Le doit devrait marcher normalement sur la plupart des navigateurs.
Par contre j'ai un autre problème. Il y a quelques jours encore je trouvais que c'était sur la bonne voie. Mais maintenant je pose des questions sur cette V3. Elle me plait pas plus que ça... Ca vient peut être de trucs tout con, mais je n'arrive pas à déterminer ce qui cloche. C'est pourquoi j'aimerai (encore une fois) avoir votre avis sur cette version. Peut être que vous verez des choses que je ne vois pas .
Pour la V2 : http://www.roger-one.net
Pour la V3 : http://www.roger-one.net/v3/
J'espère que vous trouverez ce qui cloche parce que j'ai beau me torturer, je ne trouve pas.
Marsh Posté le 26-11-2003 à 16:25:07
electroger a écrit : Je relance ce topic . |
sur ta V2 tu as du blanc au centre et sur ta new version, c'est un peu uniforme, bah cherches pas plus loin=)
Trouver un bon equilibre entre les teintes c'est un truc bien prenant sur le web, mais c'est ce qui fera , au premier coup d'oeuil la difference entre une page qui flash et une autre, peut etre plus aboutie, mais moi attirante en definitive.
Donc, a mon avis, essayes peut etre de rajouter des teintes plus claires=) en vue de recreer l'equilibire noir/blanc de la V2
Marsh Posté le 26-11-2003 à 19:10:20
Whyjuan a écrit : |
Je pense pas que ce soit le choix des couleurs qui pose problème. Ce qui me gène n'est pas dû à la comparaison avec la V2 et je trouve que le bleu va bien avec le noir. Enfin, je sais pas...
Ca peut, peut être, venir des formes utilisées. Elles sont des fois arrondies et des fois carrées. Vous en pensez quoi? C'est peut être trop chargé également. Peut être que les images se fondent mal dans la couleur de fond .
Ou alors c'est completement raté .
Marsh Posté le 27-11-2003 à 00:45:12
Moi je trouve que tu devrais mettre un espacement en haut comme dans la version 2
Le contrast blanc du centre de la v 2 est plus jolie
Voilà !
Marsh Posté le 27-11-2003 à 11:09:40
C'est marrant cette histoire de couleur, mais je trouve que ça passe bien. Y a certaines pages qui passent même très bien :
http://www.roger-one.net/v3/index. [...] ntre=astro
http://www.roger-one.net/v3/index. [...] e_complete
http://www.roger-one.net/v3/index. [...] evenements
Je trouve que ces exemples passent bien. Vous trouvez pas?
Je crois que le problème se pose sur la page d'accueil. C'est peut être trop chargé et trop compact. Il y a aussi le blanc sous les news, je sais pas comment le combler.
Donc finalement vous trouvez tous que la V2 est meilleur que la V3?
Marsh Posté le 27-11-2003 à 14:27:55
oui ! mais reste que la version 3 elle est belle aussi !
Marsh Posté le 12-12-2003 à 13:03:33
Je bosse encore sur la V3. J'ai fait quelques changements et j'aimerai savoir ce que vous en pensez. Si vous vous souvenez pas de la précédente version de la V3, vous pouvez toujours comparer avec la V2 et me dire si ça vous semble mieux.
V2 : http://www.roger-one.net/
V3 : http://www.roger-one.net/v3/
J'approche de la fin mine de rien .
Marsh Posté le 12-12-2003 à 19:37:12
désolé, mais up . Je vais essayer de finir le design ce week end, mais j'aimerai bien connaître vos avis et vos suggestions, histoire de faire un bon truc .
Marsh Posté le 12-12-2003 à 19:51:02
je trouve sa tres simpas !!! par contre je sais pas si le bloque en bas (avec tt les partenaire et tt) est vraiment util...
Bon courage !
Marsh Posté le 13-12-2003 à 15:18:15
Crok a écrit : je trouve sa tres simpas !!! par contre je sais pas si le bloque en bas (avec tt les partenaire et tt) est vraiment util... |
L'intérêt c'est de charger la page centrale avant tous les logos des partenaires, les outils de stats. Ca permet au visiteur de lire la page sans attendre que tout ça soit téléchargé.
Marsh Posté le 02-06-2003 à 16:02:47
Bonjour tout le monde.
Bon ça va être un peu bizarre comme topic, dans le sens ou je n'ai encore rien a vous montrer. Je sais pas si c'est autoriser d'ailleurs (si c'est pas autorisé, j'suis désolé ).
Je vous rassure tout de suite, il n'est pas question que le boulot soit fait pas quelqu'un du forum. Je vais le faire.
Donc voilà, mon site est actuellement à sa 2eme version, vous pouvez le voir ici : http://www.roger-one.net
J'aimerai avoir vos avis concernant les points qu'il serait bon d'améliorer. L'un de mes premiers buts est de faire quelque chose avec moins de texte dès l'accueil. C'est pourquoi je devrait mettre un système de news, style "lire la suite". Ca me forcera peut être à enlever l'intro du site (la partie en haut de la page avec l'image aléatoire). Je ne met pas le nouveau système de news parce qu'avec le menu de 15 km ça fera sans doute bizarre. Donc le menu va également changer je pense, pour qu'il ait une taille moins importante.
Je vais essayer de faire quelque chose de plus homogène également. Certaines parties devraient avoir une mise en page semblable et ce n'est pas la cas.
De plus le design général sera entièrement refait.
Je vais sans doute en profiter pour revoir le code également .
Si vous voyez d'autres lacunes / points à améliorer, allez y . Ce que j'aimerai c'est avoir des avis sur conception à faire. Je ne cherche pas vraiment des avis sur le choix des couleurs, du background etc.
Merci d'avance .