8/31/2024 10:15:33 PM |
| 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:
Untitled document
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:
Untitled document
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:
Untitled document
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
Untitled document
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:
Untitled document
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:
Untitled document
Head First HTML with CSS & XHTML, by Elisabeth Freeman and Eric Freeman. O'Reilly Publishing, 2006.
Print PDF