Instructions

Part 1:

This final project utilizes a Master page and several content pages. As you have learned. master pages allow you to create a page layout- a template page - and then create separate pages containing content that is merged with the master page at run time.

For this part of the final project you will do the following:

1. Create a web site and name it yourFirstName_lastName_finalProj

2. Add a master page to your site.

3. In the master page. create a 2 column layout

4. Create a header that has a banner in it.

5. Create a footer that contains a copyright statement like the one shown below where the current year should be extracted by using date class:

(c) your name 12009 - current year

Another common characteristic of user-friendly websites is using navigation scheme. In your final project you will utilize one of the navigation controls (your choice) to create a consistent look and feel across all pages that can easily be updated.

6. In the left column in your master page. place the navigation to all your web site. Use asp.net navigation control for this final project. It will be easy for you to update as you work on this project

7. Add a home page based on your master page. In the home page introduce your web site to visitors. Use at least three paragraphs. and different headers and at least one list. The list can be either ordered or none-ordered. your choice.

8. Use an external style sheet for all of your styling throughout this final project. Place the stylesheet in a separate folder.

One you have completed this part of the project submit your work in this dropbox. Make sure you use the naming convention described in step 1 above.

Part 2:

In this part of the final project, you will add another page to your web site for collecting contact information from users. Create a form like the one shown below.

• Make fields marked with (*) required fields
• Make sure the email submitted from your form is in correct email format
• By using validation controls, add required code to check the correct answer of (10 + 5). Based on the correct answer the form will or will not get submitted. If user did not provide a correct answer, generate a message thanking him or her for their visit.

Fields that are marked with an (*)Make required fields.

Use ASP.net validation controls to validate the e-mail address to check that the user has in fact typed in a valid e-mail address.

Code the equation (10+5) using C# syntax. Use appropriate selection to check if the user has given the correct answer. If the user did not provide the correct answer generate a message thanking him or her for their visit If the user did not give the correct answer, direct him or her back to your home page.

Part 3 -

Create an MSSql database using MSsql Express built-in with your Visual Studio to the final project started in Part 1. Add a table to your database with the following specifications:

1. Primary key field, integer type and auto numbered

2. At least four columns, 4 of type varchars, 1 type datetime

3. Add at least one entry for your database

4. Add newform (page), based on master page created in Part 1. This form will list all items in database except primary key using GridView. Allow the web master to edit or delete items from Grid View. Explain to visitors the data you're allowing them to view and edit in a paragraph above the Grid View. Belowthe Grid View, add a hyperlink control to the insert page that you will create in step 5 below

5. Add newform (page), based on master page created in Part 1. This form will allow web master to insert data to database. Once data is inserted, redirect to the grid View page.

Part 4 -

For Part 4 of your project, do the following:

1. Improve the performance of your site by adding Ajax Extensions to all of your forms (Pages). Use updatePanel, so updated values by user will not require postback to the server.

2. Use ASP.Net navigation control to link your home page, the page that has the contact form created in part 2, and the listing page (Grid View) created in part 3.

3. Note: Do not link the page that has the DetailsView. Through navigation control. Absolutely your choice to use Menu or TreeView. Of course you will need to add site Map object.

4. Note: Site Map need to be placed in the root for your site. Do not place it in a folder.

5. Remove [~/] from site home page, the page that has the contact form (from Part 2), the page the has the GridView, and the page that has the DetailsMew, like this:

This - MasterPageFile="~/MasterPage.master" should read like this: MasterPageFile="MasterPage.master"

Attachment:- Assignment Files.zip