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


flag bar

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/

flag bar

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.