Skip navigation.
Classes:

Calendar for ITSC 1413.7501 Page Design I / Fall 2002

by Sharon Huston

Terms, Abbreviations & Icons

  • Readings = articles or chapters that should be completed BEFORE the class session
  • Topics = short graded papers or projects
  • Quizzes = short multiple-choice quiz on designated material
  • Activities = ungraded assignments done in class that expand on material on the textbook or from lecture.
  • Exercises = graded practices covering specific objectives. Exercises generally will be completed in one class session.
  • Projects = graded assignments. Projects take from two class sessions to an entire semester.
  • References = documents provided for additional information. You will never be tested on a reference document. If you're falling behind in class, the reference documents should be ignored.
  • Admin = administrative items needed to make the class run more smoothly.
  • Notes = tips on how to handle particular assignments.
  • HOT = textbook, Dreamweaver Hands-On Training
  • WOW = textbook, Web Design WOW Book
  • This Color Class Dates
    This Color Homework Alert -- all homework due next class session unless noted.
    Gray Old material -- I'll typically gray out each class session after the session ends.

    New Information Icon = Content posted after we've covered associated material in class.
    Gallery Icon = Gallery of web sites serving as examples of techniques or concepts discussed in class
    Viewlet Icon = Viewlet (short movie) demonstrating a software technique. Hoover over the icon to see the show's title. Please remember that a Viewlet's content does notreflect all the material in a chapter.
    Link Icon = Link to a web site used in lecture. Hoover over the icon to see the site's name or URL.
    Supplemental Reading Icon = Supplemental reading

Type Details due date
Monday November 4
Bookwork Ch. 17: Templates and Libraries  
Reference Greeking Text  
Exercise xHTML Markup A  
Reference Basic XHTML Document  
Monday November 11
Bookwork Ch. 13: Forms Gallery: Forms  
Topic Ergonomics & Workplace Ailments  
Activity Atomz Forms - each student should get an Atomz account, and learn how to set up a search engine for their eCommerce site using Atomz.  
Monday November 18
Bookwork Ch. 9: Frames Gallery: Frames Viewlet: Creating a Document with Frames in DW Reading: Why Frames Suck (Most of the Time)  
HTML Primer Lessons 4 & 5  
Monday November 25
  Project 2 Due  
Bookwork Ch. 14: Behaviors Viewlet: Creating a Pop-Up Windiw in DW  
Reference Earthweb's JavaScripts Site is a great place to find free scripts to adapt for your pages.  
Lecture Hosting your Web Site  
Exercise HTML Tutorials on Text Commands, Alignment, and Lists  
Monday December 2
Bookwork Ch. 18: Plug-Ins Gallery: Multimedia on the Web (in-class exercise)  
     
Monday December 9
     
Monday August 26
Exercise Scavenger Hunt
ic
Admin Syllabus, Lab Policies
ic
Reading NLC Computer Graphics Copyright Guidelines
9/2
Quiz NLC Computer Graphics Copyright Guidelines
9/2
Exercise Class Expectations -- answer the questions and play with Dreamweaver, particularly the Property Bar.
ic
Project Fame and Fortune
10/?
Reading Dreamweaver HOT Ch. 1,2 Viewlet: A Tour of the Dreamweaver Objects Palette Viewlet: Editing the Preview in Browser Feature
8/26
Reference Desktop Yoga
----
Monday September 2
  Labor Day - No Class
----
Monday September 9
Activity Defining Your Site in Dreamweaver, Defining a Site in DW MX (for students who bought MX to use at home)
ic
Bookwork Ch. 4: Basics Viewlet: Making Simple Text Web Pages in DW Viewlet: Inserting an Image into DW Viewlet: A Tour of the Dreamweaver Objects Palette Viewlet: Viewing and Editing HTML Source in DW
ic
Activity Microsoft Word and Dreamweaver
ic
Quick Tip How to Save Images from Web Browsers
----
Reference What is Index.htm?
----
Note On readings: I've typically found students who read the chapters BEFORE practicing the techniques in Dreamweaver don't understand the readings. For this reason we work in reverse order from most classes. I'll lecture on a chapter and then assign it as reading.
----
Exercise HTML Primer #1 - ungraded, nothing to turn in -- read & do for homework, all you need is the Windows notepad.
9/16
Reading Dreamweaver HOT Ch. 3, 19 Site Management in DW Reading: FTP Logic Flowchart Reading: Linking Handout
9/16
Topic Exploring Color (skip steps 5 and 10!)
9/16
Monday September 16
  Most of your class time today will be devoted to working on your project. Be sure to bring your research to class!  
Lecture Color Theory Reading: Web VooDoo's Color Theory 101 Link: paletteman.com Link: Mundi Design Primer with Color Wheel Link: ColorSchemer
ic
Discussion Buzzzwords -- a quick look at various web authoring programs and web technologies. Focus on Macromedia products.
ic
Bookwork Ch. 5: Linking Reading: Linking Strategies
ic
Reference Sharon's Reading List
----
Reference Locating Images on the Net - Read through this document for help in finding images for your site. Remember, all images used MUST meet the NLC Copyright Guidelines.
----
Exercise Visuals for Project One -- gather materials to scan or digitally photograph for next class session.
9/23
Reading WOW Ch. 1, HOT Ch. 4 & 5
9/23
Monday September 23
  Image Day - Did you bring something to scan?
ic
Activity PowerPoint for the Web
ic
Activity Using Microsoft's Design Gallery Live Link: Microsoft Design Gallery Live Viewlet: Using Design Gallery Live
ic
Activity Scanning (campus classes only) Viewlet: Using the Scanner
ic
Activity Using a Digital Camera
ic
Exercise Simple Graphics in Fireworks Viewlet: Viewing and Editing HTML Source in DW Please make two identical buttons before class ends, each saved as a seperate file.
ic
Activity Cropping and Re-sizing in Fireworks (campus classes only) Viewlet: Cropping in Fireworks Viewlet: Resizing in Fireworks
ic
Topic Web Design DOs and DON'Ts
9/23
Monday September 30
Topic Topic: Search Engines on the Net
9/23
Bookwork Ch. 6: Typography Gallery: Links and Image Maps Viewlet: Exploring Basic Text Formatting in DW Creating Ordered Lists in DW Creating Unordered Lists in DW Using DWs Built-In Color Schemes  
     
Monday October 7
  Lab Day  
Monday October 14
Activity Excel for the Web
ic
Activity Peer Review of Fame and Fortune Assignment
ic
Lecture Concepts for eCommerce Assignment -- CSS & Templates
ic
Project 2 eCommerce Site Gallery: Links and Image Maps
11/??
Homework Begin gathering images for eCommerce assignment
10/28
Monday October 21
Activity Tabloid Tables
ic
Topic Page Layout and Grid Systems
10/28
Lecture Cascading Style Sheets (Chapter 12?)
ic
Topic Sketches of eCommerce Site
10/28
Monday October 28
Lab Most of class will be devoted to lab time.  
Bookwork Ch. 10: Rollovers Viewlet: How to Insert and Make Rollovers for DW  
Topic The Legalities of Linking