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

Internet Technologies

To view lecture notes for a given lesson follow the links below. Lecture notes will be added the day of each lecture. Assignments will be listed for each section. Assignments are due before class.

Introduction -  Review Syllabus and course expectations - 1.12.2010

Reading Assignment: The history of the Internet and the web, and the evolution of web standards

Introduction: Our Window to the Web: Web Browsers & Understanding Web Related Terminology - 1.14.2010

Assignment: Download and Install Firefox on your computer. Add the Web Developer and Firebug extensions
Read Chapter 2 in Textbook
Reference - Web 2.0 Glossary pg. 105

Getting Started - 1.19.2010

Assignment: Evaluate your favorite web site based on our discussion of Structure, Content, Design, and Behavior. This is a short written assignment that should be emailed to me (tswallace@ualr.edu) no later than 1-21-10. Make sure you discuss the following elements: Site URL, An assessment of the Structure, Content, Design, and Behavior of the site, Things you like about the site, Things you would change.

Site Management - 1.21.2010

Video Tutorial - Defining a site

Structure: Introduction to (X)HTML - 1.26.2009

Assignment Reading: Semantic XHTML (Quiz Material)

Structure: Introduction to (X)HTML - 2.2.2010

Assignment Reading: Marking up textual content in HTML

Structure: Introduction to (X)HTML - 2.4.2010

Reading Assignment: Generic Containers the div & span element

Structure: Introduction to (X)HTML - 2.11.2010

Assignment: Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page.

Emailed to tswallace@ualr.edu on 2.15.10 (Monday)
Reading Assignment: CSS Basics

The Building Blocks: Structure/Design - 2.16.2010

Reading Assignment: CSS Specificity & Class vs. ID

The Building Blocks: Structure/Design - 2.18.2010

Assignment: Create styles for your Prototype HTML Document. You should style all required elements from the previous assignment other than the form. Emailed to tswallace@ualr.edu before class on 2.25.10

The Building Blocks: Structure/Design - 2.23.2010

Assignment: Read Chapter 20 - Quiz Material

Structure/Design/Content - 2.25.2010

Assignment: Create a color scheme for you web site and bring the Hexidecimal color codes to class with you on Tuesday.

Create a storyboard for your web site. Due in class next Tuesday (March 2)

The Building Blocks: Design - 3.2.2010

The Building Blocks: Design - 3.4.10

Homework (Due 3.9.10): Create Banner image for your website in Fireworks. Image should be as wide as your container div and between 80px and 200px tall. < 40kb in size. Emailed optimized version to tswallace@ualr.edu before class.

The Building Blocks: Design - 3.9.10

Homework Due 3.11.10 Email me the icon you create as homework.

Guest Lecture - 3.11.10

Guest Lecture - 3.16.10

  • Melanie Thorton - Web Accessibility

Homework (Due 3.18.10): Explain in your own words what web accessibility means to you & why it is important to build accessible web sites? This is a short written assignment that should be emailed to me (tswallace@ualr.edu) no later than 3-18-10.

The Building Blocks: Design - 3.18.10

The Building Blocks: Design - 3.30.10

Bringing It All Together - 4.1.2010

  • In-class site building demonstration.
  • Q & A

Introduction to JavaScript - 4.6.2010

Reading Assignment: A reintroduction to JavaScript

Introduction to JavaScript - 4.8.2010

  • Script Resources
  • In-class assignment - On a blank HTML page implement a JavaScript from Dynamic Drive. Upload to the web and email me the link. Included in the document should be the URL where you got the script and any enhancements you made to the script. Extra credit will be given for any script that have been enhanced from their original format.

Read the following Article on Progressive Enhancement. Send me an email (tswallace@ualr.edu) explaining progressive enhancement in your own words. Please discuss why it is important to use progressive enhancment and include a link to another article you found relating to the topic. Due before class on Tuesday (4.13.09)

Applied JavaScript - 4.13.2010

Applied JavaScript - 4.15.2010

  • Exploring the functionality of Jquery
  • Building web apps with Jquery
  • In class assignment - Find and complete one jquery tutorial on the web. Upload the finished project to your web space and send me a link to the working example. Finish as homework Due Next Thursday (4.22.10). When evaluating the script make sure that that it still functions without Javascript enabled. You should pick something that can be integerated into your current site to meet the above mastery requirement.
    • Resources 1 | 2 | 3

The Road Ahead: HTML 5 - 4.20.2010

  • What can it do? - 1 | 2 | 3 | 4 | 5
  • Who is using it now? - 1
  • Browser Support - 1 | 2
  • Markup Overview - 1 | 2
  • Where to Start - 1 | 2 | 3 | 4

Web Forms - 4.22.2010

The Road Ahead CSS 3 - 4.27.2010

In Class Lab - 4.29.2010

  • Q & A Session

Final - 5.6.2010

The link to the final project should be emailed to me (tswallace@ualr.edu) no later than 12:30 on May 6, 2010. Anything sent after this time will not be accepted

 

What I'm Reading

RSS Feed IconView More

Announcements

  • 1.24.2012
    Structure, Content, Design, Behavior
My Calendar