<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- onlinetips.html - created by Eric Pence -->
<html>
<head>
<title>Online Tips - PENCELAND.com</title>
<meta name="keywords" content="tables">
<link rel="shortcut icon" href="favicon.ico">
<link href="penceland.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<meta name="viewport" content="initial-scale=1">

<style type="text/css">
a.idxmenu:link {font-family:arial;font-weight: bold; color:white; text-decoration: underline;}
a.idxmenu:visited {font-family:arial;font-weight: bold; color:white; text-decoration: underline;}
a.idxmenu:active {font-family:arial;font-weight: bold; color:white; text-decoration: underline;}
a.idxmenu:hover {font-family:arial;font-weight: bold; color:#8CDD81; text-decoration: underline; background-color: transparent;}
</style>

<!-- Determine the level of JavaScript supported by the browser. -->
<script type="text/javascript" language="JavaScript"> var jslevel = "1.0"</script>
<script type="text/javascript" language="JavaScript1.1"> jslevel = "1.1"</script>

<script type="text/javascript" language="JavaScript">
<!-- Hide the code from non-JavaScript-enabled browsers

var cPath = window.location.pathname;
var initialPage = cPath.substring(cPath.lastIndexOf('/') + 1);

function onload(href) {
log_this_visit(href);
}

// Use AJAX for perl call so webpage will not exit
function log_this_visit(href) { // non-IE browsers
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // IE
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
if (XMLHttpRequestObject) {
  var split_href = href.split('Penceland/');
var webpage = split_href[1];

// See label in path
  // window.alert("webpage = " + webpage);

  webpage = webpage.replace("#", "-");
var url = 'cgi-bin/log_visits.pl?webpage=' + webpage;
XMLHttpRequestObject.open('GET', url);
XMLHttpRequestObject.send(null);
}
}

// Preload images
if (jslevel >= "1.1") {
homeOn = new Image(100,20); homeOn.src = "images/homei.gif";
homeOff = new Image(100,20); homeOff.src = "images/homeo.gif";
gbar = new Image(800,6); gbar.src = "images/grnbar1.gif";
ptitle = new Image(171,19); ptitle.src = "images/pentitle.gif";
topOn = new Image(100,20); topOn.src = "images/topi.gif";
topOff = new Image(100,20); topOff.src = "images/topo.gif";
wBullet = new Image(15,15); wBullet.src = "images/wbullet.gif";
littleP = new Image(15,15); littleP.src = "images/littler_p.gif";
}

// Switch On and Off button images
function imageSwap(imgID,imgName) {
if(jslevel >= "1.1") {
document.images[imgID].src = eval(imgName + ".src")
}
}

function windowOpener(ref, target, parms) {
popupWindow=window.open(ref, target, parms);
popupWindow.focus();
}

function getIP() {
if (!document.all && !navigator.userAgent.match(/Gecko/i) && navigator.javaEnabled()) {
return (java.net.InetAddress.getLocalHost().getHostAddress().toString());
}
else {
// Browsing with IE, Mozilla or Java disabled: Use serverside script
return ip;
}
}

function viewSource() {
window.location = "view-source:" + window.location.href;
}

// Use Ajax functions and perl to get IP-address --------------------------------------
function get_ip() {
// Create the XMLHttpRequest object
if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
else if (window.XMLHttpRequest) { // Non-IE browsers
http_request = new XMLHttpRequest();
// Override the header sent by the server, in case it's not text/xml
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
}
}
// Make the request
http_request.onreadystatechange = processRequest;
http_request.open('GET', 'cgi-bin/get_ip.pl', true);
http_request.send(null);
}

function processRequest() {
if (http_request.readyState == 4) {
if (http_request.status == 200) {
var xml = http_request.responseText;
var split_str = xml.split("<ip>");
var split_str1 = split_str[1].split("</ip>");
var ip_address = split_str1[0];
document.getElementById('ip_address').innerHTML = ip_address;
}
else {
document.getElementById('ip_address').innerHTML = '&mdash; &mdash; &mdash; &mdash;';
//document.getElementById('ip_address').innerHTML = '? . ? . ? . ?';
//alert('There was a problem with the request.');
}
}
}
// End of Ajax functions ---------------------------------------------------------------

function goto_svlink() {
self.location.href = document.svform.svlinks.options[document.svform.svlinks.selectedIndex].value;
document.getElementById('svlinks').selectedIndex = 0; // reset to default for return to page
}

function show_video(ref) {
popupWindow=window.open(ref, 'this_vid','width=500,height=375,toolbar=no,menubar=no,left=200,top=100,resizable=yes');
popupWindow.resizeTo(510,480);
popupWindow.focus();
}

// Stop hiding this script -->
</script>

</head>

<body onLoad="onload(location.href)" style="width:100%">

<a name="top"></a>

<!-- Insert the header from an external file -->
<script type="text/javascript" language="JavaScript" type="text/javascript" src="header.js"></script>

<br>
<table width="100%">
<tr>
<td width="15%" nowrap>
<span title="Online Tips" class="pagetitle"><img src="images/earthnet.gif" align="absmiddle" hspace="5" width="85" height="61">
Online Tips</span>
</td>
<td align="right" valign="middle" width="15%">
<table>
<tr>
<td align="center">
Your IP address<br>
<span class="date_block" id="ip_address" title="Your IP address">
<img src="images/clear.gif" width="65" height="8">
<!--script type="text/javascript" language="JavaScript" src="http://www.searchnc.com/cgi-bin/myip.pl"></script-->
<script type="text/javascript" language="JavaScript">document.writeln("&nbsp;<b>" $_SERVER["REMOTE_ADDR"] "</b>&nbsp;")</script>
</span>&nbsp;
</td>
</tr>
</table>
</td>
</tr>
</table>
<img src="images/clear.gif" height="10"><br>

<center>
<table width="100%" height="30" style="background-color:#2C5197"><tr>
<td style="font-family:arial;font-size:14px;color:white" align="middle" nowrap>
<a href="#facebook" class="idxmenu" title="Facebook">Facebook</a> |
<a href="#street_view" class="idxmenu" title="Google Maps Street View">Google Maps Street View</a> |
<a href="#spam" class="idxmenu" title="Fight spam">Fight spam</a> |
<a href="#popups" class="idxmenu" title="Spyware &amp; Popups">Spyware &amp; Popups</a> |
<a href="#hoaxes" class="idxmenu" title="Hoaxes">Hoaxes</a> |
<a href="#browsers" class="idxmenu" title="Web browsers">Web browsers</a> |
<a href="#links" class="idxmenu" title="Internet&nbsp;&amp;&nbsp;Technology&nbsp;links">Internet&nbsp;&amp;&nbsp;Technology&nbsp;links</a> |
<a href="#broadband" class="idxmenu" title="My broadband saga">My broadband saga</a> |
<a href="#downloads" class="idxmenu" title="Downloads">Downloads</a> |
<a href="#webpage" class="idxmenu" title="HTML Tips">HTML Tips</a> |
<a href="#webpage" class="idxmenu" title="Style">Style</a> |
<a href="#html_links" class="idxmenu" title="Web-authoring links">Web-authoring links</a> |
<a href="#maintenance" class="idxmenu" title="Maintenance">Maintenance</a> |
<a href="#books" class="idxmenu" title="Books">Books</a> |
<a href="#newsgroups" class="idxmenu" title="Newsgroups">Newsgroups</a>
</td>
</tr></table>
</center>
<p>

<center>
<table>
<tr>
<td style="font-weight: bold; color: #283A90; font-style: italic">
Please note: &nbsp; Technology changes can occur faster than my website updates, so some things may not always be current.
</td>
</tr>
</table>
</center>

<!-- using table to indent -->
<span style="font-size:14pt;font-weight:bold">The Internet</span>
<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td>The Internet is a very exciting and rewarding place, full of new information and new methods, but it can also be
overwhelming to try to keep up with everything and not to feel that you are at the mercy of some of the things that seem
to be constantly trying to take advantage of you. I am always striving to feel like I am in control of my online life, and
I want to pass along some of the things I have learned and also share some of the resources I have discovered.
<br><img src="images/clear.gif" height="10"><br>
Growing out of the Defense Department's <i>ARPAnet</i> and other projects in the 1960s and 1970s, the Internet was used by 90% of Americans by 2019 and connected those users to billions around the world. The Internet
simultaneously made work more productive and life more distracting by disseminating useful knowledge.
<br><img src="images/clear.gif" height="10"><br>
<i>It also spreads rumors and conspiracy theories, so watch out</i>!.
<br><img src="images/clear.gif" height="10"><br>
I created my website when I was writing code regularly as a programmer, but I am <a href="career.html#retirement" class="green">retired</a> now so it gets less of my creative attention. <i>Please enjoy!</i>
<br><img src="images/clear.gif" height="10"><br>
   Here's a cute tip:
<br><img src="images/clear.gif" height="5"><br>
   <b>What time is it anywhere in the world?</b>
   <br><img src="images/clear.gif" height="5"><br>
<img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="https://www.timeanddate.com/worldclock/"><span style="font-weight: bold; color: #2554C7">World Clock</span></a>
</td>
</tr>
</table>
<p>

<hr>
<p>
<span style="font-size:14pt;font-weight:bold">I've created a several web documents that I want to share</span>
<p>

&nbsp; <span style="font-size:16px;font-weight:bold">picture.html</span>

<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td valign="top">
<table align="left"><tr><td align="left" style="font-size:11px;line-height:1.25" width="100">
<a href="picture.html?image=pics/Parliament_and_Big_Ben.jpg&topcap=Houses of Parliament and Big Ben&comment=On the River Thames in London">
<img src="images/Parliament_and_Big_Ben_t.jpg" width="91" height="70" border="0" style="margin-bottom:2px" title="Click to see picture.html demo"></a><br><b>picture.html</b> demo</a>
</td></tr></table>
If you have a graphic image, like a .jpg file, that you want to show with a caption here is an easy way to do it. This webpage is called
<a href="cgi-bin/print_source.pl?src=../picture.html" class="green" onClick="javascript:windowOpener(this.href,this.target,'width=1200,height=700,left=25,top=100,scrollbars=1');return false;">picture.html</a>
(<img src="images/left.gif"> source code). It has 2 captions you can use, one above the image called "<i>topcap</i>" and one below the image called "<i>comment</i>." Both are in a <b>bold&nbsp;font</b> and
<b><i>comment</i></b> is <b><i>italicized</i></b>. I use this in many places on my website, and like the rest of my website, this is not copywrited
and you are free to copy the code. <b>Picture.html</b> uses a lot of <i>JavaScript</i>. There is a lot of html that I use to display the green-bar header info at the top that you can leave out if you use this
(bracketed by comments: &quot;Begin 2 green-bar header&quot; and &quot;End 2 green-bar header&quot;). I cloned this as <b>picture2.html</b> which has <b>topcap2</b> and <b>comment2</b> to allow it to be called in <b>topcap</b> or
<b>comment</b> in <b>picture.html</b>.
<br><img src="images/clear.gif" height="4"><br>
<img src="images/left.gif"> <a href="picture.html?image=pics/Parliament_and_Big_Ben.jpg&topcap=Parliament and Big Ben&comment=On the River Thames in London" class="green">See in action</a> (when image displays look at URL in
browser to see how it is done)<br>Here's the code for
use: &nbsp; <span style="color:#333399;font-weight:bold">&lt;a href=&quot;picture.html?image=filename.jpg&topcap=Label above photo&comment=Comment text below photo&quot;&gt;</span> (<i>topcap</i> and <i>comment</i> are optional)
<br><img src="images/clear.gif" height="5"><br>
I created a similar webpage called
<a href="cgi-bin/print_source.pl?src=../cartoon.html" class="green" onClick="javascript:windowOpener(this.href,this.target,'width=1200,height=700,left=25,top=100,scrollbars=1');return false">cartoon.html</a>
(<img src="images/left.gif">source code) to display joke images. (See <a href="humor.html#jokes" class="green">examples</a>.)
</td>
</tr>
</table>

<img src="images/clear.gif" height="10"><br>
&nbsp; <span style="font-size:16px;font-weight:bold">google_search.html</span>

<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td valign="top">
<table align="left"><tr><td align="center" style="font-size:11px;line-height:1.25" width="100">
<a href="google_search.html"><img src="images/google_search_t.jpg" width="91" border="0" style="margin:0 8 2 0" title="Click to see google_search.html in action"></a><br>
<b>google_search.html</b>
</td></tr></table>
I used to go to <i>google.com</i> when I wanted to search <i>Google</i> but decided I could bring the page up faster if it was local to my PC so I created
this page and it loads much faster. This webpage is called
<a href="cgi-bin/print_source.pl?src=../google_search.html" class="green" onClick="javascript:windowOpener(this.href,this.target,'width=1200,height=700,left=25,top=100,scrollbars=1');return false;">google_search.html</a>
(<img src="images/left.gif"> source code). I had wanted to call it &quot;search.html&quot; but I had already created a <a href="search.html" class="green">search.html</a> on my website so I couldn't use that name. Create this
on your PC. I think you'll like it. It mostly uses a lot of <i>Javascript</i>.
<br><img src="images/clear.gif" height="5"><br>
&nbsp; <img src="images/left.gif"> Click to see in action. &nbsp; I use the <i>Google</i> logo for an icon on my desktop to call this app.<img src="images/right.gif">
<a href="google_search.html"><img src="images/google_logo_gray.gif" align="absmiddle" title="Google search" border="0"></a>
</td>
</tr>
</table>

<img src="images/clear.gif" height="10"><br>
&nbsp; <span style="font-size:16px;font-weight:bold">print_source.pl</span>

<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td valign="top">
<table align="left"><tr><td align="center" style="font-size:11px;line-height:1.25" width="100">
<a href="cgi-bin/print_source.pl?src=../cgi-bin/print_source.pl" onClick="javascript:windowOpener(this.href,this.target,'width=1200,height=700,left=25,top=100,scrollbars=1');return false;">
<img src="images/print_source_t.jpg" width="90" border="0" style="margin:0 8 2 0" title="Click to see print_source.pl source-code"></a><br>
<b>print_source.pl</b>
</td></tr></table>
I wrote this <i>Perl</i> program that I use on my website when I want to display source-code rather than run it. To use (I store executables like <i>Perl</i> apps in the <i>cgi_bin</i> folder), the URL is:
"<span style="color:#333399;font-weight:bold">/cgi-bin/print_source.pl?src=<i>path to source-file</i></span>"
<br><img src="images/clear.gif" height="5"><br>
&nbsp; <a href=
"cgi-bin/print_source.pl?src=../cgi-bin/print_source.pl" class="green" onClick="javascript:windowOpener(this.href,this.target,'width=1200,height=700,left=25,top=100,scrollbars=1');return false;">print_source.pl</a>
&nbsp; <img src="images/left.gif"> Click to run it and see the source-code for this app
</td>
</tr>
</table>

<hr>
<p>
<span style="font-size:14pt;font-weight:bold">Scam alerts - click to read</span>
<br><img src="images/clear.gif" height="1"><br>
&nbsp; &nbsp; These 2 alerts are presented using the <i>program.html</i> page I mention above.
<br><img src="images/clear.gif" height="10"><br>
<a href="picture.html?image=images/scam_alert.jpg"><img src="images/scam_alert_t.jpg" width="42" height="70" hspace="20" border="0"></a>
<a href="picture.html?image=images/phone_scam.jpg&topcap=<i>Scam alert!</i>"><img src="images/phone_scam_t.jpg" width="69" height="70" hspace="5" border="0"></a>
<p>

<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<hr>
<span style="font-size:14pt;font-weight:bold">Preventing viruses</span>
<br><img src="images/clear.gif" height="5"><br>
<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td style="font-weight:bold; color:#283A90">
  You can prevent many viruses from infecting your computer or phone by doing a few basic things.
      <ul style="margin: 5 0 5 0">
    <li>Don't open email attachments unless you absolutely trust them.
    <li>Don't click on links in emails unless you absolutely trust them.
    <li>Only download software from trusted sources.
  </ul>
  Even if you get an email from someone you know&mdash;your friend could get hacked and it can be a spoof&mdash;so be careful with what you click on.
</td>
</tr>
</table>

<img src="images/clear.gif" height="5"><br>
<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td>
    I have a couple of things installed on my computer that screen constantly and prevent viruses from attacking.
    <ul style="margin-top:1">
      <li>Norton Security - I downloaded this from my Internet Provider, Comcast, for free (I get regular messages from Norton saying things are not safe)
      <li>Malwarebytes - I downloaded the Premium version and pay a yearly fee (it runs regular scans)
    </ul>
</td>
</tr>
</table>

<a name="facebook"></a>
<p>
<hr>

<table width="100%">
<tr>
<td align="left" width="50%" nowrap valign="top">
<span style="font-size: 14pt; font-weight: bold">Facebook</span>
<a href="http://www.facebook.com/login.php"><img src="images/facebook_cube_small.gif" hspace="20" align="absmiddle" width="51" height="58" title="Login to Facebook" border="0"></a>
</td>
<td align="right" width="50%" nowrap valign="top">
  My profile <img src="images/right.gif">
  <a href="http://www.facebook.com/eric.b.pence" target="_blank"><img src="images/fb_profile.jpg" width="52" height="61" align="absmiddle" hspace="5" border="0" title="My Facebook profile"></a><br>
</td>
</tr>
</table>
<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td><i>Facebook</i> is an interesting place to share information about yourself and learn things about friends' lives. Have fun but
        resist getting obsessed and spending too much time there, and be conscious of recommended protocol for using the network. Be aware that what
        appears to be news information is tailored to your tastes and probably slanted. Don't use Facebook as your only news source.
</td>
<td>&nbsp; &nbsp;</td>
</tr>
</table>

<img src="images/clear.gif" height="10"><br>
<table>
<tr>
<td>
     <a href="facebook_annoyances.html" class="green"><img align="absmiddle" src="images/littler_p.gif" title="o" hspace="5" width="15" height="15" border="0">Facebook Annoyances</a> &nbsp; <img src="images/left.gif" height="9" width="9" hspace="3" border="0"> <span style="font-weight: bold; color: #003F87">read this</span> and show some restraint in your <i>Facebook</i> postings<br>
<a href="http://www.huffingtonpost.com/wait-but-why/annoying-facebook-behavior_b_4081038.html"><img align="absmiddle" src="images/huffpost_icon.gif" title="o" hspace="5" width="16" height="16" border="0">7 Ways to Be Insufferable on Facebook</a> &ndash; I don't agree with all, but some good ones here<br>
</td>
</tr>
</table>
<img src="images/clear.gif" height="5"><br>

<table>
  <tr>
    <td colspan="2" style="font-size: 14px; font-weight: bold">&nbsp; Facebook tips</span></td>
  </tr>
  <tr>
<td>&nbsp; &nbsp;</td>
    <td>
In <i>Facebook</i> there are a couple of things that others would like to find in your profile <b>. . .</b>
</tr>
  <tr>
    <td colspan="2">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="-" hspace="5" width="4" height="10">A recent photo<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="-" hspace="5" width="4" height="10">Where you currently live<br>
</td>
</tr>
</table>
<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td>The following things change on Facebook when they change the interface so they may not all be the same as when I typed them.
</tr>
</table>
<table>
<tr>
<td>
<img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><span style="font-weight: bold; color: #333333">Security:</span> Here's some interesting information from my friend (and
nephew's wife) <a href="https://www.facebook.com/profile.php?id=1343843583" class="blueulb">Megan</a> to help prevent hacking.<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="-" hspace="5" width="4" height="10">Go to <span style="font-weight: bold; color: #222222">Account Settings</span> &gt;&gt; <span style="font-weight: bold; color: #333333">Security</span> &gt;&gt; <span style="font-weight: bold; color: #333333">Secure Browsing</span><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="-" hspace="5" width="4" height="10">Click on <img src="images/chkbox.gif" width="11" height="12" hspace="3"> <span style="font-weight: bold; color: #333333">Browse Facebook on a secure connection (https) when possible</span> &ndash; this will automatically put 'https' instead of 'http' in the url, which is more secure<br>
<a href="http://www.ehow.com/how_5807957_fix-hacked-facebook-account.html"><img align="absmiddle" src="images/ehow_icon.gif" title="o" hspace="5" width="16" height="16" border="0">How to Fix a Hacked Facebook Account</a> &ndash; it's never happened to me but it's worth knowing<br>
<a href="http://mashable.com/2013/10/26/facebook-statuses-to-retire/"><img align="absmiddle" src="images/mashable_icon.gif" title="o" hspace="5" width="16" height="16" border="0">12 Facebook Statuses You Need to Retire</a><br>
<a href="http://www.fbpurity.com/install.htm"><img align="absmiddle" src="images/fbpurity_icon.gif" title="o" hspace="5" width="16" height="16" border="0">F.B. Purity</a> &ndash; clean up and customize Facebook on non-IE browers with this extension<br>
</td>
</tr>
</table>

