Jerz: Writing for the Internet (EL 236)


Lehre, ''MySpace: The Movie''

Watch it on youtube.

We won't screen this movie in class, so please watch it beforehand. It's only about 15 minutes long. Does it support, challenge, or modify your own perception of online culture? Explain. Do you have any personal experiences that you think would have made a good segment?.

Permalink | 30 Aug 2006 | Comments (4)

Sjoberg, ''You and Your LiveJournal and You''

http://www.wired.com/news/columns/0,71142-0.html?tw=wn_index_16

If Freddy Facebook and Molly MySpace were to say, ''This article doesn't apply to us, because we don't use LiveJournal,'' what would you say to them?.

Permalink | 1 Sep 2006 | Comments (1)

Kilgore, ''The Hill is Alive… (with manufactured identity)''

http://blogs.setonhill.edu/Setonian/015219.html

Does this article support, challenge, or modify your own perception of online culture? Explain..

Permalink | 1 Sep 2006 | Comments (3)

Wikipedia, ''Emoticons''

http://en.wikipedia.org/wiki/Emoticons

Permalink | 6 Sep 2006 | Comments (4)

Jones, ''The First Smiley :-)''

http://research.microsoft.com/~mbj/Smiley/Smiley.html

Permalink | 6 Sep 2006 | Comments (1)

