Design an original, professional web site following the specifications listed below. This web site will be for a business you plan to set up for yourself or for someone else.
The following is a detailed list of the requirements for your web site. READ them carefully.
Instructions - Web Site
Requirements for the web site:
General:
tMinimum Site page limit:
Your site MUST HAVE a minimum of 8 separate html pages. 6 of them have specific uses outlined in the list below. 2 (or more) are for you to use. YOU MUST have 8 separate HTML5 files which equate to 8 separate pages. This count of 8 pages does not include graphic files, css files or any other supporting files. You may have more pages, 8 is the MINIMUM
Coding requirements:
Each page on the site will:
Content pages:
Required Javascripts
home.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span
style="padding-right:2px;"><a
href="/index.htm">Home</a> | <a
href="/contact.htm">Contact</a> | <a
href="/feedback.htm">Feedback</a> |
Email:[email protected]| </span></div>
<div id="toplink2">Follow Us : <a
href="https://www.facebook.com/iitgn.official/"
target="_blank"><img src="E:\WEB
TECHNOLOGY\MYSITE\images\facebook.png" height="24" width="24"
border="0" align="absmiddle"></a> <a
href="https://twitter.com" target="_blank"><img src="E:\WEB
TECHNOLOGY\MYSITE\images\twitter.png" height="24" width="24"
border="0" align="absmiddle"></a> <a
href="http://www.youtube.com/user/IITGN1"
target="_blank"><img src="E:\WEB
TECHNOLOGY\MYSITE\images\youtube.png" width="24" height="24"
border="0" align="absmiddle"></a> <a
href="https://www.linkedin.com/school/15095560/"
target="_blank"><img src="E:\WEB
TECHNOLOGY\MYSITE\images\linkedin.png" width="24" height="24"
border="0" align="absmiddle"></a></div>
<div>
<img id="img1" src="logo/logo.png" height="150"
width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg"
height="150" width="300">
</div>
</header>
<nav id="nav1">
<ul>
<li>
<div class="dropdown">
<button class="dropbtn" onclick="myFunction()">Core
Subjects
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content" id="myDropdown">
<a href="#">OS</a>
<a href="#">COA</a>
<a href="#">Database</a>
</div>
</div>
</li>
<li><a href="ds.html">DataStructure
Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a
href="webapps.html">WebApps</a></li>
<li><a
href="mobileapps.html">MobileApps</a></li>
</ul>
</nav>
<aside> <ul>
<li>About Us</li>
</ul>
</aside>
<section>
<h5><p>
Faculty members are good they are well-experienced. They clarify
the doubts immediately. We can go to their cabin or hostel to meet
them. When the students are having doubts, some faculty members
live in the hostel. They help us when we have problems.Teachers are
very helpful and very qualified. The teaching quality is quite
impressive in these years.</p><br> <p> The
student to faculty ratio is around 8:1. We had an industrial visit
last year, and I look forward to visiting many more industries as
it was very knowledgeable and affordable.
</p></h5><br>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\fg.jpg" height="250"
width="700">
</section>
<footer>
<p>Created <span
id="datetime"></span></p>
<script>
var dt = new Date();
document.getElementById("datetime").innerHTML =
dt.toLocaleString();
</script>
<center> © Copyright 2019, All Rights
Reserved</center>
</footer>
<script>
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
window.onclick = function(e) {
if (!e.target.matches('.dropbtn')) {
var myDropdown = document.getElementById("myDropdown");
if (myDropdown.classList.contains('show')) {
myDropdown.classList.remove('show');
}
}
}
</script>
</body>
one.css
body {
align-content: center;
}
header {
background-color: white;
}
#img1 {margin-left: 300px;
margin-top: -15px;
}
#img2 {margin-left: 0px;}
h2 {}
#h4one {
font-family: fantasy;
font-size: 20px;
margin-left: 100px;
margin-top: -75px;
background-color: white;
}
#toplink {
margin-right: 260px;
}
#toplink2 {
margin-top: 10px;
margin-left: 882px;
}
aside {
margin-left: 260px;
height:400px;
width:100px;
background-color: antiquewhite;
}
section {
margin-top: -420px;
margin-left: 360px;
width: 713px;
height:400px;
background-color:white;
}
article {
background-color: blueviolet;
}
footer {
background-color:beige;
}
#nav1 {
margin-left: 260px;
margin-right: 260px;
height:30px;
background-color: red;
}
#nav2 {
background-color: yellow;
}
h4 {
margin-left: 100px;
margin-bottom: -px;
}
ul {
height:20px;
align-content:space-between;
}
li {
float: left;
height:40px;
margin-right: 40px;
margin-top: 4px;
}
h3 {
font:10px;
}
h5 {
font:15px;
font-style: oblique;
}
footer {
background: yellow;
}
.navbar {
overflow: hidden;
background-color: #333;
font-family: Arial, Helvetica, sans-serif;
}
.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.dropdown {
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
cursor: pointer;
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus
{
background-color: red;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {
background-color: #ddd;
}
.show {
display: block;
}
cs.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span
style="padding-right:2px;"><a href="E:\WEB
TECHNOLOGY\MYSITE\home.html">Home</a>
Email:[email protected]
<div>
<img id="img1" src="logo/logo.png" height="150"
width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg"
height="150" width="300">
</div>
</header>
<nav id="nav1">
<ul>
<li><a href="cs.html">Core
Subjects</a></li>
<li><a href="dstc.html">DataStructure
Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a
href="webapps.html">WebApps</a></li>
<li><a
href="mobapps.html">MobileApps</a></li>
</ul>
</nav>
<aside> <ul>
<li><a href="sub.html">About
Us</a></li>
<li><a
href="dstc.html">Staffs</a></li>
<li><a
href="gate.html">Staffs</a></li>
<li><a
href="java.html">Contacts</a></li>
</ul>
</aside>
<section>
<h5><p>
Faculty members are good they are well-experienced. They clarify
the doubts immediately. We can go to their cabin or hostel to meet
them. When the students are having doubts, some faculty members
live in the hostel. They help us when we have problems.Teachers are
very helpful and very qualified. The teaching quality is quite
impressive in these years. The student to faculty ratio is around
8:1. We had an industrial visit last year, and I look forward to
visiting many more industries as it was very knowledgeable and
affordable. </p></h5>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\cs.png" height="200"
width="700">
</section>
<footer>
<p>Created <span
id="datetime"></span></p>
<script>
var dt = new Date();
document.getElementById("datetime").innerHTML =
dt.toLocaleString();
</script>
<center> © Copyright 2019, All Rights
Reserved</center>
</footer>
</body>
ds.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span
style="padding-right:2px;"><a href="E:\WEB
TECHNOLOGY\MYSITE\home.html">Home</a>
</span></div>
Email:[email protected]
<div>
<img id="img1" src="logo/logo.png" height="150"
width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg"
height="150" width="300">
</div>
</header>
<nav id="nav1">
<ul>
<li><a href="cs.html">Core
Subjects</a></li>
<li><a href="dstc.html">DataStructure
Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a
href="webapps.html">WebApps</a></li>
<li><a
href="mobapps.html">MobileApps</a></li>
</ul>
</nav>
<aside> <ul>
<li><a href="sub.html">About
Us</a></li>
<li><a href="ds.html">Staffs</a></li>
<li><a
href="gate.html">Staffs</a></li>
<li><a
href="java.html">Contacts</a></li>
</ul>
</aside>
<section>
<h5><p>
Faculty members are good they are well-experienced. They clarify
the doubts immediately. We can go to their cabin or hostel to meet
them. When the students are having doubts, some faculty members
live in the hostel. They help us when we have problems.Teachers are
very helpful and very qualified. The teaching quality is quite
impressive in these years. The student to faculty ratio is around
8:1. We had an industrial visit last year, and I look forward to
visiting many more industries as it was very knowledgeable and
affordable. </p></h5>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\ds.jpg" height="200"
width="700">
</section>
<footer>
<p>Created <span
id="datetime"></span></p>
<script>
var dt = new Date();
document.getElementById("datetime").innerHTML =
dt.toLocaleString();
</script>
<center> © Copyright 2019, All Rights
Reserved</center>
</footer>
</body>
gate.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span
style="padding-right:2px;"><a href="E:\WEB
TECHNOLOGY\MYSITE\home.html">Home</a>
Email:[email protected]
</div>
<img id="img1" src="logo/logo.png" height="150"
width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg"
height="150" width="300">
</div>
</header>
<nav id="nav1">
<ul>
<li><a href="cs.html">Core
Subjects</a></li>
<li><a href="dstc.html">DataStructure
Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a
href="webapps.html">WebApps</a></li>
<li><a
href="mobapps.html">MobileApps</a></li>
</ul>
</nav>
<aside> <ul>
<li><a href="sub.html">About
Us</a></li>
<li><a
href="dstc.html">Staffs</a></li>
<li><a
href="gate.html">Staffs</a></li>
<li><a
href="java.html">Contacts</a></li>
</ul>
</aside>
<section>
<h5><p>
Faculty members are good they are well-experienced. They clarify
the doubts immediately. We can go to their cabin or hostel to meet
them. When the students are having doubts, some faculty members
live in the hostel. They help us when we have problems.Teachers are
very helpful and very qualified. The teaching quality is quite
impressive in these years. The student to faculty ratio is around
8:1. We had an industrial visit last year, and I look forward to
visiting many more industries as it was very knowledgeable and
affordable. </p></h5>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\gate.png" height="200"
width="700">
</section>
<footer>
<p>Created <span
id="datetime"></span></p>
<script>
var dt = new Date();
document.getElementById("datetime").innerHTML =
dt.toLocaleString();
</script>
<center> © Copyright 2019, All Rights
Reserved</center>
</footer>
</body>
java.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span
style="padding-right:2px;"><a href="E:\WEB
TECHNOLOGY\MYSITE\home.html">Home</a>
</span></div>
Email:[email protected]
<div>
<img id="img1" src="logo/logo.png" height="150"
width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg"
height="150" width="300">
</div>
</header>
<nav id="nav1">
<ul>
<li><a href="cs.html">Core
Subjects</a></li>
<li><a href="dstc.html">DataStructure
Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a
href="webapps.html">WebApps</a></li>
<li><a
href="mobapps.html">MobileApps</a></li>
</ul>
</nav>
<aside> <ul>
<li><a href="sub.html">About
Us</a></li>
<li><a
href="dstc.html">Staffs</a></li>
<li><a
href="gate.html">Staffs</a></li>
<li><a
href="java.html">Contacts</a></li>
</ul>
</aside>
<section>
<h5><p>
Faculty members are good they are well-experienced. They clarify
the doubts immediately. We can go to their cabin or hostel to meet
them. When the students are having doubts, some faculty members
live in the hostel. They help us when we have problems.Teachers are
very helpful and very qualified. The teaching quality is quite
impressive in these years. The student to faculty ratio is around
8:1. We had an industrial visit last year, and I look forward to
visiting many more industries as it was very knowledgeable and
affordable. </p></h5>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\java.png" height="200"
width="700">
</section>
<footer>
<p>Created <span
id="datetime"></span></p>
<script>
var dt = new Date();
document.getElementById("datetime").innerHTML =
dt.toLocaleString();
</script>
<center> © Copyright 2019, All Rights
Reserved</center>
</footer>
</body>
webapps.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span
style="padding-right:2px;"><a href="E:\WEB
TECHNOLOGY\MYSITE\home.html">Home</a>
</span></div>
Email:[email protected]
<div>
<img id="img1" src="logo/logo.png" height="150"
width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg"
height="150" width="300">
</div>
</header>
<nav id="nav1">
<ul>
<li><a href="cs.html">Core
Subjects</a></li>
<li><a href="dstc.html">DataStructure
Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a
href="webapps.html">WebApps</a></li>
<li><a
href="mobapps.html">MobileApps</a></li>
</ul>
</nav>
<aside> <ul>
<li><a href="sub.html">About
Us</a></li>
<li><a
href="dstc.html">Staffs</a></li>
<li><a
href="gate.html">Staffs</a></li>
<li><a
href="java.html">Contacts</a></li>
</ul>
</aside>
<section>
<h5><p>
Faculty members are good they are well-experienced. They clarify
the doubts immediately. We can go to their cabin or hostel to meet
them. When the students are having doubts, some faculty members
live in the hostel. They help us when we have problems.Teachers are
very helpful and very qualified. The teaching quality is quite
impressive in these years. The student to faculty ratio is around
8:1. We had an industrial visit last year, and I look forward to
visiting many more industries as it was very knowledgeable and
affordable. </p></h5>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\java.png" height="200"
width="700">
</section>
<footer>
<p>Created <span
id="datetime"></span></p>
<script>
var dt = new Date();
document.getElementById("datetime").innerHTML =
dt.toLocaleString();
</script>
<center> © Copyright 2019, All Rights
Reserved</center>
</footer>
</body>
mobileapps.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span
style="padding-right:2px;"><a href="E:\WEB
TECHNOLOGY\MYSITE\home.html">Home</a>
</span></div>
Email:[email protected]
<div>
<img id="img1" src="logo/logo.png" height="150"
width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg"
height="150" width="300">
</div>
</header>
<nav id="nav1">
<ul>
<li><a href="cs.html">Core
Subjects</a></li>
<li><a href="dstc.html">DataStructure
Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a
href="webapps.html">WebApps</a></li>
<li><a
href="mobapps.html">MobileApps</a></li>
</ul>
</nav>
<aside> <ul>
<li><a href="sub.html">About
Us</a></li>
<li><a
href="dstc.html">Staffs</a></li>
<li><a
href="gate.html">Staffs</a></li>
<li><a
href="java.html">Contacts</a></li>
</ul>
</aside>
<section>
<h5><p>
Faculty members are good they are well-experienced. They clarify
the doubts immediately. We can go to their cabin or hostel to meet
them. When the students are having doubts, some faculty members
live in the hostel. They help us when we have problems.Teachers are
very helpful and very qualified. The teaching quality is quite
impressive in these years. The student to faculty ratio is around
8:1. We had an industrial visit last year, and I look forward to
visiting many more industries as it was very knowledgeable and
affordable. </p></h5>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\java.png" height="200"
width="700">
</section>
<footer>
<p>Created <span
id="datetime"></span></p>
<script>
var dt = new Date();
document.getElementById("datetime").innerHTML =
dt.toLocaleString();
</script>
<center> © Copyright 2019, All Rights
Reserved</center>
</footer>
</body>
Design an original, professional web site following the specifications listed below. This web sit...
Create a website on a topic of your choosing. Site should include the following: Design: Site Map (Task 7) Page-layout for each page (Task 8) Homepage . . o Title o Navigation Links o Footer o Minimum of 1 graphic 4 additional pages that are linked to home page o o o Navigation Links (link back to homepage) Minimum of 1 graphic per page Footer (matching homepage) CSS should be used for formatting visual aspects of site. Use either external...
Complete a SIX webpage using notepad or notepad++ about your favorite hobby that contains the following: The project should include the following pages: home page form page 4 or more additional pages to render complete coverage a site map – three levels or more (not included in the page count) The pages should contain: a two- or three-column layout CSS must be used for layout one external CSS file will contain formatting for the site (the bulk of css goes...
Different answer beside the existing one Create a web site (set of web pages) for a zoo. The following requirements must be met: 1. The home page must have an image map with 2 hot spots. One of the hot spots must be a circle shape; the other must be a polygon shape. The example output home page image map has 4 hot spots (3 circles and 1 polygon). Your image map must be based on a real zoo map....
Creating the Home and Template Pages Overview In this assignment, you will start building your Web site for your fictional organization by creating a homepage using HTML5 and some of the key elements that define a Web page. You are required to use either a simple text editor to write your code, or an enhanced text editor such as Brackets. Note: Microsoft Word is not a good tool for developing code because it is a document processor and not a...
For milestone #1, we will start the CARIT site with three static HTML pages and a CSS file. Create a dedicated folder for this project. This folder should contain all related files in this project. The future milestones are cumulative and built directly on top of your prior work. Function/content requirements: A home page named “index.html”, which include these contents at least: Description of the center. You may reference the example sites. Latest news: use list tags; make up some...
i need help with this homework webpage and code too: The webpage must include: Global Structure Tags Text Tags Images Your first page must be named index.html Include a table within your site, challenge yourself to add a header in the table, and choose interesting border and/or cell formatting. Include a hyperlink within your site. Include an image in your site. Include a form in your site to demonstrate understanding of a variety of form components (the form does not...
Could you create a website based on html and css? Details in the below: Note: You can put link that I can download that folder Based on Project 2-1, do the necessary changes to have a webpage structure of a header, main, and footer sections. Then: •Set the width of the page to 700px •Use the font family starting with Verdana •Move one of the images from your Project 2-1 to the header. •Set the width of the header image...
This is your opportunity to be creative! You are required to create a minimum of two HTML pages. The first required web page is your Home Page, which is about you. The second web page describes a place to which you have traveled or would like to travel. Each of your web pages will be graded for content, creativity, and for appropriate use of the HTML statements that have been discussed in class. You must use a text editor and...
You are planning to build a Web Site for a fictitious local organization or charity. The website should allow the visitor to subscribe to a newsletter (simulated), present past newsletters, and view images related to the organization or efforts. You need to complete the entire design phase and then implement the Web application. Please create the Word document and answer the following questions: Identify the goal of the website: Who are the end users? Why do you need to have...
HTML Web Page project: Need help to create a web page exactly as the example below using HTML. I need the source code. Page 1 of CA272 Midterm Welcome to your name's CA272 Midterm Text In this class, I learned how to... 1. create an X)HTML web page, where I can 2. change the size of my font, 3. change the color of my fonts, 4. change my font style, 5. and change the background color of my web page....