Project Report On e Commerce Website

1
Project Report
ON
CLOTHES COLLECTION
Class DIT
Submitted
By:
Saba Gul
Roll # 141878
Mah Gul
Roll # 141882
Submitted To: Commerce College Mardan
Supervisor Signature:_____________
GTCWM, Mardan
Session 2021
2
INTRODUCTION
Clothes Collection Clothing is one of the leading companies in Pakistan manufacturing, retailing
and exporting readymade garments. Established in 1999, the company is a trendsetter in designing
and supplying garments at the most competitive prices. A young at heart company, Clothes Collection
clothing is constantly innovating, keeping abreast of internationally in vogue trends and is in
compliance with the worldwide standards.
Since our establishment, we have achieved outstanding sales and stable growth. Today our
products are distributed to many countries across the globe. We owe our success to quality, timely
delivery, price and satisfaction of the clients.
3
SCREEN SHOTS& CODING

HOMEPAGE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Clothes Fasion</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
4
<div id="wrapper">
<div id="header">
<h1><a
href="index.html"><em>Clothes</em><strong>COLLECTION</strong></a></h1>
</div>
<div id="left-person"></div>
<div id="uppers">
<div id="nav-top">
<ul>
<li><a href="sign in.html">Sign In</a> |</li>
<li><a href="sign _up.html">Sign Up</a> |</li>
<li><a href="contact_us.html">Contact us</a></li>
</ul>
</div>
</div>
<div id="nav"><div>
<ul>
<li><a href="index.html"></a> | </li>
<li><a href="acc.html"></a> | </li>
<li><a href="men.html">MEN
COLLECTION</a> | </li>
<li><a href="women.html">WOMEN
<li><a href="kids.html">KIDS COLLECTION</a></li>
</ul>
</div></div>
<div id="body">
<p>Clothes Collection Clothing is one of the leading companies in India manufacturing, retailing and
exporting readymade garments.
Established in 1999, the company is a trendsetter in designing and supplying garments at the most
competitive prices. A young at heart company, Clothes Collection clothing is constantly innovating,
keeping abreast of internationally in vogue trends and is in compliance with the worldwide standards.
</p>
Since our establishment, we have achieved outstanding sales and stable growth. Today our products
are distributed to many countries across the globe. We owe our success to quality, timely delivery,
price and satisfaction of the clients.
</div>
<div id="black-tl">
<div id="black-tr">
<div id="black-br">
<div id="black-bl">
<div class="black-box">
<h2>MEN</h2>
5
<p><a
href="men.html"><imgsrc="images/pic_1.jpg" alt="Pic 1" width="120" height="105" border="0"
/></a></p>
<p>Men's Wear has always been a forte and strong hold of Clothes Collection Clothing. We
have the best possible set up to design and produce any style in Men's Wear segment. Our range
includes Formal wear, Club wear, Street wear and Denims. The fabrics used are normally cottons
sourced from best of the mills in India.
<p class="more"> </p>
</div>
<h2>WOMEN</h2>
<p><a
href="women.html"><imgsrc="images/pic_2.jpg" alt="Pic 2" width="120" height="105" border="0"
/></a></p>
<p>Our design team specialises in designing
the latest high fashion women's wear garments including Evening dresses, Tunics, Embroidered
shirts, sequenced tops etc. The range is always designed keep in mind the season's latest international
fashion trends. The fabrics used are Georgette, Crepe, Viscose, Poplins and Cambric.</a>.</p>
</div>
<h2>KIDS</h2>
<p><a
href="kids.html"><imgsrc="images/pic_3.jpg" alt="Pic 3" width="120" height="105" border="0"
/></a></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="tips">
<h2><em>Fasion</em> tips</h2>
<p>For those of you who are fat or on the heavier side, you don't desire to be tiring
turtlenecks this wintry weather. Try to purchase sweaters or elongated covering tops with a V-neck.
This obviously describes the eyes downhill producing the cause of a sleeker outline. It as well crafts
you come out to enclose a longer neck instead of your small neck or dual chin.
</p>
<p class="more"><a
href="http://www.freewebsitetemplates.com"></a></p>
</div>
<div id="choose">
<h2><em> Choose</em> a designer</h2>
<p align="left">Choose a Designer</p>

