Roll

For Next Time:

1. Obtain all materials listed on the syllabus.

2. At the top level of your USB drive, create a set of folders named and organized as folllows.

www
> 4230
>> exercises
>> pchp
>>>>assets
>> glocal
>>>>assets
>> client
>>>>assets

Note that "4230" is indented under "www," indicating that the folder "4230" is inside of "www." Likewise, "exercises" is supposed to be inside of the foler "4230," etc.

3. Read the beginning of McFarland's chapter "Dreamweaver CS3 Guided Tour," pages 19-38. Mark passages and details you don't understand and would like to discuss on Friday.

4. Bring the MaFarland book to class

5. Read over syllabus and bring in additional questions

Syllabus

Roll

Assessment of the Course
Please complete the brief questionaire.

For Today You Were To:
1. Obtain all materials listed on the syllabus.

2. At the top level of your USB drive, create a set of folders named and organized as folllows.

www
> 4230
>> exercises
>> pchp
>>>>assets
>> glocal
>>>>assets
>> client
>>>>assets

Note that "4230" is indented under "www," indicating that the folder "4230" is inside of "www." Likewise, "exercises" is supposed to be inside of the foler "4230," etc.

3. Read the beginning of McFarland's chapter "Dreamweaver CS3 Guided Tour," pages 19-38. Mark passages and details you don't understand and would like to discuss on Friday.

4. Bring the MaFarland book to class

5. Read over syllabus and bring in additional questions

Questions?

Three Options for Dreamweaver this semester:

1. Use your "Full Service" access in the public labs, which you have already paid for. See the ITSS pages for the locations of the Computer Labs as well as their Schedules.
2. Download the 30-day free trial of Dreamweaver and Photoshop.
3. Purchase Dreamweaver with the student discount of $109.00 at the Computer Corner in the UMD bookstore (lower level). You could think of it as $7.27 a week--and you would own the program forever.
   
   

For Next Time:
Complete the tutorial Dreamweaver Test Drive in the McFarland book pages 38-63. Bring your results to class Monday on your USB drive as well as any questions or problems. We will trouble-shoot then.

Dreamweaver Introduction

1. Questions about the McFarland "Guided Tour"?

2. Download the Missing CD:
See McFarland's page Dreamweaver CS3 Tutorials and click "Download Files."

