Q:

Design The Following Static Web Pages Required For An Online Book Store Web Site. Like Flipkart Using Frames In HTML

YasminRadwan26
Save to bookmark
|
2022-06-01
|
  408 
0

Design the following static web pages required for an online book store web site.
i) HOME PAGE: The static home page must contain three frames. Top frame : Logo and the college name and links to Home page, Login page, Registration page, Catalogue page and Cart page (the description of these pages will be given below). Left frame : At least four links for navigation, which will display the catalogue of respective links. For e.g.: When you click the link “CSE” the catalogue for CSE Books should be displayed in the Right frame. Right frame: The pages to the links in the left frame must be loaded here. Initially this page contains description of the web site.
ii) LOGIN PAGE:This page looks like below: Logo, Web Site Name Home Login Registration Catalogue Cart CSE ECE EEE CIVIL
iii) CATOLOGUE PAGE: The catalogue page should contain the details of all the books available in the web site in a table. The details should contain the following:

1. Snap shot of Cover Page. 
2. Author Name. 
3. Publisher. 
4. Price. 
5. Add to cart button.

Html programming, Css programming, examples, Html programming examples, Css programming examples,
login and add your own answer to this question

All Answers

YasminRadwan26
2022-06-01
need an explanation for this answer? contact us directly to get an explanation for this answer

MainPage.html

<html>
<head>
<title>My WebPage</title>
</head>

<frameset  border="1" rows="25%,*">
<frameset  border="1" cols="20%,*">
<frame name = "a" src="nitlogo.html">
<frame name = "a" src="logo.html">
</frameset>

<frameset  border="1"  rows="9%,*">
<frameset border="1"  cols="20%,20%,20%,20%,20%,20%">
<frame name = "a" src="a.html" frameborder="0" >
<frame name = "b" src="b.html" frameborder="0">
<frame name = "c" src="c.html" frameborder="0">
<frame name = "d" src="d.html" frameborder="0">
<frame name = "e" src="ee.html" frameborder="0">
<frame name = "e" src="e.html" frameborder="0">
</frameset>

<frameset cols="20%,*">
<frame name="f" src="f.html">
<frame name="g" src="g.html">
<!<frame name="g" src="C:\Users\GHANENDRAY\Documents\MCA 3rd SEM\WEB TECHNOLOGY\CW\ClasssWork.html">
</frameset>
</frameset>
</html>
nitlogo.html
<html>
<head>
<title>frame 11</title>
</head>
<body >
<img src="nitlogo.png" height="135" width="260">
</body>
</html>

a.html

<html>
<head>
<style>
a
{
text-decoration:none;
font-size:25px;
}
a:hover
{
color:white;
}
</style>
<title>frame 1</title>
</head >
<body bgcolor= "#4682B4" align="center" >
<a href ="g.html" target="g">HOME</a>
</body>
</html>

b.html

<html>
<head>
<style>
a
{
text-decoration:none;
font-size:25px;
}
a:hover
{
color:white;
}
</style>
<title>frame 2</title>
</head>
<body bgcolor= "blue" align="center">
<a href ="login1.html" target="g" >LOGIN</a>
</body>
</html>

aa.html

<html>
<head>
<title>frame 1</title>
</head >
<body bgcolor= "#4682B4" align="center" >
<h1><font size="25">Login Succeessfully</font><h1>
</body>
</html>

Abt1.html

<html>
<head>
<title>frame 5 </title>
<script>
function openWin() {
    window.open("PROGRAMMING WITH C,C++,JAVA AND HTML.html");
}
</script>
</head>
<body align="left" bgcolor="#aaaaa">
<p>I AM "GHANENDRA PRATAP SINGH YADAV ,I AM STUDYING AT NATIONAL INSTITUTE OF TECHNOLOGY WARANGAL ."</p>
<p>I ALSO HAVE A WEBSITE LINK OF MY WEBSITE IS GIVEN BELOW </p>
<input type="button" value="CLICK HERE!!!!" onclick="openWin()">
<img src="ghanendra.jpg" height="300" width="550"  border="5">
</body>
</html>

