1. Extended Features: Frames and Style Sheets Rebecca Manning Wells College

2. Why Frames and Style Sheets? more flexibility in page design more interactive sites simpler to make major site changes

3. A Webpage for CVOEO Website doesn’t currently exist They need more ways for clients to contact them I needed a project… List location or contact for specification (or other related documents) here FOR MORE INFO...

4. Frames Frames are used to break a webpage into different areas A frame can be used as a menu, toolbar, main page, etc... Plus, since they are widely used, they are well-supported List location or contact for competitive analysis (or other related documents) here FOR MORE INFO...

5. Ways to build frames You can make columns, rows, or a combination of both. –However, you need to nest the frames to make both

6. Example of framing code Framed Version of CVOEO

7. Inline Style Sheets –These are very similar to the basic HTML method of defining the style – Creates a Green Heading

8. Embedded Style Sheets –This puts style notes in a separate block at the top of the page –

9. External Style Sheets –The information about the style is placed in a separate document that is linked to the HTML pages using the style –The style document is saved with a *.css extension and could look like this: List location or contact for procedures document (or other related documents) here FOR MORE INFO...

10. Example of an external style sheet H2 { font-family: fantasy, "Times"} H3 { font-size: x-large} P { font-weight: bold} H1 { text-transform: uppercase} H3 {color: red}

11. Cascading? Hierarchy?