ART 320 LAB — Barnum — Spring 2025
3 Credits (12845)
| Week | Date | In-Class | New/Continuing Assignments |
|---|---|---|---|
| 1: | TH 01/23 | 1. Introductions & Syllabus 2. Resources: Website, UBbox, Discord 3. Web Design Brain-dump 4. Lecture 01: The Internet: History, Technology & Design | 1. Join the class Discord server. Please be sure you are identifiable. You can change your name as it appears on our Server under “Server Profile”. (Due before next class.) 2. Reading 1: Net Neutrality Post your response to the appropriate Discord thread. Due before class next Tuesday. (Due before class 1/28.) |
| 2: | TU 01/28 | 1. Exercise 00: Building a Simple Web Page 2. Exercise 01: Intro HTML 5 and CSS3 | |
| TH 01/30 | 1. Exercise 01 Continued: Intro HTML 5 and CSS3. Complete and upload to Box. | 1. Reading 2:”The Building Blocks of Visual Design“. Optionally, read Visual Hierarchy in UX: Definition to see how design principles can increase comprehension of a website. Post your response to the appropriate Discord thread. (Due before class next Tuesday.) | |
| 3: | TU 02/04 | 1. Lecture 02: Web Development Stages 1 & 2—Discovery & Design (IA/UX). 2. Project 01: Personal Website, Introduction | 1. Project 1 Proposals and three inspirational website examples posted to Discord (Due before class next Tuesday.) 2. Begin at least three sketch options for your site. Post to the designated Figma project (Due before class next Tuesday.) |
| TH 02/06 | 1. Exercise 02: Building a Site with HTML and CSS | 1. Reading 3: A Dao of Web Design (Due before class next Tuesday.) 2. Continue sketching and post to Discord. | |
| 4: | TU 02/11 | 1. Exercise 02, continues. Complete and upload to Box. 2. Wireframe Demo — Using Figma 3. Work Session — wireframing | 1. Begin wireframes which will be your blueprints to build HTML and CSS framework. Post the link to your Figma wireframes on Discord (Due before class next Tuesday 02/18.) |
| TH 02/13 | 1. Lecture 03: Web Development Phase 3 — Develop 2. Work Session, Project 1: Wireframes, HTML and CSS underway. | 1. Reading 4: Is The Internet Killing Creativity?. Post your response to the appropriate Discord thread. (Due before class next Tuesday 02/18.) 2. Finalize wireframe and begin to build HTML and CSS based on wireframe. Optionally, using the Project 1 Starter Code. Plan to upload html & css in progress to Box (Due before class next Tuesday 02/18.) | |
| 5: | TU 02/18 | 1. Exercise 03: CSS Flexbox. Complete and upload to Box. | 1. Project 1: Continue to work on HTML and CSS. Upload html & css in progress to Box (Due before class next Tuesday 02/25.) |
| TH 02/20 | 1. Work Session & Informal Work-In-Progress Check-Ins — Project 1: Wireframes should be completed, HTML and CSS underway and ready to show. (Content need not be in place. Think about how to setup your thumbnail gallery, referencing Exercise 3. Don’t worry about making them clickable or using full size images yet — that will be demo’d in Exercise 04.) | 1. Reading 5: Introduction to Web Accessibility (be sure to follow some or all of the links within the section “Principles of Accessible Design”. Post your response to the appropriate Discord thread. (Due before class next Tuesday 02/25.) 2. Prepare for next class Project 1 Work-in-Progress Consultations. Make sure Figma wireframe link is posted to Discord, upload any code in progress to Box.(Due before class Thursday 02/27.) | |
| 6: | TU 02/25 | 1. Exercise 04: CSS Animation & Interactivity. Complete and upload to Box. 2. Work session | 1. Continue your Project 01 HTML and CSS. |
| TH 02/27 | 1. Project 1 Work-in-Progress Consultations—Be prepared to show wireframes and html/css code in progress 2. Work Session | 1. Reading 6: Why Less (Options) is More — Anticipatory Design 101, Part 1 & Part 2. Post your response to the appropriate Discord thread. (Due before class next Tuesday 03/04.) | |
| 7: | TU 03/04 | 1. Lecture 4: User Experience & Accessibility 2. Work session | |
| TH 03/06 | 1. Setup Pantheon account to host Project 01. 2. Work Session | 1. Reading 7: How UX Professionals Collaborate on Deliverables. Post your response to the appropriate Discord thread. (Due before class next Tuesday 03/11.) | |
| 8: | TU 03/11 | 1. Project 01 Work-In-Progress Critique: Be sure you have posted your Project 01 Pantheon site link to the Discord Project 1 channel. Your visual design should be complete enough to communicate your intent, with a majority of your CSS in place. | |
| TH 03/13 | 1. Work Session | 1. Reading 8: Writing for Designers. Post your response to the appropriate Discord thread. (Due before class Tuesday 03/25) | |
9: Spring Break  | TU 03/18 and 03/20 | No Class: Spring Break | 1. Finalize Project 01. Submit complete site folder to Box, upload to Pantheon account and make sure your correct URL has been posted in Discord. (Due before class Tuesday 03/25.) 2. Complete a Project 02 Strengths Identifier form. (Due during class Tuesday 03/25.) |
| 10: | TU 03/25 | 1. Lecture 05: WordPress 1. Project 02: Introduction, Team Assembly | 1. Post client name and their current web URL to the thread in the Project 02 channel. (Due before class next Tuesday 04/01.) (Your client choice must be unique: If your client has already been posted to the Project 2 Discord channel, you must choose another.) |
| TH 03/27 | 1. Exercise 05: Installing WordPress, Choosing and Customizing a Theme | 1. Continue Project 02, Phase 1: Discovery | |
| 11: | TU 04/01 | 1. Client choice discussions 2. Work Session | 1. Continue Project 02, Phase 1: Discovery (Deliverables due before class next Tuesday 04/08.) |
| TH 04/03 | 1. Exercise 05 Wrap-up 2. Work Session | ||
| 12: | TU 04/08 | 1. Project 02 Consultations: Phase 1 Discovery Team 1 – 6:30-6:50 Team 2 – 6:50-7:10 Team 3 – 7:10-7:30 Team 4 – 7:40-8:00 Team 5 – 8:00-8:20 | 1. Begin Project 02: Phase 2 Design |
| TH 04/10 | 1. Work Session and informal progress check-in. | 1. Continue Project 2: Phase 2 Design | |
| 13: | TU 04/15 | 1. Work session | 1. Project 2, Phase 2 Design Deliverables (Due before class Thursday 04/17.) |
| TH 04/17 | 1. Project 02 Consultations: Phase 2 Design Deliverables Due Team 5 – 6:30-6:50 Team 1 – 6:50-7:10 Team 2 – 7:10-7:30 Team 3 – 7:40-8:00 Team 4 – 8:00-8:20 | 1. Begin Project 2: Phase 3 Develop | |
| 14: | TU 04/22 | 1. Lecture 06: Hosting, Site Migration, Testing, SEO and Analytics 2. Work Session | |
| TH 04/24 | 1. Project 2 Consultations: Phase 3 Develop Work-In-Progress Review Team 4 – 6:30-6:50 Team 5 – 6:50-7:10 Team 1 – 7:10-7:30 Team 2 – 7:40-8:00 Team 3 – 8:00-8:20 | ||
| 15: | TU 04/29 | 1. Work Session | |
| TH 05/01 | 1. Project 02 Critique (See Project page for crit expectations) | 1. Project 2 Final Deliverables (Due by end-of-day 05/13.) | |
| 16: | TU 05/06 | 1. Work Session | 1. Please complete Project 02 Team Evaluations by 05/13. |
| Final Submissions | TU 05/13 | Project 2 Final Deliverables: See Project Page for details. Ensure all requirements are met, including WordPress Theme active on Pantheon Site and Final Project Guide Project uploaded to Box. All other late or resubmitted assignments due. |