Getting Started
Set up your project the right way before you write a single line of code.
Setting Up TextEdit (Mac)
The one critical setting you must change in TextEdit before writing HTML — plus a live-edit trick with Cyberduck.
Setting Up Notepad++ (Windows)
The one critical setting you must change in Notepad++ before writing HTML — plus a live-edit trick with Cyberduck.
The "Master Folder" Strategy
Organize your files before opening an FTP client — folder structure, linking pages, displaying images, and a pre-upload checklist all in one place.
The Universal Naming Guide for Web Projects
Web servers are more sensitive than your personal computer. Follow these rules to avoid broken links and failed uploads.
HTML & CSS
The core coding skills you need to build and style your website.
HTML Basics
Learn how elements, tags, attributes, and document structure work together to build a webpage from scratch.
CSS Basics
Selectors, the box model, and how to link a stylesheet to your HTML — the foundations of every styled page.
Linking Pages & Files
Master relative vs. absolute paths so broken links and missing images are a thing of the past.
Images on the Web
Choose the right file format, size your images correctly, and write alt text that actually helps users.
FTP & Uploading
How to connect to your subdomain and get your files live on the server — pick the guide that matches your device.
The LIS 458 "I'm Not a Tech Person" FTP Cheat Sheet
A quick-reference overview of essential FTP tips for getting your website online.
Uploading Files to Your Subdomain — FileZilla
Where your files go, how to connect, and how to drag and drop your project onto the server using FileZilla.
Setting Up Core FTP (Windows)
A step-by-step guide for Windows users to download, connect, and upload with Core FTP LE.
Setting Up Cyberduck (Mac)
Install Cyberduck, create a bookmark, and drag your project files from Finder straight to the server.
Setting Up FTP on Chromebook
Enable the Linux environment, install FileZilla, and share your Chromebook files with Linux so you can upload your project.
Setting Up WinSCP (Windows)
A beginner-friendly Windows alternative to FileZilla. Explorer mode makes uploading feel just like copying files in Windows.
Setting Up Fetch (Mac)
A simple Mac FTP client with a free educational license available to students with a .edu email address.
Web Design
Design principles that make your site easy to read, visually appealing, and professional.
Visual Hierarchy & Layout Basics
Good design guides the eye without the visitor noticing. Learn how size, contrast, spacing, and alignment control what people see first.
Color & Typography for the Web
Build a cohesive color palette, choose web-safe fonts, and apply the typography rules that make text comfortable to read.
Writing for the Web
People scan web pages, they do not read them. Structure your content so the most important information is found instantly.
Evaluation & Ethics
How to critically assess websites and use web content responsibly.
Evaluating Websites
A five-category framework for assessing any site for credibility, usability, design, accessibility, and content quality.
Website Evaluation Assignment Tutorial
A step-by-step walkthrough of the Website Evaluation assignment — from finding the right tools to submitting on Canvas.
Accessibility Basics (WCAG in Plain English)
What WCAG requires, why it matters, and the handful of rules that will fix the vast majority of accessibility problems.
Copyright & Creative Commons
What you can legally use on your website, where to find properly licensed content, and how to write correct attributions.