[Webdesign] Design avec Photoshop

[jadorelescss38]

Bonjour,

Tout d'abord, je précise que je suis débutant en site web...

J'ai une petite question concernant le design des sites web.

Je viens de regarder un tutoriel qui explique comment réaliser un design de site grace a Photoshop. L'idée est de desinner en quelque sorte son site (banniere, menu, pied de page, logo...ect) et de mettre cette image en arrière plan sur une page web (quite a découper cette image en plusieurs parties).

Je souhaite donc savoir si cette façon de faire est répandue ou pas, si sa pose des problèmes vis-à-vis des normes en vigueur...

En gros, est-ce une bonne façon de procéder ?

Merci d'avance.

[Dsphinx]

Hello,

En fait, Photoshop te sortira un tableau composer d'images et c'est très agréable de générer des designs avec photoshop car le site a beaucoup de personnalité.

Cependant selon les normes du W3C, il est préférable de positionner ses éléments avec des div plutot qu'avec tes tableaux (mais encore bcp de gens (dont moi certaines fois) utilsent les tableaux pour mettre en forme leurs sites)

L'ennui tout créer avec photoshop est lorsqu'il faut mettre à jour, le site... Il est souvent fastidieux de devoir tout lancer Photoshop pour changer juste un mot dans un onglet !

Deuxième ennui est qu'en générant autant d'images ton site sera un peu plus lent lors du premier chargement ! et s'il y a bcp de trafic cela se ressentira un peu...

Mais sinon j'aime bien car ca permet de créer de chouette design facilement...

[FraK]

Tu as un outil dans photoshop qui découpe ton design directement en images (et c'est toi qui choisis les découpes)
Cela se fait à'laide de l'outil "tranche".
Une fois que tout est bien découpé, tu fais fichier >> enregistrer pour le web
Apres c'est du choix perso (à savoir lorsque tu exporteras les images et la page .html générée par photoshop, tu dois bien regarder quel format d'images tu souhaites. Pour une bonne naviguation il ne faut pas que tes images excedent ... allez, on va dire 15ko pour etre gentil, et qu'elles soient quand même de bonne qualité. Le .jpg moyen est souvent le mieux, voir le .gif tramé)

[dream_of_australia]

Tu peux aussi utiliser Photoshop à moitié.
Je m'explique : tu peux faire ton design sous Photoshop, mais ensuite tu n'utilises pas tout.
Un exemple : si tu as un fond uni à un endroit, autant utiliser une background color plutôt qu'une image. Pour un fond qui se répéte en horizontal ou en vertical (par exemple un dégradé) tu peux faire une toute petite image qui ne prendra pas de place et utiliser background-repeat. ...etc...

[Dsphinx]

Envoyé par dream_of_australia

Tu peux aussi utiliser Photoshop à moitié.
Je m'explique : tu peux faire ton design sous Photoshop, mais ensuite tu n'utilises pas tout.
Un exemple : si tu as un fond uni à un endroit, autant utiliser une background color plutôt qu'une image. Pour un fond qui se répéte en horizontal ou en vertical (par exemple un dégradé) tu peux faire une toute petite image qui ne prendra pas de place et utiliser background-repeat. ...etc...

c'est ce que font la plupart des webdesigner !

[FraK]

hahahaha, clairement
et meme que ton bg repeat est useless pour ma part ^^
tu as juste à faire une image de 1px de large et de hauteur pour le fond, pas besoin de l'attribut repeat ^^
et la meme chose pour le dégradé (1 px de largeur et hauteur du dégradé)