How to slice and export a website design from Photoshop

In this tutorial I'll teach you how to slice a website design from Photoshop and then export it to Dreamweaver. In the previous tutorial I created a layout in Photoshop you can watch it here: http://www.youtube.com/watch?v=sHau3vka0Fs
Make sure to also watch my brand new video where I set everything up in Dreamweaver here: http://www.youtube.com/watch?v=LUroTs3niGQ

For more tutorials in bigger size and a lot of other good photoshop stuff, please visit my website www.photoshop-phreak.110mb.com

Category:

Howto & Style

Tags:

• adobe
• photoshop
• cs
• cs3
• cs4
• how
• to
• phreak
• easy
• follow
• slice
• slicing
• dreamweaver
• import
• export
• website
• design

[Nafninc]

wow, i never learnt how to use the slice tool nor guides, i use to manually ctrl-x every detail now i can just slice and select then save, thanks alot mate !

[Ozzurfer]

@Nafninc I'm very happy to hear that! Thanks :)

[najeerand]

I really liked your channel and this video. If you need any help getting this video exposed I use a site called tubeviews.(net) It has really helped like 20 of my main videos get to the top in position. Its nice.

Nice.

[Ozzurfer]

Thanks man :D I'll check it out.

[Doinkerchic]

Chill ppl! It's just his accent which i love =]

[Grkgod4uturks]

@everythingformacfull once you purchased a domain and a host plan, you will get a email from your host of detailed info such ass user name and password to upload in using ftp software like (filezilla). all you have to do is upload your content of your designs and index files to your html folder in your host

[Ozzurfer]

@everythingformacfull You use your FTP software and the details you've been provided with by your host. Contact your hosting company and ask them for help :)

[goodgooglegoo]

Thanks for the lesson ... .....

[ShiftySM]

@sanajleh2009 WE NOT TALKIN ABOUT IMAGES !

about Home, Galary ETC

[Melanatedone]

whenever I attempt this the preview breaks up the slice with gaps.

[Elqno]

if the text for every button was an uncommon font/special/etc then it was good as you sliced it, but if it's going to be a font that is normally used in html (check the family fonts) then you dont' have to slice the whole button, coz it will be huge in size, just slice a 1px column then make it repeat-x in CSS and apply some text to it, but as i noticed you made some text shadowing and so on, so i guess copying the whole button was good ;)

[Elqno]

why not? i think is more likely how do you feel comfortable with...a table as a div are in the standard and it's just about how do prefer to code the website, CSS is applied different to both, but still working in all browsers ;)

[JoniWarden]

I did this in PS. It was one of the easiest things I've done. Thank bunches!!