UCSD - Jacobs School Logo UCSD Extension Logo Classes

CSE DEPARTMENT:


UCSD EXTENSION:


XHTML and CSS 1
Spring 2004 | University of California, San Diego Extension

Course Statement
XHTML and CSS 1 introduces the development of Web pages using the HTML and XHTML markup languages. The course is not strictly about the tags available in HTML/XHTML but covers overall design philosophy (hypertext and graphic), project planning, industry trends and new technologies. The class is lecture and hands-on oriented; however, students are expected to work on Web projects outside of class hours. Although notes will be provided, there is a text that is required for anyone taking the certificate program.

Tentative Schedule
Meeting 1: Intro to (X)HTML Basics (Chapters 1 - 2)
Meeting 2: HTML Basics (Chapter 3)
Meeting 3: Links and Images (Chapters 4 - 5)
Meeting 4: HTML Layout and Tables (Chapters 6 - 7)
Meeting 5: Frames and Multimedia (Chapters 8 - 9)
Meeting 6: CSS Intro and Project Presentations

Chapter Slides

Grading
Attendance: 10%
Project Spec: 10%
Quizzes: 40% @ 10% each
Project: 40%

Required Text

HTML and XHTML: The Complete Reference Fourth Edition
Thomas A. Powell
Osborne McGraw-Hill
2003
ISBN #: 0-07-222942-X
$39.99

The book will be used in XHTML and CSS 2 as well. The book can be purchased at the UCSD bookstore as well as online at Amazon.com. There is a support site for the book located at www.htmlref.com.

Software
There are no requirements to use any particular Web authoring software for Web Pub 1. However, most examples and exercises will be created using Macromedia HomeSite or Macromedia Dreamweaver. Students are recommended to acquire trial copies of either Dreamweaver (www.macromedia.com/dreamweaver), TopStyle (www.bradsoft.com) or HomeSite (www.macromedia.com/software/homesite/). Other tools such as Microsoft FrontPage 2000 can be utilized for the project, but students are cautioned upon using other than the recommended tools as the produced HTML may be flawed. Students interested in creating images but are not skilled in Adobe PhotoShop should look at Macromedia Fireworks (www.macromedia.com/fireworks) or PaintShop Pro (www.jasc.com).

Project
The final project is to build a small Web site for either a fictitious company called WebTaco, or preferably to build a Web site for an idea of their own such as a small corporate site, magazine, personal site, or any other idea cleared with the Professor. You must turn in a specification for your Web site by meeting 3. Specifications must include audience considerations, a schedule, a flow chart, a mission statement and any considerations about content development as discussed in Chapter 2 of the course text.

All sites must include a main page, at least two subpages, and an imagemap. The complete site must have at least five (5) pages and conform to HTML 4.01 or XHTML 1.0 standards with purposeful modifications for browser compatability. Text and graphic layout will be considered in the grade determinations, but correctness of markup and navigation favored. If you find that you are not artistically inclined, you use existing images from other Web sites or clip-art CD-ROMs. If you turn in a site which already exists on the Web or use other Web pages and markup and call them your own, you will receive an automatic F in the course. The project must be turned in on PC floppy disk(s) at the last lab meeting, and displayed during a presentation at the last meeting.

Contact Information
Thomas A. Powell
tpowell@pint.com
Office Phone: 858.270.2086
PINT - UCSD Extension and Computer Science Classes by Thomas Powell
858.270.2086 | 888.355.PINT
email PINT info@pint.com
Classes Home PINT Home