YouthPastor.com - Youth Ministry Resources for the Youth Pastor, Minister, Worker & Volunteer
YouthPastor.com - Youth Ministry Resources for the Youth Pastor, Minister, Worker & Volunteer

YouthPastor2000

Design Tips
By James C. Moberg

Changing Font Faces
Changing a font's styles, size, and face can really enhance a page. Microsoft had a webpage that was boasting all of its features and comparing itself to Netscape. Microsoft claimed that Internet Explorer had the advantage with the ability to display TrueType fonts (TTF) in their webpages. I was able to see the new font faces while I was using Netscape to view their misguided claims of web domination.

Apparently all you have to do is add a FACE tag and provide a couple font choices (just in case the visitor doesn't have the particular TrueType font installed on their system for viewing.) Example:

<FONT FACE="Arial,Helvetica"><B>An Arial TrueType Font<B></FONT>

should look like An Arial TrueType Font

More information on the font tag at Microsoft Typography.


Guestbook
This enables visitors to let you know that they've enjoyed visiting your website without obligating them to take the time, construct an email message and send it to you. This <FORM> sends email to you with a pre-specified SUBJECT. This way you can filter the guestbook mailings into a separate mailbox. (Use this to take a survey or add/remove visitors from a mailing list.) Example:

<FORM METHOD="POST" ACTION="mailto:2000@youthpastor.com">
<INPUT TYPE="HIDDEN" NAME="SUBJECT" VALUE="YouthPastor2000 Guestbook">
<INPUT TYPE="SUBMIT" VALUE="Please, push on this to let me know you came here">
</FORM>


Background Music
This is the easiest way to add background music to your webpage. It should work both with both Netscape 3.0+ and Internet Explorer 3.0+. Example:

<EMBED SRC="music.mid" HIDDEN=TRUE>
or <EMBED SRC="speech.wav" HIDDEN=TRUE>

Would you like to have your music randomly selected from a list? Click Here.

Here's more information on Netscape's LiveAudio.

Note: Take heed. A lot of people on the web browse during work hours. If they visit your webpage and it has music, they may hit the BACK button immediately to avoid causing a disturbance. You may want to give them the option of hearing the music.


Image Tags
Add width and height tags to your image tags. The WIDTH and HEIGHT attributes were added to <IMG ...> mainly to speed up display of the document. If the author specifies these, the viewer of their document will not have to wait for the images to be loaded before viewing the page. Netscape is the only browser that will scale the whole image if either the WIDTH or HEIGHT attributes are specified, maintaining the aspect ratio. If both are specified then the image is specified accordingly. Your tag should look something like this:

<IMG SRC="graphic.gif" WIDTH=365 HEIGHT=94 BORDER=0 ALT="Graphic">

BORDER=0 Controls the thickness of the border around an image displayed..

ALT="any text you want" Optional text as an alternative to the graphic for rendering in non-graphical environments. This also displays the text as a tooltip for Internet Explorer users.

NOTE: If you can't live without the hit counter, then at least put WIDTH and HEIGHT fields on the IMG tag so that users don't have to wait for the text below the counter.


Search Index
Make sure that you have included key search words on your page. Pages that are entirely graphical will not get indexed properly unless there is some searchable text available.

Add META tags to your page with a description you get to choose (instead of the first 15 words) and key words (to-be-indexed). Example:

<META NAME="description" CONTENT="YouthPastor2000: HTML Tips">
<META NAME="keywords" CONTENT="html tips, youthpastor2000">

Use Submit-It! to index your website with 15 different search engines.


Recommended Software Applications
Paint Shop Pro 4.12Paint Shop Pro 4.1
Paint Shop Pro is one of the easiest and most powerful image viewing, editing and converting programs you may ever use. With support for over 30 image formats, and several drawing and painting tools, this may be the only graphics program you will ever need!

HomeSite 2.5aHomeSite 2.5a
HomeSite is the most flexible HTML editor I've used. Directory and file window, drag-n-drop capability, automatic width and height tags, templates, extended search and replace, custom toolbars, multiple undo, color maps, spell checker, built-in browser, and more!

CuteFTPCuteFTP
CuteFTP is a Windows-based Internet application that allows novice users to utilize the capabilities of FTP without having to know all the details of the protocol itself. It simplifies FTP by offering a user-friendly, graphical interface instead of cumbersome command-line utility.

James is an internet developer in the Twin Cities area and enjoys creating interactive websites using Cold Fusion, RealAudio, RealVideo, Databases, and Java.

Other useful HTML Sites:

Please notify me of any broken links and I'll immediately and gladly correct them. Email your questions, ideas, review requests and comments to .




Copyright 2013, YouthPastor.com. All Rights Reserved
http://www.youthpastor.com/2000/index.cfm/A/2Khtml1.htm
Reproduction allowed for personal use only. More info at:
http://www.youthpastor.com/about/index.cfm/fuseaction/legal.htm

 

 
Copyright © 1997-2013 YouthPastor.com.  All rights reserved.
Contact Us
Return to TOP
Professional Web Site Design by SunStar Media.

Resources

Home Page Resource Directory White Pages Lessons Games Recommended Reading Youth Group Names Job Center Questions Interact News Facebook » YP2000 Music Topical Index Free Trial Website Youth Ministry About YP

Services

Ministry Funding Advertising Contact Us

Login

Email:
Password:
Join for FREE