create a 3-page Web site with navigation links to ensure proper movement throughout the site, assignment help

for the Phase 3 Individual Project assignment, you will create a 3-page Web site with navigation links to ensure proper movement throughout the site. The first page of the Web site was previously created in Phase 2. You will add 3 navigation links to the <nav> section of the index.html page. Then, you will create the second and third pages of your Web site. They can have names of your choice. For this template, the second and third pages are called about.html and contact.html.

Step 1:Add navigation links to the navigation section of your index.html file (the first page of your Web site), and resave your work as index.html.

<!DOCTYPE html>

<html>

<head>

<title>Homepage</title>

</head>

<body>

<header>

<img src=”logoimage1.jpg” height=”300″ width=”300″ alt=”logo image”>

<h1>Sample Web Site</h1>

</header>

<nav>

<a href=”index.html”>Home</a>

<!– Decide the name for your second Web page. In this template, the second page is called about.html. –>

<a href=”about.html”>About</a>

<!– Decide the name for your third Web page. In this template, the third page is called contact.html. –>

<a href=”contact.html”>Contact</a>

</nav>

<section>

<h3>Continue to add content for the Homepage.</h3>

</section>

<footer>

<h4>Copyright year, your name, date, class, section number</h4>

</footer>

</body>

</html>

Step 2:Create the second page of your Web site. Change the title of the page, and add content information in the <section>area so that it corresponds with the topic of the second Web page. When completed, save your file with an appropriate name and a .html extension.

<!DOCTYPE html>

<html>

<head>

<title>About</title>

</head>

<body>

<header>

<img src=”logoimage1.jpg” height=”300″ width=”300″ alt=”logo image”>

<h1>Sample Web Site</h1>

</header>

<nav>

<a href=”index.html”>Home</a>

<a href=”about.html”>About</a>

<a href=”contact.html”>Contact</a>

</nav>

<section>

<h3>Continue to add content for the About page.</h3>

</section>

<footer>

<h4>Copyright year, your name, date, class, section number</h4>

</footer>

</body>

</html>

Step 3:Create the third page of your Web site. Change the title, and add content to the <section>area so that it corresponds with the topic that you chose for the third Web page. When completed, save the .html file.

<!DOCTYPE html>

<html>

<head>

<title>Contact</title>

</head>

<body>

<header>

<img src=”logoimage1.jpg” height=”300″ width=”300″ alt=”logo image”>

<h1>Sample Web site</h1>

</header>

<nav>

<a href=”index.html”>Home</a>

<a href=”about.html”>About</a>

<a href=”contact.html”>Contact</a>

</nav>

<section>

<h3>Continue to add content for the contact page.</h3>

</section>

<footer>

<h4>Copyright year, your name, date, class, section number</h4>

</footer>

</body>

</html>

"Is this question part of your assignment? We can help"

ORDER NOW