RWU Web Design
DSGN 300 is a course about structure, typography, interaction, and the practical work of making pages that can be read, used, revised, and understood.
Current Work
Start here each week.
Use the Fall 2026 notes for weekly announcements, current project context, and the small pieces of direction that change as the class develops.
Reference pages and project briefs remain available below when you need material that carries across the semester.
Reference
Learn the fundamentals here.
How computers organize website projects with folders, filenames, file extensions, and project roots.
First Website ProjectStep-by-step setup for creating a local website project folder, opening it in Phoenix Code, and adding an index.html homepage.
HTMLThe structure layer of the web: elements, meaning, document outlines, and accessible markup.
Projects
Find your project briefs here.
A one-page HTML resume project that introduces webpage structure, local previewing, file organization, and publishing files to the web.
Project OneDesign a mobile and desktop Figma prototype for a professional photographer's portfolio or promotional website.
Project Two: Boutique TravelA collaborative studio project in research, branding, interface design, front-end development, and publication.
Demos
Examples to inspect and revise.
Downloadable HTML, CSS, and Bootstrap demos to read, copy, break, and revise.
HTML & CSS FoundationsTwo small repositories for practicing the separation between HTML structure and CSS presentation.
Navigation DemoA four-page navigation exercise for practicing repeated structure and active states.