1. Professor C. Shilepsky Wells College
WLLS 102 Class 10 4/9/2004
Professor C. Shilepsky
Wells College

2. More CSS: Case 1 Big point: you can use CSS for positioning.
Example 1: the two main pieces are done with
float:left; and float: right;
The menu is done by tagging the links with <h5>
h5 {background-color:red; padding-left:5px;}
How does the black get there? The margin.
Example 2: add margin: 0;
Example 3: add a border:
border: 10;
border-color:green;
border-style:solid; //needed

3. stuff that is the element
Summary
An element has (from outside in):
margin, border, padding and stuff
They can all be sized and colored
stuff that is the element

4. More CSS: Typography
Second point: you can use CSS for special effects typography. This achieved in the title by
font-size: 60px; big!
line-height: 40px; lines are pushed together
This is achieved in the links by
<font style= "color: black">A</font>ntiques
Why is this better than creating a graphic for the title?
What are the problems of using a graphic?

5. Graphics --Sources Other pages: right click on an image* Scanning
Digital camera
Free and for purchase sites (see resources links)
Produce your own
* You must consider copyrights and ownership

6. Graphics – Editing Adobe Photoshop Microsoft Photo Editor
$$$ free with Windows
on a few lab computers on all lab computers
powerful limited
complex easy to use

7. Microsoft Photo Editor
Open the image:
Right click on the file you wish to open.
Select Open with/Microsoft Photo Editor
Crop an image: Resize an image:

8. Automatic adjustment:
Image Quality
Automatic adjustment:
Manual adjustment: