Current semester: Fall 2026

Web design as a workshop.

DSGN 300 is a course about structure, typography, interaction, and the practical work of making pages that can be read, used, revised, and understood.

Read the syllabus Fall 2026 notes

Current Work

Start here each week.

This top layer of the site is for the active semester: weekly notes, announcements, current project context, and the small pieces of direction that change as the class develops.

Stable material lives below it. Reference pages and project briefs keep durable URLs so they do not disappear when the semester turns over.

Reference

Materials that persist.

HTML

The structure layer of the web: elements, meaning, document outlines, and accessible markup.

 CSS

The presentation layer of the web: selectors, cascade, typography, spacing, and responsive rules.

 Layout

Working with flow, spacing, Flexbox, Grid, and responsive page structures.

Projects

Briefs students can return to.

Resume Site

A focused HTML and CSS project that turns resume content into a readable, responsive web page.

 Project One

The first larger web design project, with constraints and deliverables to be added before the semester begins.

 Group Project

A collaborative project brief with semester-specific rosters handled separately from the durable assignment.

Demos

Examples to inspect and revise.

Frontend Foundations Demo Library

Downloadable HTML, CSS, and Bootstrap demos for students who want stable examples to read, copy, break, and revise.

 HTML & CSS Foundations

Two small repositories for practicing the separation between HTML structure and CSS presentation.

 Navigation Demo

A four-page navigation exercise for practicing repeated structure and active states.