08/03/2023

Design The Following Static Web Pages of an Online Book Store

Develop Static Pages of an Online Bookstore. Design the Following Static Web Pages of an Online Book Store Web Application. Online Book Store Web Design. Design the Following Static Web Pages of an Online Book Store Web Application. design the following static web pages required for an online book store website. 1) home page: the static home page must contain three frames. 2) login page 3) catalogue page: the catalogue page should contain the details of all the books available on the website in a table. 4) registration page.

i) HOME PAGE: The static home page must contain three frames. Top frame: Logo and the college name and links to the 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 a description of the website.

ii) LOGIN PAGE: This page looks like below: Logo, Web Site Name Home Login Registration Catalogue Cart CSE ECE EEE CIVIL.

iii) CATALOGUE PAGE: The catalogue page should contain the details of all the books available on the website in a table. The details should contain the following:

  • Snapshot of Cover Page.
  • Author Name.
  • Publisher.
  • Price.
  • Add to cart button.

Design The Following Static Web Pages of an Online Book Store


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 online 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 the 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 include 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 a 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: Design The Following Static Web Pages of an Online Book Store

 
Design The Following Static Web Pages of an Online Book Store

Similar


Previous Post
Next Post

post written by:

0 Comments: