home & schedule | class blog | syllabus | contact | grades

The second component is to demonstrate
an understanding of how to link a basic page to a CSS stylesheet.

Link your hard coded web page to a stylesheet

Task 02.02

Task 02.02 is to link your initial hard-coded homepage to one of a set of external CSS stylesheets. Use a basic text editor and link the page you created for Task 2.1 to one of these CSS sheets (you can make the link either an absolute link to a sheet you do not control or a relative link to a sheet you do control).

• sample CSS stylesheet 01
• sample CSS stylesheet 02
• sample CSS stylesheet 03
• the stylesheet for our class pages

You may wish to experiment with each of the stylesheets to see which one most suits you, or which one causes your block level elements to display in a more interesting fashion. You may also wish to add different kinds of HTML tags on your 2.1 page to see how the different stylesheets cause them to display. You may also wish to experiment with the CSS selectors and declarations on your chosen stylesheets, to see how they display after you have modified them.

Update "task02-01/index.html" page and update the entire "task02-01" folder to your public_html space by 2359 on day before the working with the layers session. This task component is required, to compel you to try out linking to an external CSS stylesheet.

presentational layer | in practice | 02.02 | planning | next session