Name: Gabriel Lambert

Email:

gabe.lambert81@gmail.com

Date: 9/5/2011

Student Number:

X00046900

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 is the type of visitors to whom a Web site’s content is directed.

2

Needs assessment is an evaluation of a Web site target audience’s wants, needs, and expectations.

3

Home page is the anchor for the entire site.

4

Splash page is a starting or Web site entry page that uses images, animation, and sound to capture the visitors’ attention.

5

Value-added content is Web page content that is relative, informative, and timely.

6

Dynamically generated content is Web page content that automatically updates periodically or appears when trigged by a specific event.

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. Step 1: Define the site’s purpose – define the site’s goals and objectives and then formulate a written purpose statement for the site.

    2. Step 2: Identify the site’s target audience – we must identify the specific group of visitors to which the site is targeted.

    3. Step 3: Determine the site’s general content – it will likely include multiple Web pages using a combination of text, images, audio, voice, animations, and multimedia elements.

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

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

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

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

    1. Who: Company name in text format, graphic logo, tag line, copyright notation, and similar elements that clearly identify who owns and publishes the site.

    2. What: Summary text and images that show visitors what content is available at the site.

    3. Where: Easily identifiable navigational links to other pages at the site to indicate where specific information or features are found.

3. What is dynamically-generated content?  Dynamically generated content is Web page content that automatically updates periodically or appears when trigged by a specific event.

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 On ebay, I had seen different ipods with different prices, technical specs, and pictures.

    2.  leather jacket (Depends on how the jacket fits.) I found different pictures with different prices with multiple categories, and definitions of what is in the picture.

    3. I searched for “How to make an A in the course Intro Into Web Design, and ebay came up with this answer: We were unable to run the search you entered. Please try again in a few minutes.

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?  The graphics on the site, and the option to connect with social networking sites, in order to relay information to friends or family.

  • What makes these elements effective? They are eye catching and appealing to me.

  • If you were on the web design team, what suggestions would you have for improvement of this site?  I would suggest a background wallpaper to make the site slightly more appealing than just a plan white canvas.

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

  • What differences did you see between the sites? The lexus site has better picture media quality on the site; yet the nascar site has better interactive media.

  • Why do you think they are so different in appearance? I believe they are different, because the lexus site is attempting to sell high priced cars off of the site, and the nascar site is a more informative site.

  • Which site did you like better and why? I liked the lexus site better than the nascar site, because I liked the picture graphics on the lexus site, compared to the nascar site.

  • Which site do you think is most effective (if either)? Why? I believe that the nascar site is more effective, because nascar is an event that most everyone can watch on tv. 

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: Gabriel Lambert