Mark if the statement is true or false.
True False
FALSE
A dead-end page on a Web site is a page with
out-of-date information.
FALSE
You need to include a lot of text on your initial
Web page, because users will not often look further than the first page.
FALSE
An effective Web site has only two levels in
its hierarchy.
FALSE
It is okay in special circumstances to put
a TIFF or BMP file on a Web page.
FALSE
Web site visitors are more trusting of content
on a Web site than in a printed document.
TRUE
Web site visitors need convincing that a site
and its information is credible.
FALSE
A good Web site contains only absolute links.
FALSE
Links that say "click here" are okay
in some circumstances.
TRUE
If you have text in a logo on your Web page,
you need to provide the same information in the ALT attribute.
FALSE
Nested tables are a feature that should be
used on your Web page for better page layout.
FALSE
Web style sheets provide guidelines on how
much text should be on a Web page.
FALSE
On a small site, it is okay to use the same
title tag information on multiple pages.
FALSE
If you use style sheets, it slows up the display
of your Web page.
TRUE
The refresh command is used to take users to
a new page location.
Which of the following is a critical difference between writing for the Web
and writing for print?
The Web consists of screens of information, versus pages of information.
Give an advantage of using a style sheet.
Style sheets can be used to control the layout and typography of Web pages. Style sheets can reduce coding and improve download time. Style sheets can be applied to multiple pages and used to quickly create a consistent look for an entire web site.
List three tips for effective Web writing.
Keep text concise. Write for "scannability." Keep language objective. Write in an inverted pyramid style.
Look at this example TITLE tag for a Web
page: "Welcome to the Office of Academic
Programs Scholarship Information." Is this a good
TITLE or a bad TITLE and explain why.
This is a bad TITLE , because it begins with the vague phrase "Welcome to." A
better TITLE would be: "Academic Programs Scholarship Information."
List three ways to reduce download
times.
Use text instead of graphics whenever possible. Limit the number of graphics. Optimize your graphics. Re-use the same graphics from page to page. Keep tables simple. Keep all file sizes small. If a page works without an item, leave it off.
What is the difference between an absolute link and a relative
link?
An absolute link includes the location of the server, as well as the directory and file names -- in other words, the entire URL. Always use absolute URLs when linking from your site to another.
When you're linking to another file on your own site, you are often better off using a relative link.
Relative links don't include the entire URL; they define the linked file by its position relative to the current file.
What, if any, user problems can occur if you have a highly
interactive Web page?
Many interactive features are not consistently supported across browsers and browser versions, they require special plug-ins or high bandwidth to make them work, or they are not universally accessible. Most users are looking for content and do not want to download plug-ins or software upgrades. To satisfy most users, take a "minimalist" approach to Web site design. Consider adding "cutting edge" technology only when there is a compelling reason to do so.
Give examples of three accessibility issues that need to
be considered when designing your Web site.
How does my page look to people who are
visually impaired who are accessing the Web using a screen reader? How does my page look to people who are deaf? Is my audio content closed-captioned or transcribed? Do the colors used in my Web page create challenges for
people who are color-blind? Does the navigation on my site require the use of a mouse?
Briefly explain the difference between a GIF image and a
JPEG image.
GIF file format is appropriate for images with sharp-edged areas of flat color, such as line drawings, simple icons and buttons. Photos and high color artwork (pictures that involve smooth color gradients) or pictures with 24 bits of color should be saved as JPEG.
List three design elements that can be used when creating
a Web page layout.
Text (headings and sub-headings, body copy, bulleted and numbered lists, linked text, bolded and italicized text)
Color
Graphics/photographs
Whitespace
Look at one of these sites and comment briefly if there
are design or layout errors on it:
1. http://www.cba.arizona.edu/ : The background image makes the text difficult to read. The drop down menu may not meet accessibility guidelines. Counters of this type are an ineffective way to collect user statistics.
2. http://www.chem.arizona.edu/ : ALT tags
need to be added to the images (the name of the department, the name of the university, and the graphic which is a link for prospective graduate students). The use of the scrolling text is not accessible to screen readers or to someone who has their graphics turned off. Although layout is a matter of taste, this particular design looks as if various elements were added to the page without thought to the overall
impression. Cell padding would help move text away from the edge of the various cells here (particularly noticeable at the top of the pink section on the right).
3. http://www.math.arizona.edu/azmath.html : ALT tags need to be added to the images of the name of the department, the University of Arizona wordmark, the Vigra opportunities logo, and the NSF logo. Depending on your browser resolution, the text on the multicolor imagemap is hard to read, because of size and the colors of the background and text. This page is also
uses a disjointed rollover feature, where options from an area (like Degree Program information) pops up more choices on another part of the page. This navigation would not be accessible to a blind user, someone with graphics turned off, or to someone unable to use a mouse (tabbing through this page is not logical). This page needs a non-graphic or non-javascript alternative page.