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

Little Rock School District Teachers 2009

To view lecture notes for a given lesson follow the links below. Lecture notes will be added the day of each lecture.

Getting Started - 6.15.2009

• Web Site Overview
• Getting Started with your Wordpress Blog
  • http://www.itminor.com/cyberteachers/username
  • Logging In to your Blog (Video Tutorial)
  • What is a blog?
  • Publishing Content | Video Tutorial
  • More Resources

Homework (Due 6.16.09): Write your first blog post reflecting on the first day in the program and your personal expectations for the class. Make sure you catorgorize and/or tag the post. If you are feeling adventurous try adding a photo to the post as well. There is no length requirement for this assignment.

Fireworks and Blogs - 6.16.2009

• Fireworks Basics
  • Fireworks Workspace Overview
  • Creating Shapes in Fireworks
  • Creating and Modifying Text
  • Applying Filters to Objects and Text
  • Applying a Style to Text
• Wordpress Blog Configuration
  • Permalinks
  • Selecting and Applying a Theme
    • Wordpress Theme Repository
    • Other Theme Resources
    • And More
  • Blog Roll (Links)
  • Creating Pages

Homework (Due 6.17.09): Select and Apply a theme to your Blog

PowerPoint and Internet Technology - 6.17.2009

• PowerPoint
  • Powerpoint Overview
  • Powerpoint Workspace
  • Working with the Slide Master
• Using the Web Like a Pro I

Homework (Due 6.18.09): Find a short Video (Less than 1 Minute) on Youtube and bring the URL (address) to class on Thursday. Don't forget to Blog!

PowerPoint and Internet Technology - 6.18.2009

• PowerPoint
  • Building a photo album
  • Hyperlinks
  • Converting Video for PowerPoint
• Using the Web Like a Pro II

Homework (Due 6.19.09): Follow the instructions for downloading and saving your converted video and bring to class tommorrow.

PowerPoint - 6.19.2009

• Inserting Audio and Video
• Custom Shows
• Alternative Presentation Formats
• PowerPoint Jeopardy Resources

Getting Started with the Web- 6.22.2009

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

Homework (Due 6.23.09): Review Web Related Terminology and be prepare for a quiz. Watch What is Dreamweaver?

How to Organize your files - 6.23.2009

• Naming Conventions, Meta Naming, Directory Structure
• Defining a Site in Dreamweaver / Connecting to the Web server

• Structure, Content, Design, Behavior
• Using the Web Like a Pro III (RSS and Podcasting)

The Building Blocks: Structure/Design - 6.24.2009

• Planning, Storyboarding and Collecting Resources for your Web Site
• Deciding on Good Colors and Fonts

Reading: Semantic XHTML (Quiz Material)
Video Tutorial - Defining a site
Homework :
(Due Friday 6.26.09) - Complete Story Board for your web site.
(Due Monday 6.29.09) Create a Color Scheme for your web site. Bring Hexadecimal Codes

The Building Blocks: Structure - 6.25.2009

• Properly Marking up an HTML document
• Editing Head Content

Additional Reading: Web Standards Overview

The Building Blocks: Structure/Design - 6.26.2009

• Creating Code Blocks
• Selecting and Applying a Layout
• Selecting the Proper Style: Tags, Classes, and ID's

Reading Assignment: Class vs. ID

The Building Blocks: Structure/Design - 6.29.2009

• Creating Styles for Your Site: Creating ID's, Classes, and Redefining HTML Tags
• CSS Box Model - Description | Demonstration

Homework Style all major elements in your current index.html file. You will show this to class on Tuesday.

Design/Structure- 6.30. 2009

• Styling Page Navigation (Lists)
• Accessibility: Making Your Site Accessible to All Audiences

The Building Blocks: Design - 7.1.2009

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

Homework (Due 7.6.09): 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 - 7.6.2009

• Integrating Images into Your Site Template
• Creating Links to Other Pages

Bringing It All Together - 7.7.2009

• Validating your HTML and CSS
• Finalizing Page Structure
• Adding Pages to Your Site

Bringing It All Together - 7.8.2009

• Contact Forms
• Video Conversion Redeaux

Bringing It All Together - 7.9.2009

• Connecting to the Web Server
• Adding Extras to Your Site (Google Calendar)

Bringing It All Together - 7.10.2009

• Video Conversion Redeaux
• Student Requests

Bringing It All Together - 7.13.2009

• Finding and Implementing JavaScript