12/27/2024 2:11:55 PM	CS 50.11A Course Outline as of Fall 2009	Changed Course
CATALOG INFORMATION
Discipline and Nbr:  CS 50.11A	Title:  HTML & CSS 1
Full Title:  Creating Webpages Using HTML & CSS 1
Last Reviewed:12/7/2009

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

Catalog Description:

A beginning hands-on introduction to using a Hypertext Mark-up Language (HTML) to design Web pages which will be displayed on the World Wide Web. Students will use HTML to create web pages that have the following elements: text in various size and colors, links, lists, background color and patterns, interlaced and transparent graphics, tables, and mailtos. Principles of color, line and design as they apply to screen presentations will be included.

Prerequisites/Corequisites:

Recommended Preparation:
Completion of CIS 101A or CIS 105A or CS 101A or CS 105A; and eligibility for English 100 or ESL 100.

Limits on Enrollment:

Schedule of Classes Information
Description:

A beginning hands-on introduction to using a Hypertext Mark-up Language (HTML) to design Web pages which will be displayed on the World Wide Web. Students will use HTML to create web pages that have the following elements: text in various size and colors, links, lists, background color and patterns, interlaced and transparent graphics, tables, and mailtos. Principles of color, line and design as they apply to screen presentations will be included.

(Grade or P/NP)
Prerequisites:
Recommended:Completion of CIS 101A or CIS 105A or CS 101A or CS 105A; and eligibility for English 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.   List and describe the software and hardware requirements of setting

    up a WWW browser at home.

2.   Identify 5 existing HTML screens which they feel are attractive

    examples of screen design.

3.   Create an HTML project that includes the following items:

    a.   Basic tags

    b.   Text in sizes, colors & fonts

    c.   Links within the document

    d.   Links to other documents

    e.   Links to WWW

    f.   Links to the mailto command

    g.   In-line graphics

    h.   External graphics

    i.   Background color

    j.   Tables

4.   Discuss the capabilities and limitations of HTML.

5.   Convert an existing document to HTML.

6.   Electronically access three WWW sites which have support material

    for HTML.

7.   Given a list of 20 HTML markup tags, define them with 80% accuracy.

8.   Identify three sources of information/assistance for creating web

    pages.

9.   List and describe 10 principles of color, line and design

    as they apply to screen presentations.

10.  Given three examples of Web pages, analyze these screens

    using the criteria generated.

11.  Load web pages and graphics onto the WWW using

    FTP software.

Topics and Scope

1.   Software/Hardware Requirements

    a.   Internet Providers

    b.   Browsers

2.   Basic Markup Tags

    a.   Starter Tags

         1)   HTML

         2)   HEAD

         3)   TITLE

         4)   BODY

    b.   Controlling text size and color

         1)   Heading Tags

         2)   Font Tags

         3)   Break Tags

         4)   Adding color to text and backgrounds

    c.   Linking to other documents

         1)   Relative Links vs. Absolute Paths

         2)   Links to Specific Sections Within the Current Document

         3)   Links to Specific Sections in Other Documents

         4)   Links to other documents in your directory

         5)   Links to sites on the world wide web

    d.   Creating Lists

         1)   Numbered/Un-numbered Lists

         2)   Definition Lists

         3)   Nested Lists

         4)   Using lists as a Tab substitute

    e.   Preformatted Text

    f.   Mailto command

    g.   Graphics

         1)   Graphic Tags

         2)   Alternate Text for Browsers that Can't Display Images

         3)   Aligning Text and graphics

         4)   Graphics sources on the internet

         5)   Graphics Conversion

         6)   Transparent/Interlaced GIFS

         7)   Displaying a background graphic

    h.   Tables

         1)   Table tags

         2)   Imbedding graphics and links within tables

         3)   Using tables to gain horizontal control

3.   Elements of Effective Screen Design

    a.   Graphical Interface vs. Text Based

         1)   Principles of designing with Fonts

         2)   Using symbols and graphics to replace text

    b.   Screen Design Principles

         1)   Color Theory

         2)   Effective use of Line

         3)   Special Effects Use vs. Abuse

    c.   Designing for the Mac and PC platforms

    d.   Designing for various web browsers

         1)   Netscape

         2)   Internet Explorer

         3)   AOL

Assignments:

1.   Create a web site which contains the following elements:

    a.   Text in various sizes and colors

    b.   Links within a document, to other documents in the web project

         and to sites on the World Wide Web

    c.   Interlaced and Transparent graphics

    d.   Background color or graphics

    e.   Tables

2.   Research web sights and analyze them regarding the following

    elements:

    a.   Use of color

    b.   Graphics

    c.   Organization of data

    e.   Speed at which pages load

    f.   Quality of the information presented

3.   Research web sites for technical support regarding web page creation

4.   Critique web sites using the on-line forms

5.   Load web pages into Internet server using FTP software

6.   Present web project to the class

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 and skill demonstrations 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 20 - 40%
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 30 - 50%
Performance exams, Writing HTML scripts, converting existing document
Exams: All forms of formal testing, other than skill performance exams.		Exams 20 - 40%
Multiple choice, Matching items, Completion
Other: Includes any assessment tools that do not logically fit into the above categories.		Other Category 10 - 30%
Presentation

Representative Textbooks and Materials:

"Teach Yourself HTML 4 in a Week, 4th Edition", by Laura Lemay - Sams

Publishing 2001

Print PDF