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
Web Fonts
Styling Text
Type, Lines, Shapes
Layout Grid Basics
Responsive Web Design
RWD: Media Queries
CSS Colors
1_1 Revision Comparison
Should a designer code?
Examples 1_1 – 1_3
CSS Positioning
Images
JS Plugin: Lightbox
Mobile Menu
CSS Hovers and Animation
Domain Name and Hosting
CSS Hovers and Animation
A collection of mouse over effects and transitions/animations.
Download here
.