Lesson Two:
1 - Introduction to CSS
2 - Exploring the Style Definitions Window
3 - Defining Type Properties
4 - Defining Link Properties
5- Using the O'REILLY CSS Reference and Removing HTML Properties
from an Exisiting Document
Homework
1. Create a linked Style Sheet that defines properties for the
following tags:
- body
- paragraph
- table data
- all the link styles
- a
- a: link
- a:active
- a:hover
- a:visited
- at least 2 header tags
EXTRA CREDIT - define properties for the <ul> or <ol>
tags and use them in your document! - see above. Interesting how
it looks so different in IE 6 and Netscape 4.7.
Question??:
I have to two above browsers installed on my machine. I also have
access to IE 4 640x400 resolution at work (when I am working,
am on strike at the moment!) Do others have more browsers installed?
How many is too many??
This has been fun!!
Can't wait to learn how to make links in different areas a different
colour. I have been wanting to learn more about CSS for a while.
I find myself really enjoying these classes. I did have some
difficulties creating a style sheet. It would not work with my
template file no matter what I tried, so I opened a new document,
called it test, and then created my style sheet. When I was happy
with it ( I played lots!!) I went and attached it to the template
and update the rest of my lesson pages.
Incidentially, all graphics are created using
PhotoImpact 7, my graphic editor
of choice!!
Classes are available at LVS for anyone wanting
to learn PhotoImpact 7. Teacher is Stephanie Baker-Thomas. Stephanie
is an excellent teacher and has authored many many PI
tutorials.
Copyright © Bellcrest
Web Design. All Rights reserved.