About

Directions

You will need to go though your HTML code and ensure the following:

    • Go to your index.html file and move your links to the top of the page by cutting and pasting the list links right after the <body> tag and move your </ul> after your H1 title. The title should be capitalized except for words like a, the, as.
    • Your links should be in the following order: HOME, ABOUT, INSPIRE, DEVELOP and each of those pages are linked to that page and right aligned. Make sure that your banner extends the full length of your browser's page when you are looking at it on your Macbook or viewing it on half of your iMac screen.
    • Copy your banner, h1 website title, & links paste the code to the top of each of your webpages (ABOUT, INSPIRE, DEVELOP) and below each, type the H2 title tag of each page (e.g. About, Develop, Inspire). If the Develop page has the text "People Who Have Inspired Me" change it to simply "Inspire."
    • Go to each of your <title> tags in the head of each page and change it to the name of the page and your name (e.g. INSPIRE: JOHN LEE).
    • Write a short paragraph (3-4 sentences) for your about.html page and explain which area of your hobby you are involved with. For example, if your hobby is basketball explain if you like playing it, watching it, coaching it, etc. Add a sentence that says if you want to learn more about the basketball, visit www.websitename.com (example below). Make the link clickable that goes to that website by using the <a href> tag just like you did for your links at the top of the page.
    • Then insert an image from Flickr or Google below the paragraph that relates to the paragraph.
    • Go to your index.html page and insert your class profile photo you took below your <h1> title header on the homepage on the main part of the page. If you do not have the photo, take one with your computer in Photobooth. Add a border around the image and center your photo on the page and you can choose how big it is.
    • All of your text on your webpages needs to have the tag <p> or a heading tag (h1, h2, etc) so that you will have control to change the text colors later through the CSS file.
    • Add the text following text and open and closed tags at the bottom middle of all your html webpages. Do not change the color or style of the font.
    • <hr>
      • <span class="customstyle">
      • WEB MASTER
      • <br>
      • YOUR FIRST & LAST NAME
      • </span>
    • Go to your Develop page and add <h5> description titles (5 words or less) under each of your two images with a <br> tag to separate the photo from the text.
    • Use a double <br> tag from the description and the next photo below to add more separation.
    • Take a screenshot of each of your pages and submit to Schoology and then Watch & take Cornell notes on the World Wide Web. If you are in class you can work ahead on CSS.