Web Design and Publishing: Session four
Session four summary
At the end of Session four you should know that:
- we can use CSS for page layout, using the <div> tag
- we use the float property with <div>s to create page layout
- the clear property is very useful to use in conjunction with float
- in CSS, each HTML element is treated as a box, having content, padding, borders and margins
You will have added layout styles to your external style sheet, and made a new page with a CSS layout including a header and two columns. You may also have experimented with adding padding, border and margins to your page elements.
Creating a CSS page layout is certainly an achievement: well done!
Self-study tasks
It is always a good idea to practise new skills: to reinforce what you've already learnt, and give you confidence to tackle the next new topic.
Here are my suggestions:
- make more pages using your basic CSS page layout and experiment with adding different colours, margins, padding and borders to your divs and other page elements
If you wish to print out this session's web pages, download the .pdf version of session four here.
Next session
We'll look at creating tables in HTML and adding more styles with CSS.