MMP 240 Web Design

Learn to Communicate with websites, one step at a time.

Course resources and guides to help you understand web design, plan your work, set up your tools and learn workflows.

graphic showing representations of a plan going to HTML then CSS properties then a complete web page.

Accounts + Tools

Get the accounts and software tools you will need throughout the course. Setup and use instructions included.

Browse all accounts and tools posts →

Accounts + Tools hero image with VS Code, GitHub, Figma, CodePen, GitHub Copilot and Git logos.

featured guide

Course Software and Accounts

The software and Accounts you need, where to get them and what login or email to use. A good place to start at the beginning of the course.

Web Design Core

Learn the core concepts, syntax and definitions you need to know to build responsive, accessible websites.

Browse all web design posts →

illustration of internet round trip: DNS Lookup for url to IP address, client http request as TCP/IP packets to web server, http response as TCP/IP packets back to client.

featured Concept

Internet Basics

How the internet works from clients to servers, DNS lookups to HTTP requests.

Illustration of html elements html, header,main,footer that point to illustration of a rendered web page with those elements rendered in a browser.

featured CONCEPT

HTML Basics

HTML is the foundational, must know, structure of how web pages are made. This guide covers the basic concepts and core HTML elements.