Abt11.html

<html>
<head>
<title>frame 5 </title>
<script>
function openWin() {
    window.open("PROGRAMMING WITH C,C++,JAVA AND HTML.html");
}
</script>
</head>
<body align="left" bgcolor="#aaaaa">
<p>I AM "GHANENDRA PRATAP SINGH YADAV ,I AM STUDYING AT NATIONAL INSTITUTE OF TECHNOLOGY WARANGAL ."</p>
<p>I ALSO HAVE A WEBSITE LINK OF MY WEBSITE IS GIVEN BELOW </p>
<input type="button" value="CLICK HERE!!!!" onclick="openWin()">
<img src="ghanendra.jpg" height="300" width="550"  border="5">
</body>
</html>

logo.html

<html><head>
<title>frame 11</title></head><body >
<img src="logo.png"  height="130" width="1000"></body></html>
Login1.html
<html>
<head>
<style>
a
{
text-decoration:none;
font-size:25px;
}
a:hover
{
color:white;
}
</style>
<title>frame 22 </title>
</head>
<body align="center" bgcolor="#00bbba">
USER NAME<input type "textbox" size="16" > <br><br>
PASSWORD<input type "password" size="16" > <br><br>
<a href ="aa.html" target="g">SUBMIT</a>
       <a href ="login1.html" target="g">RESET</button></a>
</body></html>

G.html

<html><head>
<title>frame 6</title></head>
<body bgcolor= "#9370DB">
<marquee behavior="alternate"><font size="10px" color="white">WELCOME TO NIT WARANGAL</font></marquee><br><br>
<marquee direction="up"> <font size="5px" >GHANENDRA YADAV </font> </marquee><br>
<font color="WHITE" size="5px"><marquee direction="left" style="background:#800000">GHANENDRA YADAV</marquee></font>
<marquee direction="right" behavior="alternate" scrollamount="15"><font color="red" size="5px">GHANENDRA YADAV</font></marquee>
<marquee style="border:green 5px SOLID"><font color="#00FF7F" size="5px">GHANENDRA YADAV</font></marquee>
<marquee  behavior="alternate"><font color="white" size="5px">GHANENDRA </font><img src="ghanendra.jpg"  width="400" height="230"  border="3" ></marquee>
</body></html>

C.html

<html>
<head>
<style>
a
{
text-decoration:none;
font-size:25px;
}
a:hover
{
color:white;;
}
</style>
<title>frame 3</title>
</head>
<body bgcolor= "green" align="center">
<a href ="registration.html" target="g">REGISTRATION</a>
</body>
</html>

Cart.html

<html><head>
<title>frame 5</title>
</head><body bgcolor= "#0ab111" align="center">
<img src="b11.jpg" height="250" width="300">
<p>Author-Ghanendra</p>
<p>Publisher-HMT</p>
<p>Price-550</p>
<input type="button" value="  Added into Cart">
</body></html>

Catalog1.html

<html>
<head>
<title>frame 6 </title>
<style type="text/css">
    .container {  float:left; }
    img { width:240px; height:200px; margin: 0 10px;  display: inline-block;}
  H1 { text-align: center}
