DES 250
Digital Media Design II / Fall '23
DES 250
Digital Media Design II
/ Fall '23
Course
Overview
Schedule
Required Tools
Submitting Assignments
Resources
Assignments
Assignment 1. HTML Basics
Assignment 2. Responsive Grid Layout
2_1: Responsive Grid Layout with Text
2_2: Responsive Grid Layout: Adding Lines
2_3: Responsive Grid Layout: Adding Shapes
2_4: Responsive Grid Layout: Adding Color
2_5: Responsive Grid Layout: Interactivity
Assignment 3: Portfolio Website
3_1: Concept/Content Structure
3_2: Wireframe Sketches
3_3: Design
3_4: Coding
3_5: Publishing
Articles/Lectures
Responsive Web Design (RWD)
HTML Basics
CSS Basics
RWD: Media Queries
Web Fonts
CSS Colors
Working with Box Drive
Styling Text width CSS
Basic CSS Positioning
Layout Grid Basics
Grid Layout Page Examples
Typography: Type, Lines, Shapes
CSS Layout with Flexbox
CSS Grid
CSS Motion
History/Evolution of Webdesign
UX, UI and Web Design
Basic CSS Boilerplate with Reset and Border-Box
Images
Website Examples
Website Evolution Examples
Domain Name and Hosting
2_5: Responsive Grid Layout: Interactivity
