http://departments.risd.edu/depts/ce/web/

http://departments.risd.edu/depts/ce/web/Lab_index.htm

The Book - Dreamweaver 8 HOT (Hand's on Training) recomended but not required
www.lynda.com
(Daniel Short and Garo Green)

(Jan 8) Monday
Class 1: Introduction
Expectations : Class Format and structure, assignments, materials, grading and final project overview.
About your instructor. About the students. Discuss class's knowledge level and expectations for the course.
Review all the course weeks.

WYSIWYG, Screen resolutions, Platforms

Basic Overview of the World Wide Web
* How it works
* Bandwidth concerns
* File formats
* Navigation structures
* Relationship to Dreamweaver

We will have a discussion of ideas for Sites : Types of sites, where to get ideas, what'll work for this class.

Assignments: Begin to create and develop ideas for your web site (At least 2). Analyze other sites and bring in examples of what you're interested in creating. Be prepared to present your 2 site ideas as well as 2 existing sites to illustrate your ideas (please either write down a copy of your two site URLs).

FY I - No hand outs or hard copies in this course, all files will be uploaded to this location or viewed online.

(Jan 10) Weds
Class 2:
Planning Phase and Feedback on site ideas


Present 2 site ideas and example sites. Get feedback and choose which one to develop / Site Planning

* Types of sites/ site architecture
* Metaphors
* Mapping and storyboarding
* Flow chart ideas and styles
* How have browsers changed, and the result on websites

In Class project: Introduction to Dreamweaver:
Creating a home page.* Windows palettes, and inspectors. overview of site properties, HTML, and ways to work in both code and design views. View a sample flow chart/sitemap I created for client.

Assignments: Formally storyboard your site. Take the site ideas and form a cohesive plan with text, images, and site design. Plan out your links and navigation! Plan out the number of pages and form a flow chart to exhibit your navigation from page to page.

For next Time: Bring any source materials you need for text (word-processing files) and images (either to scan or digital work made in a paint or vector program).

Sitemap Links

http://pages.ebay.com/sitemap.html

http://www.google.com/sitemap.html

http://www.apple.com/find/sitemap.html

http://foundationcenter.org/sitemap.html

(Jan 15) Monday
Class 3:
Basic Dreamweaver set up and Page Design

* reviewing your example website URLs
* Page properties and background images
* Previewing in browsers (importance of cashe and browser reliant coding)
* Web-safe / browser safe colors
* Implementation of Photoshop, ImageReady and Illustrator.In Class Project: Demo! Optimize images and navigation to create a basic home page as a starting point of your site. Organize all of your image files (JPG's) into a folder named images
*ALT tags
* working with jpgs
*simple navigation & links

Assignments: Take what you created in class and begin creating a functional home page. This page will act as a placeholder for your website during the design process. Have your page named (index.html) and ready to upload along with the images folder.

(Jan 22) Monday
Class 5:

More Linking & Table Attributes & BEHAVIORS

Class Review of the 3 page homework assignment

~ emailto links and creating image links to reduce some spam
~ anchor tags explained
~ UL lists (aka bullets)
~ opening new windows and pop up windows using behaviors
~ creating a pop up message with behaviors

(Jan 24) Weds
Class 6:

Working with Images

~ single swap image (aka roll over) behavior
~ Swapping multiple images with behaviors
~ pull down menu navigation
~ more table tricks - nesting tables, percentages and using tiles in cells

example images to work with for swap image exercise

the assignment > click here to see image

(Jan 29) Monday
Class 7:

Layers and Tables and FramesDesign layout tools, providing control over layout.
* Providing control over the layout using alignments, tables, layers and frames.
* Discussion of which ones to use when and where.

Slicing images to use in tables.

Assignment: Create a webpage design only using images that are sliced,
include links and swap images

Class 9: (Feb 5) Monday

Web based HTML forms

style sheets
How would we be without dreamweaver in Dreamweaver HTML Tutorial

Class 10: (Feb 7) Weds

Frames, simple, complex and I-Frames

http://www.useit.com/alertbox/9612.html

Pop Up menus

Class 11:(Feb 12) Monday

FTP'ing and creating simple forms with objects
* Publishing
* Servers
* FTP http://departments.risd.edu/depts/ce/web/handbooks/webinstruct2k4.pdf

Intro to Flash if everyone is okay with it