<p>

<a name="street_view"></a>
<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<hr>

<table width="50%">
<tr>
<td align="left" width="25%" nowrap valign="top">
<table>
<tr>
<td style="font-weight:bold;font-size:18px;line-height:1.25">Google Maps<br> &nbsp; Street View</td>
<td>
<a href="https://goo.gl/maps/TSGR5uEUBxW7oEuWA" target="_blank"><img src="images/street_view_image.jpg" width="97" height="70" title=
"Google Maps Street View" align="absmiddle" hspace="20" border="0"></a>
</td>
</tr>
</table>
</td>
<td align="left" width="25%" valign="top">
<a href="http://www.youtube.com/v/f0y-q-pI2pQ?autoplay=1&width=485&height=390&title=Street%20View"
onClick="javascript:show_video(this.href,this.target);return false;"><img src="images/google_map_tutorial.jpg" width="66"
height="50" hspace="10" border="0" title="Street View"></a><br><font size="1">YouTube Tutorial&nbsp;&nbsp;&nbsp;</font>
</td>
<td width="15%"</td>
</tr>
</table>

<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td>
In 2007 <i>Google</i> introduced a new feature in <i>Google Maps</i> called <a href=
"https://goo.gl/maps/2dz9uNFSJ4F2" class="black" target="_blank"><b><i>Street View</i></b></a> (that's my Boston office building in the center, where I
   worked for 24 years until I retired in 2018)). They mounted panoramic cameras on top of cars which drove around photographing&nbsp;the&nbsp;streets
   of U.S. cities and towns. These images are assembled in a way that provides 360-degree zoomable images of roads and buildings. Ultimately
   most of the U.S. and much of the world became the subject of these cameras. (My colleagues and I were eating lunch in a Boston restaurant open to
   the streen when we noticed a <i>Street View</i> car on the street outside so we smiled and waved for the camera, but of course our photos were
   probably never used!) My colleagues and I were in a restaurant for lunch in Boston that was open to the street. When the <i>Google</i> camera vehicle pulled up on the street we all started waving at the camera.
   Unfortunately <i>Google</i> chose not to use that photo.
<br><img src="images/clear.gif" height="5"><br>
<span style="font-weight: bold; color: #283A90; font-style: italic">
Caution: Street View images are only as recent as the last time the cars photographed the streets. They may sometimes be months (or years?) behind.
</span>
<br><img src="images/clear.gif" height="5"><br>
   <img align="absmiddle" src="images/youtube_icon.gif" title="o" hspace="5" width="16" height="16" border="0">
<a href="play_video.html?video=http://www.youtube.com/v/hLyljvi6z2U&autoplay=1&rel=0&title=Cars Photographing%20for%20Google%20Street%20View"
class="green">Cars Photographing for Street View</a>
<p>
Not surprisingly there have been complaints from some residents about having their homes photographed, not only as an invasion of privacy, but
also giving thieves another burglary tool. Personally I have come to terms with not really having the same level of &quot;privacy&quot; in the
21st century we had before the Internet, but I understand not everybody feels the same way. The <i>exposure</i> we have in the world now has changed
and we have to make some adjustments in our lives to deal with this. We have had to learn to live with an increased amount of security in all
things since 9/11 and we unfortunately can't be as casual as we were in the past. Security camera footage on buildings adjacent to crimes is
   often used in the solving of crimes. (<i>And you never know when you might appear on YouTube from a webcam!</i>) Satellite views of the White
   House are blurred on map websites and maybe there needs to be an option for that for private residences also. Google provides a way to request
   removal of imagery from <b><i>Street View</i></b>.
