Syllabus
Up ]

Web Page Design I

ITD-110 Section 1 – Spring 2005 – Loudoun Campus
9:00 AM - 11:50 AM Saturdays
Location: LW-223

Instructor: Mark D. Hamill

E-Mail: mhamill@computer.org

Home Phone: 703-904-9726
(please don't call after 10 PM)

Prerequisites: ITE-115 (BASIC COMPUTER LITERACY) or ITE-131 (SURVEY OF INTERNET SYSTEMS).

Warning: You will find this course particularly challenging if…

You are not used to using Windows desktop computers.
You have NO programming experience. There is some minor Javascript integration programming required for this course. I recommend either ITP-100 (SOFTWARE DESIGN) or any programming language as a pre-requisite.
You have too many other demands on your life. The average student will need 4-8+ hours a week in addition to the projects. If you put too many other demands ahead of this course you will probably do poorly or fail. This is not a guess: it’s based on observation from teaching this class in the past!

Course Goals:

Explain technical aspects of the Internet pertaining to Web Page Publishing
Describe the processes involved in establishing content on the World Wide Web
Apply current Internet publishing standards when developing web pages
Utilize Web Page enhancements and extensions beyond the basic standards
Discuss, but not necessarily implement, advanced Web Page Publishing concepts
Learn the concepts of good web page design

Text: New Perspectives on HTML and XHTML - Comprehensive by Patrick Carey  ISBN: 0-619-26747-X.

Grading:

10% Attendance

10% Homework

10% Project #1

10% Project #2

20% Midterm

20% Final Exam

20% Final Project

Grading Scale:

A = 90 – 100

B = 80 – 89

C = 70 – 79

D = 60 – 69

F = < 60

Office Hours: Saturday for one hour after class (approximately 11:50 a.m – 12:50 p.m.) in the classroom. I may have prior appointments during office hours so I suggest if you need time with me in person to schedule it via E-mail in advance.

Class Web Page: http://www.nvcc.edu/home/mhamill/ITD-110/Spring-2005. I will post relevant materials and copies of Powerpoint slides on the web site.

Class Files Site: http://www.nvcc.edu/home/mhamill/ITD-110/Files/. This site contains examples used in class, homework files and solutions to exercises and homework. There is a link to it on the class web page.

Reading: Students are expected to read thoroughly in advance those chapters to be covered on a particular date. Outline areas that are unclear to you and come prepared to ask questions.

Homework: Homework will be assigned almost every week. I’ve learned I need to give students constant feedback. This gives you the opportunity to learn from mistakes as soon as possible. Please note that homework accounts for 10% of your grade so not only is it important to do it, but you need to turn it in! Students must turn in homework no later than one week after it is due in order to receive credit.

Attendance: You should attend every week unless you have a genuine emergency. This course takes place on Saturday mornings and is only taught once a week, so it is especially important to attend regularly. Please note that attendance counts for 10% of your grade. You lose when you cannot attend because you miss important information!

Extra Credit: If you feel you are slipping or you just want extra credit, you may turn in no more than one optional written report critiquing an established prominent web site at any time through April 30. Only one report per student can be submitted for extra credit. The report should be 2-3 pages long, single spaced, printed and will count for up to 5 points toward your final grade. Each paper will, of course, be graded. Papers graded A will receive 5 points, B will receive 4 points, C will receive 3 points, D will receive 2 points and F will receive 0 points.

You should examine the entire web site and explain in detail those areas you feel are effective at communicating the web site’s intentions, those that are not effective and those areas that can be improved. The report should include your name and the URL of the web site. Since this is a formal paper it is important to use proper written English and to communicate your thoughts clearly and eloquently if possible.

Snow Days: Because this class meets only once a week, one snow day can have a big impact on your learning. In the event of a snow day students should make sure to review the slides that would be covered that session. I will then go over any questions on the topics at the start of the next class but I won’t plan to lecture the topics. Homework will still be due at the next scheduled class and regular homework may be assigned via E-mail. Do not assume because the weather looks inclement that I will cancel class. Classes will be held unless NVCC closes the campus.

Open Lab Printing Notice: For students using the computer lab as an open lab for homework assignments, there will be a charge for printing.  The charge is 10 cents per page.  There will NOT be a charge for printing that is done during your class meeting times. If you print class PowerPoint slides please print 4-6 slides per page (use the Handout feature). This will save a lot of paper and will save you a lot of time! 

Schedule: This may be changed depending on how fast or slow we go. It’s my hope to allocate a part of each class to a lab, but we’ll just see how it goes. Many labs may need to be completed as homework.

Date

Lesson

Book Section

Slides

Topics

Jan 15

1

1.1, 1.2

Review of Internet Topology

WWW Terminology Overview

 

Syllabus Review

Review of Internet Topology: Network, Internet, IP, TCP, World Wide Web

WWW Terminology Overview

Basic Tags, Headings, Paragraphs and Lists

Hello World Web Page

Jan 22

2

1.3, 2.1, 2.3

Elementary Tags

Anchors, Links, Absolute & Relative Pathnames, Internet Protocols

Horizontal Lines, Graphics, Anchors, Links, Absolute & Relative Pathnames, Internet Protocols

Jan 29

3

2.2, 3.1 

Web Page Structures, Document Links

Colors & Fonts

Web Page Structures, Document Links, Colors and Fonts 

Feb 5

4

3.2, 3.3, 4.1

Images

Image Maps & Hotspots

Introduction to Images and Image Manipulation, Client and Server Side Image Maps, Hotspots

Feb 12

5

4.2, 4.3

Tables-1

Tables-2

Tables-3

PROJECT 1 DUE: Résumé

Text tables, graphical tables, table rows, columns and headings, table borders, spacing, padding, sizing and background colors. Spanning rows and columns, newspaper layouts, nested tables

Feb 19

6

  Publishing with FTP

Web Publishing

Publishing to the Web using FTP

Web Servers, Personal Web Servers and Web Page Authoring Tools

Feb 26

7

5.1, 5.2 Frames-1

Frames-2

Elementary Frames, Frame Manipulation

Review for Mid-Term

Mar 5

8

6.1, 6.2, 6.3

Forms-1

Forms-2

MID-TERM

Basic Forms, Form Display, Form Actions, Form Processing

Mar 12

SPRING BREAK -- NO CLASS!

Mar 19

9

7.1, 7.2, 

CSS-1

CSS-2

Cascading Style Sheets

 

Mar 26

10

7.3, 9.1, 9.2

CSS-3

XHTML

 

Advanced Cascading Style Sheets

XHTML

Apr 2

11

Other Sources TBA

Good Design Part 1

Good Design Part 2

Image Composition & Counters

PROJECT 2 DUE: Kites-R-Us Company 9 AM

Good Web Page Design

Image Creation and Manipulation

Page Counters

Apr 9

12

8.1,8.3,9.1,9.2

Javascript Form Validation - 1

Javascript Form Validation - 2

Project 2 Demonstrations

Javascript Form Validation using prewritten validation functions

Apr 16 13 Other Sources TBA Creating and Managing a Domain

Open Source Software for the Web

 

Finding a Web Host, Creating a Domain, Managing a Domain

Open Source Software for the Web (Apache, Perl, PHP, MySQL)

Site Advertising

 

Apr 23

14

10.1, 10.2, 10.3

Multimedia and Plug-Ins

Java Applet Integration

Integrating Multimedia and Plug-Ins

Integrating Java Applets

Apr 30

15

Other Sources TBA

Cookies & Metatags

LAST DAY TO TURN IN EXTRA CREDIT ASSIGNMENTS

FINAL PROJECT DUE 9 AM

Cookies and Metatags

Final Exam Review (30% Midterm Review, 70% New Material)

May 7

FINAL EXAM

Projects. All projects are due on time. Points will be taken off for misspelled words or obvious mistakes in grammar. Remember: your web page must clearly communicate using English! All projects will be viewed in Internet Explorer 6.0 and Mozilla Firefox on a Windows XP SP2 machine running a 1024x768 screen resolution, so you are advised to test your projects in both browsers to make sure they work correctly. Points will be taken off if the page does not work correctly in both browsers. Scores will be reduced five points for each day it is late!

Project #1 – Deliver an HTML résumé. It can be yours, or made up. It needs to include headers, lists, a background image, a variety of header and font styles, a link to an internal page containing a list of college courses and training courses, and at least one external link. The HTML should be polished, with comments added as applicable and written in an easy to read style. It should be delivered on diskette. Scores will be based on following the requirements (70%), readability of the code (10%) and ease of use and usability of the page (20%).
Project #2 – Create web pages for the Kites-R-Us Company. A frame should be used to navigate to various pages in your site. A main page should come up by default, along with a products page, a services (technical support page) and a feedback page. The instructor will provide a CGI script and web site for processing the feedback form. Names of fields to be used will be provided. Products should be presented in an HTML table. Students are encouraged to be creative within the scope of the requirements. Same criteria applying to project #1 will be used. You must publish the effort to a web site and provide me with the URL.
Final Project – Create a Non-Profit Organization Web Site. You may partner with another classmate if you wish for this project. I encourage partnering because maintaining web sites is usually a team effort and you will probably learn from each other and turn in a better project. The site can be for a real or pretentious non-profit organization. Put a disclaimer on the site that this is not a real non-profit site. If you wish let your imagination go wild … as long as you remember that you are creating a site designed to draw people in and solicit money. Be persuasive! You must use either (1) one client side image map included with hotspots or (2) a variety of linked images that effectively navigate a user to appropriate places in the site. In addition you must create a donation page; the instructor will provide a CGI script and web site for processing the information as well as a set of Javascript functions used to validate your form. You will need to integrate your HTML form with the supplied Javascript form validation functions. More details on the project will be provided later in the semester. You should integrate all the skills you learned from the first two assignments, but frames are not required. The same criteria will be used as with the other projects, but 30% of the total score will be based on the attractiveness and usability of the site, as perceived by me. You must publish the effort to a web site and provide me with the URL.