Website Design / HTML

General Non-Genealogy Discussions.
Ask questions, chat and talk about anything.
Post Reply
wldspirit
Staff
Staff
Posts: 5606
Joined: 17 Nov 2004, 00:00
Location: U.S.A.
Contact:

Re: Website Design / HTML

Post by wldspirit »

HA HA....I GOT IT........darn am I proud of myself.....and you must have the patience of a saint........see ya tomorrow....... :D
Lisa
User avatar
rfornal
Staff
Staff
Posts: 522
Joined: 04 Aug 2006, 00:00
Location: Columbus, Ohio
Contact:

Re: Website Design / HTML

Post by rfornal »

;) ... You should be proud of yourself! Each time you correct on of these you learn more ... getting you closer to where you want to be ...

Can I ask what Saint Lisa :lol: was doing incorrectly?
wldspirit
Staff
Staff
Posts: 5606
Joined: 17 Nov 2004, 00:00
Location: U.S.A.
Contact:

Re: Website Design / HTML

Post by wldspirit »

:oops: ..........had an "s" on the end of image.......just that one teeny, tiny little mistake threw the page off........but I was bound and determined to figure it out........ :wink:

Lisa
User avatar
rfornal
Staff
Staff
Posts: 522
Joined: 04 Aug 2006, 00:00
Location: Columbus, Ohio
Contact:

Re: Website Design / HTML

Post by rfornal »

Kinda' like researching that odd relative that changed the spelling on their last name and listed the names backwards on all their documentation ...

Not something to be :oops: about ... it is more common than you think. I do it all the time ... I've just done it so many times that I know what mistakes I make most often, so I know where to start and can find them quicker.

How are your two pages looking?
Have you removed the horizontal table on the Citizenship Page?

[hr]
In the Wedding Folder, create an Index.htm file and use this code (any thoughts on why I chose this one next?) ...

<html>
   <head>
     <title>Genealogy Site: Weddings</title>
     <link rel="stylesheet" type="text/css" href="/../site.css">
   </head>

   <body>
   <h1>Weddings</h1>
   <a href="/..\Index.htm">BACK</a>
   <p>Here is a listing of Our Ancestors' weddings with any other information.</p>

   <table width="100%" border=1>
   <tr>
     <td width="20%"><b>Names</b></td>
     <td width="80%">SAMPLE, Name and SAMPLE, Name</td>
   </tr>
   <tr>
     <td><b>Date</b></td>
     <td>01 Jan 2006</td>
   </tr>
   <tr>
     <td><b>Location</b></td>
     <td>Dayton, Ohio, USA</td>
   </tr>
   <tr>
     <td valign=top><b>Comments</b></td>
     <td>Wow ... cool record here!<br>
       Allows for more information to be added as needed ...</td>
   </table>

   </body>
</html>

... good luck ...
User avatar
rfornal
Staff
Staff
Posts: 522
Joined: 04 Aug 2006, 00:00
Location: Columbus, Ohio
Contact:

Re: Website Design / HTML

Post by rfornal »

... correction ...
User avatar
rfornal
Staff
Staff
Posts: 522
Joined: 04 Aug 2006, 00:00
Location: Columbus, Ohio
Contact:

Re: Website Design / HTML

Post by rfornal »

Military Records
Place this code in an Index.htm in the Military Folder ...

