You are required to create a small Web site. You have to choose the project idea

ID: 3573398 • Letter: Y

Question

You are required to create a small Web site. You have to choose the project idea and work in it as individual or with a group. The website I want shop (product makeup and beauty care) The website must cover all aspects in the course (HTML, CSS and PHP or JSP/Servlet). JS is optional. The number of students/project: 2 (3 only for exception) The number of Web pages must be at least 5 The number of dynamic Web pages must be at least 3 The Web Site must connect to a database (select + Update) Each student have to prepare Desciption. docx: a small report that explains all the functionalities of the website (With screenshots) Project.zip: contains all the files of the project (html, css, php or jsp, sql, ....). Identical project will get ZERO for both projects (if the change in only colors and text). Projects must be with different ideas or different implementation.

Explanation / Answer

<html>

<head>

<title>Login Form Submission</title>
</head>

<p align="left">                    
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="663" height="73" bgcolor="#800000">
<tr>
<td width="663" height="73">                                               <font size="7" face="Lucida Handwriting"><b><i>
login form</i></b></font></td>
</tr>
</table>
</center>
</div>

<p align="center"> 
<p><font color="#800000" size="5"><b>L</b></font><font color="#800000" size="5"><b>ogin
Form Submission</b></font></p>
<hr color="#800000">

<h2> </h2>
<p><b>Enter username : <b>              <input type="text" size="25" maxlength="256" name="Username"><br>
 <br>
 <br>
<b>Enter password :</b>             <input type="password" size="25" maxlength="256" name="Password"><strong><br>
</strong></p>
<p><strong><br>
</strong><input type="submit" value="Register Me"> <input type="reset" value="Clear Form"></p>
</form>
<p> </p>
<hr color="#800000">
<h5>Author information goes here.<br>
Copyright © 1999 [<font color="#800000"><b><i>wepShop.com</i></b></font>]. All
rights reserved.<br>
Revised: June 08, 2001
.</h5>

</body>

</html>

