Modern web design

[rap-4ever]

I recently heard about a new method in web designing. This method is used Photoshop and Dreamweaver. Can someone give me some good books for this kind of web designing?
Thanks.

[ozziemale31]

i use photo shop to design header bars and stuff its good

[Mysterio]

Maybe you heard something about .PSD files. All companies have their designer which design the Photoshop document, then programmers convert it to html.

[frostymarvelous]

Its quite simple.
You create the whole layout with photoshop, then slice out the portions you can't recreate in html and then make them into images like the logo etc.
You can then use dreamweaver to do the rest.

So basically, you want to get the appearance in photoshop. Kinda like drawing it.

[rap-4ever]

Its quite simple.
You create the whole layout with photoshop, then slice out the portions you can't recreate in html and then make them into images like the logo etc.
You can then use dreamweaver to do the rest.

So basically, you want to get the appearance in photoshop. Kinda like drawing it.

YES ... But how to cut part of the PSD file and it all fit in the html file? Are there any good tutorials? Sorry for bad english... it's just google translator :D

[frostymarvelous]

The only ones I know are in English.

How to design a website layout in Photoshop

[Mysterio]

How to cut? This is a simple task, does not need a tutorial. Just select your part, image -> crop. Then file -> save for devices. And save it using your wanted dimensions.

[frostymarvelous]

The slice method is more efficient than the crop method.

[Mysterio]

Thats on your opinion. Slice and crop, being different methods have different aim. For our need, to CROP a logo from a .psd we use CROP.

[frostymarvelous]

Cropping might be easier, but its for a purpose though it can achieve the same goal.
I photoshopped for years before startingnwe design so I'm not ignorant.

Believe me, there's a difference in the output file.

[rap-4ever]

Here are some good tutorials:

Top 10 Tutorials To Learn PSD To HTML Conversion | Web Design Dev
Photoshop to HTML Nettuts editor Jeffrey Way Hotfile Rapidshare Megaupload FileServe & Torrents [VIDEO TUTORIAL]
How to design an HTML and CSS web site using Adobe Photoshop and Dreamweaver

This is to design a web site in Photoshop:

45 Step-by-Step Tutorials on Web Design with Photoshop | Psdtuts+

[Mysterio]

@ Frostymarvel: I didn't say you are ignorant and there is no need to be offended. I like that you try to help, but I don't like how you try to overwrite the others. I work in big webdesign company and my photoshop-crops are worldwide spread. You may use anything, but croping is smartest way. If you want maximum quality, then we export only that layer (if it is possible)

[frostymarvelous]

ow to cut? This is a simple task,
does not need a tutorial. Just select
your part, image -> crop. Then file ->
save for devices. And save it using
your wanted dimensions.
[Reply]
frostymarvelous 20:49 Today
The slice method is more efficient
than the crop method.
[Edit] [Reply]
Mysterio3 20:54 Today
Thats on your opinion. Slice and
crop, being different methods have
different aim. For our need, to CROP
a logo from a .psd we use CROP.
[Reply]
frostymarvelous 21:54 Today
Cropping might be easier, but its for
a purpose though it can achieve the
same goal.
I photoshopped for years before
startingnwe design so I'm not
ignorant.
Believe me, there's a difference in the
output file.
[Edit] [Reply]

I don't see any ovewriting here, just a healthy intellectual argument over how to achieve a common goal.

I don't try to assert my opinions unless I think the other party is in error.

I'm not offended. :D

[rap-4ever]

How to cut? This is a simple task, does not need a tutorial. Just select your part, image -> crop. Then file -> save for devices. And save it using your wanted dimensions.

Which parts should be cut in the picture?

[Mysterio]

You can cut the part you want by using the Crop Tool (Shortcut Key C).