<html>
   <head>
     <title>Genealogy Site: Military Records</title>
     <link rel="stylesheet" type="text/css" href="/../site.css">
   </head>

   <body>
   <h1>Military Records</h1>
   <a href="/..\Index.htm">BACK</a>
   <p>Here is a listing of Our Ancestors' military records.</p>

   <table width="100%" border=1>
   <tr>
     <td width="20%"><b>Name</b></td>
     <td width="80%">SAMPLE, Name</td>
   </tr>
   <tr>
     <td><b>Service Number</b></td>
     <td>12345678</td>
   </tr>
   <tr>
     <td><b>Job Classification</b></td>
     <td>21-B Engineer</td>
   </tr>
   <tr>
     <td><b>Enlisted or Inducted</b></td>
     <td>Enlisted</td>
   </tr>
   <tr>
     <td><b>Day Month Year (Age)</b></td>
     <td>01 Jan 2006 (21)</td>
   </tr>
   <tr>
     <td><b>Branch of Service</b></td>
     <td>US Army</td>
   </tr>
   <tr>
     <td><b>Grade</b></td>
     <td>Captain</td>
   </tr>
   <tr>
     <td><b>Training Camps</b></td>
     <td>Ft. Lewis</td>
   </tr>
   <tr>
     <td><b>Service Schools Attended</b></td>
     <td>Engineer Officer Basic</td>
   </tr>
   <tr>
     <td><b>Division</b></td>
     <td>...</td>
   </tr>
   <tr>
     <td><b>Company</b></td>
     <td>...</td>
   </tr>
   <tr>
     <td><b>Regiment</b></td>
     <td>...</td>
   </tr>
   <tr>
     <td><b>Department or Ship</b></td>
     <td>...</td>
   </tr>
   <tr>
     <td><b>Promotions and Dates</b></td>
     <td>...</td>
   </tr>
   <tr>
     <td><b>Overseas Service</b></td>
     <td>Departure Date/Port<br>
       Return Date/Port</td>
   </tr>
   <tr>
     <td><b>Battles, Engagements, Skirmishes, Expeditions</b></td>
     <td>...</td>
   </tr>
   <tr>
     <td><b>Commanding Officers</b></td>
     <td>...</td>
   </tr>
   <tr>
     <td><b>Citiations</b></td>
     <td>...</td>
   </tr>
   <tr>
     <td><b>Wounds Received in Service; Sickness or Hospitalization</b></td>
     <td>...</td>
   </tr>
   <tr>
     <td><b>Important Leaves or Furloughs</b></td>
     <td>...</td>
   </tr>
   <tr>
     <td><b>Discharges or Separation</b></td>
     <td>01 Jan 2006</td>
   </tr>
   <tr>
     <td valign=top><b>Comments</b></td>
     <td>Wow ... cool record here!<br>
       Allows for more information to be added as needed ...</td>
   </table>

   </body>
</html>

[hr]
How's it coming?
User avatar
rfornal
Staff
Staff
Posts: 522
Joined: 04 Aug 2006, 00:00
Location: Columbus, Ohio
Contact:

Re: Website Design / HTML

Post by rfornal »

Style Sheet References
Notice that the Style Sheet reference is the same for the three Index.htm files we have created in the folders:

<link rel="stylesheet" type="text/css" href="/../site.css">

... compare this to the code in the main Index.htm ...

<link rel="stylesheet" type="text/css" href="/site.css">
wldspirit
Staff
Staff
Posts: 5606
Joined: 17 Nov 2004, 00:00
Location: U.S.A.
Contact:

Re: Website Design / HTML

Post by wldspirit »

No mistakes yet.....and I did pay attention!!

The three Index.htm's have the ..added......
whereas the main index does not...... :D
Lisa
User avatar
rfornal
Staff
Staff
Posts: 522
Joined: 04 Aug 2006, 00:00
Location: Columbus, Ohio
Contact:

Re: Website Design / HTML

Post by rfornal »

... I think you've got the core ... there are a few pages that we have not created Index.htm files for, but most of them are pages that need a more open style ... Oral Family History ... there is not good way to develop a table to display this ...

Why don't you try putting information into your pages, determining what more you need, what you really didn't need, and ...

Three more things make mistakes it's good for learning, have fun, and ask questions because I'm here and willing to help ...
wldspirit
Staff
Staff
Posts: 5606
Joined: 17 Nov 2004, 00:00
Location: U.S.A.
Contact:

Re: Website Design / HTML

Post by wldspirit »

