Scribd
Upload
82 views9 pages

Web Technologies Lab: WEEK - 1

The document outlines the code for a static website for an online bookstore. It includes HTML pages for the header, left navigation, content, and footer frames. It also includes pages for the home, login, registration, catalog, and cart sections. The content frame describes the history and focus of the KIET university.

Uploaded by

Anji
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
82 views9 pages

Web Technologies Lab: WEEK - 1

The document outlines the code for a static website for an online bookstore. It includes HTML pages for the header, left navigation, content, and footer frames. It also includes pages for the home, login, registration, catalog, and cart sections. The content frame describes the history and focus of the KIET university.

Uploaded by

Anji
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 9

WEB TECHNOLOGIES LAB

WEEK – 1:

Aim: Design the following static web pages required for online book store website.
1. Home page:- The static home page must contains three pages.
2. Top frame:- Logo and college name and links to homepage, login page, registration
Page, catalogue page and cart page
3. Left frame:- At least four links for navigation which will display the catalogue of Respective
links.
For example: When you click the link “MCA” the catalogue for MCA Books should be displayed in the
Right frame.
4. Right frame:- The pages to links in the left frame must be loaded here initially it Contains the
description of the website.
5. Footer:- The footer with the copyrights.
SOURCE CODE:-

Index.html

<!DOCTYPE html>
<html>
<head>
<title>KIET | HOMEPAGE</title>
<link rel="icon" type="image/png" href="images/favicon.png" />
</head>
<frameset rows="15%,10%,*,10%">
<frame src="topframe.html" name="header" scrolling="no">hello</frame>
<frame src="menu.html" name="header">hello</frame>
<frameset cols="15%,*">
<frame src="leftframe.html" name="left"></frame>
<frame src="rightframe.html" name="right"></frame>
</frameset>
<frame src="footer.html" name="footer"></frame>
</frameset>
</html>

Balu,Department of Cse,Kiet
WEB TECHNOLOGIES LAB

Topframe.html

<!DOCTYPE html>

<html>

<head>

<title>TopFrame</title>

</head>

<body style="background:#86C232;">

<table border="1" width="100%">

<tr>

<th width="14%">

<img src="images/logo.jpg" style="width: 100%;height:80px" />

</th>

<th>

<h1> KAKINADA INSTITUTE OF ENGINEERING AND TECHNOLOGY </h1>

</th>

</tr>

</table>

</body>

</html>

Balu,Department of Cse,Kiet
WEB TECHNOLOGIES LAB

Menu.html

<!DOCTYPE html>
<html>
<head>
<title>Menu</title>
</head>
<body style="background:gold">
<table style="width: 100%;height:50px;border-color: white" border="2" >
<tr>
<td><a href="rightframe.html" target="right">HOME</a></td>
<td><a href="login.html" target="right">LOGIN</a></td>
<td><a href="registration.html" target="right">REGISTRATION</a></td>
<td><a href="catalogue.html" target="right">CATALOGUE</a></td>
<td><a href="cart.html" target="right">CART</a></td>
</tr>
</table>
</body>
</html>

Balu,Department of Cse,Kiet
WEB TECHNOLOGIES LAB

Leftframe.html

<!DOCTYPE html>
<html>
<head>
<title>TopFrame</title>
</head>
<body style="background:#61892F;">
<ul>
<li><a href="mca.html" class="button" target="right">MCA</a></li>
<li><a href="mba.html" target="right">MBA</a></li>
<li><a href="bca.html" target="right">BCA</a></li>
</ul>

</body>
</html>

Balu,Department of Cse,Kiet
WEB TECHNOLOGIES LAB

Rightframe.html

<!DOCTYPE html>
<html>
<head>
<title>TopFrame</title>
</head>
<body style="background:#FFEFD5;">
<h1>KIET - A Decade to cherish</h1>
<p>
Since the inception in 2001, the Mission of Kakinada Institute of Engineering and Technology (KIET) is to
provide high quality education in varied disciplines of technical education. Within a short span of a
decade, it has steadily evolved into a world class institution recognized for its experiential learning
methodologies and practical exposure. KIET Group has attracted the most professional and passionate
faculty to deliver knowledge and contextual applications in a vibrant learning environment.
</p>

<h1>KIET- A Cradle for Entrepreneurship</h1>

<p>
Established in the year 2001, KIET Group’s primary focus has always been on developing the
Entrepreneurial spirit amongst the students. KIET Group’s spectacular growth can be attributed to the
marvelous support and patronage extended by the students, parents, faculty, staff, advisors, mentors
and other stakeholders of KIET Group. With a clear focus on women empowerment in technical
education, Kakinada Institute of Engineering and Technology for Women (KIET-W) was started in the
same 100 acres campus. With a view to cater to the educational needs of more number of students, a
new institution Kakinada Institute of Engineering and Technology II (KIET-II) was started.
</p>

</body>
</html>

Balu,Department of Cse,Kiet
WEB TECHNOLOGIES LAB

Footer.html
<!DOCTYPE html>

<html>

<head>

<title>Footer</title>

</head>

<body style="background:#86C232;">

<h3 style="text-align: center;font-weight: bold">Copyright &copy; 2019 <a

href="http://kietcse.epizy.com" style="color:black;text-decoration: none" target="_blank"> Kiet

Cse</a> | All Rights Reserved. </h3>

</body>

</html>

Balu,Department of Cse,Kiet
WEB TECHNOLOGIES LAB

Index.html

mca.html

Balu,Department of Cse,Kiet
WEB TECHNOLOGIES LAB

mba.html

bca.html
Balu,Department of Cse,Kiet
WEB TECHNOLOGIES LAB

Balu,Department of Cse,Kiet

You might also like