Skip navigation.
Classes:

Calendar for ITSC 1413.7002 Page Design I / Fall 2002

by Heather Wood

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 Info 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 not reflect 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  
Week of August 26
Exercise Scavenger Hunt  
Admin Syllabus, Lab Policies  
Reading NLC Computer Graphics Copyright Guidelines  
Quiz NLC Computer Graphics Copyright Guidelines  
Exercise Class Expectations -- answer the questions and play with Dreamweaver, particularly the Property Bar.  
Project Fame and Fortune  
Reading Dreamweaver HOT Ch. 1,2 Viewlet: A Tour of the Dreamweaver Objects Palette Viewlet: Editing the Preview in Browser Feature  
Reference Desktop Yoga  
Week of September 2
Labor Day - No Class  
Week of September 9
Activity Defining Your Site in Dreamweaver, Defining a Site in DW MX (for students who bought MX to use at home)  
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  
Activity Microsoft Word and Dreamweaver  
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.  
Reading Dreamweaver HOT Ch. 3, 19 Site Management in DW Reading: FTP Logic Flowchart Reading: Linking Handout  
Topic Exploring Color (skip steps 5 and 10!)  
Week of 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  
Discussion Buzzzwords -- a quick look at various web authoring programs and web technologies. Focus on Macromedia products.  
Bookwork Ch. 5: Linking Reading: Linking Strategies  
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.  
Reading WOW Ch. 1, HOT Ch. 4 & 5  
Week of September 23
Image Day - Did you bring something to scan?  
Activity PowerPoint for the Web  
Activity Using Microsoft's Design Gallery Live Link: Microsoft Design Gallery Live Viewlet: Using Design Gallery Live  
Activity Scanning (campus classes only) Viewlet: Using the Scanner  
Activity Using a Digital Camera  
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.  
Activity Cropping and Re-sizing in Fireworks (campus classes only) Viewlet: Cropping in Fireworks viewlet: Resizing in Fireworks  
Topic Web Design DOs and DON'Ts  
Week of September 30
Topic Topic: Search Engines on the Net  
Bookwork Ch. 6: Typography Gallery: Links and Image Maps Viewlet: Exploring Basic Text Formatting in DW Viewlet: Creating Ordered Lists in DW Viewlet: Creating Unordered Lists in DW Viewlet: Using DWs Built-In Color Schemes
Week of October 7
Lab Day You will need to be finishing up your FAME AND FORTUNE PROJECTS
Week of October 14
We will have in class critiques............presenting your project will be part of your grade so please be here.
Activity Excel for the Web
Topic The Legalities of Linking
Bookwork Ch. 7: Tables Gallery: Tables Viewlet: Advanced Tables the eZiba Look Reading: Single-Pixel GIF Trick
Download Download your own single pixel GIF here -- and remember, it's transparent. If you click the link you won't see anything! Netscape users, SHIFT+click the link to save, IE users right-click the link and choose Save Target As.
Reading Wow Ch. 4
Bookwork Ch. 8: Layout
Bookwork Ch. 10: Rollovers How to Insert and Make Rollovers for DW
Topic Page Layout and Grid Systems
Week of October 21
Topic Ergonomics & Workplace Ailments
Exercise HTML Primer #2 & 3
Week of October 28
Bookwork Ch. 17: Templates and Libraries
Project 2 eCommerce Site Gallery: Links and Image Maps (OPTIONAL -- You may continue working on your site!)
Lecture Virtual Lecture: What is an eCommerce Site?
Week of November ????
Admin List of books shown in class
Reading Wow Ch. 5
Bookwork Ch. 9: Frames Gallery: Frames Reading: Creating a Document with Frames in DW Reading: Why Frames Suck (Most of the Time)
HTML Primer Lessons 4 & 5
Week of November 4
Exercise HTML lesson on frames
Reading Wow Ch. 6
Bookwork Ch. 18: Plug-Ins Gallery: Multimedia on the Web (in-class exercise)
Exercise HTML Primer #5
Week of November 11
Reading Wow Ch. 7
Bookwork Ch. 13: Forms Gallery: Forms
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.
Exercise HTML Primer #6
Week of November 18
Reading Wow Ch. 8
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
Week of November 25
Reading Wow Ch. 9
Exercise HTML Tutorials on Text Commands, Alignment, and Lists
Week of December 2
  Bookwork is a part pf your final grade. Please complete all chapters and upload those that have a workable excercise with them.
  One on One's will be held Wednesday Dec. 4th and Friday the 6th. These are to see where you stand with your concepts and to help apply the finishing touches to your last project. We will also be reviewing the last couple of concepts. If you have questions or concerns please be present .
Reading Wow Ch. 10
Exercise HTML Tutorials on Tables, Tables Within Tables, and Table Color
Week of December 12
Project Presentation: Monday Dec. 10 and Wednesday Dec. 12th. Please be present for in class critique and presentation. This is part of your grade.
All of your bookwork is due for grading. The last day of class is Wednseday Dec. 12th. I will not accept anything for grading after Sat. 14th at 8PM. I am responsible for turining in grades and final rolls on Monday the 16th. Please be sure that all work is completed and uploaded by the specified time.