Spring 2025

Web Design 1

VC237

Calendar

COURSE WEEK ::

01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11

Calendar Notes:

  • Exercises are homework assignments that are due at a future class period; Lab Exercises are activities we will complete during class.
  • Online lectures are to be viewed before the next class session. Material presented in online lectures will be on the exams.

Week 01 | HTML

Wednesday :: 04.02.2025

Welcome Course Introduction & Welcome
Lecture HTTP, URL, HTML, & a Brief History of the Internet
Understanding the Syntax of HTML
Lab HTML Anatomy Lab
Demo Introduction to Text Editors, IDEs, & CodePen
Building Your First Web Page in Nova
Exercise Applying HTML Structure to Content
Online Lecture Introduction to Nova
Understanding Browsers & Rendering Engines
More on HTML: Common HTML Structures, Elements & HTML5
Resources Class Notes: Introduction to HTTP, URL, & HTML
Lab: HTML Syntax Lab
Exercise: 01 Applying HTML Structure to Content
Online Lecture Notes: Browsers, Rendering Engines, and More HTML

Week 02 | HTML

Wednesday :: 04.09.2025

Due Applying HTML Structure to Content Exercise
Lecture File Naming, Structure, & the Local Root Folder
Creating & Managing Hyperlinks
Lab Basic Website File Management
Exercise Voices in Web Design Research
Lab Exercise Creating Links in HTML
Resources Class Notes: File Naming, Folder Structure & Hyperlinks
Exercise: 02 Voices in Web Design Research
Exercise: 03 Creating Links in HTML

Week 03 | CSS

Wednesday :: 04.16.2025

Lecture Introduction to Cascading Style Sheets
Coding CSS Selectors & Rules
Lab Exercise Writing CSS Selectors
Project Introduction to Personal Website Project
Online Lecture Web Color Primer
Resources Class Notes: Introduction to Cascading Style Sheets
Online Lecture Notes: Web Color Primer
Exercise: 04 Writing CSS Selectors
Project: Personal Website

Week 04 | CSS

Wednesday :: 04.23.2025

Due Voices in Web Design Research Exercise
Lecture Introduction to Web Typography
Working with Google Fonts
CSS Layout Properties for Type
Lab Exercise Applying CSS to Type
Exercise Working with CSS Typographic Properties
Project Introduction to Personal Website Project Templates
Video My Life in Typefaces (Matthew Carter)
Resources Class Notes: Introduction to Web Typography
Exercise: 05 Applying CSS to Type
Exercise: 06 Working with CSS Typographic Properties

Week 05 | Web Imagery

Wednesday :: 04.30.2025

Due Working with CSS Typographic Properties Exercise
Online Exam Exam over all demonstrations, readings and exercises (Released on Canvas Monday 04.28.2925 at 9:30 AM; Due by 9:30 AM)
Lecture Raster Image Optimization for the Web
Lab Exercise Image Optimization
Demo Working with FTP servers and FileZilla
Online Lecture Coding Imagery for the Web
Resources Class Notes: Raster Image Optimization for the Web
Exercise: 07 Image Optimization
Online Lecture Notes: Coding Imagery for the Web

Week 06 | Personal Website

Wednesday :: 05.07.2025

Due Personal Website Project (5:00 PM)
Online Lecture Working with SVGs
Lab Open lab time to work on Personal Website Project
Resources Online Lecture Notes: SVG Artwork & Icon Fonts

Week 07 | CSs Layout

Wednesday :: 05.14.2025

Lecture Intro to CSS Page Layout: Understanding the Box Model.
Demo Understanding .outerwrap and .innerwrap
Exercise Working with CSS Layout
Ressources Class Notes: Introduction to CSS Page Layout
Exercise: 08 Working with CSS Layout

Week 08 | HTML Forms

Wednesday :: 05.21.2025

Due Working with CSS Layout Exercise
Lecture Introduction to HTML Forms: Syntax, function, & data submission.
Demo Structuring HTML Forms
Lab Exercise Creating & Styling HTML Forms (part one)
Resources Class Notes: Introduction to HTML Forms
Exercise: 09 Creating & Styling HTML Forms

Week 09 | HTML Forms

Wednesday :: 05.28.2025

Demo Styling HTML Forms
Lab Exercise Creating & Styling HTML Forms (part two)

Week 10 | Exam

Wednesday :: 06.04.2025 @ 11:00 AM

Due Creating HTML Forms Exercise (11:00 AM)
Exam In-class online exam over all demonstrations, readings and exercises
Discussion Wrapping things up

Thursday :: 06.05.2025 | Portfolio 2025

Portfolio Show 3:30 PM–7:00 PM in Building 2 Student Center

Week 11 | Finals Week

Wednesday :: 06.11.2025 — No Class Meeting