The Family Online Safety Institute: Protecting your online future

Mac version

This walk through assumes that your web site is essentially the first thing you’ve used your computer for. For many users, the level of detail here may be rather more than you need. For others, hopefully it will help to build up your confidence!

These are the steps we’re going to take:

Check the terminology

The computer industry has given us more new words than most. The good news is that you only need to know a few to be able to add your ICRA label.

  • HTML Source File Most pages on the internet, however simple or complicated, are written in a common language known as HTML (Hyper Text Markup Language since you asked!) Some pages may use additional computer languages and there are important variations but at a basic level, you can assume that even the most complex site has HTML at its heart. Ctrl-click anywhere in this block of text and select [View Source] to see the HTML source code for this page – then close it again.

    Scary? It needn’t be – most of it you can ignore!

  • ICRA PICS label This is the piece of HTML code we sent you. It will look something like this:

    In HTML terms, this is known as a Meta Tag. There are several meta tags in a typical web page which carry information such as the language in which the page is written, the title etc.

  • Simple Text This is the basic “text editor” which comes with every copy of a Mac computer (replaced by Text Edit in Mac OS X). You can usually access it from the Applications folder. In effect, it is a very simple word processor. We’re going to use this simple program so that we are sure that the software is not going to “make changes all by itself.” SimpleText isn’t clever enough to do that!

Locating your HTML source file

Launch Simple Text, click the [File] Menu and select [Open]. This will bring up a window like the one below:

Simple Text usually begins by looking in the last folder you used. Navigate your way to the folder which contains the files you’ve been working on to create your web site. We can’t be more specific than that – everyone organizes their folders in different ways.

In the image below, Simple Text is looking at the folder which contains all the English language files for an earlier version of this site, including the important HTML files you’re after.

You should have a file called either index.htm or index.html. This is the file which is first to open when someone visits your site. Some programs may call it default.htm. Either way, that’s the one to open. You will then see a load of HTML, similar to (but not the same as) that shown below:

We’ve highlighted the important part. This is called the Head section. Notice it begins with and ends with . We need to make a bit of space for our ICRA label. In this example below, we clicked at the end of the line which contains the page’s title and then pressed [Enter or Return] to insert a new line.

You can put this new line ANYWHERE in the HEAD section.

Leave this window open while going on to the next section.

Copy and paste the ICRA PICS label

Open up the e-mail we sent you containing the ICRA PICS label (it was with the Link tag). Click the mouse just in front of the opening “”. This will highlight the whole tag. On the keyboard, press Apple+C (both keys together). This is a standard Mac operation which copies whatever is highlighted into a special part of the computer’s memory called the Clipboard.

Now go back to the SimpleText file you have open and click on the empty line. Press Apple+V (both keys together). This is the standard Mac operation which pastes whatever is in the Clipboard into wherever you have the cursor in the active Window).

You should see something like this:

And that’s all you have to do. Save and close the file and then upload to your site in the way you are used to.

Return to FAQ index

Further support

There are as many ways of creating a web site as there are web sites. It is therefore simply not possible to provide a complete description which would cover any and all eventualities. This walk through is about as generic as we can make it. So, if you are left confused then we suggest you take the following action:

  • Buy in some nice coffee and/or wine
  • Perhaps add a few bowls of nuts, crispy snacks and dips, chocolates etc.
  • Think about your friends and how nice it would be to see them again – especially the ones who are perhaps more confident on the computer than you
  • Ask them over…

Return to FAQ index