</style
</head>
<body align="left" bgcolor="#00abcs">
<h2>Available Books</h2>
<div class="container" >
<img src="b11.jpg" >
<p>Author-Ghanendra  Yadav</p>
<p>Publisher-WSDC</p>
<p>Price-550</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container" >
<img src="b7.jpeg" >
<p>Author-Vikram Singh</p>
<p>Publisher-HMT</p>
<p>Price-225</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container">
<img src="b6.jpeg" >
<p>Author-Pramod Kuamr</p>
<p>Publisher-DC</p>
<p>Price-143</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container">
<img src="b8.jpeg" >
<p>Author-Pankaj Niranjan</p>
<p>Publisher-Marver</p>
<p>Price-1489</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container">
<img src="b6.jpeg" >
<p>Author-Pramod Kuamr</p>
<p>Publisher-DC</p>
<p>Price-143</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container">
<img src="b8.jpeg" >
<p>Author-Pankaj Niranjan</p>
<p>Publisher-Marver</p>
<p>Price-1489</p>
<input type="button" value="  Added into Cart"></div>
<div class="container" >
<img src="b11.jpg" >
<p>Author-Ghanendra  Yadav</p>
<p>Publisher-WSDC</p>
<p>Price-550</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container" >
<img src="b7.jpeg" >
<p>Author-Vikram Singh</p>
<p>Publisher-HMT</p>
<p>Price-225</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container" >
<img src="b11.jpg" >
<p>Author-Ghanendra  Yadav</p>
<p>Publisher-WSDC</p>
<p>Price-550</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container" >
<img src="b7.jpeg" >
<p>Author-Vikram Singh</p>
<p>Publisher-HMT</p>
<p>Price-225</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container">
<img src="b6.jpeg" >
<p>Author-Pramod Kuamr</p>
<p>Publisher-DC</p>
<p>Price-143</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container">
<img src="b8.jpeg" >
<p>Author-Pankaj Niranjan</p>
<p>Publisher-Marver</p>
<p>Price-1489</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container">
<img src="b6.jpeg" >
<p>Author-Pramod Kuamr</p>
<p>Publisher-DC</p>
<p>Price-143</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container">
<img src="b8.jpeg" >
<p>Author-Pankaj Niranjan</p>
<p>Publisher-Marver</p>
<p>Price-1489</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container" >
<img src="b11.jpg" >
<p>Author-Ghanendra  Yadav</p>
<p>Publisher-WSDC</p>
<p>Price-550</p>
<input type="button" value="  Added into Cart">
</div>
<div class="container" >
<img src="b7.jpeg" >
<p>Author-Vikram Singh</p>
<p>Publisher-HMT</p>
<p>Price-225</p>
<input type="button" value="  Added into Cart">
</div>
</body>
</html>
Cc.html
<html><head>
<title>frame 1</title></head >
<body bgcolor= "#4682B4" align="center" >
<h1><font size="25">Registration Succeessfully</font><h1>
</body></html>

D.html

<html>
<head>
<style>
a
{
text-decoration:none;
font-size:25px;
}
a:hover
{
color:white;
}
</style>
<title>frame 4</title>
</head><body bgcolor= "gray" align="center">
<a href ="catalog1.html" target="g">CATALOG</a>
</body></html>

E.html

<html>
<head>
<style>
a
{
text-decoration:none;
font-size:25px;
}
a:hover
{
color:white;
}
</style>
<title>frame 5</title>
</head>
<body bgcolor= "#7FFFD4" align="center">
<a href ="abt1.html" target="g">ABOUT ME</a>
</body>
</html>

ee.html

<html>
<head>
<style>
a
{
text-decoration:none;
font-size:25px;
}
a:hover
{
color:white;
}
</style>
<title>frame 5</title>
</head>
<body bgcolor= "#FFEBCD" align="center" >
<a href ="cart.html" target="g">CART</a>
</body>
</html>

F1.html

<html>
<head>
<title>frame 7 </title>
</head>
<body bgcolor= "#BDB76B" align="center" >
Vision:
Attaining global recognition in computer science and engineering education, research and training to meet the growing needs of the industry and society.
Mission:
Imparting quality education through a well-designed curriculum in tune with the challenging software needs of the industry.
Providing state-of-art research facilities to generate knowledge and develop technologies in the thrust areas of computer science and engineering.
Developing linkages with world class organizations to strengthen industry-academia relationships for mutual
<img src="cse.jpg" height="350" width="700"  border="5">
</body>
</html>

F2.html

