Web Class Assignments

Each assignment must be submitted separately, must be completely your own work, and must be identified with your name and the appropriate assignment number (e.g., HTML #1). Assignments submitted after the deadline will lose 10% of the points for each day they are late. Assignments and projects are submitted by adding them to your Web site.

HTML Assignments

20 points each.

1. A page on the server with your name and a list of all assignments. Note, this assignment is designed to test the system and the login. It must be submitted before September 15 to receive any credit. Each assignment will be a link to assignments that you complete. Initially, build at least one of the links to a temporary/new page.
2. Two pages based on one style sheet with fonts specified for at least two levels of headings, and left/right margin settings for paragraphs to indent them by about one inch. Also include a class definition called CompanyName for slight bold, italic font. Use sample text to illustrate the styles.
3. A page with a set of images used as a menu: Clicking on each image brings you to a new page.
4. A small table of sales and cost data for a company. Include columns for Sales 2000 and 2001 and Costs 2000 and 2001. Use five rows of data corresponding to five different geographic regions (West, South, etc). The Column labels should use a column span—List Sales over the top of two columns and Cost over the top of the next two columns.
5. A page with a typical layout with a header section at the top and at least two columns in the main section.

1. Create a simple image menu with at least 3 options. Add a second roll-over image to highlight menu choices as they are selected.
2. Create a small form with a text box and a button. Write script so that the user can enter a color name or number. When the button is clicked, the script changes the background of the form to the specified color.
3. Create a small form with at least three text boxes, including one for an e-mail address. Add script to set the focus to the first box. Add script to ensure that the e-mail address contains at least an @ sign and a dot.
4. Create a page with a button. When the button is clicked it executes your code to open a second window that is of fixed size and limited controls. The page in the new window should contain a Close button that closes the new browser window.
5. Create a small form and write code to determine if any item has been changed. When the user closes the form use a popup confirmation box to ask if the changes should be saved. If they choose to save the data, send them to a different page.

1. Create a simple online calculator. The user will enter numbers in two boxes, then click one of four buttons (add, subtract, multiply, divide) to get the result.
2. Create a form to order a pizza using check boxes for toppings, radio buttons for crust, and a select box to choose a city. When the order is submitted, display a description of the pizza in a box.
3. Create a form with Name, Age and State (feel free to include more data). Write code to evaluate the form and return a message. Make up different messages for the following conditions: If the state is California and they are over 18. If the state is Nevada and they are under 18. If the state is Nevada, use different messages for each of the following: under 10, between 11 and 15, between 16 and 20, over 21.
4. Create a form that has a starting value, and ending value, and a result box. Write a loop that adds all of the integers between the starting and ending number. For example, 1+2+3+4+5 = 15.
5. Create a form that has boxes to enter a name and an age. Write code that alters and then displays a hidden message label based on the user’s age. For example, for users between 21 and 25, make the text red and larger.

1. Create a database with an Employee table. Create a main form to edit data for one employee. Enter sample data for 20 employees.
2. Write SQL statements to perform the following tasks:
   1. List all employees.
   2. Insert an employee.
   3. Change a last name for a given Employee ID value.
   4. Delete an employee.
   5. Update a phone number using optimistic concurrency (where you know the original value and the new value).
3. Create a form that enables a manager to enter a salary value. Then return a list of all the employees making more than that amount and their total salary.
4. Create a grid form that an administrator could use to edit data for multiple employees.
5. Add a password and username to the Employee table. Create forms and code for the employee to login, verify the username, password, and then change his or her address and phone number.

1. Find a Web color picker and find a color wheel.
2. Find a detailed HTML reference site.
3. Find a rollover/drop-down menu system and identify which browsers it works with.
4. Find a site that sells security certificates and identify the steps needed to (a) obtain the certificate, (b) install it on the server, and (c) activate it in an application.
5. Find a company to host an e-Commerce Web site using ASP .NET with an expected client load of between 500 and 1000 hits per day, some with large data transfers (20 – 100 MB downloads).