<br><img src="images/clear.gif" height="2"><br>
I was looking in <b><i>Google Street View</i></b> at <i>Otis Hill Road</i>, a street in our neighborhood in <i>Hingham, Massacusetts,</i> and saw that the <i>Google</i> camera had captured me walking our dog Casey (this
was before we had <a href="picture.html?image=pics/Quinn.jpg&topcap=Quinn at 9 months old" class="green">Quinn</a>).<br>
<a href="https://www.google.com/maps/@42.2531039,-70.8947186,3a,75y,345.58h,85.34t/data=!3m6!1e1!3m4!1sJxIskK0mpfmku7CCFC87TQ!2e0!7i16384!8i8192?hl=en" target="_blank"><img src="images/street_view_t.jpg" width="78" height="70"
align="absmiddle" style="margin-left:10;margin-top:5" border="0" title="Casey and me"></a>
<img src="images/left.gif" height="9" width="9" hspace="5" border="0">click to see us in <b><i>Street View</i></b> &nbsp;(that is <i>Hingham Harbor</i> on the right)<br>
To use Street View go to <a href="http://maps.google.com/" class="black" target="_blank">Google Maps</a>, locate an area you want to explore, and using your
mouse drag the little &quot;pegman&quot; <img src= "images/google_map_man.gif" align="bottom"> (Google's name for him) located in the symbols
on the lower right to a street and drop him there (the available streets are highlighted in blue, and you may have to zoom in a
bit to see this). This will bring up the camera view that you can move around on with your mouse by dragging the image, using the scroll wheel
in the upper left or the arrows on the street, or you can even relocate the pegman on the expandable overview map on the lower-right.
<br><img src="images/clear.gif" height="10"><br>
The green pointer beneath the pegman on the map<img src="images/google_man_arrow.gif" style="vertical-align:middle"> shows the direction you are currently
viewing. To change the direction of the view click on the scroll wheel <img src="images/google_scroll_wheel.gif" width="22" height="23" style="vertical-align:middle"> or drag the view with the mouse.
Click <img src="images/sv_close_arrow.jpg" width="22" height="22" style="vertical-align:middle"> in the upper left or <img src="images/sv_close_x.jpg" width="22" height="22"
style="vertical-align:middle"> in the upper right to close <i>Street View</i> and return to the map.
<br><img src="images/clear.gif" height="10"><br>
If you find something in Street View you want to email to someone, click on the 3 little vertical dots in the header in the upper left and chose
<i>Share or embed image</i> the URL for the current view (even if you scroll around) is highlighted. (At this point I choose Short URL.) You can
   send it from that screen or just press <i>Ctrl-C</i> to copy it and you can paste it into an email. That is how I saved the links on this page.
   (If you have the <i>Adblock Plus</i> extension installed in <i>Firefox</i>, you may get a Block tab overlaying
   <span style="color: #333399; text-decoration:underline">Link </span>. To disable this, go to <i>Adblock Plus Preferences</i> on the <i>Tools</i>
   menu and uncheck &quot;Show tabs on Flash and Java.&quot;). Here and there on my website when I want to show an actual location I use this link.
   You will usually see it listed simply as <a href="https://goo.gl/maps/C6iJAnqKQVA2" class="black" target="_blank"><b><i>Street&nbsp;View</i></b></a>.
<br><img src="images/clear.gif" height="10"><br>
   Google tried to photograph places in good daytime lighting, but occasionally you will encounter sun glare, and other unexpected sightings.<br>
Look at these . . .
<br>
</td>
<td>&nbsp; &nbsp; </td>
</tr>
<tr>
<td>&nbsp; &nbsp;</td>
<td height="50">
<table>
<tr>
<td valign="top" style="font-weight:bold" nowrap colspan="2">
Please note ==> Some of the Street View URLs may not display the same as when they were originally created. I have tried to make
corrections to any that I can.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<ul style="margin-=bottom=0">
<li><!--a href="http://maps.google.com/maps?q=Eagle+Point+Drive,+Sherwood,+AR&ie=UTF8&z=16&g=Eagle+Point+Drive,+Sherwood,+AR&iwloc=addr&layer=c&cbll=34.885861,-92.239309&panoid=cP9a-ZeeBY8Cqo48cq4VYg&cbp=12,2.4337452313445738,,0,5">House on fire</a><br-->
<a href="https://www.google.com/maps/@34.8869586,-92.2388663,3a,75y,216.8h,92.41t/data=!3m4!1e1!3m2!1sFAPcJB_Alx0sg-dms4ZIKw!2e0?hl=en" target="_blank" class="black">House on fire</a>
(Street View doesn't go in front of the house any more &ndash; see on <a href="http://www.youtube.com/watch?v=Log3fpKPgVc">YouTube</a>)<br>
The Google photography vehicle was driving down a street in a suburb of Little Rock, AR, when they encountered a burning house&mdash;which they filmed.
<br><img src="images/clear.gif" height="8"><br>
<li><a href="https://www.google.com/maps/@36.1098761,-115.1726261,3a,75y,344.8h,83.75t/data=!3m5!1e1!3m3!1sjPAZg9ztjNUAAAQYazch0Q!2e0!3e11" target="_blank" class="black">Las Vegas Strip</a><br>
Most of the photographs are done in the daytime, but in Las Vegas they did some shots of the &quot;Strip&quot; (Las Vegas Blvd) at night,
when the lighting on the casinos and hotels is more dazzling.<br>
On our last trip to Las Vegas we stayed at the
<a href="https://www.google.com/maps/@36.1047273,-115.1727845,3a,75y,323.42h,105.53t/data=!3m4!1e1!3m2!1sdYQWoZr2BE5AyxEjkJiS6w!2e0" class="black">Mandarin Oriental</a>, the tall
building in the center of this picture. It is on the Strip near the Monte Carlo.
<br><img src="images/clear.gif" height="8"><br>
<li><a href="http://google-street-view.com/" class="blueulb">Google Street View World</a><br>
Here are hundreds of amusing scenes photographed by Google from around the world.<br>
Click on the image or <span style="color: #333333; font-size: 14px; font-weight: bold" onmouseover="this.style.color=990033" onmouseout=
"this.style.color=333333">The words in the caption!</span> to pull the Street View sighting up in Google Maps.<br>
At the bottom of the page click on <img src="images/next_box.gif" align="absmiddle"> for more.
<form name="svform">
<select id="svlinks" onChange="goto_svlink()" style="width: 120px" class="drop_down">
<option selected value="">Gallery highlights...</option>
<option value="https://www.google.ca/maps/@48.8342116,2.2597691,3a,75y,192.94h,90t/data=!3m4!1e1!3m2!1s0YqBCe-XqzT6FeIwJTxgyw!2e0?hl=en">Street View car captures itself</option>
<option value="https://maps.google.com/maps?cbp=12,357.7172296179008,,1,7.634942186839486&cbll=39.452702,-0.349382&layer=c&ie=UTF8&panoid=GE9Zq6p5Zru9TqX5aikFOw&ll=39.452739,-0.349492&spn=0,359.986267&t=h&z=17">Waving to the Google Car</option>
<option value="https://maps.google.de/maps?cbp=12,22.668375216781328,,1,21.238063495589568&cbll=43.703588,7.266084&layer=c&ie=UTF8&ll=43.703588,7.266084&spn=0,359.990848&z=17&panoid=uP_KXvRNI-spo0QkVaAeuw">Taking picture of Street View car</option>
<option value="https://maps.google.ca/maps?f=q&hl=en&geocode=&ie=UTF8&mrt=kmlkmz&layer=c&cbll=48.889674,2.368259&panoid=ijVKmX_L0uxFfm0mfvoQew&cbp=1,93.74075495129682,,1,14.044057788456665&t=h&ll=48.891527,2.368401&spn=0.003499,0.006866&z=17">Bird in flight</option>
<option value="https://maps.google.ca/maps?f=q&hl=en&geocode=&q=43.70115600,+7.26162000&ie=UTF8&layer=c&cbll=48.850275,2.343741&panoid=52xPH6bcXO3-KOvWIGYIow&cbp=1,330.3835286232037,,1,10.98925661222826&g=43.70115600,+7.26162000&ll=48.862964,2.337599&spn=0.028007,0.054932&z=14">Lost in France</option>
<option value="https://maps.google.ca/maps?hl=en&ie=UTF8&ll=45.509595,4.559155&spn=0.054014,0.174065&z=13&layer=c&cbll=45.482473,4.574607&panoid=RTyoni6DQymyQwsJI9qxow&cbp=1,347.40032299292307,,2,12.42888792606187">Mischievous kids setting trap</option>
<option value="https://www.google.com/maps/@37.4233882,-122.0865087,3a,75y,177.39h,80.24t/data=!3m4!1e1!3m2!1snftEjsIdm2OWYubJ5zSWhw!2e0?hl=en">Imaginary tug-of-war</option>
<option value="https://www.google.ca/maps/@42.3278743,-83.0397576,3a,75y,177.37h,85t/data=!3m4!1e1!3m2!1sxNq8gJC4pZlV3DJbXJq4VA!2e0?hl=en">View Canada from Detroit</option>
</select> <img src="images/arrow_left.gif"> Not all these work anymore. I guess they have been updated.
</form>
<li><a href="http://www.gstreetsightings.com/" class="blueulb">Google Street View Sightings</a>
<br><img src="images/clear.gif" height="8"><br>
<li><a href="http://gawker.com/#!googlestreetview" class="blueulb">Street View - Gawker</a><br>
Your privacy is an illusion.
<br><img src="images/clear.gif" height="8"><br>
<li><a href="https://goo.gl/maps/KdvjGBQNhkAxPCnS7" target="_blank" class="black">Ballard 'Hold-Out' house</a><br>
Here's a house in the Ballard neighborhood of Seattle that <a href="http://www.kirotv.com/news/19983956/detail.html" class="blueulb">refused to sell out</a> to developers.
</ul>
</td>
<td></td>
</tr>
<tr>
<td>&nbsp; &nbsp;</td>
<td valign="top">
If you are going to travel to a new place Street View is a good way to get a visual impression of your destination. You can even get <a href=
"http://www.youtube.com/v/dgJSXrkwshg?autoplay=1&width=485&height=390&title=Street%20View%20driving%20directions"
onClick="javascript:show_video(this.href,this.target);return false;">driving directions</a>. <a href=
"http://www.youtube.com/v/dgJSXrkwshg?autoplay=1&width=485&height=390&title=Street%20View%20driving%20directions"
onClick="javascript:show_video(this.href,this.target);return false;"><img src="images/sv_directions.jpg" width="67" height="50"
align="absmiddle" border="0" title="Street View driving directions"></a>
</td>
</tr>
<tr>
<td colspan="2">
<ul>
<li><a href="https://www.google.com/maps/@25.7391593,-80.2229459,3a,75y,201.7h,79.45t/data=!3m4!1e1!3m2!1snisN-pKqFmGC9n5OHa1sqA!2e0?hl=en"
class="black" target="_blank">Driving to a vacation resort</a><br>
Patti and I booked a vacation at the <a href="http://www.groveisle.com/">Grove Isle Hotel &amp; Spa</a>
on <a href="https://goo.gl/maps/ZSkDg" class="black" target="_blank">this island</a> off the coast of Coconut Grove, Florida, and after
            getting the driving directions from the airport to the hotel, I decided to look at the intersection I would be turning on when I got there.
            (I took many <a href="florida_vacations.html#grove_isle" class="green">photos</a> at this hotel, which I believe is now
<a href="http://www.miamiherald.com/news/local/community/miami-dade/article19903044.html">closed</a>.)
</ul>
</td>
<td></td>
</tr>
</table>

<table><tr><td height="30" valign="bottom"><span style="font-size:18px;font-weight:bold">&nbsp;Street View links</span>
<img src="images/links.gif" align="absmiddle" hspace="15" width="71" height="27" title="Street View links"><br>
<img src="images/clear.gif" height="10"><br>

<a href="http://www.streetviewandmaps.com/en/"><img align="absmiddle" src="images/svtour_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Street View Virtual tours</a><br>
<a href="http://www.youtube.com/watch?v=f0y-q-pI2pQ"><img align="absmiddle" src="images/youtube_icon.gif" align="absmiddle" hspace="5" width="16" height="16" border="0">Tutorial on YouTube</a> &ndash; same link as top<br>
<a href="http://www.youtube.com/watch?v=dgJSXrkwshg"><img align="absmiddle" src="images/youtube_icon.gif" align="absmiddle" hspace="5" width="16" height="16" border="0">Get driving directions with Street View</a><br>
<a href="http://googleblog.blogspot.com/2008/12/street-view-year-in-review-and-whats.html"><img align="absmiddle" src="images/blogger_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Street View: A year in review, and what's new</a> &ndash; shows the U.S. coverage areas<br>
<a href="http://www.streetviewfun.com/"><img align="absmiddle" src="images/svfun_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Street View Fun</a> &ndash; this website is just what it says<br>
<a href="http://en.wikipedia.org/wiki/Google_Street_View"><img align="absmiddle" src="images/wikipedia_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Google Street View</a> &ndash; on Wikipedia<br>
<!--a href="http://googlemapsmania.blogspot.com/2007/05/big-news-google-maps-street-view.html"><img align="absmiddle" src="images/blogger_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Google Maps Mania: Big News: Street View</a><br-->
<a href="http://www.google.com/mobile/default/maps-streetview.html"><img align="absmiddle" src="images/google_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Google Mobile with Street View</a><br>
<a href="http://www.youtube.com/watch?v=fPgV6-gnQaE"><img align="absmiddle" src="images/youtube_icon.gif" align="absmiddle" hspace="5" width="16" height="16" border="0">Comedy(?) on YouTube</a> &ndash; takes privacy issues about Street View to extreme<br>
<a href="http://www.flickr.com/groups/googlestreetviewcar/pool/"><img align="absmiddle" src="images/flickr_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Google Street View cars</a><br>
<a href="http://www.onmylist.com/category/miscellaneous/Best_Pictures_from_Google_Streetview_1"><img align="absmiddle" src="images/cml_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Best Pictures from Google Street View</a><br>
<p>
<table><tr><td>&nbsp;</td><td>
See more at <a href="about.html#places" class="green"><span style="font-weight:bold;font-size:14px">Places I've lived</span></a>.
</td></tr></table>
<img src="images/clear.gif" height="5"><br>
&nbsp; <span class="footnote">*</span>
I created my instructions and the icons here before I discovered that Google had already done it more <a href="http://maps.google.com/support/bin/answer.py?hl=en&answer=68476#street_views" class="blueulb">thoroughly</a>.

<p>

<a name="spam"></a>
<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<hr>

<span style="font-size:18px;font-weight:bold">Fight spam</span>
<a href="Spambusters.html"><img src="images/spambusters.gif" width="72" height="51" title="Smash spam" align="absmiddle" vspace="5" hspace="20" border="0"></a>
<!--img src="images/NoSpam.gif" width=37 height=37 title="No spam" align="absmiddle" vspace="5" hspace="20"-->

<table width="50%" align="right">
<tr>
<td align="right" width="23%" valign="top">
<a href="http://www.cauce.org/"><img src="images/cauce.gif" width="106" height="38" border="0" title="Coalition Against Unsolicited Commercial Email"></a>
<img src="images/clear.gif" width="50">
<a href="http://spam.abuse.net/"><img src="images/spam-banner-2.gif" width="200" height="47" border="0" title="Stamp out spam!"></a>
</td>
<td width="2%"></td>
</tr>
</table>

<table>
<tr>
<td>&nbsp; &nbsp;</td>
  <td>
    <table><tr>
      <td width="20"></td>
    <td style="font-weight: bold; color: #283A90; font-style: italic">
    Please note: &nbsp; This section was written when I used pop3 email in Outlook Express. Now I use Gmail, which has excellent spam filtering,
          so I don't need to do many of the things I describe here.
        </td>
  </tr></table>
</td>
</tr>
<tr><td></td></tr>
<tr>
<td>&nbsp; &nbsp;</td>
<td>
Spam&mdash;unsolicited, junk email&mdash;accounts for more than 80% of all email traffic (this 2010 <a href=
"http://scitech.blogs.cnn.com/2010/03/26/a-new-look-at-spam-by-the-numbers/?hpt=T2" class="blueulb">article</a> says 9 out of 10 emails are
unsolicited), and if you are like me you don't want to be overwhelmed by come-ons for low mortgage rates and herbal Viagra every time you check
your email, so you may need to do something to deal with this.
<ul>
<li>NEVER reply to spam. This just increases your chance of getting more spam by verifying your email address is legitimate.
<li>I have found it is safe and effective to use the &quot;Unsubscribe&quot; link in an unsolicited email from a business whose name you recognize.
</ul>
</td>
</tr>
</table>

<table><tr><td height="30" valign="bottom" style="font-size:14px;font-weight:bold">&nbsp;Why do we get spam?</td></tr></table>
<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td>
There are several ways your email address can get obtained for spam abuse.

<ul>
<li><b>Software generated spam lists</b><br>
Spammers can use software that simply inputs or builds a list of names or words, and combines each of these entries with a particular mail
server's domain to create email addresses ('anyname@somedomain'). Many of these addresses will be returned as <i>undeliverable</i>, but
spammers can live with that, since many more will get through. You can see this pattern of construction if you look at the addresses in
the To: line and find a sequence of names that are alphabetically close to yours followed by the same domain. One interesting solution to
this spam problem that I heard and liked was to have ISPs charge a fraction of a cent for every email that is sent. This could be easily
absorbed in your monthly charge for a private email account. For spammers, this would add up to big bucks on their bulk
emailing, enough to make spamming not profitable.
<br><img src="images/clear.gif" height="8"><br>

<li><b>Posting your email address on web documents</b><br>
If your email address appears on any Internet document it can be found by a <i> spider</i>, a program that visits websites gathering
information, typically for search engines. Spiders used by spammers to collect email addresses are commonly called "spambots". There may
be times when you want to leave your address on a web-based guestbook or newsgroup posting so that someone reading it can still contact
you. One safe way to do this is to alter your address in an <i>obvious</i> way, for instance to spell your email address as
<b>name<span style="font-family: Verdana">(at)</span>domain.com</b> with instructions to replace <b><span style=
"font-family: Verdana">(at)</span></b> with <b><span class="at">@</span></b> for the correct address. Spambots won't even
see your altered email address on a website since it doesn't contain <b><span class="at">@</span></b>.
<br><img src="images/clear.gif" height="8"><br>

<li><b>Leaving your email address when ordering online</b><br>
You risk spamming any time you provide your email address when it is needed to complete a form on a website, for instance, when placing an
online order. If you don't want to receive email as a result of this transaction, don't use your regular email address, create another
one at <a href="http://login.live.com/login.srf?id=2&svc=mail&cbid=24325&msppjph=1&tw=0&fs=1&fsa=1&fsat=1296000&lc=1033&_lang=EN" class=
"blueulb"><i>Hotmail</i></a> or <a href="https://login.yahoo.com/config/login_verify2?&.src=ym" class="blueulb"><i>Yahoo</i></a> to be used
only for the times when you are required to furnish one. Let this address be spammed and don't use it for personal email. If you do want
to check your <i>spare</i> address occasionally, for instance for shipping information on an order, <i>Hotmail</i> actually has pretty
good filters to direct spam to a special <i>Junk Mail</i> folder.
<br><img src="images/clear.gif" height="8"><br>

<li><b>Inadvertently requesting email when completing an online form</b><br>
Sometimes you may want to place an order, register software, or sign up for something online. There is often a checkbox at the bottom of
the form indicating you are agreeing to receive email. If this is left with the check-mark in it you have just added your email address to
a spam list, which may sometimes even be sold to other spammers.
<br><img src="images/clear.gif" height="6"><br>
&nbsp; <font color="990000">Uncheck this</font><img src="images/right.gif" height="9" width="9" hspace=3>&nbsp; &nbsp;
&nbsp; &nbsp;<img src="images/chkbox.gif" width="11" height="12" title="X">&nbsp; <i>Please send me information about events
and special promotions</i>
<br><img src="images/clear.gif" height="8"><br>

<li><b>Through your ISP</b><br>
Your email address might be available to spammers through your Internet Service Provider, either if it was provided by them, or if a
spammer has procured the mail server's address-book (this happened to me at work).
</ul>
</td>
<td>&nbsp; &nbsp; </td>
</tr>
</table>

<a name="spamfilter"></a>
<table><tr><td height="15" valign="bottom" style="font-size:14px;font-weight:bold">&nbsp;Spam filters</td></tr></table>
<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td>
You can set up filters in your email software to identify spam when it is received and keep it out of your <i>Inbox</i>. This
spam can be automatically deleted but I prefer to have my filters move it into a temporary folder where I can browse it before
deleting it in case a <i>non-</i>spam email gets mistaken for spam. When that happens, I just add the sender to my rule of
sources to accept email from.
<br><img src="images/clear.gif" height="10"><br>
Your email server may run software that identifies spam and puts a label in the subject that enables you to use a filter to
trap it. Some email software like <i>Mozilla Thunderbird</i> have good built in spam filtering. If you don't have something like
this you can create your own filters to catch spam. To set them up look for <i>Filter</i> or <i>Rule</i> options in your email
software. Every email you receive will be compared to the conditions specified in each of these rules in the order you list them.
Over the years before I had <i>SpamAssassin </i> I tried many combinations of the rules listed below and a variety of folders to
have email go to automatically, but ultimately I trimmed it down to two folders, <i>Inbox</i> (for good emails) and <i>Spam?</i>
(for questionable emails),
and several of the following rules.
<br><img src="images/clear.gif" height="10"><br>
For identifying <i>good</i> emails (these rules should be set to run first) . . .

<ul>
<li><b>Where the <i>From</i> line contains specific addresses that you will accept email from</b><br>
I have a 'whitelist' of senders who are not in my address book but whose emails I
want to receive, such as some mailing lists I am on. I created this as the first
rule with the instruction "Stop processing more rules" and only emails from known
sources will go into my <i>Inbox</i>.
<br><img src="images/clear.gif" height="8"><br>
You can also do this in reverse.
After copying all the email addresses from the address book click on Options
and select 'Message does not contain the people below'. This rule will identify
emails from unknown sources, and under Actions specify, 'Copy it to the <i>Spam?</i> folder.'
<br><img src="images/clear.gif" height="8"><br>

<li><b>Where the <i>Subject</i> line contains specific words or phrases</b><br>
There are certain words in the subject of an email that I identify as something
that a friendly unknown emailer would say to me, like the name of my hometown, or
an interest in "music". When these are encountered they are given the instruction 'Stop
processing more rules' and they will be accepted into my <i>Inbox</i>.

</ul>

For identifying spam . . .

<ul>

<li><b>Where the <i>Subject</i> line contains specific words or phrases</b><br>
This is one of the most used rules. Emails whose subjects contain words like
"viagra", "inkjet", "mortgage" . . . are usually spam. You will notice the spammers
using different spellings of these words (like "V*I*A*G*R*A") to get past these
filters, so you may have also to add altered spellings to your list of words to trap.
The previously mentioned <a href= "Spambusters.html" class="blueulb"><i>Spambusters</i></a>
article makes some interesting points about the spam probability of certain words.
<br><img src="images/clear.gif" height="8"><br>

<li><b>Where the <i>Message body</i> contains specific words or phrases</b><br>
You can also set up a rule to monitor for words or phrases in the message itself, but that limits what your
regular email correspondents can say in their emails, so make sure you screen out the good emails before this gets processed.
<br><img src="images/clear.gif" height="8"><br>

<li><b>Where the <i>From</i> line contains specific addresses that are spammers</b><br>
Create a 'blacklist' of known spammers. If you regularly get spam emails from a
particular party, you can trap them automatically. In <i>Outlook Express</i> you
can also add them to the Blocked Senders List.
<br><img src="images/clear.gif" height="8"><br>

<li><b>Where the <i>From</i> line contains specific words</b><br>
Many spammers make up a title from the subject (like a business would) and put it in the From name. Filter out emails that have words like "mortgage", "degree", "request", or "cheap"
in the name section.
<br><img src="images/clear.gif" height="8"><br>

<li><b>Where the <i>To</i> or <i>CC</i> line contains specific addresses</b><br>
Sometimes I might get spam addressed to "Friend" &lt;<i>MyEmailAddress</i>&gt;. I assume the reason for this
configuration is that my email address has been acquired somehow, probably by a <i>spambot</i>, but not my real name,
which always goes out with email <i>I send</i>.
<br><img src="images/clear.gif" height="8"><br>

<li><b>Where the <i>To</i> or <i>CC</i> line does not contain</b> "<font color=#0000cd><i>name@domain</i></font>"&nbsp; (your actual email address)<br>
When you examine a spam, frequently you won't find your email address in the '<b> To:</b>' setting, but instead
you will see the name of a <i>mailing list</i>. Be sure you have your 'good' mailing lists specified on you acceptable rule before
this rule is applied.
</ul>
With each of the above rules you want to be sure you have the "Stop processing more rules" instruction as the last
action to perform after it has acted on what it has filtered. Otherwise, the rest of the rules will continue to be
applied to an email, and it may end up having another action performed on it.
<p>
Some email software also have a Blocked Senders List that you can set up to automatically move emails from frequent spammers to Trash.
</td>
<td>&nbsp; &nbsp; </td>
</tr>
</table>
<p>

<table><tr><td height="30" valign="bottom" style="font-size:14px;font-weight:bold">&nbsp;Anti-spam links<img src="images/links.gif" align="absmiddle" hspace="15" width="71" height="27" title="Links"></td></tr></table>
<a href="Spambusters.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Spambusters</a> &ndash; an article about spam fighters that appeared in <i>The Boston Globe<font color=#990000>&sup1</font> Magazine</i>, October 5, 2003<br>
<a href="http://www.mcafee.com/us/threat_center/anti_spam/spam_top10.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Top 10 Spam Subjects</a> &ndash; current spam subjects to add to your filter<br>
<a href="http://spam.abuse.net/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Spam.abuse.net</a> &ndash; Promote responsible net commerce: help stamp out spam!<br>
<a href="http://www.spamlaws.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Spam Laws</a><br>
<a href="http://www.isipp.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Institute for Spam and Internet Public Policy</a><br>
<a href="http://www.spamhaus.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Spamhaus.org</a> &ndash; Who's behind your spam?<br>
<a href="http://tracweb.org/banthespam/homepage.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Ban The Spam</a><br>
<a href="http://www.scambusters.org/stopspam/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Stop Spam!</a> &ndash; from the editors of Internet ScamBusters<br>
<a href="http://www.mall-net.com/spamfaq.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Stop Spam FAQ</a><br>
<a href="http://www.junkbusters.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Junkbusters</a> &ndash; bust the junk messages out of your life<br>
<a href="http://www.cauce.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">CAUCE - Coalition Against Unsolicited Commercial Email</a></a><br>
<a href="http://www.arachnoid.com/lutusp/antispam.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">The Anti-Spam Home Page</a><br>
<a href="http://www.claws-and-paws.com/spam-l/?from=old-faq"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">The SPAM-L FAQ</a><br>
<a href="http://spam.abuse.net/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Fight Spam on the Internet!</a><br>
<a href="http://www.mindworkshop.com/alchemy/nospam.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Death to Spam</a><br>
<a href="http://seclists.org/isn/2002/Jul/0085.html"><img align="absmiddle" src="images/seclists_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Dave Barry: Spam beats cafeteria food</a> &ndash; a little humor never hurts<br>
<a href="brainiac_spam.html"><img align="absmiddle" src="images/bostoncom_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Spam, the business model</a><br>
<a href="http://pctuneup.org/fbi-virus-removal/?gclid=COXxv72DiroCFYii4AodMxwAiQ"><img align="absmiddle" src="images/pctuneup_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Easy &quot;FBI Virus&quot; Removal</a> &ndash; this is a scam virus that falsely claims you are infected<br>
<p>

<a name="popups"></a>
<a name="spyware"></a>
<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<hr>
<p>
&nbsp;<b style="font-size:16px">Spyware &amp; Popups</b>
<img src="images/noSpyware2.gif" width="44" height="44" title="No spyware" align="absmiddle" style="margin:0 20 0 10">
<img src="images/noPopups.gif" width="50" height="50" title="No popups" align="absmiddle">


<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td>
Popup ads can be almost as annoying as spam. When you visit a website you don't want the content of the site to be blocked by some unsolicited
advertisement that overlays the page. You are targeted for many of these ads based on your web viewing, and information about you is gathered by
<i>spybots</i> installed on your computer and transmitted back to <a href= "http://www.spywareguide.com/product_list_full.php" class="blueulb">
spyware&nbsp;vendors</a> like Bonzi Buddy, Comet Cursor, and Gator. Besides being an invasion of your privacy, having these data-mining
components running in the background can also slow down your computer. The best way to remove these spybots from your system is to run some of
the <i>freeware</i> solutions regularly (see <i>WinPatrol</i>, <i>Spybot&nbsp;Search&nbsp;&amp;&nbsp;Destroy</i>, and <i>Ad-Aware</i> below). To
keep popups entirely out of your browser you can use a web-browser like <i>Firefox</i>, <i>Avant</i>, or <i>Opera</i> that have settings for
that, or in <i>Internet Explorer</i> you can add the <a href= "http://toolbar.google.com" class="blueulb"><i>Google</i></a> and <a href=
"http://toolbar.yahoo.com/" class="blueulb"> <i>Yahoo!</i></a> toolbars which both have great popup blockers. The <i>Yahoo!</i> toolbar also has
an Anti-Spy button that you can run on demand.
<br><img src="images/clear.gif" height="10"><br>
Popups are not always just used for ads. Sometimes they can be an amusing and very suitable way to present some content. I use them in many
places on my website, some for effect, for instance, the <a class="green" href="images/ViewoftheWorldfrom9thAvenue.gif" target= "NinthAvenue" onClick=
"javascript:windowOpener(this.href, this.target,'width=330,height=450,left=10,top=10,resizable=yes');return false;"><i>
View&nbsp;of&nbsp;the&nbsp;World&nbsp;from&nbsp;9th&nbsp;Avenue</i></a> link on my <a href="humor.html#links" class="green">Humor</a> page,
some for links where the original content on another website was displayed in a popup, as in several of the <i>Boston.com</i> links under my <a
href="boston.html#bigdig" class="green">Big&nbsp;Dig</a> section. I <i>never</i> have unrequested commercial popups originate from my website,
so if you have popups blocked in your browser (as I do) you can <i>safely</i> enable them for my site.
</td>
<td>&nbsp; &nbsp; </td>
</tr>
</table>

<a name="spywarekillers"></a>
<table>
<tr><td colspan="3" height="35" valign="bottom" style="font-size:14px;font-weight:bold">&nbsp;Spyware&nbsp;killers</td></tr>
<tr>
<td>&nbsp; &nbsp;</td>
<td>These are the applications that I use to keep my PCs relatively spyware free.
</tr>
<tr>
<td> </td>
<td>
<dl>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>WinPatrol</b></i>
- <a href="http://www.winpatrol.com/">WinPatrol.com</a>
<dd>WinPatrol monitors for spyware, web attacks, and parasites that try to install themselves on your
computer. When spyware tries to update your Registry or put items in your <i>Startup</i> you get
the option to stop this in a popup alert.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>Yahoo Anti-Spy</b></i>
- <a href="http://toolbar.yahoo.com/">toolbar.yahoo.com</a>
<dd>This comes as an icon on the Yahoo! toolbar. It does an excellent job of allowing you to remove
identified spyware and cookies. You can also run it directly from its default install location,
'<font color="#006060">C:\Program&nbsp;Files\Yahoo!\YPSR\ypsr.exe</font>' (put a shortcut icon to it on your desktop).
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>Ad-Aware</b></i>
- <a href="http://www.lavasoftusa.com/software/adaware/">www.lavasoftusa.com</a>
<dd>A scanning utility for known datamining, aggressive advertising, and tracking components, SpyBot
detects and removes the worst that the Internet and shareware/freeware have to offer.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>SpyBot - Search &amp; Destroy</b></i>
- <a href="http://www.safer-networking.org/">www.safer-networking.org</a>
<dd>Detects and removes spyware of different kinds from your computer. Some spyware is hidden, and
some is obvious. If you see new toolbars in your Internet Explorer that you didn't intentionally
install, if your browser crashes, or if your browser start page has changed without your knowing,
you most probably have spyware.
</dl>
</td>
<td>&nbsp; &nbsp; </td>
</tr>
</table>

<table>
<tr><td colspan="3" height="35" valign="middle" style="font-size:14px;font-weight:bold">&nbsp;Prevent your browser from accessing undesirable sites</td></tr>
<tr>
<td>&nbsp; &nbsp;</td>
<td>Before Windows uses a URL on your PC it looks in the <a href=
"http://en.wikipedia.org/wiki/Hosts_file" class="blueulb"><i>hosts</i></a> file (the computer's DNS resolver) to see if you have a
&quot;redirect&quot; specified for that IP address or host name. If for instance you get tired of seeing ads for <b>DoubleClick</b> on webpages
put this entry in your <i>hosts</i> file to loopback locally when it encounters it and you will get a placeholder instead of an ad.
<p>
<pre><div class="frame"><font color="#888888"># Put this line in your hosts file . . .<font color="#333399">
127.0.0.1 &nbsp; &nbsp; &nbsp; ad.doubleclick.net</font></div></pre></font>
<p>
The XP location of the <i>hosts</i> file is: <font color=#333399>%SystemRoot%\system32\drivers\etc\</font>. (Please note: this requires a
reboot to take effect.) I used this technique to trap a bad host name that a virus inserted into each of the thousands of .html files on my PC,
so if one of those webpages tried to send my PC to the bad location it was redirected to my PC.
</td>
</tr>
</table>
<p>
&nbsp; <a href="http://www.mvps.org/winhelp2002/hosts.htm"><img align="absmiddle" src="images/mvps_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Blocking Unwanted Parasites with a Hosts File</a> &ndash; more info here<br>
<img src="images/clear.gif" height="20"><br>

<a name="webbeacons"></a>
<table>
<tr><td colspan="3" height="28" valign="top" style="font-size:14px;font-weight:bold">&nbsp;Web beacons</td>
<tr>
<td>&nbsp; &nbsp;</td>
<td>
Web beacons are images on websites that are used to transfer information about a site's visitors by activating a
script on a remote server. When the image is loaded into the web browser it sends information such as the visitor's
IP address and type of browser to the server. If you consider this an invasion of privacy, disabling cookies will shut
it off. Commercial sites use web beacons to track visitors, and many personal sites (like mine) have counters that do
this. If you want to see an example of this type of tracking go to the <a
href="index.html#bottom" class="green">bottom</a> of my main&nbsp;page and click on the hit count, which will take you to the remote
server and show what kind of information is typically gathered. Unfortunately, spammers can put transparent '.gif'
images in unsolicitied emails as web beacons, and if you open up the email the transmission will validate your email address.
</td>
<td>&nbsp; &nbsp; </td>
</tr>
</table>

<table><tr><td height="35" valign="bottom" style="font-size:14px;font-weight:bold">&nbsp;PC or Mac? Windows or Linux?</td></tr></table>
<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td>
I have a PC running Windows at home, and that seems to be the target of this spyware activity.) According to <a href=
"http://sfgate.com/cgi-bin/article.cgi?file=/g/a/2005/02/04/notes020405.DTL&type=printable" class="blueulb">Mark&nbsp;Morford</a>,
an <i>SF&nbsp;Gate</i> columnist, Macs, and PCs on Linux, are immune to it. If it gets too annoying maybe I will install Linux,
or consider switching to Mac. My website, where you are now, runs on a Linux server, so it seems pretty resistant to virus attacks.
</td>
<td>&nbsp; &nbsp; </td>
</tr>
</table>

<a name="anti-spyware"></a>
<table><tr><td height="35" valign="bottom">&nbsp;<b style="font-size:14px">Anti-spyware links</b> &nbsp; (see more at <a href="#privacy" class="green">Online&nbsp;privacy</a>)</td></tr></table>
<img src="images/clear.gif" height="8"><br>
<a href="http://www.spychecker.com/program/adaware.html"><img align="absmiddle" src="images/spychecker_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Ad-Aware</a> &ndash; find and remove adware<br>
<a href="http://www.safer-networking.org/"><img align="absmiddle" src="images/spybotSD_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Spybot Search &amp; Destroy</a> &ndash; find and remove spyware<br>
<a href="http://toolbar.google.com"><img align="absmiddle" src="images/google1_icon.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://toolbar.google.com">Google Toolbar</a> &ndash; has popup blocker<br>
<a href="http://companion.yahoo.com/"><img align="absmiddle" src="images/yahoo_icon.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://companion.yahoo.com/">Yahoo! Companion Toolbar</a> &ndash; has popup blocker and anti-spyware tool<br>
<a href="http://spotlight.getnetwise.org/spyware/"><img align="absmiddle" src="images/getnetwise_icon.gif" title="o" hspace="5" width="16" height="16" border="0">GetNetWise.com</a> &ndash; <i>Spotlight on Spyware</i> section<br>
<a href="http://www.pcworld.com/downloads/file/fid,22955-order,1-page,1-c,alldownloads/description.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">SpywareGuard</a> &ndash; prevent an invader from changing IE's home page<br>
<a href="http://pestpatrol.com/Support/HowTo/How_To_Clear_a_Hijack.asp"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">How To Clear a Hijack</a> &ndash; from PestPatrol.com<br>
<a href="http://www.spywareremove.com/removeISTBar.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">ISTBar Removal Instructions</a> &ndash; a very annoying hijacker<br>
<a href="http://www.southbaypc.com/NoAds/"><img align="absmiddle" src="images/noAds_icon.gif" title="o" hspace="5" width="15" height="15" border="0">NoAds</a> &ndash; popup blocker software<br>
<a href="http://cexx.org/adware.htm"><img align="absmiddle" src="images/cexx_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Adware, Spyware and Advertising Trojans</a> &ndash; info &amp; removal procedures<br>
<a href="http://www.spywareinfo.com/"><img align="absmiddle" src="images/spywareInfo_icon.gif" title="o" hspace="5" width="15" height="15" border="0">SpywareInfo: Spyware and Hijackware Removal Specialists</a><br>
<a href="http://www.spywareguide.com/product_list_full.php"><img align="absmiddle" src="images/spywareGuide_icon.gif" title="o" hspace="5" width="16" height="16" border="0">SpywareGuide.com</a><br>
<a href="http://www.truthminers.com/truth/spyware.htm"><img align="absmiddle" src="images/truthminers_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Spyware/Adware/Hijacks</a><br>
<a href="http://www.4degreez.com/popupsmustdie/"><img align="absmiddle" src="images/4degreez_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Popups must die!</a> &ndash; tips, forums, and more, including a list of website abusers<br>
<p>

<a name="hoaxes"></a>
<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<hr>

<table width="40%">
<tr>
  <td valign="top" style="font-size:18px;font-weight:bold;line-height:1.25" width="150">
   Hoaxes &amp;<br>&nbsp; Urban legends
  </td>
  <td>
   <img src="images/FortuneTeller.gif" width="71" height="65" title="Hoaxes" style="margin-left:20">
   <!--img src="images/magician2.gif" width="44" height="77" title="Hoaxes" align="absmiddle" hspace="20"-->
   <!--img src="images/Mandrake3.gif" width="46" height="58" title="Hoaxes" align="absmiddle" vspace="5" hspace="20"-->
  </td>
</tr>
</table>

<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td>
The online world is full of hoaxes of various kinds. Most of these are harmless but it
is best to recognize them when you encounter them so you don't waste your time (and the
time of others, and Internet resources) by unknowingly spreading and perpetuating them.
Two kinds that I encounter a lot are <b><i>virus hoaxes</i></b> (I find these annoying)
and <b><i>urban legends</i></b> (some of these are pretty amusing).
</td>
</tr>
</table>

