ITE 170 Schedule - Spring 2012

ITE 170 Schedule - Section 003,004N - Spring 2012

Last revised: April 16, 2012

The schedule will be updated with links to homework exercises and additional material as the course progresses. The order of topics within Dreamweaver and Flash is likely to be different than shown below (in the January version of the schedule) due to the change in texts but the topic coverage should be similar. The most current copy of this schedule can be found www.billpegram.com. Material, including quiz dates, below the X below is tentative; students should not work on assignments shown below the X since the assigment will likely change. References to Shelly are to Web Design: Introductory, Fourth Edition, Gary B. Shelly H. Jennifer T. Campbell, Course Technology, 2012, iSBN-13: 978-0-538-48240-0. References to Dreamweaver CS5 are to Dreamweaver CS 5 by Tom Negrino and Dori Smith, Peachpit Press, 2010, ISBN-13: 978-0-321-70357-6 and references to Flash CS5 are to Visual QuickStart Guide: Flash Professional CS5, by Katherine Ulrich, ISBN-13: 978-0-321-70446-7, Peachpit Press, 2011.

	Week	Class Topics	Reading/Homework Due (more will be added as course progresses)
	Week 1 1/9, 1/10 Course Introduction, The Environment and the Tools, Web Graphics Images, Fireworks	Course information Getting started on Annandale computers Conceptual The Environment and the Tools (Chapter 1 Shelly) - internet and World wide web (PPT on Blackboard) - accessing internet and WWW, types of web sites, web design tools, web design roles screen resolution and pixels Resizing images in Fireworks (sample photo)	Williams and Tollett, Chapter 1, 2
	Week 2 1/17, 1/23 Web Design	Conceptual Web Publishing Fundamentals (Chapter 2 Shelly) - web vs. print, web design principles, writing for the web, web publishing issues	Williams and Tollett, Chapters 5-6
	XHTML	Hands-On Web Page Creation and Revision, Text Formatting, RGB color Validation - http://validator.w3.org/ FTP using CoreFTP (FTP Instructions) Absolute and Relative Links	XHTML Tutorial (copies will be distributed)
	Week 3 1/24, 1/30	Conceptual Planning a Successful Web Site - Part 1 (Chapter 3 Shelly)	Williams and Tollett - Chapter 7
		Hands-On Default Pages and Directory Browsing Inserting Images into Web Pages Tables
	Week 4 CSS 2/6, 2/7	Conceptual References and XHTML Rules
		Hands-On CSS - inline, embedded, external Depecated tags and attributes CSS Reference CSS validator	CSS Tutorial (reading), Biography Assignment (due 10am 2/14 for Monday class, 2/15 for Tuesday class)
	Week 5 Dreamweaver 2/13, 2/14	Conceptual Planning a Successful Web Site - Part 1 (Chapter 4 Shelly)
		Hands-On Dreamweaver workspace Code, Split, Design, and Live View Property Inspector, Panels DW site definition (Judy Miller's video on site definition in CS4 - in later versions, steps a little different but the result is the same) Adding Folders and Pages to Website by right-clicking in Files panel Create a New Page by File>New - Choose CSS Layout and Doctype Titling page, adding text, and formatting Creating Relative links in Dreamweaver Renaming and Moving Files within Files menu (updating depends on proper site definition) Dreamweaver FTP - preserves file and folder structure automatically( !) - FTP Files from Dreamweaver CS3 video	Dreamweaver CS5 text, pp. 1-71; DW Site Definition Exercise (due 2/21 10am for Monday section, 2/22 for Tuesday section
	Week 6 Dreamweaver 2/20, 2/21	Conceptual/Hands On - Dreamweaver Creating absolute links (p. 71) Importance of saving a file before creating relative reference form file Inserting Inline Graphics and setting default images folder in site definition (p. 72-73) Alt and longdesc properties p. 73) Preview in Browser and BrowserLab (p. 77-82) Settiing Page Properties - HTML and CSS (pp. 83-89), use of color picker to get colors from other sources Inserting Description and Keyword Meta Tags (p. 90-91) Copying and Pasting in Design and Code View (p. 96-100) Headings, Paragraphs and LIne Breaks, Unordered and Ordered Lists (p. 101-115) Special Characters (p. 116-117) and Horizontal Rules (p. 119-120) Find and Replace (p. 121-136) Check Spelling (p. 137) Image Placeholder (p. 145-146) Setting HTML Image Properties (p. 147-150) - most are deprecated in favor of CSS Site Root Relative Links (p. 178-181) Named Anchors (p. 185-187) Making an Image into a Link (p. 188) Image Maps (p. 189-190) Email links (p. 191)	Dreamweaver CS5 text, pp. 71-192, skipping pp 151-162; DW Exercise Two (due 2/28 10am for Monday section, 2/29 for Tuesday section)
	Week 7 Dreamweaver 2/27. 2/28	Conceptual - CSS Using Contextual/Compound CSS instead of defining a new class Box Model CSS Positioning CSS Float and Clear properties - Use with Images Controlling Tiling of Background Images - No Control possible with HTML, Using Vertically Tiled Image with CSS margin property for foreground - solid image Using Vertically Tiled Image with CSS margin property for body tag Using Vertically Tiled Image with CSS margin property for foreground - pattern image Using Vertically Tiled Image with Tables for foreground - pattern imagef
		Hands On - Dreamweaver CSS using CSS Styles Panel and Property Inspector Using Predefined CSS Layouts	Dreamweaver CS5 text, pp. 193-278
	Spring Break
	Week 8 3/12, 3/13	Midterm on Concepts and HTML, CSS, Fireworks, perhaps some Dreamweaver
	Week 9 3/19, 3/20	Conceptual Typography and Images (Chapter 5 Shelly)
	Dreamweaver	Hands-On Tables with DW Forms with Dreamweaver including Accessibility Alignment of Forms with Tables	Dreamweaver text, pp. 279-299 (tables), 307-326 (forms), Forms HTML
	Week 10 3/26, 3/27	Conceptual Working with Images	Proposal part of Project due
	Dreamweaver Fireworks	Hands-On Alignment of Forms using CSS float and width properties Image Rollovers in DW - Exercise go to http://www.adobe.com/products/fireworks/features.html and download the program logos for Fireworks, Flash Templates and Library Items in DW Image editing and creation in Fireworks Cropping exercise - Crop picture on NVCC home page Selection exercises: Use the program logos for Fireworks, Flash, etc. and then modify them	Dreameaver text, p. 357-359 (rollovers), 415-434 (templates, library items);
	Week 11 Flash 4/2, 4/3	Conceptual Introduction to Flash (Bishop Chapter 1 PowerPoint) Flash tools (Bishop Chapter 2 PowerPoint)
		Hands-On Flash Drawing tools - pencil, Ink bottle, oval and rectangle, brush Flash drawing models - merge and object Creating gradients Frame by Frame Animation Publishing movie from Flash and Inserting swf from Dreamweaver Onionskinning Adding or Deleting Frames	Flash text, Chapters 1, 2, and 8
X	Week 12 Flash 4/9, 4/10	Conceptual Symbols and Interactivity (Bishop Chapter 3 - parts) Creating Animations (Bishop Chapter 4 - parts)
		Hands-On Shape Tweens, Shape Hints, Symbols and Instances, Animation within a Symbol Classic Tweens, Bitmaps and Tweening Alpha, Masks Button and movie clip symbols	XHTML portion of Project due
	Week 13 Flash 4/16, 4/17	ActionScript for buttons to start and stop the main timeline ActionScript for slideshows, website in movie Photos for slideshow
	Week 14 4/23, 4/24	Website presentations	Flash part of Project due
	Week 15 5/1, 5/7	Terms you should understand Final (at regular class time):

Not covered or assigned

Flash Short Assignment 2

Flash Assignment 3