previous
24
25
next
This is the rough initial version. There is a great deal of tidying up left to do before it is fit to go out in the world, and in all probability there are any number of mistakes. Let me know what needs to be changed, corrected, added.

Chapter 3 - Adding a heading to your page

In the previous chapter you learned how to set up the bones of a web site with an index +Page+, one or more child +Pages+ and one or more grandchild +Pages+. Other than giving each child and grandchild +Page+ a pretty colour, we didn't put any information on any of the +Pages+. In fact, all we did was to provide the basic structure of a small web site; the structure is important, but obviously that's not what a visitor wants to look at.

Let's begin the easy way by giving each +Page+ a heading. Assume that we are building a web site to show our collection of photographs, we might have four child +Pages+ called Home, Pets, Family and Holidays. Plus the Index +Page+ itself, with its array of +Links+ to allow you to make each +Page+ active in turn.

In the icon bar we select the letter A with no underlining; the DFM2HTML program calls this the {label} icon, which is rather confusing, since normally a label is something which you tie (or stick) on an object so as to identify it. We have already been trying to unravel the confusion between the name of an object and what the object is called (see the previous chapter on +Links+) and now we would be even more confused by trying to label a +Label+! This makes life really complicated for us poor handbook writers, and I think the readers will also get confused.

So, I'm going to cock a snook at Jörg Kiegeland and insist that what he calls a +Label+ we'll call a +Text+. In that way we can talk about the label on the +Text+, just as we can talk about the label on the +Link+. All right? Don't forget, the letter A without a line below generates a +Text+ and not a +Label+.

When we select the {Text} icon and then select a spot in the index +Page+; a +Text+ appears with Label1 in a small rectangle. That's nice, but not exactly what we want. So we press the [Alt] key and select the +Text+ with Label1; in the =Text Editing Window= we select the word Label1 and replace it (use the [Del] and [Backspace] keys) with the word Welcome. Select {OK} and now the +Text+ appears as Welcome in the Design Area (don't forget, the name of the +Text+ remains Label1 even if we have changed the text parameter on the +Text+ from Label1 to Welcome).
I find this rather confusing (and so, probably, will you) so we are going to change the name of this particular +Text+. First you select the Lable1 +Text+, and then you select the {Object} tab below the Design Area; you will see the name Label1 to the right of •ID• under the heading •General•. Select Label1, use [Del] and/or [Backspace] keys to wipe out this name and put in your own name, a name such as Text01 or perhaps TextHeadingP01 or whatever you think will make life easier.

This way of changing the name of any object can - and should - be used throughout the DFM2HTML program for two reasons:

1. the DFM2HTML program automatically attaches labels (or names, if you like) to any new object you insert, but its numbering is on the method of Object1, Object2, Object3 etc. which is fine if you have fewer than 10 objects of any particular type. However, as soon as you exceed 10 objects, the sequence becomes Object1, Object11, Object2 and this can make the finding of any particular object (perhaps to change parameters, or simply to find it) more complicated. So in any case, Object1 should be changed to Object01 or perhaps (in a big web site) to Object001.

2. Text007 or Panel165 doesn't immediately ring a bell - far better to change the name to HeadingP_01 or PhotoIbiza05_233 which means that if we want to make a link to this text or photo, we don't have to spend so much time hunting for it. Perhaps this makes life easier, perhaps it doesn't -. please yourself. At least you know that it is possible.

Back to our Text01. It is nice, but a little small. So select the {Font} tab on the tab bar, and in the Parameter Panel you will be able to change the font, the size, the style and the colour. I suggest you stick to Arial, use 32 point, bold and keep it black.

Now select the Home +Page+. Again you select the {Text} icon and then select anywhere in the Home +Page+. A +Text+ with Label2 inside its rectangle appears; you can change the text in the +Text+ to Home and the name of the +Text+ to Text02, and then change the font, the size of the font and its colour and style, to get a nice big heading Home. Now we want to repeat this for the three other child +Pages+, the Pets, Family and Holidays +Pages+. We could, of course, select each +Page+ in turn, put a +Text+ on each +Page+ in turn, change the font, weight, size and colour, but it's easier to select Text02 (now living under the label Home), press [Ctrl + C], go to the next +Page+ and press [Ctrl + V] and then just change the name parameter of the +Text+ to Family when it appears on the Family +Page+. The same applies to the Pets and Family +Pages+.
preface computer terms 01 - introduction 02 - the first pages 03 - adding a heading
04 - introducing pictures
05 - adding text
06 - lines and figures
07 - links and menus
08 - logos, fonts, backgrounds
09 - pop-up photographs
10 - importing text and tables
11 - making your own tables
12 - housekeeping
13 - publication