Website Design Tutorials by Pat Geary

Some of these tutorials were written for websites hosted on any of the RootsWeb servers, however they should work with most any website and server. Others were written for FrontPage and/or Expression Web and MAY work with other web editing programs and/or a text editors 

NOTE: General means it should work with any program.

Tutorials EBooks

Planning a Genealogy Website 2nd edition is available as a 42 page EBook in pdf format for you to download. It contains graphic images and clickable links as well as a table of contents. The EBook is zipped for faster download. Save it to your desktop, extract the file and it is ready to use.

Working With Rootsweb FreePages Accounts EBook The tutorials take you through understanding your freepages account setup and working on your freepages website. The EBook consists of 21 pages including the Introduction and Table of Contents with screenshots.

Tutorials Listing

Click on the table headings to arrange any column in alphabetical order. Refresh the page to return to the original order. You must have javascript enabled for the sorting function to work.

Tutorials Listing for ALL Sites
Title Location Program/Site Specific
Commenting CSS FreePages General
Commenting Your HTML Code. FreePages General
Create New Website in Expression Web FreePages Expression Web
Global Find and Replace in Expression Web FreePages Expression Web
Publishing Your RootWeb Website with Expression Web FreePages Expression Web
Expression Web Site Settings FreePages Expression Web
Sort Table - Make your HTML tables sortable FreePages Expression Web/FrontPage/Others
Creating Links and Bookmarks FreePages FrontPage/Expression Web
Saving excel tables without inline styles to FrontPage FreePages FrontPage/Expression Web
Data Tables in FrontPage FreePages FrontPage/Expression Web
Saving excel tables without inline styles to FrontPage FreePages FrontPage/Expression Web
Saving Word and Excel Tables to FrontPage FreePages FrontPage/Expression Web
Importing Files and Folders into a FrontPage Web FreePages FrontPage/Expression Web
RootsWeb Message Board Graphic Using HTML Doctype Validation FreePages Rootsweb
Validating RootsWeb Graphics FreePages FrontPage/Expression Web
Publishing Your Website with FrontPage 2003 FreePages FrontPage
Remote Publishing from the RootsWeb Servers FreePages FrontPage
Troubleshooting Images FreePages FrontPage/Expression Web
Making the Guest Book Accessible FreePages General/FrontPage/Expression Web
Adding a Counter to RootsWeb Sites FreePages RootsWeb
Creating and Validating a Rootsweb Guestbook FreePages General/FrontPage/Expression Web
Server Side Includes - SSI Examples FreePages General
FreeFind Search Engine Code - Validating the FreeFind Search Engine Code. FreePages RootsWeb/General
Getting Started with RootsWeb FreePages FreePages RootsWeb
Understanding YOUR FreePages Account Structure FreePages RootsWeb
Using RootsWeb File Manager FreePages RootsWeb
301 redirect tutorial Genealogy Web Creations General
Add a Search Box Genealogy Web Creations General
Adding the alt tag to images Genealogy Web Creations FrontPage
Converting a Theme Based - Shared Border Web to DWT Genealogy Web Creations Expression Web/FrontPage
Converting a Table Based Layout Genealogy Web Creations Expression Web/FrontPage
How to create custom Error Pages Genealogy Web Creations General/1and 1 Hosting
Creating a FrontPage Web the "Proper" Way Genealogy Web Creations FrontPage
Using a Gradient Image for your background Genealogy Web Creations General
Layered Backgrounds - Creating Layered Backgrounds Genealogy Web Creations General
Navigation Menu - Creating A Navigation Menu Genealogy Web Creations FrontPage/Expression Web/General
Website Navigation - Creating Website Navigation Genealogy Web Creations General
Validating FrontLook Site Search Engine (FLSSE) in Front Page Genealogy Web Creations FrontPage
Photo Galleries - FrontPage Photo galleries Genealogy Web Creations FrontPage
htaccess and FrontPage Server Extensions Genealogy Web Creations FrontPage
Instructions for UnZipping and Using Website Files Genealogy Web Creations FrontPage/General
Page Options Settings FrontPage Genealogy Web Creations FrontPage
Password Protection in FrontPage Genealogy Web Creations FrontPage
Server Side Includes - Server Side Includes Tutorial Genealogy Web Creations General
Setting Up Domain or Subdomain Genealogy Web Creations 1 and 1 Hosting
Transferring a 1and1 Included Domain Genealogy Web Creations 1 and 1 Hosting
RootsWeb WorldConnect and CSS Genealogy Web Creations RootsWeb
WorldConnect and HTML Genealogy Web Creations RootsWeb
Google Canonical problems - www versus non.www Genealogy Web Creations General
Xara MenuMaker and FrontPage Genealogy Web Creations FrontPage
Xara WebStyle4 and FrontPage Genealogy Web Creations FrontPage
Configuring FileZilla FTP Client Genealogy Web Creations General
Configuring a new FTP site with WS_FTP Genealogy Web Creations General
Creating a New Website Genealogy Web Creations General/FrontPage
Customizing Your Web Site Genealogy Web Creations General/FrontPage/Expression Web
Framed Web Site Genealogy Web Creations General/RootsWeb
HTML Document Structure Genealogy Web Creations General
Heading Tags - <h1> to <h6> tags Genealogy Web Creations General
Launching a Word Press Blog EBook Genealogy Web Creations WordPress
Maintaining Your Genealogy Website Genealogy Web Creations General
Organize your genealogy website Genealogy Web Creations General
Planning a Genealogy Website Genealogy Web Creations General
Publishing With FTP Genealogy Web Creations General
Launching a Word Press Blog EBook Genealogy Web Creations WordPress
Publishing Your Website Genealogy Web Creations General
Web Developer Toolbar - Browser Web Developer Toolbar Genealogy Web Creations General
Adding the Title Tag to Hyperlinks Genealogy Web Creations FrontPage/Expression Web
Expression Web “in box” Templates Expression Web Tips Blog Expression Web
How to Clear Your Browser’s Cache Expression Web Tips Blog General
max-width and IE6 Expression Web Tips Blog General
Google and Search Engine Optimization Expression Web Tips Blog General
Code Snippets in Expression Web Expression Web Tips Blog Expression Web
Adding script to DWT in Expression Web Expression Web Tips Blog Expression Web
Absolute vs. Relative Links Computer Tips & Tutorials General
Limiting Window Size Computer Tips & Tutorials General
13 Ways to Browser Test and Validate Your Work Computer Tips & Tutorials General
10 common mistakes using robots.txt on your website Computer Tips & Tutorials General
9 Common Usability Mistakes In Web Design Computer Tips & Tutorials General
Using WordPress as a CMS Computer Tips & Tutorials WordPress
Web Design Plus Computer Tips & Tutorials General
CSS Rounded Corners Computer Tips & Tutorials General
How To Design The Perfect List Computer Tips & Tutorials General
Web Album Generator and Expression Web Expression Web Tutorials & Templates Expression Web/Web Design
Accessible Forms Expression Web Tutorials & Templates Expression Web
Adding Include Page to Insert Menu Expression Web Tutorials & Templates Expression Web 2.0
Anchor Tags and Name Attributes Expression Web Tutorials & Templates Expression Web
Auto thumbnail in Expression Web Expression Web Tutorials & Templates Expression Web
Custom Error Pages - Customizing BlueHost Error Pages Expression Web Tutorials & Templates BlueHost
BlueHost Webmail Expression Web Tutorials & Templates BlueHost WebMail
How to make a subfolder the main folder for your BlueHost main domain Expression Web Tutorials & Templates BlueHost
Center Pages in Browser Window Expression Web Tutorials & Templates Expression Web
Create a Website in Expression Web Expression Web Tutorials & Templates Expression Web 1.0/2.0
Creating an Expression Web Dynamic Web Templates - DWT's Expression Web Tutorials & Templates Expression Web
CSS Sculptor for Expression Web Expression Web Tutorials & Templates Expression Web 1.0/2.0
HTML <div> tag Expression Web Tutorials & Templates General
Expression Web DWT's Expression Web Tutorials & Templates Expression Web
Expression Web and Design Time Includes Expression Web Tutorials & Templates Expression Web
Expression Web Preview in Browser List Expression Web Tutorials & Templates Expression Web
Validating FrontLook Site Search Engine (FLSSE) for Expression Web Expression Web Tutorials & Templates Expression Web 1.0
Illustrating Image Alignment Expression Web Tutorials & Templates General
Importing your folders/files into Expression Web Expression Web Tutorials & Templates Expression Web
Adding Insert Include Code into Code Snippets Expression Web Tutorials & Templates Expression Web
Creating a Layouts Website folder for use in Expression Web. Expression Web Tutorials & Templates Expression Web
Creating a New Page from Hyperlink Properties Expression Web Tutorials & Templates Expression Web
How to Use a Personal Web Package with Expression Web Expression Web Tutorials & Templates Expression Web
Inserting Images in Expression Web Expression Web Tutorials & Templates Expression Web
Publishing Your Web Site with Expression Web Expression Web Tutorials & Templates Expression Web 1.0/2.0
Publishing Your Website from the Remote Server Expression Web Tutorials & Templates Expression Web 1.0/2.0
What are all the style# in my page? Expression Web Tutorials & Templates Expression Web
Troubleshooting Image Problems in Expression Web Expression Web Tutorials & Templates Expression Web
Validation Error - no attribute "xmlns:v" Expression Web Tutorials & Templates Expression Web
Adding Vertical Navigation to Webpage Layout Expression Web Tutorials & Templates Expression Web 3.0
Adding Horizontal Top Navigation to Webpage Layout Expression Web Tutorials & Templates Expression Web 3.0
Create a Blank Web Page Expression Web Tutorials & Templates Expression Web 3.0
Create a Webpage Layout - Create a Webpage Layout in Expression Web Expression Web Tutorials & Templates Expression Web 3.0
Create Website in Expression Web 3.0 Expression Web Tutorials & Templates Expression Web 3.0
Installing Expression Web 3.0 Expression Web Tutorials & Templates Expression Web 3.0
Publishing Your Web Site with Expression Web 3.0 Expression Web Tutorials & Templates Expression Web 3.0
Setting Up Expression Web 3.0 Expression Web Tutorials & Templates Expression Web 3.0
Addon Domains at BlueHost Expression Web Tutorials & Templates BlueHost
Password Protecting Directories and/or Files with Bluehost Expression Web Tutorials & Templates BlueHost
Code Snippets in Expression Web Expression Web Tutorials & Templates Expression Web
Import Site Wizard in Expression Web Expression Web Tutorials & Templates WordPress/BlueHost
Installing a WordPress Blog Using Simple Scripts Expression Web Tutorials & Templates WordPress
Interactive Buttons in Expression Web Expression Web Tutorials & Templates Expression Web
Moving a WordPress Blog to a New Server Expression Web Tutorials & Templates WordPress
Server Side Includes, BlueHost, and Expression Web Expression Web Tutorials & Templates Expression Web/ Bluehost
Using Bordered Backgrounds Genealogy Web Creations General
RootsWeb Banners and Hyperlinks Genealogy Web Creations RootsWeb
WorldConnect and CSS Genealogy Web Creations RootsWeb
RootsWeb WorldConnect Project Genealogy Web Creations RootsWeb
Accessible Tables Expression Web Tutorials & Templates General / Expression Web
Adding script to DWT in Expression Web Expression Web Tutorials & Templates Expression Web

Listing Updated March 19, 2011