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

IT Lemon

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.

Getting Started - 1.16.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.18.2007

• Naming Conventions, Meta Naming, Directory Structure
• Defining a Site in Dreamweaver
• 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 - 1.23. 2007

• Creating Code Blocks
• Editing Head Content
• Selecting and Applying a Layout
• Connecting to the web server

Additional Reading: Web Standards Overview

The Building Blocks: Design - 1.25. 2007

• Planning, Storyboarding and Collecting Resources for your Web Site
• Selecting the Proper Style: Tags, Classes, and ID's
• Creating Styles for Your Site: Creating ID's, Classes, and Redefining HTML Tags
• Deciding on Good Colors and Fonts

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

The Building Blocks: Design - 1.30. 2007

• Creating Links to Other Pages
• 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 - 2.9. 2007

• Using Fireworks As a Design Environment
• Using Shapes, Text, and Photos to create Imagery for your site
• Optimizing and Exporting Images for the Web
• Classroom Lab Time: Creating Your Page Design

Reading Assignment: Dreamweaver: Chapter Three - Lessons 2, 3

The Building Blocks: Design - 2.13.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 - 2.15.2007

• Finalizing Page Structure
• Validating your HTML and CSS
• Adding Pages to Your Site
• Accessibility: Making Your Site Accessible to All Audiences

Microsoft Project - 2.20.2007

• Tutorial Assignment

Active Server Pages - 2.27.2007

• Planning your Website/Database Interaction
• Setting up your Files & Directories
• Creating a Simple Database for Your Web Site
• Connecting to Your Database with a Custom Connection String

Active Server Pages - 3.1.2007

• Creating a Recordset
• Using Dreamweaver to Add a Record to Your Database
• Using Dreamweaver to View a Record in Your Database

Microsoft Project - 3.1.2007

• Build a Deck

Active Server Pages - 3.6.2007

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

Active Server Pages - 3.8.2007

• Server Side Includes (SSI)
• Using Site Authentication Tools in Dreamweaver

Microsoft Project - 3.8.2007

• Build a Deck

Web Design Practice Assessment - 4.3.2007

• Practice Assessment

Web Design Assessment - 4.12.2007

• Assessment