Will do.... :D This has been a great learning experience and an excellent
contribution to the forum!!!
Now to play with my pages....... :wink:
Lisa
User avatar
rfornal
Staff
Staff
Posts: 522
Joined: 04 Aug 2006, 00:00
Location: Columbus, Ohio
Contact:

Re: Website Design / HTML

Post by rfornal »

How are your sites coming?

If you'd like, ZIP what you've got so far and e-mail it to me and I'll do a short overview and see if there are some improvements or suggestions I can make to improve them ...

The four active people that I have are wldspirit, JamesBianco, nuccia, and mfjp ... if you are interested, I will work with you to get site space set up ... there are too many methods to openly discuss here, so I will work with each of you individually to determine what will be the best method for you ...

I don't plan on hunting anyone down over this ... and if you don't have much done, that's OK ... I understand life getting in the way, but you don't get anywhere if you don't do anything at all ...

8)
wldspirit
Staff
Staff
Posts: 5606
Joined: 17 Nov 2004, 00:00
Location: U.S.A.
Contact:

Re: Website Design / HTML

Post by wldspirit »

Hi Bob.......Must confess, not much done.....had a wonderful breakthru on my husbands line after a year of being at a brick wall.......confirms my motto.....never give up hope!!! Who would have thought after all this time
that I would recieve a windfall of info......feel like a child at Christmas!!
Should be able to wrap up my offline work sometime today.....then it's back to playing!!
Lisa :D
nuccia
Staff
Staff
Posts: 4606
Joined: 20 Nov 2005, 00:00
Location: Toronto, Canada
Contact:

Re: Website Design / HTML

Post by nuccia »

Bob,

Definitely still interested but presently some personal issues have suddenly appeared... :cry: :cry:

Don't worry about hunting me down..I always know where you are! :wink:

nuccia
User avatar
rfornal
Staff
Staff
Posts: 522
Joined: 04 Aug 2006, 00:00
Location: Columbus, Ohio
Contact:

Re: Website Design / HTML

Post by rfornal »

Had an odd thought on the way to my parent's house ... lots of time on the road by myself ...

This is a tip that you will find useful as you design pages with images on them ...

Ensuring Images Found on Searches
Your standard Image Tag looks something like this ...

<img src="/bob.jpg">

... this should be familiar at this point ...

What becomes a concern, is that when a Search Engine bot or spider comes looking at your site, it only has the name of the file to determine anything about your picture ... it not only CAN'T SEE the picture, it wouldn't know ... who the people are, where or when the picture was taken, anything ...

... here's how we get around this (there are some other minor benefits as well) ...

<img src="/bob.jpg" alt="Picture of Bob Fornal, 2004">

... notice the ALT portion of the Image Tag ...

This is ALTernate text that is designed to be displayed if the image is unavailable for any reason, but has the added benefit of providing information that the bots and spiders can read and display if someone ... in this case ... is searching for "Bob Fornal" ...

It takes a few extra minutes to put these ALT tags in, but you should get into the habit of performing this simple piece of documentation EVERY time you use the IMG Tag ...

I can't believe I just told several thousand genealogists that they need to document their pictures and images 8) ... but it is very important in the grand scheme of things.
nuccia
Staff
Staff
Posts: 4606
Joined: 20 Nov 2005, 00:00
Location: Toronto, Canada
Contact:

Re: Website Design / HTML

Post by nuccia »

Bob,

I wanted to bring this back to the top again. I was going over it again to try and remember the things you said last year and thought theres too much information here to be buried at the bottom of the board.

I'm beginning to design pages (with hubby sick I'm home a lot these days) so this is a perfect project. I do have word which has the design feature but I think starting from scratch, using notepad is probably a great way to start.

Can't wait to try it out in the morning again and see what, if anything I remember from your lessons! :D
I can't believe I just told several thousand genealogists that they need to document their pictures and images Cool ... but it is very important in the grand scheme of things.
And this is a great point..we document everything else so why not our pictures??
nuccia - IG Moderator
Italian Surname Database
Image
Post Reply