References you can return to.

A first-week checklist for getting your own laptop ready for studio work — updates, browser, storage, passwords, and the software you'll install later in the semester.

How computers organize website projects with folders, filenames, file extensions, and project roots.

Step-by-step setup for creating a local website project folder, opening it in Phoenix Code, and adding an index.html homepage.

Create your free rwu.me hosting account before we start publishing websites in class.

Use FTP to move index.html from your computer to your rwu.me web server, and understand the local vs. remote workflow you'll repeat all semester.

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

A working specimen for the site's type system: Minion optical sizes, Azo Sans interface text, and JetBrains Mono code.

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

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

Using a framework without letting the framework make every design decision.

Using Figma as a planning space for structure, hierarchy, wireframes, and interface decisions.

A starting list of photographers with substantial bodies of work for the Project One portfolio website.

Accessibility resources and links for connecting your design work to the wider field.