Jerz, ''FIRST SMILEYS (APRIL 1979) (via Jerz's LiteracyWeblog)''

http://jerz.setonhill.edu/weblog/permalink.jsp?id=2797

A blog entry I wrote, excerpting from and commenting on a posting on old-computers.com.

Permalink | 6 Sep 2006 | Comments (1)

Kushner, ''Laura K. Krishna is a Plagiarist''

http://www.aweekofkindness.com/blog/archives/the_laura_k_krishna_saga/000023.html

Permalink | 8 Sep 2006 | Comments (6)

Epstein, ''The Many Faces of Facebook''

http://www.insidehighered.com/news/2006/06/15/facebook/

Permalink | 8 Sep 2006 | Comments (4)

Jerz and Bauer, ''Writing Effective E-Mail: Top 10 Tips''

http://jerz.setonhill.edu/writing/e-text/e-mail.htm

Permalink | 8 Sep 2006 | Comments (4)

Golub, ''Passion for Paper''

http://www.insidehighered.com/views/2006/05/09/golub

Permalink | 11 Sep 2006 | Comments (2)

Long, ''Literacy Limps Into the Kill Zone''

http://www.wired.com/news/columns/1,70214-0.html

Permalink | 11 Sep 2006 | Comments (4)

Haddock, ''Online Danger Zone''

http://www.sfgate.com/cgi-bin/article.cgi?f=/c/a/2006/02/12/INGU9H51EF1.DTL

Permalink | 11 Sep 2006 | Comments (5)

Stafford, ''Why parents must mind MySpace''

http://www.msnbc.msn.com/id/11064451/

Permalink | 11 Sep 2006 | Comments (4)

Young, ''The 24-Hour Professor''

http://chronicle.com/free/v48/i38/38a03101.htm

Permalink | 13 Sep 2006 | Comments (3)

Young, ''Seton Hall Adjunct Professor Lashes Out at Student in E-Mail Message''

http://chronicle.com/free/v49/i27/27a01202.htm

Permalink | 13 Sep 2006 | Comments (2)

Enemark, ''It's all about me: Why e-mails are so easily misunderstood''

http://www.csmonitor.com/2006/0515/p13s01-stct.html/

Permalink | 15 Sep 2006 | Comments (2)

Castro, Creating a Web Page with HTML

Introduction; pages 2 & 3.

We will start on the exercises in class. (If you're already an expert HTML coder, you'll have the chance to demonstrate your skill, and we'll come up with a plan for how else you can spend your time.).

Permalink | 15 Sep 2006 | Comments (1)

Follow-up on first HTML workshop

Here are some tips that I’ve come up with, after watching our first HTML workshop with Castro’s book.

In this tutorial, you will learn how Windows makes sense of icons; you will learn how to reveal the file extensions (such as .txt or .html) that tell Windows what to do with files; and you will learn how to get around the default behavior that Windows assigns each type of file.

Clicking on Files

If you’re used to clicking on a file and having the right program pop up automatically, you might be surprised when we pick up where we left off and we need to edit the HTML and CSS files you created in class Friday.

Elizabeth Castro and I probably both first learned how to use computers in the days before the graphical user interface (GUI). I still think of the elements of a GUI (windows, icons, mouse, pointer – or WIMP) as a shortcut for doing things the old fashioned way.

Thus, when I see a file with a W icon, I think to myself, “If I click on this file, Windows will run Microsoft Word and automatically load this file so I can start editing it.”

There’s nothing magical or deeply technological about how the computer figures out what to do with a file when you click on it. But we’re using one program (a word processor) in order to create a file we want to use in a different program (a web browser). I could see from your reactions during class today that I should try to clear a few things up. So here is some background info.

What Happens When You Save a File

Open up MS Word, create a new file, and choose File -> Save. Put it on your I drive where you’ll be able to find it again, and give it the name “paper.”

MS-Word will actually give it the name “paper.doc”. You won’t see the “.doc” part, but that part of the file name – called the “extension” – is what the computer consults when it decides what icon to assign your file, and when it decides what to do when you click on that icon.

Now choose “File -> Save As,” set “Save as type” to “Plain text,” and save another file with the same name -- “paper”. The icon will be different, which in this case shows that its hidden file extension is “.txt”.

In order to see that there really are two different files with the same contents but different icons, click File -> Open, and make sure that “Files of Type” is set to “All Files.” You should see something like this:

Computers are great when they’re working in situations where each symbol has one and only one meaning. But we’re kind of cheating. We’re using a text editor (such as Notepad, Wordpad, or MS-Word) to edit files that we eventually want to view in a web browser. An HTML or CSS page is just a text file with a specific filename extension that tells the computer what to do with it.

Let’s take a peek under the hood, and change the default file display so that we see the file extension as well as the icon.

How to Reveal Filename Extensions

Click Start -> My Computer, and then navigate to wherever you saved your “paper” file. Select Tools -> Folder Options…

You should see the following dialog box appear:

Find the option that reads “Hide extensions for known file types” (you may have to scroll down) and uncheck that box. (You don’t want to hide those extensions – you want to see them, so you can change them if you have to.)

When you view the contents of the folder that contains the two “paper” files, you should now see the full file names -- “paper.doc” and “paper.txt.”

We can easily trick the computer. Right-click on “paper.txt,” and select Rename.

Now, change the extension from .txt to .html.

You’ll get a warning message that tries to scare you away from doing this, but just click “Yes.”

Now look what happens to the icon. The file “paper.txt” not only has a “.html” extension, but the icon changes.

Since I’ve set my computer to open all .html pages in the Firefox browser, this example shows the Firefox icon. Your computer will probably show a different icon, but what’s important is that the icon has changed.

When you continue your HTML workshop, if you click on “ceramics.html,” your computer will recognize that file as a web page, and will open that file in a web browser, because the designers of Windows figured that most people want to view web pages when they click on them.

You actually want to keep editing the page, but the computer doesn’t know that.

Let’s open paper.html in an editor, so that we can keep working on it.

Right-click on the file, and from the menu that pops up, choose “Open With” and select an editor. I recommend Wordpad. Notepad is older and simpler, and will still do everything you need to do for this class. MS Word has a spell-checker, but it will also try to capitalize words for you and may make silent changes to the text that can cause problems later.


Review of Castro HTML Workshop 1

By page 18, you should have two separate files – one called “ceramics.html” and one called “saras_styles.css”.

If, after you have revealed the filename extensions, you see files named “ceramics.html.doc” or “sarahs_styles.css.txt” or something similar, then you should open them in your word processor, and carefully follow the instructions on page 6 (for the HTML page) and steps 2 and 3 of page 11 (for the CSS page).

In this section of the book, Castro uses peach-colored box when you are supposed to be adding something to the ceramics.html file, and a green box when you are supposed to be working with sarahs_styles.css. In both cases, the new stuff you should type appears in black, while the colored text is supposed to be what you have typed earlier.

The content that you want your reader to see goes in “ceramics.html,” along with some coded information (“tags,” such as the opening tag <h1> and the closing tag </h1>) that your reader will never see.

The other file, “saras_styles.css,” contains only format and layout information. Your reader will never see that information directly.

The color that Castro chose for the background is so close to white that it looks like it’s not changing the page. Instead of EDF2FF, try 00EE00 (which is bright green – too horrible to behold for long, but useful as an example) or choose some other color from pages 113-115.

Castro could have been a bit clearer on page 11, where you are asked to create a new file called “sarahs_styles.css,” and on page 12, where the text you are supposed to type actually goes in the ceramics.html file -- not the sarahs_styles.css file that you’ve just created. On page 12, you are telling the computer that your file called “ceramics.html” uses the formatting information in the file called “sarahs_styles.css.” Later, you will create other pages that also use the same styles. This will be useful later, if you have a website with 40 pages and a client wants you to change the background color. (You’ll be able to change it just once, in your stylesheet, rather than having to edit all 40 pages on your site individually.)

Contents of the file named ceramics.html (by page 18)

<html>

<head>

<title>Sarah’s Notecards – Ceramics Collection</title>

<link rel="stylesheet" type="text/css" href="sarahs_styles.css" />

</head>

<body>

<h1>Ceramics Collection</h1>

<b>The notecards in the Ceramics collection feature closeups of gorgeous, colorful pottery from Andalusia and Catalonia.</p>

</body>

</html>

Note

A stylesheet is a set of formatting guidelines that your browser consults when displaying the contents of an HTML file. In the page ceramics.html, this bit of code

<link rel="stylesheet" type="text/css" href="sarahs_styles.css" />

tells your web browser that the file “sarahs_styles.css” contains the formatting instructions to be used when displaying the page in which the link appears.

Contents of the file “sarahs_styles.css” (by page 18)

body {background: #00EE00;

font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif;

color: #4D65A0}

h1 {margin:0}

p {margin-top:0; margin-bottom:12px}

Troubleshooting tips

Keep your file and folder names simple. Avoid apostrophes or other unusual characters. Spaces will work, but it’s better to replace spaces with the underline character. Thus, instead of calling a folder “jimbo’s cool folder of amazing awesomeness!!” try instead “jimbos_folder” (or even better, just “jimbo”).

Don’t open multiple copies of a file. If you already have a file open in one program, sometimes you will get an error message when you try opening it in a different program. Close down all windows that you’re not using.

Capitalization counts. If you called your file “Sarahs_styles.css” but elsewhere you referred to “sarahs_styles.css,” a web server may or may not consider them the same file. It’s better to assume that capitalization always counts.

Permalink | 18 Sep 2006 | Comments (5)

Castro, Creating a Web Page with HTML

Read all of chapter 1.

You'll have more time in class today to continue your group work..

Permalink | 18 Sep 2006 | Comments (2)

boyd, ''Friendster lost steam. Is MySpace just a fad?''

http://www.danah.org/papers/FriendsterMySpaceEssay.html

Permalink | 20 Sep 2006 | Comments (1)

Jerz, ''Friendster lost steam. Is MySpace just a fad? (via Jerz's Literacy Weblog)''

http://jerz.setonhill.edu/weblog/permalink.jsp?id=4257

Permalink | 20 Sep 2006 | Comments (1)

Onion, ''Recently Unearthed E-Mail Reveals What Life Was Like In 1995''

http://www.theonion.com/content/node/48970

Permalink | 20 Sep 2006 | Comments (2)

Wikipedia, ''Eternal September''

http://en.wikipedia.org/wiki/Endless_September

Permalink | 22 Sep 2006 | Comments (1)

Silberman, ''Your Thoughts: A Permanent Public Record''

http://www.wired.com/news/culture/0,1284,10780,00.html

Permalink | 22 Sep 2006 | Comments (2)

Nielsen, ''How Users Read on the Web''

http://www.useit.com/alertbox/9710a.html

Permalink | 25 Sep 2006 | Comments (1)

Price and Price, Hot Text

Chapters 1 & 2

Permalink | 25 Sep 2006 | Comments (1)

Jerz, ''Writing Web Pages: Top 5 Conventions''

http://jerz.setonhill.edu/writing/e-text/conventions.htm

Permalink | 25 Sep 2006 | Comments (2)

Castro, Creating a Web Page with HTML

Skim all of chapter 2.

Permalink | 27 Sep 2006 | Comments (1)

Jerz, ''Online Projects: What You Should Know First''

http://jerz.setonhill.edu/writing/e-text/web_projects.htm

Permalink | 27 Sep 2006 | Comments (4)

Price and Price, Hot Text

Chapters 3 & 4

Permalink | 27 Sep 2006 | Comments (1)

Bush, ''As We May Think''

http://www.theatlantic.com/doc/194507/bush

Read all four parts. This is a classic article in the prehistory of the internet..

Permalink | 29 Sep 2006 | Comments (1)

Price and Price, Hot Text

Chapters 5 & 6

Permalink | 2 Oct 2006 | Comments (1)

Castro, Creating a Web Page with HTML

Read all of chapter 3.

I will distribute specific directions for uploading pages to SHU's web server, so there is no need for you to follow all of Castro's steps. The chapter is still a good explanation of how web sites work..

Permalink | 2 Oct 2006 | Comments (2)

Jerz, ''Blurbs: Writing Previews of Web Pages''

http://jerz.setonhill.edu/writing/e-text/blurbs.htm

Permalink | 4 Oct 2006 | Comments (2)

Price and Price, Hot Text

Chapters 7 & 8

Permalink | 4 Oct 2006 | Comments (1)

Jerz, ''Navigation: an often neglected component of web authorship''

http://jerz.setonhill.edu/writing/e-text/navigation.htm

Permalink | 6 Oct 2006 | Comments (1)

Jerz, ''Titles for Web Pages''

http://jerz.setonhill.edu/writing/e-text/titles.htm

Permalink | 6 Oct 2006 | Comments (2)

Price and Price, Hot Text

Chapters 9 & 10

Permalink | 6 Oct 2006 | Comments (0)

Price and Price, Hot Text

Skim chapters 11, 12, and 13. Post a single blog entry that includes interesting quotations from each chapter.

Permalink | 9 Oct 2006 | Comments (3)

Price and Price, Hot Text

Skim chapters 14, 15, and 16. Post a single blog entry that includes interesting quotations from each chapter.

Permalink | 11 Oct 2006 | Comments (3)

Jerz, ''Fisking as a Rhetorical Construct''

Fisking as a Rhetorical Construct

I'm asking you to look at this not only because of the content, but also because it is an example of a richly linked blog entry..

Permalink | 13 Oct 2006 | Comments (1)

Jerz, ''(Meme)X Marks the Spot''

http://jerz.setonhill.edu/resources/blogtalk/index.html

Permalink | 20 Oct 2006 | Comments (2)

Jerz, ''Usability Testing: What is it?''

http://jerz.setonhill.edu/design/usability/intro.htm

Permalink | 23 Oct 2006 | Comments (1)

Tognazzini, ''How to Deliver a Report Without Getting Lynched''

http://www.asktog.com/columns/047HowToWriteAReport.html

Permalink | 23 Oct 2006 | Comments (1)

It's a Wild Wikipedia World: Seigenthaler; Goodin; Orlowski

Short articles about Wikipedia.

Siegenthaler: A false Wikipedia 'biography'

Goodin: Nature: Wikipedia is Accurate

Orlowsky: Nature mag cooked Wikipedia Study)

An item that appeared in the Chronicle of Higher Education in June:

Speaking at a conference at the University of Pennsylvania on Friday called “The Hyperlinked Society,” Mr. Wales said that he gets about 10 e-mail messages a week from students who complain that Wikipedia has gotten them into academic hot water. “They say, ‘Please help me. I got an F on my paper because I cited Wikipedia’” and the information turned out to be wrong, he says. But he said he has no sympathy for their plight, noting that he thinks to himself: “For God sake, you’re in college; don’t cite the encyclopedia.”

See also Wikipedia's own entries about the Siegenthaler biography controversy.

Permalink | 25 Oct 2006 | Comments (1)

Storytelling in Computer Games

Storytelling in Computer Games

The full text and an audio recording are available online. Of most importance are sections 1 ("Brief History of Interactive Fiction") and 2 ("Scott Adams Speaks"). But don't miss ''Parser fun with the 'Adventureland' bear.".

In addition, familiarize yourself with "Play Interactive Fiction in One Minute" (a 6-page PDF document). Over the weekend, you won't have to install or download anything, and we'll spend class time on Monday playing one or two of the games described in this handout.

Permalink | 30 Oct 2006 | Comments (2)

Jerz, ''Ask the Adventure Dwarf''

We will go over this in class. I e-mailed it to all students Friday morning.

Permalink | 3 Nov 2006 | Comments (0)

The IF game you and a partner agreed upon during IF Workshop

With a partner, choose a game that the two of you will play together and discuss on your blogs. (You don't actually have to be in the same room together when you play).

You can start with Baf's Guide to the IF Archive, which lets you scan mini-reviews according to genre (humor, fantasy, mystery, etc.) and rating.

If you find a few games that you're interested in playing, go to the IF Wiki's FAQ page for help determining whether you will be able to play the game. (The vast majority are free, but many will require you to download interpreters -- software that lets you play the game. You might also across an entry for a commercial product that hasn't been released on the internet.)

I will be happy to help you get started.

Permalink | 3 Nov 2006 | Comments (1)

Jerz, ''Exposition in Interactive Fiction''

http://jerz.setonhill.edu/if/gallery/exposition.html

Permalink | 8 Nov 2006 | Comments (2)