Name: Gabe Lambert

Email: gabe.lambert81@gmail.com

Date: 9-7-2011

Student Number:

X00046900

WEB DESIGN Textbook Assignment POINTS: 20 (additional PPT file required)

Chapter 4: Planning a Successful Web Site: Part 2

DIRECTIONS:

  • Type the answers to the following questions as appropriate.
  • Change your answers to BLUE to distinguish them from the questions. 
  • This document should have a professional appearance when complete.
  • NOTE: Test questions will be based on this information.

PART 1. Definitions: Briefly define the following terms:

1

Internal style sheet is a style sheet that is included within a page’s HTML heading tags.

2

External style sheet: is a CSS text document containing style rules that are linked to a Web page.

3

CSS (Cascading Style Sheets), which is multifeatured specification for HTML 4.01 and XHTML.

4

Layout grid: is an underlying structure of rows and columns used to position and align content on a Web page.

5

Table: is an arrangement of columns and rows.

Types of LINKS: text links, image links groups of related links presented as menus, bars, or tabs; a breadcrumb trail, and a site map.

1

Text links are hyperlinks based on a word or words in an HTML document.

2

Rollover link: is a hidden link that appears only when the mouse is hovered over it.

3

Image link: is a hyperlink that is assigned to an image.

4

Image map: is a clickable image that contains areas to which a link is assigned.

5

Navigation menu: is a list of related links.

6

Navigation bar: is related links that are generally presented as graphic buttons.

7

Navigation tab: is related links that are presented as small tabs.

8

Breadcrumb trail: is a hierarchical outline or horizontal list that shows a visitor the path he or she took from the home page to the page currently being viewed.

9

Site map: is a summary page of links to major pages at a site.

PART 2 Questions: Answer each of the following briefly, but completely.

1. The previous chapter discussed four of the six steps in planning a successful web site. Briefly describe Step 5:

Design the look and feel of the site – promote unity and maintain visual identity across pages on the site.

2.  Briefly describe Step 6: Specify the site’s navigation system – the final step in developing the site plan is to specify the navigation system that will be used.

3. List six effective navigation design tips (page 118)

    1. Create both a user-based and a user-controlled navigation system. If possible, test your navigation system for usability as you develop it.

    2. Place major links at the top and/ or down the left side on all pages at your site to promote unity, visual consistency, and usability. 

    3. Avoid ambiguous text in text links. Consider usability and visitors’ expectations before varying from traditional text link colors and underlining.

    4. Ensure that links clearly identify their target pages.

    5. Include a link back to the home page on underlying pages. Include Next Page and Previous Page links on pages to be visited sequentially. 

    6. Follow WAI guidelines for text links, grouping links using navigation menus or bars, and image maps.

PART 3 PowerPoint Presentation

Create a PowerPoint presentation from the Site Plan Checklist at the end of the chapter, pages 119-120, by following the following steps.

NOTE:  You will need the sheet on how to create PowerPoint presentations posted in CONTENT on D2L.

To create your presentation:

  • On your computer, open NOTEPAD (in ACCESSORIES).
  • Enter the following in a new NOTEPAD document:

Web Site Design Plan Checklist

     (press tab key once) Web Design, term here (i.e. FALL 2009)

     (press tab key once) Presented by: your name #number

Step 1: Define the site’s purpose

     (press tab key once) Identify the primary and secondary goals for your Web site.

     (press tab key once) Determine the objectives necessary to meet the site’s goals.

     (press tab key once) Write a formal purpose statement for the site.

Next:

  • Enter the rest of the Site Plan Checklist on page 119-120 in your NOTEPAD document. Be careful to press the TAB key for bulleted items.
  • Save the document as Design Plan (it will automatically be given a .txt extension).
  • Follow the directions on Creating a PowerPoint Presentation (on D2L CONTENT) to open the Design Plan document in PowerPoint and to create an attractive, professional presentation from the outline.

Follow the instruction sheet to edit  your presentation as follows:

  • Delete the first blank slide (there should be NO blank slides in the final presentation)
  • Spell check the presentation (press F7)
  • First slide should be TITLE SLIDE LAYOUT
  • Choose an attractive, professional design background for the presentation (if you like, you can create your own beautiful background in SUMO or GIMP; it should be 800 X 600 pixels).
  • Insert at least one appropriate graphic on each slide (you can use GOOGLE IMAGES)
  • Insert footers (slide number, date, your name and student number)
  • Too much text on a page? Cut some of it and create a new slide (CTRL M) and paste it on the new slide. Add an appropriate title to the slide (i.e. Step 3 Continued)
  • Save the presentation as a normal PowerPoint file with the name designplan.ppt
  • Upload the designplan.ppt to your drivehq account (do NOT convert the file to a Google Docs file; it should remain a PowerPoint document).
  • In your index.html file, create a link to the PowerPoint document.
  • Check to make sure the link to the presentation works (when you click the link, it will not open the PowerPoint presentation directly; rather the OPEN/SAVE/CANCEL box will appear).