Word Count Total ~   ___1700___

How article actually appeared in Net4TV Voice
Vox Populi, Vox Dei - Vol 2, Issue 11 (#37) - Aug 15, 1999

ADH-HH Tips & Tools

Ez Organizing With Templates & A Few Nifty Tricks

edited by:ericB

Basic Tip : Surf/Transloading Tip
   ~submitted by: 
Larry  [ email ]~
"Here is a tip for saving and transloading graphics. Ever been surfing and found a graphic you would like to use, but the Transloader is busy? You don't want to save the site in..." a folder already created in "...favorites, and you are afraid you won't find the graphic again! In your favorites make a folder titled A/Transload. This should make it the first folder in favorites. Now when you are viewing a graphic you like, hit "Save." When the Pop-Up comes up hit "save page." Now at your convenience go to the A/Transload folder and transload the graphics to your site."

Basic Tip : Covering Keyboard
   ~submitted by: 
Janet Westberg  [ email ]~
Use saran wrap or plastic wrap to cover your keyboard after cleaning it to keep out more dust and things. Mine got cat hair. It works just great. What happens if you get a hole? Just re-cover with some more saran wrap.

Janet's tip is definitely a very smart & economical one. Not only that, it is also a very good frustration-buster. I'm sure none of us want to have to hit & go back & re-hit keys because hair from our little furry feline or canine friends or dust & other debris has gotten underneath the keys! Even if you were the fastest typist in the world, that would be totally frustrating indeed.

Well, our committee is in the midst of some reorganization. So this may end up being a short article. Speaking of research & organizing..... Net4TV Voice & (hopefully) this article are a great source for research on ways to enhance your web page. Another fount of information can be found in the various newsletters that the free web space providers send out. I use Tripod mostly and recently they had a very interesting tip on easy organizing & reorganizing a web site.

Intermediate Tip : Using Templates

I know we all have looked at our site at one time and thought maybe a chunk of text &/or images would look better in a different location. Or, maybe you have a section or text that appears on each of your pages. Rather than enter all that text & code over & over, try placing the code into it's own file (e.g. musicsection.htm). Then, at the point where you want the section to appear, use

<embed src=URL_source>

If you place the file in the same directory as the page upon which it is to be included, you need only put the filename & extension (.HTML, .HTM, etc.) as the URL source, e.g. <embed src=musicsection.htm>. I like to use the .HTM extension on files that I plan to embed for easier identification. Unfortunately, using this method will allow your sections to appear when viewed with another WebTV terminal, but some browsers used by computers may not be able to view them.

The specific method the Tripod newsletter discussed was a bit different, yet seems to work for WebTV also. They suggested using

<!--#include virtual="musicsection.htm"-->

[ed: This one is a bit picky....there are a few things to remember with this code... besides the obvious order of each part of this code (don't switch the words around).... #1=only two dashes (hyphens) at the beginning & at the end; #2=the placement of the "number (#) sign"; #3=the opening & closing quotation marks ... I know, it looks like a "comment," & don't ask me how or why, but it works!]

The files that will be "included" seem to work best if they are not completely formatted as HTML files. By that I mean (for example) you have a page named "mainpage.html" and you assign "sitemap.htm" to the to-be-included file. Do not include the HTML file formatting codes such as: <HTML>, <head>, <title>, <body>, etc. in the "sitemap.htm" file. Other formatting codes can be placed in the included file. The included file should be the text/codes that you would normally write directly into "mainpage.html" at the point where you want the included section to appear. Except now they are in a separate file & can be positioned easier by just moving the <!--#include--> code to the location desired. Remember to follow standard HTML methods. For example, if your included file is physically located in a different directory and calls for an image by using the "<img src="myimage.gif"...> method, make sure the image is in the current directory where "mainpage.html" resides.

In certain instances this still may not allow the included section to appear to computer users exactly the same way they do on WebTV. There are some things that are WebTV specific. For example: If you were to use the Virtual Include to place your sidebar, the sidebar would appear, but not stationary along the left side of the screen like on WebTV. To my understanding, the sidebar would act like this on a computer anyway. I use it here as an example of some things that are WebTV specific. However, if you were to use virtual include to place a jumpbox or text menu, for example, the jumpbox should be viewable by most computers. [ed: See note below.] This would be a great help in updating your menu on each page since you would only have to update the menu.htm file, then use the virtual include on each page where you want your menu to appear. To include an image, I found you would have to place the formatted <img> statement in a file (by itself) & then "include" that file.

[ed note :] I asked a friend with a computer to check a test page I created using the virtual include tag & she assured me all the items/sections were viewable. If you'd like to take a look at the page, follow this link. There were a few links that did not operate, especially the drop-down menu, but I think they were due to the JavaBug since she also got the JavaScript error alerts. BTW, I've found (when viewing my page using Explorer at least) computer users just have to click "no" to the error alert asking whether they want to continue to run the JavaScript. This will allow the page to continue loading, except the JavaScripts on your page just won't work for them.

Below are some tips from the committee.

Intermediate Tip : Auto-EMailed Visitor Notification

Put this on a page and you will be emailed when someone visits it. put your e-mail addy on it

<img src="http://www.whirlycott.com/freecgi/freelog.cgi?your name@webtv.net" height="1" width="1">

[ ed: For example: We entered this on one of my pages....

<img src="http://www.whirlycott.com/freecgi/freelog.cgi?thew atcher1@eudoramail.com" height="1" width="1">

Below is what I received when someone visited that page..... ]

Check out Whirlycott Interchange CMS 3.0, our new discussion group app that you can add to your homepage.

It's available now for free at
http://www.whirlycott.c om/

Someone hit your homepage:
What page did they look at?:

http://members.tripod.com/~ebrian/highlander /guestbooks.html

Where was the person?
proxy-372.public.rwc.webtv.net. (

What time did they look at my page?
Sunday, August 01, 1999, 12:43:42 (PDT)

What browser were they using?
Mozilla/3.0 WebTV/1.2 (compatible; MSIE 2.0)

Intermediate Tip : Info Button/Folder Image

When visiting a page we'd like to remember & return to, often we save the page URL to one of our favorites folders. There, depending on whether you have the option set or not, it will save it either with a text hyperlink &/or an image. You may have noticed that with some pages the image saved appears to be a miniature snapshot or "thumbnail" of the page. Then again, with some pages you see this very impressive, elaborate, intriguing or maybe a simple image very relative to that page. Ever wonder why those pages have an image & others don't? Ever wonder how they got an image to show for their pages? It's a very "simple" & short bit of coding....

The Info Button Image is called a logo and the attributes (coding) is added to the <body> tag.

<body logo="URLofImage">

With this bit of coding, the image you select for that page will be seen in the WebTV favorites folder if the person has the "save with pic" option activated. This image will also be seen on the pop-up when someone hits the "Info" button. There's another neat little trick that can be done with the "Info" pop-up: two "user-defined" buttons. These buttons are the "instructions" and "credits" buttons. Normally, they are for just what their names imply.... instructions to the visitor & credits. They will take your visitor to the page(s) you designate. Developer.WebTV.net states the following descriptions & tips: "...Defines the URL that will display when the user selects the..." information or credits "...button on the Info panel with a WebTV browser.
Note: The user can display the Info panel by selecting the info button in the Options panel. ...

INSTRUCTIONS...Tip: You can use this page to explain features to users or for any other information you would like users to see. ..." (such as.....a special page that shows your update schedule, maybe even an extended table of contents?)...

CREDITS... Tip: You can use this attribute to give credit to your company, co-workers, and contributors, or for any other information that you would like users to see. ..." (such as.....from where you gathered your info, a bibliography, etc.?)

About Alt.Discuss.Homepage-Homepage Helpers

The alt.discuss.homepage newsgroup is a great source of help if you are just beginning or run into a snag when creating your home page. Each issue, we will focus on one or more tips that will help your home page design. You can visit our home page at http://members.tripod.com/adhhh/ & request more one-on-one assistance. Our Help Teams (which can be directly contacted via our new He lp Desk) include: Tutor Team; Construction Crew [if you have a particularly complex design problem]; & Image Researchers. Also check out the collection of various home page building resources in our Resource Center.

Have a tip, idea, tool, or shortcut you'd like to share & see featured in the next or subsequent article? Submit your tip to our ADH-HH Tips & Tools Committee.