Do-It-Yourself Code
Roster

by

Job Outline

A few simple steps comprise the membership editor's job.

  1. Receive email with the membership information from the membership chairperson.
  2. Go to this page (DoItYourself/roster_code.html) and copy the code template.
  3. Open your email program and paste the code template into a new email.
  4. Plug in the member information into the proper places in the code.
  5. Then email the code to the HTML guru.

Code Template

The do-it-yourself coder should copy and paste this code into an email message pane. Then substitute the actual last name for LAST NAME, and so on.

Some email programs may read the code, then display it as html instead of as a text file. To prevent this, paste this code snippet above the first line: <!--  . Paste this code snippet after the last line: --> . Copy the entire white area enclosing these snippets.

<tr>
<td>
<span class="n">
LAST NAME
</span>
, First Name
&nbsp;&amp;&nbsp;
Spouse's First Name
&nbsp;Spouse's Last Name
<br>
XXX-XXX-XXXX (h)
<br>
XXX-XXX-XXXX (w)
<br>
XXX-XXX-XXXX (cell)
<br>
XXX-XXX-XXXX (pager)
<br>
<a href="mailto:member@some.com">member@some.com</a>
<br>
member's occupation
<br>
hobby 1, hobby 2, and so on.
</td>
<td>&nbsp;<br>
member's street address
<br>
City, State (two letter code), &nbsp;zip code
</td>
</tr>

Annotated Do-It-Yourself Roster Entry Code

Here is an annotated run-through of the code above. It will make one individual's roster entry. The code is broken into individual bits. Each bit is numbered. The code in red should not be changed by the do-it-yourself coder. The code in green is changed by the do-it-yourself coder for each member's particular information.

Call or email if you have questions.

Line Code Explaination
1. <tr> Marks the beginning of a table row.
Don't change.
2. <td> Marks the beginning of the left table cell.
Don't change.
3. <span class="n"> Marks the beginning of a text section with special display rules (uppercase).
Don't change.
4. LAST NAME You enter the member's last name.
The code will make it display all uppercase and bold.
5. </span> Marks the end of a text section with special rules.
Don't change.
6. , First Name You enter the member's first name.
Capitalize the initial letter.
Don't forget the leading comma and space.
7. &nbsp;&amp;&nbsp; You add this only if there is a spouse's name.
It is the code for an ampersand with a space before and after.
8. Spouse's First Name You enter the spouse's first name.
Capitalize the initial letter.
9. &amp;Spouse's Last Name Enter the spouse's last name only if it is different from the primary member's last name. The &amp; puts a space between first and last names. Capitalize the initial letter.
10. <br> All <br> tags make the text following them appear on a new line. You will add a <br> tag for each phone number, email address, and so on.
11. XXX-XXX-XXXX (X) You enter the member's phone numbers. Use this format: area code, hyphen, three-digit prefix, hyphen, four-digit number, space, parenthesis, category, parenthesis. The categories are entered thus: (h), (w), (cell), (pager). Cases may arise in which you will need to write something like this: (w - Jethro) (w - LulaMay).
Repeat lines 10 and 11 for additional phones. List the phone numbers in this order: home, work, cell, pager. If no number is provided for a category, omit that entire line of code.
12. <br> All <br> tags make the text following them appear on a new line. This tag puts the email entry on a new line.
13a. <a href="mailto: This begins a link to an email address.
Don't change.
13b. member@some.com Enter the member's email address immediately following the colon that ends the code on line 13a.
This tells the internet where to send the email, however it doesn't display on the screen. That part follows soon.
13c. "> The final part of the email link code. Put this double-quote and greater-than sign immediately after the member's email address.
Don't change.
13d. member@some.com This repeat of the member's email address is the one that displays on the screen. You enter this.
13e. </a> This code snippet finishes the email link.
Don't change.
If the member has no email, remove all the following code (lines 12 plus 13a–e): <br><a href="mailto:member@some.com">member@some.com</a>
14. <br> All <br> tags make the text following them appear on a new line. Here it puts the next data category, occupation, on a new line.
15. member's occupation You enter this. Use lowercase, except for proper nouns.
If no occupation is supplied, remove lines 14 and 15.
16. <br> All <br> tags make the text following them appear on a new line. Here it puts the next data category, hobbies, on a new line.
17. hobby 1, hobby 2, and so on. You enter this. Use lowercase, except for proper nouns.
If no hobbies are supplied, remove lines 16 and 17.
18. </td> This code snippet ends the table cell on the left.
Don't change.
19. <td>&nbsp;<br> This starts a table cell to the right of the first one; puts an empty space and line break so that the input starts one line down.
Don't change.
20. member's street address You enter member's house number, street name, type of street (e.g. Avenue, Road).
21. <br> This break tag puts the city, state, and zip code on a new line.
22. City, State (two letter code), &nbsp;zip code You enter the members's city, state code, and zip code. Don't forget the commas.
23. </td> This ends the table cell on the right side.
Don't change.
24. </tr> This ends the table row.
Don't change.