12/26/2024 7:14:41 PM	CS 50.11C Course Outline as of Spring 2011	Changed Course
CATALOG INFORMATION
Discipline and Nbr:  CS 50.11C	Title:  CASCADING STYLE SHEETS
Full Title:  Cascading Style Sheets (CSS)
Last Reviewed:10/24/2022

Units		Course Hours per Week			Nbr of Weeks	Course Hours Total
Maximum	3.00	Lecture Scheduled	3.00		17.5 max.	Lecture Scheduled	52.50
Minimum	3.00	Lab Scheduled	0		4 min.	Lab Scheduled	0
		Contact DHR	0			Contact DHR	0
		Contact Total	3.00			Contact Total	52.50
		Non-contact DHR	0			Non-contact DHR Total	0

Total Out of Class Hours:  105.00

Total 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:

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).

Prerequisites/Corequisites:
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:

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

ARTICULATION, MAJOR, and CERTIFICATION INFORMATION

Associate Degree:		Effective:		Inactive:
Area:
CSU GE:	Transfer Area			Effective:	Inactive:
IGETC:	Transfer Area			Effective:	Inactive:
CSU Transfer:	Transferable	Effective:	Spring 2006	Inactive:
UC Transfer:		Effective:		Inactive:
C-ID:

Certificate/Major Applicable: Both Certificate and Major Applicable

COURSE CONTENT

Outcomes and Objectives:
At the conclusion of this course, the student should be able to:

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

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.

Assignments:

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%
None
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%
None
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%
None

Representative Textbooks and Materials:

Cascading Style Sheets: The Definitive Guide, 3rd Edition, by Eric A. Meyer, Published by O'Reilly & Associates, 2007.

Print PDF