Category Archives: Web Technologies Spring 2023

Building an Accessible Content Carousel

Class Exercise Be sure to publish your work to GitHub and add a link to the demo we built to your course homepage. Final Q & A | Guidelines Next Steps IFSC 3300 (Sample Syllabus) Mobile Web Development (Spring 2024) BA in Web Design and Development Advisor Thomas Wallace Course Evaluations

Exploring the functionality of jQuery

Understanding the Document Object Model (DOM) Visualizing the DOM What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Explained Exploring the functionality of jQuery jQuery Tabs Case Study jQuery Plugins Cycle Demo

JavaScript and the Document Object Model

Introduction Uses of JavaScript AJAX Demo (jQuery) | AJAX Demo (Vanilla JS) Understanding the Document Object Model (DOM) Visualizing the DOM What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study jQuery Plugins Cycle Demo

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 Using Server-Side Technology PHP (Bluehost/cloud9) Web Based Image Optimization Tool Site Planning and Interviewing Clients  

Site Building Demo

Codecast | Target Outcome Logo Replacement Technique Demo

Bringing it all Together

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

Bringing it all Together

Finalizing your page template Duplicating pages for your site CSS Backgrounds CSS Background Recipes Summary/Details Element INDIVIDUAL WEB PROJECT Choose one of the two micro-site projects and submit url to me by April 24, 2023. Starter HTML – You are welcome to use your own structure. This document is a reference for those that need […]

Image Manipulation and Optimization

Removing the Background from an Image Sample file  Tutorial Exporting Files

Image Manipulation and Optimization

Corel Vector – Web App | Install: Windows | Mac | Chromebook Workspace Overview Introductory Tutorials