[sword-devel] OSIS WEB TOOL

Don A. Elbourne Jr. sword-devel@crosswire.org
Wed, 15 Oct 2003 08:06:15 -0500


Joachim,

I have been having fits with my internet connection. Here are a few things
from the home page.


// The header div

The header div should not have a table in it. We can place the OSIS logo as
a background image.

Each of the list item links should have a descriptive  title atribute.

 Give one of the navigation list items a context sensitive location id.
id="current" or id="youarehere" This way we can style that one item
differently in the CSS.

Add <acronym> tag to any acronym.
  <div id="header">
    <h1><acronym title="Open Scripture Information Standard">OSIS</acronym>
Bible Tool</h1>

    <div id="navlist">
      <ul>
        <li><a href="index.jsp" title="Home" id="current">Home</a></li>
        <li><a href="passagestudy.jsp" title="Passage Study">Passage
Study</a></li>
        <li><a href="parallelstudy.jsp" title="Parallel
Translations">Parallel</a></li>
        <li><a href="powersearch.jsp" title="Power Search">Search</a></li>
        <li><a href="dailydevotion.jsp" title="Daily
Devotionals">Devotionals</a></li>
        <li><a href="fulllibrary.jsp" title="Full Library">Library</a></li>
        <li><a href="preferences.jsp"
title="Preferences">Preferences</a></li>
        <li><a href="about.jsp" title="About">About</a></li>
        <li><a href="help.jsp" title="Help">Help</a></li>
      </ul>
    </div>
  </div>

// The Quick Search box

Since there will only be one instance of the "quicksearch" box per page, use
the ID instead of class name. A class is for elements that will appear
multiple times on the same page.

Add the fieldset and legend tags to the form.

Add descriptive title attributes to the submit buttons.

      <div id="quicksearch">
        <h2>Search:</h2>
        <form action="wordsearchresults.jsp">
          <fieldset>
            <legend>by keyword or phrase:</legend> <input type="text"
name="searchTerm" /> <input type="submit" value="go" title="Search by
keyword or phrase" />
          </fieldset>
        </form>
        <form action="passagestudy.jsp">
          <fieldset>
            <legend>by verse or passage:</legend> <input type="text"
name="key" /> <input type="submit" value="go" title="Search by verse or
passage" />
          </fieldset>
        </form>
      </div>

// External Links (formally known as "Tools and things")

Change the heading from <h3> to <h2> this is a second level sub-heading.

Remove the <br> tags from within the list. These are not necessary. If extra
space is desired we can do that through the CSS.

 Give the links appropriate title attributes.
      <div id="externallinks">
        <h2>External Links:</h2>
        <ul>
          <li><a href="http://www.sbl-site.org/e-resources.html"
title="Society of Biblical Literature Online Resources">SBL Online
Resources</a></li>
          <li><a href="http://www.bibleresourcecenter.org" title="American
Bible Society Online Resources">ABS Online Resources</a></li>
          <li><a
href="http://www.bibleresourcecenter.org/Research/multimedia/maps/"
title="Interative Maps">Interative Maps</a></li>
          <li><a
href="http://www.bibleresourcecenter.org/research/virtuallibrary.dsp"
title="Virtual Bible Library">Virtual Bible Library</a></li>
        </ul>
      </div>// OSIS LibraryGive the div an appropriate id, like
id="library"This also should use an <h2> heading.Remove the img tags from
within the lists. Instead, give each list item an appropriate class name.
for example, either "open" or "closed." the CSS can position a + or - sign.
<div id="library">
        <h2>OSIS Library:</h2>
        <ul>
          <li class="closed"><a
href="fulllibrary.jsp?open=Biblical+Texts">Biblical Texts</a></li>
          <li class="closed"><a
href="fulllibrary.jsp?open=Commentaries">Commentaries</a></li>
          <li class="closed"><a
href="fulllibrary.jsp?open=Daily+Devotional">Daily Devotional</a></li>
          <li class="closed"><a
href="fulllibrary.jsp?open=Lexicons+%2F+Dictionaries">Lexicons /
Dictionaries</a></li>
          <li class="open"><a
href="fulllibrary.jsp?close=Generic+Books">Generic Books</a>
            <ul>
              <li><a href="fulllibrary.jsp?show=GerAugustinus">GerAugustinus
Augustines Confessions (German)</a></li>
              <li><a href="fulllibrary.jsp?show=Institutes">Institutes
Calvin's Institutes</a></li>
              <li><a
href="fulllibrary.jsp?show=GerLutherpredigten">GerLutherpredigten Eine
Sammlung von Lutherpredigtem</a></li>
              <li><a href="fulllibrary.jsp?show=Heretics">Heretics Heretics
by Gilbert K. Chesterton (1874-1936)</a></li>
             </ul>
          </li>
          <li class="closed"><a
href="fulllibrary.jsp?open=Glossaries">Glossaries</a></li>
          <li class="closed"><a
href="fulllibrary.jsp?open=Essays">Essays</a></li>
          <li class="closed"><a
href="fulllibrary.jsp?open=Cults+%2F+Unorthodox+%2F+Questionable+Material">C
ults / Unorthodox / Questionable Material</a></li>
        </ul>
      </div>
    </div>That's all for now. I'll look at some of the other pages later.by
grace alone,Don A. Elbourne Jr.http://elbourne.org