Web Technologies
Slip7
Q.1) Write HTML code to design a website for Online Shopping. Design two pages which contains hyperlink to each other. All pages must have different background. Divide the first home page horizontally into two frames. The first frame contains logo and name of the shopping site. Divide the second frame vertically in two frames out of which First(right) frame displays two hyperlink images such as Mobiles, Car and second(left) frame displays information about shopping site in scrolling form. Divide the second page vertically in two frames. The first frame displays Category list (which are again hyperlinked) Clicking on any one of these hyperlinks will display related information (Image, Name of the Model & Price) of the category in a second frame. [Marks 30]
Solution
head.html
<head>
<style>
body{background=color:gray;text-align:center;}
</style>
</head>
<body>
<h1>Amazon</h1>
<img src="G:\PYTHON\logo.jpg">
</body>
</html>
about.html
<html>
<head>
<style>
body{font-size=15;}
</style>
</head>
<body>
<pre>
Amazon.com, Inc., is an American multinational technology company based in Seattle,
Washington that focuses on e-commerce, cloud computing, digital streaming, and
artificial intelligence. It is considered one of the Big Four technology companies along with Google,
Apple, and Facebook. Wikipedia
Customer service: 1800 3000 9009
Stock price: AMZN (NASDAQ) US$ 1,888.86 -9.67 (-0.51%)
31 Jul, 1:29 pm GMT-4 - Disclaimer
CEO: Jeff Bezos (May 1996–)
Founder: Jeff Bezos
Founded: 5 July 1994, Bellevue, Washington, United States
Subsidiaries: Audible, Souq.com, Zappos, AbeBooks, MORE
Did you know: Amazon is the second-largest private employer in the United States (566,000 employees). wikipedia.org
</pre>
</body>
</html>
category.html
<html>
<head>
<style>
body{font-size=30;}
</style>
</head>
<body>
<h2>Category</h2>
<ul type="disk">
<a href="G:\PYTHON\samsung.html" target="right">
<li>SAMSUNG</li></a>
<a href="G:\PYTHON\mi.html" target="right">
<li>MI</li></a>
</ul>
</body>
</html>
menu.html
<html>
<body/>
<a href="G:\PYTHON\frame.html" target="left">
<img src="G:\PYTHON\img.jpg" height=100 width=100></a>
<p>
<a href="G:\PYTHON\frame1.html" target="left">
<img src="G:\PYTHON\img1.jpg" height=100 width=100></a>
</p>
</body>
</html>
mi.html
<html>
<body>
<h2 align="center">Redmi 7s</h2>
<img src="G:\PYTHON\mi1.jpg" height=300 width=300>
<pre>
<h4>Product Features:</h4>
Dual Sim, 3G, 4G, VoLTE, Wi-Fi, IR Blaster
Qualcomm Snapdragon 710, Octa Core, 2.2?GHz Processor
4?GB RAM, 64?GB inbuilt
4500?mAh Battery with Fast Charging
6.4 inches, 1080?x?2340?px Display with Water Drop Notch
48?MP + 8?MP + 5?MP Triple Rear & 25?MP Front Camera
Memory Card (Hybrid), upto 256?GB
Android v9.0 (Pie)
</pre>
</body>
</html>
samsung.html
<html>
<body>
<h1 align="center">Samsung A50s</h1>
<img src="G:\PYTHON\samsung1.jpg" height=300 widht=300>
<h3>price 65000</h3>
<pre>
Oppo R11 Plus Full Specifications
General
Brand Oppo
Model R11 Plus
Release date June 2017
Form factor Touchscreen
Weight (g) 188.00
Battery capacity (mAh) 4000
Removable battery No
Display
Screen size (inches) 6.00
Touchscreen Yes
Resolution 1080x1920 pixels
Hardware
Processor octa-core
Processor make Qualcomm Snapdragon 660
RAM 4GB
Internal storage 64GB
Expandable storage Yes
Camera
Rear camera 20-megapixel
Rear flash Dual LED
Front camera 20-megapixel
Software
Operating system Android 7.1
Skin ColorOS 3.1
Connectivity
Wi-Fi Yes
GPS Yes
Bluetooth Yes, v 4.10
NFC No
Infrared No
USB OTG No
FM Yes
Number of SIMs 2
Wi-Fi Direct No
Mobile High-Definition Link (MHL) No
SIM 1
SIM Type Micro-SIM
GSM/CDMA GSM
3G Yes
4G/ LTE Yes
Supports 4G in India (Band 40) Yes
SIM 2
SIM Type Nano-SIM
GSM/CDMA GSM
3G Yes
4G/ LTE Yes
Supports 4G in India (Band 40) Yes
Sensors
Compass/ Magnetometer No
Proximity sensor Yes
Accelerometer Yes
Ambient light sensor Yes
Gyroscope Yes
Barometer No
Temperature sensor No
</pre>
</body>
</html>
frame.html
<html>
<frameset rows="10%,90%">
<frame src="G:\PYTHON\head.html">
<frameset cols="30%,70%">
<frame src="G:\PYTHON\menu.html">
<frame src="G:\PYTHON\about.html">
</frameset>
</frameset>
</html>
frame1.html
<html>
<frameset cols="30%,70%">
<frame src="G:\PYTHON\category.html" name="left">
<frame src="" name="right">
</frameset>
</html>
main.html
<html>
<frameset cols="50%,50%">
<frame src="frame.html" target="left">
<frame src="frame1.html" target="left">
</frameset>
</html>
Tags:
Web Technologies