Each of these templates uses a css based layout with the exception of one. The templates use an XHTML transitional doctype and have an external stylesheet. You are welcome to use them as a basis for site layout as is or change them as needed. Changes to colors, font families, font sizes and such should be made within the external stylesheet.
Clicking on the link under the template will take you to the full size template.
As time permits, each of the templates is being converted to a mobile friendly design.
Green 3 Col Alternate
Fixed Width Layout - Equal Height Cols
Added November 2013
Download Green 3 Column Template
Green 3 Column
Fluid width Layout
Revised November 2013
Download Green 3 Column Template
Right Column Layout 2 Template
Fluid Layout
Download Right Column2
Ocean Blue Template
Fluid Width
Download Ocean Blue Template
Right Column Layout Template
fluid layout
Download Right Column Template
Triple Layered Background Template
fluid layout
two inner tables for the content
Download Triple Layered Background template
Multi-floral Template
fluid layout
Revised: November 2013
Download Multi-floral template
The masthead on some of the templates uses a graphic image. Depending on MY time constraints, I will be happy to add a site title for you. Any of them can easily be converted to a dynamic web template if you are using FrontPage 2003 or Expression Web. Although created in Expression Web, they can be used with any WYSIWYG editor or any html editor for that matter.
The zipped files for each template contain:
Instructions for using the template files. The templates and the css validate.
If you want to change the menu used with a specific template, check the Menu Resources listed below.
The layouts are free for your personal websites. A link back to this site is appreciated. If you are using any of them for a commercial layout, a link back to this site is required.
These are basic templates. There are other styles you will need to add as you go along. Google is your friend. Learn to use it to find style info you might need. There are many css resources on the Resource page of this site. If you have questions, don't hesitate to ask. Investigate both the code and the style sheet. Make changes so you understand how the style sheet and coding relate to each other. Explore different menus using the resources included in the sidebar.
Remember if you use someone else's graphics you may need to link back to their site.
Planning a Genealogy Website 2nd Edition is available as a 42 page EBook in pdf format for you to download. It has been totally revised and updated with new content. The EBook is zipped for faster download. Save it to your desktop, extract the file and it is ready to use.
April 2007 - April 2013
Disclosure: This is an affiliate link, which means that if you visit Bluehost.com through this link and purchase this product, I’ll get a commission.
Microsoft® and FrontPage® and Expression Web® are registered trademarks of Microsoft® Corporation.
Genealogy Computer Tips | Expression Web Tutorials & Templates