.PSD to HTML! (HELP)

[Something Vague]

I would love to learn how to take my .PSD and turn it into HTML using either tables, or CSS. Perfer CSS. Any tutorial links? Anyone who can personally help me via MSN? PM me!

 

[Camron]

You mean psd image slicing?

 

[Something Vague]

I guess;

I started doing it alone. I sliced my .PSD into eight images. Coding it. It's turning out... alright.

I'll post it when I'm done! It'll be a fun laugh!

 

[NavySeals91]

Ugh...coding, a worst enemy for many people.

 

[Xyzer]

Bad for people or whatever was said is not a very good way of looking at it, some people have to be coders becuase how is there millions and millions of sites out there that are coded and not just images!

 

[Kadenz]

Coding is some hard stuff, sometimes, it's easy when it's only CSS, but when you get into a high graphic page, whoosh!, right over the head. I mostly use CSS with a few images, still looks good, just not as good.

 

[JYM]

This is a very easy job.

From photoshop, use the slicing tool and slice up your layout. Then, go to File > Save for web. There you can select image quality, and whether or not you want it in HTML or CSS. When it codes the CSS, it makes everything absolutely positioned... which is fine if you don't change your layout but otherwise might be annoying because you will have to weak some things.

Any rep is appreciated

 

[Dr0xX3rZ]

This is a very easy job.

From photoshop, use the slicing tool and slice up your layout. Then, go to File > Save for web. There you can select image quality, and whether or not you want it in HTML or CSS. When it codes the CSS, it makes everything absolutely positioned... which is fine if you don't change your layout but otherwise might be annoying because you will have to weak some things.

Any rep is appreciated

I don't find in photoshop the options to save in CSS...

edit: forget it.. found it lol

 

[NavySeals91]

I don't find in photoshop the options to save in CSS...

edit: forget it.. found it lol

Where is the css option?

 

[JYM]

This is how to save with CSS:

1. Go to File > Save for Web... then hit the save button
2. Choose "Other..." for settings.
3. For the "Saving Files" option, choose "Slices"
4. Hit the little option that says "Generate CSS"

Hope this helps.

 

[NavySeals91]

Thankyou JYM

 

[navjotjsingh]

Thanks for the tutorial...even I have hundreds of PSD templates but wanted them in HTML and never could figure it out how to do that. Thanks for this method.

 

[JYM]

I'm glad to help

Any reputation would be appreciated. PM me if you have any further questions.

 

[YaSHaRz]

Thanks a lot.
Rep added.

 

[leviathon]

You know... if you go on Google and check for "Photoshop Slicing Tutorials" you'd get 93,200 sites such as http://www.heathrowe.com/tuts/slices.asp


Hope that helps

 

[dongan]

This is how to save with CSS:

1. Go to File > Save for Web... then hit the save button
2. Choose "Other..." for settings.
3. For the "Saving Files" option, choose "Slices"
4. Hit the little option that says "Generate CSS"

Hope this helps.

OOPS. I have't found before reading this. thanx.