Schedule for Web Design

Summer 2014

 

Week Topic Readings Due
5/27-6/1

Introduction: Course Overview.

Web Basics: URLs, (X)HTML.

Site Development Process: Planning & Site Development and Site Evaluation.

Dreamweaver: Create Web Page.

Dreamweaver Help
6/2-8

Web Design Principles: Layout & Grid System.
Dreamweaver: Add Navigation & Pages | Test & Upload.

Cascading Style Sheets (CSS)
Dreamweaver: CSS and and Stylizing Content.

Castro (v6): Ch 1, 2, 3, 6, 7, 8, 9, 10, 11, 15, 16, 22

Dreamweaver Help

 

6/9-15

Web Design Principles: Summary.
CSS: Box Model and Floating Elements.

HTML 5 & CSS 3 - Key Concepts

Dreamweaver: Floating Elements.

Image Editing: Color & Image Formats.
Fireworks: Image Editing, Animated GIF.

Castro (v6): Ch 5, 7, 8, 9, 10, 11

Dreamweaver Help

Fireworks Help

 

 

6/16-22

Layout Design & Advanced CSS: Positing Elements.
Dreamweaver: Positioning Elements and Layout Design.

Interaction Design: JavaScript & Client-Side Scripting.
Dreamweaver: Rollovers and Image Maps.

Navigation Design
Dreamweaver: Navigation Design.
Fireworks: Images for Navigation Button States

Dreamweaver Help

Fireworks Help

Ex1 Rev

Quiz2

 

6/23-29

Dynamic Web
Programming Concepts
Databases (MySQL) and Server Side Scripting (PHP) (1)

Nixon
Preface
Ch1
Ch3
Ch8

 

Group Site Analysis Rev
6/30-7/6

Databases (MySQL) and Server Side Scripting (PHP) (2)

Databases (MySQL) and Server Side Scripting (PHP) (3)

Nixon
Ch4-6
Ch10

Ex2 Rev
7/7-13

Working on Projects.

Responsive Design.

Course Review and Project Evaluation Criteria.



 

7/14-18

Group Project Presentations.

GW

PP