<table><tr><td height="25" valign="bottom">&nbsp;<b style="font-size:14px">Virus hoaxes</b> - a <a href="http://searchsecurity.techtarget.com/sDefinition/0,,sid14_gci213307,00.html">definition</a></td></tr></table>
<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td>
You may receive an email sometime, perhaps from someone you know, that warns you of a spreading Internet virus and
tells you to look for a specific file on your computer and delete it, and it may also tell you to forward this
warning to others. Before you act on this you should search for the filename in <a href= "http://www.google.com/" class="blueulb">
Google</a> and often you will find that this is actually a malicious hoax being emailed around innocently by
well-meaning people, as in the case of the <a href= "http://urbanlegends.about.com/library/blsulfnbk.htm" class="blueulb">sulfnbk.exe&nbsp;virus</a>
hoax of 2001, which instructed you to delete a 'harmful' file from your computer. This is what is known as a <i>social</i>
virus, where the damage to your computer is not caused by harmful software but is 'human' inflicted when you
are tricked into doing it yourself, and by forwarding this warning to others you can spread the 'virus' to their
computers. A virus hoax may be totally harmless to computers, like the <a href="http://www.cityscope.net/hoax1.html"
class="blueulb">Good Times</a> virus myth, but it can spread like a virus causing alarm and mistrust of email, which is harmful in
its own way.
</td>
</tr>
<tr><td><font size="1">&nbsp;</font></td></tr>
</table>

<a href="https://www.comparitech.com/antivirus/virus-hoax/"><img align="absmiddle" src="images/comparitech_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Comparitech hoax page</a> &ndash; providing information, tools, and comparisons<br>
<a href="http://www.vmyths.com/"><img align="absmiddle" src="images/vmyths_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Vmyths.com</a> &ndash; computer virus myths, hoaxes, urban legends, hysteria<br>
<!--img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://www.internet-101.com/hoax/">Internet-101.com</a> &ndash; Anti-Virus, Hoax, Myth, Fraud, Chain Letter and Anti-Spam sites<br-->
<a href="http://HoaxBusters.ciac.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">CIAC Hoax Pages</a> &ndash; from the U. S. Department of Energy<br>
<a href="http://www.hoaxbusters.org/"><img align="absmiddle" src="images/hoaxbstr_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Hoax Busters</a> &ndash; the BIG LIST of Internet Hoaxes<br>
<a href="http://www.korova.com/forums/viewforum.php?forum=2&44"><img align="absmiddle" src="images/korova_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Korova.com Forums</a> &ndash; <i>"Hoax du Jour"</i> sightings, discussion, and other topics<br>

<table><tr><td height="35" valign="bottom">&nbsp;<b style="font-size:14px">Urban legends</b> - a <a href="http://whatis.techtarget.com/definition/0,,sid9_gci341286,00.html">definition</a></td></tr></table>
<table>
<tr>
<td>&nbsp; &nbsp;</td>
<td>
These folklore tales have been going around for decades, since before the Internet and
home computers even existed. Although urban legends may sound like true stories, and
some <i>are</i>, they generally lack evidence to corroborate them, but perhaps since
they are seldom <i>proven</i> to be false it adds to their credibility and keeps them
circulating. A couple of the classic, pre-cyberspace stories that you may have heard are
<a href= "http://urbanlegends.about.com/od/horrors/a/the_hook.htm">The&nbsp;Hook</a>,
a thriller favorite, and <a href=
"http://urbanlegends.about.com/library/blsulfnbk.htm">Alligators in the
Sewers</a>, which many of us believed for years (and possibly still do). A more recent
urban legend, the <a href= "http://www.snopes2.com/rumors/crash.htm">Tourist&nbsp;Guy</a>,
was supposedly the last photo taken atop the World Trade Center. Even though the Tourist
Guy <a href= "http://urbanlegends.about.com/library/weekly/aa112801a.htm"> confessed the
hoax</a> his notoriety continued when he began to appear <a href=
"http://www.bassjammer.com/bloodclot/touristguy//index1.html">everywhere</a>.
</td>
</tr>
<tr><td><font size="1">&nbsp;</font></td></tr>
</table>

<a href="http://urbanlegends.com"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">The AFU &amp; Urban Legends Archive</a> &ndash; from the newsgroup <a href="news:alt.folklore.urban">alt.folklore.urban</a><br>
<a href="http://www.snopes.com/"><img align="absmiddle" src="images/snopes_icon.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://www.snopes.com/">Snopes.com</a> &ndash; Urban Legends Reference Pages<br>
<a href="http://urbanlegends.about.com/od/internet/a/current_netlore.htm"><img align="absmiddle" src="images/about_icon.gif" title="o" hspace="5" width="15" height="15" border="0">About.com - Urban Legends and Folklore</a><br>
<a href="http://about-the-web.com/shtml/scams.shtml"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Scams, Urban Legends &amp; Other False Information</a><br>

<table><tr><td height="35" valign="bottom" style="font-size:14px;font-weight:bold">&nbsp;General</td></tr></table>
<a href="http://www.museumofhoaxes.com/"><img align="absmiddle" src="images/hoax_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Museum of Hoaxes</a><br>
<a href="http://sprott.physics.wisc.edu/pickover/pc/hoax.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Cliff Pickover's Internet Encyclopedia of Hoaxes</a> &ndash; includes links to many sites<br>
<a href="http://www.cdc.gov/doc.do/id/0900f3ec80226b9c"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Health Related Hoaxes and Rumors</a> &ndash; from the Centers for Disease Control (CDC)<br>
<a href="http://www.historybuff.com/library/refhoaxes.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">History Buff - Hoaxes in Journalism</a>

<br><img src="images/clear.gif" height="10"><br>

<a name="browsers"></a>
<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<hr>
<span style="font-size:18px;font-weight:bold">Web browsers</span>

<center>
<a href="http://www.mozilla.com/">
<img src="images/mozilla.gif" hspace="1" height="31" width="88" border="0" title="Mozilla" align="absmiddle"></a>
<a href="http://www.microsoft.com/windows/ie/">
<img src="images/msexplr1.gif" hspace="1" height="31" width="88" border="0" title="Internet Explorer" align="absmiddle"></a>
<a href="http://www.google.com/chrome/index.html?hl=en&brand=CHMA&utm_campaign=en&utm_source=en-ha-na-us-bk&utm_medium=ha">
<img src="images/chrome_button.gif" hspace="1" height="31" width="88" border="0" title="Google Chrome" align="absmiddle"></a>
<a href="http://www.opera.com/">
<img src="images/operabtn.gif" hspace="1" height="31" width="88" border="0" title="Opera" align="absmiddle"></a>
<a href="http://www.anybrowser.org/campaign/">
<img src="images/bvbstar.gif" hspace="1" height="31" width="88" border="0" title="Any browser" align="absmiddle"></a>
</center>
<br><img src="images/clear.gif" height="5"><br>

<table>
<tr>
<td>&nbsp;</td>
<td>
<font color="#333399"><b><i>Mozilla&nbsp;Firefox</i></b></font> is the browser I use most, but I also have experience with
<font color="#333399"><b><i>Internet&nbsp;Explorer</i></b></font>, <font color="#333399"><b><i>Google Chrome</i></b></font>, and <font color=
"#333399"><b><i>Opera</i></b></font>, which is 100% W3C compliant. To download the latest version of any of these browsers click on the
corresponding icon above. To learn more about the <font color= "#333399"><b> Viewable With Any Browser</b></font> campaign, click on the <font
color="#333399"><b> <i>Any&nbsp;Browser</i></b></font> icon. I have it <i>Firefox</i> syncronized between my desktop and laptop (and before I
<a href="career.html#retirement" class="green">retired</a> my PC at work), so they look basically the same with the same bookmarks.
</td>
</tr>
</table>

<p>
<a name="firefox">
&nbsp;<b style="font-size:16px">Firefox tips</b><img src="images/firefox_logo.gif" align="absmiddle" hspace="15" width="29" height="30" title="Firefox tips">

<table>
<tr>
<td>&nbsp;</td>
<td>
<i>Firefox</i></a> is an open-sourced, tabbed browser that also has a lot of nice features, including a built in Google
search bar and a popup blocker. I also like the way <i>Firefox</i> handles <a href= "onlinetips.html#favicon"
class="blueulb"><i>Favicons</i></a>. In other browsers that show these website icons in the address bar you have to bookmark the site
to have the icon appear, but in Firefox you will see the icon the first time you visit the site.
</td>
</tr>
</table>

<ul style="line-height: 1.35">

<li><b>Firefox settings</b><br>
One of the coolest things about Firefox is the easy access provided to all your browser settings not accessible from the Firefox
options dialogue. In the address bar type in <a href="http://kb.mozillazine.org/About:config_entries">about:config</a>
and it will display a page of the settings. Double-click them to change them. <i>True/false</i> settings will toggle and settings with values
will prompt.
<br><img src="images/clear.gif" height="6"><br>
I disovered this when I Googled about how to make my browser check for a new page every time it visits a site.
<br><img src="images/clear.gif" height="6"><br>
<span style="font-weight: bold; color:#333399">browser.cache.check_doc_frequency</span><br>
&nbsp; &nbsp; 0 - Once per session<br>
&nbsp; &nbsp; 1 - Each time (<i>my choice</i>)<br>
&nbsp; &nbsp; 2 - Never<br>
&nbsp; &nbsp; 3 - When appropriate/automatically (<i>default</i>)
<br><img src="images/clear.gif" height="6"><br>
See all the entries at <a href="http://kb.mozillazine.org/About:config_entries">kb.mozillazine.org/About:config_entries</a>.
<br><img src="images/clear.gif" height="10"><br>

<span style="font-weight: bold; color:#333399">Back up your localstore.rdf file</span><br>
I keep a copy of localstore.rdf in a backup folder after I have Firefox configured just the way I want it. Periodically Firefox loses it's
customized toolbar settings, so I close Firefox and copy this file to the profile folder, then when I open up Firefox again I have all my
toolbar customizations back. There is more on this at <a href="http://kb.mozillazine.org/Corrupt_localstore.rdf" class="blueulb">Corrupt localstore.rdf</a>.
<br><img src="images/clear.gif" height="10"><br>

<span style="font-weight: bold; color:#333399">New Tab button</span><br>
You can create a New Tab button by editing the <i>localstore.rdf</i> file in the profile folder. Insert <b>new-tab-button</b> where you want to locate
it (you can relocate this with <i>Customize</i> in the GUI). For instance, I wanted it immediately after the URL on the navigation bar so this
is what I have:
<pre><div class="frame">&lt;RDF:Description RDF:about="chrome://browser/content/browser.xul#nav-bar"
collapsed="false"
mode="icons"
currentset="unified-back-forward-button,reload-button,home-button,urlbar-container,<b>new-tab-button,</b>personal-bookmarks,
abp-toolbarbutton,fullscreenflex,window-controls" /&gt;</pre></div>
My New Tab button shows after the URL like this <img src="images/my_new_tab.jpg" align="absmiddle" width="117" height="33" title="New tab button located after URL">
<br><img src="images/clear.gif" height="10"><br>

<li><b>Favorite Firefox extensions</b><br>
Firefox is easily customizable with add-ons call &quot;extensions.&quot; These are some of the ones I like the best. The titles
are links to the Firefox add-on page for the extension.
<br><img src="images/clear.gif" height="10"><br>

<a href="https://addons.mozilla.org/en-US/firefox/addon/old-default-image-style" class="blueulbb" title="Get extension"
target="_blank">Old Default Image Style</a><br>
Firefox now displays top-level images, i.e. images that are alone and not in a webpage, with a black background. To get back to a white background
install this extension.
<br><img src="images/clear.gif" height="10"><br>

<a href="https://addons.mozilla.org/en-US/firefox/addon/googlebar-lite/" class="blueulbb" title="Get extension"
target="_blank">Googlebar Lite</a><br>
This replaces the Google Toolbar, which stopped being available after Firefox 4. Googlebar Lite offers a lot of the same features
I liked, including allowing search results to be displayed in a new tab, putting search history in a dropdown from the search
box, and showing the current search words to be clicked on to find on the page. I installed the Googlebar Lite toolbar and in <i>
Customize...</i> dragged it to the 'empty' area of the top menu bar and don't display the toolbar.
<br><img src="images/clear.gif" height="10"><br>

<a href="https://addons.mozilla.org/en-US/firefox/addon/flashgot/" class="blueulbb" title="Get extension"target="_blank">FlashGot</a><br>
This is a download manager that I use primarly to capture and save videos on webpages.
<br><img src="images/clear.gif" height="10"><br>

<a href="https://addons.mozilla.org/en-US/firefox/addon/dafizilla-viewsourcewith/" class="blueulbb" title="Get extension"
target="_blank">ViewSourceWith</a><br>
This extension lets you edit the HTML source of the page on display with the editor of your choice. It's really useful if you are
maintaining a website like mine.
<br><img src="images/clear.gif" height="10"><br>

<a href="https://addons.mozilla.org/en-US/firefox/addon/online-convert/" class="blueulbb" title="Get extension"target="_blank">Online Convert</a><br>
This plugin adds an option to the webpage context menu to download and convert webpages, links, videos,
documents, and images. I particularly like the ability to rip an MP3 off a YouTube video to put on my smartphone.



</ul>

<p>
&nbsp;<b style="font-size:16px">Browser tips</b><img src="images/info.gif" align="absmiddle" hspace="15" width="34" height="33" title="Browser tips">

<ul style="line-height: 1.35">
<li><b>Bookmarks Toolbar</b><br>
Browsers provide a toolbar for quick access to specially bookmarked sites, called the Bookmarks Toolbar. Links are saved to this toolbar using
the same method you use for regular Bookmarks or Favorites. To set mine up, I first eliminated the links that came preset in the browser (these
were useless to me) and created folders (with names like News or Maps) using Manage Bookmarks or Show All Bookmarks (Firefox) or Organize
Favorites (<i>IE</i>) to contain the collections of links I add. These folders are all I see on the toolbar, and clicking them gives me a menu
type list of the links in them.
<br><img src="images/clear.gif" height="10"><br>

<li><b>Shrink your toolbars</b><br>
I like to make the content area of a webpage as large as possible by minimizing the space taken up by toolbars. After using a browser for awhile
you shouldn't need the text next to each button to know its function (you can always get this from the button's popup Tooltip</i> text) so you
can set it to just show the icons, and if your browser allows you to remove buttons you don't use regularly (most button commands are available
on menus) it will make the toolbars even smaller. If you choose the <i>Small icons </i> setting it will also reduce the height of the toolbars.
After you have trimmed them down this way, some browsers allow you to combine more than one toolbar on the same horizontal line. These toolbars
are dockable, and if you move a toolbar to the same line as another toolbar they will align themselves. To move them up or down, set them to
"unlocked" and use the mouse to grab the move handle at the left end of the toolbar. I also take components off the Google toolbar like the
search box and drag them to the gray area on the right half of the menu toolbar, and then I stopped displaying the Google toolbar.
<br><img src="images/clear.gif" height="10"><br>

<li><b>Multiple browser windows</b><br>
There are many times when you may want to have more than one webpage open at the same time. You may be on a webpage
and want to see another webpage without having to remember or save the current page's address to be able to return
to it later, or maybe you like to have multiple pages open concurrently in your normal web viewing. To do this you
just start up another browser window (<font color=#006060>File</font> &raquo; <font color=#006060>New</font>, or
Ctrl-N). Tabbed browsers give you a tab in the browser for the new window, non-tabbed browsers show another instance
of the browser on the Windows taskbar. Browsers are usually configurable to start the new window with your default
home page or the current page or even a blank page.
<br><img src="images/clear.gif" height="10"><br>

<li><b>Disabled <i>Back</i> button</b><br>
Some websites disable the <i>Back</i> button (<img src="images/left.gif" height="9" width="9" border="0" hspace="2">) on your toolbar so you cannot return
to the previous page. You may also visit a website that immediately redirects to a new page, so when you click on <img src=
"images/left.gif" height="10" width="12" hspace="2"> it returns to the page that reloads the new page again, basically trapping you there.
To get around this situation display the drop-down list of previous websites for this browser session and click on the page you want to return
to. In many browsers you can see this list by clicking the <img src= "images/down.gif" width="11" height="10"> symbol located near the <i>Back</i>
&amp; <i>Forward</i> arrows on the toolbar (<img src="images/left.gif" height="10" width="12" hspace="2"> <img src="images/arrowright.gif" height=
"9" width="9" hspace="2">). This tip does not apply when a link starts up a new browser window to display the page.
<br><img src="images/clear.gif" height="10"><br>

<li><b>Get last-modified date of a web document</b><br>
Some browsers have a menu option that will show you the last time a webpage was updated (<font color="#006060">View</font> &raquo; <font color=
"#006060">Page Info</font>) but others do not. You can create this option yourself with a little JavaScript. For example, in <i>Internet
Explorer</i> create a Favorite (add any webpage and modify it afterwards in Organize Favorites) with the setting for the URL as
"javascript:alert(document.lastModified)" and a meaningful title like "Show modifed date". When you click on this Favorite it will show you the
date and time the current webpage was last changed.
</ul>

</span>

<img src="images/clear.gif" height="8"><br>
&nbsp;<b style="font-size:16px">Browser links</b><img src="images/links.gif" align="absmiddle" hspace="15" width="71" height="27" title="Links">

