Name:

Edward Williams 

Email: ewilli40@online.southflorida.edu

Date: 

01 Sep 2011

Student Number: 

10

WEB DESIGN Textbook Assignment POINTS: 10

Chapter 3: Planning a Successful Web Site, Part 1

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

target audience The specific group of visitors to which your sight is targeted

2

needs assessment  The targeted audience’s needs, wants, and expectations. Continue feedback collecting from targeted audiences

3

home page  A Web site’s anchor page; the first Web page a visitor will see

4

splash page  An entry page before the Home page. It catches the viewer’s attention; draws the in

5

value-added content    Informative, timely, accurate, high of quality, and usable. Relative information

6

dynamically generated content  Not like static information, it updates periodically. Often triggered by a specific event, such as the time of day or by the visitor’s request

7

target audience  The specific group of visitors to which your sight is targeted

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

1. List and briefly describe the SIX steps of creating an effective web site (four of them are discussed in more detail in this chapter, the other two are discussed in Chapter4) .

    1.  Defines the site’s purpose – The results you want your Web site to accomplish within a time frame

    2.  Identify the site’s target audience – Create a site that provides the most value for the audience

    3.  Determine the site’s general content – Using a combination of text, images, and multimedia elements

    4.  Select the site’s structure – The linked arrangement of the site’s pages from the home page

    5.  Design the look and feel of the site – Promoting unity and maintain visual identity across your pages

    6.  Specify the site’s navigation system – Easy to understand and follow, drawing deeper  into the Web site’s content to satisfy their needs and expectations

2. Describe 3 tips for creating an effective home page:

    1.  Who owns or publishes the site

    2.  What visitors can expect to find at the site

    3.  Where specific information or site features are located

3. What is dynamically-generated content?  Information that is displayed after being triggered. Usually by a specific event. This is information is generally fed by a database.

To see an excellent example of dynamic content go to ebay: http://ebay.com

In the ebay search box, search for each of the following items. Browse through the “hits” (items you found on ebay), then briefly describe what you found:

   

1.  ipod touch  Different versions (auto hint), multiple sellers either by bid or buy now; the count of listings

    2.  leather jacket (your size)  Asking to create a brief profile (size, style, condition, price range, etc.)

    3.  (search for something you want)  E-book readers – Focused mainly on the Amazon Kindle 3; other varieties up to 1080p; 8GB; 7inch’ at the end were e-book stores and some other ads  

4. For an excellent example of multimedia, graphics, rollovers, navigation bars, etc. go to the official NASCAR site: http://www.nascar.com

--> Scroll up and down the home page, and then explore the site. Be sure to notice the site layout, how to navigate the site, animation, graphics, site colors, etc.

  • What do you think are the most effective elements at this site?  Page arrangement, brand, ease of use
  • What makes these elements effective?  Crisp of color, copyright protection, versatile marketing, and navigation simplicity
  • If you were on the web design team, what suggestions would you have for improvement of this site?  Cut advertisement down; more NASCAR, they can afford it!

--> Compare the NASCAR site with the Lexus site: http://www.lexus.com/

  • What differences did you see between the sites?  Auto pop-up at first, slide show with the option of advancing forward or going backwards, and
  • Why do you think they are so different in appearance?  Different targeted audiences; advertisements
  • Which site did you like better and why?  NASCAR, I am a fan, photos are very colorful
  • Which site do you think is most effective (if either)? Why?  Both are effective respectfully. Both are promoting two different products; calls for different strategies

PART 3: Site Flowchart

Follow the instructions below to create the web site flowchart found in Figure 3-17 found on page 91 (“Reusable and Recycled Goods”) of the Web Design textbook. You will use the MS WORD Smart Art tools as instructed below.

NOTE: SMART ART is an excellent tool for creating web navigation charts. We will use it throughout the course, so be sure to experiment with it until you are comfortable with the organization chart tool.

To Create a Flowchart:

NOTE: You must be in WORD to follow these instructions (if you are interested in creating this hierarchy chart in Google Docs “DRAWING TOOLS,” ask the professor for further instructions).

1. Create the flowchart:

  • Create a NEW document in Word.
  • From the INSERT tab on the ribbon, click SMART ART.  
  • Choose the first icon (“Organizational Chart”) then OK.
  • Type in the appropriate text (shown in the chart on page 91) in each box in the chart

2. Add more boxes and format the chart:

  • Once you create an organizational chart, the ribbon will add the Organization Chart Tools to the ribbon.  
  • Use the INSERT (first item on the ribbon) to create new boxes (a “subordinate” is a box under the selected box, etc.).  
  • Experiment with colors (via STYLES, SHAPE FILL, SHAPE OUTLINE, SHADOW, EFFECTS, etc.) to create an attractive, professional flowchart.

3. Insert the image at the end of this document:

Unfortunately, SMART ART does not upload correctly into Google Docs, so follow these instructions to insert the chart in this document:

  • Take a screenshot of the flowchart: Hold the CTRL key down and tap the PrtScrn button on the keyboard. This will copy the image onto the clipboard.
  • Switch back to this document.
  • Go to the last page of this document, and type in your name.
  • Delete the “Insert hierarchy…” instruction.
  • Click under the titles.
  • Paste the screenshot into this document: CTRL-V

4. Crop the edges of the image so only the flowchart appears:

  • Click on the image.
  • The Ribbon should now have a PICTURE TOOLS tab. Look at the right-side of it for the CROP tool.
  • Click the CROP tool. The image will now have “cropping handles.”
  • Use the cropping handles to remove the excess parts of the image so only the flowchart appears.
  • Click the CROP tool again to stop the cropping.
  • Resize the flowchart so it is larger but still fits nicely on the page.
  • Save this document then upload into Google Docs.

Reusable and Recycled Goods Web Site

Site Plan

Created by: Edward Williams (#10)