Webmastering One Calendar 08-09

You are responsible for visiting this calendar every class meeting.

Week

Purple

Gold

unit /day titles

remarks

Start

Due

1.1

 8/26 T 8/27

First 6 wks: Webmastering basics

Discussed internet generalities

 

    
  8/28 8/29   Discussed computing history    
1.2 9/2 T 9/3

1.1 The Internet: an intro

1.1.1 Internet Basics

p. 13

Very brief history of internet (also read 13-23)
Discussion of basic internet services/protocols
Internet Error Messages

 Paper Question Activity (p 25)  
  9/4 9/5 1.1.2 Search Basics

 

Robots / Spiders
Ordering results
inward links (Google)
hand editing (Yahoo, historically)
paid for high ranking (bad model; killed Altavista)
Good meta tags are still important.
hacking meta tags will probably be caught
Boolean Search

    
1.3 9/8 M 9/9        
  9/10 9/11     Internet Scavenger Hunt p. 32  
1.4 9/12 9/15 M 1.2 HTML: Hypertext Markup Language
1.2.1 Starting HTML 33-38

p 34

Why hand code html?
What a browser does
Big picture rules -- style, accessibility, design
File name limitations (UNIX)
short, lc, no space, .html
HTML Elements = "tags". That's how we talk.
Html, head, body, h1, p, div

hello.html -- first web page

 

  
  9/16 9/17    

jumble.html

CheckYour Understanding .p38

  
1.5 9/18 9/22 M    

jumble2.html

reuse the tech up to p 38

finish p 38

  
  9/23 9/24 1.2.2 Color, Lines and Lists

p. 39

 

colors.html -- in class activity

 

 

checkYourUnderstandingP43.doc

FavoriteThings.html -- zip and turn in by email.

turn in check your und. by email.
  9/25 9/26 1.2.3 Character Formatting p. 44

characters.html -- zip and turn in by email

checkYourUnderstandingP47.doc

 

turn in check your und. by email

turn in web page -- just like theirs on page 47.

StatementOfPurpose.html -- zip and turn in
1.6 9/29 M 9/30 1.2.4 Regroup and Neighbor Lab p. 48  

mop up day.

Neighbor lab

  10/1 10/2

1.2.5 Images

1.2.6 Dinosaur Lab

p. 49

p. 53

    
1.7 10/3 10/6 M        
  10/7 10/8        
  10/9 10/10        
2.1[8] 10/14 T 10/15        
  10/16 10/17        
2.2[9] 10/20 20/21

1.2.7 Hyperlinks

1.2.8 Color controls / Me Page

p. 54

p 57

    
  10/22 10/23



2.1 Html Tables

2.1.1 Starting Tables

2.1.2 Table Activity 1,

2.1.3 Other Features of Tables

p. 59

p. 63

p. 65

    
2.3[10] 10/24 10/27 M

2.1.4 Table Activity 2

2.1.5 Special Characters

p. 68

p. 69

    
  10/28 10/29

2.2 Copyright and Fair Use


2.2.1 Copyright and Fair Use

p. 67

IP Protection in general
Copyright in particular
What you can do at work
What we can do here
Questions

 

    
  10/30 10/31 2.2.2 Citing Electronic Sources p. 71
When to Cite Sources
Copyright Questions P. 72
(revise, toward an "issues" topic)
rel://ref/CopyrightActivity.html		    
2.4[11] 11/3 M 11/4 2.2.3 Informative Issues Website
 Use "issues" citations to write a small page with links    
  11/5 11/6 2.2.4 Exam on Copyright and Fair Use      
2.5[12] 11/7 11/10 M 2.3 Creating A Website p. 75
2.3.1 Creating a website
rel://ref/CreatingWebsite.ppt
Website design cycle
Website design methodologes term search
Langston's steps p 80
rel://ref/SiteOrganizationExerciseP82.doc
Site STRUCTURE idea
    
  11/11 11/12 2.3.2 Site Organization Exercise p 82      
  11/13 11/14

2.3.3 Investigating Navigation

P 84

Zoo Navigation Exercise

zoo nav handout

    
2.6[13] 11/17 M 11/18

Designing your web page

Your Own Zoo Site

p. 90

Structure design exercise

    
  11/19 11/20 Evaluating Web Sites

Discuss 8 things every page must have p.93


Crouch's spin on bad web sites: be kind, consider the source

12 Things to avoid at all costs

Start Ugly Website Activity

    
3.1[14] 11/21 11/24 M Ugly Website Day

p. 103

Handout

Finding ugly websites
Use these anti-patterns to make an ugly page

    
3.2[15] 11/25 early rel 12/1 M Multi-Page Multi-folder

