Wizard'S Homepage

Lection 1

Surely, you've seen nice Internet-pages in the web and wished: "I would like it to do, too! But how?" In this subject your wish becomes truth - supposed you don't give up after a few disadvantages. In fact you have everything on your computer, to build your own Homepage:

  • a textprogram, e.g. Wordpad
  • a browser for testing
  • and a bookmark on this site

    • Let's start! It might take us a few minutes, so cut the connection.

    First, you make a new directory, which could be named "hp". In this one, all sites, pics ... you need for your HP are put in.

    Please now open Wordpad! Write following in the
    1st row: <html>
    2nd row: <head>
    3rd row: </head>
    4th row: <body>
    5th row: My first wizards' Homepage
    6th row: </body>
    7th row: </html>
    As you can see, each tag (e.g. <html>) is ended through a / (e.g. </html>).
     
    The whole thing you save in the directory which you made before (e.g. hp?). Pay attention, that the file is named index.html and that it is a text-file (only text)
    Word and similar programs generally write (invisible) extra-informations in the files. You avoid that, if saying "Textdocument" when saving (chooseable at "Type of File").
    That is really very important, if you don't do that, nothing works.
     
    If you've finished with that, you can have a look on, what you did. Open the InternetExplorer, Netscape or sth similar. If one connects you to the Internet, clicl on offline working or Cancel. Go on top File>Open(>Browse)>work-place>your platform(C:)>your directory (hp)>index.html and saying "ok" (2 times"). You should see a site with the of you chosen headline. It might isn't what you hoped, but it is the beginning.
     
    How to give your Site a title
    Put in between row 2 and 3 following:
    <title> Toms Homepage </title>
    Instead of Tom, take your name. After saving, have a look at that site and say "Actualizise". Then, you will see no changes, will you? Yes, the title is shown, which one would see if he does a bookmark.
     
    How to change the size of text
    Change row 5 as following:
    5th row: <h1>My</h1> <h2>very</h2> <h1>first Homepage</h1>
    After saving und Actualizising have a look an your page and try some other numbers at the "h".
     
    How to change the Font-Style
    In front of where the style should be changed, write following (for example)
    <p><font face="Cosmic Two" >My first Homepage</font></p>
    The Style, you've chosen, has to exist. Only people who installed it too, are ablre to see the change of the style (the others are seeing Times New Roman).
     
    How to change the colour of the text
    Put in following in the body:
    <p> Today, I'm very <Font Color=0000ff"> blue </font>
     
    How to make a background colour
    Put following in row 5:
    <body bgcolor=#ffff00>
     
    For 2nd lection turn here (please click)!