Text: Using HTML and XHTML, Special Edition, by Holzschlag, ISBN: 0-7897-2731-5

Equipment: This is a PC lab. Purchase and bring a set of diskettes to use in the lab. There are no zip or jazz drives in this lab. There is a network where work can be stored temporarily and you can email files to your home. If you use a Mac at home, bring PC formatted disks, which will work on both platforms.

Calendar

Date	Topic	Assignments/Competencies/Topics	Recommended Reading
Week 1	Introduction, Course Overview, Web Site Design, Examples, Emails & Phone #s, Creating Basic HTML Documents, Adding Links; Directory Structures, Special Characters, Inserting Images, Scanning, Transparent .gifs, thumbnails	Have Internet Access and Email. Create 3 HTML Documents w/links. Scan an image, insert images, create and insert trans.gif, & a thumbnail that links to a larger image Topics: Basic HTML code: headers, body tags, lists, horizontal rule, spacers, font tags, paragraphs, line breaks, preformatted text, lists, links, anchors, relative & absolute references, internal links, email link, alternate text, linked images, graphics, file formats, aligning images, .gif, .jpg, file size	Acquire the book. Holzschlag: p63-65, 96-176
Week 2	Creating Tables, Meta Tags, Putting web pages online on Agora	Complete two table exercises provided in lab. Insert Meta Tags. Topics: Web editors, tables, alignment, border, spanning rows & columns, empty cells, color in tables, creating tiles, color in design. Download this Transparent Gif to use Download the following Word Documents (to upload files to the Internet) for your use: Using Agora UNIX tips Using WS FTP Make sure to get the Take Home Midterm Assessment!	Holzschlag: p178-217
Week 3	Frames	Take home midterm assessment due: Open Book/Open Notes. Create 3 frame structures. Use target tag to create 2 or more links that change the page in another frame. Topics: Frames, margins, scrollbars, borders, resize, frame names, targeting links	Holzschlag: p220-245
Week 4	Forms	Add an email form. Topics: Forms, textarea, checkbox, radio buttons, textboxes, dropdown menu, submit, reset, send to email	Holzschlag: p248-271
Week 5	Making Images with Photoshop 6.0 Cascading Style Sheets	Create & Add Images Topics: Creating tiles and image manipulation using Photoshop. Cascading Style Sheet tutorial	Holzschlag: p276-299, 346-399
Week 6	Animated Gifs & Image Maps	Create & Add an Animated Gif and an Image Map Topics: Gif animations and other easy animation techniques. Lab time to work on your projects.	Holzschlag: p336-341
Week 7	Open Lab and Presentations	Final Project (Grade Criteria): Present Sites to the Class Turn in: site URL and printouts of HTML documents with requirements highlighted.	None

II. Course Overview and Format

In this course you will learn how to design and develop web sites using HTML. Throughout the semester you will work on individual and collaborative in-class and online activities, presentations, and individual projects. All required activities are designed to help you learn how to build site and prepare you to be a perpetual learner in this ever-evolving field.

By the end of this course, you will be able to create Web sites which include the following HTML elements:

• tables
• frames
• forms
• graphics
• animation
• and more!

IV. Projects, Activities, Products

• Class Participation and Preparation: Lead and engage in online and classroom discussions on designing, developing, and implementing HTML.
• Workshops: Lead and participate in classroom and labs developing skill sets.
• Critique sites
• Complete a take-home midterm exam
• Present one project

V. Grading Criteria

Grades. This is a project–oriented class with both theory and practical components. There are a number of factors involved in how well a person performs in this class: reading and thinking, effort, class preparation and participation, creativity, and a certain amount of innate ability.

Proficiency in applying HTML programming and web design are the main goals of the class; however, assessing proficiency in your applications is as much subjective as objective. The standard grade for above average performance is "B." A "B" represents fully adequate work with no major flaws. "A"s are reserved for work that is exceptional, outstanding, creative, and innovative. A standard grading scale is used:

A: excellent, creative, innovative, outstanding ability. An "A" is a reflection of the abilities to spend a great deal of time with the material in a reflective manner, to discuss the material critically and intelligently, and to contribute new understandings to the material through individual initiative.

B: very good, fully adequate with no major flaws, able to apply the material to new problems. A "B" represents mastery of the material and the abilities to explain and to discuss the concepts orally and in writing as well as to create quality projects.

C: average, able to apply formative evaluation concepts and guidelines in ways that are similar to examples provided by instructor and text, it may reflect a few major flaws. Demonstrates basic proficiency with the concepts but lacks a thorough understanding that enable creative and error–free applications.

D: less than average work; may reflect significant errors or misunderstandings. May also reflect a failure to follow assignment instructions.

F: big problems

Grading Factors. The following is an approximate weighting. The instructor reserves the right to change this scheme, based on the needs of the class and changes that may occur during the term.

Class participation and preparation are extremely important. One-hundred percent of what we do in class is driven by collaboration, discussion, and presentation (everyone will be expected to present content and provide instruction on HTML topics throughout the semester), and is dependent upon being prepared for class. If you come unprepared, class can be extremely boring.

VI. Other Policies and Issues

Incompletes

Incompletes are granted only in cases of documented serious illness or family tragedy.

Deadlines

Deadlines are firm. All assignments are due according to the schedule outlined above. Lab assignments should be completed in lab, but are due by the beginning of the next lab period if lab is missed. You will miss a lot of material if you don't attend class and it may be difficult to catch up. If you anticipate a problem with meeting a deadline, take care of it in advance. Assignments turned in after the due date will not be graded. Assignments that are late with an approved excuse are down-graded.

Class Times

Class begins on time. Please do everyone the courtesy of arriving on time and being ready to work. Plan for traffic and parking delays — they are the norm, not the exception.

Computer Lab Rules

• Do not have cell phones or pagers turned on during lecture.
• Do not bring food or drink into the computer lab.
• Do not print multiple copies of anything.
• When class is over, straighten up the area around you and leave the equipment turned on.