Dreamweaver Tutorials

DCSD | Staff Devlopment | Catalog
Hypertext | HTML | Basic Page Layout | Start | Menus | Properties | Panels | Objects | Document | Editing | Prefereneces
This area not open yet
Fair Use Guidelines | Inserting Graphics | Page Design |
Elements of Design | Proximity | Contrast | Repetition | Alignment | Creating a Fireworks Page | Creating a Page from Scratch | Using Headings | Creating Text | Making Links |
Tables | Layout Tab | Layout Tables |
File Structure | Remote & Local | Creating a Site | Manage Sites Menu | | Options |
Tools Home Page |Templates | CSS | Course Builder | Advanced Options |

Tools

small logo

Cascading Style Sheets

Cascading style sheets are global definitions for every design element on a page. You can control the font size and color, text placement, background images, color scheme, and more by using a list of definitions and assigned variables. This does involve some coding so it is not particularly useful for beginners, but it is a great time saver for more advanced designers. The entire design of a site can be changed in just a few steps making new looks or developing several looks for a client easy.

Try It Out!

The Zen Garden is an entire site is controlled by CSS. Start here and see what the basic page looks like. Then click here and see what CSS can do. Select the options to the right to see how others used the exact same page to design something completely different.

Now that you understand the amazing abilities of CSS try using it yourself. The site listed below has a list of a number of items you can control using CSS. Click on one of the options and a framed window will open. On the left is the style sheet. You change the properties listed click the button at the top and see what your chnges did to the page on the right.

Try it Out! - http://www.w3schools.com/css/css_examples.asp

Here are more websites to help you on your way:

ium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.

 

Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.

Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.

Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor. eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.

Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.

Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.

Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.

About Me | Site Map | Contact Info | ©2004 eewii