Add a CSS Background Image or Color to a Website with Dreamweaver Tutorial

Add a CSS Background Image or Color to a Website with Dreamweaver Tutorial

In this beginner’s web design tutorial we apply a background color and image to a webpage using CSS and Dreamweaver. This technique works in all versions of Dreamweaver including 8, CS3, CS4, and CS5.
Video Tutorial Rating: 4 / 5

Don’t forget to check out our other video tutorials or share this video with a friend.

1 Star2 Stars3 Stars4 Stars5 Stars 0 votes
Loading... 3,499 views





20 responses to “Add a CSS Background Image or Color to a Website with Dreamweaver Tutorial”

  1. Eleanor Humphries says:

    An excellent video tutorial, I look forward to watching the rest. THANK YOU.

  2. Carend Ufuoka says:

    Thanks a lot for this tutorial. It was indeed helpful.
    However, I’m trying to put a different background image on each page of my website, but it still uses just one image. How can I do this?

  3. boutari093 says:

    thankk youuu <3

  4. kamikazy1 says:

    thank you so much you are very helpful and easy to understand great teaching

  5. megaultimaflash900 says:

    Yeah, you too

  6. storyindustrial says:

    Thanks, glad our videos helped. Happy Thanksgiving.

  7. megaultimaflash900 says:

    That was very helpful, thanks

  8. Felician Galgau says:

    Americanii creeaza website-uri, olandezii construiesc masini zburatoare, italienii fac autostrade moderne…SISTEMUL DIN ROMANIA…manipuleaza calculatoarele, intercepteaza telefoanele, manipuleaza oamenii…SISTEM, DICTATORIAL FASCIST…tiganii Uniunii Europene…GUNOAIE FASCISTE

  9. freeclearhand says:

    “In this beginner’s web design tutorial”..WE OPEN THIS BUT WE DON’T USE IT; WE CANCEL THIS ACTION.
    .WE OPEN NEW STYLE CSS RULE..
    HOW !?? WHAT FORM, WHERE FROM YOU ARE OPEN THIS ?? “In this beginner’s..
    I AM A DW BEGINNER, AND IF I KNOW WHERE TO TYPE AND OPEN THOSE I DON’T NEED YOUR VIDEO! IT IS DW BEGINER “KW’ IN YOUR VIDEO DESCRIPTION,REMEMBER!?

  10. SwagSociety01 says:

    okay thanks again.

  11. storyindustrial says:

    I think that was just a stock image. Go to istock.com or look for public domain mountain images.

  12. SwagSociety01 says:

    oh by the way do you mind giving me a link to the image you used in the background for this video ?

  13. SwagSociety01 says:

    woo! thanks for the quick reply! im following your tutorials right now there great and i figured it out, thanks for the quick reply 🙂
    great tutorials!

  14. storyindustrial says:

    It does that automatically. Thats why its called a background. As long as you place the image in the body tag it will be behind everything else.

  15. SwagSociety01 says:

    great video! just got a quick question, how did you get the webpage to be over the background?

  16. Saikeiworld says:

    Thank you for the tutorial much apreciated.

  17. Jasperguitar says:

    Now I have this:
    background-repeat: no-repeat;background-position:center top;background-size: 100%;background-attachment: fixed;}

    It changes with the browsers size AND the attachment is fixed.

  18. Jasperguitar says:

    Thanks for the fast reply mate 😉 I have to create a website with three different designs for a school project. However the teacher does not explain too well. Now I have to search the internet for tutorials and such.

    My background now changes with the browser window: background-size: 100%;

  19. storyindustrial says:

    Just use a wider image. If a person has an unusually large screen they probably have problems with all websites, so yours wont seem any different to them.

  20. Jasperguitar says:

    Now what if I visit the website on a bigger screen? The background will not be big enough to cover the whole page :/ Anyone?

Leave a Reply to Eleanor Humphries Cancel reply

Your email address will not be published. Required fields are marked *