Student Work
Coming soon!
Show/Hide Menu
Home
Announcements
Student Work
Resources
(updated 04/30/21)
Cheatsheet: Side by Side Content
Cheatsheet: Images
File Structure and UTF-8
FTP Applications
VSCode Tips and Features
Foundations
Intro to HTML
HTML Tag Reference
Intro to CSS
Color
Typography
Units of Measure
Floating Elements
Images for the Web
Backgrounds and Sprites
Advanced CSS Selectors
Design Patterns and Layout
Clipping and Overflow
Display Modes
Flexbox
CSS Grid Basics
Grid Templates and Item Placement
Multi-Column Layout Using Named Areas
Grid Alignment (Box Alignment)
Media Queries
Wireframes
Advanced Topics
Advanced Grid Layout and Functions
Full Bleed Sections
Positioning Rules
CSS Transitions
Intro to JavaScript
Miscellaneous Demos
Responsive Images
Batch Processing Images Using Photoshop
Intro to PHP
Lectures
A Brief History of Computers and the Internet
History of Browsers and Web Design
Responsive Design
UX Design
Getting Online: Hosting
Getting Found: SEO Principles
The Dynamic Web
Assignments
Assignment: Constitution Text
Assignment: HTML Practice
Assignment: ROYGBIV
Assignment: Long-Form Text
Assignment: Splash Page
Assignment: Advanced CSS Selectors
Assignment: Flexbox Exercises
Assignment: Wireframes
Assignment: Narrative No Text
Assignment: Grid Placement Exercise
Assignment: Multi-Column Layout
Assignment: Wireframe Swap
Assignment: Final Project Proposal
Assignment: Responsive Collage
Assignment: Splash Page Update
Assignment: Final Project Wireframe
Assignment: UX Examples
Assignment: Final Project HTML
Assignment: Final Project CSS, First Draft
Assignment: Final Project Finished