| OUR MISSION |
| This Special Interest Group of the BUG Club, discusses a variety of Internet issues, such as Internet Service Providers, web page design, search engines, Internet protocols, and e-commerce, at the intermediate level. We welcome beginners at an educational question and answer period before each session and are always open to new topics. |
| What is HTML? Hyper Text Markup Language |
| Basic Web Page Format |
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> < TITLE> (60 character title for page) </TITLE> < META NAME="Author" CONTENT=" your name"> < META NAME="Description" CONTENT=" (150 character Description of this page.) "> < META NAME="Keywords" CONTENT=" (874 characters, lowercase text, seperated by commas.)"> < META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> < META NAME="Robots" CONTENT="index,follow"> < META NAME="Copyright" CONTENT=" (creation date) "> < META NAME="Content-language" CONTENT="EN"> < BASE HREF="http://www.yourdomain.com/page.html"> < /HEAD> <BODY BACKGROUND="image.gif" BGCOLOR="#000000" TEXT="#FFFF00" LINK="#FFA500" aLINK="#00FF00" vLINK="#66FFFF"> <CENTER> <H2> (60 character title for page) </H2> <IMG SRC="image.gif" BORDER=0 WIDTH=100 HEIGHT=200 ALT=" Brevard Users Group "> <BR> <!-- Anything goes in here! --> <A HREF="http://www.yourdomain.com/Next.html">Next Page</A> <BR> <FONT SIZE=2 COLOR="#FF0000"<Copyright © (creation date, YourName) </FONT> <H2> (60 character title for page) </H2> </CENTER> </BODY> </HTML> |
| Feel free to copy and paste the above HTML code, into a text editor and modify it to suite your needs. The < META> tags should be left intact, just add the text characters accordingly. Use a standard FTP (File Transfer Protocol) program in ASCII text mode to upload your pages to the internet server, and use BINARY mode to transfer any images, ZIP, or PDF files. |
| What does my main page need to be called? | |
| You can use any of the following (listed in order of priority): | |
|
| Need HEX Color Codes? |
|
"#RR
GG
BB" CLICK HERE! |
| FONTS | ||
| The interesting thing about fonts is that your computer will only display the fonts the are loaded on it. In other words, if your computer doesn't have the Arial font loaded on it, you will see another font then the one selected in the web page. The font you see will either be the default font, or the default font selected in your browser. The viewers setting, both on the browser and the computers settings alone, can over-ride the font and/or size selected by the Web Page creator. This is a good thing. The ability to over-ride the font and size can make Web Pages easier to read for the vision impaired. | ||
| Common Browser Fonts | ||
|
|
|
| Available Font Sizes | ||
|
Default Text <FONT SIZE=1> <FONT SIZE=2> <FONT SIZE=3> <FONT SIZE=4> <FONT SIZE=5> <FONT SIZE=6> <FONT SIZE=7> |
Default Text This is <H6>This is <H5>This is <H4>This is <H3>This is <H2>This is <H1> | |
| Web Page Inspection Stuff | |
| SpiderView | Keyword Density Analyzer By: Northern Webs. Fetches a page just like a browser, then displays the contents and key words for you to evaluate. |
| META Analyzer | Checks the syntax of META Tags, warns if they are oversize or duplicated. Checks for over used words (Spam Detection). |
| META Medic | Checks only your meta description and meta keywords tag, returns space utilization, highest repeated keyword count, keyword relevancy to page content. |
| Keyword Counter | Reads your page, returns the total word count and lists them in order of frequency. Great for making Meta Keyword tags! |
| Dr. Watson, v4.0 | An interesting means of detecting syntax errors in HTML and spelling errors. |
| W3C | W3C HTML Validation Service; a free service that checks documents like HTML and XHTML for conformance to W3C Recommendations and other standards. |
| W3C | Link Checker, reads and follows every link on a page, then displays a list of redirected, dead or unsuccessfull links. |
| NetMechanic | Browser Compatibility test, displays a chart incompatible HTML codes used within your page, and the browsers which do not support them. |
| NetMechanic | Load Time Check, checks how long it takes to download a page then displays a chart for the various connection types. |
| HTML Reference Materials | |
| Encyclopedia | Merchant's Encyclopedia of HTML tags, with live examples, screen shots, and online tools. |
| HTML Help | An alphabetical list of all elements in HTML 4.0. |
| Characters | Special HTML ISO Standard ISO8859-1 Latin-1 Characters Codes |
| Colors | HTML Colors with Red, Green, Blue numerical values "#RRGGBB" |
| HTML Clinic | Features step-by-step, easy to understand HTML tutorials, with lots of examples you can follow and learn from. Our tutorials are color-coded so making sense of each topic is painless and fun! |
| Books used by the Web Page SIG for creating web pages. | |
|
attributes, and also covers XHTML, new style sheet specifications, accessibility, standard and non-standard tags. |