Using Templates

USING TEMPLATES

This lesson we used a HTML template and changed the parts of the website to make them our own. I changed the images that came with the template on photoshop and uploaded them. I also went into the HTML code and changed he text on the page. I changed all the navigation bar names on the code and added a link from them, like this:

<nav>
    <ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html">About</a></li>
<li><a href="videos.html">Videos</a></li>
    <li><a href="catpics.html">Cat Pics</a></li>
    <li><a href="cattunes.html">Cat Tunes</a></li>

    </ul>
    </nav>

As you can see I put a '<a href='for the hyperlinks to the new pages. This meant that now people click on the navigation bar they will be taken to that page.

I also changed the logo on the page. I did this by opening the logo image source in photoshop, and just played around to change the logo. I then saved this over the original image and refreshed the file in my browser and the logo changed.