William M. Pegram
Home | Courses | Web Design | Office Software | Client-Side Scripting | Server-Side Scripting | About Me

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

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

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
 

Week 4
CSS
2/6, 2/7

Conceptual

 

 

   

Hands-On

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 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

 
   

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

Proposal part of Project due
 

Dreamweaver
Fireworks

Hands-On 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 XHTML portion of Project due
  Week 13
Flash
4/16, 4/17
 
  Week 14
4/23, 4/24
  • Website presentations
Flash part of Project due
  Week 15
5/1, 5/7
 
Not covered or assigned

Flash Short Assignment 2

Flash Assignment 3