Creating Web Documents: Spring 2003

Schedule is subject to change.

Dates Tuesday Assignment Thursday Assignment

-, 1/16

Administration. History of Web. Overview of Web technologies. Purpose of Web sites. Content and experience. Find 2 Web sites: one good, one bad. Prepare 1-2 paragraphs on each. Read Vannevar Bush article .
Start HTML text: introduction, chapters 1 & 2.

1/21, 1/23 Discuss readings. Discuss Web sites. Introduction to HTML. PaintShop Pro lessons on capture, clipping, color codes, drawing. Project I: Prepare HTML page on good and bad sites. Use observations on your own experiences AND commentary in textbook. We will repeat this exercise later. Refer to HTML book as needed (don't get fancy). Present Projects. HTML lesson continued. Logical versus display form of information. Introduction to images. Raster versus Vector (ref. PowerPoint & Flash). Read/refer to HTML book, chapter 3, 4, 6, 7.

1/28, 1/30 Discuss readings. Answer/discuss issues on images. Paint Shop Pro for conversions. Issues of colors and fonts. Optimizing palettes. PSP & Photo Shop for palettes & transparency. Use ws-ftp to upload project1s to server.
Web sites as collection of files: file management. Upload your project to class site for student projects.
Send email with project address to student TA.
Refer to HTML text, chapter 5.
How the Web works: IP addresses, tcp/ip, http, cache, proxies. Access methods (lab to T1, modem, cable modem). Personal computers, wirelessphones, embedded devices/PCs. WAP View the same Websites using different platforms and access methods. Report on Blackboard Discussion forum.

2/4, 2/6 Draw using Photo Shop. Lists. Discuss experiments viewing sites. Discuss readings. HTML: Internal links, lists, tables Read chapter 2, 25 in HTML book. Discuss readings. Text as important medium. Is a picture worth 1000 words?
Privacy, encryption, intellectual property, other legal and ethical issues.
Read/refer HTML book ch. 7, 13, 14.

--, 2/13 Community Day: no class
Read/refer HTML book ch 15.
Research one or more legal/ethical topic on Web. Report on issue on Blackboard forum & participate (respond to) other postings at least 1/week). HTML: Frames.
Image maps
Discuss project II. Read/refer HTML book ch. 7.
Begin to plan Project II. Can focus on legal issue; instruction and/or persuasion; topic from other course or something else. Assemble team, decide on purpose, audience, content. Discuss with me and get approval. POST TOPIC AND CHECK FOR MY RESPONSE.

2/18, 2/20 SNOW DAY

Metaphors in Web sites. Create animated gifs.
(PhotoShop: ImageReady for image slicing)

Will start forms & JavaScript next week. Note: project II does not need to have forms or JavaScript. It will be required for Project III.

2/25, 2/27 Introduction to Sound. Sound formats. If possible: Prepare sound files: record wav file of your own voice and line input from tape or CD. Mix.
Find good & bad uses of 'multimedia' (audio, video, animation)on Web. Report on Blackboard.
Read/refer in HTML text.
XHTML rules.
Forms (simple, e-mail submission)

3/4, 3/6 Introduction to JavaScript. Variables. Functions. Placement of JavaScript in HTML. Alert. MouseOver. Status bar. Read in HTML text. Review on-line lecture notes. SNOW DAY Study for midterm.

3/11, 3/13 MIDTERM Complete projects JavaScript, continued. Forms and JavaScript.
(for comparison, brief look at cgi/Perl). The butterfly ballot and other examples of poor design. How to prevent?

Spring
Break

3/25, 3/27 Present projects.

Look ahead to Project III assignment. Comparison of tools for creating web sites (NotePad, Homesite, Dreamweaver, Netscape Composer, Front Page, also Word & PowerPoint.) Assign tools for experiments.
Begin to plan Project III. This must involve use of JavaScript for interaction by user and animation and/or image map and/or image slicing, but make sure this serves a definable purpose! Again, project may be tutorial on technical topic, topic from another course, legal/ethical issue. It can be (prototype) 'service' project or e-commerce project. It is possible that your final project may not be complete--please discuss with me. Review texts on navigation. Post on tool experiment.

4/1, 4/3 JavaScript, continued. Event Model.
Discuss experiments.
Students respond to postings indicating agreement or disagreement.
Look at HTML. How to make changes. File management issues. Discuss project III. Continue with JavaScript examples. JavaScript to model dog behavior. Post announcement of project III (list team members) on Blackboard and check for my response.

4/8, 4/10 JavaScript, continued. Calculations.
Emerging technologies.
Commercial for other courses.
Discuss postings. Current events. Questions on JavaScript? Read HTML chapter 18, 19.

4/15, -- MARY FLANAGAN LECTURE: Library classroom Read HTML chapter 8-9. HOLIDAY Make use of style sheets in your projects!

4/22, 4/24 Dynamic html, style sheets. Read/refer HTML text: ch 10, 11.
Postings Continue with style sheets, dynamic html examples. Perform search on the topic for your Project 3.
Research how search engines work (HTML text, information on www.google.com) Report on Blackboard.

4/29, 5/1 Discuss postings. Preview of projects. Constructive feedback. See study guide for Final. Work on projects, review study guide, last chance to do postings. Show Project 3. Review on-line lecture notes.
Do posting on good/bad. Read on-line Jakob Nielsen articles. Report on Blackboard. If appropriate, indicate any changes in your approach to Web sites.
Prepare to show ('test') some of project in class.

5/6, (5/8) Present work. Discuss postings. Discuss study guide. Complete and upload projects; send message to student TA. No class. ALL PROJECTS POSTED, with link from class site Study for final

5/13 Final

Grade allocation

