ZuoTi.Pro
Question

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 CSS file. You may . use embedded or inline if needed. At least one use of a Class and an ID One form Some use of JavaScript throughout the site. Add some HTML5, CSS3, and/or Javascript that you found and taught yourself about. . All code should be run through the HTML 5 validator and a statement made in your final write up that either all pages were validated or why they are not passing validation
engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

index.html page

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<style>

.row {

max-width: 900px;

min-height:200px

}

.footer {
  position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
  color: white;
  text-align: center;
}

</style>

</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top " style="background-color: #e3f2fd;">

<div class="container-fluid">

<div class="col-sm-3">

<p><img src="schoollogo.png" alt="L1" style="width:300px;height:50px;" ></p>

</div>

<div class="col-sm-9">

<ul class="nav navbar-nav navbar-center">

<li > <a href="/index.html" class="external" >Home</a></li>

<li> <a href="/sr.html" class="external" >Student Regestration</a></li>

<li> <a href="/aboutus.html" class="external" >About us</a></li>

<li> <a href="/contactus.php" class="external" >Contact us</a></li>

<li> <a href="/index.html" class="external">logout</a></li>

</ul>

</div>

</div>

</nav>

<div >

<img src="step0001.jpg"
width="100%" >

<center> <h1> <strong style="font-family:Nunito; color:red;">NEW ENGLISH SCHOOL.</strong> </h1> </center>

<center> <h2> <strong style="font-family:Nunito;"> Our Word is Our Trust </strong> </h2> </center>

</div>

<div class="footer">
  <p>Footer</p>
</div>

</body>

</html>

--------------------------------------------------------------------------------------------------------------------

secondpage sr.html :-(sudent registration)

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<style>

button

{

color: white;

text-shadow: 2px 2px 4px #000000;

}

.footer {
  position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
  color: white;
  text-align: center;
}

.signin {
background-color: #f1f1f1;
text-align: center;
}

</style>

</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top " style="background-color: #e3f2fd;">

<div class="container-fluid">

<div class="col-sm-3">

<p><img src="schoollogo.png" alt="L1" style="width:300px;height:50px;" ></p>

</div>

<div class="col-sm-9">

<ul class="nav navbar-nav navbar-center">

<li > <a href="/index.html" class="external" >Home</a></li>

<li> <a href="/sr.html" class="external" >Student Regestration</a></li>

<li> <a href="/aboutus.html" class="external" >About us</a></li>

<li> <a href="/contactus.php" class="external" >Contact us</a></li>

<li> <a href="/index.html" class="external">logout</a></li>

</ul>

</div>

</div>

</nav>

<form action="process_page.php , onSubmit="return formValidation();">
  <div class="container">
    <h1> _Please Register here</h1>
    <p>Please fill in this form to create an account.</p>
    <hr>

<label for="Name"><b>Enter Your Name</b></label>
    <input type="text" placeholder="name" name="name" required>

<label for="class"><b>Enter Your class</b></label>
    <input type="text" placeholder="Enter class" name="class" required>

<label for="age"><b>Enter Your Age</b></label>
    <input type="text" placeholder="Enter age" name="age" required>

<label for="gender"><b>Enter Your gender</b></label>

<input type="radio" name="gender" value="male" checked> Male<br>

  <input type="radio" name="gender" value="female"> Female<br>

    <label for="email"><b>Enter Your Email</b></label>
    <input type="text" placeholder="Enter Email" name="email" required>

    <label for="psw"><b>Password</b></label>
    <input type="password" placeholder="Enter Password" name="psw" required>

  

    <p>By creating an account you agree to our <a href="#">Terms & Privacy</a>.</p>
    <button type="submit" class="registerbtn">SUBMIT</button>
  </div>

  <div class="container signin">
    <p>Already have an account? <a href="#">Sign in</a>.</p>
  </div>
</form>

<div class="footer">
  <p>Footer</p>
</div>

</body>

</html>

function userid_validation(name)

