Photoshop Tutorial Slice and Export a Website Layout + HTML
Sep.10, 2007 in
Other
tutvid asked:
Welcome to this video tutorial! We will learn how to take a Photoshop created web page layout template and slice it into individual pieces and then export it with an HTML file. We will cover user slices, layer based slices, auto slices, naming slices, assigning links to slices, alternate text for slices, creating multiple slices at one time, previewing our file in a web browser, saving individual slices as gifs or jpgs from the same document, and exporting a fully functional HTML file to go along with all of it. Please enjoy and don’t forget to check out the site http://www.tutvid.com
Custom Search
September 11th, 2007 at 10:22 am
you saved me!!!!! great post
September 14th, 2007 at 3:22 am
this video sure helped. at the moment im trying to learn coding, and slicing.
September 14th, 2007 at 10:22 am
Yeah, he does get a percent of the revenue.
September 16th, 2007 at 6:22 am
Wow, I knew *why* it was sliced, but I never quite understood how it was done. Thanks.
September 17th, 2007 at 5:52 am
great stuff!! Thanks dude!!
September 20th, 2007 at 2:57 pm
hey if we click the ads does the money go to the tutvid guy? because this guy has helped me out soooooo much i might just click some ads and pay this guy back
September 22nd, 2007 at 2:21 am
Great Tutorial Ty
September 22nd, 2007 at 6:50 am
Until i saw this, i never understood stuff for web design stuff. This video is so understandable and so easy to use. Explaining everything is extremely helpful. Thanks tutvid!
September 24th, 2007 at 12:51 am
thanks dude! awesome tutorial.
September 27th, 2007 at 12:37 pm
thanks mate,,, also could you make a video of the best way you would recommend to make a website?
September 30th, 2007 at 4:55 pm
if i have one solid image in Ps that i intend on using as a baground image for something similar to that of a myspace layour that just consists of patterns and no photograph, would it negitivly effect the outcome of my page if i dont slice it, but save the whole thing as a GIF file then upload to Dreamweaver?
October 3rd, 2007 at 5:51 pm
Great tutorial. Thank you. It means so much! I will recommend your site to all!
October 4th, 2007 at 3:00 pm
This is a fantastic tutorial. You saved me a lot of time today. Thanks!!
October 6th, 2007 at 12:31 am
How do i Select Layers in photoshop because ive got photoshop 7? or would i have to do all that manually instead?
October 8th, 2007 at 2:53 pm
i never had any trouble following the instructions with his great way of explaining around that goes along with a nice speaker quality voice that maybe the reason i never had any trouble following it. Thanks a lot..!!!
October 10th, 2007 at 3:39 pm
Thanks man!!
October 13th, 2007 at 12:24 pm
man first i tought…20 some minutes is too much…but it was worth it
October 15th, 2007 at 3:12 am
wow..excellent dude..Thank u soo much..
October 15th, 2007 at 3:17 am
fkn awsome
best tuturial i’ve ever seen… besides your other ones !!! =]
October 16th, 2007 at 3:27 am
manny thanks dude….. nice vid. 😉
October 19th, 2007 at 7:53 am
Look at 19:45, you need to save as “Html & Images”
October 25th, 2007 at 5:44 pm
i made my owne Web template on Adobe photoshop cs3 and when i save it on (SAVE FOR & WEB AND DEVICE) on my desktop i only get 1 picture on my template i dont whant it i whant it to small pictures like i made in photoshop anyvon that can help me ? plz PM ME !!