Using HTML

HTML Recap Exercises

Exercise 2

You have been asked to create a web page for a training centre based on the design given in finishedpage.jpg. You have two hours in which to do this.

  1. Use the text in the file exam.txt to create a html version of the image finishedpage.jpg using an external style sheet called hcistyle.css
  2. The title of the page is HCI
  3. The page background colour is #ffffec
  4. The text colour is #666666
  5. The link colour #000033
  6. The font face for paragraph text is verdana
  7. The font size for paragraph text is x-small
  8. There is 1 level 1 heading, 1 level 2 headings and 3 level 3 headings
  9. The heading colours are #c9a4d0(h1), #996699 (h2) and #cc00ff (h3).
  10. The image is called HCI_header.gif.
  11. The size of the table border is 2.
  12. The background colour of the table is white.
  13. The border colour of the table is #cc6699.
  14. The background colour of the first row of the table is #ffffcc.
  15. The address for the link is http://www.useit.com/alertbox
  16. Items should be listed, aligned, bolded and italicised as shown in the diagram finishedpage.jpg.
  17. Save your finished web page as yourname.htm