Web Design Ch.4

Design Plan

Before you begin to create your first webpage, you must take the time to develop a solid, detailed ________ for the website.

Goals

is/are the results you want your website to accomplish within a specific time frame.

Two

When it is necessary to extend webpage content beyond a single visible screen, consider creating a page that is no longer than ____ screens of content.

Hotspots

An image map contains clickable ____
areas on the image to which a link is assigned.

Clientside

The clickable link information in a _____ image map resides in the HTML, coding of the page and is processed by
the visitor's browser.

Navigation Menu

An ____ might contain multiple levels of links displayed as vertical pop out menu

Navigation Bar

An ______ generally uses graphic buttons to present links.

Navigation Tab

_____ work best when linking to alternate views of the content.

Breadcrumb Trail

an ____ not only provides a visitor with a visual understanding of the linking relationship between pages; it also
offers additional navigation tools.

Hosted

A ____ website search provider uses spiders or other tools to build a searchable index of your website's pages and then hosts the index on their servers.

Visual consistency

_____ is created by the repetition of design features, including color, typeface, and content positioning across all pages at your website.

Unity

A well chosen color scheme creates _____ among pages at a website

Background

you should choose ______ and text colors that provide sufficient contrast to enhance readability

Top & Left

Over the past several years, eye tracking studies suggest that a website's visitors typically first look at the ________ areas of a page.

Readibility

In general, the greater the contrast, the greater the ________

Three

You should limit your website color scheme to ______ compatible colors.

CSS Editing

Another way to choose an effective color scheme with appropriate contrast between background and text colors is to use inexpensive ________
software.

WAI

______ guidelines specify that color alone should not indicate information, for example, a text link.

Selector

When you create a style rule for the

heading tag, part of the rule consists of the heading tag itself, which is called the style rule's __________

Style Sheet

An ______ inserted within the HTML tag it modifies.

Internal Style Sheet

An ________ sheet is inserted within a webpage's HTML heading tags.

External Style Sheet

An __________ is a text document linked to a webpages with an HTML tag.

Rules

A style sheet contains style _____ that allow you to specify one or more formatting properties and their values for specific HTML tags

Layout

Arranging content elements in a logical, standardized page _____ ensures visual consistency across your website's

Heatmaps

______ represents data using color and are used to analyze the movement of a visitor's eyes as he or she views a webpage

Style rule

CSS prioritizes _______, like the one shown in the accompanying figure, to determine priority in case of conflicts.

Layout Grid

You can precisely position and align content, set margin width, and make more adjustments using a _____

Index

The layout grid in a WYSIWYG editor can be modified by changing any of the following excepts the ______.

Frames

Because of accessibility issues and difficulty with setting bookmarks or direct page URLs, _______ no longer are accepted methods of webpage layout

Style sheet

_____ are also used to control page layout

Table

A ______ is an arrangement of columns and rows that can be used to organize data in a word

Cell

In an arrangement of columns and rows used to organize data, the intersection of a column and a row is called a _____

HTML Table

A webpage ____ can be used in the same way as a word

Determine the website general content

The step of determining the visual identity content that will brand all of the webpages in your website is part of the _______ step in the design plan

Fixed width

a _____ page layout has a consistent layout no matter the resolution

Resolution

The screen ______ setting for visitors' browsers can determine just how much of a page is visible.

Potential scroll lines/zones

Positioning page content that identifies the website and allows visitors to move from page to page above and to the left of the _________ is especially important for your website's home page

Horizontal

Avoid _______ scrolling on all pages

eye tracking

studies use various technologies to produce heat maps in which data is represented by color

eye tracking study

The results of _______ add support to the concept of placing visual identity content in specific areas of a page to improve usability.

Navigation

A website ______ system consists of different types of links: text links; images links; related link groups presented as menus, bars, or tabs; breadcrumb trails; and website maps.

Template

One way to select an appropriate color scheme and then make certain it is applied across all pages is to use an _______ to create your webpages

Image

A clickable map is also called _____ map

Hosted website search

An _________ provider is a third party company that uses spiders or other tools to build a searchable index of your website's page and then hosts the index on their server

Liquid

A ______ page layout expands a page to fill an entire window.

Search

Like a website map, a website ______ feature is another popular navigation tool for wbesites with a large number of pages.

Website index/map

A _____ is a summary page of links to major pages at the website

WAI (Web Accessibility Initiative)

______ guidelines that specify that the contrast between background and foreground colors should be sufficient for visitors with vision problems or those using a monochrome monitor.

Visual Consistency

_____ among all pages at your websites

Color Matching Software

ColorCache is an example of _________

Style Sheet

The CSS specification allows web designer to use a text document, called a(n) _________, to control the appearance of one or more pages at a website

Style Sheets

______ standardize formatting of a webpage, which saves time and simplifies the process of creating and modifying webpages

Layout

Many web designers use an underlying structure of rows and columns, called a(n) ______ grid, to position content on a page

WYSIWYG (What You See Is What You Get)

You can draw a layout grid on paper on, alternatively, use the layout grid provided by a(n) ___________ editor.

The ______ tag within a page's code specifies a section identified by the style sheet

Images

With the structure of your website determined, the next step in developing your website plan is to specify the _______ you will use

Frames

______ are a method for dividing the screen into multiple areas, with each area containing a separate, scrollable webpage.

User Based

A(n) ______ navigation system provides a linking relationship between pages based on the websites visitors' needs.

Target

You should use descriptive language in a text link to indicate the ______ page content

Baseline

A text link that looks like body text until you position the hand pointer over it is NOT called a ______ link.

Webpage Color

Evokes mood and stimulates interest

Data Table

Used to organize content

Heat Maps

Produced by eye tracking

Declaration

The specification within a style rule that defines one or more formatting properties

User based navigation system

Combining a target audience profile with the basic website structure

Selector

The specification within a style rule that defines the values for specific HTML tags

Inline style

Inserted within the HTML tags it modifies

Scroll Zone

The area beyond the initial visible screen

User controlled navigation system

Providing a variety of ways visitors can move around a website

Visual consistency

Achieved by repeating design features across all pages at a website