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
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
Demo Building Your First Web Page in Nova
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

Week 03 | CSS

Wednesday :: 04.16.2025

Lecture Web Color Primer
Introduction to Cascading Style Sheets
Coding CSS Selectors & Rules
Lab Exercise Writing CSS Selectors
Project Introduction to Personal Website Project

Week 04 | CSS

Wednesday :: 04.23.2025

Due Voices in Web Design Research Exercise
Lecture Introduction to Web Typography
CSS Layout Properties for Type
Working with Google Fonts
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)

Week 05 | Web Imagery

Wednesday :: 04.30.2025

Due Working with CSS Typographic Properties Exercise
Online Exam Exam over all demonstrations, readings and exercises (Due by 9:30 AM)
Lecture Raster Image Optimization for the Web
Lab Exercise Image Optimization
Online Lecture Coding Imagery for the Web: Inline & Background Images.

Week 06 | Web Imagery

Wednesday :: 05.07.2025

Due Personal Website Project (5:00 PM)
Lecture SVG Artwork & Icon Fonts
Demo Working with FTP servers and FileZilla
Lab In-class time to work on Personal Website Project

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

Week 08 | CSS Layout

Wednesday :: 05.21.2025

Due Working with CSS Layout Exercise
Lecture Introduction to CSS Flexbox
Exercise CSS Layout with Flexbox
Project Introduction to Web Design Challenges Project
Online Lecture Using CSS Layout Techniques to Arrange a Web Page
Game Flexbox Froggy
CodePen Flexbox Demo Collection
Reading A Compete Guide to Flexbox (CSS-Tricks)

Week 09 | CSS

Wednesday :: 05.28.2025

Due CSS Layout with Flexbox Exercise
Lecture Introduction to HTML Forms: Syntax, function, & data submission.
Demo Structuring HTML Forms
Exercise Creating HTML Forms

Week 10 | Web Hosting

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
Lecture Web Hosting & Domain Names
Introduction to Content Management Systems & WordPress

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

Due Web Design Challenges Project (12:00 PM)
Lab Optional help session for work on Web Design Challenges Project (10:00 AM – 12:00 PM)