Skip navigation.

Calendar for ITSC 1413.7260 Page Design 1 / Fall 2002

by Sean Griffin

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 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 Due Date
Saturday August 31
red arrow icon X Exercise Scavenger Hunt Sept 6
X Admin Syllabus, Lab Policies
X Reading NLC Computer Graphics Copyright Guidelines
red arrow icon X Quiz NLC Computer Graphics Copyright Guidelines Sept 6
red arrow icon X Exercise Class Expectations -- answer the questions and play with Dreamweaver, particularly the Property Bar.
X Reading Dreamweaver HOT Ch. 1,2 Viewlet: A Tour of the Dreamweaver Objects Palette Viewlet: Editing the Preview in Browser Feature
X Reference Desktop Yoga
Saturday September 7
X Discussion Copyright Guidelines, Project from last Class, Questions?
red arrow icon X Project 1 Fame and Fortune Oct 18
red arrow icon X Exercise Defining Your Site in Dreamweaver
X Bookwork HOT Ch. 2 Defining a Site in Dreamweaver
X Lecture Paths - Absolute & Relative
n/a Reading WOW Ch. 2 - (optional)
X Quick Tip How to Save Images from Web Browsers
red arrow icon X 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. Mail them to sean.griffin@attbi.com as attachments. Sept 14
red arrow icon X Activity Microsoft Word and Dreamweaver
X Lecture Color Theory Reading: Web VooDoo's Color Theory 101 Link: paletteman.com Link: Mundi Design Primer with Color Wheel Link: ColorSchemer
red arrow icon X Topic Exploring Color Sept 16
Saturday September 14
X Discussion Buzzzwords -- a quick look at various web authoring programs and web technologies. Focus on Macromedia products.
X Exercise HTML Primer #1 - ungraded, nothing to turn in
X Reading Dreamweaver HOT Ch. 3, 19 Viewlet: Site Management in DW Reading: FTP Logic Flowchart Reading: Linking Handout
X 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
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.
Reference Sharon's Reading List
Saturday September 21
red arrow icon Quiz #2 Quiz #2 - Basics
Discussion

Where are we going?
Talk about Project 1.

Discussion Review of Fireworks buttons
red arrow icon Activity Using your Fireworks buttons in Dreamweaver
Bookwork Ch. 5: Linking Reading: Linking Strategies Link: paletteman.com
Activity Using Microsoft's Design Gallery Live Link: Microsoft Design Gallery Live Viewlet: Using Design Gallery Live
Reading Wow Ch. 4 (Optional)
red arrow icon Activity PowerPoint for the Web & Excel
red arrow icon Activity Cropping and Re-sizing in Fireworks (campus classes only) Viewlet: Cropping in Fireworks Viewlet: Resizing in Fireworks
red arrow icon Topic Topic: Search Engines on the Net Sept 27
red arrow icon Topic Web Design DOs and DON'Ts Sept 27
Reference What is Index.htm?
Exercise Visuals for Project One -- gather materials to scan or digitally photograph for next class session.
Saturday September 28
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
Image Day - Did you bring something to scan?
Activity Scanning (campus classes only) Viewlet: Using the Scanner
Saturday October 5
Activity Excel for the Web
  Topic The Legalities of Linking
red arrow icon Bookwork Ch. 7: Tables Gallery:Tables Viewlet: Inserting Tables into a DW Document Lecture: 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.
Saturday October 12
Bookwork Ch. 8: Layout
Bookwork Ch. 10: Rollovers Viewlet: How to Insert and Make Rollovers for DW
Topic Page Layout and Grid Systems
red arrow icon Project One due Sunday Friday, October 18
Saturday October 19
Topic Ergonomics & Workplace Ailments
  Exercise HTML Primer #2 & 3
Saturday October 26
red arrow icon Bookwork Ch. 17: Templates and Libraries
red arrow icon Project 3 eCommerce Site Gallery: Links and Image Maps (OPTIONAL -- You may continue working on your site!)
Lecture Virtual Lecture: What is an eCommerce Site?
Saturday November 2
Bookwork Ch. 9: Frames Gallery: Frames Viewlet: Creating a Document with Frames in DW Reading: Why Frames Suck (Most of the Time)
  Excercise Primer Lessons 4 & 5
Saturday November 9
  Exercise HTML lesson on frames
Bookwork Ch. 18: Plug-Ins Gallery: Multimedia on the Web (in-class exercise)
  Exercise HTML Primer #5
Saturday November 16
red arrow icon 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
Saturday November 23
Bookwork Ch. 14: Behaviors Gallery: JavaScript and dHTML 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
Saturday November 30
    PLEASE FINISH YOUR ECOMMERCE SITE AND PUT IT TO THE SERVER

PLEASE TURN IN ALL UNFINISHED ASSIGNMENTS

    NO CLASS THIS WEEK
Saturday December 7
  Exercise HTML Tutorials on Tables, Tables Within Tables, and Table Color
  Final Exam In class with Dreamweaver & Fireworks available to you as a reference
  NOTE YOU MUST HAVE ALL OF YOUR WORK IN TO ME BY THIS DATE. I HAVE A 24 HOUR WINDOW TO TURN IN YOUR GRADES!!!!!