Salut tout le monde , j'aimerais faire mes premiers pas en webdesign ( pour le codage , on verra aprés )

Alors voila , j'aimerais réaliser un site avec Photoshop, mais je connais , rien de rien dans ce domaine , comment on fait pour mettre les liens , texte ou pas texte , enfin , voila , j'aimerais savoir comment créer un webdesign sous photoshop et aprés savoir le coder ,


Merci de votre aide

P.S: J'ai quand meme des bases en html et CSS ( vous inquiétez pas trop , je sais coder , mais pas un webdesign )

Que veux tu créer sous photoshop ? La partie graphique ?
Si oui, tu cherches pas a comprendre ... tu laisses ta créativité allez où bon lui semble

Pour le code ... pas de toshop, pas de truc automatique pue ... rien que ta matière grise

Comment à faire un brouillon et applique le sous photshop

Qui dis webdesign demande un cachier des charges.


Commence à prendre une feuille et à notez toutes tes préférences (pour les menu par exemple: menu à gauche en liste ou en menu déroulant .. ) et d'après ca tu auras déjà la disposition du site.

Ensuite tu t'attaque au design (webdesign=design pour le web) tout en respectant ton cachier des charges et dans le style que tu souhaite.

Une fois fini j'espère que tu as un psd pour pouvoir modifier un jours si tu as envi ou si un truc te plai plus trop, tu enregistre et puis tu fais une copie en .png (Gounlaf m'a déjà fais la morale sur ca ^^).

Puis quand tu dis tu sais coder css mais tu sais pas coder webdesign ? à mon avis tu voulais dire tu sais pas comment t'y prendre pour l'ordre du contenu des images ... . Réfère toi au très bon tutos de Salah que j'utilise comme base.

Ensuite tu fais comme dans le tutos, tu découpe header footer, menu gauche .... . Pour découper le design moi je prend l'outil rectangle de séléction et je séléctionne les différentes parties et je coupe et colle dans le presse papiers et tu enregistre sous le nom pour le header "header" .. .

Voilà ensuite tu dois modifier le code et rajouter des div et atres selon ton contenu et de la dispo de ton design (j'ajoute que le tutos de Salah est très bien comme base mais je dirais aux débutants que ca vas pour toutes sortes de design mais il faut le modifier et pour ca faut avoir quelques conaissances comme tu les as it's good ).

Et quand tu fais un webdesign tu dois tout mettre dans un dossier sinon tu te retrouve comme moi sur le ftp avec pleins de truc par si par là.

Voilà bonne chance à toi . De même je pense que Gounlaf est plus apte à te conseiller et à te corriger ou autre.

Merci a tous pour vos conseils . Comme l'a dit Goun je cherhce a réaliser la partie graphique du site , mais le problème, c'est , comment je fais , y a t-il des tailles a respecter , le texte , on le met avec toshop ou sans ? puis après , une fois les menus fait , comment on place les liens dedans ? . Voila c'est un des problèmes que j'arrive pas a comprendre . Sinon meric henter je vias voir le tuto de salah , mais le truc du presse papiers , euh , j'ai pa s trop compris

Merci encore de vos conseils .

C'est une IMAGE ... donc, tu met du texte, si tu veux que tes liens soient vert, tu les fait vert sur ton image ...
Les tailles : 1024*768 c'est l'idéal

Ok et après , comment tu code ? avec les <a href=... ? sur l'image ?

Dsl je suis un noob mais faut bien commencer un jour

Occupe toi de l'IMAGE SEULEMENT. Donc, si tu veux un LIEN, tu met LIENMACHINCHOSEBIDULE
Pense a faire différent CALQUEs ...

Au moment du CODAGE, ca sera différent

Ok , je vais essayer ça

Un petit exemple (assez vide ma foi)

Merci pour l'exemple Goun , tu saurais m'expliquer ce q'henter a voulu dire , copiant dnas le presse papiers ? Merci

tu copie la partie header puis tu la colle dans une nouvelle image et t'enregistre cette nouvelle image sous le nom "header". En éspérant avoir été plus clair.

Moué , en fait si j'ai bien compris , je fias des menus , headers séparés , puis je colle le tout sur un meme psd ?

Nan
Tu gere tout sur des calques ... pour pouvoir modifier plus facilement

oki , merci de vos conseils , maintenant , je m'y mets