References in this class handout to these notebooks are in parentheses with the Notebook section and Volume number. Example: Web Page Design, Vol. 1.
A copy of this class handout and copies of all the overhead transparencies shown in this class are in Volume 1. Example: T1= overhead transparency no. 1.
Additional genealogy information may be found in my other Red 3-Ring Self-Help Notebooks. The Notebooks are located in the Los Angeles Regional Family History Center (LARFHC) next to the entrance to the Microfilm Room in alphabetically order.
The LAFHC is located at 10741 Santa Monica Blvd., Los Angeles, CA, phone (310) 474-9990, http://www.larfhc.org/ and the unofficial site at http://www.encinojon.com/lafhc/
See a complete list of my 75 Red 3 Ring Self-Help Notebooks at http://www.larfhc.org/notebooks.htm
Look at the my paper "Webmastering - Free Tests, Tips & Links" and my paper "Web Site Design, Validation, Submission And Webmastering Summary" in the front of "Web Page Design, Development and Webmastering" Red 3-Ring Notebook, Volume 1 or at http://www.encinojon.com/webmastering/
• 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
(Graphics, Vol. 1)
Image formats - GIF and JPEG
Free clipart on the Web at: http://www.clipart.co.uk/ and http://www.theclipartplace.com// T.5
Right click and "Save image as ...". Write down the file name, file location and description in a log. T1
5. HTML (HYPERTEXT MARKUP LANGUAGE) 3.2 AND 4
Consult (Web Page Design, Vol. 2 and Vol. 3) and (Web Page Examples, Front of Vol. 1) or 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 T2
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.pcfa.org/genealogy/resources/colorcode.html 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. T3-13
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> T14
See Web Page Design, Development and Webmastering Vol. 3
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 and also at:
http://www.geocities.com/SiliconValley/Orchard/5212/
<TABLE><CAPTION>TEXT</CAPTION>
<TR><TH>text</TH></TR>
<TR><TD>text</TD>
<TD>text</TD></TR>
</TABLE> T15-17
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> T18-19
See Web Page Design, Development and Webmastering Vol. 3 and Web Page Examples in front of Vol. 1.
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. T20-22
Browser Support
Support of all HTML tags in the Browsers is viewed at http://www.ncdesign.org/html/list.htm Use only tags that are supported by both browsers.
6. COUNTERS
(Web Page Counters, Vol.2)
See CountersGuide.com at: http://www.counterguide.com/ T23
7. VALIDATION
(Web Page Analysis, Vol. 1) and (Web Page Testing/Validation, Vol. 4)
Test the links and HTML at LinkScan athttp://www.elsop.com/quick/
This site uses arrows to point to errors http://validator.w3.org/ T24-32
8. PROMOTION
(Web Site Promotion and Web Site Submissions, Vol. 4)
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 T33-38
9. FTP
(FTP, Four page paper in front section of Vol. 1 and many pages after the Do's & Don'ts section in Vol.1)
Have your ISP upload your Web site and then learn one of the many uploading procedures.
Obtain the great FTP freeware PC program WS_FTP LE. It is explained with tutorials at
http://www.cadtutor.net/wb/ftp/wsftp/wsftp.html or for Win XP at http://cas.uah.edu/tutorials/ftp.htm
Download the free version of WS_FTP LE at http://www.frognet.net/help/archives/wsftple_downloadinstall.php
The FETCH FTP program for MACs may be downloaded at http://fetchsoftworks.com/ T39
10. FREE SOFTWARE ON THE WEB
(Software, Vol. 3)
Review my " Web Page Design, Development and Webmastering"
Red 3-Ring Notebooks, Volumes 1, 2, 3 and 4 for additional useful information.
TOPICS IN MY ADVANCED CLASSE
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 - ADVANCED CLASS Web Site
Webmastering - Free Tests, Tips And Links (Web Site)