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, igning links to slices, alternate text for slices, creating multiple slices at one time, previewing our file in a web browser, saving …
Duration : 0:21:4
#1 by mlbe8 - at
Me Again,
When i …
Me Again,
When i go to save as web & Devices the box that pops up that displays your template all spliced up, in here i cant slect each individual slice like you do in the video, any ideas on were i might have went wrong. I don’t want to continue as it may cause me problems later.
Mark
#2 by mlbe8 - at
My template is in 3 …
My template is in 3 parts, the header, the toolbar and the main body. Now when i am slicing up my toolbar do i need to slice the whole bar first, then slice the individual buttons. Also during the prosses of slicing do you need to select the layer, or layers on the layers pannel of wich you are slicing.
Thank you.
Mark from Scotland
#3 by Sanyi07 - at
Great vid dude… …
Great vid dude…video is much clearer on your website. Keep up the good work.
#4 by pyrofreak96 - at
great great great! …
great great great! You are so greate! I love your tutorials! Thank you!!!
#5 by musiccalgary - at
Atrocious. This guy …
Atrocious. This guy barely knows the topic, makes several factual errors. A little knowledge is a dangerous thing.
#6 by Shadow14l - at
use css
use css
#7 by jonnynasz - at
You psd layout it …
You psd layout it top class, I got carried away with design of the buttons, by the way are you a graphic designer? I learned uch rom the tutorial I wish I get working in dreaweaver
Regards
#8 by DenDeanBE - at
I desgned my site …
I desgned my site at 2640px (A4+background)
Why do you ask?
Cause I made an old looking paper and needet the same size
so what, this doesn’t botter
the problem is that my design falls apart because the size…
well my idee was to autosize it all
but how do I autosize it?
some one ?
#9 by Caioke - at
thanks , great …
thanks , great tutorial!
#10 by greenpillot - at
How do you make the …
How do you make the main content “editable area” expandable????? Have tried everything, if I do not enter the exact size in the css rule everything gets messed up….Any ideas??
#11 by greenpillot - at
quick question, …
quick question, once web page is sliced up and exported to dreamweaver, in the editable region of the main content area, i can only enter text no more then the exact height of the div tag, I know that I can choose not put any height at all in there, but when I do so my entire webpage gets broken up…any ideas?
#12 by blue5restaurant - at
Is there a way to …
Is there a way to save slices into a layer or group? I have a PS document with multiple pages on different layers. I’d like to have different slice groups for each page.
#13 by ebicain - at
Thanks.Nice …
Thanks.Nice tutorial !
#14 by smurphy109 - at
Great tutorial! …
Great tutorial! Thanks!
#15 by swc20 - at
Thank you verry …
Thank you verry much! It helped me, with the HTML coding. good job 10/10 points.
#16 by markgulyaev - at
Very nicely done! …
Very nicely done! Thanks
#17 by smeagol92055 - at
Ah, thanks, you …
Ah, thanks, you guys really saved my butt on this one.
#18 by RaffaelMartian - at
Nice tutorial, …
Nice tutorial, thank you!
#19 by spotbrooklyn - at
Yay tutvid is my …
Yay tutvid is my hero
#20 by JOHNKIDDIS25 - at
after finishing …
after finishing slicing i go to Dreamweaver CS3 to start making hyperlinks from them. Now every time i type something in the ” Link ” bar when trying to make hyperlinks, and press enter to finish,slices depart from each other, leaving white stripes between them.
#21 by cassey05 - at
very useful!! ive …
very useful!! ive been looking for a tutorial about this!!!
#22 by Jackques - at
yes, just slice …
yes, just slice then as normal, save it in the ‘normal state’ and afterwards go save for web those images again, but this time save them in the ‘rollover state’,..
or simply said.. just get the images of the diffirent states of your button WITH THE CORRECT DIMENSIONS (height pixels, witdh pixels) to avoid your layout from blowing up..
as for dropdown menu images.. sorry.. dunno how to put design in these yet in their dropdown stage
#23 by Jackques - at
once you ’save for …
once you ’save for web &devices’ like said in the video,.. you get the html file where you saved it right?.. like showed in the video.. THATS.. the ‘’skeleton code’.. but i highly suggest you drag along your ‘images’ folder to where you put your website online cuz without it… your website is just going to be an empty table (HTML table that is)..
get it? =)
#24 by carlosfarre - at
awesome!!!!!
awesome!!!!!
#25 by notentirelynecessary - at
Excellent. Thanks …
Excellent. Thanks for this.