Category Archives: Web Technologies Spring 2025

Site Planning and Interviewing Clients

Site Planning and Interviewing Clients Sitemap Tools Gliffy Slickplan Prototyping Tools Figma Mockflow (free) Wireframe.cc Moqups proto.io SEMESTER WRAP UP AND FINAL INFORMATION To successfully complete this semester the following assignments should be posted to your course homepage Prototype HTML Assignment CSS Demo Positioning Exercises (These 4 are required but you could do extra for additional […]

Web Forms

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

Site Building Demo

Codecast | Target Outcome Logo Replacement Technique Demo

Final Project Q & A

Final Project Q&A CSS Backgrounds CSS Background Recipes Summary/Details Element

Bringing it All Together

Finalizing your page template Duplicating pages for your site Setting up Workspace for your project Final Project Choose one of the three micro-site project options and post url of the First Draft to your course homepage no later than 4/21/2025. Reference HTML – Please create your own structure. This document is a reference for those that […]

Image Manipulation

Removing the Background from an Image Sample file  Tutorial Exporting Files Other Tools

Image Manipulation and Optimization

Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – Web App | Install: Windows | Mac | Chromebook Workspace Overview Introductory Tutorials

Positioning Lab Debrief

Review Positioning Exercises (Codecast) Image Editing Tools Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – (Formerly Gravit) – Introductory Tutorials Pixlr Suite –  Raster and Vector – Tutorials

Positioning Lab

Set up a directory structure for the positioning lab. | Starter HTML (Use this code) Positioning Lab | Demo

Introduction to CSS

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