Category Archives: Web Technologies Fall 2026 – 02

Codecast | Target Outcome Logo Replacement Technique Demo

Hosted Solution (Wufoo) Jotform Using and endpoint service Formspree Using Server-Side Technology PHP (Bluehost/cloud9)

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

Bringing it all Together Finalizing your page template Duplicating pages for your site Setting up Workspace for your project Assignment Complete the micro-site project and post url of the First Draft to your course homepage no later than 11/17/2026. You are welcome to complete the site on any topic you would like provided it meets the technical […]

Lab Debrief Codecast | Video Debrief Image Editing Image Editing Tools Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Pixlr Suite –  Raster and Vector – Tutorials Photopea / Vectorpea

Today we will build out some common page layout patterns using the CSS grid specification we have been learning. CSS Grid Lab | Codecast Lab Set up In your workspace create a new project sub-directory named: css-grid-lab Create 4 html files named: grid-two-col-left.html grid-two-col-right.html grid-two-col-stacked.html grid-two-col-equal.html Populate Each File with the starter code located here: Starter Code Add a […]

Review Positioning Exercises (Codecast) Introduction to CSS Grid Introduction to CSS Grid Grid by Example

Positioning Lab | Demo

Codecast | Source Positioning Overview CSS Positioning | Demo Set up a directory structure and links for the positioning lab. | Starter HTML (Use this code)

Codecast | Source Spend today’s session experimenting styling the content we added on Thursday. At a minimum I’d  like you to try to write selectors for the table elements and and the different kinds of lists. We’ll debrief on Thursday.