Intro to Web Design IP3

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>

Please submit your assignment.

EM200 Unit 3 Individual Project 100pts

Task Requirements

Created Page 2 of your Web site. 10/10pts

Created Page 3 of your Web site. 10/10pts.

One image or graphics file for the logo of the site. 5/5pts

Demonstration and application of knowledge

Added links using the <a> tag to all 3 pages of your site. All pages must be linked to one another properly and have all links on all pages. 35/35pts.

Proper HTML coding used with no errors. 20/20pts

Proper Format

6. Assignment was submitted in proper file organization format in a zip folder that contained the html files as shown under Task List One . 20/20pts
TAKE ADVANTAGE OF OUR PROMOTIONAL DISCOUNT DISPLAYED ON THE WEBSITE AND GET A DISCOUNT FOR YOUR PAPER NOW!

To enjoy our big discount, type the Discount Code on the Discount box & click Use Code to apply the discount.

DISCOUNT 22% OFF

Coupon Code -CPH22
  • Buy an assignment from
  • us today and save 22%!
  • Enter the discount code: CPH22
toggle