1. TOURO COLLEGE COURSE SYLLABUS
NEW YORK SCHOOL OF CAREER AND APPLIED STUDIES
DEPARTMENT: Academic Computing
COURSE TITLE: Web Design I
COURSE NUMBER: GCD 263
PREREQUISITES: GCD 231 and GCD 236
CREDIT HOURS: 3
DEVELOPER: Department of Academic Computing
LAST UPDATE: February 16, 2004
COURSE DESCRIPTION
Introduction to Web design. Students learn basic skills to author and publish hyper-linked
documents in HTML on the Internet. Design skills will be applied towards web page
construction. Desktop publishing software will be explored as alternatives in web page design,
along with current web design software. Intro to WYSIWYG web page editors.
Students learn to apply their knowledge of print design and computer software to Web design. It
assumes a basic competency in the following programs: QuarkXPress, Illustrator, Photoshop and
Image Ready. Lab time outside of class will be necessary for class assignments.
COURSE/DEPARTMENTAL OBJECTIVES
The Student will:
• Understand the design principles unique to Web site design.
• Learn the history of the Internet and the World Wide Web and their impact on the world.
• Learn the essentials of information architecture through flowchart construction.
• Understand the structure of a Web page and the fundamentals of HTML programming.
• Learn the use of the program Macromedia Dreamweaver MX.
• Learn to thoroughly test and optimize site across different platforms.
• Understand the design principles unique to Web site design.
COURSE/INSTITUTIONAL OBJECTIVES
To introduce students to skills needed to function effectively in a technological society and to
further professional and pre-professional career interests of students in the field of web site
design.
2. COURSE CONTENT
• Lab exercises
• Homework Assignments
• Weekly Quizzes
• 5 Projects submitted on CD a week before the final
• Mid term and final exam
HARDWARE/SOFTWARE/MATERIALS REQUIREMENTS:
• Zip disks and CD-RWs
• Owning a personal computer (for example a Macintosh or a PC) is not required for this class.
However, if the student owns one, then parts of the Lab Work required for this class can be done
on that machine provided the student has the appropriate software to do all that is necessary for
each of the assignments. If student is going to use only the Touro Lab, he or she does not need to
buy any software.
COURSE REQUIREMENTS
• Grades will be based on finished projects and the successful completion of classroom and
outside assignments and written final exam.
• All work must be turned in on a CD or Zip disc, and uploaded to a server for review.
• Attendance is critical for the successful completion of the courseware and must comply with
college requirements.
GRADING GUIDELINES
• Grades will be based on finished projects and the successful completion of classroom and
outside assignments and written final exam.
• All work must be handed in on a CD.
• Attendance is critical for the successful completion of the course work and must comply with
college requirements.
2
3. METHODOLOGY
• All classes are lecture, and lab oriented.
• The student is responsible for reading all of the materials that will be directly related to the
class assignment.
• Students are responsible for finishing all class and homework assignments by the end of the
semester.
COURSE TEXTS
Title: HTML for the World Wide Web with XHTML and CSS: Visual QuickStart
Guide, Fifth Edition
Author: Elizabeth Castro
Pub. Date: September 17, 2002
Publisher: Peachpit Press
ISBN #: 0321130073
Title: Macromedia Dreamweaver MX 2004: Training from the Source (3rd Edition)
Author: Khristine Annwn Page
Pub. Date: November 6, 2003
Publisher: Peachpit Press
ISBN #: 0321219198
BIBLIOGRAPHY
Title: Web Design: The Complete Reference
Author: Thomas A. Powell
Pub. Date: August 23, 2002
Publisher: McGraw-Hill Osborne Media
ISBN #: 0072224428
Title: Professional Web Design: Techniques and Templates
Author: Clint Eccher
Pub. Date: March 25, 2002
Publisher: Charles River Media
ISBN #: 1584500662
RELATED WEB SITES
http://hotwired.lycos.com/webmonkey/index.html
http://www.howstuffworks.com/web-page.htm
http://www.macromedia.com/resources/student/
http://www.adobe.com/misc/training.html
3
4. ENTRANCE COMPETENCIES
Students entering this class are expected to know:
• How to create well-organized visual hierarchies and how to arrange multiple elements within a
page layout.
• How to work with of both vector graphic and raster image programs and their appropriate file
preparation for display on the web.
EXIT COMPETENCIES
Students finishing this course will know:
• The basics of HTML coding
• Image optimization for web graphics
• Good practices of web page navigation design
• How to create simple animations
• How web site creation software
4
5. TOURO COLLEGE COURSE OUTLINE
NEW YORK SCHOOL OF CAREER AND APPLIED STUDIES
DEPARTMENT: Academic ComputingSEMESTER: [Click & type/
Double-click to paste SEMESTER.]
CLASS INFORMATION
CLASS CODE: [Put in FULL CLASS CODE - ex. MCO 140 BB]
SCHEDULE: [Put in DAY & TIME class meets:- ex. Tues. 9-12 AM]
LOCATION: [Put in SITE & ROOM of class - ex. Ave. J
Campus, Rm 301 ]
FINAL EXAM DATE: [Put in DATE & TIME of final exam - ex. Jan. 23, 2003 -
9-12 AM ]
INSTRUCTOR CONTACT INFORMATION
Instructor Name: [Put in INSTRUCTOR NAME]
Email Address: [Put in INSTRUCTOR email.]
Contact Phone: [Put in INSTRUCTOR contact/dept phone here.]
Office Location/Hours: [Put in INSTRUCTOR office hours.]
COURSE DESCRIPTIONCOURSE REQUIREMENTSCOURSE TEXTSTitle:
HTML for the World Wide Web with XHTML and CSS: Visual
QuickStart Guide, Fifth EditionCOURSE CONTENT
Week 1: LAB TOPIC: Web Site Design on the World Wide Web
LECTURE TOPIC: How Web Pages work, course requirements
Brief History of the Internet and the World Wide Web and its significance.
Survey of a selection of Web sites
Assignment: Best and Worst of the Web: Choose three web sites that
show good design, choose three that are not well-designed
Week 2: LAB TOPIC: Web Browsers, URLs, Domain Names, Page Source Code
LECTURE TOPIC: How browsers function and differ, registering a
domain name, explanation of page source code, HTML.
Assignment: Choose your domain name, choose a theme for your web site
design, HTML exercise (material provided)
Week 3 LAB TOPIC: Using Quark or Illustrator for web page design layout
LECTURE TOPIC: How web sites can be organized graphically using
DTP software
Assignment: Create layout for web site
5
6. Project 1: Six-page web site design in Quark/Photoshop/Illustrator (layout
only)
6
7. Week 4: LAB TOPIC: Web Color, Vector Graphics for the Web
LECTURE TOPIC: Creating vector graphics for web sites, web color,
gifs
Assignment: practice exercise
Week 5: LAB TOPIC: Photoshop and Image Ready, images for web sites
LECTURE TOPIC: Scaling and optimizing images, .jpg file formats
Assignment: practice exercise
PROJECT 2-Adding graphics and images to web site layout
Week 6: LAB TOPIC: Dreamweaver, creating a local site
LECTURE TOPIC: How to name and save local root folder for web site
pages, page properties, adding graphics or images, quick viewing in
browsers
Assignment: Create local site
Week 7: Midterm
Week 8: LAB TOPIC: Text and Text Graphics using Photoshop and Dreamweaver
LECTURE TOPIC: Creating text graphics, adding text to web pages
Assignment: practice exercise (material provided)
Project 3: Titles and body text for web site
Week 9: LAB TOPIC: Links, Buttons, and rollovers
LECTURE TOPIC: How to add links and buttons to your site
Assignment: Practice exercise (material provided)
Project 4-Buttons, links, and rollovers to your web site
Week 10: LAB TOPIC: Tables, frames, and navigation bars using Dreamweaver
LECTURE TOPIC: Use of tables for information, navigation bars,
frames
Assignment: practice exercise (material provided)
Week 11: LAB TOPIC: Forms in Dreamweaver
LECTURE TOPIC: Info buttons, fields, pull-down menus
Assignment: Practice exercise (material provided)
Week 12: LAB TOPIC: Animations using Image Ready and Flash
LECTURE TOPIC: Creating animations for web sites and banners
Assignment: Practice exercise (material provided)
Project 5-Create an animated banner
Week 13: LAB TOPIC: Animations using Image Ready and Flash (Cont)
LECTURE TOPIC: Creating animations for web sites and banners
Assignment: Practice exercise (material provided)
7
8. Week 14: LAB TOPIC: FTP and uploading web sites
LECTURE TOPIC: Steps in transferring local site to remote site
Assignment: uploading web sites to an FTP server (if provided)
Week 15: Final Exam
ATTENDANCE & MAKE-UP POLICIES
Students are expected to maintain good attendance throughout the course. Three absences
will automatically lower the student grade by one point and each additional absence will
lower the grade by an additional point. Lack of attendance may result in a failing grade.
Instructors should contact students who miss more than two classes. (Special
arrangements must be requested in writing and approved in signature by the professor.)
MAKE-UP DATES must be arranged by the student with the professor. PROJECTS and
HOMEWORK must be turned in no later than one week after the assigned completion
date, otherwise grade will be lowered or no credit will be given for the assignments.
Students who miss classes must get necessary material from instructor. LAB
EXERCISES must be done during class.
ENTRANCE COMPETENCIES
8