p. 92

How to navigate among various pages
Organizing folders
Navigation Practice handout

    
  12/2 12/3 Exam On Design and Structure      
  12/4 12/5 Third Six Weeks: ComputerGraphics

3.1 Graphics Basics 103

3.1.1 Graphics Basics Intro / Overview 103

rel://ref/GraphicsBasics.ppt

File formats in general
Basic File Formats
Optimizing Web Graphics
Color Theory
Browser Safe Colors
Activity Starting Photoshop, play with drawing.
(= Practice activity 1 p 119)

    
3.3[16] 12/8 M 12/9

3.1.2 Graphic File Formats / Optimizing Web Graphics


p. 110

Size and Resolution


Activity exporting different formats and size


Html images various sizes


Generally: shouldn't need width-height attributes

    
  12/10 12/11 3.1.3 Introduction to Color /Browser Safe Colors

p. 111

Color Theory
playing with color pickers is instructive!
Recognizing browser safe colors
Activity Making Gross Colors with Dithering
handout with gr. basics. questions

    
3.4[17] 12/12 12/15 M Photoshop (or whatever) Basics 116
rel://ref/PhotoshopBasics.ppt
Mopping Up on Basic Toolbox		      
  12/16 12/17

The layer dialog

photo retouching with contrast etc

photo retouching with clone tool

compositing with selections

      
  12/18 12/19 early rel        
3.5[18] 1/5 M 1/6 Dreamweaver and CSS
Intro Dreamweaver		      
  1/7 1/8 CSS basics      
3.6[19] 1/9 1/12 M Hand Coding some fancy things      
  1/13 1/14 CSS Positioning, maybe      
  1/15 1/16        
4.1 1/21 W 1/22

Fourth Six Weeks: CredibleAndOriginal

4.1 Web Credibility

4.1.1 Web Credibility

p. 190

Discuss issues in credibility, in general

Web credibility

Credibility Exercise

    
4.2 1/23 1/26 M Issues in Technology Presentations
rel://ref/IssuesPresentation.ppt

Selecting a Topic		      
  1/27 1/28 Finding possible sources      
  1/29 1/30 Bibliography in MLA format      
4.3 2/2 M 2/3        
  2/4 2/5        
4.4 2/6 2/9 M        
  2/10 2/11        
  2/12 2/13        
4.5 2/17 T 2/18 Presentation Day
      
  2/19 2/20        
4.6 2/23 M 2/24        
  2/25 2/26        
4.7 2/27 3/2 M        
  3/3 3/4        
  3/5 3/6        
5.1[8] 3/9 M 3/10

Fifth Six Weeks: ScriptyStuff

5.1 JavaScriptBasics 197


5.1.1 Beginning JavaScript p 205

 Overview discussion
basic structure and conventions
formatting text to document output
using an alert box
adding line breaks
playing with cut and paste javascript		    
  3/11 3/12 5.1.2 Variables in Javascript p 210
 identifiers / names
assignment statements
displaying variables
string variables vs numbers		    
5.2[9] 3/13 (sp brk) 3/23 M 5.1.3 User Input p. 211    
  3/24 3/25 5.1.4 Using Built-In JavaScript Methods      
  3/26 3/27 5.1.5 Control Structures and logical Operators p 217    
5.3[10] 3/30 M 3/31 5.1.6 Functions and Javascript p. 223    
  4/1 4/2 5.1. 7 Exam on Java Script up to forms      
5.4[11] 4/3 4/6 M

 

5.2 JavaScript and Forms


5.2.1 Beginning Forms in general

 

      
  4/7 4/8 5.2.2 Using Forms with JavaScript      
  4/9 4/10        
5.5[12] 4/14 T (weather) 4/15        
  4/16 4/17        
5.6[13] 4/20 M 4/21        
  4/22 4/23        
6.1[14] 4/24 4/27 M Sixth Six Weeks: FlashyStuff
6.1 Flash
6.1.1 Keyframe animation		      
  4/28 Taks 4/29 Taks        
  4/30 Taks 5/1 Taks        
6.2[15] 5/4 M 5/5 6.1.2 Flash as pages or game states      
  5/6 5/7

6.2 Portfolio Mini-Project

6.2.1 Web Design Methodology and Workflow management

      
6.3[16] 5/8 5/11 M 6.1.3 Flash with tweening      
  5/12 5/13        
  5/14 5/15        
6.4[17] 5/18 M 5/19 6.1.4 Embed tag 233 and Embedding flash      
  5/20 5/21 6.2.2 Work on Mini-Project      
6.5[18] 5/22 5/26 T        
  5/27 5/28        
6.6[19] 5/29 6/1        
  6/2 6/3