Monday, November 14, 2005
Session 07: Making CSS lists
Here are the details of the first activity in Session 7:
Go to Lisatamatics web site;
Take a look at the lists that are shown there and choose one that interests you;
Make that list work on your own web page by putting the CSS in the header
[Take a look at the activity resources for an example of this];
Modify the CSS and while doing so annotate it with comments to explain how it works
[Here you might have to modify the CSS to get the same result as on the web site or if it works straight away make some modifications of your own and explain them];
Post your page into your WebCT presentation area and modify your home page to link to it.
Comment on this post to say what you have done and how you have done attaching a URL to your web page;
best of luck
Rowland ¶ 2:12 PM
Go to Lisatamatics web site;
Take a look at the lists that are shown there and choose one that interests you;
Make that list work on your own web page by putting the CSS in the header
[Take a look at the activity resources for an example of this];
Modify the CSS and while doing so annotate it with comments to explain how it works
[Here you might have to modify the CSS to get the same result as on the web site or if it works straight away make some modifications of your own and explain them];
Post your page into your WebCT presentation area and modify your home page to link to it.
Comment on this post to say what you have done and how you have done attaching a URL to your web page;
best of luck
Rowland ¶ 2:12 PM
Comments:
<< Home
link to my list page
i changed the list to include a colour background to make the list look like naviagtion buttons.
matthew evans
i changed the list to include a colour background to make the list look like naviagtion buttons.
matthew evans
http://webct.worc.ac.uk/COMP3092/student_pres/Kate%20Dobson/menus.html
The above is the link to my list.
http://css.maxdesign.com.au/listamatic/vertical15.htm
This is the orginal list.
I did not mess around the colours and fonts but used the exercise to find out how this list had been made in respect of changing the paddings, background colour, borders and margins. Thereafter, used it is a revision exercise on positioning. I did experiment with opacity, it's not very artistic however I've not used opacity before so this was a learning exercise. The annotation in the CSS file shows the changes made.
Post a Comment
The above is the link to my list.
http://css.maxdesign.com.au/listamatic/vertical15.htm
This is the orginal list.
I did not mess around the colours and fonts but used the exercise to find out how this list had been made in respect of changing the paddings, background colour, borders and margins. Thereafter, used it is a revision exercise on positioning. I did experiment with opacity, it's not very artistic however I've not used opacity before so this was a learning exercise. The annotation in the CSS file shows the changes made.
<< Home
