The Practical
Task 1: A simple HTML page
Your page should contain the following information:
- Your name
- A job title (or something like 'Bioinformatics MSc Student')
- Your email address
- Your postal address (use Birkbeck if you wish)
- A paragraph describing your job or interests
- An image of some sort
- A set of links to web sites of interest as a bulleted list
Save your final page as htmlpage.html and view it in your web browser using a URL like file:///path/to/htmlpage.html
See the Resources section for some help as well as the list of tags in the lecture handout.
The results should look like this:
Task 2: A CSS enhanced HTML page
Having created your first page, you should now re-write the page to use CSS. Any layout and formatting information (e.g. justification, fonts, colours) that you put in your HTML version should be discarded from the HTML and replaced by appropriate CSS referenced using class='xyz' attributes.
Use the different types of information in the list above as a guide to the classes you should use - each can then be formatted as required.
Try to be inventive with your CSS - use some colours, backgrounds, different fonts, etc.
Save your final page as htmlpage.html and view it in your web browser using a URL like file:///path/to/htmlpage.html
See the Resources section for some help on CSS.
The results could look something like this:
