CS 110: Introduction to Web Page Design
Fall 2004
Syllabus

Description
Objectives
Text book
Topics
Requirements
Project Assignments
Grading
Getting Help

Course Description

This course will introduce students to the design and implementation of Web pages using the Hypertext Markup Language (HTML). Later in the course a WYSIWYG (what you see is what you get) Web site development software will be introduced. The class will use lectures, demonstrations, lab activities, and homework assignments to cover several topics, including principles of Web page layout, tables for data presentation as for page layout, enhancing a page with images, hosting a Web site on a server, Javascript, and Cascading Style Sheet. Emphasis during the semester will be on the individual mastering of constructing Web pages.

Course Objectives

The course is intended to help the students to: 

  • Become familiar with the basic terms related to the World Wide Web
  • Learn various objectives of Web sites
  • Become familiar with the basic principles of Web page layout 
  • Learn the HTML language to implement Web pages 
  • Learn how to pepare images and incorporate them into Web pages
  • Understand how to upload Web documents to a server
  • Become acquainted with a WYSIWYG  Web page design software 
  • Be introduced to Javascript
  • Be able to embed applets in an HTML page
  • Learn the basic elements of Cascaded Style Sheet (CSS)
  • Be able to construct personal Web pages that are well designed, informative, functional, and responsible

Return to: [Top of Page] 

Instructor

Bro. Robert K. Maruyama, S.M.
email: [email protected]
office: 739-4605

Text Book

HTML 4 for the World Wid Web, Fourth Edition, by Elizabeth Castro. Peachpit Press.

Topics

The following topics will be covered in this course.

  • Tools for Creating HTML Pages
  • Text editors
  • FrontPage
  • Web Page Design
  • Purpose of Web Sites
  • Page Layouts
  • Directory Hierarchy
  • Uploading to Server
  • Text Formatting
  • Adding Lists
  • Hyperlinks
  • Using Tables
  • Adding Forms
  • Cascading Style Sheet
  • Introduction to Javascript
  • DHTML Examples

Requirements

Following are the class requirements. Refer to the section on Grading for further details.

  • Lab Assignments (10)
  • Project Assignments (3)
  • Class Attendance
  • Midterm Exam
  • Final Exam

The project assignments must be uploaded on the Web server, at appropriate times, in order to be given full credit.

Return to: [Top of Page]

Project Assignments (PA)

An important requirement in the course is to learn how to develop Web documents by yourself. Two separate Web sites, each consisting of several documents, will be required.

      1. The first Web site should be developed manually by writing HTML code for each page, with an aim and subject of your choosing.  The pages for this project will be  modified and enhanced as you learn more techniques. These pages are to be submitted in two stages--corresponding to two projects assignments (PA 1 and PA 2)--by uploading them to the server. 

      2. The second Web site, written with FrontPage, on the theme and design specified in the class. This corresponds to PA 3.

Refer to the Project Assignments page for further details.

All assignments should be posted on the Web server in order to receive credit. These posting are due at midnight of the due dates indicated in the Schedule section of this Web site. On some occasions class time may be used to work on these exercises, but generally speaking, you are expected to spend additional time outside the class to complete the PA's.

Return to: [Top of Page]

Submitting One's Own Work

Each student is expected to write his or her own code. Although modern programming projects require extensive teamwork, one of the main goals in this class is that each student learn the basic Web development skills by practicing individually. You must distinguish between consulting your friends and discussing problems with them from copying other people's work. The penalty for copying in tests and project assignments is, for the first offense, a grade of F for all parties involved; for the second offense, an F for the course.

Attendance

Regular class attendance is important since you are responsible for all materials covered in the class. Attendance will be taken at all class sessions. Generally speaking, there will be no make-up tests, except in cases of excused absences for which prior arrangements will be necessary. Be sure to inform the instructor when you foresee that you cannot be present for a scheduled test. A missed test  receives a grade of 0.

Return to: [Top of Page]

Grading

The semester grade will be based on the following elements of your course responsibilities: (Points in various categories and total points are subject to change.) 

Lab 10 x 15=150
Projects

290

Attendance

30

Midterm

70

Finals

100

----------------------------------

Total

640

The following guidelines will be used in determining the final grades.
A: >= 90%; B: >= 80%; C: >= 70%; D: >= 60%; F: < 60% 

Return to: [Top of Page]

Grading Criteria for Web Pages

Your Web page projects will be graded on the following points

  • Do they satisfy all the requirements described in the problem statement?
  • Are required objects--e.g., lists, links, tables-- present?
  • Are the texts formatted as required?
  • Are all the links valid?
  • Do they contain the information expected of them?
  • Are the Web pages designed well?
  • Is the page design appropriate for the particular Web page?
  • Is the page layout pleasing and readable?
  • Is the color combination sensible?
  • Is it easy to navigate to other pages?

Getting Help

For "quick" questions the email is the simplest way to contact me. Feel free to drop in at my office during office hours or to set up an appointments outside those hours. (I am around my office usually in the afternoon.) 

Return to: [Top of Page]