Home | Examples | Reviews | Free download | Purchase | Web page help | Program help

HtmlPedigree: Customizing the home page and site title

Index | Logs | Style | Chart | Tags | Links | Images | Dates | Pages | Home | Search | Miscellaneous

The program gives the site a title, which will normally be displayed in the browser's title bar, based on the name of the GEDCOM file. The program also generates a simple default home page, which includes a title, a description, and a personal name based on the registration details of the user. If you choose to copy all the files linked from the GEDCOM file, a link to the GEDCOM file itself will also be included on the home page. If you have enabled the search facility, the home page will also include links to the search page.

The site title and the details displayed on the home page can also be changed by clicking on the "Edit site and home page details" item of the "Tools" menu. This displays a dialog box allowing you to edit the site title and to change the title, description, heading and personal name appearing on the home page. There is also the option of adding an email address for contact, and you can choose to display an email link on each of the index pages. When you have made the changes, click "OK" to save them.

If you are happy editing HTML (see details below), you can also click on the "Advanced" button of this dialog box. This allows you to insert additional style for the home page, to edit the main section of HTML and the wording of the link to the search page, or to insert additional HTML at the start and end of the home page. For example, using the last option you could enclose the whole home page in a table incorporating a site logo and navigation links.

You can also specify background images to be used for the text pages and the chart pedigree. The "Browse" buttons can be used to locate the image files (gif or jpg format) on your hard disc. These files should be automatically copied into the mm subfolder, together with other linked files, when the web pages are created. To remove the background images, use the "Remove" buttons.

Editing the home page

You may want to edit the home page produced by the program, to add more information. The easiest way to make simple additions to the home page is probably to use a simple text editor like NotePad or WordPad. Some guidance on how to do this is given below. Alternatively, a number of web-editing programs are available on the Internet, some of them free. (For example, see a list on the website of the alt.html newsgroup.)

There are four parts of the home page which you can edit (note that some of these comments may be absent if the web pages were originally created with an older version of the program):

  1. The additional style at the end of the <HEAD> section, beginning:
    <STYLE TYPE='text/css'>
    and ending:
    </STYLE>
  2. The part at the beginning of the <BODY> section, between the comments:
    <!-- START OF HEADER SECTION TO BE EDITED BY USER -->
    and
    <!-- END OF HEADER SECTION TO BE EDITED BY USER -->
  3. The main part of the page, between the comments:
    <!-- START OF MAIN SECTION TO BE EDITED BY USER -->
    and
    <!-- END OF MAIN SECTION TO BE EDITED BY USER -->
  4. The part at the end of the <BODY> section, between the comments:
    <!-- START OF FOOTER SECTION TO BE EDITED BY USER -->
    and
    <!-- END OF FOOTER SECTION TO BE EDITED BY USER -->

It is important not to change anything outside these sections, as this may prevent the program from reading the home page back in when the site is updated, and could cause your changes to be lost. It's also important not to delete the comments "<!--A-->" and so on in the main section.

After editing the home page, it is important to make sure that the file is resaved as a plain text document. Normally you should be able to do this simply by clicking the "Save" icon after making your changes. If something goes wrong with the file type or name, you should be able to correct the problem by clicking "Save as" on the "File" menu, specifying "Text document" as the file type and entering "index.htm" as the file name.

You can check the progress of your editing at any time by saving the file and looking at it using a web browser. If the browser is already showing the page, click on the browser's "Refresh" button to see the current version.

Simple HTML editing

Editing an HTML file is much more like word processing than computer programming. Normally, text is simply entered between a pair of "tags" which determine its format. Most tags must appear in pairs, so in these cases it's important to remember the closing tag.

Some examples are:

Other tags can be used within paragraphs. For example:

For more advanced formatting, a number of HTML tutorials are available on the Internet. (For example, see a list on the website of the alt.html newsgroup.)