 |
Previous Blackboard Items
January | February | March | April | May
Blackboard for 1/16 (Tuesday Week 1)
|
 . This page will serve as the home base for our class this semester.
I will update this page for each class meeting. Items that appeared on this page from previous meetings can be found via the "<previous Blackboard items>" link at the bottom of this page.
The menu on the left will give you access to other materials related to the course.
. On the first day, we'll be looking carefully at the syllabus.
Tour this site
, please obtain a USB drive (a.k.a., jump drive, thumb drive, key-chain drive), and create a structure of folders that looks like this. You don't need to buy a new drive if you already have one with at least 100 MG of space on it. You can also use a Zip disk, though these are less durable:
|
 |
You will create and turn in a draft or "BETA" version of the PCHP Project, and, a week later, a Final Version. See the schedule for dates.
|
| |
Make a list of "round" characters you can think of from movies, television, books, etc. How do these characters incorporate different, sometimes even contradictory traits?
Brainstorming
- Open up a Word document,
- Save it as “pchp brainstorm” in your “nonwww” folder in a new folder called “pchp” (nonwww/pchp). (If you don't have a USB drive or disk, save this in "My Files" on your desktop for now and move it to your drive next time)
- Type the number “1” at the top
- Below it, type a list of at least 12 places, things, activities, goals, experiences, social scenes, tastes, etc. that are part of your experience and how you identify yourself.
|
Blackboard for 1/18 (Thursday Week 1)
|
Seating
Please try to sit where you did on the first day. This will help me learn your names this semester.
Roll
Questions?
...on the class? the syllabus? the Personal Course Home Page Project (BETA version due Monday, February 2).
Course Assessment
As a way of measuring the effectiveness of this class, please answer a few multiple choice quesitons about your experience and confidence (here at the beginning of the semester) with various technical and conceptual areas. Your responses here will not effect your grade in any way.
, complete the PCHP Brainstorming Session that we'll begin today in class. Bring in a paragraph (Step 5) printed out and the complete "session" (Steps 1-5) on your disk.
. Any trouble getting your USB drives/disks and creating a set of folders that look like this?
Logging Out
When you leave today, don't forget to log out of your computer workstation. Double-click the "Logout" icon on the desktop.
|
|
Today, we'll begin a Brainstorming Session for the PCHP following a handout I'll give you in class. Complete this session for next time, and bring in the complete session document on disk. Also bring in the final paragraph printed out.
|
 |
Comment: Liquid Page Design is ideal for pages that contain lots of text because text flows to fill whatever space is available. The page you are looking at now has a "liquid" design. If you resize the width of the page, notice how the content contracts or expands to fill the whatever space you give it. Such a design makes good use of "screen real estate": little empty space is trapped at the top (where the real estate is more valuable) and scrolling is kept to a minimum.
Today, we'll try out Dreamweaver by making a Web page, posting it to the Web, and then visiting that page with our Web browser.
See the in-class handouts, "Liquid Page Design (Dreamweaver)" and "Moving Files to the Web with Dreamweaver"
If we get far enough into these exercises today in class, I will ask you to complete these two exercises by class time on Wednesday. Send the URL to me in an e-mail with the subject line "5230-01 exercise jan 19 "
If we don't get into these exercises sufficiently, we will complete these in class on Tuesday and use the Webx discussion board to post the URLs.
In the "Liquid Page" exercise, I'll ask you to collect some online content from a Web site you like which uses both words and images. I'll use the blog "BoingBoing," which you're welcome to use too if you can't think of something else.
|
Blackboard for 1/23 (Tuesday, Week 2)
|
Seating
Please try to sit where you did on the first week. This will help me learn your names this semester.
Roll
on the Personal Course Home Page Project?
Some key terms you should understand:
- "preamble"
- a Web-site "concept"
- "design scheme"
- "round-character" presentation (vs. flat or diffuse)
- setting up a "site" in Dreamweaver (exporting & importing site information in a .ste file)
- liquid page design
- clustering (as a brainstorming technique)
- freewriting (as a brainstorming technique)
1. At the end of class today, I'll announce which exercises you'll be responsible for completing and posting to the Web by Wednesday at 2 p.m., and which exercises we might complete together on Thursday
2. For those exercises that are due by Wednesday at 2 p.m., I'll also ask you to log into the Webx Discussion Board by that same time and send the URL(s) of the exercise(s) in a message to the appropriate discussion(s):
I will give you a handout to follow: Logging into Webx Discussion Board. Please e-mail me if you have trouble reaching the discussion.
I will to collect the paragraphs you wrote as a result of the Brainstorming Session I asked you to complete for today.
I understand that these paragraphs, at this point, are trials and explorations. I just want to see what you're thinking about at this early stage of the assignment.
If you "Exported" your site information from Dreamweaver to your disk last time (as a file called "www.ste") import that file back into Dreamweaver before we begin. Choose Site > Manage Sites and then click the Import button. See page 469 in your Dreamweaver book for directions.
Xcopy
Last Thursday in class, I mentioned a program that comes in Windows XP called Xcopy for automatically and quickly backing up files. See the explanation of Xcopy on the Resources page if you're interested.
When You Leave
When you leave today, don't forget to
- save all your files to your drive/disk
- take your drive/disk
- log out of your computer workstation (double-click the "Logout" icon on the desktop)
|
|
Today, we'll continue with the exercise "Liquid Page Design (Dreamweaver)," picking up where we left off.
I will also give you Logging into Webx Discussion Board.
To begin this exercise, you'll need to visit the page Beginning Banner Techniques on my Techniques Site to download two images.
|
Blackboard for 1/25 (Thursday, Week 2)
|
on...
Network Problems?
A number of you had problems connecting to the Web with Dreamweaver last time.
Today, everyone should please try re-posting your Liquid Page to your folder www/5230/exercises/liquid to make sure everyone's Dreamweaver is accessing the Web. Please open DW, import your site settings, and write over a copy of the Liquid Page exercise (even if you haven't made any changes).
1. Revise your concept/preamble to improve it, based on some of the principles and responses we'll talk about today. Bring in a printed copy to turn in.
2. Complete the Poynter.org color tutorial "Color, Contrast, and Dimension."
Key Terms to Understand:
- "dimension" achieved with color
- Itten's Seven Contrasts of Color
- hue
- "complementary" colors
- simultaneous contrast
- saturation
- proportion
Choose Start > Programs > Publishing, Graphics, Presentation > Adobe > Adobe Photoshop
|
|
- In the preamble, list-like chains of topics don't lend much unity, even when the items are glued together with generic transitions like "When I'm not doing X, I like to..." or "For a break, I like to..." If the topics can't be pulled together in the preamble, they're probably not going to seem unified on the Web page. If you mention something only once, maybe you should drop it altogether.
- Instead of lists or chains of topics, use an "umbrella idea" or scene to bring things together. In your draft, look for a "center of gravity"—some line or moment when the writing found itself and made something happen. Start with that in your next draft.
- The first line is vital. Don't start with ritual throat-clearing and general information. Look at your writing and, in a revision, try starting with the best line.
- The shorter the better. Condense, distill, combine sentences, suggest rather than explain, let the part imply the whole. I've never used this version of my home page because I think the preamble is still too long.
- The more concrete and specific the better. Rather than "I like movies," say "My favorite movie of all time is Major League (or Pulp Fiction, or Shrek...." See how it makes a difference?). If the time you spent in Denmark is important, share some tidbit or micro-memory that helps make that time and place real to us....
|
|
To begin this exercise, you'll need to visit the page Banner Techniques on my Techniques Site to download two images.
If we complete this exercise (or if I assign it to be posted by tomorrow at class time), copy and paste the URL in a message to the Webx discussion banner URLs.
|
Blackboard for 1/30 (Tuesday, Week 3)
|
on...
Complete the Jello Page Design exercise, post it to the Web, and send the URL to the Webx discussion "jello URLs."
Bring in all materials (especially images) to work on your PCHP project. You'll want to find elements to include that recall and fulfill topics you introduce in your preamble (see "How the Preamble Helps..." below).
Choose Start > Programs > Publishing, Graphics, Presentation > Adobe > Adobe Photoshop
|
|
The preamble is not just a part of your Personal Course Home Page. It also contains, like DNA, the essential plan for the page's whole design scheme.
Read again my attempt at a preamble (still too long!) on this mock-up of my home page, and then try to pick out features and elements elsewhere on the page that recall topics from the preamble.
|
|
Color (NFL Logo Exercise)
- See the NFL logo page.
- Choose two logos to contrast, download them to your non-www folder, open both in Photoshop.
- Download and open in Photoshop this version of the color wheel.
- Open Photoshop's color picker (click the foreground color tile at the bottom of the Tool Palette) and then "pick" the various colors in the logo.
- Decide which logo you want to talk about mostly (your primary example), and which one you merely want to use for contrast and comparison (the foil).
- In a message to the Webx discussion "color," type in the name of the two logos in the first line (starting with your primary example).
- Starting on the second line of the message, discuss one logo's use of color in the following six ways, mentioning the second logo to compare or contrast. Comment on the use (or not) of all of the following, specifically using these terms. Start with what you think is most surprising or revealing about the logo's use of color:
- "hue" (especially what the color picker shows you about any deviations from pure "primary" colors)
- dimension
- use of "complementary color contrasts" (or the degree that the contrasts are "bent" or not used at all)
- use of "warm" and "cool" colors (in contrast or not)
- "saturation"
- "proportion"
Jello Page Design
Visit the page for Jello Page Design and follow the directions there. You will also receive an in-class handout.
When we are finished, you'll post this exercise's folder (www/5230/exercises/jello) to the Web, visits the page with your browser, and copy the URL into the Webx discussion "jello URLs." |
Blackboard for 2/1 (Thursday, Week 3)
|
on...
To turn in the PCHP Project (BETA) by the deadline:
- Create your PCHP project on your disk in the folder www/5230/personal. Be sure to keep all images in the folder www/5230/personal/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/5230/personal on the server.
- Visit the page with your browser and copy the URL from the location bar
- Go to the Webx discussion "Personal Course Home Page URLs," click "Post Message," paste the URL into the message box, and post it by the deadline.
- Note: there is no commentary required for the BETA version due Monday. You will write a commentary on the final version (Monday 2/12) and turn it in at the beginning of class on Tuesday 2/13.
Read Jakob Nielsen's
Chapter 1, "Why Web Usability?" (page 8), and
Chapter 2 "Page Design" (page 16).
As you read, consider some of the following questions that we'll talk about in class on Tuesday.
- Nielsen says he's "an evangelist at heart" when it comes to usability design. Who's he arguing so passionately against?
- In creating the BETA version of the PCHP project, what "errors" did you commit, according to Nielsen? Are there useful principles and techniques you wish you had known?
- What's the big deal about "screen real estate"?
- How do we make effective use of screen real estate?
- A link can be ineffective, according to Nielsen, even if it works when you click it. How so?
- What's the most surprising fact, opinion, or piece of advice that Nielsen offers in these readings, in your opinion?
SeaMonkey Suite (Containing "Composer")
If you would like to work on your Web-based projects at home (and don't want to download the 30-day trail version of Dreamweaver until April 10), you can download and use Mozilla's SeaMonkey Suite, which include's a free HTML editor, Composer
Like Dreamweaver, SeaMonkey's Composer is a "WYSIWYG" editor ("What You See Is What You Get") that writes and revises HTML code. Since HTML is not a proprietary language (requiring corporate-specific software to read), you should be able to move between Dreamweaver and Composer with few problems. Let me know if you do have problems.
I will keep a permanent link to the SeaMonkey Suite's download page on the Resources page.
|
|
Studio Day
Though we will be working individually for the rest of today, please plan on staying and being productive till the end of class. |
Class Blackboard for Tuesday 2/6
(Week 4)
|
on the Personal Course Home Page Project (BETA)?
To turn in the PCHP Project (Final) by the deadline:
- Copy all the folders and files of your BETA version to a folder www/5230/personal/beta. See directions below in "Archiving the BETA Version"
- Revise your PCHP project on your disk in the folder www/5230/personal. Be sure to keep all images in the folder www/5230/personal/assets. Save the main page as "index.html" so it will function as the default page.
- Be sure that you not only change the "index.html" in the "personal" folder, but upload that changed version of the page to the Web. You can revise and upload as many times as you want. The Web is just another disk to back up on.
- Visit the revised page with your browser to check that all is working.
- Do not repost the URL to the Webx discussion unless the URL has changed. If you do need to change the URL, post the new one in a "reply" to your original message to "Personal Course Home Page URLs" so both messages will appear together.
- Write a commentary on the final version, print it out, and turn it in at the beginning of class onTuesday 2/13.
You should archive the BETA version (save it in a sub-folder called "beta" inside of "personal") so you can preserve the original while you're updating the page for the final version:
- Import your site information ("www.ste" file) into Dreamweaver.
- In the Files Palette of DW, right-click on the "personal" folder, and choose Edit > Duplicate
- Change the name of the new folder from "Copy of personal" to "beta"
- Open the "personal" folder
- Drag the "beta" folder into the "personal" folder (top level). When prompted, choose to "Update Links"
- Check in your Files Palette to see if you now have an arrangement like this:
- Close the "beta" folder and forget it. Make all future changes to the "index.html" page at the top level of "personal," which will become your PCHP Final.
- Post the "beta" folder to the Web (click the "beta" folder to select it in Dreamweaver's Files Palette, and then click the up-arrow icon at the top of the Files Palette.)
- Check that the archived BETA version is online. With your browser, enter the URL for your PCHP (you could click the link in Webx) and add "beta/" at the end: as in "...5230/personal/beta/"
- See if the beta version appears in your browser.
|
 |
Today we'll discuss what we've learned from Jakob Nielsen's chapters that we can use in revising the PCHP, during the rest of the semester, and beyond.
As you read, consider some of the following questions that we'll talk about in class on Tuesday.
- Nielsen says he's "an evangelist at heart" when it comes to usability design. Who's he arguing so passionately against?
- In creating the BETA version of the PCHP project, what "errors" did you commit, according to Nielsen? Are there useful principles and techniques you wish you had known?
- What's the big deal about "screen real estate"?
- How do we make effective use of screen real estate?
- A link can be ineffective, according to Nielsen, even if it works when you click it. How so?
- What's the most surprising fact, opinion, or piece of advice that Nielsen offers in these readings, in your opinion?
|
Class Blackboard for Thursday 2/8
(Week 4)
|
Roll
on the Personal Course Home Page Project (BETA)?
Personal Course Home Page Project (Final) Due by Monday, February 12 at noon
To turn in the PCHP Project (Final) by the deadline:
- Be sure you have made of copy of all the folders and files of your BETA version to a folder www/5230/personal/beta. This will be the "before" version to your final PCHP's "after."
- Revise your PCHP project on your disk in the folder www/5230/personal. Be sure to keep all images in the folder www/5230/personal/assets. Save the main page as "index.html" so it will function as the default page.
- Be sure that you not only change the "index.html" in the "personal" folder, but upload that changed version of the page to the Web. You can revise and upload as many times as you want. The Web is just another disk to back up on.
- Visit the revised page with your browser to check that all is working.
- Do not repost the URL to the Webx discussion unless the URL has changed. If you do need to change the URL, post the new one in a "reply" to your original message to "Personal Course Home Page URLs" so both messages will appear together.
- Write a commentary on the final version, print it out, and turn it in at the beginning of class on Tuesday 2/13.
Commentary on the PCHP Due at the Beginning of Class on Tuesday, February 13 at noon
See the directions for writing the commentary from the syllabus.
PCHP Checklist
I will give you a copy of the PCHP Checklist.
|
|
Studio Day
Though you'll be working individually today, plan on staying the entire class period, the same as any other class meeting.
While we won't take time in class to try them out together, you might find following skills from the Dreamweaver book helpful in working on your Personal Course Home Page.
- Making "Relative" Links (winthin your site) by "Pointing to a File," page 66-67
- Making "Absolute" Links (to a page outside of your site), page 66-67
- Image Links, page 217
- Linking to an Email Address, page 218
- Making Text Headings, page 90
- Changing Fonts and Font Size, page 94
- Changing Font Color, page 97
- Using Text Styles, page 98
- Breaking Lines Without Adding a Blank Line, page 101
- Formatting Lists, page 107-108
- Checking Your Spelling, page 129
- Quick Uploading of the Current Page (if you have your site set up in Dreamweaver): Save the page, Look in the tool bar immediately above the page window, Click the down/up arrow button, Choose the "Put" command.
- Quick Uploading of a Whole Folder from the Files Palette, page 50-51.
|
Class Blackboard for Tuesday 2/13
(Week 5)
|
Roll
on the Personal Course Home Page Project?
No Class Meeting on Thursday, 2/15
Pick Up PCHP Commentaries
Starting next Tuesday and for the next three class periods, we will workshop the PCHP Projects one at a time in class.
Before class, please do the following:
- Review the workshopping page for ideas about what to discuss in your comments.
- Visit the Personal Course Home Page projects scheduled the class meeting in the schedule below. Before class on workshop day,
- Type and printout written comments and suggestions for each project scheduled for that day. Bring both the printout of your comments and the digital file to class for copying and pasting (explained below).
- Before class starts, copy and paste all the written comments you've made for everyone scheduled for that day into the form "Workshop Comments for Today" and click "Send to Craig." Be sure to label each set of comments with the project number, the name of the project's author, and the correct date of the workshop.
Within 24 hours after the each workshop
- Individually send each author your comments on his or her project by using the e-mail list on the form "Workshop Comments for Today.
|
 |
Introducing the Next Project
Take a look at the assignment page for Glocalization Site Project.
I will give you an brainstorming handout, which I will expect you to complete by next Tuesday.
Post the "glocalbrainstorming.doc" file to your "glocal folder." Then try visiting the .doc file with your browser.
You won't be able to open the file with your browser (it will ask you if you want to open it with Word or download it).
But you can...
- right-click the link to the file from the "index" page and
- choose to "Copy Link Location" (in Firefox).
Paste the URL into a message to the Webx discussion "glocal brainstorm URLs" and post it.
|
|
We will learn a little bit about what's happening behind the scenes with HTML code. This can help us understand what Jakob Nielsen means when he says we should "separate meaning and presentation."
I will give you an in-class handout.
Send the URL of the final project, posted to the Web, in a message to the Webx discussion "code URLs."
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.
Send the URL of the final project, posted to the Web, in a message to the Webx discussion "tiling URLs."
|
Class Blackboard for Tuesday 2/20
(Week 6)
|
Roll
Questions? |
|
Questions on the Glocalization Project?
Glocalization Brainstorming due Today
By the beginning of class today, please post the "glocalbrainstorming.doc" file you created in the brainstorming session to your "glocal folder."
Then try visiting the .doc file with your browser. You won't be able to open the file directly with your browser (it will ask you if you want to open it with Word or download it).
But you can...
- right-click the link to the file from the "index" page and
- choose to "Copy Link Location" (in Firefox).
Paste the URL into a message to the Webx discussion "glocal brainstorm URLs" and post it.
|
|
Workshop Today, Thursday and Next Tuesday
Starting today, we will workshop the PCHP Projects one at a time in class.
Before each day's class meeting , please do the following:
- Review the workshopping page for ideas about what to discuss in your comments.
- Visit the Personal Course Home Page projects scheduled the class meeting in the schedule below. Before class on workshop day,
- Type and printout written comments and suggestions for each project scheduled for that day. Bring both the printout of your comments and the digital file to class for copying and pasting (explained below).
- Before class starts, copy and paste all the written comments you've made for everyone scheduled for that day into the form "Workshop Comments for Today" and click "Send to Craig." Be sure to label each set of comments with the project number, the name of the project's author, and the correct date of the workshop.
Within 24 hours after the each workshop
- Individually send each author your comments on his or her project by using the e-mail link on the home pages.
Workshop Resources
|
Class Blackboard for Tuesday, 2/27
(Week 7)
|
Roll
Questions?
For
Thursday
Please read Jakob Nielsen's Chapter 3 and complete the Reading
Guide. (Note that you can either open the reading guide and fill it out on your computer to print out, or print it out and fill it in by hand. I will ask for hardcopies of this document, rather than electronic copies.) |
|
Questions on the Glocalization Project?
|
|
Workshop Today
We will continue workshopping the PCHP Projects one at a time in class.
Before each day's class meeting , please do the following:
- Review the workshopping page for ideas about what to discuss in your comments.
- Visit the Personal Course Home Page projects scheduled the class meeting in the schedule below. Before class on workshop day,
- Type and printout written comments and suggestions for each project scheduled for that day. Bring both the printout of your comments and the digital file to class for copying and pasting (explained below).
- Before class starts, copy and paste all the written comments you've made for everyone scheduled for that day into the form "Workshop Comments for Today" and click "Send to Craig." Be sure to label each set of comments with the project number, the name of the project's author, and the correct date of the workshop.
Within 24 hours after the each workshop
- Individually send each author your comments on his or her project by using the e-mail link on the home pages.
Workshop Resources
|
Class Blackboard for Tuesday 3/6
(Week 8)
|
Roll
Questions?
For Thursday
- Please read Jakob Nielsen's Chapter 4 "Site Design" (starting page 162)
- Bring your Nielsen book!
- Bring in (written down) a new, improved topic/angle for your Glocalizaiton Project along with a list of possible "structual" menu items to organize the site.
Turn in Reading Guide Handouts for Nielsen's Chapter 3
|
|
Inventing a Glocal Angle on a Local Topic (Brainstorming)
- Copy the following list of topics/angles into a blank page in Word.
- Above the list, insert a 3-column/1-row table
- At the top of the left-hand column, type the heading "Truly Glocal"
- At the top of the middle column, type "Local Only"
- At the top of the right-hand column, type "Not Local"
- 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.
- Copy and paste the site topics/angles that you might find compelling, interesting, and relevant to you in the "Truly Glocal" column.
- Copy and paste the site topics/angles that you would not find compelling, interesting, and relevant to you in the "Local Only" column.
- Copy and paste the site topics/angles into "Not Local" that could interest you in a general way but not take you on a virtual visit to some locale (Duluth, Beaners, etc.).
- 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 items on your list with bold.)
* North Shore State Parks: As winter sanctuaries; As fall color showcases; As a scientific and natural experience; As family vacation sites; As a walk in the woods; As sidekicks to Lake Superior; As an escape from the city
* The Lakewalk: History; Directions; Things to do; Facts; Home; Pictures; Places to go; Things to see
* Bridge
* Mall
* Arrowhead Road
* Skyline Parkway is a road in Duluth with many scenic overlooks of the city of Duluth along with Enger Tower. I was thinking of doing a website telling of all the sights along this road. Maybe giving tips on what to see while driving, biking, or running along this road. If I can I might be able to get a history of the road.
* Basement Parties are a fad among the youth of Duluth, but I have yet to figure out why. There is no head room, (especially for me since I’m 6 foot), the floor is sopping wet, and the smell is repulsive. I have yet to find the joy of being compacted into a cramped, smelly place, rubbing up against sweaty individuals who are guaranteed to spill their beer on you.
* The Glesheen Mansion is a very hot tourist attraction in Duluth. The 39-room mansion was built by the Congdon family. The infamous murder of Heiress Elizabeth Congdon and her nurse, who were bludgeoned and smothered to death in 1977, have created a whirlwind of myths about the mansion being haunted.
* Lutsen Mountain: The only actual Mountain in the Midwest. As an tourist attraction; As minnesota’s window to the rest of the world; As the outdoors; As a get away; As a great way of life
* Living at the top of a hill: As calmness precedes; As the view from the top; As the view of the lake; As the greenery surrounding it; As the sun setting down; As the sun setting up; As the birds that flew by; As the wind going strong; As the winter getting colder and being besides the fire place; As all white in snow; As the colorful leaves the would emerge before the snow; As the leaves that comes back by the spring
* 4-H building at the MN State Fair: As a place in Minnesota; As a tornado-proof building; As a place for friendship; As a leadership experience; As a rite of passage; As social relations; As the face of Minnesota 4-H; As a stage; As a competitive grounds; As the beginning of romance; As a house of memories; As a dance floor
* Hermantown and how is it separate from Duluth: As commerce; As a school system; As services; As stuff to do; As proximity to other Northern Minnesota locations; As informative to someone not from the area (or in this case, this planet…)
* Boundary Waters: -As a fishing area -As a relaxation getaway -As a camping area -As a hiking area -As an adventurous place to visit -As a good time with friends -As a place to go by yourself or very few friends -As a place to see many different nature scenes
* Hartley Park in Duluth: Wildlife; Photography; Trails; Special Locations
* Grandma’s Sports Garden: A website showing the experience of Grandma’s Sports Garden in Canal Park--As a Saturday night hangout for UMD students; As a local bar scene; As a dance club; As a mixture of all ages, races, and sexes; As a sports haven; As a restaurant; As an excellent place to people watch; As a place to unwindAs place to let loose.
* The Iron Range: As a place in northern Minnesota; As a place for immigrants to start a family; As a mass provider of iron; As a cold place; As a rough terrain; As a place of factories; As place full of iron ore; As a place of pits; As a place of old-time hockey; As a Scandinavian melting pot
|
|
Discussion of Chapter 3
...based on the Reading
Guide
Resources
Christian Sandvig's home page. |
|
Headings: Image into Type (Visual Hierarchy)
 For this exercise, you'll need to visit the techniques page and follow directions there. I will give you a copy of the handout.
Post this exercise to a folder called "textimage" in your folder "www/5230/exercises". Visit the page with your browser and copy-and-paste the URL into a message to the Webx discussion "image into type."
Note that, once you create this file, you can
- change the "background" image by replacing/hiding the image layer and hitting control+g again
- you can retype the text to make multiple headings from the same file.
Every time you "Save for the Web," you take a snapshot of how this file looks at that moment.
|
Class Blackboard for Tuesday 3/6
(Week 8)
|
Roll
Questions?
For Thursday
- Bring in all materials for working on the Glocalization Project in a Studio Session.
- This will be the last class meeting before spring break and the Glocalizaiton Project due date on Monday, March 19
Responder of the Set (PCHP)
"Rite in the Rain" All-Weather Writing Pocket Notebook" |
|
Questions?
|
|
Discussion of Chapters 3 and 4
1. From the chapter, choose one principle, technique, or piece of advice which you think is useful, interesting, or questionable.
2. Find on the web a relevant example of a page or site on the Web: that is, one that follows Nielsen's advice (successfully or unsuccessfully), one that ignores Nielsen's idea (either successfully or unsuccessfully), or that calls into question what Nielsen is saying.
3. In a message to the Webx discussion "Nielsen Chapter 3/4,"
- In the first line, type a subject line that describes the advice
- In the first line, type the page number
- On the second line of the message, paste in the URL of the page you chose
4. Starting on the third line, write a brief analysis of how the example you chose fulfills or ignores Neilsen's advice, either to the benefit or detriment of the final product. If the example brings Nielsen's advice into question, explain how. In such a case, is Nielsen wrong? half right? usually right just not in this case?
Resources
Christian Sandvig's home page.
|
|
1. Ripped, Sliced Banner
For this exercise, you'll need to visit the techniques page for the "Image into Type" exercise and download the "cadmt.jpg" image to your non-www folder. Open it in Photoshop. I will give you a copy of the handout.
2. Headings: Image into Type (Visual Hierarchy)
For this exercise, you'll need to visit the techniques page and follow directions there. I will give you a copy of the handout.
Post this exercise to a folder called "textimage" in your folder "www/5230/exercises". Visit the page with your browser and copy-and-paste the URL into a message to the Webx discussion "image into type."
Note that, once you create this file, you can
- change the "background" image by replacing/hiding the image layer and hitting control+g again
- you can retype the text to make multiple headings from the same file.
Every time you "Save for the Web," you take a snapshot of how this file looks at that moment.
|
Class Blackboard for Thursday 3/8
(Week 8)
|
Roll
Questions?
Glocalization Projects due by Monday, March 19, noon.
Send the URL of the home page to the project to the Webx discussion, "glocal URLs."
The following computer labs will be open M-F during Spring Break:
- SBE 14 (8 a.m. to 5 p.m.)
- KPL 143 (8 a.m. to 5 p.m.)
Call the Help Desk at -8847 for more information.
For Tuesday, March 20: Commentary
Bring in a printed commentary on your own Glocalization Project to turn in.
For Tuesday, March 20: Prepare for Workshop
- Review the workshopping page for ideas about what to discuss in your comments.
- Visit the Personal Course Home Page projects scheduled the class meeting in the schedule below. Before class on workshop day,
- Type and printout written comments and suggestions for each project scheduled for that day. Bring both the printout of your comments and the digital file to class for copying and pasting (explained below).
- Before class starts, copy and paste all the written comments you've made for everyone scheduled for that day into the form "Workshop Comments for Today" and click "Send to Craig." Be sure to label each set of comments with the project number, the name of the project's author, and the correct date of the workshop.
Write and send your comments on the projects scheduled for workshop starting on Tuesday.
The One-Minute Site
|
|
Studio Session Today
|
|
1. Sliced Borderless Banner
For this exercise, you'll need to visit the techniques page for the "Image into Type" exercise and download the "cadmt.jpg" image to your non-www folder. Open it in Photoshop. I will give you a copy of the handout.
2. Headings: Image into Type (Visual Hierarchy)
For this exercise, you'll need to visit the techniques page and follow directions there. I will give you a copy of the handout.
Post this exercise to a folder called "textimage" in your folder "www/5230/exercises". Visit the page with your browser and copy-and-paste the URL into a message to the Webx discussion "image into type."
Note that, once you create this file, you can
- change the "background" image by replacing/hiding the image layer and hitting control+g again
- you can retype the text to make multiple headings from the same file.
Every time you "Save for the Web," you take a snapshot of how this file looks at that moment.
|
Class Blackboard for Tuesday 3/20
(Week 10)
|
Roll
Questions?
Turn in Glocalization Commentary
For Thursday, March 22: Prepare for Workshop
- Review the workshopping page for ideas about what to discuss in your comments.
- Visit the Personal Course Home Page projects scheduled the class meeting in the schedule below. Before class on workshop day,
- Type and printout written comments and suggestions for each project scheduled for that day. Bring both the printout of your comments and the digital file to class for copying and pasting (explained below).
- Before class starts, copy and paste all the written comments you've made for everyone scheduled for that day into the form "Workshop Comments for Today" and click "Send to Craig." Be sure to label each set of comments with the project number, the name of the project's author, and the correct date of the workshop.
Write and send your comments on the projects scheduled for workshop.
|
|
Workshop Today
Keywords
- Duluth Night Project (experience design)
- attention economy
- care words
- glocal non-physicality (as an approach to life)
- value and visibility
 - illustration (1, 2, 3) vs. hybrid literacy (1, 2, 3, 4): the ability to communicate through the combination of verbal and visual languages, whereby the hybrid text means more than the words or images do in themselves.
- non-linear argument
- voice: a text's style suggesting the author's intentions, apparent personality, and implied audience, expressed in choices of words, language structures, images, colors, backgrounds, layouts, and other design elements. (1)
- idea vs. elaboration
- theory.org (menu as purpose)
- open brower window with # vs. open browser window with anchor.
|
Class Blackboard for Thursday 3/22
(Week 10)
|
Roll
Questions?
For Tuesday, March 27: Prepare for Workshop
- Review the workshopping page for ideas about what to discuss in your comments.
- Visit the Personal Course Home Page projects scheduled the class meeting in the schedule below. Before class on workshop day,
- Type and printout written comments and suggestions for each project scheduled for that day. Bring both the printout of your comments and the digital file to class for copying and pasting (explained below).
- Before class starts, copy and paste all the written comments you've made for everyone scheduled for that day into the form "Workshop Comments for Today" and click "Send to Craig." Be sure to label each set of comments with the project number, the name of the project's author, and the correct date of the workshop.
Write and send your comments on the projects scheduled for workshop.
|
|
Workshop Today
Keywords
- Duluth Night Project (experience design)
- attention economy
- care words
- glocal non-physicality (as an approach to life)
- value and visibility
- illustration (1, 2, 3) vs. hybrid literacy (1, 2, 3, 4): the ability to communicate through the combination of verbal and visual languages, whereby the hybrid text means more than the words or images do in themselves.
| |