{

var uname_len = name.value.length;

if (uname_len == 0 )

{ alert("User Id should not be empty);

uid.focus();

return false;

} return true;

}

//all fields should be validated like above

------------------------------------------------------------------------------------------------------

THIRD PAGE aboutus.html

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<style>

.footer {
  position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
  color: white;
  text-align: center;
}

</style>

</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top " style="background-color: #e3f2fd;">

<div class="container-fluid">

<div class="col-sm-3">

<p><img src="schoollogo.png" alt="L1" style="width:300px;height:50px;" ></p>

</div>

<div class="col-sm-9">

<ul class="nav navbar-nav navbar-center">

<li > <a href="/index.html" class="external" >Home</a></li>

<li> <a href="/sr.html" class="external" >Student Regestration</a></li>

<li> <a href="/aboutus.html" class="external" >About us</a></li>

<li> <a href="/contactus.html" class="external" >Contact us</a></li>

<li> <a href="/index.html" class="external">logout</a></li>

</ul>

</div>

</div>

</nav>

<div class="container-fluid" >

<div class="row">

<div class="col-lg-12 >

  

<center><p><img src="pms.jpg" class="img-rounded" alt="graph" style="width:500px;height:500px;"></p></center>

<center> <p><img src="aboutus.png" class="img-rounded" alt="graph" style="width:12000px;height:1000px;"></p></center>

</div>

</div>

<div>

PARAGRAPH ON INFORMATAION ABOUT SCHOOL

</div>

</div>

<div class="footer">
  <p>Footer</p>
</div>

</body>

</html>

------------------------------------------------------------------------------------------------------

FOURTH PAGE contactus.html

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<style>

.footer {
  position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
  color: white;
  text-align: center;
}

h1

{

color: RED;

text-shadow: 2px 2px 4px #000000;

}

.p {
background-color: blue;
text-align: center;
}

</style>

</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top " style="background-color: #e3f2fd;">

<div class="container-fluid">

<div class="col-sm-3">

<p><img src="schoollogo.png" alt="L1" style="width:300px;height:50px;" ></p>

</div>

<div class="col-sm-9">

<ul class="nav navbar-nav navbar-center">

<li > <a href="/index.html" class="external" >Home</a></li>

<li> <a href="/sr.html" class="external" >Student Regestration</a></li>

<li> <a href="/aboutus.html" class="external" >About us</a></li>

<li> <a href="/contactus.html" class="external" >Contact us</a></li>

<li> <a href="/index.html" class="external">logout</a></li>

</ul>

</div>

</div>

</nav>

<div class="container-fluid">

<div class="col-sm-3">

<img src="anyimageaboutschool.jpg" class="img-rounded" alt="graph" style="width:500px;height:500px;">

</div>

<div class="col-sm-9">

<h1> NEW ENGLISH SCHOOL</h1>

<p> Address of School</p>

<p>contact number</p>

<p>Email Address</p>

</div>

</div>

<div class="footer">
  <p>Footer</p>
</div>

</body>

</html>

-----------------------------------------------------------------------------

Site Map

HOME

-Student Registration

-Process_page.php

- About us

-contact us

-logout

0 0
Add a comment
Know the answer?
Add Answer to:
Create a website on a topic of your choosing. Site should include the following: Design: Site...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • Design an original, professional web site following the specifications listed below. This web sit...

    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: You will thoroughly test all your pages in more than one browser. All links MUST work. All graphics must show on the page. All...

  • Remember to include: A consistent design and color scheme An external CSS document to control these...

    Remember to include: A consistent design and color scheme An external CSS document to control these aspects CSS applied to a single page Use of inline styles A consistent navigation between parts of your site A minimum of 5-8 pages At least three external hyperlinks An email link with the subject filled in A form (it does NOT have to connect to a database because that is beyond the scope of this class) Properly placed images on at least three...

  • Complete a SIX webpage using notepad or notepad++ about your favorite hobby that contains the following:...

    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...

  • Creating the Home and Template Pages Overview In this assignment, you will start building your Web...

    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...

  • code a website in html about vacational about atleast 3 vacational spots. the requirements are as...

    code a website in html about vacational about atleast 3 vacational spots. the requirements are as follows Home page and at least 5 content pages A single external CSS file controlling styles across the site (internal and embedded styles may also be used when appropriate) Consistent "look and feel" throughout the site (logo, color scheme, layout, navigation) Consistent navigation throughout the site Use at least three images in addition to the logo (images should have alternate text) Include at least...

  • You've been hired to create a website for Eating Well in Season, a business in Glover,...

    You've been hired to create a website for Eating Well in Season, a business in Glover, Vermont, that delivers produce from local farms to its customers. Another team member has created a style sheet for the site but has been unable to resolve some errors in the code. You continue your work on the site by linking to and debugging the style sheet, incorporating a color scheme, and aligning the page content. index.html <!DOCTYPE html> <html lang="en"> <head> <title>Eating Well...

  • Assignment Details You will create a website for handling Recipes, including recipe ingredients. In this assignment you will construct the basic layout, design, and preliminary navigation. Additio...

    Assignment Details You will create a website for handling Recipes, including recipe ingredients. In this assignment you will construct the basic layout, design, and preliminary navigation. Additionally, you will develop the initial brand for your recipe site. Create views for the following pages: 3 marks (1) Home The main page of the Recipe Site 3 marks 2) Recipelist Page to display the collection of Recipes 3 marks -(3) AddRecipe Page to add a new Recipe 3 marks -(4) ViewRecipe- Page...

  • For milestone #1, we will start the CARIT site with three static HTML pages and 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...

  • Could you create a website based on html and css? Details in the below: Note: You...

    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...

  • Different answer beside the existing one Create a web site (set of web pages) for a...

    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....

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
Active Questions
ADVERTISEMENT