Create Legacy Webpages (1)

Blogs

From time to time I will be adding items to these pages giving details of how to achieve certain objectives, usually related to genealogy and the use of Legacy software, often in conjunction with other software.

I am not suggesting that the solutions offered are the only, or indeed the best, options to solving problems but simply that they are ways which I have found to work.

* 'V' indicates a video is available

  1. Using Legacy Search V
  2. Search Events, Locations and Married Names V
  3. Create an Ancestry Book
  4. Map with Google Earth
  5. History of British Prime Ministers - Timeline
  6. British Civil Registration
  7. The Murder of Adam Mather
  8. Improve Photo Colour Balance
  9. Transparency with The Gimp
  10. Masking with The Gimp
  11. Web Safe Colours
  12. Create Legacy Web Pages - Part 1
  13. Create Legacy Web Pages - Part 2
  14. Create Legacy Web Pages - Part 3
  15. Using LTools Tidy Legacy HTML
  16. Insert Pictures into Web Pages
  17. Insert RSS Feed into Web Pages
  18. Getting Online
  19. Protect Your PC
  20. Open Legacy files with Open Office V
  21. FamGenContacts Database
  22. Create Direct Line Ancestor Tree
Legacy Users Subscribe to Web Users Group
Powered by
uk.groups.yahoo.com
Legacy Users Subscribe to Web Users Group
Powered by
uk.groups.yahoo.com

The icons below are links to any other software mentioned.

  • Legacy
  • PSPad
  • Open Office
  • The Gimp
  • Xara 3D
  • Zipper Logo

Create

Getting Started

Opening Page

Legacy Opening Page

To start using the Legacy Web Creation pages go to Internet>Create Web Pages. The above screen-shot shows what the first page you will see looks like. We notice that on the right it is set for Pedigree Pages and we shall leave it at that for most of this blog. On the left are names which will be given to the folders which Legacy will create. Below that some headings and your name and contact address.

On the bottom right are Load and Save buttons which are for loading/saving the settings. As we are using the defaults there is no need to touch these. Instead simply click the big "Create Web Pages" button at the top right et voila! Your web pages. You will be asked if you want to view them - so why not?

My web pages (and I hope that you have had a look!) are in the Pedigree style, but without changing anything else use the radio buttons on the right to select each of the different formats and see which you prefer. Choose to overwrite the previous pages so as not to clutter your machine up!

The HTML Files

Providing you used the defaults when installing Legacy, the html files are stored in the C:\Legacy\Web\ folder. If you right click on one and open with notepad you will see the html which has been created. You can also view anybody else's as well. When you view a web site in your browser click View>Source and you will see their coding (the actual placing and name of this button varies between browsers: in IE7 it's also under the Page icon). If it looks incomprehensible at present don't worry we'll go through that in later blogs.

Notice also that in the Pedigree style the files are named by their RIN ie. 1.htm, 2.htm... etc. When one has a large number of files this is a very good reason for going to Options>Customise>Data Defaults on the main screens and unchecking "Reuse abandoned RINs".

In this blog, I will now look at two other screens in the web creation section:

1. Title Page

This is an easy page to set up! Simply choose the picture which you wish to see on your opening page using the "Select" button and enter your caption underneath. This picture should not be much larger than thumbnail size (see my "Contents" page for an idea of the size).

2. Miscellaneous

Misc. Screen

Miscellaneous Screen

At the top right is a box which says "Index". This should only be changed when familiar with the workings of web sites (if ever!). Below are two radio buttons for "htm" and "html". There is effectively no difference between them, so select the one you prefer and then stick with it!

Assuming this will be your first web site, the two lower boxes should be checked and brief details entered as above - if you cannot read them the top says "Ancestors of Ron Ferguson" whilst the lower "Genealogy, Ancestors, Family, Legacy Family Tree". These make no difference to your site but tell web search engines what it is about.

Good Practice

  • Do not use spaces in file names as some servers will replace them and your files will not display; use a dash or underline instead.
  • Adopt a consistent method of naming files If you look at the source code for this page you will see that the above picture is named WebMisc.png, this is my system but others vary.
  • Picture extensions: File sizes need to be small so, avoid using .bmp as they are too big; .gif are small, retain transparency but are "lossy" ie. likely to lose definition if constantly altered; .png small, not really "lossy" and retain transparency; .jpeg are larger, do not retain transparency and are "lossy" (but better than .gif). Decide now whether you are going to use uppercase or lowercase for extensions and, again, stick with it or your files may not be recognised.
  • Picture sizes: Pictures should be kept as small as possible - the ones above have a width of 340 pixels and I tend not to go above 400px for the longest side. It should be remembered that in your program you can reduce the size by setting it's size in the coding, but it should never be increased, else definition will be lost.
  • Index Page: When first going to a site the browser looks for the "Index" or "Home" file. Obviously, therefore, You may only have one in any given folder.
  • It's a good idea to check how your site looks in various browsers. Even if your coding is W3C compliant it may present differently. On finishing this page I noticed that the css for the scrolling header did not present properly in Netscape, Firefox and Opera but was fine with IE7.
Link to Quicker

Sothink SWF Quicker

is a very cost effective way of creating Flash 8 files which can also be exported as animated GIFs. It supports Flash Action Script 2.0 animations and a wide range of templates is included.
Please click the icon for more details.


Printer friendly version of Parts 1 to 3 Printer

Corrections, comments and suggestions are welcome, so please use the contact facility below.


The above information is given without warranty either expressed or implied

The content last updated 31 March 2010