12/26/2024 3:51:28 PM	CS 50.11C Course Outline as of Fall 2009	Changed Course
CATALOG INFORMATION
Discipline and Nbr:  CS 50.11C	Title:  CASCADING STYLE SHEETS
Full Title:  Introduction to 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	2.00		17.5 max.	Lecture Scheduled	35.00
Minimum	3.00	Lab Scheduled	0		8 min.	Lab Scheduled	0
		Contact DHR	3.50			Contact DHR	61.25
		Contact Total	5.50			Contact Total	96.25
		Non-contact DHR	0			Non-contact DHR Total	0

Total Out of Class Hours:  70.00

Total Student Learning Hours: 166.25

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

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

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 40 - 60%
Homework problems
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%
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:

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