Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

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!

image text in transcribed

image text in transcribed

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

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Learning PostgreSQL

Authors: Salahaldin Juba, Achim Vannahme, Andrey Volkov

1st Edition

178398919X, 9781783989195

More Books

Students also viewed these Databases questions