Adding a Background Drop Shadow to a Website Using Adobe Dreamweaver, Fireworks and CSS: Part One

In this video we use Dreamweaver, Fireworks and some CSS to add a background shadow to a website. This can be used in any version of Fireworks or Dreamweaver including CS3, CS4 or CS5.

Category:

Education

Tags:

• background
• drop
• shadow
• css
• html
• dreamweaver
• fireworks
• web
• design
• website
• CS3
• CS4
• CS5
• adobe

[dggd]

YOU WERE SUCH A BIG HELP!! So very concise and clear. Thank you for your assistance in something I thought couldn't be done in Dreamweaver. Much appreciation!

[storyindustrial]

@dggd Great, I am glad you found it useful. I am going to try to do more tutorials with newer versions of Dreamweaver and Fireworks soon.

[Pop2Lock]

This is exactly what I was lookin' for. Thank you!

[storyindustrial]

@Pop2Lock Sure thing, glad it was useful for you.

[escoveli]

Finally someone who can explain in plain English for beginners, nice tutorial

[storyindustrial]

@escoveli Thank you for your kind comments. Keep checking back, I'll be doing a lot more tutorials. Subscribe and you can get alerts as I upload them.

[gfelician41]

Americanii creeaza website-uri, olandezii construiesc masini zburatoare, italienii fac autostrade moderne...Politia din Satu Mare, Romania, manipuleaza calculatoarele, intercepteaza telefoanele, manipuleaza oamenii...SISTEM DICTATORIAL FASCIST...tiganii Uniunii Europene

[bartant]

thanks for that!...you made my day! ;)

[slicecbr]

@TonyasDynamicDesigns I followed some tutorials on here, and without this 'cleaner' (just the name given to a div) the drop shadow would only go along the header and not along the content area. This is the CSS:

.cleaner { clear:both; width:100%; }

[TonyasDynamicDesigns]

@slicecbr What is the "cleaner" that you had to add? I have never heard of that before? Thanks!

[slicecbr]

10/10. Thanks for the tut, I was looking for a drop shadow and it worked brilliant. The way I built my website though I needed to add a cleaner to allow the shadow to wrap around the content.