Peninsula Fly Fishers — Editors' Do-It-Yourself — Article Template

PFF Article Template

Instructions

  1. Select and copy the template (light purple) below.
  2. Open a text editor application.
  3. Open a blank document in the text editor; paste the template into the blank document.
  4. Substitue the actual text and code-input for the XXXX's in the template.
  5. Remove any lines or chunks of code which don't apply to your article.
  6. Save the document with an .html suffix: for example, fishing_story.html. The webmaster prefers that you use lower-case letters for the file name; use underscores to separate words; sacrifice terseness for clarity; peruse existing filenames in the directory in which the article will be filed. (We don't want three articles named almanor.html. Naming them almanor.html, almanor2.html, and so on is not as desirable as naming them almanor99.html, almanorMay2000.html, almanorJuly2000.html.)
  7. Save the .html document to a directory tree on your computer which mimics the tree on the PFF server. The webmaster can help you with this.
  8. (So that you can check the web page you write on your computer, you will have to place the PFF stylesheet document and the PFF javascripts document in the root directory of your mimicry of the PFF server. Your browser can fetch these documents from the following URLs: http://www.peninsulaflyfishers.org/PFF.css and http://www.peninsulaflyfishers.org/PFF.js. Copy and paste these documents into text files. Save with the names PFF.css and PFF.js into the PFF root-mimic on your computer.)
  9. Open your_article.html in your web browser. Check for display problems. Proofread. Fix problems. Re-check.
  10. Forward the .html file (and any supporting files such as images) to the webmaster so he can put them on the PFF server.

The Template

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
<meta name="filename" content="XXXXXXXXXX">
<meta name="author" content="XXXXXXXXXXXX">
<meta name="date" content="XXXXXXXXX">
<title>Peninsula Fly Fishers – XXXXXXXXXX</title>

<style type="text/css">
@import url(http://www.peninsulaflyfishers.org/PFF.css);
</style>

<script type="text/javascript" src="http://www.peninsulaflyfishers.org/PFF.js">
</script>

</head>

<body>
<div class="envelope">
<script type="text/javascript" language="javascript">
<!--
breadcrumb()
// -->
</script>

<div class="contents">

<h1 class="article">
XXXXXXXXXXXXXXXXX
<br><span class="h1">XXXXXXXXXXXXXXXXX</span>
</h1>

<h2 class="author">
by <script type="text/javascript">writeEname(first_last)</script>
</h2>

<img src="XXXXXX" style="display:block; margin-left:auto; margin-riight;auto; width:XXXpx; height:XXXpx;">

<img src="XXXXX" style="display:block; width:XXpx; height:XXpx; float:left;" alt="XXXXX">

<img src="XXXXX" style="display:block; width:XXpx; height:XXpx; float:right;" alt="XXXXX">


<p class="publishDate">Month Year</p>


<h3 class="subtitle">XXXXXXX</h3>


<p>XXXXXXX PARAGRAPH HERE XXXXXXXX</p>


<table>
<tr><th>XXXX TABLE HEADING HERE XXXX</th></tr>
<tr><td>XXXX TABLE DATA HERE XXXX</td></tr>
</table>


<ul>
<li>XXXX UNORDERED LIST ITEM HERE XXX</li>
</ul>


<ol>
<li>XXXX ORDERED LIST ITEM HERE XXX</li>
</ol>


<a href="XXXX LINK-URL HERE XXXX">XXXX LINK-TEXT HERE XXXX</a>


<script type="text/javascript">writeEname(first_last)</script>
<script type="text/javascript">writeEddress(first_last)</script>


<span style="background-color:#ff6;">XXXX HIGHLIGHTED TEXT HERE XXXX</span>


<div class="tempNote"><p>XXXX SPECIAL NOTICE HERE XXXX</p></div> <!-- END class=tempNote -->


<!-- POP-UP WINDOW SCRIPT -->
<!-- REMOVE ANY UNWANTED LINE BREAKS CAUSED BY WEB PAGE WIDTH LIMITATIONS -->
<script type="text/javascript">
<!--
function fenestrate(){
var nuWin = window.open("","","resizable,scrollbars");
nuWin.document.write('<html style="background-color:#f3f3b6\;"><head><title>XXXXXXXX</title><style type="text/css">@import url(http://www.peninsulaflyfishers.org/PFF.css)\;</style></head><body style="padding:13px\;"><h3 class="subtitle" style="background-color:#fff\;">');
// PUT THE SPECIFIC TEXT HERE
nuWin.document.write('Behavioral Drift</h3><p>XXXX PUT TEXT HERE XXXXX</p>');
nuWin.document.write('</body></html>');
nuWin.resizeTo('300', '270');
nuWin.document.close();
} // -->
</script>


</div> <!-- class=contents -->

<script type="text/javascript">
writeBottomNav();
</script>

</div> <!-- class=envelope -->
</body>
</html>

return to instructions.