ART 320 LAB — Licata — Fall 2024
3 Credits
Schedule
Please bookmark and check this page regularly.
This is a tentative schedule, and is subject to change. If you miss any classes, check with your instructor about possible schedule changes and assignments.
Be sure to allow as much time as needed to complete assignments before class on the due date.
| Week | Date | In-Class | New/Continuing Assignments |
|---|---|---|---|
| 1: | TH 08/27 | 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 9/3.) |
| TH 08/29 | 1. Exercise 00: Building a Simple Web Page 2. Exercise 01: Intro HTML 5 and CSS3 | ||
| 2: | TU 09/03 | 1. Exercise 01 Continued: Intro HTML 5 and CSS3. | 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.) |
| TH 09/05 | 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 Thursday.) | |
| 3: | TU 09/10 | 1. Exercise 02: Building a Site with HTML and CSS 2. Wireframe Demo — Using Figma | 1. Reading 3: A Dao of Web Design (Due before class next Tuesday.) 2. Continue sketching and post to Figma. |
| TH 09/12 | 1. Exercise 02, continues. Complete and upload to Box. 2. 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.) | |
| 4: | TU 09/17 | 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.) 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.) |
| TH 09/19 | 1. Exercise 03: CSS Flexbox | 1. Project 1: Continue to work on HTML and CSS. Upload html & css in progress to Box (Due before class next Tuesday.) | |
| 5: | TU 09/24 | 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.) 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.) |
| TH 09/26 | 1. Exercise 04: CSS Animation & Interactivity 2. Work session | 1. Continue your Project 01 HTML and CSS. | |
| 6: | TU 10/01 | 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.) |
| TH 10/03 | 1. Lecture 4: User Experience & Accessibility 2. Work session | ||
| 7: | TU 10/08 | 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.) |
| TH 10/10 | 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. | ||
| 8: | TU 10/15 | No Class: Fall Break | 1. Reading 8: Writing for Designers. Post your response to the appropriate Discord thread. (Due before class next Tuesday.) |
| TH 10/17 | 1. Work Session | 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.) 2. Complete a Project 02 Strengths Identifier form. (Due before class Tuesday.) | |
| 9: | TU 10/22 | 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.) (Your client choice must be unique: If your client has already been posted to the Project 2 Discord channel, you must choose another.) |
| TH 10/24 | 1. Exercise 05: Installing WordPress, Choosing and Customizing a Theme | 1. Continue Project 02, Phase 1: Discovery | |
| 10: | TU 10/29 | 1. Client choice discussions 2. Work Session | 1. Continue Project 02, Phase 1: Discovery (Deliverables due before class next Tuesday.) |
| TH 10/31 | 1. Exercise 5 Wrap-up 2. Work Session | ||
| 11: | TU 11/05 | 1. Project 02 Consultations: Phase 1 Discovery Team 1 – 12:30-12:50 Team 2 – 12:50-1:10 Team 3 – 1:10-1:30 Team 4 – 1:40-2:00 Team 5 – 2:00-2:20 Team 6 – 2:20-2:40 | 1. Begin Project 02: Phase 2 Design |
| TH 11/07 | 1. Work Session and informal progress check-in. | 1. Continue Project 2: Phase 2 Design | |
| 12: | TU 11/12 | 1. Work session | 1. Project 2, Phase 2 Design Deliverables (Due before class Thursday.) |
| TH 11/14 | 1. Project 02 Consultations: Phase 2 Design Deliverables Due Team 1 – 12:30-12:50 Team 2 – 12:50-1:10 Team 3 – 1:10-1:30 Team 4 – 1:40-2:00 Team 5 – 2:00-2:20 Team 6 – 2:20-2:40 | 1. Begin Project 2: Phase 3 Develop | |
| 13: | TU 11/19 | 1. Lecture 06: Hosting, Site Migration, Testing, SEO and Analytics 2. Work Session | |
| TH 11/21 | 1. Project 2 Consultations: Phase 3 Develop Work-In-Progress Review Team 1 – 12:30-12:50 Team 2 – 12:50-1:10 Team 3 – 1:10-1:30 Team 4 – 1:40-2:00 Team 5 – 2:00-2:20 Team 6 – 2:20-2:40 | ||
| 14: | TU 11/26 | 1. Work Session | |
| TH 11/28 | No Class: Thanksgiving Break | ||
| 15: | TU 12/03 | 1. Project 02 Critique (See Project page for crit expectations) | 1. Project 2 Final Deliverables (Due by end-of-day 12/13.) |
| TH 12/05 | 1. Work Session | 1. Please complete Project 02 Team Evaluations by 12/13. | |
| Final Submissions | TU 12/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. |