Website Design
Description
Your task in this assignment is to create a web site containing 3 different pages.
- Use the main page in your assignment 3 as the first page (home page). Use grid-area learned in Chapter 7 to create a page layout like below:
- Each area must be styled differently by using at least four of the following techniques: margin, padding, border lines, fonts, colors, background colors, and background images, so that they are obviously visually separated and provide good readability.
- Put the title (heading) of your original home page in assignment #3 (referred to as òiginal page®bsp;below) in the )tle®bsp;area. This area has a height of 150px. Put the content of your original page into the ain Content®bsp;area. Put your name, student #, and your email address in the ¯oter®bsp;area (or, if you already have those information in your original page, move them to the ¯oter®bsp;area). This area has a height of 100px.
- In the ¡vigation®bsp;you need to create a listed-based vertical navigation menu like what we learned in Chapter 6. This menu contains 3 menu items. Top one points to the home page itself. The second one points to a page that has the same layout and same content as the main page except the ain content®bsp;section contains the local page you created in assignment #3. The last menu item points to a page described below. This page has a width of 160px and no defined height.
- The third page you need to create has the same layout as the main page. The only difference is in the ain Content®bsp;area, which contains only the form shown below:
The drop down menu for the !yment Method®bsp;contains 3 options: Debit, MasterCard, and VISA (in this particular order). The form must stay in the center of the ain Content®bsp;area horizontally. You must use a table to format the layout of this form.
- You must use all the mandatory options (i.e., attributes/properties) for all the controls (i.e., elements/rulesets). If itænbsp;not defined in the requirements for this assignment then you can assign them the values as you like. You must keep the form in the format as close as possible to the one displayed here.
- Preview your site in a web browser and make sure it looks the same as your design.
Have a similar assignment? "Place an order for your assignment and have exceptional work written by our team of experts, guaranteeing you A results."