|
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.
|
|