Tutorials
Navigation
  • Index
  • Finish

  • Home Page
  • Home

  • HTML


    The Finishing Touch

    So, you can make an html page, and on that page you can change your font, change your backgrounds, create lists, and make nice tables. You can do this more than once, and then link the pages together.

    Whats next? Putting them together. How can all these elements come together to make a really good website? Well, a style I like to use is to make the page into one big table. Everything on the page is within the table, and the table is spread across the whole page.

    The elements of the table, similar to this website, could be a title bar across the top, a navigation bar down the side, a main section in the center/right and then a finishing point such as a hit counter (provided in the resources at places like geocities.com).

    Very basically, this could be coded as follows:

    <table border=1 bordercolor=#222244 cellspacing=1 cellpadding=1 width=100%>
    <tr bgcolor=#993300>
    <td colspan=2> Top Bar </td> </tr>
    <tr> <td bgcolor=#222277 width=30%>

    Navigation


    Along here

    </td> <td bgcolor=#aa0000 width=70%>

    Main Section


    Main stuff

    </td> </tr>
    <tr bgcolor=#999900>
    <td colspan=2> End Row </td> </tr>
    </table>

    To see what this would look like, click here

    The colours and proportions can all be changed, then it is simply a matter of fine tuning things to what you want. As you add things to your page, it becomes more and more presentable. For example, if I now add a picture to the page, using the tag:

    <img src="tutorial.gif" border=2 alt="Extra Picture">

    I can also add things in the navigation bar as links to parts of this tutorial. I will add two links. One to return here, and one to go to the tutorial index. This can be done as follows, in list form:

    <ul>
    <li><a href="tutorial9.html">Tutorial 9</a>
    <li><a href="tutorials.html">Main Index</a>
    </ul>

    With these alterations, the page now looks like this

    That's the end of these html tutorials. Hopefully anybody just getting into website creation will now be able to design a reasonable website. The stuff on this page is just a basic skeleton that could be used, or not at all. There are infinitely many ways of designing web pages, so I just suggest you get out there, start putting some pages together, and see where things take you. Have fun!

    <<< Previous TutorialTutorial Index

    Thank you for visiting my home page.
    Hosted by www.Geocities.ws

    1