12/26/2024 6:41:35 PM	CS 50.11A Course Outline as of Summer 2010	Changed Course
CATALOG INFORMATION
Discipline and Nbr:  CS 50.11A	Title:  HTML AND CSS 1
Full Title:  Creating Webpages Using HTML and CSS 1
Last Reviewed:12/7/2009

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

Total Out of Class Hours:  52.50

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.51A

Catalog Description:

This course is intended for the beginning student who wants to learn to create webpages. Students will learn how to structure information on a webpage using HTML (hypertext markup language) and how to style that information using CSS (cascading style sheets).  Topics include inline and block elements, links, images, and font, text, and background properties.  All webpages created will conform to strict industry standards.

Prerequisites/Corequisites:

Recommended Preparation:
Completion of CIS 101A or CIS 105A or CIS 5 or CS 101A or CS 105A or CS 5; AND Eligibility for ENGL 100 or ESL 100.

Limits on Enrollment:

Schedule of Classes Information
Description:

This course is intended for the beginning student who wants to learn to create webpages. Students will learn how to structure information on a webpage using HTML (hypertext markup language) and how to style that information using CSS (cascading style sheets).  Topics include inline and block elements, links, images, and font, text, and background properties.  All webpages created will conform to strict industry standards.

(Grade or P/NP)
Prerequisites:
Recommended:Completion of CIS 101A or CIS 105A or CIS 5 or CS 101A or CS 105A or CS 5; AND 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 1995	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 the course, students will be able to:

1. Create a simple website.

2. Develop webpages that utilize the following HTML elements: html, head, title, body, h1, h2, p, a, img, strong, em, pre, br, q, blockquote, ol, ul, li, and meta.

3. Develop webpages that utilize the following CSS properties:  border-bottom, background-color, font-family, font-size, font-weight, font-style, color, and text-decoration.

4. Develop webpages that utilize the CSS concepts of selection, inheritance, and classes.

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

6. Summarize the following website development concepts: element, tag, attribute, element nesting, links, paths, block element, inline element, rule, selector, property, and validation.

7. Upload a website to a web server.

Topics and Scope

1.  Basic webpage structure

      a. Html, head, title, body, h1, h2, and p elements

      b. Text editor basics

      c. Uploading webpages to a server

      d. Roles of web servers and web browsers

      e. Definitions: element, tag, opening tag, closing tag, tag content, attribute

      f.  Proper nesting of elements

      g. Structure vs. presentation

 

2. Links

      a. Links using relative paths

      b. Links using complete URLs

      c. Links to id's within a webpage

      d. Navigation bars

      e. Validating HTML code to the XHTML 1.0 Strict standard

      f. Block elements vs. inline elements

 

3.  Additional elements

      a. Strong

      b. Em

      c. Pre

      d. Br

      e. Q

      f.  Blockquote

      g. Unordered and Ordered Lists

      h. Meta

      i.  Using all elements according to XHTML 1.0 Strict standards

 

4. Images

      a. Using the img element to add images to a webpage

      b. The src, alt, height, and width attributes

      c. JPG vs. GIF

      d. Using folders to organize a website

      e. Using image editing software to resize an image

      f.  Using thumbnails

      g. Using image editing software to create a transparent image

 

5. CSS usage

      a. Basic CSS rule structure (selector, property, value, style)

      b. Inline, embedded, and external stylesheets

      c. Selecting multiple elements

      d. Inheritance

      e. Overriding inheritance

      f.  Classes

      g. CSS validation

 

6. CSS font properties

      a. Border-bottom

      b. Background-color

      c. Font-family

      d. Font-size, specified by em, %, px, and keyword

      e. Font-weight

      f.  Font-style

      g. Color, specified by rgb, hex code, and keyword

      h. Text-decoration

Assignments:

Required Assignments

1. 25 - 60 pages of textbook reading per week

2. 4 - 7 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 5 pages

   b. A standard navigation bar

   c. Html, head, title, body, h1, h2, p, a, img, string, em, pre, br, q, blockquote, ol, ul, li, and meta elements

   d. CSS to control border-bottom, background-color, font-family, font-size, font-weight, font-style, color, and text-decoration properties

   e. The use of classes

   f.  Links using relative paths, links using complete URL's, and links to id's within a webpage

   g. Thumbnails

3. At least 2 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 0 - 20%
Website critiques, participation in electronic message boards
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 30 - 70%
Incorporate class concepts into a web site
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 - 50%
Multiple choice, matching items, completion
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, by Elisabeth Freeman and Eric Freeman. O'Reilly Publishing, 2006.

Print PDF