Web Page Design One of the components of building a web appl

Web Page Design

One of the components of building a web application is designing a user interface. This interface is usually a web page that is displayed on the internet browser.

The purpose of this assignment is to design a web page that displays an e-mail log-in screen. The web page should contain the following:

a. An image

b. Form for entering the username and password

c. A checkbox

d. Description of the features of the e-mail service.

e. At least three colors. They can be either a part of the background or the front.

You can use IDEs like NetBeans (www.netbeans.org) or HTML-Kit (www.htmlkit.com) in order to create your webpage.

Solution

I will provide you the code but you have to create a file from the code and save it with .html extension you will have to download any image from internet save the image with name rish.jpg in the same folder you are saving the file.

CODE-

<form name=\"htmlform\" method=\"post\" action=\"html_form_send.php\">
<table width=\"450px\">
</tr>
<tr>
<td valign=\"top\">
<label for=\"first_name\">First Name *</label>
</td>
<td valign=\"top\">
<input type=\"text\" name=\"first_name\" maxlength=\"50\" size=\"30\">
</td>
</tr>

<tr>
<td valign=\"top\"\">
<label for=\"last_name\"><font color=\"blue\"</font>Last Name *</label>
</td>
<td valign=\"top\">
<input type=\"text\" name=\"last_name\" maxlength=\"50\" size=\"30\">
</td>
</tr>
<tr>
<td valign=\"top\">
<label for=\"email\"><font color=\"green\"</font>Email Address *</label>
</td>

</td>
<td valign=\"top\">
<input type=\"text\" name=\"email\" maxlength=\"80\" size=\"30\">
</td>
</tr>
<tr>
<td valign=\"top\">
<form action=\"\">
<input type=\"checkbox\" name=\"vehicle\" value=\"Bike\">I have a bike<br>
<input type=\"checkbox\" name=\"vehicle\" value=\"Car\">I have a car
</form>

</tr>
<img src=\"rish.jpg\" alt=\"Mountain View\" style=\"width:304px;height:228px;\">

<p><font color=\"red\">All This is a basic GUI page to send email...</font></p>
<tr>

<td valign=\"top\">
<label for=\"comments\">Comments *</label>
</td>
<td valign=\"top\">
<textarea name=\"comments\" maxlength=\"1000\" cols=\"25\" rows=\"6\"></textarea>
</td>

</tr>
<tr>
<td colspan=\"2\" style=\"text-align:center\">
<input type=\"submit\" value=\"Submit\">   
</td>
</tr>
</table>