Learning Report #3
Using css for background images
The resource I used was an html code tutorial from http://www.tutorialhero.com/tutorial-52-css_background_image_guide.php
What I learned
While it is possible to add background images in the actual html code, it is a far better practice to do this through css because you are able to change just one single page and keep the look on your entire website constant. So later on when you decide that that beautiful gif of a dancing bannana repeated 10,000 times across your whole website is not really what you want, then you can make a single change and fix it all easily.
Some of the benefits of css background images are:
- It can add background shading
- It is easily lets you change the content on your whole site from a single place
- You can give your website a good customized look.
How I implemented css background images
I used the following steps to implement css background images:
- I found a background image that I wanted to use
- I found the appropriate syntax to add it to my background
- I went to my css file and added the backgroung image to the header div
It is also a better practice to only use images that you host on your website, other then avoiding potential violations of copyright laws, it also makes sure that your website's look does not get down because somebody elses surver has problems.