SRJC Course Outlines

4/18/2024 11:32:48 PMCIS 58.51C Course Outline as of Spring 2006

New Course (First Version)

Discipline and Nbr:  CIS 58.51CTitle:  CASCADING STYLE SHEETS  
Full Title:  Introduction to Cascading Style Sheets (CSS)
Last Reviewed:10/24/2022

UnitsCourse Hours per Week Nbr of WeeksCourse Hours Total
Maximum3.00Lecture Scheduled2.0017.5 max.Lecture Scheduled35.00
Minimum3.00Lab Scheduled08 min.Lab Scheduled0
 Contact DHR3.50 Contact DHR61.25
 Contact Total5.50 Contact Total96.25
 Non-contact DHR0 Non-contact DHR Total0

 Total Out of Class Hours:  70.00Total Student Learning Hours: 166.25 

Title 5 Category:  AA Degree Applicable
Grading:  Grade or P/NP
Repeatability:  39 - Total 2 Times
Also Listed As: 

Catalog Description:
Untitled document
Cascading Style Sheets are essential to the stylistic elements of web pages. In this class, students will create web pages which are styled and managed completely by means of Cascading Style Sheets (CSS).

Course Completion of CS 50.11B ( or CIS 58.51B or CIS 84.42B)

Recommended Preparation:
Eligibility for ENGL 100 or ESL 100

Limits on Enrollment:

Schedule of Classes Information
Description: Untitled document
Cascading Style Sheets are essential to the stylistic elements of web pages. In this class, students will create web pages which are styled and managed completely by means of Cascading Style Sheets (CSS).
(Grade or P/NP)

Prerequisites:Course Completion of CS 50.11B ( or CIS 58.51B or CIS 84.42B)
Recommended:Eligibility for ENGL 100 or ESL 100
Limits on Enrollment:
Transfer Credit:CSU;
Repeatability:39 - Total 2 Times


Associate Degree:Effective:Inactive:
CSU GE:Transfer Area Effective:Inactive:
IGETC:Transfer Area Effective:Inactive:
CSU Transfer:TransferableEffective:Spring 2006Inactive:
UC Transfer:Effective:Inactive:

Certificate/Major Applicable: Not Certificate/Major Applicable


Outcomes and Objectives:
At the conclusion of this course, the student should be able to:
Untitled document
Upon completion of this course, students will be able
1. Describe the current status of CSS implementation across the various
2. Deconstruct an existing web page into valid XHTML and CSS documents.
3. Use the CSS component from the process of deconstructing and apply
  it to an existing web page.
4. Create original web pages which are styled completely by means of CSS.
5. Produce validated XHTML and CSS documents.
6. Successfully prepare electronic documents and upload them to the World
Wide Web.
7. Use at least six types of selectors in CSS documents.
8. Describe the various values and units used in the current CSS version.
9. Manage web page text effectively by means of CSS.
10. Demonstrate appropriate use of:
       a. Inline and block elements
       b. The basic element box
       c. Floating and positioning
       d. Table formatting
       e. Lists and generated content
       f. Class, ID selectors and HTML tags

Topics and Scope
Untitled document
I. Overview
       A. History of the World Wide Web
       B. Need for CSS
       C. Current status of CSS implementation
       D. Possible future scenarios
       E. Beyond HTML
II. Selectors
       A. Basic rules
       B. Grouping
       C. Class and ID selectors
       D. Attribute selectors
       E. Document structure
       F. Pseudo-classes and pseudo-elements
III. Structure and the cascade
       A. Specificity
       B. Inheritance
       C. The cascade
IV. Values and units
       A. Numbers
       B. Percentages
       C. Color
       D. Length units
       E. URLs
       F. CSS2 units
V. Fonts
       A. Family
       B. Weight
       C. Size
       D. Style and variant
       E. Stretching and adjusting
       F. Font property
       G. Font matching
VI. Text
       A. Indentation and alignment
       B. Vertical alignment
       C. Word and letter spacing
       D. Text transformation
       E. Text decoration
       F. Text shadows
VII. Basic visual formatting
       A. Basic boxes
       B. Block level elements
       C. Inline elements
       D. Altering element display
VIII. Padding, borders, and margins
       A. Basic element boxes
       B. Margins
       C. Borders
       D. Padding
IX. Colors and backgrounds
       A. Colors
       B. Foreground colors
       C. Backgrounds
X. Floating and positioning
       A. Floating
       B. Positioning
XI. Table layout
       A. Table formatting
       B. Table cell borders
       C. Table sizing
XII. Lists and generated content
       A. Lists
       B. Generated content
XIII. User interface styles
       A. System fonts and colors
       B. Cursors
       C. Outlines
XIV. Non-Screen media
       A. Designing Medium-Specific Style Sheets
       B. Paged media
       C. Aural styles

Untitled document
1. Read approximately 30 pages per week from the textbook.
2. Take between two and five quizzes and exams.
3. Deconstruct existing web pages into XHTML and CSS components.
4. Create original web pages that contain all style components in external
or embedded CSS.
5. Develop CSS to transform plain HTML into a given look.
6. Use CSS and XHTML validators to test validity of all class work prior
to submission for grading.
7. Complete web page report on current and projected status of
implementation of CSS by various browsers.
8.  Students repeating this class will be given projects of increasing
difficulty and will explore, evaluate, and implement the rules and styles
of the latest version of CSS.

Methods of Evaluation/Basis of Grade.
Writing: Assessment tools that demonstrate writing skill and/or require students to select, organize and explain ideas in writing.Writing
0 - 0%
This is a degree applicable course but assessment tools based on writing are not included because problem solving assessments are more appropriate for this course.
Problem solving: Assessment tools, other than exams, that demonstrate competence in computational or non-computational problem solving skills.Problem Solving
40 - 60%
Homework problems
Skill Demonstrations: All skill-based and physical demonstrations used for assessment purposes including skill performance exams.Skill Demonstrations
0 - 0%
Exams: All forms of formal testing, other than skill performance exams.Exams
20 - 40%
Multiple choice, True/false
Other: Includes any assessment tools that do not logically fit into the above categories.Other Category
10 - 20%
Project using Cascading Style Sheets

Representative Textbooks and Materials:
Untitled document
Cascading Style Sheets: The Definitive Guide, Second Edition
Eric A. Meyer
Published by O'Reilly & Associates
ISBN 0-596-00525-3
Published 2004
Eric Meyer on CSS: Mastering the Language of Web Design By Eric Meyer
Published by New Riders.
ISBN: 073571245X;
Published 2003

Print PDF