GCD.263.doc

518 views
456 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
518
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

GCD.263.doc

  1. 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. 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. 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. 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. 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. 6. Project 1: Six-page web site design in Quark/Photoshop/Illustrator (layout only) 6
  7. 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. 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

×