Unit 2

Making a
web page
the basics

Unit aims
This unit will enable you to format and manipulate text within html

Required learning for this unit
Changing font style
Different breaks
Changing background
Changing colours
Creating tables
Making frames
Link to other documents
Use pictures in pages

Unit outcomes
At the end of this unit you will be able to:

  • Change font style within a document
  • use breaks effectively
  • change colours within a document for background and fonts
  • create a table
  • use frames
  • link to other documents
  • install pictures in pages

    Reference materials for this unit

    Activity 4
    Activity 5
    Activity 6
    Activity 7
    Activity 8
    Learning time for this unit
    1 hour contact 10 hours independent

    In undertaking this Unit it is not enough simply to READ the material - you have to interact with and experiment with the material which we will present to you. We encourage you to make linkages between activities and to link ideas together. We have tried to make this Unit as interactive as possible and to cut down on the amount of mindless typing which you have to do. You will see through the text that we have included areas which are titles Try it here - you can use these boxes to try and see the effects of the style we are showing you (and indeed should, if not MUST, do so) - you can use the boxes by typing in the style you want to see, cut and paste the script we suggest or ammend anything you have in the box at the present. Once you have filled the box click and the script (mini script) you ahve entered will be interpreted as html and displayed for you.

    As a beginning overview this section is not identified as an activity since it is central to the creation of any html page.

    Getting started

    The basics of a page (those commands which MUST be included in all pages) are as follows:

    1/ an identifcation of the page as html

    <html>

    2/ title of the page - this appears in the blue bar at the top of the page NOT in the page itself

    <title>title goes here</title>

    3/ the page itself

    <body>

    4/ the page contents (which you enter)

    5/ the end of the page

    </body></html>

    here is your first chance to try it out.....
    Cut and paste the following script into the box and click to see what appears. Then change the content of the title and type something to replace the 'body' of the page - you can just run your finger across the keypad if you want!

    DONT FORGET to click the back button to return here

    <html>
    <title>This is a bit of a play around</title>
    <body>The text of the page goes here
    </body></html>

    TRY
    IT
    HERE
    on the
    backup
    server


    Now you can create a page we should work on the contents of the page. The most basic thing is to be able to manipulate the presentation of the fonts. This is covered in Activity 4

    You should now be able to manipulate the fonts which you use in your page. The remainder of the commentary in this unit is contained in the activities so you can now move on to look at:

  • Activity 5
  • Activity 6
  • Activity 7
  • Activity 8