picture of Deana

For instructor information,
click on my picture.

CIS161/DM160
Web page design using HTML
Syllabus
 
Assignments
Assignment 1past due
Assignment 2--due 10/25
Assignment 3--due 11/1
  Please read the handout on addressing first! (I've printed it for you & will have it in class)
Assignment 4--due next week 11/8
Announcements:
Am still behind on grading.

Student Pages

Student Pages
Previous Student Pages
Lecture notes/dates
Week 1: Introduction to this class
Week 2: Overview of HTML
Week 3: Creating your first page

Lesson 1: The parts of a web page
Lesson 2: Adding images to your page
Lesson 3: Process of HTML
Lesson 4: Introduction to color
Downloading a butterfly

Links:
A wonderful tutorial on HTML
http://www.pagetutor.com/

Web clip art for adding graphics to your page
http://webclipart.about.com/internet/webclipart/mbody.htm?once=true&

Color Picker Site
http://junior.apk.net/~jbarta/tutor/makapage/picker/index.html

Week 4: Class cancelled (see announcments)

Week 5: Creating your first page (continued).

Week6: Working with Images, and Intro to Tables

Final Project Requirements
Working with Images
Why Tables are useful

Week7: Intro to Tables

Week8: Using a table to be precisely in control of layout

See Pam's page with the borders turned on for troubleshooting
  And, again, with the borders turned OFF for final layout

  • How to optimize images using the Microsoft Photo Editor in class
  • Some Linking examples

Week9: Intro to HTML forms

Form Lecture

We saw an example form that is in use right now by Deana for her Links project: http://www.meyerconsult.com/links/careers.html (Please don't fill out the form, but feel free to look at its source code)
  And, to demonstrate the different possible form elements, we created an example form.

Week10: What makes a good site/More on Tables

More table examples:

An example of a site map

Another example of a Site Map.

This week our topic is What makes a good site.

Week11: Need to add examples

Week12: Frames

Frames lecture

Reviews of local businesses (uses frames)

Week15: Server Side Includes (Counters), Meta Tags, maybe Imagemaps

Meta Tags Lecture

SSI Lecture (counters)

Map Edit Resource Page and Image Map Example Page
Course Information

Instructor: Deana Meyer

Office Hours: Mondays 1pm to 2pm in the CTC 1400.

E-mail: html@meyerconsult.com

Voicemail:477-5201 ext. 1513

Grading:
Homework: ~40 points
Final: ~50 points
Participation/Attendance 10 points

Book:HTML 4.0 Visual Quickstart Guide 4th Edition, Elizabeth Castro

Topics to be covered:

  • Text and block formatting options in html
  • Lists
  • Validating your web site to check for correct HTML
  • Linking to other sites/pages
  • Tables
  • Invisible tables used for formatting
  • Incorporating graphics into your web site (web safe colors; image size; graphic formats gif/jpeg)
  • Client Side Image Maps
  • Animated GIFs
  • Two simple CGIs: counters and web forms (perhaps guestbooks if time)
  • Using Server Side Includes (SSI)
  • Meta tags and how search engines find your site
  • Frames

Topics which will not be covered
(to be included in an Intermediate HTML class as of Fall 2000)

  • Javascript
  • Dynamic HTML
  • CSS (Cascading Style Sheets)

Course Goal

This class is designed to introduce the skills and tools used in producing sites on the World Wide Web. Because this field is rapidly changing, I have two main teaching goals: 1) to show you what is current and practical for basic web site development today, and 2) to show you how to continue learning advanced and emerging web site skills. This class covers mostly HTML 3.2 not HTML 4.0.

Because this is a class about learning HTML, you may not use an HTML editor which types the HTML codes for you. You will be using the program called Notepad which is part of Windows to create your pages.

Requirements

Success in this class depends on several things, most importantly your experience and comfort level working on a modern computer. This is not a class for computer beginners. You will be immensely frustrated with both the lectures and the work if you don't have the following types of computer proficiency:

  • time spent working on the homework assignments
  • using several programs at the same time
  • learning new programs, often without instruction manuals
  • organizing and working with multiple files of various types
  • knowing how files are saved onto a floppy disk

In addition, if you haven't had much experience with the Internet, some things will be incomprehensible; this class has a prerequisite of CAOS 160, or the equivalent experience. Finally, while the Internet is designed to work on all computer operating systems (UNIX, Windows, Mac, etc.), but the lectures and some lab time will happen in this classroom which has only Macs. You will need to be comfortable using Macs during the class, but you may use PCs at home and at the CTC if you prefer.

Students can do the work for this course either at home or in one of Cabrillo's labs. However, some students with older equipment or older web browsers might have trouble completing some of the assignments on their machines at home. Cabrillo's CTC lab is located in building 1400.

Attendance is required. If you are going to miss class, you need to let me know via e-mail to teacher@meyerconsult.com as soon as possible. Each day missed results in one point being deducted from the participation part of the grade. Also, excessive absence (missing more than two classes in the semester) can result in being dropped from the class.

The text book HTML for the World Wide Web (fourth edition) is required. The author's name is: Elizabeth Castro and the ISBN number is: 0-201-35493-4

Late work
No late work will be accepted. Each assignment has a due date, and two day grace period in which students can correct work. Only assignments (and corrections) turned in by the due date or within the grace period will be accepted.