Web Design & Development

Style Sheets and Embedded Styles

Some of you have found out the necessity of checking upper and lower case when sending urls, or you have discovered what doesn't happen if you forget do close a table (or other) tag. XHTML will require the same concern with all coding as well. All web designers will need to adjust to XHTML and begin to learn these new habits -- such as closing every tag.

Lemay gives you many style rules that you may use. After reading Day 10, you may want to refer to Appendix C where these style rules are listed rather than searching them out in the chapter. Be very careful of formatting -- notice (on p267) that you use braces { } not parentheses ( ), and that there are spaces involved.

Just one quick example of why CSS can be very helpful -- you've created a large and complex site for a client. After several months of being on the web, the client now has changed the color scheme of the company's logo, and wants to change the color scheme of the web site to match. If you have not used CSS, then you must go to every page and change the code. But, if you have used an External Style Sheet, then you only need to change that one piece of code, and every page linked to it will automatically be changed!

One additional note on font families. When giving a value for font families, you should give one or two specific font names (your #1 and alternate choice) and also include a generic family such as sans serif. This gives the browser choices and still maintains the look you want on the page. But even with all of this, it still may not work. A "real life" example from our school. A student had a section of a page where he wanted the text to look hand-printed. In the font family declaration he put Dear Santa (which looks like a child's printing -- and was a font he had used on that particular computer many times before), Jumbalya (which is a mix of different font faces), and fantasy. Unfortunately, the browsers at school had few fonts and used an early version of Explorer. So anyone viewing this page got strange-looking text (one got wintry-looking text [fantasy]) or very normal Ariel printing as a default. The student had to go back and create that section of the page as an image to ensure it showed up the way he wanted.

Read Lemay and try a couple of style rules. As you have the time ---- experiment -- there's lots of possibilities here. Day 18 has several things that you should consider when designing web pages. Especially consider the differences between XHTML 1.0 Transitional and XHTML 1.0 Strict. There are designer/user issues here, as well as coding considerations. With the constant change in the web, these issues must be considered.

An example of an Embedded Style Sheet

Return to Class Pages/Lesson Comments home page

or use the CourseInfo navigation buttons (or your browser's back button) to return to the course.