Photoshop Slices and Dreamweaver Tutorial - Part 1

yup! This is a lesson on taking your design in Photoshop and getting it over to Dreamweaver the proper way. I even through in a technique
for getting a fast-loading and repeated background using CSS.

HURRAH!

Category:

Education

Tags:

• photoshop
• slices
• tutorial
• dreamweaver
• lesson
• graham
• tutorialclarity
• slice
• tool
• color
• pick
• css
• firefox
• part
• html

[hafez79]

i really asking the same as azedan 88 . Hope you can help .. thanx

[TutorialClarity]

Don't export your design from photoshop with any text over the images. Export it clean, then set the images to the background inside the TD tags within dreamweaver. Then, use CSS/font styles to recreate your text over the images. You can't edit text which is embeded into an image because the text becomes part of the image itself.

The only way is to do as I said - use dreamweaver/CSS to insert your content, not photoshop.

:)

[azedan88]

hello TUTORIALCLARITY...im just want to ask u about..how to edit your text after doing the slices??..and after convert to DW..and load all the images..then how can i edit all the text?..hope u can show me and teach me how~ Really need your help~! thanks~

[TutorialClarity]

Don't export your design from photoshop with any text over the images. Export it clean, then set the images to the background inside the TD tags within dreamweaver. Then, use CSS/font styles to recreate your text over the images. You can't edit text which is embeded into an image because the text becomes part of the image itself.

The only way is to do as I said - use dreamweaver/CSS to insert your content, not photoshop.

:)

[kicox1]

anyone know how to put a horizontal menu in dreamweaver with drop downs onto the banner???

to be specific, i made the banner in photoshop and the rest of the page but i dont want pics as my Menu i want to use actual HTML made in dreamweaver with the SPRY tool. however, it always pushes it UNDER the BANNER.. i want it on the bottom of the banner (possibly see thru, show only text) now i did manage to move it up but the drops downs are all messed up..

if youd liek to help please reply

[Stinkywinkerbean]

Too much talking!

[TheMacDeath]

Thanks a lot mate! you are even more skilled than my instructor.

[dchinshaw]

get to the point and stop trying to amuse us

[HawxTeamDelta]

@supa3004 gif has a white border when its transparent. not looking good

[superquakie]

Your the only tutorial that covers how to PROPERLY export images & how to PROPERLY code text and links in DW. Nice clean instruction easy to follow. Very informative. Thank You

[ju1c3washere]

too much speak

[supa3004]

why not gif? Wht are png better than gifs?

[stranchepro]

5:42