ITE 170 Schedule - Fall 2012

ITE 170 Schedule - Section 004,006N - Fall 2012

Last revised: December 5, 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.

	Week	Class Topics	Reading/Homework Due (more will be added as course progresses)
	Week 1 8/22, 8/27 Course Introduction, Web Graphics Images, Fireworks	Course information Getting started on Annandale computers	XHTML Tutorial (copies will be distributed)
	XHTML	Hands-On Web Page Creation and Revision Validation - http://validator.w3.org/ FTP using CoreFTP (FTP Instructions)
	Week 2 8/29, 9/10 Web Design	Conceptual Default Pages and Directory Browsing screen resolution and pixels - Data on screen resolution and pixels Resizing images in Fireworks (sample photo) Absolute and relative links
		Hands-On Absolute and Relative Links Inserting Images into Web Pages CSS Tables	CSS Tutorial (reading)
	Week 3 CSS 9/5, 9/17	Conceptual/Handon CSS - inline, embedded, external Depecated tags and attributes RGB color CSS Reference CSS validator	Williams and Tollett - Chapter 3-4, XHTML/CSS Assignment (due 10am 9/13 for Wednesday class. 10am 9/26 for Monday class)
	Week 4 Dreamweaver 9/12, 9/24	Conceptual Web Design issues (PowerPoint on Blackboard) print vs. web balance, proximity, contrast, unity, visual identity, alignment writing for the web color technical, legal, ethical, accessibility References and XHTML Rules
		Hands-On Dreamweaver workspace Code, Split, Design, and Live View Property Inspector, Panels DW site definition 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 CS6 text, Chapter 1 (skim), Chapter 2 (Sites), first part of Chapter 3
	Week 5 9/19, 10/1	Conceptual
		Hands-On Creating absolute links Importance of saving a file before creating relative reference from file Inserting Inline Graphics and setting default images folder in site definition Alt and longdesc properties Settiing Page Properties - HTML and CSS, use of color picker to get colors from other sources Inserting Description and Keyword Meta Tags Copying and Pasting in Design and Code View Headings, Paragraphs and LIne Breaks, Unordered and Ordered Lists Special Characters and Horizontal Rules Find and Replace Check Spelling Image Placeholder	Dreamweaver Homework One (due 9/27 for Wednesday class, and 10/16 for Monday class). Dreamweaver CS6 text Chapters 3-7
	NO CLASS 10/3, 10/8
	Week 6 Dreamweaver 9/26, 10/15	Conceptual/Hands On - Dreamweaver Setting HTML Image Properties - most are deprecated in favor of CSS Named Anchors Making an Image into a Link Image Maps Email links CSS using CSS Styles Panel and Property Inspector Using Contextual/Compound CSS instead of defining a new class	Dreamweaver CS6 Chapters
	Week 7 Dreamweaver 10/10, 10/22	Midterm on Concepts and HTML, CSS, Fireworks, perhaps some Dreamweaver
	Week 8 10/17, 11/5 (due to school cancellation 10/29)	Conceptual - CSS Box Model - content, padding, border, margin (DW text, p. 228-230) CSS Positioning - static, relative, inherit, absolute, fixed (DW text, p. 229-230) CSS Float and Clear properties - Use with Images (DW text, p. 230), csslayout1, csslayout2, csslayout3 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 image
	Dreamweaver	Hands-On Using Predefined CSS Layouts (DW text, p. 231-242) Use Code Navigator (alt-click to show style selectors (tags, classes, id, compound) affecting point of click and cursor over to see CSS properties and double-click to take you to the CSS code (DW text, p. 225-226) Tables with DW (pp. 267-294) Forms with Dreamweaver including Accessibility (pp. 295-314) Alignment of Forms with Tables	Dreamweaver CS6 text, Forms HTML, Proposal part of Project due (10/24 for Wednesday class, 11/5 for Monday class)
	Week 9 10/24, 11/12	Conceptual Planning a Successful Web Site - Part 1 (Chapter 4 Shelly) (usually done in week 5) Typography and Images (Chapter 5 Shelly) Alignment of Forms using CSS float and width properties
		Hands-On Image Rollovers in DW - romney, bush Templates and Library Items in DW
	Week 10 10/31, 11/19	Conceptual Working with Images (usually done week earlier)
		Hands-On Fireworks exercise - bluesky image Image editing and creation in Fireworks Selection exercises: Use flattened image from Fireworks exercise or flower Flash Drawing tools - pencil, Ink bottle, oval and rectangle, brush Flash drawing models - merge and object Creating gradients	Flash text pp. 1-56
	Week 11 Flash 11/7, 11/26	Introduction to Flash (Bishop Chapter 1 PowerPoint) Flash tools (Bishop Chapter 2 PowerPoint)
		Hands-On Frame by Frame Animation Publishing movie from Flash and Inserting swf from Dreamweaver Onionskinning - onion_start.fla Adding or Deleting Frames Shape Tweens, Shape Hints, Symbols and Instances, Animation within a Symbol	Flast text pp 163-192 (frame by frame animation), pp. 211-222 (shape tweening). pp. 149-162 (symbols)
	Week 12 Flash 11/14, 12/3	Symbols and Interactivity (Bishop Chapter 3) Creating Animations (Bishop Chapter 4)
		Hands-On Classic and Motion Tweens, Bitmaps and Tweening Alpha, Masks Button and movie clip symbols	XHTML portion of Project due (11/14 for Wednesday class, 11/26 for Monday class)
	Week 13 Flash 11/28, 12/10	ActionScript for buttons to start and stop the main timeline ActionScript for slideshows, website in movie Photos for slideshow
X	Week 14 12/5, 12/10	Thanks to Judy Miller: Adobe TV, Down Under: ActionScript 3 101 Adobe TV, Down Under: Programming My Button Domain names Web site hosting Web accessibility (includes University of Washington video) Web content accessiblity guidelines Section 508 standards Designing for inclusion Keeping web accessibility in mind People with Disabilities on the Web (view video), and Principles of Accessible Design Skip navigation links	Flash part of Project due (12/5 for Wednesday class, 12/15 for Monday class)
	Week 15 12/12, 12/17	Terms you should understand Final (at regular class time):