SRJC Course Outlines

11/2/2024 2:04:22 AMCS 50.11A Course Outline as of Fall 2015

Inactive Course
CATALOG INFORMATION

Discipline and Nbr:  CS 50.11ATitle:  HTML AND CSS 1  
Full Title:  Creating Webpages Using HTML and CSS 1
Last Reviewed:12/7/2009

UnitsCourse Hours per Week Nbr of WeeksCourse Hours Total
Maximum1.50Lecture Scheduled1.5017.5 max.Lecture Scheduled26.25
Minimum1.50Lab Scheduled04 min.Lab Scheduled0
 Contact DHR0 Contact DHR0
 Contact Total1.50 Contact Total26.25
 
 Non-contact DHR0 Non-contact DHR Total0

 Total Out of Class Hours:  52.50Total 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:
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:Effective: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:
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