DES 250
Digital Media Design II
DES 250
Digital Media Design II
Course
Overview
Schedule
Submitting Assignments
Resources
Assignments
Assignment 1: Intro
Assignment 1: Preparation
Assignment 1: HTML Markup
Assignment 1: CSS and Fonts
1_1: Layouts with Text
1_2: Text and Lines
1_3: Text, Lines and Shapes
1_4: CSS Color
Assignment 2: Portfolio Website
2_1 Ideas/Sketches
2_2: Design
2_3: Coding
2_4: Publishing
Articles/Lectures
HTML Basics
CSS Basics
Styling Text
Web Fonts
Type, Lines, Shapes
Layout Grid Basics
Responsive Web Design
RWD: Media Queries
CSS Colors
Revision Comparison
Should a designer code?
CSS Positioning
Images
JS Plugin: Lightbox
Mobile Menu
CSS Hovers and Animation
Domain Name and Hosting
History/Evolution of Webdesign
Working with Box Drive
Grid Based Web Layouts
Portfolio Sites: Sitemap/Navigation
Grid Based Web Layout Examples
Modular
Modular with different sizes
Masonry Grid
Just Type
Mixed
