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