Body
{margin-bottom:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background-color:#181818;
font: normal small Arial, Helvetica, sans-serif;
color:#6B6B6B;
}
.bg
{background-image:url( images/bg.gif); background-repeat:repeat-x;
}
.topmenu{

text-transform:uppercase;
font-size:11px;
color:#969696;
text-decoration:none;
}
.topmenu:hover{

text-transform:uppercase;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
.logo{
   text-transform: uppercase;
   font-size:28px;
   color:#B0B0B0;
   font-weight:bold;
   padding-left:15px;
   text-decoration:none;
}
.tag {
   text-transform: uppercase;
   font-size:16px;
   font-weight:bold;
   color:#8E8E8E;
   padding-left:15px;
text-decoration:none;
}
.rc1
{background-image:url( images/rc1.gif); background-repeat:no-repeat;
width:25px;
height:40px;
background-color:#393838;
}
.rc2
{background-image:url( images/rc2.gif); background-repeat:no-repeat;
width:7px;
height:46px;
}
.rc3
{background-image:url( images/rc3.gif); background-repeat:no-repeat;
width:7px;
height:46px;
}
.sap
{background-image:url( images/sap.gif); background-repeat:no-repeat;
width:9px;
height:46px;
}
.rc4
{background-image:url( images/rc4.gif); background-repeat:no-repeat;
width:8px;
height:8px;
}
.rc5
{background-image:url( images/rc5.gif); background-repeat:no-repeat;
width:8px;
height:8px;
}
.rc6
{background-image:url( images/rc6.gif); background-repeat:no-repeat;
width:8px;
height:8px;
}
.rc7
{background-image:url( images/rc7.gif); background-repeat:no-repeat;
width:8px;
height:8px;
}
.bullet
{background-image:url( images/bullet.gif); background-repeat:no-repeat;
width:17px;
height:17px;
}
.topbg
{background-image:url( images/top_bg.gif); background-repeat:repeat-x;
}
.leftbg
{background-image:url( images/left_bg.gif); background-repeat:repeat-y;
}
.rightbg
{background-image:url( images/right_bg.gif); background-repeat:repeat-y;
}
.bottombg
{background-image:url( images/bottom_bg.gif); background-repeat:repeat-x;
}
.linksbg
{background-image:url( images/links_bg.gif); background-repeat:repeat-x;
}
.toplinks{

text-transform:uppercase;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.toplinks:hover{

text-transform:uppercase;
font-size:13px;
color:#000000;
font-weight:bold;
text-decoration:none;
}
.bullettext
{font-family:tahoma;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
.quicklinks{
color:#686868;
padding-left:10px;
text-decoration:underline;
}
.quicklinks:hover{
color:#686868;
padding-left:10px;
text-decoration:none;
}
.footerlinks{
color:#989898;
padding-left:10px;
text-decoration:none;
}
.footerlinks:hover{
color:#ffffff;
padding-left:10px;
text-decoration:none;
}
.boxtitle {
   height: 29px;
   padding-bottom:6px;
   font-size:14px;
   font-weight:bold;
   color: #393838;
}
.heading {
text-transform: uppercase;
   font-size:16px;
   padding-top:10px;
   font-weight:bold;
   color: #393838;
   height:30px;
}
.dommeimage
{width:100px;
height:100px;
background-color:#DDDDDD;
border:1px dotted #000000;
}

<html>

<body background="C:WINDOWSBACKGRND.gif">
<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0" width="754" height="76" bgcolor="#800000" bordercolor="#800000" bordercolorlight="#800000" bordercolordark="#800000">
<tr>
<td width="754" height="76">
<pre><font face="Lucida Handwriting" size="7" color="#000000"><b><i> Singershop.com </i></b></font></pre></td>
</tr>
</table>
</center>
</div>
<pre><center> <img src="C:Program FilesCommon FilesMicrosoft SharedStationeryMabelB.gif"><br> <img src="U:mcab36Pro1wel.gif"></center></pre>
<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0" width="740" height="36" bordercolor="#800000" bordercolorlight="#800000" bordercolordark="#800000">
<tr>
<td width="148" height="36"><b>          
<a href="introduction.htm"> Introduction</a></b></td>
<td width="148" height="36"><b>         
<a href="feed.html"> Feedback</a></b></td>
<td width="148" height="36"><b>          
<a href="search.jsp">Search</a></b></td>
<td width="148" height="36"><b>      <a href="special.html">Special
scheme</a></b></td>
<td width="148" height="36"><b>              
<a href="logosign.html">Order</a></b></td>
</tr>
</table>
</center>
</div>
<pre> </pre>
<b><pre> Digital <font color=#800000>SINGER.</font> The culmination of <font color=#800000>SINGER </font> acknowledged expertise in Consumer </pre>
<pre>
Electronics,Telecommunications and Information technologies. Making it the only company </pre>
<pre>with the know-how,and the vision, to bring about the convergence of these of the future. </pre>

<pre>
The writing is on the wall. The world over, computers, communication and consumer </pre>
<pre>electronics are rapidly converging. Because TV programmes, magazines, phone calls, music or </pre>
<pre>just about anything that is created or moved about electronically is being realised in digital</pre>
<pre> form. With products such as <font color=#800000>SINGER</font> Digital Camera, Digital Versatile Disc (DVD) player,</pre>
<pre> Digital Home Theatre System, Digital Answering Machine and Multimedia PC TV.<font color=#800000> SINGER</font> is not</pre>
<pre> only bringing exciting new products to your home, it is pioneering the convergence of</pre>
<pre> Consumer Electronics, Communication and Information Technology into a digital medium </pre>
<pre>that sets new standards for the interactive multimedia home of tomorrow.

       Soon <font color=#800000>SINGER</font> will be launching for the first time in the country, a 28 inch </pre>
<pre>100 Hz flicker-free Multimedia PC TV with a personal computer and a DVD ROM built in. </pre>
<pre>With the<font color=#800000> SINGER </font>Multimedia PC TV you can now do just about anything from the comfort of your </pre>
<pre>home or office. Watch hundreds of television channels with high resolution images and crystal</pre>
<pre> clear digital sound. Exchange voice, video and data with any part of the world. Capture, print</pre>
<pre> and alter photographs taken on digital cameras. Access information and entertainment on the</pre>
<pre> Internet. Or communicate face-to-face with the world using video conferencing. </pre>
<pre>       As leaders in the Indian Entertainment Electronics industry, <font color=#800000>SINGER</font> has been</pre>
<pre> actively working towards bringing advanced digital technologies into the country. Years of </pre>
<pre>research and technical tie-ups with world leaders such as Sanyo, Toshiba, Media One, Harris </pre>
<pre>Communication and Octet have helped <font color="#800000">SINGER </font>pioneer the industry in launching a complete range</pre>
<pre> of digital products. </pre>
<pre></b>
<b><font color="#800000"> "SINGER's success can be attributed to the technical expertise gained from our
   presence in consumer electronics, telecommunications and information technology.
   Today being the only brand in India having established itself in all these key
   business areas, SINGER is the only company capable of demonstrating in tangible
   form, the convergence of these technologies into powerful digital product
   offerings. We call this Digital SINGER."

               Ajit G Nambiar
vice Chairman & Managing Director, SINGER Limited </font>

</pre></b>

</body>

</html>

<html>

<head>

<title>Login Form Submission</title>
</head>

<p align="center"> 
<p><font color="#800000" size="5"><b>L</b></font><font color="#800000" size="5"><b>ogin
Form Submission</b></font></p>
<hr color="#800000">

</body>

</html>

<%@ page import="java.sql.*" %>

out.println("<br><a href="AdminHome.html">Admin Home</a><br><a href="AdminLogout">Logout</a>");
out.println("<p alaign='center'>");
out.println("<img src="images/ring.gif"></p>");
out.println("<br><center><table><th colspan='1'>Adding Product</th></center>");
out.println("</table>");
out.println("<hr>");
out.println("<center><table>");

<form action="AdminQuery.jsp" method="POST">
<h4>
<P>Enter a query:<input type=text name="query"></P></h4>
<p><input type=submit value="Submit"></p>

</FORM>

</body>

</html>

<%@ page import="java.sql.*" %>
<html>

<body background="C:WINDOWSBACKGRND.GIF">
<%
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
Connection con=DriverManager.getConnection("jdbc:odbc:law1","struts","struts");
String productid=null;
String productname=null;
Statement st=con.createStatement();
ResultSet rs=st.executeQuery("select * from products");

<p> </p>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="700" height="68" bgcolor="#800000">
<tr>
<td width="663" height="68">                                                                   
<b><i><font face="Lucida Handwriting" size="7">search</font></i></b></td>
</tr>
</table>
</center>
</div>

<p> </p>
<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0" width="736" height="31" bordercolor="#800000" bordercolorlight="#800000" bordercolordark="#800000">
<tr>
<td width="148" height="31"><b>          
<a href="index.html">Home</a></b></td>
<td width="147" height="31"><b>     <a href="introduction.htm">
Introduction</a></b></td>
<td width="147" height="31"><b>         
<a href="feed.html">feedback</a></b></td>
<td width="147" height="31"><b>    <a href="special.html">
Special scheme</a></b></td>
<td width="147" height="31"><b>         
<a href="logosign.html">Order</a></b></td>
</tr>
</table>
</center>
</div>

<p> </p>
<hr color="#800000">
<p> </p>
<p><b>Use the form below to search our products  . The text search engine will display a weighted
list of matching documents, with better matches shown first. </b></p>
<p> </p>
<form method="POST" action="Display1" >

<p><b>search for    </b>
<select size="1" name="item">
<%

while(rs.next())

{
%>

<option value=<%=rs.getString(1)%>><%=rs.getString(1)%></option>

<%

}
%>
</select>       <input type="submit" value="Start Search" name="B1">   
<input type="button" value="Reset" name="B2"></p>
</form>
<p> </p>
<p> </p>
<hr color="#800000">
<p><b> </b></p>

</body>

</html>

I Have entire project code but .zip not accepted this server.please provide link i will forward

Navigate

You are required to create a small Web site. You have to choose the project idea

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.

You are required to create a small Web site. You have to choose the project idea

Question

Explanation / Answer

Related Questions

Navigate