COMM 481 - Advanced Interactive Media Design

WEEK01

WEEK02

SEPTEMBER 5
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

SEPTEMBER 19
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

SEPTEMBER 26
Project 2 Responsive Website
Project 2 Example
Project 2 Assets
Demo Example
Demo + In-Class Files

WEEK06

OCTOBER 3/ OCTOBER 10
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

OCTOBER 10/OCTOBER 17
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

OCTOBER 17
Skills Test 2
Demo Files | First Media Queries
HTML Typographic Cheat Sheet

WEEK09

OCTOBER 24
Project 3 Responsive Favorite Site
Project 3 Example
Project 3 Assets
In-Class Files