<br><img src="images/clear.gif" height="5"><br>
<table><tr><td height="30" valign="middle" style="font-size:14px;font-weight:bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mozilla Firefox</td><td valign="middle"><img src="images/Firefox_icon.gif" height="16" width="15" title="Mozilla Firefox"></td></tr></table>
<a href="http://www.mozilla.com/"><img src="images/Firefox_icon.gif" hspace="5" height="16" width="15" border="0" title="Mozilla Firefox" align="absmiddle">Mozilla Firefox</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="o" hspace="5" width="4" height="10"><a href="http://www.mozilla.org/support/firefox/options">Firefox Help: Options Window</a><br>
<a href="http://kb.mozillazine.org/About:config_entries"><img align="absmiddle" src="images/mozillazine_icon.gif" title="o" hspace="5" width="16" height="16" border="0">About:config entries</a><br>
<a href="http://www.computergripes.com/firefoxsites.html"><img align="absmiddle" src="images/computergripes_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Web Sites That Don't Work Well With Firefox</a><br>
<img src="images/clear.gif" height="3"><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Newsgroups</b><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="o" hspace="5" width="4" height="10"><a href="snews://secnews.netscape.com/netscape.mozilla.user.general">netscape.mozilla.user.general</a> &ndash; General issues<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="o" hspace="5" width="4" height="10"><a href="snews://secnews.netscape.com/netscape.mozilla.user.win32">netscape.mozilla.user.win32</a> &ndash; Windows issues<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="o" hspace="5" width="4" height="10"><a href="snews://secnews.netscape.com/netscape.mozilla.user.mac">netscape.mozilla.user.mac</a> &ndash; Macintosh issues<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="o" hspace="5" width="4" height="10"><a href="snews://secnews.netscape.com/netscape.mozilla.user.unix">netscape.mozilla.user.unix</a> &ndash; Linux issues<br>

<br>
<table><tr><td height="30" valign="middle" style="font-size:14px;font-weight:bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Internet Explorer</td><td valign="middle"><img src="images/ie_small.gif" width="16" height="16" title="IE"></td></tr></table>
<a href="http://www.microsoft.com/windows/ie/default.asp"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Microsoft Internet Explorer Home Page</a><br>
<a href="http://www.onecomputerguy.com/ie_tips.htm"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Bob Cerelli's Internet Explorer Tips</a><br>
<a href="http://www.ieinfosite.co.uk/"><img align="absmiddle" src="images/ieinfosite_icon.gif" title="o" hspace="5" width="16" height="16" border="0">IE Info Site</a><br>
<a href="http://www.tipsdr.com/internet-explorer-5-tips.html"><img align="absmiddle" src="images/tipsdr_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Internet Explorer 5.0 and 5.5 Tips</a><br>

<br>
<table><tr><td height="20" valign="middle">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Opera</b></td><td valign="middle"><img src="images/opera_small.gif" width="16" height="16" title="Opera"></td></tr></table>
<a href="http://www.opera.com/"><img align="top" src="images/opera_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Opera Software - the Best Internet Experience</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="o" hspace="5" width="4" height="10"><a href="http://www.opera.com/support/service/customization/">Configure and customize Opera</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="o" hspace="5" width="4" height="10"><a href="http://www.opera.com/support/usingopera/operaini/">Opera.ini settings explained</a><br>
<a href="http://members.fortunecity.com/iixii/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Customizing Opera</a> &ndash; Opera tweaks<br>
<a href="http://www.philburns.com/links.html"><img align="absmiddle" src="images/pb_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Opera Resources</a><br>

<br>
<table><tr><td height="20" valign="middle" style="font-size:14px;font-weight:bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Miscellaneous</td></tr></table>
<a href="http://www.jsware.net/jsware/foxtips.php3"><img align="absmiddle" src="images/jsware_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Tips for Better Browsing</a><br>
<a href="http://www.avantbrowser.com/"><img src="images/avant_icon.gif" align="top" hspace="5" height="16" width="16" border="0" title="Avant Browser" align=bottom><a href="http://www.avantbrowser.com/">Avant Browser</a><br>
<a href="http://www.neoplanet.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">NeoPlanet Browser Home</a><br>
<a href="http://www.anybrowser.org/campaign/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Viewable with Any Browser: Campaign</a><br>
<a href="http://toolbar.google.com"><img align="absmiddle" src="images/google1_icon.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://toolbar.google.com">Google Toolbar</a> &ndash; includes a popup blocker<br>
<a href="http://toolbar.yahoo.com/"><img align="absmiddle" src="images/yahoo_icon.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://toolbar.yahoo.com/">Yahoo! Toolbar</a> &ndash; includes a popup blocker<br>
<a href="http://www.upsdell.com/BrowserNews/index.htm"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Browser News</a> &ndash; newsletter showing browser standards and statistics<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="o" hspace="5" width="4" height="10"><a href="http://www.upsdell.com/BrowserNews/stat_trends.htm#browser">Browser Trends</a> &ndash; browser usage percentages<br>
<a href="http://www.webstandards.org/"><img align="absmiddle" src="images/webstd_icon.gif" title="o" hspace="5" width="15" height="15" border="0">The Web Standards Project</a> &ndash; Fighting for Standards in our Browsers<br>
<a href="http://www.xenocode.com/browsers/"><img align="absmiddle" src="images/xenocode_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Run IE8/IE7/IE6, Firefox, Safari, Chrome, and Opera from the web</a> &ndash; install the add-on, then return to page to use it<br>
<p>

<a name="links"></a>
<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<hr>
<span style="font-size:18px;font-weight:bold">Internet &amp; Technology links</span>
<img src="images/internet1.gif" width="42" height="44" title="Internet and Technology" align="absmiddle" vspace="5" hspace="20">
&nbsp;(find more related links at <a href="#html_links" class="green">Web-authoring links</a> and <a href="program.html#computer" class="green">Programming</a>)

<table><tr><td height="15" valign="top" style="font-size:14px;font-weight:bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;General reference</td></tr></table>
<a href="http://www.computeruser.com/"><img align="absmiddle" src="images/cmpuser_icon.gif" title="o" hspace="5" width="16" height="16" border="0">ComputerUser.com</a> &ndash; lots of good resources<br>
<a href="http://whatis.techtarget.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Whatis?com</a> &ndash; the wall of words<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="o" hspace="5" width="4" height="10"><a href="http://whatis.techtarget.com/fileFormatA/0,289933,sid9,00.html">File Extensions</a> &ndash; "Every File Format in the World"<br>
<a href="http://www.techweb.com/encyclopedia/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">TechEncyclopedia</a> &ndash; more than 20,000 IT terms<br>
<a href="http://www.wikipedia.org/"><img align="absmiddle" src="images/wikipedia_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Wikipedia</a> &ndash; user-maintained online encyclopedia<br>
<a href="http://webopedia.internet.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Webopedia</a> &ndash; Online Dictionary for Computer and Internet Terms<br>
<a href="http://foldoc.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">FOLDOC</a> &ndash; <font color="#990000"><b>F</b></font>ree <font color="#990000"><b>O</b></font>n-<font color="#990000"><b>L</b></font>ine <font color="#990000"><b>D</b></font>ictionary <font color="#990000"><b>O</b></font>f <font color="#990000"><b>C</b></font>omputing<br>
<a href="http://www.faqs.org/"><img align="absmiddle" src="images/faq_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Internet FAQ Archives</a> &ndash; from the Internet FAQ Consortium<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="o" hspace="5" width="4" height="10"><a href="http://www.faqs.org/rfcs/rfc1855.html">Netiquette Guidelines - RFC1855</a> &ndash; yes, there is Internet etiquette<br>
<a href="http://pcguide.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">The PC Guide</a> &ndash; an online PC reference guide<br>
<a href="http://www.echoecho.com/"><img align="absmiddle" src="images/echo_icon.gif" title="o" hspace="5" width="16" height="16" border="0">EchoEcho.com</a> &ndash; web tutorials, references, and stats<br>
<a href="http://www.cyberwalker.net/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Cyberwalker</a> &ndash; computer help and troubleshooting<br>
<!--A href="http://www.filext.com/"><img align="absmiddle" src="images/filext_icon.gif" title="o" hspace="5" width="16" height="16" border="0"></a><a href="http://www.filext.com/">FILExt - The File Extension Source</a><br-->
<a href="http://www.cdrummond.qc.ca/cegep/informat/Professeurs/Alain/files/ascii.htm"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Extended ASCII Codes</a><br>
<a href="http://groups.google.com/"><img align="absmiddle" src="images/google_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Google Groups</a> &ndash; search newsgroups<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="o" hspace="5" width="4" height="10"><a href="http://groups.google.com/groups/dir?hl=en&sel=33554433">Usenet groups by name</a><br>

<a name="privacy"></a>
<table><tr><td height="30" valign="bottom">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b style="font-size:14px">Online rights, privacy, &amp; responsibility</b> - see also <a href="#spam" class="green">Fight spam</a> and <a href="#popups" class="green">Spyware &amp; Popups</a></td></tr></table>
<a href="http://www.cpsr.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Computer Professionals for Social Responsibility (CPSR)</a><br>
<a href="http://www.eff.org/"><img align="top" src="images/eff_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Electronic Frontier Foundation (EFF)</a> &ndash; protect online privacy, free expression<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.eff.org/br/"><img src="images/br.gif" align="top" height="1"3 width=8 border="0" title="Blue Ribbon Campaign"></a>&nbsp;&nbsp;<a href="http://www.eff.org/br/">Blue Ribbon Campaign</a><br>
<a href="http://www.cdt.org/"><img align="top" src="images/cdt_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Center for Democracy and Technology (CDT)</a><br>
<a href="http://www.isoc.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Internet Society (ISOC)</a><br>
<a href="http://www.netcaucus.org/"><img align="absmiddle" src="images/icac_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Internet Caucus Advisory Committee</a><br>
<a href="http://www.ccianet.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Computer &amp; Communications Industry Association (CCIA)</a><br>
<a href="http://www.itaa.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Information Technology Association of America (ITAA)</a><br>
<a href="http://www.epic.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Electronic Privacy Information Center (EPIC)</a><br>
<a href="http://www.chillingeffects.org/"><img align="absmiddle" src="images/chillingeff_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Chilling Effects Clearinghouse</a> &ndash; monitoring the legal climate for Internet activity<br>
<a href="http://www.cert.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">CERT Coordination Center</a> &ndash; Internet security expertise<br>
<a href="http://www.cptech.org/ecom/openaccess/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">CPT's Page on Open Access</a> &ndash; protect open and non-discriminatory access on the Internet<br>
<a href="http://www.opencontent.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Open Content</a> &ndash; promote creation of freely available, high-quality, well-maintained Content<br>
<a href="http://www.opensource.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">The Open Source Page</a> &ndash; <i>sharing</i> is a great concept for software<br>
<a href="http://www.cookiecentral.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Cookie Central</a> &ndash; "You have zero privacy anyway." <i>Scott McNealy (Sun Microsystems)</i><br>
<a href="http://cexx.org/adware.htm"><img align="absmiddle" src="images/cexx_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Adware, Spyware and Advertising Trojans</a> &ndash; info &amp; removal procedures<br>
<a href="http://www.safer-networking.org/"><img align="absmiddle" src="images/spybotSD_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Spybot Search &amp; Destroy</a><br>
<a href="http://www.spychecker.com/adaware.html"><img align="absmiddle" src="images/spychecker_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Ad-Aware</a> (<i>free</i>) - detect and remove advertising spyware from your system<br>
<a href="http://www.tucows.com/preview/301678"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">SpyBlocker</a> (<i>free</i>) - block unauthorized transmissions when you are online<br>
<a href="https://grc.com/x/ne.dll?bh0bkyd2"><img align="top" src="images/grc_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Shields UP!</a> &ndash; test your computer's Internet connection security<br>
<a href="http://www.zonelabs.com/"><img align="absmiddle" src="images/zonelabs_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Zone Labs</a> &ndash; you may want a firewall for your cable or DSL modem connection<br>
<a href="http://www.what-is-exe.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">What-is-exe.com</a> &ndash; Computer Task Database and Spyware Directory<br>

<a name="domains"></a>
<table><tr><td height="30" valign="bottom">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b style="font-size:14px">Domain info</b> - see also <a href="#IPregistries" class="green">Regional Internet Registries</a></td></tr></table>
<a href="http://www.icann.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">ICANN</a> &ndash; Internet Corporation for Assigned Names and Numbers<br>
<a href="http://www.internic.net/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">InterNIC</a> &ndash; the Internet's Network Information Center<br>
<a href="http://www.networksolutions.com/"><img align="absmiddle" src="images/netsol_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Network Solutions</a> &ndash; domain name registration (<a href="http://www.networksolutions.com/whois/results.jsp?domain=penceland.com" class="blueulb">PENCELAND.com</a> is with them)<br>
<a href="http://www.register.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Register.com</a> &ndash; domain name registration<br>
<a href="http://www.coolwhois.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">CoolWhois.com</a><br>
<a href="http://www.uwhois.com/cgi/domains.cgi?User=NoAds"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Uwhois.com</a> &ndash; the universal "who is" for Internet domains<br>
<!--img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://ip.sbbs.net/">View Your Current IP Address</a> &ndash; your current IP address on the Internet<br-->
<a href="http://www.iana.org/cctld/cctld-whois.htm"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Root-Zone TLD Code Index</a> &ndash; identify country in Top-Level Domain<br>

<a name="IPregistries"></a>
<table><tr><td height="30" valign="bottom">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b style="font-size:14px">Regional Internet Registries</b> - see also <a href="#domains" class="green">Domain info</a></td></tr></table>
<a href="http://www.arin.net"><img align="top" src="images/arin_icon.gif" title="o" hspace="5" width="15" height="15" border="0">ARIN</a> &ndash; American Registry for Internet Numbers<br>
<a href="http://www.ripe.net"><img align="absmiddle" src="images/ripe_icon.gif" title="o" hspace="5" width="15" height="15" border="0">RIPE</a> &ndash; Réseaux IP Européens<br>
<a href="http://www.apnic.net"><img align="absmiddle" src="images/apnic_icon.gif" title="o" hspace="5" width="16" height="16" border="0">APNIC</a> &ndash; Asia Pacific Network Information Centre<br>
<a href="http://lacnic.net"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">LACNIC</a> &ndash; Latin American and Caribbean IP address Regional Registry<br>

<a name="speedtests"></a>
<table><tr><td height="30" valign="bottom" style="font-size:14px;font-weight:bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bandwidth speed tests</td></tr></table>
<a href="http://www.speakeasy.net/speedtest/"><img align="top" src="images/speakeasy_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Speakeasy.net</a><br>
<a href="http://www.dslreports.com/stest/"><img align="top" src="images/bbr_icon.gif" title="o" hspace="5" width="16" height="16" border="0">DSLreports.com</a><br>
<a href="http://speedtest.warwick.net/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Warwick Online Bandwidth Meter</a><br>
<a href="http://infospeed.verizon.net/speedtest/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Verizon Online Speedtest</a><br>

<table><tr><td height="30" valign="bottom" style="font-size:14px;font-weight:bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Other</td></tr></table>
<a href="http://www.ibiblio.org/pioneers/"><img align="absmiddle" src="images/ibiblio_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Internet Pioneers</a> &ndash; profiles ten individuals who helped start the Internet<br>
<a href="http://www.f-secure.com/v-descs/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">F-Secure Computer Virus Info Center</a> &ndash; updated frequently with virus descriptions<br>
<a href="http://www.elsop.com/wrc/h_web.htm"><img align="absmiddle" src="images/elsop_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Internet &amp; World Wide Web History</a><br>
<a href="http://www.archive.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">The Internet Archive</a> &ndash; surf the web using the Wayback Machine<br>
<a href="http://www.thelist.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">The List</a> &ndash; The Definitive ISP Buyer's Guide<br>
<a href="http://www.eeggs.com/"><img align="absmiddle" src="images/eeggs_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Eeggs.com</a> &ndash; The Easter Egg Archive: Hidden secrets in software, movies, music and more<br>
<a href="http://www.cookiecentral.com/faq/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">The Unofficial Cookie FAQ</a><br>
<!--A href="http://www.annoyances.org/exec/show/ics"><img align="absmiddle" src="images/toad_icon.gif" title="o" hspace="5" width="16" height="16" border="0"></a><a href="http://www.annoyances.org/exec/show/ics">Setting up Internet Connection Sharing</a> &ndash; connect multiple PCs to the Internet without a router<br>
<a href="http://www.dialpad.com/">Dialpad.com</a> &ndash; make long distance phone calls from your PC<br-->
<a href="http://www.eff.org/Net_culture/Folklore/Arts/smiley.list"><img align="top" src="images/eff_icon.gif" title="o" hspace="5" width="16" height="16" border="0">The Unofficial Smiley Dictionary</a> &ndash; see also my <a href="ascii.html" class="green">ASCII&nbsp;Art</a> page<br>
<a href="http://insideoe.tomsterdam.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Inside Outlook Express</a><br>
<a href="http://www.lsoft.com/lists/listref.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">CataList, the catalog of LISTSERV lists</a> &ndash; search for mailing lists of interest<br>
<a href="http://www.wildlist.org/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">The WildList Organization International</a> &ndash; information on viruses that are running around the Internet<br>
<a href="http://www.pcworld.com/article/id,127105/article.html"><img align="absmiddle" src="images/pcw_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Timeline: 50 Years of Hard Drives</a><br>

<br><img src="images/clear.gif" height="3"><br>
<a name="broadband"></a>
<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<hr>

<span style="font-size:18px;font-weight:bold">My broadband saga</span><img src="images/turtle.gif" align="absmiddle" vspace="10" hspace="25" width="73" height="35" title="Broadband?">
<br>
<a href="Broadband.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Mass market in fast Net service is coming</a> &ndash; article in the <i>Globe</i> about broadband<br>
<p>
<table>
<tr>
<td>&nbsp;</td>
<td>
<p>
Broadband is touted as a high-speed Internet connection (see the "bare-bones" definition of broadband
in the above article), but as a consumer, especially if you are one of millions of customers of a
large, impersonal company, <i>watch out</i> or you may not get what you are lead to believe you are
paying for. It took several years for this to become clear to me, but in the end, through my own
persistence and with <i>very inadequate</i> help from my Internet Service Provider, AT&amp;T, I
reached a satisfactory conclusion.
</td>
</tr>
</table>

<table><tr><td height="25" valign="bottom" style="font-size:14px;font-weight:bold">In the beginning, very fast!</td></tr></table>
<table>
<tr>
<td>&nbsp;</td>
<td>
Since 1998 our house has been connected to the Internet over a cable-modem via our cable-TV provider, <i>MediaOne</i>, which later became
        <i>AT&amp;T Broadband</i>, then <i>Comcast</i>. Most of what I am describing here occurred while it was AT&amp;T. In the beginning the
        connection was extremely fast, and using some download tests I estimated that it was 15-20 times faster than a 56k dialup connection, somewhere
        in the range of 800-1000k. Over the years it appeared to slow down a little, and in my experience with ISPs this often occurred when they
        overloaded their hardware with new accounts, but it was generally resolved with upgrades to their equipment.
</td>
</tr>
</table>

<table><tr><td height="25" valign="bottom" style="font-size:14px;font-weight:bold">Slower and slower . . .</td></tr></table>
<table>
<tr>
<td>&nbsp;</td>
<td>
However, this did not seem to be the case with AT&amp;T. I began to regularly run a <a href=
"http://speedtest.warwick.net/" class="blueulb">bandwidth speedtest</a> and was surprised to see that I was
connected at around 100k, sometimes even <i>slower</i>, but never faster then 250k. In the fall of 2001 I called
AT&amp;T tech support and their technicians ran tests on my connection and reported that everything was OK. They
said there were some problems at some locations in New England that were being worked on, so I was hopeful that I
would benefit from that. After a month or so I had detected no improvement, so I called again and technicians
were sent to the house several times to check all the cabling between the box on the pole outside and the
cable-modem connected to my PC. Everything was in proper working order so they said the problem must be outside my
immediate area. A neighbor on my block said he also had this same slow Internet connection, which supported that
conclusion. Once again I was hopeful that this would be fixed, but over the next several months nothing changed.
</td>
</tr>
</table>

<table><tr><td height="25" valign="bottom" style="font-size:14px;font-weight:bold">Frustration</td></tr></table>
<table>
<tr>
<td>&nbsp;</td>
<td>
I began to call AT&amp;T regularly (I live in Massachusetts but these toll-free calls were answered in
Newfoundland, Canada) to remind them the problem still existed and that I wanted a solution. I was
asked to run a series of trace-route tests on several occasions and email them the results. These
tests showed the speeds over the entire path that my browser's request to a remote server took and
they also showed that everything was working fine. About 6 months after my initial call to AT&amp;T
one tech support person told me that my speed was within their "acceptable" range, the low end being
40k, <i>slower</i> than a dialup modem. I began to realize that they really saw no need to help me
improve my connection speed, and at this point I considered switching to DSL, but instead I became
more determined to achieve the truly faster speeds available on a cable-modem. I felt very frustrated
until another neighbor told me his connection with AT&amp;T was fine, and it turned out that though we
both rented our cable-modems from AT&amp;T, he had a new Toshiba modem and I still had the same
LANcity modem I got from them in 1998. He disconnected his modem and brought it over to my house,
where I hooked it up and found to my amazement that I was connected at 1000k! So, all along the modem
was the culprit. I called AT&amp;T with this news and requested one of the new modems, only to be told
that since my old one was still functional (by <i>their</i> definition of functional) they would not
replace it. (My anger was reaching new heights!)
</td>
</tr>
</table>

