Sample Website Project

Technical Project: Sample Website Project Due Week 10 and worth 200 points   This assignment consists of three (3) sections: a narrative, a storyboard, and a business Website. You must submit all three (3) sections for the completion of this assignment. The assignment is to be submitted in a single compressed folder (zip file) to the online course shell. Section 3 must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the compressed folder (zip file), it should be saved as Techincal Project_Last name_First initial.zip. For example, if your name is Mary Smith, the file for submission should be saved as Techincal Project_Smith_M.htm   Select a business that you are interested in. (e.g., pet store, travel site, fishing gear, appliances, automobiles, housewares, furniture, etc.). Imagine that you have just been hired to create a four (4) page hierarchical Website for the business you selected.   Section 1: Narrative Write a half (½) page paper in which you: 1. Create a narrative that describes the site to your prospective client.   Section 2: Storyboard Imagine that your narrative has been approved. Use Word, Visio, or Dia to: 2. Create a storyboard diagram depicting the layout of your Website.   Section 3: Business Website In order to receive full credit for this section, you will need to submit: One (1) screen shot of your emailed data from the guestbook. One (1) CSS style sheet. Four (4) Web pages. 3. Create your Website based on the following requirements: a. Create a Cascading Style Sheet (.css) for all pages, which:  i. Applies a background color. ii. Applies style to font.  iii. Changes the ordered list markers to anything other than the default. iv. Changes the unordered list markers to anything other than the default. v. Applies style to a copyright footer.  b. Include: i. A graphic or logo on the home page. ii. A navigation bar with links to every other page on the home page. iii. A guestbook registry on the home page using the mailto: tag with an entry field for: a. A person’s name.  b. An email address.  iv. A piece of JavaScript on the home page. c. Create a submit button for the guestbook registry that will email the information to your email address. Note: Test the function and take a screen shot of the emailed information you receive. You must submit the screen shot in your zipped file of deliverables as proof. d. Create three (3) sub pages that include: i. The same graphic / logo.  ii. A navigation bar with links to every other page. iii. An ordered list of at least two (2) items, and then at least two (2) unordered list entries under each ordered list item where one (1)  of the items must be a hyperlinked to a Website (the hyperlink should not show the address printed on the page).  Note: Each of the three pages should have unique lists.  Example:  A. Food • Dry food  • Wet food • Canned food B. Toys • Indoor  • Outdoor   The specific course learning outcomes associated with this assignment are: Describe the structure of the World Wide Web as interconnected hypertext documents. Create and validate HTML documents. Create presentations using Cascading Style Sheets and DHTML. Write clearly and concisely about Web design and development using proper writing mechanics and technical style conventions. Grading for this assignment will be based on answer quality, logic/organization of the paper, and language and writing skills, using the following rubric.   Points: 200 Technical Project: Sample Website Project Criteria   Unacceptable Below 60% F Meets Minimum Expectations 60-69% D   Fair 70-79% C   Proficient 80-89% B   Exemplary 90-100% A 1. Create a half (½) page narrative that describes the site to your prospective client. Weight: 5% Did not submit or incompletely created a half (½) page narrative that describes the site to your prospective client. Insufficiently created a half (½) page narrative that describes the site to your prospective client. Partially created a half (½) page narrative that describes the site to your prospective client. Satisfactorily created a half (½) page narrative that describes the site to your prospective client. Thoroughly created a half (½) page narrative that describes the site to your prospective client. 2. Imagine that your narrative has been approved. Use Word, Visio, or Dia, to create a storyboard diagram depicting the layout of your Website. Weight: 10% Did not submit or incompletely used Word, Visio, or Dia, to create a storyboard diagram depicting the layout of your Website. Insufficiently used Word, Visio, or Dia, to create a storyboard diagram depicting the layout of your Website. Partially used Word, Visio, or Dia, to create a storyboard diagram depicting the layout of your Website. Satisfactorily used Word, Visio, or Dia, to create a storyboard diagram depicting the layout of your Website. Thoroughly used Word, Visio, or Dia, to create a storyboard diagram depicting the layout of your Website. 3ai. Create a Cascading Style Sheet (.css) for all pages, which applies a background color. Weight: 5% Did not submit or incompletely created a Cascading Style Sheet (.css) for all pages, which applies a background color. Insufficiently created a Cascading Style Sheet (.css) for all pages, which applies a background color. Partially created a Cascading Style Sheet (.css) for all pages, which applies a background color. Satisfactorily created a Cascading Style Sheet (.css) for all pages, which applies a background color. Thoroughly created a Cascading Style Sheet (.css) for all pages, which applies a background color. 3aii. Create a CSS style sheet for all pages, which applies style to font. Weight: 5% Did not submit or incompletely created a CSS style sheet for all pages, which applies style to font. Insufficiently created a CSS style sheet for all pages, which applies style to font. Partially created a CSS style sheet for all pages, which applies style to font. Satisfactorily created a CSS style sheet for all pages, which applies style to font. Thoroughly created a CSS style sheet for all pages, which applies style to font. 3aiii. Create a Cascading Style Sheet (.css) for all pages, which changes the ordered list markers to anything other than the default. Weight: 5% Did not submit or incompletely created a Cascading Style Sheet (.css) for all pages, which changes the ordered list markers to anything other than the default. Insufficiently created a Cascading Style Sheet (.css) for all pages, which changes the ordered list markers to anything other than the default. Partially created a Cascading Style Sheet (.css) for all pages, which changes the ordered list markers to anything other than the default. Satisfactorily created a Cascading Style Sheet (.css) for all pages, which changes the ordered list markers to anything other than the default. Thoroughly created a Cascading Style Sheet (.css) for all pages, which changes the ordered list markers to anything other than the default. 3aiv. Create a Cascading Style Sheet (.css) for all pages, which changes the unordered list markers to anything other than the default. Weight: 5% Did not submit or incompletely created a Cascading Style Sheet (.css) for all pages, which changes the unordered list markers to anything other than the default. Insufficiently created a Cascading Style Sheet (.css) for all pages, which changes the unordered list markers to anything other than the default. Partially created a Cascading Style Sheet (.css) for all pages, which changes the unordered list markers to anything other than the default. Satisfactorily created a Cascading Style Sheet (.css) for all pages, which changes the unordered list markers to anything other than the default. Thoroughly created a Cascading Style Sheet (.css) for all pages, which changes the unordered list markers to anything other than the default. 3av. Create a Cascading Style Sheet (.css) for all pages, which applies style to a copyright footer. Weight: 5% Did not submit or incompletely created a Cascading Style Sheet (.css) for all pages, which applies style to a copyright footer. Insufficiently created a Cascading Style Sheet (.css) for all pages, which applies style to a copyright footer. Partially created a Cascading Style Sheet (.css) for all pages, which applies style to a copyright footer. Satisfactorily created a Cascading Style Sheet (.css) for all pages, which applies style to a copyright footer. Thoroughly created a Cascading Style Sheet (.css) for all pages, which applies style to a copyright footer. 3bi. Include a graphic or logo on the home page. Weight: 5% Did not submit or incompletely included a graphic or logo on the home page. Insufficiently included a graphic or logo on the home page. Partially included a graphic or logo on the home page. Satisfactorily included a graphic or logo on the home page. Thoroughly included a graphic or logo on the home page. 3bii. Include a navigation bar with links to every other page on the home page. Weight: 10% Did not submit or incompletely included a navigation bar with links to every other page on the home page. Insufficiently included a navigation bar with links to every other page on the home page. Partially included a navigation bar with links to every other page on the home page. Satisfactorily included a navigation bar with links to every other page on the home page. Thoroughly included a navigation bar with links to every other page on the home page. 3biiia. Include a guestbook registry on the home page using the mailto: tag with an entry field for a person’s name. Weight: 5% Did not submit or incompletely included a guestbook registry on the home page using the mailto: tag with an entry field for a person’s name. Insufficiently included a guestbook registry on the home page using the mailto: tag with an entry field for a person’s name. Partially included a guestbook registry on the home page using the mailto: tag with an entry field for a person’s name. Satisfactorily included a guestbook registry on the home page using the mailto: tag with an entry field for a person’s name. Thoroughly included a guestbook registry on the home page using the mailto: tag with an entry field for a person’s name. 3biiib. Include a guestbook registry on the home page using the mailto: tag with an entry field for an email address. Weight: 5% Did not submit or incompletely included a guestbook registry on the home page using the mailto: tag with an entry field for an email address. Insufficiently included a guestbook registry on the home page using the mailto: tag with an entry field for an email address. Partially included a guestbook registry on the home page using the mailto: tag with an entry field for an email address. Satisfactorily included a guestbook registry on the home page using the mailto: tag with an entry field for an email address. Thoroughly included a guestbook registry on the home page using the mailto: tag with an entry field for an email address. 3biv. Include a piece of JavaScript on the home page. Weight: 5% Did not submit or incompletely included a piece of JavaScript on the home page. Insufficiently included a piece of JavaScript on the home page. Partially included a piece of JavaScript on the home page. Satisfactorily included a piece of JavaScript on the home page. Thoroughly included a piece of JavaScript on the home page. 3c. Create a submit button for the guestbook registry that will email the information to your email address.Note: Test the function and take a screen shot of the emailed information you receive. Weight: 10% Did not submit or incompletely created a submit button for the guestbook registry that will email the information to your email address. Did not submit or incompletely tested the function and took a screen shot of the emailed information you received. Insufficiently created a submit button for the guestbook registry that will email the information to your email address. Insufficiently tested the function and took a screen shot of the emailed information you received. Partially created a submit button for the guestbook registry that will email the information to your email address. Partially tested the function and took a screen shot of the emailed information you received. Satisfactorily created a submit button for the guestbook registry that will email the information to your email address. Satisfactorily tested the function and took a screen shot of the emailed information you received. Thoroughly created a submit button for the guestbook registry that will email the information to your email address. Thoroughly tested the function and took a screen shot of the emailed information you received. 3di. Create three (3) sub pages that include the same graphic / logo. Weight: 5% Did not submit or incompletely created three (3) sub pages that include the same graphic / logo. Insufficiently created three (3) sub pages that include the same graphic / logo. Partially created three (3) sub pages that include the same graphic / logo. Satisfactorily created three (3) sub pages that include the same graphic / logo. Thoroughly created three (3) sub pages that include the same graphic / logo. 3dii. Create three (3) sub pages that include a navigation bar with links to every other page. Weight: 5% Did not submit or incompletely created three (3) sub pages that include a navigation bar with links to every other page. Insufficiently created three (3) sub pages that include a navigation bar with links to every other page. Partially created three (3) sub pages that include a navigation bar with links to every other page. Satisfactorily created three (3) sub pages that include a navigation bar with links to every other page. Thoroughly created three (3) sub pages that include a navigation bar with links to every other page. 3diii. Create three (3) sub pages that include an ordered list of at least two (2) items, and then at least two (2) unordered list entries under each ordered list item where one (1) of the items must be a hyperlinked to a Website (the hyperlink should not show the address printed on the page). Weight: 10% Did not submit or incompletely created three (3) sub pages that include an ordered list of at least two (2) items. Did not submit or incompletely created at least two (2) unordered list entries under each ordered list item where one (1)  of the items must be a hyperlinked to a Website (the hyperlink should not show the address printed on the page). Insufficiently created three (3) sub pages that include an ordered list of at least two (2) items. Insufficiently created at least two (2) unordered list entries under each ordered list item where one (1) of the items must be a hyperlinked to a Website (the hyperlink should not show the address printed on the page). Partially created three (3) sub pages that include an ordered list of at least two (2) items. Partially created at least two (2) unordered list entries under each ordered list item where one (1) of the items must be a hyperlinked to a Website (the hyperlink should not show the address printed on the page). Satisfactorily created three (3) sub pages that include an ordered list of at least two (2) items. Satisfactorily created at least two (2) unordered list entries under each ordered list item where one (1) of the items must be a hyperlinked to a Website (the hyperlink should not show the address printed on the page). Thoroughly created three (3) sub pages that include an ordered list of at least two (2) items. Thoroughly created at least two (2) unordered list entries under each ordered list item where one (1) of the items must be a hyperlinked to a Website (the hyperlink should not show the address printed on the page).