other pages
welcome | course | syllabus | reports | class projects

|

spacer

The Tools: Style Sheets

ENG 260 Business And Professional Writing

Medaille College - Fall 2008

this page

ASCII text | word processed / pdf | ftp
web | cascading style sheets | audio | presentation | video | oral



web.htm

what is it?

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.

how is it commonly used?

On intranets and, increasingly, on public internet sites.

SWOT

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

software

text editor

NoteTab

WYSIWYG editor, web manager

Microsoft's FrontPage

Adobe's Dreamweaver

site construction

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:

learn more

Ricci Street's Toolkit webmaking section

lastname/index.html

the welcome page to your ENG 260 portfolio, which includes all the relevant course, project, audience, and personal information

lastname/web/

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).

how to make a navigation bar

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.

myStart

harvest

resume

myPix

portfolio welcome page

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?



modified: September 2, 2008
by Douglas Anderson
http://toLearn.net/eng260/tools/style.htm