WEB SITE DESIGN - INTERMEDIATE
CLASS WEB SITE
This Class Is Given At The
Los Angeles Family History Library
Revised 29 November 2011.
Instructor -- Jon Schweitzer
HOME
LAFHL HOME
USE THE ACTIVE LINKS BELOW AND
ADD EACH SITE TO YOUR BOOKMARKS OR FAVORITES.
The LAFHC is located at 10741 Santa Monica Blvd., Los Angeles, CA, phone (310) 474-9990, https://wiki.familysearch.org/en/Los_Angeles_Family_History_Library and the unofficial site at http://www.encinojon.com/lafhc/
Consult my Webmastering - Free Tests, Tips And Links (Web Site) that is a companion to this class.
Also see Publishing your Family History on the Internet.
MAIN CLASS TOPICS
1. INTRODUCTION TO THE CLASS
2. BOOK
3. SCANNING GRAPHICS
4. GRAPHICS
5. HTML (HYPERTEXT MARKUP LANGUAGE) 3.2 and 4
6. COUNTERS
7. VALIDATION
8. PROMOTlON
9. FTP
10. FREE SOFTWARE ON THE WEB

1. INTRODUCTION TO THE CLASS
2. BOOK
I suggest "HTML 4 for the World Wide Web" (Visual QuickStart Guide) by Elizabeth Castro, Peachpit Press, 1999, ISBN 0201354934, the web site order page for HTML 4 is at A very long URL.
Buy new and used books using http://www.addall.com/ The HTML 4 book used price is as little as $4.80 plus shipping and maybe membership.
3. SCANNING GRAPHICS
Use your scanner or buy one or go to most Kinko's locations that will scan items for about $24/hr.
4. GRAPHICS
Image formats - GIF and JPEG
Free clipart on the Web at: http://www.clipart.co.uk/ and http://www.theclipartplace.com//
Right click and "Save image as ...". Write down the file name, file location and description in a log.
5. HTML (HYPERTEXT MARKUP LANGUAGE) 3.2 AND 4
Consult Web Page and HTML Document Source handout pages.
The "Cyndi's Genealogy Home Page Construction Kit" Web site print
out is in the Volume 3 Notebook under Web Page Design. It is the most comprehensive self-help Web Page for
constructing your genealogy Web Page. The URL or Web Address is: http://www.cyndislist.com/construc.htm
Body
Colors for Background - Text - Links - <BODY BGcolor="#xxxxxx" Text="#xxxxxx" Link="#xxxxxx" Vlink="#xxxxxx" Alink="#xxxxxx"> Background color loads faster than background pattern or image. Choose colors from: http://www.computerhope.com/htmcolor.htm or use the site at
http://www.htmlcenter.com/tutorials/tutorials.cfm/89/General/ and obtain the "Hex" number after you pick a color from the screen.
Background pattern or image - <BODY BACKGROUND="name of file">
Insert image - <IMG Width=x and Height=y SRC="image file name" ALT="Alternative Text" Border=x pixels> For faster viewing, use Width=x and Height=y
E - mail, <A HREF="mailto:email address">text</A>
Tables - Use TR, TH, TD, Border, Width, Height, Cellpadding and Cellspacing. Look at Table Tutor - Introduction and Lessons at:
http://www.pagetutor.com/pagetutor/tables/index.html
<TABLE><CAPTION>TEXT</CAPTION>
<TR><TH>text</TH></TR>
<TR><TD>text</TD>
<TD>text</TD></TR>
</TABLE>
TEXT
text
text text
Aligning Graphics and Text
Use transparent pixel shims for spacing text and other things from left or right or left and right - learn about the method at http://www.graphic-design.com/Web/PixelSmith/SinglePixel/trick.html
- download the pixel shim at: http://www.amphi.com/~cyetman/int_html/pixel1.html
Use the blockquote tag for indenting paragraphs on the left and right - <BLOCKQUOTE>text</BLOCKQUOTE>
Use multiple blockquotes for greater indenting on left and right. <BLOCKQUOTE><BLOCKQUOTE>text</BLOCKQUOTE></BLOCKQUOTE>
Use Lists to indent paragraphs on the left.
Place the text in a table and specify the width.
Links and Anchors
Link - external <A HREF="URL">text</A>
Internal anchor on same page - <A HREF="#shortened name of section">name of section</A>
Internal anchor to another page - <A HREF="page file name">title of other page</A>
Lists
Ordered (OL)
Number (1), Capital letter (A), Lower Case letter (a) and Roman Numeral (I)
Type=A
Unordered (UL) <UL type=circle>
LI item </UL>
<LI>item<OL>
Preformatted Text <PRE> preformatted text </PRE>
Placing Database on Site
Placing genealogy program data on a Web Page.
Transforming Your GEDCOM Files into Web Pages.
Browser Support
Support of all HTML tags in only to IE 6 browser is viewed HERE
A list of HTML tags is at http://www.quackit.com/html/tags/
Search Engines Requirements
No flash, no JavaScript, no frames for main page - http://www.seoinpractice.com/crawlability-flash.html
Like it or not, Google cannot "see" anything contained in either JavaScript or Flash. If you use either mechanism for your main menu system, you are consigning the site to relative oblivion.
6. COUNTERS
I Suggest you don't use them unless you have a very good reason.
See CountersGuide.com at: http://www.counterguide.com/
7. VALIDATION
Test the links and HTML at LinkScan at http://www.elsop.com/quick/
This site uses arrows to point to errors http://validator.w3.org/
8. PROMOTION
The "Cyndi's Genealogy Home Page Construction Kit" (pages 17-21) Web site print
out is in the Volume 3 Notebook. It is the most comprehensive self-help Web Page for constructing and promoting
your genealogy Web Page. The URL or Web Address is: http://www.cyndislist.com/construc.htm
One of the best sites about promoting your web page is at: http://www.gocee.com/eureka/eureka_i.htm
Verify Rank in search engines.
Use a Position Agent to find site rankings at http://www.seo-highrankings.com/seo-web-position-agent.htm
9. SECURE FTP
You must research the hosting company's site to determine the security FTP protocol(s) that are supported. The 2 most common
are SFTP and FTPS.
If you are uploading to or downloading from an external Website hosting server over the Internet, you
must choose the correct secure FTP program.
Choose a freeware secure FTP program from the Best Free FTP Client.
The secure program must support the SFTP or FTPS security protocol. The SFTP or FTPS encrypts your password, keeping it secure too. Choose the program that has the same security protocol supported by your Website hosting company.
The top security protocol is FireFTP at http://fireftp.mozdev.org/ that uses SFTP only with FireFox and with Windows or Mac OS X. It has a 4GB download limit.
The second security protocol is FileZilla athttp://filezilla-project.org/index.php that uses SFTP or FTPS with Windows or Mac OS X.
Look at the features at the program's Website.
Find a tutorial for the setup and using the program on the program's Website.
You may do a comparison of many FTP client software for all operating systems at http://en.wikipedia.org/wiki/Comparison_of_FTP_client_software
There are several Web sites that offer you Web site space entirely free. See page 2 of Cyndi's Genealogy Home Page Construction Kit printout in Volume 3.
Web Page Hosts - see page 3 of Cyndi's Genealogy Home Page Construction Kit
printout in the Volume 3 Notebook. http://www.cyndislist.com/construc.htm
10. FREE SOFTWARE ON THE WEB
The best Web site is at http://www.techsupportalert.com/

TOPICS IN MY ADVANCED CLASS
Review Web Traffic
Search Engine Optimization
Search Engine Ranking
Redesign for Ranking
Link Checking
Advanced Promotion
Overview of all Tags
Advanced Webmastering
WEB SITE DESIGN FOR BEGINNERS CLASS Web Site
WEB SITE DESIGN - ADVANCED CLASS Web Site
Webmastering - Free Tests, Tips And Links (Web Site)
Publishing your Family History on the Internet
Send comments about this Web site to:
Jon Schweitzer
at E-mail: jons@1stnetusa.com
or Click Here to E-mail.
This site may be freely linked, but not duplicated.
Copyright © 2001-2011 by Jon Schweitzer. All rights reserved.
This site and any internal links are copyrighted.