Course Title:	HTML & Web Site Design	June 2010
Course Number:	CS 125H
Credit:	3
Institution:	Clackamas Community College
Outline Developed by:	Debra Carino
Course Description:
This class introduces the basic elements of beginning web page creation using a text editor and XHTML 1.0. This class focuses on web terminology, basic HTML coding to include hyperlinks anchors, tables, forms and frames, Cascading Style Sheets, design principles, and accessibility issues. We will also begin to explore the availability of tools for web page creation, site management, validation, and accessibility checks.
Course Objectives
•	Introduce standards-compliant use of HTML to create web pages.
•	Foster an understanding of Cascading Style Sheets (CSS) to apply formatting, including page layout, to web sites.
•	Demonstrate the organization and management of local and remote files in the web development process.
•	Foster an understanding of copy right and intellectual property laws, particular as they pertain to the Internet.
Expected Student Outcomes: 
The defined outcomes listed in this guide are stated in terms of what the student will be able to do after completing this course. This section is a statement of final learning outcomes and does not attempt to state how, or in what order, the defined outcomes will be presented. 
Upon successful completion, the student should expect to be able to:
•	Describe the different types of web page editing applications including tag editors, WYSIWYG editors, and converters. 
•	Design and edit web pages using HTML coding including basic tags, lists, tables, hypertext links (relative, absolute, internal, and graphical). 
•	Format web pages via the use of Cascading Style Sheets
•	Create sophisticated page layouts and manipulate pages that include frames and tables.
•	Transfer files (FTP) to a server.
•	Copy/Download existing files from the Internet.
•	Manipulate graphics, including managing file size for graphic images, simple animation, and image maps.
•	Integrate existing web scripts into web pages and write very basic scripts using JavaScript behaviors.
•	Use multimedia when developing web pages. Such as adding audio, video, animation, browser plug-ins, streaming media, MIDI and music, and Java applets.
•	Debug erroneous HTML code
•	Discuss web design and analyze web pages for effective design techniques.
•	Develop an understanding of intellectual property issues including free speech, censorship, cross-cultural publishing, and responsibility. (1D)
Length of Course:
One quarter with 3 lecture hours per week for a total of 33 hours
Prerequisite:
CS121, equivalent experience, successful challenge, or instructor consent
Grading Method:
Letter grades are assigned on the standard 10% increment scale.  The course may also be taken as a Pass/No-Pass.
Required Text:
New Perspectives on HTML and XHTML, Fifth Edition, Comprehensive
by Patrick Carey
ISBN: 1-4239-2546-7
Library Resources
Use of library and information resources is integrated into computer science certificate and degree programs in general education requirements and in computer science classes as relevant to the curriculum. Use of library and information resources is encouraged and students can access a variety of program-appropriate materials via the library's web-based electronic databases and print materials. Instruction in use of library  and information resources is available to all students.

CS 125H Course Topics
I.	Introduction	2
II.	Designing A Web Site	2
A.	Story Boarding
B.	Organizing files
C.	Designing the Web Site
D.	Head vs. Body
E.	Creating a title
F.	Organizing the page
G.	Understanding your audience
III.	HTML Building Blocks	1
A.	HTML Tags
B.	Special Symbols
C.	Hosting of Web Sites
D.	Software Requirements
E.	Hardware Requirements
IV.	Links	2
A.	Absolute vs. Relative
B.	External Links
C.	Internal Links
D.	Anchors
E.	Image maps/clickable regions
F.	Client-side vs. Server-side image maps
G.	Changing the color of links
V.	Lists	1
A.	Ordered lists
B.	Unordered lists
C.	Definition lists
D.	Nested lists
VI.	Using Images	3
A.	Inserting images on a page
B.	Alternate image text
C.	Linking to external images
D.	Wrapping text around images
E.	Adding space around an image
F.	Scaling an image
G.	Aligning images
H.	Using a banner
I.	Horizontal rules
VII.	Tables	3
A.	Creating a simple table
B.	Header cells
C.	Captions
D.	Column groups
E.	Horizontal section divisions
F.	Adding a border
G.	Choosing which borders to display
H.	Spanning
I.	Changing width and height
J.	Aligning cell contents
K.	Formatting cells
i.	Color
ii.	size
iii.	background image
iv.	padding
VIII.	Frames	3
A.	Creating a basic frameset
B.	Creating nested framesets
C.	Targeting Links
IX.	Forms	3
A.	The FORM tag
B.	Basic form elements
C.	Form design
D.	Form actions
X.	Cascading Style Sheets	6
A.	Why use styles
B.	Creating local styles
C.	Creating internal styles
D.	Creating external styles
E.	Create CSS-based page layouts
i.	Use of the div tag
ii.	Use of float
iii.	Static vs. fluid layouts
F.	Style resources & validators 
XI.	Scripts	2
A.	Understanding scripting languages
B.	JavaScript tutorials
C.	Using JavaScript with forms
i.	Calculations
ii.	Validation
iii.	Dates
D.	JavaScript resources
XII.	Multimedia & Publishing	2
A.	Adding sound and video files
B.	Register with search engines
C.	MetaTags
D.	Advertising
XIII.	Using Page Editors	1
A.	Why use a page editor
B.	Defining a site
C.	Managing a site
D.	Basic page format
E.	Layout view
F.	Templates
G.	Frames
Total	33