Free Web Site - Free Web Space and Site Hosting - Web Hosting - Internet Store and Ecommerce Solution Provider - High Speed Internet

Internet Opportunities

Webmaster Tips, Tools & Tricks

If you have your own web site, you'll find to build your own web site. It's a great way to showcase all the paid programs you belong to, or get other people interested in a hobby you have, or start an online business. The World Wide Web is a storehouse of information and tools to help you build a website; I couldn't possibly list all the sites here, but you'll find this is a good sampling of the essentials to help you build your first web page and get it up and running on the Internet.

I've arranged the information by category to make it easier to find what you want. Click on a banner or link below to go the site and get the tools you need to build your own web site.

HTML TUTORS & AUTHORING PROGRAMS SITES

Agile HTML Editor

Arachnophilia

The Bare Bones Guide To HTML

CoffeeCup HTML Editor++ Pro

CoffeeCup HTML Express

CSE HTML Validator Lite v2.01

DHTML, HTML & CSS

Dreamweaver

Getting Started With HTML

HomeSite

Hot Dog PageWiz

Hot Dog Professional

HTML An Interactive Tutorial For Beginners

HTML Cheatsheet

HTML Goodies

HTML-Kit

HTML Quick Reference

HTML With Style

How To Write HTML Files

Introduction To HTML And URLs

NCSA (A Beginner's Guide To HTML)

Web Spawner

WebCom Resources

GRAPHICS, BACKGROUNDS, BUTTONS, ICONS, & BANNERS

Absolute Web Graphics Archive

All Free Original Clipart

Angel's Web Graphics

Bells N Whistles

Beseen

Boogie Jack

Busy Bee Web Graphics Clearing House

Four Bees Free Web Graphics

Free Graphics

Free Graphic Land

Web Graphics Resources

Web World Internet Directory

GUESTBOOKS, COUNTERS, & USEFUL TOOLS

Check out the Top Rated Site for Webmaster Tools!

321 Free

TenZero

Coolrandom

Site Wizard

Ultra Freebies

WEB HOSTS

100 Best Free Web Space Providers

123 Free Page

50 Megs

Bizland

Click Here Free

Free Web Hosting

Free Web Page Site

FW Preview

Geocities

Homestead

Terrashare

Tripod

Yahoo Directory of Web Hosts

CODE SNIPPETS

Greeting

Mouseover

Now, on to the rollover (mouseover) text effect. What we are going to do is create a change in the text appearance for mouseover links, using the following style sheet. Just include this in the <head> section of your page and play with the variables for your desired effects. <style> A:hover { font-family: verdana,arial,sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF; text-decoration: bold; background-color: #0083C1 } A { font-family: verdana,arial,sans-serif; font-size:12pt; font-weight:bold; color: #003366; text-decoration: none } </style> Now, try coding a link (A HREF) and see what happens. <a href="http://www.bravenet.com/">Bravenet.com</A> Play with the variables until you like what you see! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Sponsored by HomeSite from Allaire Discover why CNet says, "With the release of HomeSite 4.5, Allaire continues its domination of the HTML editor market." Download your FREE evaluation copy of HomeSite 4.5 today at http://ads.allaire.com/allaire/brave4.html ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Table Mouseover

Here is a way to make entire table cells change on mouseover and mouseout. First, let's create some global definitions for our tables, so here is a style sheet that defines the text color and background color for each cell. <style> td { font-family: verdana,arial,sans-serif; font-size:12pt; font-weight:bold; background-color: C9C9C9; } </style> Now, within the table itself, we can define the mouse activity like this: <table bgcolor="#cc0000" cellpadding="1" cellspacing="1" border="0"> <tr> <td width="100" onmouseover="this.style.backgroundColor='#FFFF00';" onmouseout="this.style.backgroundColor='#C9C9C9'"> <a href="http://www.bravenet.com"><font color="#000000">Bravenet.com</font></a> </td> </tr> <tr>

Top Of Page

Often, when creating a long page with named anchors, you want to provide your viewers with a quick way to get back to the top of the page. To do that, you will again use a named anchor tag. Name the place at the top of your page (where you want your "return to top" hyperlinks to jump to) "TOP", by adding this tag, exactly as shown, anywhere near the top of the page: <a name="top"></a> Next, add this tag to every spot on the page where you want a "return to top" hyperlink: <a href="#top">Return to Top</a> This will create a text link, like this: Return to Top As an alternate, you can also use an image. Source code: <a href="#top"><img src="totop.gif" border=0></a> Replace totop.gif with the name of your image.

Cascading Style Sheets

CSS or Cascading Style Sheets allow you to implement a few neat effects on your webpages easily. You can implement these CSS effects on your site by simply copying and pasting the code. ROLLOVER COLOR TEXT LINKS --------------------------------------------------- Have your text links change color when the mouse passes over them by inserting this code into the HEAD of your document: <style type="text/css">  </style> LINKS WITH NO UNDERLINE --------------------------------------------- Remove the underline from any or all of the links on your page by putting this in the HEAD of your document: <style type="text/css">  </style> Or, remove the underline from individual links by forming them like this: <a href="page.html" style="text-decoration: none">link</a> LINKS WITH A LINE ABOVE AND BELOW THEM --------------------------------------------------------------------------- This is an interesting look that works especially well as a hover attribute for your links, but can also be applied to all of your links. It will show the normal underline and a line above the link: <style type="text/css">  </style> HIGHLIGHTED TEXT -------------------------------- Highlight important text on your page or words you want to stand out, easily: <span style="background-color:yellow">highlighted text</span> Try adding it to your link hover for a neat effect: <style type="text/css">  </style> BACKGROUND IMAGE THAT ISN'T TILED ----------------------------------------------------------------- This will create a background image that doesn't repeat: <style type="text/css">  </style> You can also center it, however it will be centered as the background of the entire document, not centered on the screenful: <style type="text/css">  </style>

Internet Opportunities

Site Navigation