| 9a. Catalog Description: |
| This course is intended for students and Web Professionals who have a working knowledge of Web design and HTML and want to use cascading style sheets to control the display and formatting on a Web site or any other application that uses CSS. |
| 9b. Other Catalog information: |
|
| |
| 10. Student Performance Objectives: |
As a result of successful completion of this course, a student will be able to:
1. Describe how CSS, HTML, XHTML, and XML interrelate
2. Effectively describe and utilize the CSS box model and its properties
3. Effectively describe and utilize the rules of the cascade and CSS selectors
4. Create cascading style sheets to control the typography, formatting, and layout of a Web page and its content
5. Design Web page layouts for multiple display media
6. Use hacks and filters to display Web pages styled with CSS in multiple browsers
|
| |
| 11. Methods of Evaluating Student Achievement: |
1. Written examinations that require students to demonstrate knowledge of CSS and Web pages.
2. Hands-on examinations that require students to create CSS documents and Web pages.
3. Lab assignments that require students to demonstrate proficiency with CSS.
4. Essays and discussions that require the students to analyze Web pages and CSS documents. |
| |
| 12. Student Assignments (Homework): |
| |
| a. Required Reading Assignments: |
| Approximately 35 - 50 pages/week from required textbook. |
| |
| b. Required Writing Assignments: |
Development of CSS documents and Web pages.
Essays and discussions requiring the analysis of CSS documents and Web pages. |
| |
| c. Other (Terms projects, research papers, portfolios, etc.) |
| Lab assignments requiring the use and implementation of CSS documents and Web pages. |
| |
| 13. Course Content Outline: |
Students will be required to analyze, evaluate, compare and contrast the following concepts, characteristics and techniques:
I. Getting Started with CSS
A. Overview of CSS
1. A short history of the Web
2. Role of Cascading Style Sheets
a. Separating content from presentation
b. Overview of CSS1 and CSS2
c. Browser support for CSS
B. Design basics
1. Planning and structuring content
2. Designing for the unknown
a. Web-safe colors
b. HTML tables
c. Types of Web page layouts
C. Using CSS
1. Style Rules
2. Associating styles to a Web page
a. external style sheets
b. embedded style sheets
c. inline style sheets
3. Understanding the cascade
a. !important keyword
b. Origin
c. Specificity
d. Order
e. Inheritance
II. Style Sheet Fundamentals
A. CSS Selection Techniques
1. Basic selection techniques with selectors
2. Advanced selection techniques using class, ID, div, and span
3. Selectors
a. Child vs. sibling
b. Pseudo-class
c. Attribute
B. Web Typography
1. Fonts
2. Caps
3. Headings
4. Quotes
5. Text and line spacing
C. The Box model
1. The visual model
2. Margin, padding, and border properties
3. Special properties -- width, height, float, clear
D. CSS Styling
1. Colors
2. Backgrounds
3. Tables and Lists
4. Links and Navigation
5. E. Positioning with CSS
1. Relative positioning
2. Absolute positioning
3. Affecting the flow of elements
III. CSS Design
A. Laying out Web pages
1. Splash pages
2. Column layouts
3. Forms
4. Hiding/showing page elements
B. Desigs beyond the screen
1. Printing and other media
2. Aural style sheets
C. Hacks, filters, and work-arounds
IV. Hacks and Filters
A. Filters for older browsers
B. Conditional statements
C. DOM and server-side hacks
D. Accessibility
|
| |
| 14a. All textbooks, resources and other materials used in this course are: |
| College level
|
| |
| 14b. EXAMPLE texts, reading and resources:
|
Holzschlag. Cascading Style Sheets The Designer's Edge.
Sybex, 2003
|
Lowery. CSS Hacks & Filters Making Cascading Style Sheets Work.
Wiley, 2005
|