Project I	10
Project II	20
Project III	25
Midterm	10
Final	20
Participation in Blackboard discussion (different browsers, legal issues+, multimedia uses, HTML tools, search, good & bad sites)	15

Dates	Tuesday	Assignment	Thursday	Assignment
-, 1/16			Administration. History of Web. Overview of Web technologies. Purpose of Web sites. Content and experience.	Find 2 Web sites: one good, one bad. Prepare 1-2 paragraphs on each. Read Vannevar Bush article . Start HTML text: introduction, chapters 1 & 2.
1/21, 1/23	Discuss readings. Discuss Web sites. Introduction to HTML. PaintShop Pro lessons on capture, clipping, color codes, drawing.	Project I: Prepare HTML page on good and bad sites. Use observations on your own experiences AND commentary in textbook. We will repeat this exercise later. Refer to HTML book as needed (don't get fancy).	Present Projects. HTML lesson continued. Logical versus display form of information. Introduction to images. Raster versus Vector (ref. PowerPoint & Flash).	Read/refer to HTML book, chapter 3, 4, 6, 7.
1/28, 1/30	Discuss readings. Answer/discuss issues on images. Paint Shop Pro for conversions. Issues of colors and fonts. Optimizing palettes. PSP & Photo Shop for palettes & transparency. Use ws-ftp to upload project1s to server. Web sites as collection of files: file management.	Upload your project to class site for student projects. Send email with project address to student TA. Refer to HTML text, chapter 5.	How the Web works: IP addresses, tcp/ip, http, cache, proxies. Access methods (lab to T1, modem, cable modem). Personal computers, wirelessphones, embedded devices/PCs. WAP	View the same Websites using different platforms and access methods. Report on Blackboard Discussion forum.
2/4, 2/6	Draw using Photo Shop. Lists. Discuss experiments viewing sites. Discuss readings. HTML: Internal links, lists, tables	Read chapter 2, 25 in HTML book.	Discuss readings. Text as important medium. Is a picture worth 1000 words? Privacy, encryption, intellectual property, other legal and ethical issues.	Read/refer HTML book ch. 7, 13, 14.
--, 2/13	Community Day: no class	Read/refer HTML book ch 15. Research one or more legal/ethical topic on Web. Report on issue on Blackboard forum & participate (respond to) other postings at least 1/week).	HTML: Frames. Image maps Discuss project II.	Read/refer HTML book ch. 7. Begin to plan Project II. Can focus on legal issue; instruction and/or persuasion; topic from other course or something else. Assemble team, decide on purpose, audience, content. Discuss with me and get approval. POST TOPIC AND CHECK FOR MY RESPONSE.
2/18, 2/20	SNOW DAY		Metaphors in Web sites. Create animated gifs. (PhotoShop: ImageReady for image slicing)	Will start forms & JavaScript next week. Note: project II does not need to have forms or JavaScript. It will be required for Project III.
2/25, 2/27	Introduction to Sound. Sound formats. If possible: Prepare sound files: record wav file of your own voice and line input from tape or CD. Mix.	Find good & bad uses of 'multimedia' (audio, video, animation)on Web. Report on Blackboard. Read/refer in HTML text.	XHTML rules. Forms (simple, e-mail submission)
3/4, 3/6	Introduction to JavaScript. Variables. Functions. Placement of JavaScript in HTML. Alert. MouseOver. Status bar.	Read in HTML text. Review on-line lecture notes.	SNOW DAY	Study for midterm.
3/11, 3/13	MIDTERM	Complete projects	JavaScript, continued. Forms and JavaScript. (for comparison, brief look at cgi/Perl). The butterfly ballot and other examples of poor design. How to prevent?
Spring Break
3/25, 3/27	Present projects.	Look ahead to Project III assignment.	Comparison of tools for creating web sites (NotePad, Homesite, Dreamweaver, Netscape Composer, Front Page, also Word & PowerPoint.) Assign tools for experiments.	Begin to plan Project III. This must involve use of JavaScript for interaction by user and animation and/or image map and/or image slicing, but make sure this serves a definable purpose! Again, project may be tutorial on technical topic, topic from another course, legal/ethical issue. It can be (prototype) 'service' project or e-commerce project. It is possible that your final project may not be complete--please discuss with me. Review texts on navigation. Post on tool experiment.
4/1, 4/3	JavaScript, continued. Event Model. Discuss experiments. Students respond to postings indicating agreement or disagreement. Look at HTML. How to make changes. File management issues. Discuss project III.	Continue with JavaScript examples.	JavaScript to model dog behavior.	Post announcement of project III (list team members) on Blackboard and check for my response.
4/8, 4/10	JavaScript, continued. Calculations. Emerging technologies. Commercial for other courses.		Discuss postings. Current events. Questions on JavaScript?	Read HTML chapter 18, 19.
4/15, --	MARY FLANAGAN LECTURE: Library classroom	Read HTML chapter 8-9.	HOLIDAY	Make use of style sheets in your projects!
4/22, 4/24	Dynamic html, style sheets.	Read/refer HTML text: ch 10, 11. Postings	Continue with style sheets, dynamic html examples.	Perform search on the topic for your Project 3. Research how search engines work (HTML text, information on www.google.com) Report on Blackboard.
4/29, 5/1	Discuss postings. Preview of projects. Constructive feedback. See study guide for Final.	Work on projects, review study guide, last chance to do postings.	Show Project 3.	Review on-line lecture notes. Do posting on good/bad. Read on-line Jakob Nielsen articles. Report on Blackboard. If appropriate, indicate any changes in your approach to Web sites. Prepare to show ('test') some of project in class.
5/6, (5/8)	Present work. Discuss postings. Discuss study guide.	Complete and upload projects; send message to student TA.	No class. ALL PROJECTS POSTED, with link from class site	Study for final
5/13	Final