Web Design Introductory Campbell- Chapter's 3 and 4 Study Guide

Define: Search Feature

A text box into which users enter a search term; the search tool then searches the website for that term.

What is a sitemap?

A visual representation of a website's structure.

What's the 6 Site Plan Checklist? (IMPORTANT)

1.) Identify the Websites Purpose and Target Audience 2.) Determine the Website's General Content 3.) Select the Website's Structure 4.) Specify the Website's Navigation system 5.) Design the Look of the Website 6.) Develop a Plan to Test, Publish, and Maintain the Website

Define: Autocomplete

Autocomplete: A website search feature that suggests terms to users as they type.

A _______ is a suggestion or offer that requires the website visitor to interact with the website by purchasing a product, following the company's social media account(s), donating, sharing or commenting on an article, etc.

Call to action (CTA)

This is an analytical tool that uses color to represent data.

Heat Map

Know the difference of style rules: (IMPORTANT) Inline- Internal- External-

Inline style: A CSS style rule inserted within HTML tag pairs. Internal style: A style sheet that is included within a page's HTML heading tags. External style: A CSS text document containing style rules that is linked to a webpage.

Elements that encourage website visitors to click, answer questions, make comments, search, or perform other actions are known as __________.

Interactivity

Define: Goals (in relationship to a website)

Results a website should accomplish within a specified time frame.

What is a Target Audience?

Knowing peoples wants, needs, and expectations, enables you to create a website that provides the most value for that group of people.

This is a page that appears when a visitor reaches a website by clicking a link, advertisement, or search result.

Landing page

Links that look like body text until you point to it, at which time it changes color and/or is underlined indicating a link. This is known as a __________.

Rollover or Hidden Link

These are low-cost or free clip art and photographs which are available online.

Stock images

What are the link types? (FILL OUT)

Text links: Hidden links: Image Links: Breadcrumb Trail Links: Navigation Areas:

What is a database?

a file that stores data, (such as a stores inventory or library's card catalog,) so that the contents are searchable and easily updated.

Define: Website search vs hosted website search provider

website search feature: A search feature that looks for content within the webpage or website. hosted website search provider: An e-commerce company that provides website search capability for a website by building an index of a website's pages and hosting the index on its own servers.

These are pages that provide detailed content and interest, usually accessed by the navigation tool your website provides.

subsidiary pages

The Webpage to which a link points?

target

Define: Eye-tracking studies

Studies that determine where the visitor looks first on the webpage; eye-tracking studies produce heat maps in which data are represented by color.

Define: Website Purpose Statement

Summarizes a website's goals and objectives to ensure that they meet the audience's expectations and needs.

Know the difference between Web Site Structures: Linear/Tutorial Webbed Hierarchical

( A Website Structure is the linked arrangement of the website's pages from the home page.) Linear/Tutorial- presents webpages in a specific order; visitors must follow links in sequence. Webbed- does not link webpages in any specific order; visitors can jump to any webpage from the home page according to their preferences. Hierarchical- organizes webpages into categories and subcategories by an increasing level of detail.

Define: Color-matching software

Color-matching software: Software that contains tools to create sample website color schemes based on color theory.

This is an evaluation that generally takes place in a structured environment, such as a testing lab.

Usability Test

Define: User-based vs User-controlled navigation system

User-based navigation system: A navigation system that provides a linking relationship between pages based on website visitors' needs. User-controlled navigation system: A navigation system that provides a variety of ways visitors can move around a website beyond the major links from the home page.

__________ is information that is relevant, informative and timely; accurate and high quality, and usable.

Value-added content

Define: Visual Consistency

Visual Consistency: The consistent look and feel of a website created by repeating design features, such as color scheme and typeface, across all pages at a website.

Define: F-Pattern

A website's visitors typically follow an F-pattern: they first look at the top and left areas of a page, and then look down and to the right.

____________ and _______ can add multimedia to one's website.

Audio and Video elements

This software helps you create styles.

CSS Editor Software

Websites that use databases to generate dynamic content are called?

Database-driven websites

Know the difference between Demographic and Psychographic characteristics of a target audience profile

Demographic- Characteristics such as gender, age group, and educational level that define the website's target audience members. Psychographic- Characteristics that define why target audience members might choose to visit a site, such as social group affiliations, lifestyle choices, purchasing preferences, and political affiliations.

Fluid Grid layouts vs Responsive Grid layouts

Fluid: Determines the size of page elements based on a percentage of the screen. Responsive: Uses a combination of percentages and fixed limits to adapt page elements by size and position.

A little symbol with three horizontal lines used in mobile devices mainly. When clicked it shows more menus.

Hamburger Menu

Areas of the image that are linked.

Hot spot

This type of layout uses a combination of fixed-width and liquid page layouts.

Hybrid

Define: Liquid vs. Fixed-width layouts + Hybrid Layout

Liquid page layout: Sets the width of the page as a percentage of the browser window. Fixed-width page layout: A webpage layout that sets a specific pixel width for the page. Hybrid page layout: A webpage layout that uses a combination of fixed-width and liquid page layouts and employs responsive web design (RWD) techniques.

Chapter 3 Questions

MOST IMPORTANT

Chapter 4 Questions

MOST IMPORTANT

Page length, content placement, and usability in mind you should create a _______, or arrangement of content elements to maintain consistency throughout the website.

Page Layout

What are dead-end pages?

Pages that currently do not fit into the linking arrangement.

Define: Scroll Zone

The area beyond the initial browser screen that must be scrolled vertically or horizontally for viewing.

Define: Tooltip

Tooltip: A small textbox that may appear when you point to a link to provide a description of the link target.

What is Dynamically Generated Content?

Webpage content that automatically updates periodically or appears when triggered by a specific event.

Define: Website index

Website index: A summary page of links to major pages at the website.

Before you begin to create your first webpage, you must develop a solid, detailed plan for the website, known as ______.

Website plan

This is a method of creating documentation that plans the arrangement of page elements.

Wireframing