Tuesday, November 30, 2010

Week 9 - Classwork + Homework

Day 1
Demo:
Anchors, rollovers, templates 

Project:
• Continue image compression and slicing for Exotic product website.
• You should begin web page development no later than today. 

Day 2
Demo:
Hoptspots & project files

Dreamweaver quiz:
Using AP Div tags + making a container

Monday, November 22, 2010

Week 8, Classwork + Homework

Day 1
Project 1 - spec sheets
Due: Wed., Nov. 24
Worth 3% of your total grade

Notebook Assignment 8
Steps 1-19, Due: Wed., Nov. 24
Finished, Due Sat., Nov. 27
Worth 5% of your final grade

Read - Dreamweaver CS4 textbook:
pg 183-192, 194 (CSS Styles)
pg. 198-199 (Style panel)
pg 212-213 (Font families)
pg 249-250- (AP Divs)
pg 272-280 (Tables)

Quiz 6 
Today - Wed., Nov 24
Study Crash Course - HTML + CSS  handouts


Day 2
1. Refine designs for Exotic Product Website.
2. Begin image compression and slicing process for Exotic product website.
3. You should begin web page development process by the start of next week. 

Wednesday, November 17, 2010

Week 7 - Classwork + Homework

Day 1
Due today: Design layouts for
1) Home/Main page
2) About page
3) Page that lists products
4) A sample Product page

Notebook Assignment 7
In class today

Lecture Handout:
Part1 Intro to HTML + CSS
Find this on the share drive

Day 2
Part 2 CSS lecture continues
Find this on the share drive

Project 1
Create spec sheets for each unique layout design
Due: Wed., Nov. 24
Worth 3% of your total grade

Notebook Assignment 8
In class & homework
Steps 1-19, Due: Wed., Nov. 24
Finished, Due Sat., Nov. 27
Worth 5% of your final grade

Read - Dreamweaver CS4 textbook:
pg 183-192, 194 (CSS Styles)
pg. 198-199 (Style panel)
pg 212-213 (Font families)
pg 249-250- (AP Divs)
pg 272-280 (Tables)

Quiz 6
Wed., Nov 24
Study Crash Course - HTML + CSS  handouts

Monday, November 8, 2010

Week 6 - Homework + Classwork

Day 1
Work on layout design for your Exotic Product Website. Layout designs are due (revised date) next Monday, Nov 11, at the start of class.

You should revise & complete layout designs for the following pages:
1) Home/Main page
2) About page
3) Page that lists products
4) A sample Product page

Due Today:
Notebook Assignment 6

Day 2
Photoshop layout designs due next Wed. - work hard + get them done!

Monday, November 1, 2010

Notebook Assignment 6

Notebook Assignment 6: Photoshop Demo 

Complete Web 2.0 Design Photoshop demo as started in class.

Submit a PSD file in Notebook Assignment 6 folder (in class folder on the AI Share) by Wed. Nov. 10



Week 5, Classwork + Homework

Day 1
Work on layout design for your Exotic Product Website. Layout designs are due this Saturday, Nov. 6, at the start of class.

You should complete layout designs for the following pages by Saturday, Nov. 6:
1) Home/Main page
2) About page
3) Page that lists products
4) A sample Product page

Midterm: Saturday, Nov. 6

MIDTERM EXAM STUDY GUIDE

- Definition of Internet +World Wide Web. Be able to explain the difference between the two and how they are related to one another (being as descriptive and accurate as you can)

Computer Basics
- Digital information (as binary information)
- Data exchange
- Characteristics of CPU
- Bandwidth
- File sizes
- Types of networks
- Upload vs. download
- Online vs. offline

Privacy + Safety
-Acceptable Use Policy
- Viruses, Worms, Trojans
- How to protect yourself online (what software or precautions to take)
- Online Privacy Act

Online Communication + Communities
- Aspects of Communication
- Models of Communication (and examples of each model)
- What is interactivity?
- Explain the web as a communication system? Information system?
- Levels of interaction/participation online

Email standards
- Common Netiquette
- SMTP + MIME
- Types of incoming mail servers (IMAP, POP, HTML)
- Components of header + body in emails

Web Design + Development
- Flowcharts
- Symbols in flowcharts
- Wireframes
- Design Aesthetic Principles

Identity
Explain positive + negative social affects the Internet has on users
Avatars

Vocabulary (From book and WebGlossary PDF)
ASCII
Bit
Web Browser
DNS
Firewall
FTP
GIF
JPEG
PNG
HTML
HTTP
Hypertext
TCP/IP
URL
Avatar
Bookmarking
Internet Service Provider (ISP)
Modem
Server
Interactivity

Day 2
Design layouts (Home/Main page), wireframes, + flowchart due for Project 1
Midterm exam

Due next Wed:
Notebook Assignment 6

Wireframes + Community Resources

Web Design Resources