Signed in as:
Sign out
Links
Advanced Websites
Layout and design
Backgrounds
Page framing
Navigation I
Navigation II
Server Side Includes
Processing images
CGI Coding I
In this session we see how to make your web pages more visually interesting / pleasing by setting up a good background color. Topics include:
Note: I strongly suggest you view all our videos in full screen mode: click the icon in the lower right corner of the video area (it shows four arrows pointing to the corners of the screen). When you are done, the Esc ("escape") key returns you to regular mode.
Click here if you have problems with the sound on the video.
Lesson 2: Backgrounds
Part 1: Solid Colors and Gradients
Hands on exercise
This exercise is primarily focused on choosing
background coloring
In your AdvancedWebFiles/index.html page, add class=back to the <body> element
In your workStyles.css, experiment with different solid colors and gradients to find one you like the best for this website.
Once you have a background, you will want to keep it consistent across your website
Session 2
Here we examine using images for your page background. Topics include:
Hands on exercise
This exercise is primarily focused on choosing
images for your page background
First, check the suggested locations for images to find an image you'd like to use as background for your AdvancedWebFiles/index.html page.
Then change the definition of ".back" to use that image (or multiple images) to create the effect you want.
Supplemental materials
A cumulative summary of the contents of the course so far:
Click here for the cumulative technical summary
back list forward
Email us if you would like additional information. We would love to see your comments and recommendations for our site.
Our privacy policy: we use cookies to keep track of where you are on the site, but we do not leave cookies on your site; we do not track your visits; we do not disseminate any information about you because we do not gather any information about you.