COIN74A - Assignment Four
- Home
- Assignment Four
You will become familiar with CSS and integrating CSS with xhtml. You will gain experience using the Property Inspector (PI).
Part 1: Get familiar with CSS.
Have fun experimenting with the different values in the CSS Definition Window. Make changes and hit the Apply button so you can see the changes reflected in your document window without having to close the CSS Definition Window. Explore and enjoy the features of CSS.
To see what CSS does at the code level visit w3schools.com to try out the CSS examples. It is interactive. You select the property that you want to explore, change it's CSS value, and see the page rendered with your new value. It ranges from setting table properties, positioning, floating, setting font properties, margins, and padding. Visit the CSS Examples page at w3schools.
Tips on Using Styles in Dreamweaver
More About CSS and Font Families
After the color, the font is probably the most basic property of a page.
Since not all fonts are available on all computers (there are thousands of fonts, and most are not free), CSS provides a system of fallbacks. You list the font that you want first, then any fonts that might fill in for the first if it is unavailable, and you should end the list with a generic font, of which there are five: serif, sans-serif, monospace, cursive and fantasy. The table on this site shows examples of various fonts (your browser may not know all of them) and you can see what your browser does with each of the five generic ones:
http://www.w3.org/Style/Examples/007/fonts.html#font-family
Khristine Annwn Page discusses more about fonts in Macromedia Dreamweaver MX 2004 Training from the Source. She states that the text on a Mac is 3/4 of the text on Windows due to the "fundamental difference in screen resolution" between the Operating Systems. "Small text that is readable on a Windows computer can be completely illegible on a Macintosh..." She suggests using ems as the recommended unit of measure for text, rather than points or pixels. Ems are also the only accessible unit of measurement for fonts. Ems are relative sizing and are scalable units of measurement. For reference, 1.2 em = 20% greater than 1 em.
Read more about the "em" at bigbaer.com's css_fontsize site: http://www.bigbaer.com/css_tutorials/css_font_size.htm
Read more about the font size options in the Font Size dropdown menu of the CSS Styles Definition Window at Web Developer's Virtual Library (WDVL) at: http://wdvl.com/Authoring/Style/Sheets/Fonts/font-size.html
Part 2: On the site you created in Assignment 3 add the following CSS elements:
- create several inline CSS styles
- create several internal CSS styles including at least 3 redefined HTML tags, 5 classes, an ID, and 1 compound selector tag
- export these CSS styles to an external style sheet. Link the external style sheet and attach the classes you created. Since this assignment requires internal styles let me know if you moved them to the external style sheet.
- select a new buddy classmate to do a code review to check your uploaded homework on their computers BEFORE you submit the URL to me - no broken links and no broken image icons please
