Question: Need help with this exercise! will give thumbs up! Below are the files that I currently already finished. just need help adding this layout! also

Need help with this exercise! will give thumbs up! Below are the files that I currently already finished. just need help adding this layout!

also included below are the indexth.php example that can be used to help with the exercise!

Need help with this exercise! will give thumbs up! Below are the

files that I currently already finished. just need help adding this layout!

login.html :

Login Page

KU Generic Groceries

Login

***********************

login.php :

if(isset($_POST['btnLogin']))

{

//associative array

$login = array('email' => $_POST['emailAddress'],

'password'=> $_POST['password']);

//displaying array

foreach ($login as $key => $value) {

echo $key.":".$value."
";

}

}

?>

************************

create.html

Create Page

KU Generic Groceries

Create Account

**************************

create.php

if(isset($_POST['btnSubmit']))

{

//associative array

$login = array(

'firstName' => $_POST['firstName'],

'lastname' => $_POST['lastname'],

'streetAddress'=> $_POST['streetAddress'],

'streetAddress2'=> $_POST['streetAddress2'],

'city'=> $_POST['city'],

'state'=> $_POST['state'],

'ZipCode'=> $_POST['ZipCode'],

'emailAddress'=> $_POST['emailAddress'],

'password'=> $_POST['password'],

);

//displaying array

foreach ($login as $key => $value) {

echo $key.":".$value."
";

}

}

?>

***********************

store.css

/*external stylesheet file */

body{

background-color: silver;

}

/*style rule for table */

table{

width:100%;

height: 100%;

text-align: center;

border: 3px outset gray;

border-collapse: collapse;

}

/*style rule for tr,td,th */

tr,th,td{

border: 2px outset gray;

}

/*style rule for class link */

.links{

background-color: lightgreen;

}

/*style rule for equal width */

.links td{

width:25%;

}

/*style rule for class footer */

.footer{

background-color: mediumseagreen;

font-family: Arial, Helvetica, sans-serif;

}

/*style rule for class normal */

.normal{

text-align: left;

background-color: whitesmoke;

height: 350px;

}

/*style rule for paragraphs */

p{

padding-left: 25px;

padding-right: 20px;

}

/*style rule for h1 */

h1{

font-family: Arial, Helvetica, sans-serif;

font-style: italic;

}

/*style rule for th in thead */

thead th{

background-color:mediumseagreen;

border: 3px outset gray;

}

/*style rule for hyperlink */

li{

list-style: none;

}

/*style rule for hyperlink hover */

a:hover{

font-size: 20px;

color: green;

}

/*style rule for div */

div{

border:2px solid gray;

padding-left: 10px;

padding-top: 10px;

margin: 20px;

padding-bottom: 10px;

}

/*style rule for class=redColor */

.redColor{

color: red;

}

/*style rule for textbox width */

.txtWidth{

width: 40px;

}

/*style rule for h2 */

h2{

padding-left: 20px;

font-family: Arial, Helvetica, sans-serif;

font-style: italic;

}

======================================================

Example provided:

indexTH.php

Table-based Web Layout Page

This page illustrates a table-based layout with a row of links placed horizontally.

===========================================================

Example login.php and create.php pages using horizontal layout KU Generic Groceries Login Logout Home Browse Login E-mail Address: Login Reset Form Fields in red are required) Same Quality at Lower Prices KU Generic Groceries Login Logout Home Browss Create Account First Name Last Name: Street Address Street Address2: City: State: PA Phone: E-mail Address: ip Confirm E-mail Address: Select a password (minimum of 5 characters) Confirm password Create AccountReset Form Same Quality at Lower Prices Contact John D Note: in these examples, the banner at the top of each page, the footer at the bottom, and the links across the top are the common elements shared by the pages. The center section, with the light green background, contains the content that will vary with each page Example login.php and create.php pages using horizontal layout KU Generic Groceries Login Logout Home Browse Login E-mail Address: Login Reset Form Fields in red are required) Same Quality at Lower Prices KU Generic Groceries Login Logout Home Browss Create Account First Name Last Name: Street Address Street Address2: City: State: PA Phone: E-mail Address: ip Confirm E-mail Address: Select a password (minimum of 5 characters) Confirm password Create AccountReset Form Same Quality at Lower Prices Contact John D Note: in these examples, the banner at the top of each page, the footer at the bottom, and the links across the top are the common elements shared by the pages. The center section, with the light green background, contains the content that will vary with each page

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!