|
Web Page Design I
ITD-110 Section 1 – Fall 2004 – 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 IST-153 (COMPUTER PROGRAM
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 Creating Web Pages with HTML and XML
- Comprehensive by Patrick Carey & Mary Kemper, ISBN: 0-619-10115-6.
|
Grading:
10% Class Participation
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/Fall-2004.
I will post relevant materials and copies of Powerpoint slides on the web site.
Class FTP Site: http://www.nvcc.edu/home/mhamill/ITD-110/Files/.
This site contains examples used in class and may contain exercises and
solutions to exercises. 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!
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 one optional written report critiquing an established prominent
web site at any time through November 23. 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 will be 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
|
|
Aug 28 |
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 |
Sep 4 |
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 |
|
Sep 11 |
3 |
2.2, 3.1 |
Web Page Structures, Document Links
Colors & Fonts |
Web Page Structures, Document Links, Colors and Fonts |
|
Sep 18 |
4 |
3.2, 3.3, 4.1 |
Images
Image
Maps & Hotspots
|
Introduction to
Images and Image Manipulation, Client and Server Side Image Maps, Hotspots |
|
Sep 25 |
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 |
Oct 2 |
6 |
|
Publishing
with FTP
Web Publishing
|
Publishing to the Web using FTP
Web Servers, Personal Web Servers and Web Page Authoring Tools
|
| Oct 9 |
7 |
5.1, 5.2 |
Frames-1
Frames-2
|
Elementary Frames, Frame Manipulation
Review for Mid-Term |
|
Oct 16 |
8 |
6.1, 6.2, 6.3 |
Forms-1
Forms-2
|
MID-TERM
Basic Forms, Form Display, Form Actions, Form Processing |
|
Oct 23 |
9 |
7.1, 7.2, 7.3 |
CSS-1
CSS-2
CSS-3
|
Cascading Style Sheets
|
|
Oct 30 |
10 |
Other Sources TBA |
XHTML
Good Design Part 1
|
XHTML, Good Web Page Design |
Nov 6 |
11 |
Other Sources TBA |
Good Design Part 2
Image Composition & Counters |
PROJECT 2 DUE: Widgets-R-Us Company 9 AM
Good Web Page Design
Image Creation and Manipulation
Page Counters |
| Nov 13 |
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 |
| Nov 20 |
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
|
| Nov 27 |
THANKSGIVING BREAK – NO CLASS! |
Dec 4 |
14 |
10.1, 10.2, 10.3 |
Multimedia
and Plug-Ins
Java Applet Integration |
Integrating Multimedia and Plug-Ins
Integrating Java Applets
|
|
Dec 11 |
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)
|
|
Dec 18 |
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 Firebird on a Windows 2000 machine running a 800x600 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
Widgets-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.
|
|