Slice and Export a Website Layout + HTML: Photoshop Tutorial!

Check this video out at Hi-Res here: http://www.tutvid.com/tutorials/photoshop/tutorials/slicingALayout.php

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

Category:

Education

Tags:

• Adobe
• Photoshop
• Tutorial
• Training
• Web
• Page
• Webpage
• Site
• Website
• Template
• Layout
• Slicing
• Optimize
• for
• Optimizing

[dantaz]

Hi, i like your videos, can you tell me a good resolution for a website please? because i dont know what is normal to use, thanks :)

[brianvdberg0]

@dantaz thums up for this so it will be answered

[neha1299]

thank u thank u thank you !!!

[aFiRAbdel]

Thank u :)

[pixluser]

@dantaz 960 / 980 px is good

[NorthernSativa]

@dantaz 72 is optimal for web. 300ppi for print.

[reshan122]

thank u soo much

[mariel516]

I learned a lot. Thank you!

[infinitelim12]

how to download???



[fabiandevries]

Thank you very much! Your tutorial was very clear, lovely :D!

[JessesPlaylist]

@dantaz 600 and 800, so that it's sort of centered within your web browser.

[srivatsan1101]

A GOOD Clear view on Slices... Thank YOU...