<form action=" ">
6
<div align="left">
<select name="q">
<option value=" ">Designer</option>
<option value="1">Manish Malhotra</option>
<option value="2">RohitBal</option>
<option value="3">Ritukumar</option>
<option value="4">Zara</option>
</select>
<input type="image" name="submit" src="images/btn_footer.gif"
id="submit" />
</div>
</form>
</div>
</div>
<div id="copyright">
<div align="center">Copyright information goes here. All rights reserved
</div>
</div>
</div>
</body>
</html>
--------------------------------------------------------------------------------------------------------
MEN CLOTHING
7

<html>
<head>
<title>MEN COLLECTION</title>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
varflashvars = {};
flashvars.folderPath = "men/";
varparams = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("men/ImageScrollerFX.swf", "ImageScrollerFXDiv",
"575", "700", "9.0.8", true, flashvars, params, attributes);
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><em><a href="index.html">Clothes</a></em><a
href="index.html"><strong>COLLECTION</strong></a></h1>
</div>
<div id="uppers">
<div id="nav-top">
<ul>
<li><a href="sign in.html">Site in</a> |</li>
</ul>
</div>
</div>
<div id="nav"><div>
<ul>
<li><a href="index.html">HOME</a> | </li>
<li><a href="acc.html">ACCESSORIES</a> | </li>
8
</ul><div id="ImageScrollerFXDiv">
</div></div>
</div>
</div>
</div>
</body>
</html>
-------------------------------------------------------------------------------------------------------
WOMEN CLOTHING

<html>
<head>
<title>WOMEN COLLECTION</title>
9

varflashvars = {};
flashvars.folderPath = "women/";
varparams = {};
swfobject.embedSWF("women/ImageScrollerFX.swf",
"ImageScrollerFXDiv", "575", "700", "9.0.8", true, flashvars, params, attributes);
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><em>Clothes</em><strong>COLLECTION</strong></h1>
</div>
<div id="uppers">
<div id="nav-top">
<ul>
<li><a href="sign in.html">Sign in</a> |</li>
</ul>
</div>
</div>
<div id="nav"><div>
<ul>
</div></div>
<div id="copyright">Copyright information goes here. All rights reserved
</div>
</div>
</body>
</html>
10
--------------------------------------------------------------------------------------------------------
KIDS CLOTHING

<html>
<head>
<title>KIDS COLLECTION</title>
varflashvars = {};
flashvars.folderPath = "kids/";
varparams = {};
swfobject.embedSWF("kids/ImageScrollerFX.swf", "ImageScrollerFXDiv",
"575", "700", "9.0.8", true, flashvars, params, attributes);
</script>
</head>
<body>
<div id="wrapper">
11
<div id="header">
<h1><em>Clothes</em><strong>COLLECTION</strong></h1>
</div>
<div id="uppers">
<div id="nav-top">
<ul>
<li><a href="sign in.html">Sign in</a> |</li>
</ul>
</div>
</div>
<div id="nav"><div>
<ul>
</div></div>
---------------------------------------------------------------------------------------------------------------------------
SIGN UP
<html>
<head>
12
<title>Sign Up </title>
<script language="JavaScript" >
function validate(form)
{
var day=document.getElementById("txtday");
var month=document.getElementById("txtmonth");
var year=document.getElementById("txtyear");
var gender=document.getElementById("txtgender");
var country=document.getElementById("country");
varfirstname=document.getElementById("firstname").value;
varlastname=document.getElementById("lastname");
var username=document.getElementById("username");
varpwd=document.getElementById("pwd");
var pwd2=document.getElementById("pwd2");
var email=document.getElementById("email");
var email2=document.getElementById("email2")
if(form.firstname.value =="")
{
alert("first name cannot be empty");
form.firstname.focus();
return false;
}
if(form.lastname.value =="")
{
alert("last name cannot be empty");
form.lastname.focus();
return false;
}
re = /^\w+$/;
if(!re.test(form.username.value))
{
alert("Error: Username must contain only letters, numbers and underscores!");
form.username.focus();
return false;
}
if(form.pwd.value == form.firstname.value)
{
alert("Error: Password must be different from Username!");
form.pwd.focus();
return false;
}
if (form.pwd.value != form.pwd2.value)
{
alert('both password dont match!');
form.pwd.focus();
return false;
}
if(form.pwd.value.length<6)
{
alert("Error: Password must contain at least six characters!");
form.pwd.focus();
13
return false;
}
if (form.email.value != form.email2.value)
{
alert('both email address dont match!');
form.email.focus();
return false;
}
varadoConn = new ActiveXObject("ADODB.Connection");

varadoRS = new ActiveXObject("ADODB.Recordset");
var day=document.getElementById("txtday");
var month=document.getElementById("txtmonth");
var year=document.getElementById("txtyear");
var gender=document.getElementById("txtgender");
var country=document.getElementById("country");
varfirstname=document.getElementById("firstname");
varlastname=document.getElementById("lastname");
var username=document.getElementById("username");
varpwd=document.getElementById("pwd");
var pwd2=document.getElementById("pwd2");
var email=document.getElementById("email");
var email2=document.getElementById("email2")
adoConn.Open("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:/customer2.mdb");
adoRS.Open("Select * From cust", adoConn, 1, 3);
adoRS.AddNew;
adoRS.Fields("firstname").value =firstname.value;
adoRS.Fields("lastname").value = lastname.value;
adoRS.Fields("username").value = username.value;
adoRS.Fields("password").value = pwd.value;
adoRS.Fields("email").value = email.value;
for (i=0; i<document.kandy.sex.length; i++)

{
if (document.kandy.sex[i].checked==true)
{
adoRS.Fields("gender").value=document.kandy.sex[i].value
}
}
varabc=day.options[day.selectedIndex].value + "/" + month.options[month.selectedIndex].value + "/"
+ year.options[year.selectedIndex].value;
adoRS.Fields("dob").value=abc;
adoRS.Fields("country").value= country.value;
alert("THANK YOU!! for Registering");

adoRS.Update;
adoRS.Close();
14
adoConn.Close();
}
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a
</div>
<div id="uppers">
<div id="nav-top">
<ul>
<li><a href="site.html">Site map</a> |</li>
<li><a href="sign.html">Sign Up</a> |</li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
</div>
<div id="nav"><div>
<ul>
</ul>
</div></div>
<div id="body"> </div>
<div id="black-tl"><div id="black-tr">

<div id="black-br">
<div id="black-bl">
<P><font color=white>
<H1>
        Sign Up Form</H1><br><br>
<form name="kandy" method="POST" >
<table><td valign="middle">First
Name:</th>            &
nbsp;
             &nbsp
;
<input type="text" name="firstname" /></td></table><BR>
15
<table><td valign="center">Last
Name:

             &nbsp
;
<INPUT TYPE="TEXT" name="lastname" ></td></table><BR>
<table><td valign="center">User Id
:             &nbs
p;
             &nbsp
;
<INPUT TYPE="TEXT" NAME="username" ></td></table><BR>
<table><td valign="center">Password
:             &nbs
p;
             &nbsp
;
<INPUT TYPE="PASSWORD" NAME="pwd" /></td></table><BR>
<table><td valign="center">Confirm Password

             &nbsp
;
<INPUT TYPE="password" NAME="pwd2" ></td></table><BR>
<table><td
valign="center">Email:          &nb
sp;             &n
bsp;             &
nbsp;
<INPUT TYPE="text" NAME="email" ></td></table><BR>
<table><td valign="center">Confirm Email

:             &nbs
p;             &nb
sp;
<INPUT TYPE="text" NAME="email2" ></td></table><BR>
<table><td
valign="center">Gender:          &n
bsp;
             &nbsp
;
<input type="radio" name="sex" value="male"> Male
<input type="radio" name="sex" value="female"> Female
<BR></td></table><br>
16
<table><td valign="center">Date of Birth:      <SELECT

NAME="txtday" VALUE="[SELECTDATE]">
<OPTION>SELECT DATE</OPTION>
<OPTION value="1">1</OPTION>
</SELECT>
<SELECT NAME="txtmonth" VALUE="[SELECT VALUE]">

<OPTION >SELECT MONTH</OPTION>
<OPTION value="01">JANUARY</OPTION
<OPTION value="02">FEBUARY</OPTION>
<OPTION value="03">MARCH</OPTION>
<OPTION value="04">APRIL</OPTION>
<OPTION value="05">MAY</OPTION>
<OPTION value="06">JUNE</OPTION>
<OPTION value="07">JULY</OPTION>
<OPTION value="08">AUGUST</OPTION>
<OPTION value="09">SEPTEMBER</OPTION>
<OPTION value="10">OCTOBER</OPTION>
<OPTION value="11">NOVEMBER</OPTION>
<OPTION value="12">DECEMBER</OPTION>
</SELECT>
17
<SELECT NAME="txtyear" VALUE="YEAR">

<OPTION>SELECT YEAR</OPTION>
<OPTION value="2000">2000</option>
</SELECT></td></table>
<BR>
<table>
<td
valign="center">country:          &n
bsp;             &
nbsp;

<input type=text name="country">
</td></table><br>
<table>
<tr>
<td valign="top">
<b>Terms of Service:</b>
</td>
<td valign="top">
<font size="-1" >
Please check the information you've entered above (feel free to change <br>anything you like), and
review the Terms of Service below.
you won't see blinking banner ads. Instead, we display ads you might find useful that are
relevant to the content of your messages.
<br>
<td> </td></tr>
18
<td></td><td><br>
<font size="-1">
By clicking on 'I accept'below you are agreeing to the Terms of Service above.
</font>
</td></tr>
</table>
<center><input type="button" value=" I Accept Create my account" onclick="return

validate(form)"></center><br>
<div class="black-box"><br>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
SIGN IN
19
<html>
<head>
<title>login form</title>
<script language="JavaScript" >
function login()
{
varadoConn = new ActiveXObject("ADODB.Connection");
adoConn.Open("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:/customer2.mdb");
alert("fileopen")
varadoRS = new ActiveXObject("ADODB.Recordset");
adoRS.Open("Select * From cust", adoConn, 1, 3);
strQuery = "SELECT * FROM cust where username='" + username + "'" + " and password='"+
pwd + "'";
adoRS.open(strQuery, conn, adOpenDynamic, adLockOptimistic);
if(!adoRS.bof)
{
adoRS.MoveFirst();
while(!adoRS.eof) {
strHtml += "<tr>";
strHtml += " <td><Font face ='tahoma'>Welcome " + username + "</font></td>";
strHtml += "</tr>";
adoRS.MoveNext();
}
else
{
strHtml += " <td><Font face ='tahoma'>Record not found</font></td>";
}
adoRS.Close();
adoConn.Close();
20
}
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a
</div>
<div id="uppers">
<div id="nav-top">
<ul>
<li><a href="site.html">Sign IN</a> |</li>
<li><a href="sign.html">Sign Up</a> |</li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
</div>
<div id="nav"><div>
<ul>
</ul>
</div></div>
<div id="body">
<br><br><br><br><br>
</div>
<div id="black-tl">
<div id="black-tr">
<div id="black-br">
<div id="black-bl">
<FORM NAME="KANDY"
METHOD="GET"><P><font color=white>
<CENTER><H1>Sign In</H1></CENTER><br><br>
<B><div>User Name:<CENTER><INPUT TYPE="TEXT" NAME="username"
></CENTER></div><BR>
21
<b><div>Password :</div><center><INPUT TYPE="Password"

NAME="pwd"></center><br><center>
<input type=button value="Log in" onclick="login()"><center>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>

Project Report On e Commerce Website

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Project Report On e Commerce Website

Uploaded by

Copyright:

Available Formats

1

Submitted To: Commerce College Mardan

SCREEN SHOTS& CODING

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

<p align="left">Choose a Designer</p>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

<script type="text/javascript" src="swfobject.js"></script>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

<script language="JavaScript" >

varadoConn = new ActiveXObject("ADODB.Connection");

for (i=0; i<document.kandy.sex.length; i++)

alert("THANK YOU!! for Registering");

<div id="body"> </div>

<div id="black-tl"><div id="black-tr">

<table><td valign="center">Confirm Password

<table><td valign="center">Confirm Email

<table><td valign="center">Date of Birth:      <SELECT

<SELECT NAME="txtmonth" VALUE="[SELECT VALUE]">

<SELECT NAME="txtyear" VALUE="YEAR">

<center><input type="button" value=" I Accept Create my account" onclick="return

<b><div>Password :</div><center><INPUT TYPE="Password"

You might also like

Project Report On e Commerce Website

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Project Report On e Commerce Website

Uploaded by

Copyright:

Available Formats

1

Submitted To: Commerce College Mardan

SCREEN SHOTS& CODING

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

<p align="left">Choose a Designer</p>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

<script type="text/javascript" src="swfobject.js"></script>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

<script language="JavaScript" >

varadoConn = new ActiveXObject("ADODB.Connection");

for (i=0; i<document.kandy.sex.length; i++)

alert("THANK YOU!! for Registering");

<div id="body"> </div>

<div id="black-tl"><div id="black-tr">

<table><td valign="center">Confirm Password

<table><td valign="center">Confirm Email

<table><td valign="center">Date of Birth:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<SELECT

<SELECT NAME="txtmonth" VALUE="[SELECT VALUE]">

<SELECT NAME="txtyear" VALUE="YEAR">

<center><input type="button" value=" I Accept Create my account" onclick="return

<b><div>Password :</div><center><INPUT TYPE="Password"

You might also like

<table><td valign="center">Date of Birth: <SELECT