Something is broken
Start with the common fixes page when CSS, images, JavaScript, GitHub Pages, forms, carousels, or mobile layouts are misbehaving.
ART 3020 Course Guide
ART 3020 Web Design.
A web version of the class book for developer environment setup, website process, HTML, CSS, JavaScript, animation, image optimization, templates, navigation, and carousels.
Start Here
A guided path through the first pass.
Use modules for the full class rhythm, or use this shorter path when you are catching up and need the foundation before a project.
Course Sequence
Need the full week-by-week path?
The modules page groups lessons, project checkpoints, in-class focus, and exit checks without using semester-specific dates.
Open Modules- Lesson 01 Set up your tools Developer Environment Setup
- Lesson 02 Plan the website Website Process
- Lesson 04 Learn HTML structure Basic HTML Structure and Elements
- Lesson 05 Add CSS Intro to CSS
- Lesson 10 Build layouts Flexbox: Mastering One-Dimensional Layouts
- Lesson 11 Make it responsive Responsive Web Design
- Lesson 12 Add interaction JavaScript in the DOM
- Lesson 24 Test accessibility Web Accessibility
Need Help With...
Jump to the lessons that match the problem.
Use these paths when you are stuck in the middle of a project and do not need to move through the full course sequence.
Publishing your site
Use this when GitHub Pages, commits, or live URLs are the blocker.
Fixing broken images or links
Start here when something works locally but disappears after publishing.
Cleaning up layout
Use this path when spacing, boxes, alignment, or responsiveness feels off.
Adding interaction
Use this when buttons, menus, or dynamic page behavior need to work.
Fixing carousel behavior
Use this when slides all show, buttons do nothing, or autoplay gets messy.
Checking accessibility
Use this before final submission or any time a UI feels hard to use.
Lessons
The class sequence, adapted from the ART 3020 book.
These lessons follow the actual course material from setup through carousels.
Lesson 01 / Setup
Developer Environment Setup
A step-by-step guide to setting up GitHub, GitHub Desktop, Visual Studio Code, the starter repository, and GitHub Pages.
Lesson 02 / PlanningWebsite Process
A thoughtful and systematic approach that aligns user needs, business goals, and technical execution.
Lesson 03 / FoldersUnderstanding File Paths
Understand how files are organized on a computer and how browsers find the resources a webpage needs.
Lesson 04 / HTMLBasic HTML Structure and Elements
Learn the fundamental building blocks of an HTML document and the elements used to create simple web pages.
Lesson 05 / CSSIntro to CSS
Learn how CSS works with HTML and JavaScript, where styles can live, and how selectors, declarations, the cascade, and inheritance shape a site.
Lesson 06 / TypographyStyling Text With CSS
Use CSS font and text layout properties to control the appearance, spacing, and alignment of text.
Teaching Philosophy
The class is the class.
The goal of this site is to make the existing class book easier to navigate, read, and update on the web while preserving the course sequence, assignments, and practical classroom focus.