<table><tr><td height="25" valign="bottom" style="font-size:14px;font-weight:bold">High speeds again!</td></tr></table>
<table>
<tr>
<td>&nbsp;</td>
<td>
I decided to purchase my own cable-modem and stop paying $10/month rental to AT&amp;T for an inadequate one, a decision I
should have made years before. Looking in the newspaper I saw an ad for the same Toshiba modem on sale for a great price with a
manufacturer's rebate. I bought it, returned the old modem to AT&amp;T (which I hope they won't try to give to someone else),
and now I am connected at 1000k again!
<p>
I want to spread the word about this to help others, who are being taken advantage of by AT&amp;T and
other ISPs, to help them get the <i>true</i> broadband speeds they are paying for. Shame on you, AT&amp;T!
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<img src="images/clear.gif" height="10"><br>
(By the way, since this was written I have gone through several modems and routers to keep my speed up to the max.)
</td>
</tr>
</table>
<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<hr>

<span style="font-size:18px;font-weight:bold">Internet connection speed</span>
<br>
<table>
<tr>
<td>&nbsp;</td>
<td>
We complained to our Internet provider (Xfinity/Comcast) that our Internet speed seemed too slow in the house. They sent a technician and he
        explained some new things to me. The line comes into the house and connects to a modem/router, which sends out two frequencies, a 2.4 gb and a
        5 gb. They say that the 5 gb band is stronger but has a small range and the 2.4 gb band has a weaker connection but a larger range. If the
        device connecting over WiFi (phone, TV, laptop) has a dual-band card you can pick the 5gb band for the fastest connection. Our modem/router is
        in the basement and we were told to get something called pods to put around the house to increase the range of the 5 gb band. My desktop PC
        apparently only has a single-band card and even though it is hard-wired it connects to the 2.4 gb, slower band. I guess time to get those pods,
        and perhaps upgrade my card.
    </td>
</tr>
</table>

<a name="downloads"></a>
<img src="images/grnbar1.gif" height=5 width="100%" vspace="5">

<table><tr><td valign="middle" style="font-size:18px;font-weight:bold">Downloads</td><td valign="middle"><img src="images/download.gif" align="absmiddle" hspace="15" width="36" height="35" title="Downloads"></td></tr></table>

<table>
<tr>
<td>&nbsp;</td>
<td>
I frequently download software from the Internet, sometimes utilities that help me in my everyday computing
needs, sometimes upgrades or fixes to software I am currently using on my PC.
</td>
</tr>
</table>
<table><tr><td height="25" valign="bottom" style="font-size:14px;font-weight:bold"> &nbsp; &nbsp; Shareware &amp; freeware sites</td></tr></table>
<a href="http://www.download.com/"><img align="top" src="images/cnet_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Download.com</a> &ndash; from c/net<br>
<a href="http://www.shareware.com/"><img align="top" src="images/cnet_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Shareware.com</a> &ndash; from c/net<br>
<a href="http://downloads.zdnet.com"><img align="absmiddle" src="images/zdnet_icon.gif" title="o" hspace="5" width="15" height="15" border="0">ZDNet Downloads</a><br>
<a href="http://www.rocketdownload.com/"><img align="absmiddle" src="images/rocketdwn_icon.gif" title="o" hspace="5" width="16" height="16" border="0">RocketDownload.com</a><br>
<a href="http://www.tucows.com/"><img align="absmiddle" src="images/tucows_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Tucows Downloads</a><br>
<a href="http://www.annoyances.org/exec/show/software/"><img align="absmiddle" src="images/toad_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Annoyances.org</a><br>
<a href="http://www.passtheshareware.com/"><img align="absmiddle" src="images/passtheshare_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Pass The Shareware</a><br>
<a href="http://cws.internet.com/inx.html"><img align="absmiddle" src="images/cws_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Stroud's CWSApps - Index of Apps</a><br>
<a href="http://www.winshareware.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">WinShareware.com</a><br>
<a href="http://www.winpicks.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Winpicks.com</a><br>
<a href="http://www.dll-files.com/"><img align="absmiddle" src="images/dll-files.gif" title="o" hspace="5" width="16" height="16" border="0">DLL-files.com</a> &ndash; download missing dll-files<br>
<p>

<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<hr>
<span style="font-size:18px;font-weight:bold">My shareware &amp; freeware favorites</span>
<br><img src="images/clear.gif" height="8"><br>
<table>
<tr><td>&nbsp;</td>
<td>
<dl>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>WinPatrol</b></i> - (freeware) - <a href="http://www.winpatrol.com/">WinPatrol.com</a>
<dd>WinPatrol monitors for spyware, web attacks, and parasites that try to install themselves on your computer. When spyware tries to update your Registry or put
items in your <i>Startup</i> you get the option to stop this in a popup alert.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>Ad-Aware</b></i> - (freeware) - <a href="http://www.lavasoftusa.com/software/adaware/">www.lavasoftusa.com</a>
<dd>A scanning utility for known datamining, aggressive advertising, and tracking
components, SpyBot detects and removes the worst that the Internet and
shareware/freeware have to offer.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>SpyBot - Search &amp; Destroy</b></i> - (freeware) - <a href="http://www.safer-networking.org/">www.safer-networking.org</a>
<dd>Detects and removes spyware of different kinds from your computer. Some spyware is hidden, and some is obvious.
If you see new toolbars in your Internet Explorer that you didn't intentionally
install, if your browser crashes, or if your browser start page has changed without
your knowing, you most probably have spyware.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>Icon Corral</b></i> - (shareware) - <a href="http://www.annoyances.org/exec/software/iconcorral">download from Annoyances.org</a>
<dd>I have this nifty program launch in my <i>Startup</i> folder. It puts a little icon in the system
tray that you can configure to capture specific items that have been minimized to the taskbar.
It is particularly useful for holding items that run minimized whenever you have the PC booted,
for example a calendar, or network connection. These items just take up space on the taskbar and the infrequent
times you may want to go to them you can access them from the popup menu of the Icon Corral tray icon, or even give them their own tray icons.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>IrfanView</b></i> - (freeware) - <a href="http://www.irfanview.com/">IrfanView 32</a>
<dd>This is a nice graphic image viewer/converter. It has a very good method of compacting binary storage. I
have decreased the size of many of the <i>GIFs</i> and <i>JPGs</i> on my website simply by opening them up in
<i>IrfanView</i>, making a minimal adjustment to the color with a slider, and saving them.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>SUPER &copy;</b> (Simplified Universal Player Encoder & Renderer)</i> - (freeware) - <a href="http://www.erightsoft.net/Superdc.html">SUPER &copy;</a>
<dd>This program converts most standard video formats to different formats.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>FileZilla</b></i> - (freeware) - <a href="http://filezilla.sourceforge.net/">FileZilla Homepage</a>
<dd>An FTP program with an intuitive GUI interface. I use this to maintain my website.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>e-Mail Notify</b></i> - (freeware) - <a href="http://cws.internet.com/file/11604.htm">download from WinPlanet</a>
<dd>This program puts a little mailbox in the tray that will poll your email pop account (or multiple accounts) at
specified intervals to see if you have email waiting. It displays a little counter when you have mail
and can audibly signal you (I have mine beep but you can play a wave file). You can launch
your email reader from here or just look at the senders and titles without receiving the mail, and
you can even view the mail contents without removing it from the server.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>Alarm++</b></i> - (shareware) - <a href="http://www.12noon.com/alarm.htm">12noon::Alarm++</a>
<dd>Set up reminders to occur at a specified dates and times, and a little message
dialogue pops up to display your own text for each alarm. Alarms can be set to run
programs or send email, and there are snooze and very sophisticated repeat features.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>TextPad</b></i> - (shareware) - <a href="http://www.textpad.com/">www.textpad.com</a>
<dd>This MDI (Multiple Document Interface) ASCII editor provides language-specific color-tokenizing, with support for many
programming languages. I use it when I edit my webpages. You can toggle between open documents by clicking on
tabs, which is great when you want to copy and paste from one document to another.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>WordWeb</b></i> - (freeware) - <a href="http://wordweb.info/free/">wordweb.info/free/</a>
<dd>This English dictionary and thesaurus from Princeton University is very useful to have when you don't have access to a print version, like when you are
traveling with a laptop. It is freeware and there is a purchasable upgrade, WordWeb Pro.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>Tweak UI</b></i> - (freeware) - <a href="http://www.microsoft.com/Windows95/downloads/contents/WUToys/W95PwrToysSet/Default.asp">download from Microsoft</a>
(also on the Windows 98 CD in the <b>\tools\reskit\powertoy</b> folder)
<dd>This Microsoft program is part of the <i><b>Power Toys Set</b></i> from MS and it is very useful for configuring the Windows user interface, like eliminating the
'Shortcut to...' prefix Windows like to add to shortcut icon text, or rebuild your
icons without having to mess with the ShellIconCache file.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>WCPUID</b></i> - (freeware) - <a href="http://www.majorgeeks.com/download.php?det=435">Major Geeks.com</a>
<dd>This is a great little tool for displaying system info about a PC.
<br><img src="images/clear.gif" height="8"><br>
<dt><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><i><b>ComboFix</b></i> - (freeware) - <a href="http://www.bleepingcomputer.com/download/combofix/">http://www.bleepingcomputer.com/download/combofix/</a>
<dd>I had a virus that hijacked Google links on my PC, so that when I searched with Google it displayed the links but when I clicked on one I was redirected to another site.
After a successful search I found a recommendation for this program. I downloaded it and ran it, and not only did I get Google back but I think
my PC's performance has improved. FYI: I was told to use this site for the download because ComboFix might be offered elsewhere
but not be the correct version. I have used it many times over the years and always found it reliable. On subsequent runs of ComboFix it will often tell me
there is a newer version available and offer to download it before running it. To always have the latest virus definitions
I do this each time.
<br><img src="images/clear.gif" height="8"><br>
</dl>
</td></tr></table>

<a name="webpage"></a>
<img src="images/grnbar1.gif" height="5" width="100%" vspace="5">
<table width="100%">
<tr>
<td align="left" width="1%">
<table border="2" cellpadding="0"><tr><td>
<img src="images/html_man.gif" align="absmiddle" height="60" width="70">
</td></tr></table>
</td>
<td align="left" width="37%" nowrap style="font-size:20px;font-weight:bold">
  &nbsp; HTML Tips, also <i>Javascript</i> and CSS.
</td>
<td width="50%"></td>
<td align="right" valign="top" width="25%">
&nbsp;<br>
See also my pages for: &nbsp;
</td>
<td align="left" valign="top">
&nbsp;<br>
<a href="js.html" class="green"><b>JavaScript</b></a><br>
<a href="program.html" class="green"><b>Programming</b></a>
</td>
<td align="right" valign="top">
      <a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" hspace="10"></a>
</td>
</tr>
</table>

<center>
<a href="#website" class="menu">Style</a> <img src="images/dot.gif" height="10" width="4" hspace="1" title="|">
<a href="#html_links" class="menu">Web-authoring links</a> <img src="images/dot.gif" height="10" width="4" hspace="1" title="|">
<a href="#maintenance" class="menu">Maintenance</a> <img src="images/dot.gif" height="10" width="4" hspace="1" title="|">
<a href="#books" class="menu">Books</a> <img src="images/dot.gif" height="10" width="4" hspace="1" title="|">
<a href="#newsgroups" class="menu">Newsgroups</a>
</center>

<p>
<table>
<tr>
<td>&nbsp;</td>
<td>
When I created my website in 1994, there were not many tools available, so I focused on learning HTML. I accomplished this primarily with <a
href="#books" class="green">books</a>, references I found <a href="#html_links" class="green">online</a>, and using my browser's <a href=
"cgi-bin/print_source.pl?src=../onlinetips.html" class="green" onClick=
  "javascript:windowOpener(this.href,this.target,'width=875,height=700,left=25,top=100,scrollbars=1');return false;"><i>View&nbsp;&raquo;&nbsp;Source</i></a> menu option to see the HTML
source-code for the current page in the browser (ah, so <i>that's</i> how they do that). Today, in addition to there being WYSIWYG (<font
        color="#330066"><b>W</b></font><i>hat </i> <font color="#330066"><b>Y</b></font><i>ou</i> <font color="#330066"><b>S</b></font><i>ee</i> <font
        color="#330066"><b>I</b></font><i>s</i> <font color= "#330066"><b>W</b></font><i>hat</i> <font color="#330066"><b>Y</b></font><i>ou</i> <font
        color="#330066"><b>G</b></font><i>et</i>) webpage software like <i>Dreamweaver</i> and <i>Microsoft Frontpage</i>, many Internet providers even
        supply templates and the methods to format your site online. Being a programmer, I still prefer webpage the HTML directly to get my results, so
        my website has grown from that perspective. I edit my code using <a href= "https://www.textpad.com/"><i>Textpad</i></a>, an MDI
        (Multiple-Document-Interface) text editor. I developed the site on an IBM-compatible PC running Windows software, but this shouldn't affect its
        viewing on a Mac or on a PC operating in a <a href= "program.html#alternative" class="green">non-Windows environment</a>. Currently my website
        is hosted on a Linux server so I have made sure it is all case-sensitive.
<p>
When I make a change to my site that involves trying out a new technique, or even when using <a href="#tables" class="green"> tables</a> for
alignment, which can be tricky sometimes, I review the results in a variety of browsers with different text sizes before uploading it to the
server and making it publicly available. Sometimes I have to make adjustments to the code to get things to look the way I intend, but I try to
stay in compliance with the current <a href= "http://www.w3.org/TR/html401/">W3C&nbsp;HTML&nbsp;specification</a>. I admit I do fudge
this occasionally, but <i>only</i> if my code is supported by the browsers of a <a href=
"http://www.upsdell.com/BrowserNews/stat.htm">vast&nbsp;percentage</a> of users. It's been my observation that both <i>Firefox</i> and
<i>Internet Explorer</i> are guilty of doing
some things that are proprietary to their own browser. When I encounter these kinds of things that work in only one browser, if it has a
neutral interpretation in other browsers I may still use it, but if it has a negative consequence I won't. I have not made any effort to
comply with PDA or cellphone technology, so I'm not sure how my site displays on these portable devices (yet), but I do try to verify that my
site does not require using a specific web browser (<i>Internet&nbsp;Explorer</i>, <i>Firefox</i>, etc.) to function well. See my <a href=
"#browsers" class="green">Web&nbsp;browsers</a> section for for more information about specific browsers.
</td>
</tr>
</table>

<p>
<a name="style"></a>
<hr>

<span style="font-size:18px;font-weight:bold">Style</span>
<img src="images/style.gif" width="50" height="59" title="Style" align="absmiddle" vspace="5" hspace="15">

<table>
<tr>
<td>&nbsp;</td>
<td>
The format and content of the web have evolved over the years as more and more people in the general public have
gotten online. When the Internet was primarily used for non-commercial research purposes at institutions like
schools, libraries, and the government, text based browsers were the norm. Then <a href=
"http://www.ibiblio.org/pioneers/andreesen.html" class="blueulb">Marc&nbsp;Andreessen</a> and others at NCSA (National Center for
Supercomputing Applications at the University of Illinois) created Mosaic, a graphical browser, and the format of
web content changed forever. Now that many workplaces are online and PCs are being sold with Internet access
pre-loaded, websites are advancing to even more sophisticated levels (check out my
<a href="java.html" class="green" class="green">Java</a> and <a href="js.html" class="green">JavaScript</a>
pages).
</td>
</tr>
</table>
<p>

<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; </td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td>
<b style="font-size:14px">Graphics</b><br>
I recommend you keep the graphics that load automatically with your page to a minimum to decrease the time it takes the
page to be completely loaded. If you want to provide a large image, make a smaller version of it and put it on the page
as a <i>thumbnail</i> that can be clicked on to download the fullsize image. When you see an image on a site that you'd
like to use on your own homepage, point the mouse at the image and click with the <i>right</i> mouse button, and take
the <i><b>Save as...</b></i> option from the popup-menu to save it on your PC. Be aware of any copyright or intellectual
property considerations, but in general, there is not a lot to be concerned about on personal homepages.
</td>
</tr>
</table>
<br><img src="images/clear.gif" height="10"><br>
<a name="tables"></a>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; </td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td>
<b style="font-size:14px">Tables</b><br>
You can use tables (the <font color="#333399"><b>&lt;table&gt;</b></font> tag) to divide up sections of your page into rows and cells to give you
greater control of aligning the elements you put there. This is compliant with the <a href="http://www.anybrowser.org/campaign/" class="blueulb">
<i>non-browser-specific</i></a> philosophy. Tables are containers for rows (the <font color="#333399"><b>&lt;tr&gt;</b></font> tag), and rows are
containers for cells (the <font color="#333399"><b>&lt;th&gt;</b></font> and <font color="#333399"><b>&lt;td&gt;</b></font> tags). In cells you
can use the <b><i>align</i></b> and <b><i>valign</i></b> attributes for text and image alignment . When possible try to use <b><i>width="__%"</i>
</b> and <b><i>height="__%"</i></b> in tables instead of specifying an exact pixel size, since you don't know what size monitor and resolution the
page will be viewed on. I use tables on most of my pages for layout (when looking at a page, click on <b>View&nbsp;&gt;&nbsp;Source</b>). They
are usually invisible because borders are turned off and they don't have background colors.
<p>
Tables can be nested within other tables. In the following example there are four tables. I gave three of them background colors so you would be
able to see them. Of these three, the left one has two rows, and each row contains only one cell. The middle table has three rows, and each row
contains three cells, which use the alignment attributes (<i>valign</i> for vertical, <i>align</i> for horizontal) to locate the text within the
cells. The right one has one row and it contains two cells. All three of these tables are contained in a <i>parent</i> table that has one
horizontal row with three cells, each cell holding one of the three colored tables.
<p>
<center>
<table width="75%" height="150">
<tr>
<td align="center" width="20%" bgcolor=#b1b1b1>
<table width="95%" height="90%">
<tr><td height="68" bgcolor="#dde3db">&nbsp;</td></tr>
<tr><td height="68" bgcolor="#dde3db">&nbsp;</td></tr>
</table>
</td>
<td width="60%" bgcolor="#b1b1b1" align="center">
<table width="98%" height="90%">
<tr>
<td width="33%" height="45" align="left" valign="top" bgcolor="#dde3db">top left</td>
<td width="33%" align="center" valign="top" bgcolor="#dde3db">top center</td>
<td width="33%" align="right" valign="top" bgcolor="#dde3db">top right</td>
</tr>
<tr>
<td width="33%" height="45" align="left" bgcolor="#dde3db">middle left</td>
<td width="33%" align="center" bgcolor="#dde3db">middle center</td>
<td width="33%" align="right" bgcolor="#dde3db">middle right</td>
</tr>
<tr>
<td width="33%" height="45" align="left" valign="bottom" bgcolor="#dde3db">bottom left</td>
<td width="33%" align="center" valign="bottom" bgcolor="#dde3db">bottom center</td>
<td width="33%" align="right" valign="bottom" bgcolor="#dde3db">bottom right</td>
</tr>
</table>
</td>
<td align="center" width="20%" bgcolor=#b1b1b1>
<table width="95%" height="90%">
<tr>
<td height="140" width="50%" bgcolor="#dde3db">&nbsp;</td>
<td height="140" width="50%" bgcolor="#dde3db">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
<p>

