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

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

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

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?

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

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

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:

Automatic adjustment: Image Quality Automatic adjustment: Manual adjustment: