ONLINE CELL PHONES
SHOPPING
Student Name: M Saad
Roll No: 50301
Submitted To: Sir M Hamza Yousafzai
Institute: Khyber Institute of Professional Studies Katlang Mardan (KIPS)
Page 1 of 24
Accepted for partial fulfillment of the
DIPLOMA IN INFORMATION TECHNOLOGY (D.I.T)
KHYBER PUKHTUNKHWA TRADE TESTING
BOARD PESHAWAR
Internal Examiner______________________________
Remarks ______________________________
Signature ______________________________
External Examiner ______________________________
Remarks _______________________________
Signature _______________________________
Page 2 of 24
Page 3 of 24
Page 4 of 24
DEDICATION
DEDICATED TO MY PARENTS, TEACHERS AND
ALL OUR COLLEGUES.
First of all I am so grateful to almighty ALLAH who with his
grace gave me the chance to complete this task successfully.
I thankfully wish by our heart and great feeling regards for
sake of respectable
Supervisor.
Mr. Hamza Yousafzai for his help, support and courage in the
completion of this task.
M SAAD
Page 5 of 24
PROJECT BRIEFING
Project Title: Online Cell Phone Shopping
Institute Name: GTVC Gujarat, Mardan
Designed By: M Saad
Starting Date: 01-05-2024
Completion Date: 10-05-2024
Source Used: Intel, Core 2 duo
Operating System: Window 7
Software USED:
NOTEPAD
DREAMWEAVER
GOOGLE CHROME BROWSER
MICROSOFT WORD
Page 6 of 24
DETAIL
OF
HTML
Page 7 of 24
HTML
DEFINITION:
HTML Stands for hypertext markup language. The format, or the language used
in the WEB is called hypertext markup language.
Explanation:
HTML is the set of special instruction called tags or markup that are used to
specify document structure, formatting, and link to other document.
Important Points:
An HTML file is a text containing small markup tags .The markup tags tells
the WEB browser how to display the page.
An HTML file must have an htm or html file extension.
An HTML file can be created using a simple text editor .
Creating First HTML document:
IF you are running Windows, start Notepad. Type the following text:
<html>
<head>
<title>Title of page</Title>
</head>
<body>
This is my First Homepage. <b>this text is bold</b>
</body
</html>
Save the file as “mypage.htm” OR Save the file as “mypage.html”.
Preview in Browser:
Start Your Inter browser. Select “Open” in the file menu of your browser. A dialog box
will appear. Select “Browse and locate the HTML file you just created – (“mypage.html”). and
click Open. Your File will be on the display screen
Page 8 of 24
HTML DOCUMENT STRUCTURE:
A. HTML TAG: The First tag in your HTML document is <html>. This tag tells your
browser that this is the start of an HTML document.
B. HEAD TAG: The text between the <head> tag and the </head> tag is header
information. However information is not displayed in the browser window.
C. TITLE TAG: The text between the <title> tags is the title of your document. The title is
displayed in your browser caption.
D. BODY TAG: The text between the <body> tags is the text will be displayed in your
bowser.
E. LAST TAG: The last tag is the closing of each Opening tag e.g. </html>
HTML TAGS:
DEFINITION:
An HTML tag is a signal to a browser that it should do something other than just throw
text up on the screen. By convention all HTML tags begin with and open angle (“<”) and ends
with a close angle braces (“>”).
TAGS APPLICATIONS:
HTML Tags are used to mark-up HTML elements.
HTML Tags are surrounded by two characters<and >
Page 9 of 24
The surrounding characters are called angle brackets
HTML Tags always come in Pairs e.g.: <b></b>
The first tags will be start tags and another will closing tag
Elements between tags are the elements context.
HTML Tags are not case sensitive.
HTML HEADINGS:
HTML has also heading attributes. Which are followings?
HEADING 1: The initial and most biggest heading in the html is h1
Example: Star Computer Academy
HEADING 2: The Second heading and small in size than first one is h2
Example: SCA
HEADING 3: The Third heading is smaller in size than second and first.
Example: SCA
HEADING 4: The fourth heading is smaller in size than third>>.
Example: SCA
HEADING 5: The fifth heading is smaller than fourth and >>>.
Example: SCA
HEADING 6: The last heading is h6 it is smaller in size heading.
Example: Star Computer Academy
INTRODUCTION TO XHTML:
Following are the major Point of XHTML.
IMPORTANT POINTS:
XHTML Stand for Extensible Hypertext Markup Language
XHTML is almost identical to HTML.
XHTML is a stricter and cleaner version of HTML.
XHTML is HTML defined as an XML application.
XHTML is supported by all major browsers.
Page 10 of 24
XHTML ELEMENTS:
Following are the elements of XHTML.
XHTML elements must be properly nested.
XHTML elements must always be closed.
XHTML elements must be in lowercase.
XHTML elements must have one root elements.
XHTML ATTRIBUTES:
XHtm have some Attributes which are following as.
Attributes names must be in lower case
Attributes values must be quoted
Attributes minimization is forbidden.
Example : <option selected > WRONG
<option selected=”selected” CORRECT
XHTML DIFFER FROM HTML:
XHMTL DOCTYPE is mandatory.
The XML namespace attribute in <html> is mandatory.
<Html>, <head>, <title>, and<body> is always mandatory.
Page 11 of 24
PROJECT SOURCE CODES:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 TRANSITIONAL//EN"
"HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD">
<HTML XMLNS="HTTP://WWW.W3.ORG/1999/XHTML">
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=ISO-8859-1" />
<TITLE>UNTITLED DOCUMENT</TITLE>
<STYLE TYPE="TEXT/CSS">
<!--
.STYLE2 {FONT-FAMILY: "SCRIPT MT BOLD"}
.STYLE5 {
FONT-SIZE: 50PX;
COLOR: #9933CC;
.STYLE6 {FONT-FAMILY: ARIAL, HELVETICA, SANS-SERIF}
.STYLE8 {FONT-FAMILY: ARIAL, HELVETICA, SANS-SERIF; FONT-SIZE: 24PX; COLOR: #990099; }
.STYLE12 {
FONT-FAMILY: ARIAL, HELVETICA, SANS-SERIF;
FONT-SIZE: 14PX;
COLOR: #000000;
FONT-WEIGHT: BOLD;
.STYLE13 {
Page 12 of 24
FONT-SIZE: 24PX;
COLOR: #FF6600;
.STYLE15 {FONT-FAMILY: ARIAL, HELVETICA, SANS-SERIF; FONT-SIZE: 36PX; COLOR: #FF0066;
FONT-WEIGHT: BOLD; }
.STYLE16 {
FONT-SIZE: 36PX;
COLOR: #FF33CC;
FONT-WEIGHT: BOLD;
Page 13 of 24
}
.STYLE17 {
FONT-FAMILY: ARIAL, HELVETICA, SANS-SERIF;
FONT-SIZE: 24PX;
FONT-WEIGHT: BOLD;
COLOR: #CC6633;
.STYLE18 {FONT-FAMILY: ARIAL, HELVETICA, SANS-SERIF; FONT-SIZE: 18PX; FONT-WEIGHT:
BOLD; COLOR: #333333; }
.STYL
E19 {
FONT-FAMILY: ARIAL, HELVETICA, SANS-SERIF;
FONT-SIZE: 36PX;
FONT-WEIGHT: BOLD;
COLOR: #003333;
FONT-STYLE: ITALIC;
Page 14 of 24
}
.STYLE20 {FONT-FAMILY: ARIAL, HELVETICA, SANS-SERIF; FONT-SIZE: 18PX; FONT-WEIGHT:
BOLD; COLOR: #3366FF; }
BODY {
BACKGROUND-COLOR: #99FF33;
-->
</STYLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER" CLASS="STYLE2"><SPAN CLASS="STYLE5">ONLINE CELL PHONES
SHOPPING</SPAN></H1>
<P ALIGN="CENTER" CLASS="CASES STYLELOWE STYLE13"><STRONG>EVERY TYPE OF PHONES
ARE AVAILABLE HERE. </STRONG></P>
Page 15 of 24
<P ALIGN="LEFT" CLASS="CASES STYLELOWE STYLE13">&NBSP;&NBSP;&NBSP;&NBSP;
&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBS
P;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;</P>
<H4 ALIGN="LEFT" CLASS="STYLE8">PREFACE:</H4>
<P ALIGN="LEFT" CLASS="STYLE12">BY USING THIS SITE YOU CAN ABLE TO BUY OLD PHONES
,NEW PHONES, PHONES IN LESS PRICE, EXPENSIVE PHONES AND YOU CAN ALSO BUY PARTS OF
PHONES LIKES:</P>
<TABLE WIDTH="514" HEIGHT="39" BORDER="0">
<TR>
<TD WIDTH="73">BATTERIES</TD>
<TD WIDTH="71">HANDFREE</TD>
<TD WIDTH="68">CHARGERS</TD>
<TD WIDTH="116">INTERNET DEVICES </TD>
<TD WIDTH="164">COVER AND GLASS </TD>
</TR>
</TABLE>
<P ALIGN="LEFT" CLASS="STYLE15">CELL PHONE TYPE: </P>
<H5 ALIGN="LEFT" CLASS="STYLE6">SELECT YOUR CHOICE FROM THE GIVEN LIST:</H5>
<TABLE WIDTH="978" HEIGHT="35" BORDER="0">
<TR>
<TD WIDTH="227"><A HREF="OLD FASHION PHONE/OLD FASHION PHONE.HTML">OLD
FASHION PHONES</A></TD>
<TD WIDTH="206"><A HREF="SECOND HAND PHONES/SECOND HAND PHONES.HTML">MID
CLASS PHONES</A></TD>
<TD WIDTH="254"><A HREF="TOUCH PONN/TOUCH PONE.HTML">TOUCH SCREEN PHONES
</A></TD>
<TD WIDTH="273"><A HREF="SPECIAL VARIETY/SPECIAL VARIETY.HTML">SPECIAL VARIETY
PHONES </A></TD>
Page 16 of 24
</TR>
</TABLE>
<P CLASS="STYLE16">CELL PHONE PARTS:</P>
<P>SELECT YOUR CHOICE FROM THE GIVEN LIST. </P>
<TABLE WIDTH="989" HEIGHT="38" BORDER="0">
<TR>
<TD><A HREF="BATTERY/BATTERY 1.HTML">BATTERIES</A></TD>
<TD><A HREF="BLUTOOTH DEVICES/BLUTOOTH DEVICES.HTML">BLUTOOTH DEVICES
</A></TD>
<TD><A HREF="INTERNET DEVICES/INTERNET DEVICES.HTML">INTERNET DEVICES
</A></TD>
<TD><A HREF="HANDFREES/HANDFREES.HTML">HANDSFREE AND HEADPHONES </A></TD>
Page 17 of 24
<TD><A HREF="POUCHES& GLASS/POUCHES.HTML">POUCH AND GLASS </A></TD>
<TD><A HREF="DISPLAYS/DISPLAYS.HTML">DISPLAYS</A></TD>
</TR>
</TABLE>
<P>&NBSP;</P>
<P>&NBSP;</P>
<P CLASS="STYLE17">END REQUEST: </P>
<TABLE WIDTH="597" HEIGHT="153" BORDER="1" BORDERCOLOR="#0033CC">
<TR>
<TD BORDERCOLOR="#993300" BGCOLOR="#0099FF"><SPAN CLASS="STYLE18">IF YOU LIKE
OUR SITE AND FOUND THAT IT IS USEFUL THEN APPRECIATE US AND WRITE YOUR
EXPRESSIONS ABOUT OUR SITE. OTHERWISE IF YOU DON'T LIKE OUR SITE AND FOUND BORREN
OR NOT CORRECT THEN ALSO WRITE YOUR EXPRESSION.</SPAN></TD>
</TR>
Page 18 of 24
</TABLE>
<P CLASS="STYLE20"><A HREF="COMMENT.HTML">WRITE COMMENTS </A><A
HREF="../COMMENT.HTML"></A></P>
<P ALIGN="CENTER" CLASS="STYLE19">THANKS.</P>
<LABEL></LABEL><P>&NBSP; </P> </BODY>
Page 19 of 24
FINAL
RESULT
Page 20 of 24
Page 21 of 24
Page 22 of 24
Page 23 of 24
THE PROJECT HAS COME TO AN END
Page 24 of 24
