Name:

Edward Williams 

Email:

ewilli40@online.southflorida.edu

Date:

06 Sep 2011

Student Number:

#10

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  A sheet inserted within a page’s HTML heading tag

2

external style sheet  A sheet saved in the folder with the site’s pages; linked with an HTML tag

3

CSS  Specifications that allow you to define one or more properties and values for  specific HTML tags

4

layout grid  An underlying structure of rows and columns to position a content on a page

5

Table  An arrangement of columns and rows

Types of LINKS:

1

text link  Hyperlinks based on a word or words in an HTML document

2

rollover link  Text links that look like body text; when hovered over it changes color and/or underlined

3

image link  Image with a link assigned to it

4

image map  An image that has areas to which a link is assigned; hot spots

5

navigation menu  A list of related links

6

navigation bar  Generally uses graphic buttons present links

7

navigation tab  Present links as small tabs; linking to alternative views of the content

8

breadcrumb trail  An outline or list that shows the visitor where they are from the home page to the current page

9

site map  A site with a large number of pages and a complex structure

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:

The main idea in step 5 is visual consistency. To accomplish this, use design features repeatedly. Actual content, color scheme, typeface, and content position.

2.  Briefly describe Step 6:  The ability to navigate effectively on the Web site using text links, image links, and related link groups. Such as tabs, bars, breadcrumb trails, sitemaps, and menu bars.

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

    1. Create both a user-based and user-controlled navigation system. Test as you go if possible

    2. Place major links at the top and/or down the left side of all your Web pages. Promotes unity & balance

    3.  Avoid ambiguous text in text links. Consider the expectation and usability for the visitor

    4.  Ensure that links clearly identify their assigned pages

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

    6.  Follow the WAI guidelines for all links

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).