WebMatters
A Workshop on Constructing Web Pages for your Meeting
Baltimore Yearly Meeting
August, 2005
Page 2: Tables
<!-- A webpage is defined by a set of "tags". The minimal webpage has: -->
<html>
<head>
</head>
<!-- here is where we define the background color (rgb coded in hex) -->
<body bgcolor="#CECEFF" text="#000000">
<!--
The 'body' contains the information that the user sees. I often use a simple
table to structure the webpage. This table normally has two rows and two columns:
________________________
| Logo | Site Graphic |
________________________
| Menu | (Stuff) |
________________________
All except the 'Stuff' is constant from one page to another; think of it as
a template. This gives the site a style and uniformity that eases the
navigation problems.
-->
<!--
A table is simple to construct: Between <table> and </table> use as many table
rows (<tr>..</tr>) as necessary. But each row should have the same number of
columns (<td>..</td>). Thus my simple table above is:
<table>
<tr>first row
<td>left side</td>
<td>right side</td>
</tr>
<tr>second row
<td>left side</td>
<td>right side</td>
</tr>
</table>
-->
<!-- here the master table begins -->
<table width="100%" border="0" cellspacing="1" cellpadding="6" height="964">
<tr> <!-- here is the first row of the master table -->
<!-- I don't have any logo, so the first cell in the table is empty -->
<td width="20%" height="228" bgcolor="#AEAEFF"></td>
<!-- but the second cell contains the graphic -->
<td width="80%" height="228"><img src="gettysburg.gif"></img></td>
<!-- I used PhotoShop to make the Site Graphic, but you could use plain text -->
<!--
<td width="80%" height="228">
<font face="Edwardian Script ITC, Times New Roman, serif", size=7>
Gettysburg Friends Meeting
</font>
</td>
-->
</tr> <!-- that's all for the first row of the master table -->
</table>
</body>
</html>
|
· Monthly Meetings
· Committees
· BYM Contacts
· Annual Sessions
· Publications
· Faith & Practice
· JYF,
YF,
YAF
· Calendar
· ...more links
[an error occurred while processing this directive]
BYM blogs
(bloggers in our YM)
Quaker Pamphlets
Emerging Quaker
A Friendly Letter
Just World News
The Quakers' Colonel
Know of other BYM bloggers?
Let us know!
|
Now on the Web!