Empowering Today’s Learners to Become Tomorrow’s Leaders
We can use the background property of CSS to add interest to our containter.html page.
Instead of using a solid background color for the wrap, let's use a background image
Right mouse on the image below and save image as bg_wrap.gif.
Save this image into the images folder in procedures folder
Background images -part 2
2. Save and preview in a browser.
It should look like this:
Some of you may have noticed that some additional content started to appear in steps 3 and 5. While we did not provide you with specific instructions for creating this content, given how far you've come with your procedures site, we ask that you attempt to create this content on your own (without the provision of copy and past code) to earn the final few marks on your procedures site. If you're up to it, go for it...you can do it! If not, you'll only lose a few marks by just moving on. Bottom line here, in the sidenav area, you see navigation links to each of your pages...you can make those easily! They may appear underlined in your browser...this is fine. On the other side (content div), you see the application of some standard html tags to some basic content and also some CSS. You do not actually have to make that phrase 'This is a link to the table page' with 'table page' in red a link. If you do, you will lose the red formatting. However, if you are savvy enough to link table.html to the text 'table page' and still keep it red (by adjusting the way your links look in CSS), you'll get two bonus marks. We haven't learned that yet but we will in Dreamweaver.