The HTML code below produces the above illustration. The tags are indented when they are nested in
another tag's structure (this is entirely optional), with the level of indention showing the level of
nesting. The first <font color="#333399"><b>&lt;table&gt;</b></font> tag and last <font
color="#333399"><b>&lt;/table&gt;</b></font> tag are the beginning and ending of the parent table
definition. You can see the nesting of the other tables within this definition.
<pre><div class="frame"><font color="#333399">&lt;table width="75%" height="150"&gt;
&lt;tr&gt;
&lt;td align="center" width="20%" bgcolor="#b1b1b1"&gt;
&lt;table width="95%" height="90%"&gt;
&lt;tr&gt;&lt;td height="68" bgcolor="#dde3db"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td height="68" bgcolor="#dde3db"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;/td&gt;
&lt;td width="60%" bgcolor="#b1b1b1" align="center"&gt;
&lt;table width="98%" height="90%"&gt;
&lt;tr&gt;
&lt;td width="33%" height="45" align="left" valign="top" bgcolor="#dde3db"&gt;top left&lt;/td&gt;
&lt;td width="33%" align="center" valign="top" bgcolor="#dde3db"&gt;top center&lt;/td&gt;
&lt;td width="33%" align="right" valign="top" bgcolor="#dde3db"&gt;top right&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td width="33%" height="45" align="left" bgcolor="#dde3db"&gt;middle left&lt;/td&gt;
&lt;td width="33%" align="center" bgcolor="#dde3db"&gt;middle center&lt;/td&gt;
&lt;td width="33%" align="right" bgcolor="#dde3db"&gt;middle right&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td width="33%" height="45" align="left" valign="bottom" bgcolor="#dde3db"&gt;bottom left&lt;/td&gt;
&lt;td width="33%" align="center" valign="bottom" bgcolor="#dde3db"&gt;bottom center&lt;/td&gt;
&lt;td width="33%" align="right" valign="bottom" bgcolor="#dde3db"&gt;bottom right&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/td&gt;
&lt;td align="center" width="20%" bgcolor="#b1b1b1"&gt;
&lt;table width="95%" height="90%"&gt;
&lt;tr&gt;
&lt;td height="140" width="50%" bgcolor="#dde3db"&gt;&amp;nbsp;&lt;/td>
&lt;td height="140" width="50%" bgcolor="#dde3db"&gt;&amp;nbsp;&lt;/td>
&lt;/tr&gt;
&lt;/table&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;</font></div></pre>
<p>
Another useful place for a table is when you want to control the wrapping of text that is
placed next to another element, like an image. By default, if the text is too long to fit
on one line it will wrap to the next line, which is below the image. To prevent this,
create a table, put the image in one cell and the text in an adjacent cell, and the text
will only wrap within its cell, which will keep it next to the image. For examples of
this text wrap control technique, see my <a href="search.html#tips" class="green">Search Tips</a> where
I have used it on the descriptions next to my search examples. It's also very useful when you want to display captions
beneath photos like I do here with my <a href="gallery.html#1950s" class="green">class&nbsp;pictures</a> from elementary school.
</td>
</tr>
</table>
<p>
<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; </td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td>
<b style="font-size:14px">Fonts</b><br>
I prefer to let the user's browser handle the fonts. On my pages, I primarily use the <font color="#333399"><b>&lt;font&gt;</b></font> tag to change the relative
size of the text or the color. Specify <b><i>size="+1"</i></b> to increase the font size by one relative unit and
<b><i>size="-1"</i></b> to decrease the font size. The value for size can be 1 through 7. I often review my pages by
changing the settings for fonts and sizes in my browser to get an idea how the page will look in a variety of font settings. You
should do this to see how your text wraps within the cells if you use tables.
</td>
</tr>
</table>
<a name="javascript"></a>
<p>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; </td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td>
<b style="font-size:14px">JavaScript</b><br>
JavaScript is an object-oriented scripting language that works with HTML to make webpages dynamic. One of its main uses on my
website is to make my buttons depress when they are clicked on. To see examples and learn more about JavaScript, go to my <a href=
"js.html" class="green">JavaScript</a> page.
</td>
</tr>
</table>
<a name="stylesheets"></a>
<p>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; </td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td>
<b style="font-size:14px">CSS - Cascading Style Sheets</b><br>
<a href="penceland.css" class="green" onClick=
"javascript:windowOpener(this.href,this.target,'width=875,height=700,left=25,top=100,scrollbars=1');return false;">penceland.css</a>
&ndash; this is the CSS file I created that loads with each page on my website, holding classes I use for a variety of things
including . . .
<ul>
<li>The gradient I use as the background image on all my webpages (varies by browser)
<br><img src="images/clear.gif" height="8"><br>
<li>To control the font and color attributes on my links.<br>
Move your mouse over the following link types to see these link attributes.<br>
I put the name of the class I use after each so you can look them up in my CSS file.
<br><img src="images/clear.gif" height="4"><br>
<ul>
<li><a href="javascript:void(0)"><span title="Default link style">A normal link to an external site</span></a> uses the default link settings&mdash;<font color="#333399">a:link {}, a:visited {}, a:active {}, a:hover {}</font>
<br><img src="images/clear.gif" height="4"><br>
<li><a href="javascript:void(0)" class="blueulb"><span title="class=&quot;blueulb&quot;">An external link in a body of text</span></a>&mdash;<font color="#333399">class=&quot;blueulb&quot;</font>
<br><img src="images/clear.gif" height="4"><br>
<li><a href="javascript:void(0)" class="green"><span title="class=&quot;green&quot;">An internal link in a body of text</span></a>&mdash;<font color="#333399">class=&quot;green&quot;</font>
<br><img src="images/clear.gif" height="4"><br>
<li><a href="javascript:void(0)" class="navigation"><span title="class=&quot;navigation&quot;, class=&quot;menu&quot;, class=&quot;topofpage&quot;">Navigation links</span></a> including menus and
top of section or page&mdash;<font color="#333399">class=&quot;navigation&quot;, class=&quot;menu&quot;, class=&quot;topofpage&quot;</font>
</ul>
<img src="images/clear.gif" height="8"><br>
<li>The <span class="date_block" title="class=&quot;date_block&quot;"> date display </span>&nbsp; at the top of my first page,
<br><img src="images/clear.gif" height="8"><br>
<li>Making the borders around my <span class="frame" title="class=&quot;frame&quot;"> code samples </span>
</ul>
<b>Words of caution . . .</b><br>
<ul>
<li>Watch out for settings you put on the default link type because they will be applied to image links. I found this
out the hard way when I changed the background color and it was shown on all my images when I went to click on
them.
<br><img src="images/clear.gif" height="8"><br>
<li>I used to try to make the hover attribute on links have a bold font, but even when I decreased the text size on the hover setting (font-size: 90%;
height="1"2px) I was unable to keep certain letters from noticeably changing size when they switch to bold and causing movement in the text
(note the difference between <a href="javascript:void(0)" class="test">abc</a> and <a href="javascript:void(0)" class="test">ABC</a>),
so I have given that up in favor of just changing the color. Combinations of letters can sometimes accomodate each other in their size changing&mdash;<a
href="javascript:void(0)" class="test">xyz</a> gets smaller and <a href="javascript:void(0)" class="test">tuvw</a> gets larger&mdash;but when
put together <a href="javascript:void(0)" class="test">tuvwxyz</a> they balance each other nicely.
</ul>
<b>CSS links</b>
<br><img src="images/clear.gif" height="8"><br>
&nbsp; &nbsp;<a href="http://www.w3.org/TR/REC-CSS1"><img align="absmiddle" src="images/w3_icon.gif" title="o" hspace="5" width="16" height="16" border="0">W3C - Cascading Style Sheets</a><br>
&nbsp; &nbsp;<a href="http://www.w3schools.com/css/default.asp"><img align="absmiddle" src="images/w3schools_icon.gif" title="o" hspace="5" width="16" height="16" border="0">CSS Tutorial</a><br>
</td>
</tr>
</table>
<p>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; </td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td>
<b style="font-size:14px">Using a transparent file for spacing</b><br>
A really interesting layout tool is having a 1x1 pixel transparent .gif file to use as a spacer. Mine is called <a href="images/clear.gif" class="green">clear.gif</a> (right click and choose <i>Save Link As...</i> from the
popup menu) and I use it extensively throughout my website (<a
href="cgi-bin/print_source.pl?src=../onlinetips.html" class="green" onClick="javascript:windowOpener(this.href,this.target,'width=1200,height=700,left=25,top=100,scrollbars=1');return false">view the source</a> of this page and
search for &quot;clear.gif&quot; to see). The way to use it is to place it where you need to define some space between things and set the height or width to whatever you need to create the empty space. For example, if
you want a blank line that is more or less than what you get with the &lt;p&gt; tag, use the spacer file between two &lt;br&gt; as in the example below.
<p>
<div class="tightframe">
<table width="99%">
<tr>
<td width="1%"><img src="images/clear.gif"></td>
<td width="48%" valign="top">
<font color="#888888">
Using the </font><font color="#333399">&lt;p&gt;</font><font color="#888888"> tag for line spacing produces this:</font>
<br><img src="images/clear.gif" height="10"><br>
<font color="#006060">
A line of text <b>. . .</b>
<p>
A line of text <b>. . .</b>
<p>
A line of text <b>. . .</b>
</font>
<br><img src="images/clear.gif" height="10"><br>
</td>
<td width="1" background="images/vert_gry_dots.gif"><img src="images/clear.gif" width="1"></td>
<td width="1%"><img src="images/clear.gif"></td>
<td width="51%" valign="top">
<font color="#888888">
Using the </font><font color="#333399">clear.gif</font><font color="#888888"> file for line spacing produces this:</font>
<font color="#006060">
<br><img src="images/clear.gif" height="10"><br>
A line of text <b>. . .</b>
<br><img src="images/clear.gif" height="5"><br>
A line of text <b>. . .</b>
<br><img src="images/clear.gif" height="5"><br>
A line of text <b>. . .</b>
</font>
</td>
</tr>
<tr>
<td height="1" background="images/hor_gry_dots.gif" colspan="5"><img src="images/clear.gif" height="1"></td>
</tr>
<tr>
<td width="1%"><img src="images/clear.gif"></td>
<td>
<font color="#888888">The code for the above looks like this:</font>
<br><img src="images/clear.gif" height="10"><br>
<font color="#333399">
A line of text <b>. . .</b><br>
&lt;p&gt;<br>
A line of text <b>. . .</b><br>
&lt;p&gt;<br>
A line of text <b>. . .</b><br>
</font>
<img src="images/clear.gif" height="8"><br>
</td>
<td background="images/vert_gry_dots.gif"><img src="images/clear.gif" width="1"></td>
<td width="1%"><img src="images/clear.gif"></td>
<td>
<font color="#888888">The code for the above looks like this:</font>
<br><img src="images/clear.gif" height="10"><br>
<font color="#333399">
A line of text <b>. . .</b><br>
&lt;br&gt;&lt;img src=&quot;images/clear.gif&quot; height=&quot;5&quot;&gt;&lt;br&gt;<br>
A line of text <b>. . .</b>.<br>
&lt;br&gt;&lt;img src=&quot;images/clear.gif&quot; height=&quot;5&quot;&gt;&lt;br&gt;<br>
A line of text <b>. . .</b><br>
</font>
<img src="images/clear.gif" height="8"><br>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<p>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; </td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td>
<b style="font-size:14px">Blinking text</b><br>
HTML used to have a &lt;blink&gt; element but it has been deprecrated and you have to create it yourself. Here's how I did it with some Javascript and HTML code.
<br><img src="images/clear.gif" height="10"><br>
# Javascript<br>
function onload()&nbsp; {<br>
&nbsp; &nbsp; JSBlink();<br>
&nbsp; &nbsp; # Do any other onload stuff<br>
}
<br><img src="images/clear.gif" height="10"><br>
function JSBlink()&nbsp; {<br>
&nbsp;&nbsp; var blinks = document.getElementsByTagName('JSBlink');<br>
&nbsp;&nbsp; for (var i = blinks.length - 1; i >= 0; i--)&nbsp; {<br>
&nbsp&nbsp; &nbsp; &nbsp; var s = blinks[i];<br>
&nbsp;&nbsp; &nbsp; &nbsp; s.style.visibility = (s.style.visibility === 'visible') ? 'hidden' : 'visible';<br>
&nbsp;&nbsp; }<br>
&nbsp;&nbsp; window.setTimeout(JSBlink, 1000);<br>
}
<br><img src="images/clear.gif" height="15"><br>
# HTML<br>
&lt;body onLoad="onload()">
<br><img src="images/clear.gif" height="5"><br>
&lt;JSBlink>this text will blink&lt;/JSBlink><br>
</td>
</tr>
</table>
<p>
<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; </td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td>
<b style="font-size:14px">Music</b><br>
Music can be nice on a website, but it is not always desirable. Sometimes the page may be viewed in an environment where music might be out of
      place, like a corporate office, or a family home late at night when someone is sleeping, so make sure the user has the ability to shut it off.
      Also remember, if a visitor is put off by music on your site he or she might not return.
<p>
      <table cellpadding="1" cellspacing="1">
        <td>
          <audio controls src="./music/Yusef Lateef - Love Theme From Spartacus.mp3">
            Your browser does not support the audio element.
          </audio>
        </td>
        <td align="middle" style="font-style:italic"> &nbsp; (Yusef Lateef - Love Theme From Spartacus)</td>
       </tr>
      </table>
<p>
Place this code where you want the audio control &nbsp;
<pre><div class="frame"><font color="#333399">&lt;audio controls src="songname.mp3" type="audio/mpeg"&gt;
Your browser does not support the audio element.
&lt;/audio&gt;

<font color="#888888">// To automatically play the song when the page loads use the <i>autoplay</i> attribute</font><font color="#333399">
&lt;audio controls src="songname.mp3" type="audio/mpeg" autoplay&gt;
</font></div></pre>
</td>
</tr>
</table>

<table>
<tr>
<td>&nbsp; </td>
<td valign="top">
<img src="images/dot.gif" title="o" width="4" height="10" hspace="5"><b>Using cookies</b> <a href="#website"><img src="images/up_arrow.jpg" align="absmiddle" width="15" height="15" hspace="4" border="0"
title="Go to top of section"></a>
</td>
<tr>
</table>

<table>
<tr>
<td width="20">&nbsp; </td>
  <td>
Cookies, small text files that store stateful information, provide a great way to communicate between scripts or different instances of the same
      script, and you can even interact with another language that supports cookies like <a href="js.html#cookies" class="green">JavaScript</a>.
<p>
<pre><div class="frame"><font color=#888888># Read a cookie</font><font color=#333399>
use CGI;
my $q = new CGI;
my $cookie_value = $q->cookie('cookie_name');</font></div></pre>
<p>
<pre><div class="frame"><font color="#888888"># Write a cookie</font><font color="#333399">
use CGI;
my $q = new CGI;
my $cookie = $q->cookie(-name=>'cookie_name',
-value=>'cookie_value',
-expires=>"+1d");
print header(-cookie=>$cookie);</font></div></pre>
<p>
I wrote one multi-screen Perl application that was going to be linked from an unknown webpage, and I wanted to have an <i>
Exit</i> button on the first screen that would return to the referring webpage. The environment variable 'HTTP_REFERER' holds
the URL of the previous webpage, but if you were returning from a screen within the application it would point to that page.
To make sure this button would always exit the application I saved the original <i>referer</i> value in a cookie to be
retrieved on returns to the first screen.
<br><img src="images/clear.gif" height="10"><br>
Here is how I did this.
<pre><div class="frame"><font color=#333399>use CGI;
my $q = new CGI;
my $header_printed = '';</font><font color=#888888>
# Check for existing cookie containing referer URL</font><font color=#333399>
my $exit_link = $q->cookie('application_name');
if (!$exit_link) {</font><font color=#888888>
# If first visit to page create cookie with no expiration date to expire at session end</font><font color=#333399>
$exit_link = $ENV{'HTTP_REFERER'};
my $cookie = $q->cookie(-name=>'application_name', -value=>$exit_link);
print header(-cookie=>$cookie);
$header_printed = 'y';
}
if (!$header_printed) {
print $q->header();
}</font><font color=#888888>
# (this is an abbreviated version of the print method, without escaped quotes)</font><font color=#333399>
print "&lt;a href="$exit_link"&gt;&lt;img src="images/btn_exit.gif" title="Exit" width="120" height="20" border="0"&gt;&lt;/a&gt;";</font></pre>
</div></pre>

<img src="images/clear.gif" height="4"><br>
<li><b>Build a list of all files in a directory</b> <a href="#website"><img src="images/up_arrow.jpg" align="absmiddle" width="15" height="15" hspace="4" border="0" title="Go to top of section"></a>
<br><img src="images/clear.gif" height="4"><br>
In several of my Perl examples above I use this technique to make a list of files in a directory on the server. Once you have this list
there are many things you can do with it, including getting specific information about each file.
<p>
<pre><div class="frame"><font color=#888888># Load an array with the names of the files</font><font color=#333399>
my @dir_contents = '';
my $work_dir = "<i>directory-including-relative-path</i>";
opendir(DIR,$work_dir) || die("Cannot open directory $work_dir!\n");
@dir_contents = sort readdir(DIR);
closedir(DIR);</font><font color=#888888>

# Make a list of the name of each file from the array</font><font color=#333399>
my $files = '';
foreach $filename (@dir_contents) {</font><font color=#888888>
# Replace certain characters with entities for html display</font><font color=#333399>
$display_name =~ s/&amp;/&amp;amp;/g;
$display_name =~ s/\//&amp;frasl;/g;</font><font color=#888888>
# Get the file size</font><font color=#333399>
my @stats = stat($work_dir.'/'.$file);
my $filesize = int($stats[7]/1000).'kb';</font><font color=#888888>
# Add the file name and size to the list to be printed</font><font color=#333399>
$files = &quot;$files$display_name - $filesize&lt;br&gt;&quot;;
}</font></div></pre>

<img src="images/clear.gif" height="4"><br>
<li><b>Validate a URL</b> <a href="#website"><img src="images/up_arrow.jpg" align="absmiddle" width="15" height="15" hspace="4" border="0" title="Go to top of section"></a>
<br><img src="images/clear.gif" height="4"><br>
Here is how to check the accessibility of a file on a remote server.
<p>
<pre><div class="frame"><font color=#888888># Set up the user-agent</font><font color=#333399>
use LWP::UserAgent;
my $ua = LWP::UserAgent->new;
</font><font color=#888888>
# Check the link</font><font color=#333399>
my $link_url = "http://www...";
my $response = $ua->get($link_url);
if $response->is_success { </font><font color=#888888># Link is OK</font><font color=#333399>
...
}
else { </font><font color=#888888># Check specific codes on bad link</font><font color=#333399>
my $rc = substr($server_response,0,3);
if ($rc eq '400') { </font><font color=#888888># Bad Request</font><font color=#333399>
...
}
elseif ($rc eq '401') { </font><font color=#888888># Unauthorized</font><font color=#333399>
...
}
elseif ($rc eq '403') { </font><font color=#888888># Forbidden (<i>love the sound of that</i>)</font><font color=#333399>
...
}
elseif ($rc eq '404') { </font><font color=#888888># Not Found</font><font color=#333399>
...
}
}</font></div></pre>

<img src="images/clear.gif" height="4"><br>
<li><b>Using Backticks ( ` ` ) to execute and capture output</b> <a href="#website"><img src="images/up_arrow.jpg" align="absmiddle" width="15" height="15" hspace="4" border="0" title="Go to top of section"></a>
<br><img src="images/clear.gif" height="4"><br>
I was working on a project where I needed a way to pass information from a called script to the calling script. In this example <i>script1</i>
calls <i>script2</i>, which executes and formats a value to be used in <i>script1</i>. My project was much more elaborate than this but this is
the jist of what I did.
<p>
<pre><div class="frame"><font color=#888888># Script1: use backticks around the perl command to execute it</font><font color=#333399>
my $result = `perl script2.pl $arg1 $arg2`;</font><font color=#888888>
# $result has a value formatted in script2...

# Script2: output a value to STDOUT where script1 can retrieve it</font><font color=#333399>
my $result = (do something to produce this...)
print $result;
exit;
</font></div></pre>

<img src="images/clear.gif" height="4"><br>
<li><b>Closing a browser window</b> <a href="#website"><img src="images/up_arrow.jpg" align="absmiddle" width="15" height="15" hspace="4" border="0" title="Go to top of section"></a>
<br><img src="images/clear.gif" height="4"><br>
I had an application that loaded a list of records on a screen that gave links to another script which ran in a new tabbed
window. After the user was finished using this second interactive script he would click on a submit button and I wanted to return
to the list of records without reloading them (which a re-direct would have done)&mdash;in other words, close the tab. What's on
the screen at this point is the webpage that was just input to the script. I just replace this with a fresh, empty webpage that
closes on load.
<br>Please note&mdash;if you run this on the only webpage on a browser it closes the browser.
<p>
<pre><div class="frame"><font color=#888888># The header has not been printed at this point in the script</font><font color=#333399>
print &quot;Content-type: text/html\r\n\r\n&quot;;
print &quot;&lt;html&gt;&lt;body onLoad='javascript:window.close()'&gt;&lt;/html&gt;&quot;;
exit;
</font></div></pre>

