Producing multiple column pages
In this activity you will practice using the different types columumn layout and discuss how you might usefully use them on your web pages.
The purpose of this activity
The purpose of this activity is to help you to understand how a web page may be put together without the use of tables for layout. It should help you to understand how style and content can be completely separated from one another.
Activity Learning Outcomes
On completing this task you will be able to:
- set up multiple column pages using CSS;
- discuss some of the things these techniques might be used for;
Go to your module blog and make a post
"Activity 502: Column layout on my web pages "
Instructions for the activity
- Take another look at the notes on the web about designing a web page using CSS positioning. To give you additional help there is a useful set of activities at Selectututorial
- Investigate column layouts for yourself by:
- making sure that you know how to code them and can produce your own pages using them;
- adapting the code to do something else;
- trying new code such as three columns with a banner at the top;
- Put your examples onto your wiki and link them to your blog;
- Modify the post on your blog describing what adaptations you have made and how you might use CSS positioning, including use of columns, in your own work.