Kingsborough Community College

Website Tec | Lecturer Orit Hirsh orit.hirsh@kbcc.cuny.edu
Office: L-710 (718-368-4780)

Website TEC II TEC 05400 Section: E50Z Code: 3035

Lecture Syllabus

Week 1
Designing for the Web
Defining a Site in Dreamweaver
Tables
Anchor Tag and the HREF Attribute
Week 2

Template Basic

Video Tutorial Templates

Creating and managing templates

Creating Optional Regions

Working with library items
Graphics
Image Map(pdf)
Slicing and Rollovers(pdf)
Please download for this exercise these images 1. 2. (psd)
Adobe Bridge
Navigation Bar
Insert Rollover with Flash Text and Buttons
Rich Media or Interactive Multimedia
Media Objects (movie clip)
Rich media (pdf)
Sample
flash sample
sample page
Week 3
Frames and Framesets
Frames(pdf)
Frame HTML sample
Frames Sample
IFrame

IFrame Tutorial
Frameset Video 1

Frameset Video 2

Week 4
Using Layers for page Layout
Layers using behaviors
Layers and behaviors(movie clip)
What Are Behaviors? Images and Behaviors
(Print pdf)
Behavior sample (popup)
Behaviors Exercises .
Please download for the class exercise these images.
(save all images in the same folder)
Behaviors
How to Play sound using Dreamweaver Behaviors
Sound sample
Spry (CS3)(Sample)

Week 5
Forms(pdf)
Creating Forms
Forms (Adobe Video)
Forms( pdf)

Video Tutorial Form in Dreamweaver CS 5 Part I

Video Tutorial Forms Part II

Video Tutorial Forms Part III

Forms Example

Form Validation tutorial(pdf)

Example
Jump menu(pdf)
Example
Adobe Dreamweaver CS4 Forms
Ready for print pdf
Form mailto sample
Form PHP (W3C)

Working with Spry form validation

Week 5 and 6
Flash(pdf)
Exercises 1 & 2
Flash Basic Tutorial
Motion Tweens Video
Custom Motion Paths in Flash CS4 (video)
How to Make a Simple Button Inside Adobe Flash CS4
Adobe Flash (ready for print)
Class Exercise
Example motion Guide
Example Text Morph
Motion Guide Video Tutorial
Active Text in Flash
Fading Text (pdf)
Sample
Flash video
Flash Video Tutorial
W3C Flash Tutorial
Rotating Globe
Week 7
Last meeting Presentations

Adobe Acrobat Reader is required to view these files. Free Download

SEMESTER: Spring 2012 (2nd) SESSION START 06/13/2012 SESSION END 07/26/2012

Final Exam- THURSDAY, JULY 26, 2012, 8:15PM - 10:15PM

Final Project Presentation- Tuesday, July 24.

Meets in S-214, Tuesday & Thursday 6:00 - 10:00 PM

This course gives you the opportunity to gain experience in designing, creating, reviewing and revising medium-sized web sites; making informed technical and design choices. This course designed to help you develop both hands-on skills in designing and creating web sites, and to develop refined strategies for web site design and content creation.

Required texts for the class: Book: Adobe Dreamweaver CS5 Classroom in a Book Adobe Dreamweaver [Paperback] Adobe Creative Team (Author) ISBN: 978-0-321-70177-0

32 online tools that can help your tech freelancing career
cheat-sheet-resources-for-web-designers
Free Demo Tutorials (Dreamweaver CS3 Beyond the Basics - lynda_com Online Training Library®)
Internet Pioneers
Internet Lingo
Glossary of Internet & Web Jargon
Living Internet
Diagram Sample of your web site
Storyboarding Your Web Presentation
Storyboard \|\|Storyboard Example
Reference HTML
Free Web Space
Web Page Analyzer
The Layout Reservoir (CSS)
VisiBone's Color Lab.
Using the Dreamweaver FTP Client (movie clip)
Online Tutorials
XTML & HTML
Website Design. Learn about designing a website! Available in Flash and QuickTime formats.
Web Standards Compliance.Learn about current standards in website development! Available in Flashand QuickTimeformats.

http://www.websitemagazine.com/content/

Final Portfolio Instructions (pdf)

Website Evaluation Criteria (pdf)

Storyboarding Your Web Presentation (pdf)

Useful references: W3 Schools HTML Tutorial

Download for week 2
1, 2, 3, 4

http://www.weebly.com

Lorem ipsum

Creative Commons: http://creativecommons.org/

"The thing about quotes from the internet is it's really hard to verify their authenticity" - Abraham Lincoln