comment on passe de photoshop à un site ?

[briwat]

bon personne ne se moque je cherche juste à comprendre.

je suis graphiste de formation, mais uniquement sur "papier", c est à dire ce qui concerne l illustration, l edition, la pub papier etc...

donc je sais utiliser photoshop, et là j aimerai bien faire un site avec l aide d un ami.

Comme je ne veux pas avoir l air débile je prends des renseignements avant

donc pour le site j ai pleins d idées de mise en page et je peux faire mes pages sur photoshop comme j aimerai qu elles soient sur le site ( couleur, forme des boutons, illustrations etc...)

oui mais apres comment avec ces fausses pages passer sur un site?

on peut recréer sur les vraies pages exactement ce que j ai fait sur photoshop? au meme endroit? les memes couleurs? les memes typos?

bon je suis tres tres naive et je sais que je n y connais rien, mais avant que mon ami se casse la tete à faire le site je veux essayer de ne pas trop lui compliquer la vie en faisant des trucs impossibles sur photoshop.

qui est ce qui veut m expliquer avec des mots hyper simples, je ne connais rien en langage internet, c est peut etre le moment d em expliquer?

merci d avance

[Sarc]

Salut à toi Briwat

J'ai eu un peu le même problème avec un graphiste de formation : il ne savait pas ce qu'il pouvait faire et ne pas faire pour un design de site...

En fait, tout ce que tu fais sur photoshop devra être codé en HTML pour afficher les différents éléments. Il est possible de faire de beaux designs, mais il ne faut pas qu'ils soient trop compliqués non plus, ni trop "lourds" en poids d'images.

Si tu vois sur les sites une composition "header" + menu, c'est pas un hasard, c'est parce que c'est simple à coder !

Pour ce qui est de l'alignement vertical, il est possible de faire un motif répétitif, comme par exemple une couleur unie, ou un dégradé gauche droite, bref quelque chose qu'il est possible de mettre en mosaïque.

Pour la largeur, il faut voir avec lui ce qu'il veut, si tu veux faire un design fixe, il est mieux de le faire en 760px de largeur environ (entre 760 et 800 allez ).

Il faut que tu penses comme une programmateur pour faire un design : les élements se superposent, ou alors s'alignent comme sur un puzzle (tout dépend de sa manière de programmer), alors il faut que le design créé puisse être découpable facilement en quelques cases seulement...

Il est difficile d'expliquer ça tout de même...

J'ai essayé d'être clair pour les bases, après si tu veux plus de détails sur un point précis, n'hésite pas a demander, voire même a montrer une proposition, comme ça nous pourrons dire si le design est possible ou pas

Sarc

[Monique]

Bonjour Briwat,

Chercher à découvrir et à comprendre quand on débute n'a rien de risible, que du contraire

Te répondre dans le cadre du forum est assez difficile, ce serait trop long.

Je vais donc te recommander quelques lectures...

Pour comprendre comment "fonctionne" une page Web : CSS débutant

Pour la technique du découpage : CSS: Découpage d'une interface simple, un tutoriel (avec l'excellent billet de Steve Frécinaux)

Et pour aller plus loin, comprendre la démarche, connaître les avantages et les inconvénients :

- découper un design, Tableau ou Div (ne pas rater "Les coulisses d'un design" de Golden Mean)

- image sectionnée pour entete, image en plusieurs parties

Je pense que cela t'aidera à cerner le problème et à poser des questions plus précises auxquelles il sera plus facile de te répondre.

Bon courage

[briwat]

merci à tous les 2 ! je vais lire les liens et je reviens avec de nouvelles questions je pense.

sarc tu dis : "Il faut que tu penses comme une programmateur pour faire un design"

bein justement c est ça mon probleme, comme je ne sais meme pas comment ça marche la programmation je ne peux pas réfléchir en tant que programmateur.

donc peut etre que je dois apprendre au moins les bases de programmation avant de lui proposer le graphisme des pages.

mais pourquoi à l école ils ne nous ont pas appris ça, c est grave quand meme !!!!!

ps : je suis une fille

[briwat]

j ai mal à la tete là !!!!!!!!! j ai lu en diagonale et je n ai rien compris du tout.

tout ce que j ai compris c est qu il faut faire une feuille qui reprends toujours les memes informations afin de pouvoir changer un parametre ( couleur, grandeur etc...) sur toutes les pages en meme temps.

apres j ai compris que pour qu un texte apparaisse en titre il faut qu il soit placé entre 2 balises spécifiant que c est le titre et ainsi de suite.

mais le truc du découpage alors là..... , j ai rien capté. a quoi ça sert que mon image soit découpée en 3 ou 4?

comment savoir à quel niveau la découper? dans un des liens on peut lire :

"Le contenu est donc la partie de droite. On peut facilement voir sur l'image ci-dessus que l'on peut diviser cette partie en trois : le haut, le bas et le milieu, qui se répète"

bein c est peut etre facile pour lui mais là j ai pas compris pourquoi cette image se découperait de cette façon et non verticalement : la gauche, le milieu, la droite

et pourquoi en 3 et pas en 2 ou en 4.

bref je reste

[Sarc]

En fait, comme tu lis de gauche à droite et de haut en bas, on peut programmer de la même manière... Et, pour simplifier les choses, on essaye de donner une case à chaque élément.

Voilà pourquoi on fait un design en découpant de haut en bas : une case en haut, qui prend toute la largeur, par ex, ou il y a une bannière, puis deux cases aux milieu, une pour un menu à gauche, et l'autre pour mettre le contenu, et une case en bas où on met le pied de page.

Maintenant, je t'ai dis, il serait plus simple de fonctionner par l'exemple, et que tu montres ce que tu voudrais faire, il sera plus facile pour nous de t'expliquer le "non" que le "oui"...

ps : je suis une fille whistling.gif

Euh... J'ai mis quelque chose au masculin ? Ou tu dis ca pour qu'on soit plus patients ? , non, que tu sois fille ne change rien du tout au problème