SRJC Course Outlines

5/21/2024 9:30:13 PMCS 50.11C Course Outline as of Spring 2011

Changed Course

Discipline and Nbr:  CS 50.11CTitle:  CASCADING STYLE SHEETS  
Full Title:  Cascading Style Sheets (CSS)
Last Reviewed:10/24/2022

UnitsCourse Hours per Week Nbr of WeeksCourse Hours Total
Maximum3.00Lecture Scheduled3.0017.5 max.Lecture Scheduled52.50
Minimum3.00Lab Scheduled04 min.Lab Scheduled0
 Contact DHR0 Contact DHR0
 Contact Total3.00 Contact Total52.50
 Non-contact DHR0 Non-contact DHR Total0

 Total Out of Class Hours:  105.00Total Student Learning Hours: 157.50 

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

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: Both Certificate and 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 to:
1.   Describe the current status of CSS implementation across the various browsers.
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
11.  Repeating students will utilize advanced features and the latest technologies.

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
XV.  Repeating students will be exposed to more difficult techniques utilizing advanced features and latest technology.

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
60 - 80%
Web pages, report
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%
Exams: multiple choice, true false
Other: Includes any assessment tools that do not logically fit into the above categories.Other Category
0 - 0%

Representative Textbooks and Materials:
Untitled document
Cascading Style Sheets: The Definitive Guide, 3rd Edition, by Eric A. Meyer, Published by O'Reilly & Associates, 2007.

Print PDF