The Family Online Safety Institute: Protecting your online future

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. Scary? It needn’t be – most of it you can ignore!
  • Link tag This is the piece of HTML code we sent you. It will look something like this:

    In HTML terms, this is known as a Link/rel tag. This tag will link your site’s content to your ICRA label.

  • PICS tag This is the piece of HTML code that gives the PICS version of your ICRA label. It will look something like this: In HTML terms, this is known as a meta tag. This tag will enable your label to be read by PICS filters.
  • 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!

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. We will start by linking this file. 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 Link tag. 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.

We have provided a wide variety of buttons which you can add to your site to:

  1. Link to a page about the label you have applied
  2. Show your support for our aims of protecting minors from potentially offensive or harmful material while preserving free speech.

We don’t expect pride of place on your web site – down at the bottom is fine by us! We do ask that the button or text should link to a specific part of our web site and that if you’re carrying the button, you’re also carrying the actual label as described above.

In a short while, you’ll be going to a new window in which you’ll see all the available ICRA logos. When you’ve found the one that best suits your site, put the mouse over it and Control-click to bring up the small menu, see below:

Select [Save Picture As] and then navigate your way to the folder in which you are keeping all the images for your site. Then click [Save]. You can now close that extra browser window and return to this page.

OK, now you know what to expect, click here.

Now that you have a copy of the logo you want, please add it to your site in the same way as other images. Please link it to:

“http://www.icra.org/sitelabel”

This will give visitors to your site an introduction to the ICRA system and the label you have chosen.

If you prefer, rather than adding an ICRA logo you can just add just the words “Labelled with ICRA” (or Labeled with ICRA in the US) to your site and link that back to us. Please link to the specific page quoted above.

That’s it! When you’re ready, you should now upload the site to the web and test…

ICRA provides a tool on this website that allows you to test whether your label is in place. Please see the links below.

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…

Next steps