Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

2. Create a version of your website that parallels our nature1 example of this c

ID: 3604862 • Letter: 2

Question

2.           Create a version of your website that parallels our nature1 example of this chapter. That is, your site must have only a home page, but it must also have the rotating images and dropdown menus analogues to what you see in figure 7.1 of the text. Or, if you wish, give it a fancier dropdown menu. The one in the text can regarded as minimal dropdown menu whose functionality you should be able to relocate using the text code as a model and making appropriate changes for your particular situation. On the other hand, there are lots of dropdown menu options out there on the internet, and you may find one more to your liking. If you do, and its not illegal to do so, go ahead and use it instead. The menu options and suboptions will of course depend on the nature of your website. In this part of these exercises, none of the menu options on either the main menu bar or the dropdown submenus should be active. In other words, your resulting website should “parallel” our nature1 example, in which none of the links are active.

3.           Make a copy of your website from exercise2 above, and revise it so that all menu links become active and the same header with menu bar and associated dropdown menu options appear on all pages. The rotating images are to appear only on your home page, since you don’t want to distract the user from the serious business of buying your products once that user has started to browse your site. The appearance of the business logo and menu bar on all pages helps give your visitors a feeling of consistency in the “look” and “feel” of your site as they browse from page to page. In any case, your result this time should “parallel” our nature2 example, in which all of the links are acitive on all pages.

Here are my pages and I am having trouble making it active. What am I doing wrong.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<!-- document_head.html -->
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/shtml; charset=UTF-8">
    <meta name="viewport" content="width=device-width">
    <base href="http://http://" ">
    <link rel="stylesheet" href="css/desktop.css">
    <link rel="stylesheet" href="css/tablet.css"
          media="screen and (max-width: 900px)">
    <script src="scripts/rotate.js"></script>
    <script src="scripts/menus.js"></script>
    <script src="scripts/cartFormProcess.js"></script>
    <script src="scripts/cartFormValidate.js"></script>
    <script src="scripts/cartCalculate.js"></script>
    <script src="scripts/feedbackFormValidate.js"></script>
    <title>bikerChick13 - Lincoln County's bikerChick Apparel Shoppe</title>
</head>

<!-- menus.html -->
    <nav>
      <ul class="Links">
        <li><a href="index.html">Home</a></li>
        <li><a href="pages/estore.html"
              >e-store</a></li>
        <li>
          <span>Products+Services</span>
          <div id="m3">
            <a href="pages/catalog.html">Product Catalog</a>
            <a href="pages/featured.html">Vintage Products</a>
            <a href="pages/services.html">Services</a>
       
          </div>
        </li>
        <li>
          <span>Your Bike's Health</span>
          <div id="m4">
            <a href="pages/tools.html">Tools+Resources</a>
            <a href="pages/expert.html">Ask An Expert</a>
            <a href="pages/links.html">Useful Links</a>
          </div>
        </li>
        <li>
          <span>About Us</span>
          <div id="m5">
            <a href="pages/about.html">bikerChick13</a>
            <a href="pages/vision.html">Vision+Mission</a>
            <a href="pages/news.html">Around Town</a>
          </div>
        </li>
        <li>
          <span>Contact Us</span>
          <div id="m6">
            <a href="pages/locations.html">Locations</a>
            <a href="pages/feedbackForm.html">Feedback Form</a>
          </div>
        </li>
        <li><a href="pages/sitemap.html">Site
        Map</a></li>
      </ul>
    </nav>

<!--#include virtual="common/document_head.html"-->
<!-- index.html for ch07/bikerChick13-->
<body>
    <header>
      <!--#include virtual="common/logo.html"-->
      <!--#include virtual="common/menus.html"-->
    </header>
    <main>
      <article id="textLeft">
        <h3>Welcome to Nature's Source:<br>
          Protecting your health naturally!</h3>
        <p>Biker Chick 13 is a one stop shop for women riders that is located off of Highway 79 on Main Street in Elsberry, MO. We specialize in biker chick apparel, riding gear and of course some bling that every biker chick must have. Stop by after a scenic ride down Highway 79 and see why we are the most popular business in Lincoln County.</p>
       <p>We offer a variety of new and resale of riding gear and accessaries. If you can't afford new leather or your leathers have "shrunk" then we can fit your needs. Not only do we have new riding gear but you can come into our store, bring in your used leathers and get a discount off another purchase. We have a gently used section of unique items that every Biker Chick should check out. Get a one of a kind item that you can not find anywhere else.</p>
       <p>We also have an assortment of jewelry from biker vendors such as Harley
   Davidson as well as local artisans. You want sparkly bling...we have it.
   You want earthy type stone work of art jewelry...we have that too!
   Every Biker Chick has their own style and needs that we want to fulfill. </p>
      </article>
      <div id="image">
        <img id="placeholder" src="images/"
             alt="Healthy Lifestyle"
             width="256" height="256">
      </div>
    </main>
    <footer>
      <!--#include virtual="common/footer_content.html"-->
    </footer>
</body>
</html>

<!-- footer_content.html -->
                       670 Main Street, Elsberry, Missouri 63343 &copy; 2017 Biker Chick 13&trade;, All Rights Reserved.

<!-- logo.shtml -->
      <div id="logo">
          <img src="images/bikerChick_logo.png"
               alt="Nature's Source"
               width="608"
               height="90">
      </div>

Explanation / Answer

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<!-- document_head.html -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/shtml; charset=UTF-8">
<meta name="viewport" content="width=device-width">
<base href="http://" "> <!-- give your URL -->
<link rel="stylesheet" href="css/desktop.css">
<link rel="stylesheet" href="css/tablet.css"
media="screen and (max-width: 900px)">
<script src="scripts/rotate.js"></script>
<script src="scripts/menus.js"></script>
<script src="scripts/cartFormProcess.js"></script>
<script src="scripts/cartFormValidate.js"></script>
<script src="scripts/cartCalculate.js"></script>
<script src="scripts/feedbackFormValidate.js"></script>
<title>bikerChick13 - Lincoln County's bikerChick Apparel Shoppe</title>
</head>
<!-- menus.html -->
<nav>
<ul class="Links">
<li><a href="index.html">Home</a></li>
<li><a href="pages/estore.html"
>e-store</a></li>
<li>
<span>Products+Services</span>
<div id="m3">
<a href="pages/catalog.html">Product Catalog</a>
<a href="pages/featured.html">Vintage Products</a>
<a href="pages/services.html">Services</a>

</div>
</li>
<li>
<span>Your Bike's Health</span>
<div id="m4">
<a href="pages/tools.html">Tools+Resources</a>
<a href="pages/expert.html">Ask An Expert</a>
<a href="pages/links.html">Useful Links</a>
</div>
</li>
<li>
<span>About Us</span>
<div id="m5">
<a href="pages/about.html">bikerChick13</a>
<a href="pages/vision.html">Vision+Mission</a>
<a href="pages/news.html">Around Town</a>
</div>
</li>
<li>
<span>Contact Us</span>
<div id="m6">
<a href="pages/locations.html">Locations</a>
<a href="pages/feedbackForm.html">Feedback Form</a>
</div>
</li>
<li><a href="pages/sitemap.html">Site
Map</a></li>
</ul>
</nav>

Hire Me For All Your Tutoring Needs
Integrity-first tutoring: clear explanations, guidance, and feedback.
Drop an Email at
drjack9650@gmail.com
Chat Now And Get Quote