Thomas Wallace

Lectures and Resources

Web Technologies

Fall 2026 | IFSC 11003

Web Forms

Assignment

You should shoot to have your first draft completed by End of Day next Monday. It is not required to have a contact form for your first draft but it will be for the final project so feel free to go ahead an integrate into your draft if you’d like to work ahead.

Final Project Lab

Today we will use class time to begin work on our final project.

Bringing it all together | Final Project Overview

Bringing it all Together

Assignment

Complete the micro-site project and post url of the First Draft to your course homepage no later than 11/16/2026. You are welcome to complete the site on any topic you would like provided it meets the technical requirements for the project. There will be two iterations of this project. A first draft due on 11/16/2026 and a final revision that will be due on the date of your final. Both are graded assignments. Plan accordingly.

Mars Rovers

CSS Grid Lab

Today we will build out some common page layout patterns using the CSS grid specification we have been learning.

Lab Set up

  1. In your workspace create a new project sub-directory named: css-grid-lab
  2. Create 4 html files named:
    1. grid-two-col-left.html
    2. grid-two-col-right.html
    3. grid-two-col-stacked.html
    4. grid-two-col-equal.html
  3. Populate Each File with the starter code located here: Starter Code
  4. Add a nested list to your course homepage with links to each file.

 

Assignment

Make sure your grid labs are loaded and linked from your course homepage. At this point your course homepage should have the following assignments posted and linked:

  • Prototype HTML Assignment
  • CSS Demo
  • Positioning Exercises (These 4 are required but you could do extra for additional credit)
    • Float 1
    • Float 2
    • Absolute 1
    • Absolute 2
  • Flexbox Froggy
  • CSS Diner (Extra Credit)
  • CSS Grid Garden
  • CSS Grid Layout Lab
    • Two Column Left Align
    • Two Column Right Align
    • Two Column Stacked
    • two Column Equal

Positioning Lab Debrief

Assignment

Complete CSS Grid Garden and Post a screenshot of the final exercise – https://cssgridgarden.com/

Make sure your positioning labs are loaded and linked from your course homepage. At this point your course homepage should have the following assignments posted and linked:

  • Prototype HTML Assignment
  • CSS Demo
  • Positioning Exercises (These 4 are required but you could do extra for additional credit)
    • Float 1
    • Float 2
    • Absolute 1
    • Absolute 2
  • Flexbox Froggy
  • CSS Diner (Extra Credit)

Course Introduction

Course Syllabus

Introduction to the Virtual Classroom

We will be using a broad array of tools to support this course this semester. If you would like to familiarize yourself with these feel free to do so. I will explain and do walkthroughs with the tools when we begin to use them.  You are welcome to go ahead and create your accounts (they are all free) but make sure to keep track of your credentials.

  • Codepen.io – Codecasting Service for Lectures and Reference
  • GitHub (Student Pack) – Code Versioning Repository for submitting assignments
  • Pixlr – Cloud Based Image Editing Tools

Discussion

Begin Module 1 in Blackboard