Thomas Wallace

Lectures and Resources

Web Technologies

Spring 2025 | IFSC 1310

Image Manipulation

Assignment

Export a copy of the image you create in class today and provide a link to it from your course homepage. You’ll need to upload it to Github and link to the file. You should also provide a link to the Icon you create in the tutorial.

Image Manipulation and Optimization

Assignment

After working through today’s material spend you remaining time working on the Icon Assignment. Remember you only have 14 days to complete once using your free trial so make sure to not procrastinate.

Complete the following tutorial and submit the icon you create in the tutorial.

Create an Icon in Gravit

You should post the icon and link from your Github homepage before class on Tuesday  (4/14/25). I do not expect you to perfectly replicate the icon in the tutorial but I would like to see a solid effort from each of you. This is a challenging assignment so I encourage you to not wait until the night before it is due. Good Luck!

Positioning Lab Debrief

Assignment

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)

Have a great Spring Break!

Positioning Lab

Assignment

Complete the 4 lab exercises and post to your course homepage. We will debrief on Wednesday.

Introduction to CSS

Assignment

Complete the exercises at Flexbox Froggy. Link a screenshot of the completion page for exercise 24 on your Github homepage. You’ll need to take a screenshot, upload to your codespace and then add a link to file on your homepage.

Quiz and HTML5 Assessment setup

Assignment

HTML5 Assessment

  • 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.
  • Create a link to this assignment from your course homepage. Name it “Prototype HTML5 Assignment”
  • When complete publish it to your Github account with the Commit Note “Prototype HTML5 Assignment Submission”.
  • Due 2/24/2025

Structure, Content, Design, Behavior

Assignment

Evaluate a web site you frequent based on our discussion of Structure, Content, Design, and Behavior. This is a written assignment that should submitted via this form no later than 2-4-25. 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. There is no length requirement for this assignment, but please give an organized and thorough response. Please upload the file as a pdf or docx or alternatively you can share the URL of the file. The submitted writing for this assignment should be the author’s own work. AI generated submissions will be flagged and receive No Credit.

Submit Assignment Here – You’ll need to be logged in with your UALR email account to access

Web Related Terminology

Weekly Lab Session

Be sure to add to your calendar and attend when you need assistance. These are not mandatory.

Weekly Lab Class Fridays
9:30 – 10:30am
Video call link: https://meet.google.com/feg-bdcu-eur

 

 

Assignment

Setup an Account at Github. The free account is acceptable for the work we will do in class. Make sure you make note of your credentials and verify your account email address when signing up.

Additional Reading

300 Million Dollar Button

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
  • Gravit.io – Cloud-based Vector Imaging editor
  • Pixlr – Cloud Based Image Editing Tools

Discussion