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
Apple
1996
1997
1998
1999
2000
2001
2005
2007
2009
2012
2017
2018
Amazon
1995
1999
2000
2001
2004
2006
2008
2016
2019
2023