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. To view lectures from last semester view this page.

Getting Started - 1.14.2008

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

How to Organize your files - 1.28.2008

• Naming Conventions, Meta Naming, Directory Structure
• Defining a Site in Dreamweaver
• Structure, Content, Design, Behavior

Reading Assignment: Lesson 12 pg 285-290
Semantic XHTML (Quiz Material)

Video Tutorial - Defining a site
Additional Reading: Discussion on Mark-up

The Building Blocks: Structure - 2.4. 2008

• Properly Marking up an HTML document
• Creating Code Blocks
• Selecting and Applying a Layout

The Building Blocks: Structure - 2.11. 2008

• Editing Head Content
• 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.18. 2008

• Planning, Storyboarding and Collecting Resources for your Web Site
• Creating Links to Other Pages
• Deciding on Good Colors and Fonts
• Fireworks Workspace Overview

The Building Blocks: Design - 2.25. 2008

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

The Building Blocks: Design - 3.3. 2008

• Using Shapes, Text, and Photos to create Imagery for your site.
• Optimizing and Exporting Images for the Web

Homework (Due 3.17.08): Create Banner image for your website in Fireworks. Image should be 700px Wide and between 80px and 200px tall. < 40kb in size. Emailed to tswallace@ualr.edu before class.

The Building Blocks: Design - 3.17. 2008

• Defining a Site in Dreamweaver
• Integrating Image Slices into Your Site Template

Bringing It All Together - 3.31. 2008

• Styling Page Navigation (Lists)
• Creating Styles for Your Site: Creating ID's, Classes, and Redefining HTML Tags (Review)
• Creating Links to Other Pages

Bringing It All Together - 4.7.2008

• Accessibility: Making Your Site Accessible to All Audiences
• Finalizing Page Structure
• Adding Pages to Your Site

Bringing It All Together - 4.14.2008

• Finding and Implementing JavaScript
• Validating your HTML and CSS
• Creating an Email Contact Form using Active Server Pages
• Publishing Your Web site