Save the folder "MM_DWCS3" onto the top level of your USB drive (on the same level as the "www" folder

3. Open Dreamweaver...
and follow the directions for creating and saving a new Web on pages 44-45 (steps 1-8).

4. Tour the Workspace
In Dreamweaver's workspace, find the various major tool bars and panels that McFarland describes in pages 19-27. Try looking at the various menus and functions to get aquainted with them.

5. Set up two sites:

1. Using the directions on pages 34-35, set up the first site, called "missing_cd" to use the folder "MM_DWCS3" as its local root folder, but we will not enter the optional URL information in step 5.
   
   
2. the second site will be called "www" will use your "www" folder as its local root folder, and we will also give Dreamweaver the additional information necessary to enable it to post the pages and folders inside of "www" to the Web. See the in-class handout "Moving Files to the Web with Dreamweaver."
   
   
3. Following the directions at the end of the handout, export the site information for the "missing_cd" site to the top level of your USB drive.
   
   

6. Create a Web Page
Follow McFarland's directions for Creating a Web Page on pages 35-38.

7. Start the Homework
If you have time, begin the homework of completing the Dreamweaver Test Drive tutorial on pages 38-63.

Roll

For Today You Were To:
Complete the tutorial Dreamweaver Test Drive in the McFarland book pages 38-63. Bring your results to class Monday on your USB drive as well as any questions or problems. We will trouble-shoot then.

Questions?

No Class Meeting on Wednesday.

For Next Time:
1. Read McFarland's Chapter 2 (Adding Text to Your Web Pages) and Chapter 3 (Text Formatting). If possible, read these chapters at a computer with Dreamweaver open and try out the tools and techniques described. Re-Save the page "about.html" that you created in the Test Drive Tutorial as "about2.html" use that version for your experiments.

2. Read Chapter 5 (Links) and complete the Link Tutorial, pages 185-198. Save the result in your "Chapter05" folder inside the MM_DWCS3" folder on your USB drive.

Test Drive Follow-Up and Uploading the Tutorial

1. Import your site information for the sites "missing_cd" and "www"
Choose Site > Manage Sites > Import, and then navigate to where you saved (exported) the files "missing_cd.ste" and "www.ste" last time.

2. Troubleshoot Your Results from McFarland's "Test Drive" on page 38-63?
Open your page up in Dreamweaver, and, on a piece of paper, note the page numbers from McFarland of any problems or questions you had.

Also check to see if you successfully created, exported, and (today) imported the site information (.ste files) for the sites "missing_cd" and "www."

Get together with your neighbor and compare notes. Try to fix any problems or answer any questions either of you had.

We will discuss any unresolved issues as a class.

3. Copy the folder "Chapter01" into your "exercises" folder
Using your Mac's Finder, copy the folder MM_CWCS3/Chapter01" to the folder "www/4230/exercises"

4. Upload the folder "Chapter01" to the Web

1. Switch to the site "www" (use the drop-down menu at the top of the "Files" panel on the right of your DW workspace).
2. Choose Site > Manage Sites > 4230 > Edit.
3. From the left, choose "Remote Info" and then, on the right, click the "Test" button.
4. Click OK and then Done to close the Manage Site windows.
5. Find the "Files & Assets" panel on the right side of the workspace.
6. Click the "4230" folder (inside of "www") once to highlight it.
7. Click the Up-Arrow ("Put") button near the top of the "Files" panel.

5. Visit your page "about.html" with a Web browser:

1. Using the UMD home page URL in the browser's location bar, add to the end of the URL a tilde (~) and your UMD user id: example, "http://www.d.umn.edu/~youruserid".
2. Hit Enter.
3. From the index, click links for 4230, exercises, Chapter01, and then open "about.html."
4. If you have a default home page in your "www" folder, you will need to include the 4230 folder in the URL: "http://www.d.umn.edu/~youruserid/4230".
   
   

6 Email me the URL copied from your browser:

Click "email Craig my URL" to send me the URL.

Roll

For Today You Were To:
1. Read McFarland's Chapter 2 (Adding Text to Your Web Pages) and Chapter 3 (Text Formatting). If possible, read these chapters at a computer with Dreamweaver open and try out the tools and techniques described. Re-Save the page "about.html" that you created in the Test Drive Tutorial as "about2.html" use that version for your experiments.

2. Read Chapter 5 (Links) and complete the Link Tutorial, pages 185-198. Save the result in your "Chapter05" folder inside the MM_DWCS3" folder on your USB drive.

Questions?

Trouble-Shooting the Links Tutorial.

For Next Time:
1. Read McFarland's Chapter 4, "Introducing Cascading Style Sheets" and complete the Cascading Style Sheets Tutorial at the end. Save the result in the appropriate folder inside the folder "MM_DWCS3" on your USB drive.

2. If necessary, complete the in-class exercise "Liquid Page Desiign vs. Jello Page Design" using what you've learned in Chapter 4.

Uploading Chapter05 Folders and Posting the URL
1. Copy the folder "Chapter05" from MM_DWCS3 to the folder "www/4230/exercises".

2. Using DW (with your site set to "www") to upload the folder to the Web using the Put command (up arrow).

3. Visit the page with your browser, copy the URL from the Location bar, and paste the URL into the online forum "McFarland C5 Tutorial"

Liquid Page Design vs. Jello Page Design
See the in-class handout, and download the following two images to the folder www/4230/exercises/Chapter01/images:

• cosmofarm_alt_banner_550.jpg
• banner_bg_filler

Set your DW site to "www"

Start with the page "about.html" that is saved in your folder "www/4230/exercises/Chapter01".

When we're finished, upload the finished page to the Web (in www/5230/exercises/Chapter01, visit the page with your browser, and then copy the URL into a reply to the online forum "Liquid vs Jello Page Design."

Roll

For Today You Were To:

1. Read McFarland's Chapter 4, "Introducing Cascading Style Sheets" and complete the Cascading Style Sheets Tutorial at the end. Save the result in the appropriate folder inside the folder "MM_DWCS3" on your USB drive.

2. If necessary, complete the in-class exercise "Liquid Page Desiign vs. Jello Page Design" using what you've learned in Chapter 4.

Questions?

Trouble-Shooting the Links and CSS Tutorial.

For Next Time:
Read McFarland's Chapter 6, "Images," and complete the tutorial. Bring the result to class

Uploading Chapter04 Folder and Posting the URL
1. Using your Mac's Finder, copy the folder "Chapter04" from MM_DWCS3 to the folder "www/4230/exercises".

2. In DW, import (or set up) your site for "www."

3. Using DW, upload the folder to the Web using the Put command (up arrow).

4. Visit the 2 pages with your browser, copy the URLs from the Location bar, and paste the URLs into a reply to the online forum "McFarland C4 Tutorial (CSS)"

5. Visit the "confessions.html" page you created in the Chapter 5 tutorial and, if you haven't done so already, copy the URL into a reply to the forum "McFarland C5 Tutorial"

Liquid Page Design vs. Jello Page Design
See the in-class handout, and download the following two images to the folder www/4230/exercises/Chapter01/images:

• cosmofarm_alt_banner_550.jpg
• banner_bg_filler

Set your DW site to "www"

Start with the page "about.html" that is saved in your folder "www/4230/exercises/Chapter01".

When we're finished, upload the finished page "about_liquid.html" to the Web (in www/5230/exercises/Chapter01, visit the page with your browser, and then copy the URL into a reply to the online forum "Liquid vs Jello Page Design."

Roll

For Today You Were To:

1. Read McFarland's Chapter 4, "Introducing Cascading Style Sheets" and complete the Cascading Style Sheets Tutorial at the end. Save the result in the appropriate folder inside the folder "MM_DWCS3" on your USB drive.

2. If necessary, complete the in-class exercise "Liquid Page Desiign vs. Jello Page Design" using what you've learned in Chapter 4.

Questions?

Trouble-Shooting the Links and CSS Tutorial.

For Next Time:
Read McFarland's Chapter 6, "Images," and complete the tutorial. Bring the result to class

Uploading Chapter04 Folder and Posting the URL
1. Using your Mac's Finder, copy the folder "Chapter04" from MM_DWCS3 to the folder "www/4230/exercises".

2. In DW, import (or set up) your site for "www."

3. Using DW, upload the folder to the Web using the Put command (up arrow).

4. Visit the 2 pages with your browser, copy the URLs from the Location bar, and paste the URLs into a reply to the online forum "McFarland C4 Tutorial (CSS)"

5. Visit the "confessions.html" page you created in the Chapter 5 tutorial and, if you haven't done so already, copy the URL into a reply to the forum "McFarland C5 Tutorial"

Liquid Page Design vs. Jello Page Design
See the in-class handout, and download the following two images to the folder www/4230/exercises/Chapter01/images:

• cosmofarm_alt_banner_550.jpg
• banner_bg_filler

Set your DW site to "www"

Start with the page "about.html" that is saved in your folder "www/4230/exercises/Chapter01".

When we're finished, upload the finished page "about_liquid.html" to the Web (in www/5230/exercises/Chapter01, visit the page with your browser, and then copy the URL into a reply to the online forum "Liquid vs Jello Page Design."

Roll

For Today You Were To:

Read McFarland's Chapter 6, "Images," and complete the tutorial. Bring the result to clas on your USB drive.

Questions?

Trouble-Shooting the Links and Images Tutorial.

For Next Time:
1. Read McFarland's Chapter 7 "Tables" and Chapter 8 "Advanced CSS."

2. Complete the "Tables Tutorial" starting on page 270, and bring the result to class on your USB drive.

Uploading Chapter06 Folder and Posting the URL
1. Using your Mac's Finder, copy the folder "Chapter06" from MM_DWCS3 to the folder "www/4230/exercises".

2. In DW, import (or set up) your site for "www."

3. Using DW, upload the folder to the Web using the Put command (up arrow).

4. Visit the 2 pages with your browser, copy the URLs from the Location bar, and paste the URLs into a reply to the online forum "McFarland C6 Tutorial (Images)"

5. Visit the "confessions.html" page you created in the Chapter 6 tutorial and copy the URL into a reply to the forum "McFarland C6 Tutorial (Images)"

Liquid Page Design vs. Jello Page Design
Let's trouble shoot the this exercise which I asked you to complete for today.

When you're done—if you haven't done so already—upload the finished page "about_liquid.html" to the Web (in www/5230/exercises/Chapter01), visit the page with your browser, and then copy the URL into a reply to the online forum "Liquid vs Jello Page Design."

Banner Techniques (Introducing Photoshop)
1. Create a new folder called "Web Design Class" on your USB drive outside of your "www" folder. (We're locating this folder outside of "www" because we want to use it for all kinds of files used in this class which we don't want to put up on the Web).

2. Visit the page "Banner Techniques" and download the two image files into your new "Web Design Class" folder

3. We will use two in-class handouts.

4. When we have completed the banner, use it to replace the banner on the page "confessions.html" in the folder www/4230/exercises/Chapter05 using McFarland's directions starting on page 199.

In that process, be sure you save the .jpg version of the banner in the folder "Chapter05/images".

5. With your browser, visit your page "confessions.html" in your "Chapter05" folder on the Web, and copy the URL a reply to the forum "banner exercise."

Roll

For Today You Were To:
1. Read McFarland's Chapter 7 "Tables" and Chapter 8 "Advanced CSS."

2. Complete the "Tables Tutorial" starting on page 270, and bring the result to class on your USB drive.

Questions?

Trouble-Shooting the Tables Tutorial

For Next Time
1. Read the climatic chapter in our tour of DW with McFarland, Chapter 9 "Page Layout."

2. Complete the "CSS Layout Tutorial" starting on page 351, and bring the result to class on your USB drive.

Two Inspirtations for Using CSS

• Zen Garden
• Firefox's Web Developer Add-on (from Mozilla)

Uploading Chapter07 Folder and Posting the URL
1. Using your Mac's Finder, copy the folder "Chapter07" from MM_DWCS3 to the folder "www/4230/exercises".

2. In DW, import (or set up) your site for "www."

3. Using DW, upload the folder to the Web using the Put command (up arrow).

4. Visit the "table.html" page you created in the Chapter 7 tutorial, copy the URL, and then and create a link with it (via the link button) in a reply to the forum "McFarland C7 Tutorial (Tables)"

Intermediate Banner Techniques
1. Open the "confessions.htm" page from the folder www/4230/exercises/Chapter05, which is where you inserted the banner we created in Beginning Banner Techniques.

(If you missed this exercise, you'll need to visit the page "Banner Techniques" and download the two image files into your new "Web Design Class" folder)

3. Today, we will use the handout "Intermediate Banner Techniques."

4. Follow at McFarland's directions on page 224 for choosing in DW to edit the original Photoshop version of a .jpg or .gif that you've already inserted onto a Web page.

Important note: you are not editing the actual image on your page (inserted from the "images" folder), but the original Photoshop version in your "Web Design Class/banner" folder.

5. When we are done revising the banner, you will need to replace the old version on "confessions.html" by re-inserting it. See McFarland page 199. Be sure, in that process, you re-save the banner's new .jpg version as "banner.jpg" to replace the old version's file in the "images" folder.

6. Use Dreamweaver—with you site set to "www"—to upload the entire "Chapter05" folder again.

7. Using your browser, check to see the updated banner appears on the Web. Since this page is at the same URL as you sent previously to the class forum, there's no need to send that URL again.

Roll

For Today You Were To:
1. Read the climatic chapter in our tour of DW with McFarland, Chapter 9 "Page Layout."

2. Complete the "CSS Layout Tutorial" starting on page 351, and bring the result to class on your USB drive.

Questions?

Trouble-Shooting the "CSS Layout Tutorial"

For Next Time
Going Up! In Nielsen and Tahir's book Homepage Usability, read "Preface" (1-5) and "Homepage Guidelines" (7-35)

Uploading Chapter09 Folder and Posting the URL
1. Using your Mac's Finder, copy the folder "Chapter09" from MM_DWCS3 to the folder "www/4230/exercises".

2. In DW, import (or set up) your site for "www."

3. Using DW, upload the folder to the Web using the Put command (up arrow).

4. Visit the "hydroponics.html" page you created in the Chapter 7 tutorial, copy the URL, and then and create a link with it (via the link button) in a reply to the forum "McFarland C9 Tutorial (CSS Page Layout)"

Intermediate Banner Techniques
1. Open the "confessions.htm" page from the folder www/4230/exercises/Chapter05, which is where you inserted the banner we created in Beginning Banner Techniques.

(If you missed this exercise, you'll need to visit the page "Banner Techniques" and download the two image files into your new "Web Design Class" folder)

3. Today, we will use the handout "Intermediate Banner Techniques."

4. Follow at McFarland's directions on page 224 for choosing in DW to edit the original Photoshop version of a .jpg or .gif that you've already inserted onto a Web page.

Important note: you are not editing the actual image on your page (inserted from the "images" folder), but the original Photoshop version in your "Web Design Class/banner" folder.

5. When we are done revising the banner, you will need to replace the old version of the banner on the page "confessions.html" by inserting the new version. See McFarland page 199. Be sure, in that process, you re-save the banner's new .jpg version as "banner.jpg" to replace the old version's file in the "images" folder.

6. Use Dreamweaver—with you site set to "www"—to upload the page "confessions.html" and the image "banner.jpg" from (the "images" folder) again.

7. Using your browser to follow the link in your posting to the forum "McFarland C5 Tutorial", check to see the updated banner appears on the Web. Since this page is at the same URL as you sent previously to the class forum, there's no need to send that URL again.

Tiling Background Images

For this exercise, visit the Technques Site page "Tiling Background Images" for the necessary image files (and an example of what we're creating. I will give you a copy fo the in-class handout. I will let you know when you will be responsible for posting the URL for this exercise in a reply to the forum "Tiling Background URL"

Roll

For Today You Were To:
In Nielsen and Tahir's book Homepage Usability, read "Preface" (1-5) and "Homepage Guidelines" (7-35).

No Class Meeting on Friday
Use the time to collect images, write text, find links, etc. for the Personal Course Home Page.

Questions?

For Next Time (Monday)
1. For Monday, read in Nielsen and Tahir's Homepage Usability: "Homepage Design Statistics" (37-53), "Introduction to the Home Pages" (55), and commentaries on the homepages through BBC Online (87)

2. Bring in all materials you've collected for the Personal Course Home Page Project

Introducing the Personal Course Home Page Project
This project will be due by noon on Tuesday, October 13.

First, let's take a look at the assignment page.

Previewing the Other Two Projects
See the assignment pages:

• Glocalization Project (due Tuesday, November 3)
• Client Project (BETA version due Tuesday, December 6 for workshopping; final version due by our exam time at 4:00 p.m. Monday, December 21.

Discuss Nielsen and Tahir's Homepage Usability
Let's begin by looking at how Nielsen and Tahir can help us understand and complete the Personal Course Home Page Project.

Some Key terms

• high-priority tasks
• screen real estate
• above/below the fold
• tag line
• decks
• visual hierarchy

Roll

For Today You Were To:
1. For Monday, read in Nielsen and Tahir's Homepage Usability: "Homepage Design Statistics" (37-53), "Introduction to the Home Pages" (55), and commentaries on the homepages through BBC Online (87)

2. Bring in all materials you've collected for the Personal Course Home Page Project

Questions?

For Next Time
1. Create and bring in a "palette" page on which you have collected possible images, phrases, links, and other pieces of content for your PCHP. Save the page as "pchp_palette" in your folder "www/pchp" and the images in "www/pchp/assets". See my Sample PCHP palette page showing some of the initial materials I used in my own homepage. I will give you a handout for creating a color swatch

2. Bring your Nielsen/Tahir book

Questions about the Personal Course Home Page Project
Questions about the PCHP assignment, due by noon on Tuesday, October 13? ...about the other two projects: the Glocalization Project (due Tuesday, November 3): the Client Project (BETA version due Tuesday, December 6 for workshopping; final version due by our exam time at 4:00 p.m. Monday, December 21.

Samples But Not Models
The pages linked below were done using the more limiting, tables-based design technology, and following a different version of the assignment. (One of the former requirements, you might notice, was a paragraph-long "preamble" that verbally introduced the concept of the page. In this assignment, I am not asking you to include such a preamble, but to imply the concept using a combination of visual and verbal elements.)

Despite these differences, all three of the samples demonstrate how a coherent, but not one-dimensional, persona can be created on a home page:

• A Tale of Two Cities (Rick B.)
• Applied Forces...Trying to Achieve Equilibrium (Hal P.)
• (accounting, art, and humor) (Tristan T)

Discuss Nielsen and Tahir's Homepage Usability
Let's begin by looking at how Nielsen and Tahir can help us understand and complete the Personal Course Home Page Project.

Some Key Terms

• high-priority tasks (10,)
• screen real estate (23, 71 v. 67, 298)
• above/below the fold (23)
• tag line (10)
• decks (27)
• visual hierarchy (56 v. 80, Tabasco's Avery Island)
• backstory (46)

Roll

For Today You Were To:
1. Create and bring in a "palette" page on which you have collected possible images, phrases, links, and other pieces of content for your PCHP. Save the page as "pchp_palette" in your folder "www/pchp" and the images in "www/pchp/assets". See my Sample PCHP palette page showing some of the initial materials I used in my own homepage. I will give you a handout for creating a color swatch

2. Bring your Nielsen/Tahir book

Questions?

Some New Resources

• For the latest Average Screen Resolution/Size Statistics, see the w3C page on Browser Display Statistics
• For More on usability to supplement the book, see Nielsen's home page called "useit.com"

For Next Time
1. Bring everything you need to work on your PCHP Project in an in-class Studio Session. The page will be due by noon on Tuesday, October 13.

2. Bring your McFarland book

3. If we don't do it together in class, try out "Inventing a Persona" below as part of preparing for class on Friday.

Nielsen and Tahir's Homepage Usability
Let's begin by looking at how Nielsen and Tahir can help us understand and complete the Personal Course Home Page Project.

Some Key Terms

• high-priority tasks (10,)
• screen real estate (23, 71 v. 67, 298)
• above/below the fold (23)
• tag line (10)
• decks (27)
• visual hierarchy (56 v. 80, Tabasco's Avery Island)
• backstory (46)

Also

--What did you find most surprising and revealing in the readings?

--What did you find questionable or problematic?

Inventing a Persona from the Inside Out
Rather than trying to decide on your persona abstractly--as if you were defining yourself in some formal and comprehensive way--try inventing a persona from the miscellaneous pieces of material you have collected on your palette.

All you are looking for is a single image or phrase to serve as a thematic center of gravity for other items on the page. Presumably this center of gravity suggests something about you (since this is a personal page).

• Choose two elements on your palette which, to a stranger, wouldn't seem to belong together. Write a "tag line" that suggests what these divergent elements have in common. Example: cats and seasons.
• Write a paragraph-long "preamble" to the page (as in the former assignment--see my sample palette) and then find a pithy phrase that implies the whole and draws your visitor in. Example from a previous project: "I am not a redneck."
• Write your "backstory"...and then compose a tag line that sums up or suggests that story without telling it
• For your tag line, use a few words from a favorite quotation (you could use the entire quotation elsewhere on the page): Example from Robert Frost's "Stopping By Woods on a Snowy Evening,": "And miles to go before I sleep." Choose other elements for the page that reinforce, extend, echo the mood and ideas of the quotation.
• Parody: use a famous tag line, motto, first line from book or story, or line from a well-known movie or song, etc. and adapt it to your own purposes . "Call me Michael!" would work, but only with a boats/whale/adventure/philosophy theme to the overall page. In this example, Moby-Dick becomes a cultural shorthand for implying something about yourself.
• Choose an image (to use in your banner perhaps) in which the people, place(s), objects, colors, etc. visualize a theme that speaks to you. Then, choose a quotation that verbalizes what that image is saying to you, or write about that image in a "preamble." Then use of the focusing suggestions above to compose a tag line that works with the image to imply something about you. Alternatively, you could try picking another image that plays off the first image in some suggestive way.

Roll

For Today You Were To:
1. Bring everything you need to work on your PCHP Project in an in-class Studio Session. The page will be due by noon on Tuesday, October 13.

2. Bring your McFarland book

3. If we don't do it together in class, try out "Inventing a Persona" below as part of preparing for class on Friday.

Questions?

Some New Resources

• For More on usability to supplement the book, see Nielsen's home page called "useit.com"
  
  

For Next Time
1. Bring everything you need to work on your PCHP Project in an in-class Studio Session. The page will be due by noon on Tuesday, October 13.

2. Bring your McFarland book

To Begin Today
Open Dreamweaver and import your "www" site (www.ste).

Studio Day One
Normally, we won't take two studio days to work on a project, but with this first one I think it will be useful to get you off on the right track.

Don't be afraid to ask questions of your neighbors, and to work together.

Though you are working (mostly) individually today, this is still a class meeting. Plan to stay and be productive until 12:50.

We'll begin with a handout "Getting Started with Designing Your PCHP Page."

Roll

For Today You Were To:
1. Bring everything you need to work on your PCHP Project in an in-class Studio Session. The page will be due by noon on Tuesday, October 13.

2. Bring your McFarland book

Questions?

PCHP due by Tuesday, October 13 at noon
To turn in the PCHP Project (BETA) by the deadline:

* Create your PCHP project on your disk in the folder www/4230/pchp. Be sure to keep all images in the folder www/5230/pchp/assets. Save the page as "index.html" so it will function as the default page.
* Post all the contents of your "personal" folder to the folder www/4230/pchp on the server.
* Visit the page with your browser and copy the URL from the location bar
* Go to the forum "Personal Course Home Page URLs," and

1. click the "Reply" link below this message,
2. type your name in the message text box,
3. highlight your name,
4. click the link icon above the message text box, and
5. paste your URL into the pop-up window.

Notes and Resources

• For more on customizing Spry Menu Bars, see also the tutorial from CWcourse.com

Share a Problem/Solution (Things I wish I'd Remembered or Known)
For credit toward your participation grade, I'd like you to share a problem/solution that you've discovered (or re-learned) concerning using Dreamweaver, including a page number from McFarland or a URL to some other tutorial, etc. on the Web.

An example:
Inserting a Spry Menu Bar completely scrambles my page layout! Solution: use a line break and clear float: see McFarland's fix on page 364

In a "reply" to the forum "Dreamweaver/McFarland Techniques 1," send a message that includes a brief description of the problem (don't label it problem, though) and then a brief summary of a solution with a page number or URL with the details.

For Next Time
Write and print out a one-page commentary on your PCHP Project that explains how it realizes the goals described in the assignment's criteria 2-4. This should be a formal piece of writing: thoughtful, gracefully written, with correct grammar and spelling.

You will turn this commentary in at the beginning of class.

To Begin Today
Open Dreamweaver and import your "www" (www.ste), or Personal Course Home Page site.

Studio Day Two

Though you are working (mostly) individually today, this is still a class meeting. Plan to stay and be productive until 12:50.

We'll begin with a handout "Getting Started with Designing Your PCHP Page."

Roll

For Today You Were To:
Write and print out a one-page commentary on your PCHP Project that explains how it realizes the goals described in the assignment's criteria 2-4. This should be a formal piece of writing: thoughtful, gracefully written, with correct grammar and spelling.

You will turn this commentary in at the beginning of class.

For Next Time
1. Complete the five-step Brainstorming Activity described on the handout I will give you today. Bring the resulting Word file to class Friday on your USB drive.

2. Be prepared at the beginning of class to send me a "topic/angle" for a potential Glocalization Site, which you came up with as a result of the Brainstorming Activity. This may or may not be the topic/angle you ultimately use.

3. In Nielsen and Tahir, read (again) the critiques of homepages on pages 56-86. Write down and come in with three important principles of Web design (in your opinion) which can be generalized from the specific observations on these pages. For each of your principles, note down three examples from the readings (page number and point number). You may compose your own principles, or use three of Nielsen/Tahir's 113 principles from pages 10-34

Be sure to bring your Nielsen and Tahir book on Friday.

Questions?

Collect PCHP Commentaries

Troubleshooting the PCHP Project
The PCHP Projects were uploaded to the Web and the URLs sent in a message to the forum "Personal Course Home Page URLs."

To Begin Today
Open Photoshop

Assignment
We will review the Glocalization Site assignment page and look at some examples. This site is due by noon on Tuesday, November 3.

Tiling Backgrounds
We'll learn to create our own tiling backgrounds in this exercise. See the "Tiling Backgrounds" page from the Techniques Site where you will download an image to use.

I will also give you a copy of the handout.

Post the HTML page containing the tiling background to the Web at www/4230/exercises/tiling, and send the URL in a reply to my message in the forum "tiling background URLs."

Roll

For Today You Were To:
1. Complete the five-step Brainstorming Activity described on the handout I will give you today. Bring the resulting Word file to class Friday on your USB drive.

2. Be prepared at the beginning of class to send me a "topic/angle" for a potential Glocalization Site, which you came up with as a result of the Brainstorming Activity. This may or may not be the topic/angle you ultimately use.

3. In Nielsen and Tahir, read (again) the critiques of homepages on pages 56-86. Write down and come in with three important principles of Web design (in your opinion) which can be generalized from the specific observations on these pages. For each of your principles, note down three examples from the readings (page number and point number). You may compose your own principles, or use three of Nielsen/Tahir's 113 principles from pages 10-34

4. Be sure to bring your Nielsen and Tahir book on Friday.

Send Me Your Topic/Angle from the Glocalization Project Brainstorming

For Next Time
1. Read McFarland's Chapter 19 on Templates, starting on page 665, and complete the Templates tutorial starting on 701. Bring the result into class in your "MM_DWCS3" folder on your USB drive.

2. Bring your McFarland Book.

3. Compile material for your Glocalization Project: take pictures, collect images, find information, write copy, etc.

Questions?

To Begin Today
Open Photoshop

Tiling Backgrounds Continued
We'll finish the tiling backgrounds exercise. See the "Tiling Backgrounds" page from the Techniques Site if you were absent on Wednesday.

You will also need a copy of the handout.

Post the HTML page containing the tiling background to the Web at www/4230/exercises/tiling, and send the URL in a reply to my message in the forum "tiling background URLs."

Abstracting Important Principles

1. Show us a specific critique that Nielsen/Tahir make from pages 56-86,

2. explain the larger principle you see at exemplified

3. show us another specific example.

Roll

Questions?

For Today You Were To:
1. Read McFarland's Chapter 19 on Templates, starting on page 665, and complete the Templates tutorial starting on 701. Bring the result into class in your "MM_DWCS3" folder on your USB drive.

2. Bring your McFarland Book.

3. Compile material for your Glocalization Project: take pictures, collect images, find information, write copy, etc.

For Next Time
1. Write a revised topic/angle for your Glocalization Project idea and bring it in.

2. Continue compiling materials for your Glocalization Project: take pictures, collect images, find information, write copy, etc. Note that the project is due two weeks from tomorrow.

3. Complete the Poynter.org color tutorial "Color, Contrast, and Dimension "Make a "screen shot" of at least three examples from this tutorial which are valuable for what they suggest about effectively using color for Web pages.

4. Bring your Nielsen/Tahir book.

Copy the "Chapter19" folder to Your Exercises Folder and Upload "Chapter19" to the Web from you.

1. Using your Mac's Finder, copy the folder MM_CWCS3/Chapter19" to the folder "www/4230/exercises"
2. In DW, import your site information for "www"
3. Switch to the site "www" (use the drop-down menu at the top of the "Files" panel on the right of your DW workspace).
4. Select the folder "Chapter19" in the exercises folder
5. At the top of the Assets panel, use the Up Arrow button (Put command) to upload the entire "Chapter19" folder to the Web.
6. With your browser, visit the page "hydroponics.html" and copy the URL
7. Paste the URL into a reply to the forum "Chapter 19 Templates URLs"

Topics/Angles

1. Copy the following list of topics/angles into a blank page in Word.
2. Above the list, insert a 3-column/1-row table
3. At the top of the left-hand column, type the heading "Truly Glocal"
4. At the top of the middle column, type "Local Only"
5. At the top of the right-hand column, type "Not Local"
6. Now, imagine you are someone living in Phoenix, Arizona (or wherever) who will never leave Phoenix except via the Web, visiting a Web site created around each of these topics/angles.
7. Into the "Truely Glocal" column, copy and paste the site topics/angles that you might find compelling, interesting, and relevant to you in the "Truly Glocal" column (assuming that you shared an extra-local interest or passion with the site).
8. Into the "Local Only" column, copy and paste the site topics/angles that would exclude you because they seem tailored to "local only" or visitor interests.
9. Into the "Not Local" column, copy and paste the site topics/angles that might interest you in a general way but not necessarily enable you to experience or learn about a distant locale from Phoenix (Duluth, Beaners, Ely, etc.).
10. Reconsider your choices, especially in the "Only" and "Not" columns. If you shared a certain interest, taste, passion, enthusiasm with the creator of the site, could you imagine moving any topics/angles to the "Truly Glocal" column.
    • (In parentheses, type in what that special interest, taste, passions, enthusiasm would need to be for that item to stay in the "Truly Glocal" column.)
    • What if you changed the wording of the item to re-focus the angle, or took just one of several possible angles. (Indicate such changed wording in items on your list with bold.)
11. Move those items that you added parenthetical insights or bolded revisions

Glensheen Mansion gardens / gardening in cold climates

pizza delivering- discovering duluth

Superior Hiking Trail

my Pet Peeves of Duluth

UMD Statesman behind the scenes: How a story reaches the reader.

pond hockey as a family event

The effects of international shipping on Duluth's local environment

What it is like to live in a rural Minnesota Township. Homemade golf course, funny outhouses, lake cabin escape and living in a real hand hewn log cabin. The cabin as an escape to freedom. How young men seem to be less interested in "the dream" of owning a cabin.

Lake Superior / fresh water conservation

Lake Calhoun, inside and out

Lakescapes from Duluth, MN. as art, inspiration, and beauty.

northshore. from Duluth all the ay to Two Harbors, including the beautiful views, places to stop, waterfalls, restaurants...etc

Graffiti Graveyard: how disgusting it is down there but how it's still artsy; there's beauty in the ugliness. And how it's local but hidden; not everyone knows about it.

Duluth Rowing Club / it's history has even been captured at an olympic level

History of MMA in Minnesota

Paintball in Duluth, extreme sport with a seasonal twist

Sri Lanka as a virtual vacation: a virtual vacation experience of the island of Sri Lanka

North St.Paul Snowman

Abstracting Important Principles

1. Show us a specific critique that Nielsen/Tahir make from pages 56-86,

2. explain the larger principle you see at exemplified

3. show us another specific example.

Roll

Questions?

For Today You Were To:
1. Write a revised topic/angle for your Glocalization Project idea and bring it in.

2. Continue compiling materials for your Glocalization Project: take pictures, collect images, find information, write copy, etc. Note that the project is due two weeks from tomorrow.

3. Complete the Poynter.org color tutorial "Color, Contrast, and Dimension "Make a "screen shot" of at least three examples from this tutorial which are valuable for what they suggest about effectively using color for Web pages.

4. Bring your Nielsen/Tahir book.

For Next Time
1. Create a page for your color tutorial screen shots and share the URL:

A. In DW, create a plain, blank Web page saved as "index.html" in a folder "www/4230/exercises/color". Title the page "The Power of Color (Poynter)".

B. In Photoshop, resize the screen shots from the color tutorial to 680 pixels in width. (Try out the easy resize wizard in Photoshop by choosing Help > Resize Image...), and save them as .jpg or .gif in a folder "www/4230/exercises/color/assets".

C. Insert the images on the page (stacked vertically is fine). Under each image, type the principle of color use illustrated by that screen shot, and how you think that principle is relevant to the use of colors in Web design.

D. Visit the site Screenalicious and find a page that is demonstrates a principle of color use for one of your examples. Make a link on your page to that example. See my sample page.

E. By the beginning of class next time, send the URL of your page to the forum "Poynter Color Principles."

2. Bring your Nielsen/Tahir book

3. Continue compiling materials for your Glocalization Project: take pictures, collect images, find information, write copy, etc. Note that the project is due one week from next Tuesday.

Send Me Your Revised Topic/Angle

Abstracting Important Principles

1. Show us a specific critique that Nielsen/Tahir make from pages 56-86,

2. explain the larger principle you see at exemplified

3. show us another specific example.

Roll

Questions?

For Today You Were To:
1. Create a page for your color tutorial screen shots and share the URL:

A. In DW, create a plain, blank Web page saved as "index.html" in a folder "www/4230/exercises/color". Title the page "The Power of Color (Poynter)".

B. In Photoshop, resize the screen shots from the color tutorial to 680 pixels in width. (Try out the easy resize wizard in Photoshop by choosing Help > Resize Image...), and save them as .jpg or .gif in a folder "www/4230/exercises/color/assets".

C. Insert the images on the page (stacked vertically is fine). Under each image, type the principle of color use illustrated by that screen shot, and how you think that principle is relevant to the use of colors in Web design.

D. Visit the site Screenalicious and find a page that is demonstrates a principle of color use for one of your examples. Make a link on your page to that example. See my sample page.

E. By the beginning of class next time, send the URL of your page to the forum "Poynter Color Principles."

2. Bring your Nielsen/Tahir book

3. Continue compiling materials for your Glocalization Project: take pictures, collect images, find information, write copy, etc. Note that the project is due one week from next Tuesday.

For Next Time
1. Complete the exercise "Creating a Model Color Scheme Page."

2. Continue compiling materials for your Glocalization Project: take pictures, collect images, find information, write copy, etc. Note that the project is due one week from next Tuesday.

3. Bring your Nielsen/Tahir book

Personal Course Home Pages
I am nearly done grading your PCHP. I will have them for you on Monday in class.

A Model Color Scheme Page

We've gone through the Poynter.org color tutorial "Color, Contrast, and Dimension."

After talking about your some of your principles of color use on your pages linked from the "Poynter Color Principles," we'll work on the exercise "Creating a Model Color Scheme Page." I will give you a copy of the in-class handout.

The Seven Contrasts

• Hue
• Light and Dark
• Cool and Warm
• Complementary
• Simultaneous Contrast
• Saturation
• Proportion
  
  

For this exercise, you'll need to pick out and download a banner to use on your page (to suggest a color to begin with). See the sample Banners from the blog Perfect Duluth Day.

We will use the site Color Scheme Designer.

When we've finished the model.html page, post the folder www/4230/exercises/color to the Web, visit "model.html" with your browser, and send the URL in a new message to the forum "Poynter Color Principles" linked with the your first name and the phrase Color Model (Example, "Craig's Color Model").

Abstracting Important Principles

1. Show us a specific critique that Nielsen/Tahir make from pages 56-86,

2. explain the larger principle you see at exemplified

3. show us another specific example.

Roll

Questions?

For Today You Were To:
1. Complete the exercise "Creating a Model Color Scheme Page."

2. Continue compiling materials for your Glocalization Project: take pictures, collect images, find information, write copy, etc. Note that the project is due one week from next Tuesday.

3. Bring your Nielsen/Tahir book

For Next Time
1. Complete the exercise "Creating a Model Color Scheme Page" if we don't do it today

2. Continue compiling materials for your Glocalization Project: take pictures, collect images, find information, write copy, etc. Note that the project is due one week from next Tuesday.

3. Bring your Nielsen/Tahir book

Personal Course Home Pages
I will return these today at the end of class.

A Model Color Scheme Page (Conclusion)

We've gone through the Poynter.org color tutorial "Color, Contrast, and Dimension."

After talking about your some of your principles of color use on your pages linked from the "Poynter Color Principles," we'll work on the exercise "Creating a Model Color Scheme Page." I will give you a copy of the in-class handout.

The Seven Contrasts

• Hue
• Light and Dark
• Cool and Warm
• Complementary
• Simultaneous Contrast
• Saturation
• Proportion
  
  

For this exercise, you'll need to pick out and download a banner to use on your page (to suggest a color to begin with). See the sample Banners from the blog Perfect Duluth Day.

We will use the site Color Scheme Designer.

When we've finished the model.html page, post the folder www/4230/exercises/color to the Web, visit "model.html" with your browser, and send the URL in a new message to the forum "Model Color Scheme Page" linked with the your first name and the phrase Color Model (Example, "Craig's Color Model").

Abstracting Important Principles

1. Show us a specific critique that Nielsen/Tahir make from pages 56-86,

2. explain the larger principle you see at exemplified

3. show us another specific example.

Roll

Questions?

For Today You Were To:
1. Complete the exercise "Creating a Model Color Scheme Page" if we don't do it today

2. Continue compiling materials for your Glocalization Project: take pictures, collect images, find information, write copy, etc. Note that the project is due one week from next Tuesday.

3. Bring your Nielsen/Tahir book

For Next Time
1. Work on your Glocalization Project

2. Bring in all materials to work on it in class on Friday.

Visualizing Your Audience

Try writing down a description of the ideal visitor to your Glocalization Site, including:

• name
• age
• location (not the same as your topic--and never will be)
• realistic scenario by which the audience finds your site (Google search terms, links from existing Web sites, etc.)

Does this person exist? Is your site for this person? Is the scenario authentic and likely?

Graphic Headings

Visit the page "Graphic Headings" from the Techniques Site to download two images we'll use in this exercise. Save the images in your class folder (not www).

I will give you an in-class handout.

We will use the "model.html" page we created in the Model Color Scheme Page exercise.

Roll

Questions?

For Today You Were To:
1. Work on your Glocalization Project

2. Bring in all materials to work on it in class on Friday.

For Next Time
1. Work on your Glocalization Project

2. Bring in all materials to work on your project in class on Monday in a Studio Session. The site will be due on Tuesday, November 3 at noon.

Criteria
I will give you a handout of the Criteria Checklist for the Glocalization Project.

Commentary due Wednesday, Nov. 4
On Wednesday, November 4, you will turn in a commentary on the project, which speaks to criteria 1 and 5 from the checklist. Please double-space the commentary, which should run about 250 words.

Graphic Headings (Conclusion)

Visit the page "Graphic Headings" from the Techniques Site to download two images we'll use in this exercise. Save the images in your class folder (not www).

I will give you an in-class handout.

We will use the "model.html" page we created in the Model Color Scheme Page exercise.

Roll

Questions?

For Today You Were To:
1. Work on your Glocalization Project

2. Bring in all materials to work on your project in class on Monday in a Studio Session. The site will be due on Tuesday, November 3 at noon.

Glocalization Project Due by Tuesday, November 3 at noon

1. Upload the entire site to the correct folder (www/4230/glocal),
2. visit the home page with your browser
3. copy the URL
4. reply to my message to the the forum Glocal URLs,
5. type and highlight your name in your reply
6. use the link button to make your name clickable to your Glocalization Project's homepage.

For Next Time
On Wednesday, November 4, you will turn in a commentary on the project, which speaks to criteria 1 and 5 from the checklist. Please double-space the commentary, which should run about 250 words.

Check the Link to Your Model Color Scheme Page/Graphic Headings Exercises
3. Re-upload the "model.html" page, with your graphic headings added from the Graphic Headings exercise. I will use the links from the forum "Model Color Scheme Page"

Studio Day
Though you are working individually today, this is still a class meeting and your should plan on staying and being productive and helpful till 12:50.

Roll

Questions?

For Today You Were To:
Turn in a commentary on the project, which speaks to criteria 1 and 5 from the checklist. Please double-space the commentary, which should run about 250 words.

For Next Time
Download, print out, read, and mark on the following from the library's electronic reserves:

• from Chris Anderson's The Long Tail: Introduction & Chapter 1
• from David Weinberger's Everything is Miscellaneous, Introduction &Chapter 1
  
  

I will make these links active as soon as these files are available (probably later Wednesday afternoon). I will also send out an email with the links.

Final Exam: Format and Sample Questions
I will give you a sample final exam to give you an idea of the format it will take. The exam will be held on Monday, December 21 at 4 p.m. (location TBA).

Reintroducing the Capstone Web Project
Let's take a look again at the assignment page.

A BETA version of this project will be due by noon on Tuesday, December 8. We will have a group workshop of all the projects starting on Wednesday, December 9.

The final version of the project will be due online by the final exam time of Monday, December 21 at 4 p.m.

Forms
We'll create a form on the page from the "Model Color Scheme Page" exercise (which we also used for the Graphic Headings exercise).

Since we're using the same page, I will use the link to that page you previously provided in the forum "Model Color Scheme Page" to give you credit for the "Forms" exercise.

I will give you an in-class handout, "Forms in Dreamweaver."

See McFarland's Chapter 11 (page 399) for more on forms.

Roll

Questions?

• about the Final Exam format?
• about the Client Project?
• anything else?

For Today You Were To:
Download, print out, read, and mark on the following from the library's electronic reserves:

• from Chris Anderson's The Long Tail: Introduction & Chapter 1
• from David Weinberger's Everything is Miscellaneous, Introduction &Chapter 1
  
  

For Next Time
Review from David Weinberger's Everything is Miscellaneous, "Prologue" & "Chapter 1: The New Order of Order"

Download, print out, read, and mark on the following from the library's electronic reserves

• from Cult of the Amateur by Andrew Keen, "Introduction" and "Chapter 1: The Great Seduction."

Questions?
Let's take a look again at the assignment page.

A BETA version of this project will be due by noon on Tuesday, December 8. We will have a group workshop of all the projects starting on Wednesday, December 9.

The final version of the project will be due online by the final exam time of Monday, December 21 at 4 p.m.

Forms (Concluded)
We'll create a form on the page from the "Model Color Scheme Page" exercise (which we also used for the Graphic Headings exercise).

Since we're using the same page, I will use the link to that page you previously provided in the forum "Model Color Scheme Page" to give you credit for the "Forms" exercise.

I will give you an in-class handout, "Forms in Dreamweaver."

See McFarland's Chapter 11 (page 399) for more on forms.

Discussion of The Long Tail

semiotic square: strategy vs. theory-based critique

Roll

Questions?

• about the Final Exam format?
• about the Client Project?
• anything?

For Today You Were To:
1. Review from David Weinberger's Everything is Miscellaneous, "Prologue" & "Chapter 1: The New Order of Order"

2. Download, print out, read, and mark on the following from the library's electronic reserves Cult of the Amateur by Andrew Keen, "Introduction" and "Chapter 1: The Great Seduction."

For Next Time
1. Review Cult of the Amateur by Andrew Keen: "Introduction" and "Chapter 1: The Great Seduction."

2. Download, print out, read, and mark on the following from the library's electronic reserves: Free by Chris Anderson, "Prologue," and "Chapter 1: The Birth of Free"

Questions?
Let's take a look again at the assignment page.

A BETA version of this project will be due by noon on Tuesday, December 8. We will have a group workshop of all the projects starting on Wednesday, December 9.

The final version of the project will be due online by the final exam time of Monday, December 21 at 4 p.m.

Discussion of The Long Tail

• Long Tail
• 98% Rule (vs. 80/20 Rule)
• definitions: class and differentiating terms
• "attention economy"
• filtering

Discussion of Everything is Miscellaneous

• miscellaneousness
• atoms vs. bits
• hierarchies
• crowdsourcing
• Web 2.0
• Web 3.0
• social authority
• disciplinarily
• millennialism

Resources

• semiotic square: strategy vs. theory-based critique
• United Countries of Baseball

No Class Meeting on Friday, November 13
The assignment for "Next Time," therefore, is for Monday, November 16.

Roll

Questions?

• about the Client Project?
• anything?

For Today You Were To:
1. Review Cult of the Amateur by Andrew Keen: "Introduction" and "Chapter 1: The Great Seduction."

2. Download, print out, read, and mark on the following from the library's electronic reserves: Free by Chris Anderson, "Prologue," and "Chapter 1: The Birth of Free"

For Next Time
1. Review Free by Chris Anderson, "Prologue," and "Chapter 1: The Birth of Free"

2. From the Trend collection, read Sherry Turkle's "Who Am We?" starting on page 236.

Questions?
on the Client Project?

A BETA version of this project will be due by noon on Tuesday, December 8. We will have a group workshop of all the projects starting on Wednesday, December 9.

The final version of the project will be due online by the final exam time of Monday, December 21 at 4 p.m.

Today, I will give you a copy of the Client Project Checklist.

Please Put Your Computer to Sleep When We Begin Our Discussion.

Discussion of Everything is Miscellaneous

• miscellaneousness
• atoms vs. bits
• first-, second-, and third-order order
• crowdsourcing
• Web 2.0
• Web 3.0 (handout)
• social authority
• disciplinarily
• millennialism

Discussion of Cult of the Amateur

• Believing and Doubting Game
• "attention economy"
• populism
• relativism

Resources

• semiotic square: strategy vs. theory-based critique
• United Countries of Baseball

Roll

Questions?

• about the Client Project?
• anything?

For Today You Were To:
1. Review Free by Chris Anderson, "Prologue," and "Chapter 1: The Birth of Free"

2. From the Trend collection, read Sherry Turkle's "Who Am We?" starting on page 236.

For Next Time
From the Trend book read Donna Haraway, starting on page 28

We will not meet during Thanksgiving Week to give you time to work on your Client Projects.

Questions?
on the Client Project?

A BETA version of this project will be due by noon on Tuesday, December 8. We will have a group workshop of all the projects starting on Wednesday, December 9.

The final version of the project will be due online by the final exam time of Monday, December 21 at 4 p.m.

Today, I will give you a copy of the Client Project Checklist.

Please Put Your Computer to Sleep When We Begin Our Discussion.

Discussion of Everything is Miscellaneous

• first-, second-, and third-order order
• crowdsourcing
• Web 2.0
• Web 3.0 (handout)
• social authority
• disciplinarily
• millennialism

Discussion of Free

Discussion of Sherry Turkle's "Who Am We?"

• identity

Resources

• semiotic square: strategy vs. theory-based critique
• United Countries of Baseball

Roll

Questions?

• about the Client Project?
• anything?

For Today You Were To:
From the Trend book, read Donna Haraway, starting on page 28

For Next Time
From the Trend book, read Michael Heim (Platonic philosopher) starting on page 70

We will not meet during Thanksgiving Week to give you time to work on your Client Projects.

I will return the Glocalization Projects at the end of class

"Yes, but are we better off?
semiotic square: strategy vs. theory-based critique

Questions?
on the Client Project?

A BETA version of this project will be due by noon on Tuesday, December 8. We will have a group workshop of all the projects starting on Wednesday, December 9.

The final version of the project will be due online by the final exam time of Monday, December 21 at 4 p.m.

Today, I will give you a copy of the Client Project Checklist.

Please Put Your Computer to Sleep When We Begin Our Discussion.

Chris Anderson's Free
The case of YouTube's 75 Billion videos served. See "Do You Think Bandwidth Grows on Trees?" from Slate.

"Who Am We?" by Sherry Turkle (Clinical psychologist and sociologist)
Page 236 of the Trend collection

Key Terms

• identity (postmodern)
• windows
• MUDs (multi-User Dimensions)
• community
• expressive (adjective meaning "identity-creating")
  

Donna Haraway's "A Manifesto for Cyborgs" (as Describing an Unintended Consequence)
Page 28 of the Trend collection.

Questions
1. What does Haraway mean by saying "We are cyborgs" (28)?

2. How does Haraway suggest we react to being cyborgs?

Key Terms

• cyborg
• cyborg politics and writing
• Western dualisms (0thers)

Resources

• semiotic square: strategy vs. theory-based critique
• United Countries of Baseball

Roll

Questions?

• about the Client Project?
• anything?

For Today You Were To:
From the Trend book, read Michael Heim (Platonic philosopher) starting on page 70

For Next Time
For Monday, November 30, please read Pierre Levy (253), and review Michael Heim (70)--if we don't complete our discussion of Heim today.

We will not meet during Thanksgiving Week to give you time to work on your Client Projects.

Questions?
on the Client Project?

A BETA version of this project will be due by noon on Tuesday, December 8. We will have a group workshop of all the projects starting on Wednesday, December 9.

The final version of the project will be due online by the final exam time of Monday, December 21 at 4 p.m.

Today, I will give you a copy of the Client Project Checklist.

Identity (vs. Personality, Soul, "Authentic Self," etc.)
I will give you a handout of the page from my Ideas Site.

Donna Haraway's "A Manifesto for Cyborgs" (as Describing an Unintended Consequence)
See starting on page 28 of the Trend collection.

Online Dicussion
1. What does Haraway mean by saying "We are cyborgs" (28)?

2. How does Haraway suggest we react to being cyborgs?

We will take up these questions in the forum "A Manifesto for Cyborgs"

Key Terms

• cyborg
• cyborg politics and writing
• Western dualisms (0thers)

Resources

• semiotic square: strategy vs. theory-based critique
• United Countries of Baseball

Roll

Questions?

• about the Client Project?
• anything?

For Today You Were To:
Read Pierre Levy (253), and review the chapter by Michael Heim (70).

For Next Time
Brenda Laurel's Computers as Theatre (Trend 109) and Timothy Allan Jackson's "Towards a New Media Aesthetic" (Trend 347)

Questions?
on the Client Project?

A BETA version of this project will be due by noon on Tuesday, December 8. We will have a group workshop of all the projects starting on Wednesday, December 9.

The final version of the project will be due online by the final exam time of Monday, December 21 at 4 p.m.

Next Monday, December 7, we will have a Studio Session in class to work on the BETA version of this project.

Donna Haraway's "A Manifesto for Cyborgs" (28)
One last look at a surprising quotation on page 35.3 ("Writing is pre-eminenty the technology of cyborgs,....")

Michael Heim: The Erotic Ontology of Cyberspace (70)

Opening Question
What does Heim mean when he announces that he's writing to discover the "erotic ontology" of digital exerience?

Key Terms

• Platonism (compass analogy)
• Eros (erotic),
• ontology
• monads (monadology)
• philsosophical significance of the body

Pierre Levy: Collective Intelligence (235)

Key Terms

• Anthropological Space
• Earth (space), Territorial Space, Commodity Space, Knowledge Space
• subjectivity vs. identity
• Collective Intelligence
  
  

Resources

• semiotic square: strategy vs. theory-based critique
• United Countries of Baseball

Roll

Questions?

For Today You Were To:
Read Brenda Laurel's "Computers as Theatre" (Trend 109) and Timothy Allen Jackson's "Towards a New Media Aesthetic" (Trend 347).

For Next Time
1. Review Laurel's "Computers as Theatre (Trend 109).
2. Come in with any questions about your Client Project.

Questions?
on the Client Project?

A BETA version of this project will be due by noon on Tuesday, December 8. We will have a group workshop of all the projects starting on Wednesday, December 9.

The final version of the project will be due online by the final exam time of Monday, December 21 at 4 p.m.

Next Monday, December 7, we will have a Studio Session in class to work on the BETA version of this project.

Pierre Levy: Collective Intelligence (253)

Key Terms

• Anthropological Space
• Earth (space), Territorial Space, Commodity Space, Knowledge Space
• subjectivity vs. identity
• Collective Intelligence
  
  

Timothy Allen Jackson's "Towards a New Media Aesthetic" (347)

Key Terms

• aesthetics
• ecological model of cultural analysis
• analog time vs. digital time
• picnolepsia
• ideology

Roll

Questions?

For Today You Were To:
1. Review Laurel's "Computers as Theatre (Trend 109).
2. Come in with any questions about your Client Project.

For Next Time
Studio Session for work on the Client Project.

Questions?
on the Client Project?

A BETA version of this project will be due by noon on Tuesday, December 8. We will have a group workshop of all the projects starting on Wednesday, December 9.

The final version of the project will be due online by the final exam time of Monday, December 21 at 4 p.m.

Timothy Allen Jackson's "Towards a New Media Aesthetic" (347)

Key Terms

• aesthetics
• ecological model of cultural analysis
• analog time vs. digital time
• picnolepsia
• ideology

Brenda Laurel's "Computers as Theatre" (Trend 109)

Key Terms

• "as" as the pivot of a transforming definition
• machine vs. language
• enabling illusion
• representation (imagination, reality)

Roll

Questions?

Reorganizing the Semester's End
So you will not have three different deadlines coinciding on Monday, December 21 at 4:00, you will receive the take-home essay prompt on Friday, December 11. The essay will be due on the last day of classes, Wednesday, December 16. Between that Friday and Wednesday, I will expect you to read and think about the prompt (indendently), and to sit down and write for 90 minutes or so.

This means that you will have two deadlines on Monday, December 21:

• completing the revisions to your Client Project
• preparing for the in-class portion of the exam, given at 4 p.m. in KPlz 312

For Today You Were To:
Bring in all materials you will need for a Studio Session to work on the Client Project.

By Tomorrow at noon.
Post the URL of the main page of your Client Project as a reply to the forum, "Client Project URLs." With the URL in the message, write a short paragraph explaining the context for your project, especially any information, insights, or assumptions that may not be apparent from the site itself.

By Wednesday at Class Time:
Prepare for the in-class workshop of the Client Projects, including the posting of your comments to the forum (see directions below). We'll be taking the projectys one at a time to discuss. I will expect each of you to have constructive and insightful things to say.

Preparing for Workshop: Before class, please do the following:

1. Review the workshopping page and the handout of Client Project criteria for ideas about what you might discuss in your comments.
2. Visit all the projects assigned for the class meeting in the table below, using the links in the forum "Client Project URLs." Be sure to read the contexts for each project and consider them in your comments.
3. Type written comments and suggestions for each project in a word-processing document saved on your disk.
4. Also, Printout the comments to bring to class for your use during the workshop.
5. Before the class meeting, copy and paste the written comments you've made for each author into a reply to his or her original posting to the forum "Client Project URLs." To ensure that you receive credit for each set of comments, be sure you're replying to the correct message.
   
   

Wednesday, December 9
1. Matthew
2. Betsy
3. David
4. Alex
6. Neil
7. Virginia
Friday, December 11
8. Ashli
9. Jack
10. Amanda
11. Bryan
12. Dayna
13. Lisa
14. Justin
Monday, December 14
15. Zack
16. Joel
17. Sarah
18. Abigail
19. Ron
20. James

 

Studio Day
Though we will be working independently today, this is still a class meeting. Plan on staying and being productive until 12:50. Also, feel free to ask one another questions, and be prepared to help others.

Roll

Questions?

For Today You Were To:
1. Prepare for the next in-class workshop according to the schedule below. Be sure to read the contextualizing comments from each of the projects' authors in the forum "Client Project URLs."

Before class, send your comments to each of the remaining authors by sending a reply to their postings in the forum "Client Project URLs."

For Next Time
Write, print, and turn in your take-home essay. Come in with your Trend book and various printouts of readings.

Workshop

Resources

• Optimizing image files: see the three steps starting on McFarland page 204
• Green, fuscia, and yellow are "split complementaries" or what "Color Scheme Designer" calls an "Accented Analogical" scheme
• Pasting Formatted Text into Dreamweaver: Edit > Paste Special > Text Only
• Web Photo Gallery Tutorial (Photoshop): from my Techniques Site
• printer-friendly versions/user-friendly versions
• Kelly Writers House (University of Pennsylvania)

Projects