Web Technologies
Slip9
Q.1) Write HTML code to design a website of facebook. Design three pages Home, Profile and Find Friends Request page which are linked to each other. Design First two pages of website (Home &Profile ) as shown below. And Third page (Find Friends Request) contains information as Image ,Name of Sender ,And two buttons Confirm and Delete [Marks 30]
Solution
head.html
<html><body>
<h1>Welcome to lvan Bayross
<align="right">Logout</h1>
</body>
</html>
home.html
<html><head>
<style>
</style>
</head>
<body>
<h2>Raj Shared this link</h2>
<p>
<img src="G:\PYTHON\car.jpg" height=300 width=300>
</p>
<p>
<input type="Button" value=like onclick=background-color:blue>
<input type="Button" value=share onclick=back-color:blue>
<input type="Button" value=comment onclick=back-color:blue>
</p>
</body>
</html>
profile.html
<html><body>
<h2>
<a href="G:\PYTHON\frame.html">Home</a>
</h2>
<h2>Profile Page</h2>
<img src="G:\PYTHON\p.jpg" height=100 width=100>Yash
<p>
<input type="text" value="comment/message" id="message">
<input type="button" value="post">
</p>
<input type="button" value="timeline">
<input type="button" value="about">
<input type="button" value="friends">
</body>
</html>
menu.html
<html><body>
<h2>
<a href="G:\PYTHON\home.html" target=right>Home</a>
</h2>
<p>
<h2>
<a href="G:\PYTHON\profile.html" target="profile">Profile</a>
</h2>
</p>
<p>
<h2>
<a href="G:\PYTHON\friend.html" target="friend request">Friend Request</a>
</h2>
</p>
</body>
</html>
friend.html
<html><body>
<h1>Friend Request</h1>
<h1><img src="G:\PYTHON\p.jpg" height=100 width=100>Vivek</h1>
<input type="button" value="accept">
<input type="button" value="remove">
</body>
</html>
frame.html
<html><frameset rows="10%,90%">
<frame src="G:\PYTHON\head.html">
<frameset cols="20%,80%">
<frame src="G:\PYTHON\menu.html" name="left">
<frame src="G:\PYTHON\head.html" name="right">
</frameset>
</frameset>
</html>
Tags:
Web Technologies