Thomas Wallace: Lectures and Resources - A collection of website design lectures and resources

IT Certificate

To view lecture notes for a given lesson follow the links below. Lecture notes will be added the day of each lecture. Reading assignments will be listed for each section. Please do the assigned readings before class and be prepared to discuss in class. All readings are from The Web Collection Revealed unless otherwise noted. To view lectures from last semester view this page.

Getting Started - 1.22.2007

• Understanding Web Related Terminology
• Understanding How a Web page Works
• Dreamweaver Workspace

Reading Assignment: Chapter One - Lessons 1, 2, 3

How to Organize your files - 1.29.2007

• Naming Conventions, Meta Naming, Directory Structure
• Defining a Site in Dreamweaver / Connecting to the Server
• Structure, Content, Design
• Properly Marking up an HTML document

Reading Assignment: Chapter Two - Lesson - 1, Chapter Three - Lessons - 1 & 2

Additional Reading: Discussion on Mark-up

The Building Blocks: Structure - 2.12. 2007

• Creating Code Blocks
• Selecting and Applying a Layout
• Selecting the Proper Style: Tags, Classes, and ID's
• Creating Styles for Your Site: Creating ID's, Classes, and Redefining HTML Tags

Additional Reading: Web Standards Overview

The Building Blocks: Structure - 2.19. 2007

• Editing Head Content
• Creating Links to Other Pages
• Deciding on Good Colors and Fonts
• Planning, Storyboarding and Collecting Resources for your Web Site

The Building Blocks: Design - 2.26. 2007

• Fireworks Workspace Overview
• Creating Shapes in Fireworks
• Creating and Modifying Text
• Applying Filters to Objects and Text
• Applying a Style to Text

Reading Assignment: Fireworks: Chapter One - Lessons - 1, 4, 5

The Building Blocks: Design - 3.5. 2007

• Creating and Modifying Text
• Applying Filters to Objects and Text
• Applying a Style to Text
• Using Shapes, Text, and Photos to create Imagery for your site.
• Optimizing and Exporting Images for the Web

The Building Blocks: Design - 3.19.2007

• Slice and Dice: Using Fireworks to create image slices.
• Integrating Image Slices into Your Site Template
• Styling Page Navigation (Lists)
• Finding and Implementing Javascript
• Extending Dreamweaver: Dreamweaver Extensions | Lorem Ipsum

Bringing it All Together - 4.16.2007

• Creating an Email Contact Form using Active Server Pages
• Publishing Your Web site