12/26/2024 4:15:09 PM	CS 50.11B Course Outline as of Fall 2009	Changed Course
CATALOG INFORMATION
Discipline and Nbr:  CS 50.11B	Title:  HTML & CSS 2
Full Title:  Creating Webpages Using HTML & CSS 2
Last Reviewed:9/27/2010

Units		Course Hours per Week			Nbr of Weeks	Course Hours Total
Maximum	1.50	Lecture Scheduled	1.00		17.5 max.	Lecture Scheduled	17.50
Minimum	1.50	Lab Scheduled	0		8 min.	Lab Scheduled	0
		Contact DHR	1.50			Contact DHR	26.25
		Contact Total	2.50			Contact Total	43.75
		Non-contact DHR	0			Non-contact DHR Total	0

Total Out of Class Hours:  35.00

Total Student Learning Hours: 78.75

Title 5 Category:  AA Degree Applicable
Grading:  Grade or P/NP
Repeatability:  00 - Two Repeats if Grade was D, F, NC, or NP
Also Listed As: 
Formerly:  CIS 58.51B

Catalog Description:

This course is intended for the student who wants to incorporate advanced features of HTML (hypertext markup language) and CSS (cascading style sheets) to design webpages.  Topics include tables, forms, server side includes, advanced HTML tags, and CSS properties and layout techniques.  All webpages created will conform to strict industry standards.

Prerequisites/Corequisites:
Course Completion or Current Enrollment in CS 50.11A ( or CIS 58.51A or CIS 84.42A)

Recommended Preparation:
Eligibility for ENGL 100 or ESL 100

Limits on Enrollment:

Schedule of Classes Information
Description:

This course is intended for the student who wants to incorporate advanced features of HTML (hypertext markup language) and CSS (cascading style sheets) to design webpages.  Topics include tables, forms, server side includes, other advanced HTML tags, and CSS properties and layout techniques.  All webpages created will conform to strict industry standards.

(Grade or P/NP)
Prerequisites:Course Completion or Current Enrollment in CS 50.11A ( or CIS 58.51A or CIS 84.42A)
Recommended:Eligibility for ENGL 100 or ESL 100
Limits on Enrollment:
Transfer Credit:CSU;
Repeatability:00 - Two Repeats if Grade was D, F, NC, or NP

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 1996	Inactive:	Fall 2015
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 course, students will be able to:

1. Create a website that incorporates advanced coding techniques.

2. Develop webpages that utilize the following:

      a. Divs (divisions)

      b. Spans

      c. Line-height

      d. Box properties

      e. Background properties

      f. Classes and id's

      g. Descendant selectors

      h. Pseudo-classes

      i. Liquid, frozen, and jello layouts

      j. Float and clear properties

      k. Absolute and fixed positioning

      l. Tables

      m. List-style properties

      n. Forms

      o. Server side includes

3. Develop webpages that conform to the XHTML 1.0 Strict standard.

4. Summarize the following website development concepts: shorthand properties, the cascade, descendant selectors, webpage flow, form processing using an existing CGI script, post vs. get, and environmental variables.

Topics and Scope

1. HTML editors

 

2. CSS (Cascading Style Sheets) box properties

 a. Line-height specified by em

 b. Border-color

 c. Border-width specified by px and keyword

 d. Border-style

 e. Padding

 f. Side specific padding properties

 g. Margin

 h. Side specific margin properties

 i. Background-image

 j. Background-repeat

 k. Background-position

 l. Using id's with CSS

 

3. Advanced web construction using CSS

 a. Adding additional structure with div and id

      1) Specifying width with px (pixels) and %

      2) Text-align

      3) Calculating width of a box

      4) Descendant selectors

 b. Line-height relative to each element's own font-size

 c. Shorthand properties: padding, margin, border, background, and font

 d. Span

 e. Pseudo-classes

 f. The Cascade

 

4. Webpage layout using CSS

 a. Webpage flow

      1) Block elements

      2) Inline elements

      3) Margins

 b. Float

 c. Clear

 d. 2-column layouts

      1) Liquid

      2) Frozen

      3) Jello

 e. 3-column layouts

 f. Absolute positioning

 g. Fixed positioning

 h. Z-index

 

5. Tables

 a. Table

 b. Tr (table row)

 c. Td (table data)

 d. Th (table heading)

 e. Summary

 f. Caption

 g. Border

 h. Caption-side

 i. Padding

 j. Border-spacing

 k. Border-collapse

 l. Rowspan

 m. Colspan

 n. Nested Tables

 

6. Lists

 a. List-style-type

 b. List-style-image

 c. List-style-position

 

7. Forms

 a. Form

 b. POST and GET

 c. Input

      1) Text

      2)  Submit

      3) Radio

      4) Checkbox

      5) Reset

      6) Hidden

 d. Textarea

 e. Select and Option

 f. Fieldset

 g. Label

 h. Layout of forms

 i. Styling forms

 j. Form processing using an existing CGI (Common Gateway Interface) script.

 k. Using hidden input elements to provide input to an existing CGI script.

 

8. Server side commands

 a. Echo

 b. Environmental variables

      1) DATE_LOCAL

      2) DATE_GMT

      3) DOCUMENT_NAME

      4) DOCUMENT_URI

      5) LAST_MODIFIED

      6) SERVER_NAME

      7) SERVER_SOFTWARE

 c. Include

 

9. Standards

 a. How are standards developed?

 b. Purpose of standards

 c. Past and current standards

 d. Specifics about the HTML 1.0 Strict standard

 e. How to test for compliance to the HTML 1.0 Strict standard

Assignments:

Required Assignments

1. Twenty-five (25) - sixty (60) pages of textbook reading per week.

2. Evaluation of an HTML editor.

3.  Four to seven website projects.  All webpages must be uploaded to the student.santarosa.edu server and must validate XHTML 1.0 strict.  Each of the following must be included in at least one website project:

  a. At least five pages.

  b. Line-height, border, padding, margin, background, float, clear, list-style, position, caption-side, border-spacing, and border-collapse properties.

  c. Pseudo-classes.

  d. Liquid, frozen, and jello layouts (2 or 3 columns).

  e. Absolute positioning and fixed positioning.

  f. Table, tr, td, th, caption, form, input, textarea, select, and option elements.

  g. A nested table.

  h. Summary, rowspan, colspan, type, and value attributes.

  i. Input elements of type text, submit, radio, checkbox, reset, and hidden.

  j. A form that is submitted to an existing CGI script for processing.

  k.Echo and include server side commands.

4. At least two quizzes.

 

Optional Assignments

1. Website critique(s)

2. Participation in electronic message  board discussions.

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 5 - 20%
Critiques and reviews
Problem solving: Assessment tools, other than exams, that demonstrate competence in computational or non-computational problem solving skills.		Problem Solving 20 - 65%
Incorporate class concepts into website projects
Skill Demonstrations: All skill-based and physical demonstrations used for assessment purposes including skill performance exams.		Skill Demonstrations 10 - 50%
Performance exams
Exams: All forms of formal testing, other than skill performance exams.		Exams 20 - 50%
Multiple choice, Matching items, Completion, SHORT ANSWER
Other: Includes any assessment tools that do not logically fit into the above categories.		Other Category 0 - 0%
None

Representative Textbooks and Materials:

Head First HTML with CSS & XHTML. Freeman, Elisabeth and Freeman, Eric. O'Reilly: 2006

Print PDF