<img src="images/clear.gif" height="4"><br>
<li><b>Break out of an if statement using 'last' logic</b> <a href="#website"><img src="images/up_arrow.jpg" align="absmiddle" width="15" height="15" hspace="4" border="0" title="Go to top of section"></a>
<br><img src="images/clear.gif" height="4"><br>
Sometimes you may have a large if statement and want to exit out in the middle. The 'last' operator only works in loops. You can
create this by putting the if statement in a named loop.
<p>
<pre><div class="frame"><font color=#333399>FOO: {
&nbsp; if (logic test) {
&nbsp; &nbsp; do something here
&nbsp; &nbsp; do something here
&nbsp; &nbsp; if (another test) {</font><font color=#888888> # Want to exit here</font><font color=#333399>
&nbsp; &nbsp; &nbsp; last FOO;
&nbsp; &nbsp; }
&nbsp; &nbsp; do something here
&nbsp; &nbsp; do something here
&nbsp; }
}
</font></div></pre>

<img src="images/clear.gif" height="4"><br>
<li><b>Open a URL in a new window</b> <a href="#website"><img src="images/up_arrow.jpg" align="absmiddle" width="15" height="15" hspace="4" border="0" title="Go to top of section"></a>
<br><img src="images/clear.gif" height="4"><br>
I had an application that needed to open a URL in a new tab but not close the existing window. This works fine in all browsers I
have tried, but for security reasons IE won't let a new window receive focus unless you have &quot;Always switch to new tabs when
they are created&quot; checked.
<p>
<pre><div class="frame"><font color=#888888># Redisplay the current window here, then...</font><font color=#333399>
&nbsp; print &quot;&lt;html&gt;
&nbsp; &lt;head&gt;
&nbsp; &lt;script&gt;
&nbsp; function open_win() {
&nbsp; &nbsp; var new_win = window.open('http://www.somename.com');
&nbsp; &nbsp; new_win.focus();
&nbsp; }
&nbsp; &lt;/script&gt;
&nbsp; &lt;/head&gt;
&nbsp; &lt;body onload='open_win()'&gt;
&nbsp; &lt;/body&gt;
&nbsp; &lt;/html&gt;&quot;;
</font></div></pre>

</td>
<tr>
</table>

<a name="favicon"><a/>
<img src="images/clear.gif" height="15"><br>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp;</td>
<td valign="top"><span title="Favicons"><img src="images/little_p.gif" width="16" height="16" align="absmiddle"></span></td>
<td>
<b>Favicon</b> (Website icon)<br>
A nice distinction for a website to have is its own URL icon. Create a 16x16 .gif file named <font color="#333399"><i><b> favicon.ico</b></i>
</font>, and after someone bookmarks your site in most browsers when they visit your site again they will see this icon in the Address area of
the browser. In the browser toolbars or menus your icon will appear next to the website title, which really makes it stand out (bookmark any
page on <i>this</i> site to see what I mean). Your website icon will also appear on the taskbar or desktop if a link to your site is placed
there. Another way to achieve this is to put a line of code in your &lt;head&gt; section:
<br><img src="images/clear.gif" height="3"><br>
&nbsp; &nbsp; <font color="#333399">&lt;link rel="shortcut icon" href="<i>path-to/anyname</i>.ico"&gt;</font>
<br><img src="images/clear.gif" height="3"><br>
One little quirk about this icon is the way it is stored in the cache. If the user checks the box for <i>Delete all offline content</i> when
deleting temporary Internet files your icon will also be deleted from that PC, and to restore it requires your site to be bookmarked again.
Whenever I discover that a site I want to link on one of my pages has a <i>favicon</i> I try to show it next to the link, giving it the same
distinction for which it was created. For more information see:
<p>
&nbsp; <a href="http://www.favicon.com"><img align="absmiddle" src="images/favicon_icon.gif" title="o" hspace="5" width="15" height="15" border="0">Favicon.com</a> &ndash; Guess what this site's topic is?<br>
&nbsp; <a href="http://en.wikipedia.org/wiki/Favicon"><img align="absmiddle" src="images/wikipedia_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Favicon on Wikipedia</a><br>
&nbsp; <a href= "http://www.thesitewizard.com/archive/favicon.shtml"><img align="absmiddle" src="images/thesitewizard_icon.gif" title="o" hspace="5" width="16" height="16" border="0">What is Favicon.ico?</a> &ndash; personalise your site's bookmark<br>
</td>
</tr>
</table>
<p>
<center><hr width="50%"></center>
<p>
<table>
<tr>
<td>&nbsp;</td>
<td>Here are some links to more information on style. I found them interesting though not necessarily the
gospel. They offer good guidance when developing a web site.
</td>
</tr>
</table>
<p>
<a href="http://www.w3.org/Provider/Style/Overview.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Style Guide for Online Hypertext</a> &ndash; from <a href="http://www.w3.org/People/Berners-Lee/" class="blueulb">Tim Berners-Lee</a>, the father of the web<br>
<a href="http://www.webstyleguide.com/index.html?/contents.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Web Style Guide, 3rd Edition</a><br>
<!--img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://fcit.coedu.usf.edu/workshops/WWWDESG.HTM">Design Guidelines for the World Wide Web</a><br>-->
<a href="http://www.associatedcontent.com/article/274501/the_ten_commandments_of_html_webpage.html?cat=15"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">The Ten Commandments of HTML</a><br>
<!--img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://www.visdesigns.com/design/commandments.html">The Ten Commandments of HTML FAQ</a><br-->
<!--img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://www.tiac.net/users/dmorin/design.html">Common (?) Sense for Web Page Design</a><br-->
<a href="http://www.ology.org/tilt/cgh/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Composing Good HTML</a><br>
<p>
<a name="html_links"></a>
<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<hr>

<span style="font-size:18px;font-weight:bold">Web-authoring links</span>
<img src="images/webAuthor.gif" width="101" height="51" title="Web authoring" align="absmiddle" vspace="5" hspace="15">
<!--img src="images/quill&scroll.gif" width="64" height="54" title="Web authoring" align="absmiddle" vspace="5" hspace="15"-->
<!--img src="images/feather.gif" width="30" height="50" title="feather" align="absmiddle" vspace="5" hspace="15"-->

<table>
<tr>
<td>&nbsp;</td>
<td>
As you can imagine, the Internet is full of information on how to develop a webpage. Books are
great but it's nice to have online, regularly-updated, hyperlinked references.
</td>
</tr>
</table>

<table><tr><td height="25" valign="bottom">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b style="font-size:14px">W3C</b></td></tr></table>
<a href="http://info.cern.ch/hypertext/WWW/TheProject.html"><img align="absmiddle" src="images/cern_icon.gif" title="o" hspace="5" width="16" height="16" border="0">World Wide Web</a> &ndash; this is the world's first website created at <a href="http://info.cern.ch/" class="blueulb">CERN</a> in 1993<br>
<a href="http://www.w3.org/"><img align="absmiddle" src="images/w3_icon.gif" title="o" hspace="5" width="16" height="16" border="0">The World Wide Web Consortium (W3C)</a> &ndash; they develop the protocols for the WWW<br>
<a href="http://www.w3.org/TR/html401/"><img align="absmiddle" src="images/w3_icon.gif" title="o" hspace="5" width="16" height="16" border="0">HTML 4.01 Specification</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" title="o" hspace="5" width="4" height="10"><a href="http://www.w3.org/TR/html401/index/elements.html">Index of Elements</a><br>
<a href="http://validator.w3.org/"><img align="absmiddle" src="images/w3_icon.gif" title="o" hspace="5" width="16" height="16" border="0">HTML Validation Service</a><br>
<a href="http://validator.w3.org/checklink"><img align="absmiddle" src="images/w3_icon.gif" title="o" hspace="5" width="16" height="16" border="0">W3C Link Checker</a><br>
<a href="http://www.w3.org/People/Berners-Lee/"><img align="absmiddle" src="images/w3_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Tim Berners-Lee homepage</a> &ndash; the inventor of the World Wide Web<br>
<a href="https://www.w3schools.com/html/html_entities.asp"><img align="absmiddle" src="images/w3_icon.gif" title="o" hspace="5" width="16" height="16" border="0">HTML Entities</a><br>
<a href="https://www.w3schools.com/tags/ref_urlencode.asp"><img align="absmiddle" src="images/w3_icon.gif" title="o" hspace="5" width="16" height="16" border="0">HTML URL Enwebpage Reference</a></i><br>

<table><tr><td height="25" valign="bottom">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b style="font-size:14px">HTML tag references</b></td></tr></table><span style="line-height: 1.5">
<a href="http://www.xs4all.nl/~dimaroan/htl/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">HTML Tag list</a> &ndash; has a good drop-down menu of tag references at the top<br>
<a href="http://www.codehelp.co.uk/html/deprecated.html"><img align="absmiddle" src="images/codehelp_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Deprecated HTML tags and alternatives</a><br>
<!--img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://msdn.microsoft.com/library/default.asp?url=/workshop/author/html/reference/elements.asp">HTML Elements</a> &ndash; good reference at MSDN<br-->
<!--img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://www.htmlcompendium.org/">A Compendium of HTML Elements</a> &ndash; a great tag reference<br-->

<table><tr><td height="25" valign="bottom">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b style="font-size:14px">Guides, tutorials, FAQs</b></td></tr></table>
<a href="http://www.htmlhelp.org/"><img align="absmiddle" src="images/wdg_icon.gif" title="o" hspace="5" width="16" height="16" border="0">HTML Help by The Web Design Group (WDG)</a> &ndash; one of the best development resources<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" alt="o" hspace=5 width=4 height="1"0><a href="http://www.htmlhelp.org/reference/html40/olist.html">HTML 4.0 Elements</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" alt="o" hspace=5 width=4 height="1"0><a href="http://www.htmlhelp.org/faq/">FAQ Archives</a> &ndash; many web design FAQ's<br>
<a href="http://www.useit.com/"><img align=top src="images/useit_icon.gif" alt="o" hspace="5" width="15" height="15" border="0">useit.com: Jakob Nielsen's Website</a> &ndash; a guru of Web page usability<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/dot.gif" alt="o" hspace=5 width=4 height="1"0><a href="http://www.useit.com/alertbox/9605.html">Top Ten Mistakes in Web Design</a> &ndash; ten most egregious offenses against users<br>
<a href="http://www.hwg.org/"><img align=top src="images/hwg_icon.gif" alt="o" hspace="5" width="15" height="15" border="0">The HTML Writers Guild</a><br>
<a href="http://www.netside.net/boba/webmasters.html"><img align="absmiddle" src="images/netside_icon.gif" title="o" hspace="5" width="16" height="16" border="0">The Web Master's Page</a> &ndash; archived (26-Oct-95) from Bob Allison's legendary site, <i>BOBAWORLD</i> (see <a href="ascii.html#scarecrow">ASCII&nbsp;Art</a>)<br>
<a href="http://www.eborcom.com/webmaker/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">eBORcOM: Web Development Resources</a><br>
<a href="http://dir.yahoo.com/Computers_and_Internet/Data_Formats/HTML/Guides_and_Tutorials/"><img align=top src="images/yahoo_icon.gif" alt="o" hspace=5 width="16" height="16" border="0">Yahoo! - ...HTML/Guides and Tutorials</a> &ndash; quite extensive<br>
<a href="http://www.anybrowser.org/campaign/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Viewable With Any Browser</a> &ndash; pointers on making your site non browser-specific<br>
<a href="http://www.webpagesthatsuck.com/"><img align="absmiddle" src="images/websuck_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Web Pages That Suck</a> &ndash; some bad examples<br>
<a href="http://www.lynda.com/"><img align="absmiddle" src="images/lynda_icon.gif" title="o" hspace="5" width="16" height="16" border="0">lynda.com</a> &ndash; excellent tips here<br>
<a href="http://www.users.nac.net/falken/annoying/main.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">How to make an Annoying Web Page</a><br>

<table><tr><td height="25" valign="bottom">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b style="font-size:14px">Web hosting</b></td></tr></table>
<a href="http://www.ipower.com/"><img align="top" src="images/ipower_icon.gif" title="o" hspace="5" width="16" height="16" border="0">IPOWER</a> &ndash; my site is hosted here, very generous<br>
<a href="http://www.websitehostdirectory.com/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Website Hosting Directory</a><br>

<table><tr><td height="25" valign="bottom">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b style="font-size:14px">Miscellaneous</b></td></tr></table>
<img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://www.javascripter.net/faq/mathsymbols.htm">Special Symbols and Math Symbols in HTML and JavaScript</a><br>
<img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="https://dev.w3.org/html5/html-author/charref">Character Entity Reference Chart</a><br>
<a href="http://www.december.com/html/spec/colorchips.html"><img align="top" src="images/december_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Hex Color Chips</a> &ndash; a great color picker page<br>
<!--img align="top" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://www.vmunix.com/~gabor/html_colors.html">HTML COLORS and the X-Windows names</a> &ndash; shown as background colors<br-->
<a href="http://html-color-codes.info/"><img align="absmiddle" src="images/htmlcolor_icon.gif" title="o" hspace="5" width="16" height="16" border="0">HTML Color Codes</a> &ndash; I like this one because you can tweak the color<br>
<a href="http://www.oreilly.com/catalog/wdnut/excerpt/web_palette.html"><img align="absmiddle" src="images/oreilly_icon.gif" title="o" hspace="5" width="16" height="16" border="0">The O'Reilly Web Palette</a> &ndash; browser safe colors<br>
<a href="http://www.webwitchery.com/articles/format/"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">JPG vs GIF</a><br>
<a href="http://www.webdevelopersjournal.com/"><img align="top" src="images/webdevjournal_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Web Developer's Journal</a><br>
<a href="http://global-positioning.com/favicon/"><img align="top" src="images/gp_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Favicon Tutorial</a> &ndash; give your site it's own <a href="#favicon" class="blueulb">IE5 favorites icon</a><br>
<a href="http://www.initium.demon.co.uk/webcomp.htm"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Web Publishing Related Sites</a> &ndash; from Dr. Paul Steward<br>
<a href="http://www.webreference.com/"><img align="top" src="images/webref_icon.gif" title="o" hspace="5" width="16" height="16" border="0">WebReference.com</a><br>
<a href="http://www.apl.jhu.edu/~hall/WWW/"><img align="top" src="images/jhu_icon.gif" title="o" hspace="5" width="16" height="16" border="0">WWW Programming Resources</a> &ndash; from <a href="http://www.apl.jhu.edu/~hall/" class="blueulb">Marty Hall</a>, author of Core Web Programming<br>
<a href="http://www.thesitewizard.com/"><img align="top" src="images/thesitewiz_icon.gif" title="o" hspace="5" width="16" height="16" border="0">thesitewizard.com</a> &ndash; lots of tips here<br>
<!--img align="top" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://www.netmechanic.com/cobrands/FutureQuest/link_check.htm">NetMechanic</a> &ndash; online link testing, HTML validation<br-->
<!--img align="top" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0"><a href="http://www.elsop.com/linkscan/quickcheck.html">LinkScan/QuickCheck</a> &ndash; free online link testing, HTML validation<br-->
<a href="http://home.snafu.de/tilman/xenulink.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">Xenu's Link Sleuth</a> &ndash; link testing freeware<br>
<a href="http://www.sitemeter.com/"><img align="absmiddle" src="images/sitemeter_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Site Meter</a> &ndash; I use this to track my visitors<br>
<a href="http://www.softwareqatest.com/qatweb1.html"><img align="absmiddle" src="images/wbullet.gif" title="o" hspace="5" width="16" height="16" border="0">SoftwareQATest.com</a> &ndash; Web Site Test Tools and Site Management Tools<br>
<a href="http://spoon.net/browsers/"><img align="absmiddle" src="images/spoon_icon.gif" title="o" hspace="5" width="16" height="16" border="0">Browser Sandbox</a> &ndash; Run any browser from the web<br>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;Find additional related links above under sections for <a href="#browsers">Web browsers</a> and <a href="#links">Internet &amp technology links</a>.

<p>
<a NAME="maintenance"></a>
<hr>
<p>
<span style="font-size:18px;font-weight:bold">Maintenance</span><img src="images/tools.gif" width="54" height="54" title="Maintenance" align="middle" hspace="15">
<font size="1"><br>&nbsp;</font>
<table>
<tr><td>&nbsp;</td>
<td>
After you've built your site, you have the responsibility of keeping the links up-to-date. Periodically,
you need to check all your links or you will find that sometimes they move and sometimes they just cease to exist (you've
probably seen the "404 - File not found" message). I've planned to create a Java applet to test my links, but until I get it
working, I am using <a href="http://home.snafu.de/tilman/xenulink.html">Xenu's Link Sleuth</a>, a downloadable, freeware
program that checks your links, showing errors as it finds them, and produces a report of the results. A nice free online
link-checking service is <a href="http://validator.w3.org/checklink">W3C Link Checker</a>.
</td>
</tr>
</table>

<p>
<a name="books"></a>
<a href="#top"><img src="images/top_of_page.gif" title="Top of page" width="30" height="30" align="right" hspace="5"></a>
<hr>
<span style="font-size:18px;font-weight:bold">Books</span>
<img src="images/bookworld.gif" width="80" height="45" title="Books" align="middle" hspace="15" vspace="10">

<table>
<tr><td>&nbsp;</td>
<td>
Here are several books I found quite helpful. Some may no longer be in print, or there may be newer versions available.
</td>
</tr>
</table>

<p>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; &nbsp;</td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td><a href="http://userwww.sfsu.edu/~swilson/book/booksite2.html"><i><b>World Wide Web Design Guide</b></i></a> &ndash; Stephen Wilson (Hayden books)
<br> - the best design guide I've seen; lots of resource links
</td>
</tr>
</table>
<p>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; &nbsp;</td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td><a href="http://www.intuitive.com/taylor/IDG/coolweb.html"><i><b>Creating Cool Web Pages with HTML</b></i></a> &ndash; Dave Taylor (IDG books)
<br> - fairly short, easy to read, and very helpful
</td>
</tr>
</table>
<p>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; &nbsp;</td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td><a href="http://www.wwiaviation.com/this_old_site/books_html3_3.html"><i><b>"Special Edition" Using HTML</b></i></a> &ndash; Tom Savola (QUE books)
<br> - very thorough; a well organized reference book
</td>
</tr>
</table>
<p>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; &nbsp;</td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td><a href="http://www.amazon.com/exec/obidos/ISBN%3D0789711036/caliberassociateA/103-2714301-4648610"<i><b>HTML 3.2 Visual Quick Reference</b></i></a> &ndash; Dean Scharf (QUE books)
<br> - like the title says, a <i>Visual</i> reference, nice examples and code
</td>
</tr>
</table>
<p>
<table cellpadding="1" cellspacing="1">
<tr>
<td>&nbsp; &nbsp;</td>
<td valign="top"><img src="images/dot.gif" title="o" width="4" height="10" hspace="5"></td>
<td><a href="http://www.amazon.com/Hip-Pocket-Guide-HTML-4-01/dp/0764547194"><i><b>Hip Pocket Guide to HTML</b></i></a> &ndash; Ed Tittel and James Michael Stewart (IDG books)
<br> - small binder format with good tag cross-references
</td>
</tr>
</table>

<p>
<a name="newsgroups"></a>
<hr>
<p>
<span style="font-size:18px;font-weight:bold">Newsgroups</span><img src="images/discussion.gif" align=middle hspace="15" width="37" height="32" title="Newsgroups">

<!-- using table to indent -->
<table>
<tr><td>&nbsp;</td>
<td>I used to have all the web authoring usenet groups listed here but they don't seem to function in browsers anymore, so I am just providing a link to
Google Groups, where they are offered in a web format.
</td>
</tr>
</table>

<img src="images/clear.gif" height="8"><br>
<a href="http://groups.google.com/groups/dir?sel=usenet%3Dcomp.infosystems.www.authoring"><img align="top" src="images/google_groups_icon.gif" title="o" hspace="5" vspace="1" width="16" height="16" border="0">comp.infosystems.www.authorizing</a>

<p>
&nbsp;&nbsp;&nbsp;There are more newsgroups on my <a href="program.html#newsgroups" class="green">Programming</a> page.
<p>

<!-- Insert the footer from an external file -->
<script type="text/javascript" language="JavaScript" type="text/javascript" src="footer.js"></script>

</body>
</html>