Search:

F1 Racing Formula One Racing F1 Car Racing Grand Prix Racing F1 Kart Racing McLaren Racing Team Williams F1 Team Ferrari F1 Racing Renault F1 Team F1 Racing Cars Racing School F1 Racing Game BMW F1 Racing Indy Car Racing

Photoshop Tutorial Slice and Export a Website Layout + HTML

Formula 1 Racing
Formula 1 Racing Formula 1 Racing
Formula 1 Racing

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
Uploaded: December 31, 1969 at 6:59 pm
Author: tutvid

Length: 21:04
Rating: 4.87
Views: 135754

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

Video Url:


Embed Code:

Video Comments

lohrge08 (December 31, 1969 at 6:59 pm)
RE: Same question as posted by GrenadianVidz . . . PLZ REPLY!!
BuyandSellIreland (December 31, 1969 at 6:59 pm)
Great tutorial - very informative.
o0MrBrown0o (December 31, 1969 at 6:59 pm)
Thanks for the help but when i make the buttons and add links and all of that and they create new buttons and the old ones i delete. and then i cant get those cells away how do i do that in dreamweaver. Can you help?
GrenadianVidz (December 31, 1969 at 6:59 pm)
I have one question why does every time I place the layout in Dreamwever and edit it the slices tends to move about?Any one has an answer to this?Thanks!!!
perishingflames (December 31, 1969 at 6:59 pm)
Very good tutorial, helped a lot.
bbycakes081 (December 31, 1969 at 6:59 pm)
so that's how it's done! great, and easy to follow! thanks!
KuramaYoko10 (December 31, 1969 at 6:59 pm)
Great tutorial.. thanks so much, you really helped me simplify and explore more slicing!!thanks =D
D3moness (December 31, 1969 at 6:59 pm)
Wow, I've been doing it the terribly hard way.. Marquee Tool/Copy > New document > Paste n Save, then hand writing the html.Just wow.Many thanks for this!
sikie180 (December 31, 1969 at 6:59 pm)
Great tut. Probably the best explained i have seen on the net, many thx
wildhalf (December 31, 1969 at 6:59 pm)
Thanks very much for that tutorial. Loved it, I spent hours last night doing it the wrong way.I was wondering do you have any tutorials on how to export into a CSS/XHTML site. I know it can be done but just need to know how to do it properly.Also is there a way to export text from photoshop.Thanks again for all your great work..

Formula 1 Racing © 2007 All Rights Reserved.