MED 390

Syllabus

back to top

Assignments

• Project 1

• Project 2

  • Project 3

back to top

Suggested Readings and Materials

Design & HTML

• W3Schools

• Webstyle Guide 3rd Edition

  • Typography

  • Typography Primer

  • CSS Box Model

  • Two Column Tableless Layouts

  • Two Column Tutorial

  • Three Column Tutorial

• Understanding Visual Hierarchy

• Web Design Theory

Tutorials

• Web Development from Scratch

• CSS3 Mastery

• Photoshop to HTML

Dreamweaver Tutorials

• What is Dreamweaver CS5?

• Defining a New Site

• Creating New Documents

• Adding Structure to Text

  • Managing Assets

• Placing Images

• Creating Links

• Understanding Style Sheets

• CSS Property Inspector

• Live View and CSS Inspect

• Simplified Site Setup

• New CSS Features

• CSS3 Support

• Multi-Screen Preview

back to top

Additional Tutorials and Links

HTML

• HTML Introduction

• HTML Basic

• HTML Elements

• HTML Attributes

• Character Entities

  • HTML Headings

  • HTML Paragraphs

• HTML Formatting

  • HTML Fonts

  • HTML Links

  • Absolute and Relative Links

• HTML Images

• HTML Tables

• HTML Forms

CSS

• • CSS Introduction

  • CSS Syntax

  • CSS How to

  • CSS Background

  • CSS Text

  • CSS Font

• CSS Links

• CSS Lists

• Styling Tables

• CSS Box Model

• CSS Border

• CSS Outline

• CSS Margin

• CSS Padding

Advanced CSS

• CSS Zen Garden

  • Advanced CSS Tutorial (HTML Dog)

• CSS Grouping / Nesting

• CSS Dimension

• CSS Display

• CSS Positioning

• CSS Floating

• CSS Align

• CSS Pseudo-Class

• CSS Pseudo-Element

• CSS Navigation Bar

• CSS Image Gallery

• CSS Image Opacity

• CSS Image Sprites

• CSS Media Types

• CSS Attribute Selectors

• CSS Summary

• 25 Advanced CSS Techniques

Tools

• Adobe Muse (in beta)

• Aptana Development Studio

• CSS Examples

• CSS Quiz

• CSS Reference

• CSS Selectors

• CSS Reference Aural

• CSS Web Safe Fonts

• CSS Units

• CSS Colors

• CSS Color Values

• CSS Color Names

• CSS Color HEX

• Free Wireframing Tools

• Top 3 Wireframing Tools

• 10 Free Wireframe and Mockup tools

back to top

Calendar

back to top

Week by Week

• Week 1

• Week 2

• Week 3

• Week 4

• Week 5

• Week 6

• Week 7

• Week 8

• Week 9

• Week 10

• Week 11

• Week 12

• Week 13

• Week 14

• Week 15

• Week 16

back to top

Current Semester

• • SP 2012

back to top

Past Semesters Taught

• FA 2011

• SP 2011

• FA 2010

back to top