|
other pages |
|
|
| |
|
this page ASCII
text | word processed
/ pdf | ftp |
A report on the web. The content is the same as the plain text (.txt) and word processed (.doc) versions. The biggest difference is hypertext. The links.
The second big difference is the dynamic nature of the web report. It can act on its own, and it can react to events that the user can control.
On intranets and, increasingly, on public internet sites.
strengths -- all the strengths of the Web -- immediately accessible for no marginal cost of production or distribution
weaknesses -- not yet as universally accepted and used as paper documents
opportunities -- reduce costs and increase readers
threats -- open to those with whom you wouldn't want to share the paper version
NoteTab
Microsoft's FrontPage
Adobe's Dreamweaver
Here are two logical options for arranging your files and folders for this course. These charts follow the conventions of sound principles of information design:
Ricci Street's Toolkit webmaking section
the welcome page to your ENG 260 portfolio, which includes all the relevant course, project, audience, and personal information
the web version of your report, at least three .htm pages in addition to the welcome page (index.html), with a navigation bar, template (template.htm), and stye sheet (style.css).
HTML Basics: Nested Tables
How are people going to get around your web site? When you re-purpose your 10-page .doc or .pdf printed report or term paper on your project web, what will replace the staple and page numbers?
If you look at the lower half of the Webmonkey Cheatsheet, you'll see tags for tables and forms (we're ignoring frames). Tables are used for layout, that is, for positioning parts of web pages. The coding is tricky, especially when you nest tables. FrontPage excels at coding tables.
How to make a navigation bar that will appear on the same place on all your web pages.
1) Draw a one-row, four-column table from
50% to 75% of the page
width, centered.
2) Within each cell, nest another one-row, one-column table.
3) Type and center text in each of the four one-celled tables.
4) By right-clicking in a cell and selecting Cell Properties, you can
adjust the
table and cell attributes to get something interesting.
The upper example below tries to show some variety; a usable navigation bar probably has more consistency, as does the lower example. Note that "harvest" and "myPix" are links, made in the usual way.
Your lastname folder will have two files named index.html. One will be the welcome page for your web report and will be at this address:
toLearn.net/eng260/f7/lastname/web/index.html.
The other will be the welcome page for your ENG 260 portfolio. It will be at this address:
toLearn.net/eng260/f7/lastname/index.html.
So that the web report is self-contained in the web/ folder, it will have its own .css style sheet in the web/images/ folder.
The portfolio's welcome page will have its .css style sheet in the lastname/images/ folder.
How will these reports be evaluated?
|