<html>
<head>
<title>frame 7 </title>
</head>
<body align="left" bgcolor="#00abcs">
Civil engineering is a broad field of engineering that deals with the planning, construction, and maintenance of fixed structures, or public works, as they are related to earth, water, or civilization and their processes. Most civil engineering today deals with power plants, bridges, roads, railways, structures, water supply, irrigation, the natural environment, sewer, flood control, transportation and traffic. In essence, civil engineering may be regarded as the profession that makes the world a more agreeable place in which to live.
<img src="ece.jpg" height="350" width="700"  border="5">
</body>
</html>

F3.html

<html>
<head>
<title>frame 7 </title></head>
<body align="left" bgcolor="#FF8C00">
The Department of Electrical Engineering is one of the oldest departments of the National Institute of Technology, Warangal (NITW). Established as one of the major departments of the Institute, since its inception in 1959, the Department of Electrical Engineering has been actively engaged in teaching and research in diverse fields of Electrical Engineering. With excellent faculty, the Department of Electrical Engineering offers undergraduate (B.Tech) and graduate (M.Tech) in Power Electronics & Drives and Power Systems and research (Ph.D) programmes.
<img src="eee.jpg" height="350" width="700"  border="5">
</body></html>

F4.html

<html><head><title>frame 7 </title></head>
<body align="left" bgcolor="#E9967A">
The Central Library supports the teaching and research programmes of the Institute and provides facilities for general reading and disseminates information according to the requirement of the users. It is housed in a separate building with a plinth area of 4000 Sq.mtrs. It has around 1,57,596 books, back volumes, technical pamphlets, standards, CD-ROMs, Video cassettes  etc. The total cost of the books is Rs.6.40 Crores and it receives 215 journals, (125 Indian and 90 foreign) at a cost of Rs.5.91 Lakhs. It also receives 2000 on-line journals through INDEST set-up by MHRD, Govt. of India. The services and operations in the central Library are fullycomputerised. The database of entire library acquisitions was created using LIBSYS software and it works under XPenvironment. The main server is Xeon Server – Dual CPU (Dell PE 2900). 
<img src="lib.jpeg" height="300" width="650"  border="5">
</body></html>

F5.html

<html><head>
<title>frame 7 </title></head>
<body align="left" bgcolor="#8FBC8F">
CREDIT BASED SEMESTER SYSTEM:
The MCA programme shall follow the Semester Pattern and Credit system of evaluation with effect 
ATTENDANCE:
Attendance in all classes (lecturers/tutorials, laboratories, workshops etc) is compulsory  .
COURSE STRUCTURE:
In the first two semesters, students of all the programmes will have the same curricula.
NCC / NSS / NSO (Games & Sports), 
<img src="aca.jpg" height="350" width="700"  border="5">
</body></html>

F6.html

<html><head><title>frame 7 </title></head>
<body align="left" bgcolor="#90EE90">
The Department of Physical Education provides training facilities for all the students and staff of this Institute. It has excellent infrastructure facilities for both outdoor and indoor games and sports. The outdoor games includes Volley Ball, Foot Ball, Cricket, Tennis, Ball Badminton, Kabaddi, Kho-Kho, Hand Ball, Hockey, Tennikoit, Basket Ball (concrete) and Tennis. Flood Light facility is provided to all the outdoor games. The sports ground accommodates a 400m standard track, an excellent pavilion and facilities for all athletic events.

<img src="sport.jpeg" height="350" width="700"  border="5">
</body></html>

F7.html

<html><head><title>frame 7 </title></head>
<body align="left" bgcolor="#ADFF2F">
National Cadet Corps (NCC)
NCC aims at inculcating a sense of patriotism and national pride in students. In addition it helps in physical fitness and also promotes all round personality in the students. Adequate facilities exist in the Institute for regular parades firing, training “obstacle course” and organizing camps. It offers 1 credit course in I and II semesters of the B.Tech.
N.C.C. Officer :
M. Ravinder Reddy, Ph.D.
<img src="ncc.jpeg" height="350" width="700"  border="5">
</body>
</html>

 

Output:

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

This question belongs to these collections

Similar questions

need a help?

find thousands of online teachers now