Photoshop Tutorial Slice and Export a Website Layout + HTML

Added: Dec 23, 2007

Duration: 21:4

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

Channel: Education

Tags: adobe for layout optimize optimizing page photoshop site slicing template training tutorial web webpage website

Rating: 4.85 (377 ratings) Views: 114786' favoriteCount='1330 Comments: 208

arondaking09 Says:

Sep 1, 2008 - Life SvR

brasstacksmarketing Says:

Sep 3, 2008 - Absolutely fantastic. It would have taken me forever to learn all that on my own.

ClintonVG Says:

Sep 3, 2008 - Wow, I would totally buy you a beer if I could. I think I am finally not afraid of websites!!!

denizen22 Says:

Sep 5, 2008 - A very good video tutorial. Thanks!

mikelpanky Says:

Sep 6, 2008 - wow.That just flippin blew my mind.I love you...XD!

WingViool Says:

Sep 10, 2008 - This is probably one of the easiest way to make a website, but you just need to know how. Thank you very much!

adrien20061988 Says:

Sep 10, 2008 - wow this was prolly the best thing i ever heard in a long time... YOU REALLY ARE A GOOD TEACHER!

mightymints Says:

Sep 12, 2008 - you are my favourite youtuber, no doubt about it.

gilbot3030 Says:

Sep 14, 2008 - very long tut, but every second of it is very useful, thank you for providing such info to the youtube community!

PhTelevision Says:

Sep 15, 2008 - excelent tutorial, very well explained

cabo087 Says:

Sep 20, 2008 - great tutorial. I know how to do this nowthnks

Allexa1000 Says:

Sep 21, 2008 - Awesome!! Thanks for the tut!

katanning6317 Says:

Sep 21, 2008 - Excellent tutorial. I learned more in 21 minutes than I did for a whole semester at university! Thanks so much dude...

swant0nb0mb10 Says:

Sep 22, 2008 - :thankyou: very good pal

obsdesign Says:

Sep 22, 2008 - Excellent tutorial. Tutvid is one of the best contributors to the youtube community.

tenrobso Says:

Sep 24, 2008 - Well paced and easy to understand. Many thanks Tutvid.

krendi Says:

Sep 24, 2008 - ditto. thanks heaps.

khrisf Says:

Sep 25, 2008 - Studies Sucks! life skills rule!

khrisf Says:

Sep 26, 2008 - Hey I have a question that no one has given me the answer.. I have an excellent idea of a million dollar website. similar to youtube but complete different! What are the steps to build it?? ?f

just7467in Says:

Sep 26, 2008 - Awesome tutorial! EXACTLY what I was looking for.. thanks a million!

richpickins Says:

Sep 29, 2008 - hi, did u get my reply a few days ago?

khrisf Says:

Sep 29, 2008 - do, i didnt get it...

richpickins Says:

Sep 29, 2008 - i was saying that i looked into building a youtube site so i bought a skeleton youtube site off ebay for about £10 but i needed to know php and mysql stuff and it was all gettin a bit hardcore so i got an ebook on php and mysql and it gave me a headache...but ive just joined bluehost to host a website of mine and lookin in the control panel i think they can do most of it for you. so email them and tell them what you want and they should guide you and you can build your site on there as well..

khrisf Says:

Sep 29, 2008 - Hey, thanks, i will try to to that. i took a ebook course and it was a pain in the as$ lol... but thanks for the info! Hows your site doing?

hmd7oceans Says:

Sep 30, 2008 - Fantastic tutorials. One should be able to get a degree from tutvideo. I'm going to use these for a web design class I'm teaching. Better than most tutorials costing big $. Thanks!