Assignment 14 - DIVS, Lists & Images

Use the templates here for modifying the two documents: first.css and home.html.

1. Add a couple of division styles to your stylesheet. One should be for navigation purposes.
2. Add a list item style li to your style sheet.
3. Save your style sheet as first.css
4. Add code to your HTML file to make use of those division styles and bullets. Add a few links in an unordered list <ul>, which don't really have to go anywhere. Remember the page name to one link, though, because you can use it for your new page (item #6). Also, make one link go to survey.html, which will be used later.
5. Save your HTML file as home.html
6. Make a second page that makes use of the same first.css style sheet.

Hint: Use as much copy and paste as you can. If you try to retype these codes, there's a huge chance that you'll miss one little ending semicolon or curly bracket. You can see the examples of code for both the pages and the stylesheet at:

• home.html
• nongkhai.html
• first.css

Copy and paste this code into your text editor, then play around with the coding, change all the text and images for your own subjects, try different padding and colors and arrangements. You can view the actual style sheet here. You can view an example of the actual home.html and nongkhai.html here.

Upload your modifications of all three of these pages (2 HTML files and one style sheet) to your webhost account.

Back to Top