Writing to the WWW ENGL 444

1
Writing to the WWWENGL 444

• Dr. Christine Tracy
• January 31, 2007

2
Plan for todays meeting

• 1. Collect first writing assignment--due 1.31.07
• 2. Content chunking and inventory exercise for
  client--continuing work p.11
• 3. Break
• 4. Review of basic HTML--handout and discussion
  of W3C school site.
• 5. CSS exercises in Batschelet
• 6. Upcoming work.

3
In-class group work on Course Client (continued
p.10-1)

• http//livonia.lib.mi.us/teen/index.html
• Create a content inventory listing all available
  content.
• Write content items on cards--one item per card.

• Organize the content into piles of related items
  and label each pile.
• Compare your groups way of grouping and
  labeling.
• What site structure can we design that meets the
  needs of different audiences?

4
Ongoing Client Work.

• Identify sites with similar topics--what
  conventions and genre forms can you adopt?
• (Think about building a beta version).

• What will the site structure look like?
• How often will be the site be updated?
• Does it meet the needs of the audience? How do we
  know?

5
HTML Basics

• Review handout. Can you identify the sections of
  an HTML document? Are you familiar with basic
  tags?
• Use this page as a resource throughout the
  semester.
• http//www.w3schools.com/default.asp

6
Using Fetch to publish Web pages

• Fetch is a FTP program--file transfer
  protocol--it sends your file to the emich server,
  the Internet host of your pages.
• EMICH requires a secure FTP program know as SFTP.
  (other systems may not)
• Heres some FETCH help http//www.fetchsoftworks.c
  om/FetchWebHelp/Contents/Tutorial/MakingSecureConn
  ections.html

7
CSS--the basics of Web design

• This is the aesthetics part of the trilogy list.
• It is also an intersection of technical and
  aestheric criteria. Basically two forms of style
  sheets internal and external.

• Starting on p. 47 of your text, follow the
  directions to add an internal style sheet to the
  Web page you published last week.
• If youre ready, turn to page 87 and begin
  working on an external style sheet.

8
Steps to install portfolio page.

• 1. First create an emich account.
• http//people.emich.edu/
• 2. Then write html code to create a basic
  portfolio page (name it index.html) Use Bbedit or
  hand-code using basic text editor.
• 3. Use Fetch to publish it on the emich server.
• http//people.emich.edu/gettingstarted.php

9
The trilogy list

• Rhetorical objectives--what is the goal of the
  communication? Who is the audience? How do we
  best meet the needs of the audience?
• Technical objectives--which tool will work best?
• Aesthetics--does it look good?

• You will create one and post it on your portfolio
  page.
• A flexible framework to design digital content.
• Consists of three parts

10
Upcoming work

• 1. First competency assignment due 2.7.07.
  Construct portfolio page and create an internal
  or external style sheet.
• 2. Continue reading in Batschelet--practice
  exercises and W3Cs schoolwork.
• 3. Check schedule and syllabus for updates. Exam
  on reading grad student presentations 2.21.07