Designing web pages Activity 1 - What is a web site?

Site Map

Learning Pathway

Activities

Activity 1: What is a website?

Reading 'what is a website': 30 mins
Reading tip sheets: 30 mins
Creating your website: 60 mins

2 hrs

Use your e-diary to make opening comments. Click here to open the e-diary, save it to your personal folder after writing your comments.

Note: Your tutor will have indicated to you which format to use for your e-diary. The Word document linked above gives you the basic template for a reflective journal, but your tutor may require you to use another tool such as a blog to capture your reflections. If you are unsure, consult your tutor.

Click here to read about the design of a simple website.

Click here to browse the Sinethemba website (it is stored on this CD for your convenience).

How do you produce a website like this?
During the following activity, you will be able to click on links that take you to the relevant tip sheets on writing and designing web pages. These tips will give you instructions on how to create a web page just like this.

Activity

You are now going to create a website for yourself that is the same as the one for Sinathemba. It will consist of two pages. Follow these steps:

Create a folder for the website. Name the folder web. All files in this activity should be saved in this folder.
Start Front Page with a new blank page. Click on Normal (on the top left below the File menu) and select Heading 1. (You are going to type in the name of your home page, which will need the most prominent style available (Heading 1), so before you begin typing select "Heading 1" from the style selection box just below the File menu (it will say "None" or "Normal" until you click it.)
Type in the name of your home page - just like Sinethemba Senior Secondary School. Then press Enter.
Now insert a table with one row and two columns (just two blocks side by side).
In the left-hand cell (block) of the table type in italics your version of ...the beacon of hope for upliftment.
Click in the right-hand cell (block) and insert a graphic. If you do not have one for yourself then you will find the image called sin1 in the /docs folder on the CD (the CD drive is likely to be the D: drive). The image should be saved in the web folder.
Click anywhere below the table on the page. Create a bullet list (click on the bullet list icon).
Type The history of the school .
Save this file in the web folder and call it index.htm.
Create a new blank file by clicking on the File menu and then clicking on New. Just type the word history in the new document and then save the file in the web folder with the name history. Close the file called history.htm.
Return to the page called index.htm.
Link to another web page by selecting The history of the school in the bullet list and link to the file called history.htm.
Now save index again.
Open your web page (index.htm) in a web browser and click on the link to see if it works. Go to Internet Explorer (or the browser that you use) and open the file called index.
Send your web pages as attachments in email to your tutor (using the subject heading "What is a website?"). Remember to attach all your graphics files as well as the html files. Graphics in web pages remain as separate files even though they seem to be part of the file for the page.
Hint: It would be better to "zip" the files of your website into one compressed file. Explore the tip sheet on WinZip.

Before you proceed to the next activity please read the interleading page called Before you publish.

Designing and Creating websites

Site Map | Learning Pathway