COMM 481 - Advanced Interactive Media Design

WEEK01

WEEK02

FEBRUARY 2
Project 1 Dropdown Menus
Project 1 Example
CSS Reset File
In-Class Files
In-Class Example

LinkedIn Learning (watch prior)
CSS: Animation Val Head
Chapter 1 (vids 1, 3)
viewing time 8:30

WEEK03

LinkedIn Learning (watch prior)
CSS: Styling Navigation James Williamson
Chapter 1 (vids 1, 4)
Chapter 2 (vids 2-3)
Chapter 3 (vids 1-7)
Chapter 4 (vids 1-7)
viewing time 1:41:08

WEEK04

FEBRUARY 16
Skills Test 1
In-Class Files

LinkedIn Learning (watch prior)
CSS: Styling Navigation James Williamson
Chapter 5 (vids 1-8)
viewing time 39:55

WEEK05

FEBRUARY 23
Project 2 Responsive Website
Project 2 Example
Project 2 Assets
Demo Example
Demo + In-Class Files

WEEK06

MARCH 2
Example Comps + Wireframes
Comp + Wireframe Template
In-Class Example
In-Class Files
In-Class Specifications

LinkedIn Learning (watch prior)
Creating a Responsive Web Design
Chris Converse
Chapter 1 (vid 2)
Chapter 2 (vids 1, 3-4, 6-8)
Chapter 3 (vid 1)
running time 36:39

WEEK07

MARCH 9
Pseudo Classes Ref - w3 schools
CSS Combinators - w3 schools
Mobile First Example

LinkedIn Learning (watch prior)
Creating a Responsive Web Design
Chris Converse
Chapter 4 (vids 1-3)
Chapter 5 (vids 1-3)
viewing time 28:21

WEEK08

MARCH 16
Skills Test 2
Demo Files | First Media Queries
HTML Typographic Cheat Sheet

WEEK09

MARCH 23
Project 3 Responsive MOCA Site
Project 3 Example
Project 3 Assets
In-Class Files