|
Week
|
Topic
|
Assignments
|
|
9/4 |
Intro to Web Design
What
is the Internet? TCP/IP;
History of the Web and Internet; Client-server
computing
Web aesthetics; Graphic Design principles
Intro
to HTML: understanding mark-up languages; how browsers display information; tags;
in class exercise: making
your first HTML page |
|
| Week 2
9/10 |
Intro to HTML
Learning HTML: understanding and applying tags and links
Linking reviewed: linking files and linking images; review why web design isn't like print design; review file structure
|
|
|
Week 3
9/17
|
Personal HTML Site
Usability
- External site
- Peer review
Optional/Extra Credit:
|
- Complete Usability Worksheet for external web site and classmate's Project 2
- Revise Project 2: based on peer review
- Assignment 3: With NotePad, format your resume in HTML using basic tags and name the file resume.htm
- Link on your Lessons page
Test 1: The Internet and HTML
- Bring Digital Photographs with you to class next week
|
| Week 4
9/24 |
Images and Color
.gif vs. jpg, resolution
and dpi, file size
and resizing; web-based colors, creating text buttons
to convert to GIF, download images from the Web; hexadecimal
color codes
Using Fireworks
- Bitmap vs. vector graphics
- Designing a Logo
|
- Image Editing project
- Put navigation images
(download
some graphics or create your own) on the top
of each of your pages. Make sure all of the images
display and the pages are all linked together.
|
|
Week 5
10/1
|
Macromedia Fireworks
- More Graphic Design
- Text, Masks and Live Filters
|
|
|
Week 6
10/15
|
Macromedia Dreamweaver
Introduction to Dreamweaver
Managing your site in Dreamweaver
Managing and formatting text
Introduction to CSS |
- Lesson 1: Creating a Surf Hawaii Web Page
- Lesson 1 Test
|
|
Week 7-8
10/22 |
Macromedia Dreamweaver
Using Images
Introduction to the use of graphic images; using Alt text; wrapping text; aligning images
Adding Flash objects
Using Links
Creating text and image links, image maps, hotspots and opening new browser windows. |
|
|
Week 10
11/5
|
Macromedia Dreamweaver
|
- Lesson 2-3 Test: Images & Links
- Project 3 : Update your site with images and flash animations
|
|
Week 11
11/12
|
Working with tables
Using tracing images
Introduction to tables; using Layout Cells; manipulating tabular data
Using Layout Cells; manipulating tabular data
|
- Lesson 4 : Working with Tables for Page Design
- Lesson 4 Test: Working with Tables
|
Week 12
11/19 |
Adding User Interactivity
Creating and modifying behaviors of rollovers |
- Lesson 5 : User Interactivity
- Lesson 5 Test: User Interactivity
- Project 4: Fan site proposal
|
|
Week 13
11/26
|
Project 3: Fan Site
Design a 5-page fan site
|
|
|
Week 14
12/3
|
Project 3: Fan Site
Design a 5-page fan site
|
|
|
Week 15
12/10
|
Working with tables
Using tracing images
Introduction to tables; using Layout Cells; manipulating tabular data
Using Layout Cells; manipulating tabular data
|
- Lesson 4 : Working with Tables for Page Design
- Leson 4 Test: Working with Tables
|
Week 16
12/3 |
Using Fireworks
|
|
Week 17
12/10 |
Adding User Interactivity
Creating and modifying behaviors of rollovers
|
- Lesson 5 : User Interactivity
- Lesson 5 Test: User Interactivity
|
Week 18
12/17 |
Project 6: Commercial Site
Design a 6-page commercial site
|
|
Week 19
1/2 |
Project 6: Commercial Site
Design a 6-page commercial site
|
|
Week 20
1/7 |
Project 6: Commercial Site
Design a 6-page commercial site
|
|
Week 21
1/14 |
Project 6: Commercial Site
Design a 6-page commercial site
|
|
Week 22
1/18 |
Final Exam
|
On-line Test for Dreamweaver Lessons 1-5 |
