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.
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
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.
Group ProjectA collaborative project brief with semester-specific rosters handled separately from the durable assignment.
Demos
Examples to inspect and revise.
Downloadable HTML, CSS, and Bootstrap demos for students who want stable examples 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.