End User Computing Course

Lab 2 10th February 2010 [email protected]

Task: Build a homepage for a newspaper/magazine showing the latest headlines, the newspaper can cover any topic you want (biology/sports/fashion....)

Email me your HTML and CSS so that I can review your progress.

Lab Assignment:

1) Structure your HTML so there is a container inside the body covering the whole page. Inside this container there will be a header container, a content container, a menu container and a footer container. Put some dummy content.

2) Position the containers with CSS so that: 1. the main container is centred in the page 2. the header is at the top of the page separated from the other containers by a couple of pixels 3. the content is placed beside the menu on the right hand side of the page 4. the menu sits on the left of the page 5. the footer is at the bottom of the page separated from the content and menu

3) Style the header container to display the name of the newspaper along with the a slogan of choice

4) Style the content container so that you can display a headline in large bold text (using a

-

tag ) and that the story is shown below using a paragraph. There should also be a separation between stories

5) Style the menu page ( a list of links) so you have a list of the last 10 issues, issue 1 -10, with date beside them i.e Issue 1 (01/01/10)

6) Style the footer to show in a smaller text who designed the page with a copyright symbol and the year.

Extra items (if you have time): Apply a different colour for the page background then for the main container background that looks good. Style the menu links for the page. Put in actual content in the news headlines and stories.