Choose three print documents that you have already written to put on the Web. These might be papers or reports you've written for classes, stories, personal memories, arguments, etc.

In this assignment, you'll create a set of visual hooks, verbal "blurbs" and summaries/teasers that encourage visitors to a Web site to click down into your document and read it.

In this project, you'll end up with three different kinds or "levels" of products:

• several full texts of your own writing converted to their own HTML files with their own page banners.
• a basic home page--you can use your existing home page if you have one--with a content area for the visual hooks/verbal teasures that advertise the full texts
• a middlel-level page (or pages) with larger "logos" and more detailed blurbs that stand between the home page and the full texts.

Let's look at each of these in more detail:

The Full Texts with Banners:

This part is easy. From an electronic copy of your original text, copy the contents into an HTML file in Dreamweaver. You can chunk a longer text onto separate pages if you wish, in which case you should create some menu links to allow the reader to click to the various parts. Make a banner for each document to give it a visual signature.

Front-Page Visual Hooks and Verbal Teasers

On your "home" page, write, first, a very brief blurb for each of the full texts. The blurb should be true to the purpose and content of the original text, but also entice a would-be reader to click to the main text. Experiment with different voices to engage the reader. The blurb may quote or introduce the original by summarizing it. Be concrete, lively, sharp. Think of the blurb as a small art for in its own right.

For each teasers, create a visual "hook": a thumbnail oricon that works with the teasers to reinforce the appeal you're making to the reader. Hooks should visually refer to the banner on the full text pages of each document.

The Middle Level: Logos and Blurbs

The next set of texts lay between the teaser level and the full-text level. Here, you want to create a paragraph that sums up the full-text, but not in the bland voice of most "abstracts." Instead, expand on the lively introducion offered in the blurb, but with more substance and detail from the full text.

You should also create a graphic to work with the blurb: something between the smaller, visual "hook" on the home page and the banner on the full-text page. These middle-level graphics should compose a matched set with the images used for the front-page blurbs and the full-text banners.

Criteria

Terms of the Assignment

Content of several texts are presented in three distinct levels on different HTML pages, which move from brief to complete (worth x2)
Each level is also visualized with a visual hook, logo and banner respectively, which are all unified by their visual design elements (worth x2)
Levels are connected with links that are effective, appropriate and functional

Full Text Levels

Full texts are well chosen and edited, complete.
Full texts are presented well on the screen, though they still function as print documents
Full text pages each feature a banner, which serves well as a visual signature for the project
All pages are functional and readable.

Middle-Level

Middle-page blurbs are short enough to invite the eye, but long enough to provide the substance of the full text—clearly distinguishable as a deeper level from the teasers. Avoids the bland voice of the typical abstract
Middle-page blurbs are well edited and concisely written
Logos are appropriately sized, and visually recall both the full-text banner and the front-page visual hook.

Front-Page Level

Teasers are lively, interesting, and tightly written, though also appropriately so for the audience and purpose. Avoids sounding too sensational or coy.
Teasers are well edited and correct
Visual hooks are appropriately sized and visually recall/anticipate the full-text banner and middle-level logo (worth x2)
Visual content of the banners/logos are successfully adapted for the small size of the hook (worth x2)

Technical and Process
Images are well prepared, optimized and fully functioning
All pages and links are functioning
URL posted to Webx
provided URL functioning and correct
annotated printout provided with comment sheet
thoughtfulness and scope of comments annotating the project (x3)