Return to ITD 212 Home
New River Community College -- Dublin, Virginia
ITD 212 Interactive Web Page Design
Course Number and Title: ITD 212 Interactive Web Page Design
Semester: Spring 2012
Prepared by: Carlotta Eaton, Professor of Information Technology (signature on file)
Approved by: Dan Lookadoo, Dean (signature on file)
I. Course Description
Provides techniques in interactive design concepts to create cross-platform, low-bandwidth animations utilizing a vector based application. Emphasizes the importance of usabiltiy, accessibility, optimation and performance. Lecture 3 hours per week.
- Office class: BUS 226, CSC 110 or ITE 115 AND
- XHTML class: ITD 110 Web Page Design I or IST 129 AND
- Graphics class: ITD 112 Creating Web Graphics or DRF 120 Intro to Graphic Representation AND
- Programming class: ITP 160 Intro to Game Design & Programming or ITP 112 Visual Basic or ITP 134 C++ or EGR 126 C++ or ITP 120 Java I
II Instructional Materials
- Adobe Flash CS5 Professional Classroom in a Book by Adobe © Copyright 2010 Adobe Systems Inc ISBN 978-0-321-70180-0 (Available free online at SafariBooksOnline.com)
- Lynda.Com Video Course Package (You will receive an email on how to pay for this package)
- Flash Professional CS5: Essential Training
- HTML5: Geolocation in Depth
- Creating a First Web Site with Flash Professional CS5
- Flash Professional CS5: Animation Projects
- Flash Professional CS5: Character Animation
- Course Web page: www.nr.edu/itd212
- 2 flash/thumb drives 2@GB or larger - one for backup) or a portable USB hard drive
- Notebook to take notes
- Folder with pockets to organize handouts and assignments.
- Software if you have your own PC.
- Macromedia/Adobe Flash CS5.5 (or earlier) primary software for this course
- Macromedia/Adobe Dreamweaver CS5 (or earlier) used to create web sites
- Microsoft PowerPoint 2010 (or earlier - used to create plans and Flash storyboards)
- Web Browser
- More Optional Software (useful for image editing)
- Adobe Fireworks CS5 (or earlier)
- Adobe Photoshop CS5 (or earlier)
- The software is also available in Mall Room 109 and hallway PCs (stations #8 - #13) for your use while on campus. Please check the lab schedule on the door to determine availability.
- NRCC assumes no liability for virus, loss of data, or damage to software or computer when a student downloads software for classes.
- ITD 212 is an advanced course usually taken during your last spring
semester. You should have mastered the following pre-requisite skills before
attempting this class.
- Windows skills
- Windows operating system basics such as booting up the system, starting
an application, exiting an application and using the Windows help system.
- Windows management basics such as maximizing, minimizing, resizing,
tiling and closing windows on the screen.
- File and folder basics such as creating, copying, deleting and moving
folders, and creating, copying, deleting, moving and finding files in
the appropriate folder.
- Office skills
- Word processing basics such as opening, editing, saving changing and
printing existing documents and creating new documents with Word.
- Presentation software basics such as creating and editing a presentation,
adding animation effects, and creating a flow chart or organization chart
- Web Design skills from ITD 110:
- Web browser basics such as using a browser to search and find specific web sites or topics with Internet Explorer, Netscape or Opera.
- All XHTML codes, Dreamweaver FTP and page creation basics, create a web site with a minumum of 10 pages, simple image editing, working with a client and more.
- Skills learned in ITD 110 Web Page Design I. See the ITD 110 Web Page Design I syllabus / course plan for details.
- Graphics skills
- Fireworks or Photoshop graphic design and editing techniques for print and/or web. Flash provides a way to animate graphics, text and objects and you need to know how to create objects before starting this course. See the ITD 112 Creating Web Page Graphics syllabus/course plan for objectives.
- Programming skills
- Students should have a basic knowledge of programming concepts such as constants, variables, arithmetic operators, logical operators, loops, conditions, and functions. Flash ActionScript is a programming language and you need to understand basic programming concepts.
This course grade will be determined on assignments, exams, and class participation. Grades will be earned
according to the following point schedule.
Grading: Assignments=300; Final Project = 100; Flash Certification Exam = 100
450 - 500
400 - 449
350 - 399
300 - 340
0 - 299
IV. Professor Location
|Office: Mall 110
||Phone: 674-3600, Extension 4250
||Given during class
|Office & Class Hours:
||See Office Schedule at home page below or my office door
||Home Page: www.nr.edu/eaton
V. Attendance Requirements
Students are expected to maintain regular, consistent attendance. Attendance will be taken at the beginning of each class. If you miss a class,
you are responsible for getting the missed material. Let your instructor
know in advance if possible any day that you will miss a class. Read the text
material, check the course web pages, or contact a classmate for notes before
contacting the professor. Excessive absences (twice the number of weekly meetings)
will result in Faculty Initiated Withdrawal during the first 60%
of the course, and an F in the last weeks of the course. No refund will be applicable.
See the FAQ page for more information.
VI. Course Content - Tentative schedule
|Chapter or Lesson
|Classroom in a Book
-- Chapter 1 Getting Acquainted
|Classroom in a Book
-- Chapter 2 Working with Graphics
-- Chapter 3 Creating and Editing Symbols
|Classroom in a Book
-- Chapter 4 Adding Animation
-- Chapter 5 Articulated Motion & Morphing
|Classroom in a Book
-- Chapter 6 Creating Interactive Navigation
-- Chapter 7 Working with Sound and Video
|Classroom in a Book
-- Chapter 8 Using Components
-- Chapter 9 Loading and Controlling Flash Content
Classroom in a Book
-- Chapter 10 Publishing Flash Documents
March 5 - 9, 2011
|Adobe Flash Certification Exam
HTML5: Geolocation in Depth
Creating a First Web Site with Flash
Flash CS5 Animation Projects
Flash CS5 Animation Projects
- Flash CS5: Character Animation
Final Flash Project
|Final Flash Project
VII. Learning Objectives
Students will be provided the opportunity to develop the following knowledge
- Understand web site architecture, design, creation, web management, maintenance and the deliverables, skills and job roles needed for each phase of the process.
- Understand and apply the principles of good visual, interactive design for web sites.
- Understand the range of application software and techniques available for advanced web design including XHTML, CSS, XML, DHTML, programming, scripting applications, audio, video, streaming server apps and advanced interactive applications
- Design and create create
multimedia effects, the user experience, navigation and interaction for a
web site using Flash CS5, HTML5 and CSS3
- Create multimedia effects utilizing drawing, animation basics, symbols &
instances, shape tweening, motion tweening, bitmaps, text (static, dynamic and input
text), graphic symbols, movie clips, and buttons.
- Design and create animations for web sites.
- Design and create character animations.
- Design and create web pages with interative Geolocation using HTML5
- Learning objectives from the Adobe Rich Commuication using Flash Professional CS5 certification
- Set project requirements for Flash projects
- Identify rich media design elements
- Understand the Adobe Flash Professional CS5 Interface
- Build rich media elements using Flash CS5
- Evaluate rich media elements using Flash CS5
VIII. Instructional Procedures
The course will consist
of lectures, discussions, demonstrations, exams, video instruction, and hands-on assignments as well as web projects, animation projects and geolocation projects.
IX. Withdrawal Policy
Student Initiated Withdrawal
A student may drop or withdrawal from a class without academic
penalty during the first 60% of a session. For purposes of enrollment reporting,
the following procedures apply.
- After the add/drop period, but prior to a completion of 60% of a
session, a student who withdrawals from a class will be assigned a
grade of "W".
- After that time, if a student withdraws from a class, a grade of
"F" will be assigned.
See the current NRCC Catalog for more details.
Instructor Initiated Withdrawal
- A student who adds a class or registers after the first
day of class is counted absent from all class meetings missed. Each instructor
is responsible for keeping a record of student attendance in each class.
- Students who have not attended class by the last day to
drop the class and receive a refund must be deleted by the instructor
during the following week. No refund will be applicable.
- When a student's absences equal twice the number of weekly
meetings of a class (within the first 60% of classes), the student may
be dropped for unsatisfactory attendance in the class by the instructor.
The student will be notified of the withdrawal by the Admissions and Records
- See the current NRCC Catalog for more details. Note: A student will be
awarded an F for excessive absences within the last 40% of classes.
Withdrawal From College
A student who wishes to withdrawal form college should contact
a counselor to determine the appropriate procedure. Failure to follow established
procedures could place the student's college record in doubt and prejudice the
student's return to this or another college.
X. Academic Honesty
The NRCC Code of Conduct states:
As a member of the New River Community
College Student Body,
I will act in a responsible manner with the utmost integrity at all
I will obey all college rules and regulations.
I will respect the rights and privileges of others.
Students will be expected to maintain complete honesty and integrity
in their experiences in the classroom. Any student found guilty of dishonesty
in academic work is subject to disciplinary action. Penalties include but are
not limited to disciplinary probation. withholding of transcript or degree,
denial of degree, suspension or expulsion. See the current NRCC Student handbook
for more information and details.
Sexually Explicit Material: Warning! Despite the wealth
of great material on the web, there are also objects in poor taste. Do not download
them or view them on any NRCC computer. It goes without saying to not
include any of these images on your web pages. Display of sexually explicate
images may result in suspension or permanent expulsion from the class at the
discretion of the professor. These images are very clearly marked and cannot
be downloaded by "accident". Displaying these images on any screen
in the computer lab, at any time, would cause embarrassment, would be in extremely
poor taste and could be seen as sexually harassment.
XI. Disability Statement
If you are a student with a documented disability who will require accommodations in this course, please register with the Disability Services Office located in the Counseling Center in Rooker Hall for assistance in developing a plan to address your academic needs.
XII. Diversity Statement
The NRCC community values the pluralistic nature of our society. We recognize diversity including, but not limited to, race, ethnicity, religion, culture, social class, age, gender, sexual orientation and physical or mental capability. We respect the variety of ideas, experiences and practices that such diversity entails. It is our commitment to ensure equal opportunity and to sustain a climate of civility for all who work or study at NRCC or who otherwise participate in the life of the college.