Web Design Tips


Web Design Tips

The following web design tips will provide you with information, pointers and special effect codes to assist you in spicing up your website.

Although learning HTML and some basic website design techniques is very important, if you want to add special effects to your web pages, you will need to learn some additional coding techniques, such as using CSS and JavaScript.

The following web design tips provide a wealth of information to assist you in many aspects of website design. You will find web design tips and advice, HTML tips and codes, CSS codes and JavaScript codes to assist you in creating special effects within your web pages.

Use these web design tips and codes cautiously and make sure you don’t use too many special effects, as you don’t want to offend your visitors. The key to creating a successful website is to only use effects that will enhance your visitors experience on your website.

When you’re ready to begin, click on the links below to find the web design tips you’re looking for. Once you locate the codes you’d like, copy and paste it into the HTML portion of your web page where indicated within the instructions on each web page.


Notice: This page is coming soon and isn’t complete. Please bear with us as we update our site to a new design. In the meantime, you’re welcome to visit our old page.

Tips, Tricks and Codes


Web Page Text

Alternative Fonts

HTML Heading Tags

Highlight Web Page Text

Wrap Text Around an Image

Indenting Text within a Web Page

Vertically Align Text

HTML Links

Creating a Status Bar Link Description

Creating HTML Links Within the Same Web Page

Remove HTML Link Underline

Change Hyperlink Color

Highlight Hyperlinks

Protect Email Address on Website

HTML Special Effects

HTML Web Page Back Button (Back and Forward History)

• Creating a Mouseover Alert Box

• Displaying the Last Modified Date within a Web Page

• Display an Alert Message on Web Page Load

• Creating a Print Web Page Button

Cascading Style Sheets – CSS

• Using CSS to Customize Links

• Specify Web Page Fonts

• Customize Your HTML Web Page Form Scroll Bar Colors

• Customize Your HTML Web Page Form Background Color

• Highlight Web Page Links on Mouse Over

Highlight an Image on Mouseover

• Display a Non-Tiling Background Image within a Web Page

• Create a Drop Capital Effect within a Web Page

Web Page Windows

• Website Browser Compatibility

• Open a Web Page Link in a New Window

• Open A New Window on Page Unload

HTML Forms

• Creating a Radio or Checkbox HTML Form

• Formatting an HTML Web Page Form

• Using an Image as a Submit Button within an HTML Web Page

• Disappearing HTML Web Page Form Input Box Text

• Flashing Cursor within an HTML Form Input Box on Web Page Load

• Tabbing Through HTML Web Page Form Input Boxes

HTML Lists

• Customizing HTML List Item Bullets

• Creating Custom Non-Indented HTML Web Page List Item Bullets

Web Page Tips

• Setting HTML Web Page Margins

• Adding Audio (Sound) to a Web Page

• Creating Audio (Sound) Files for a Web Page

• Decrease or Speed up Web Page Load Time

• Using JavaScript to Navigate a Website

• Preloading Images within a Web Page

• Creating a Favicon (Favorite Icon) for a Web Page

Web Page Meta Tags

• Preventing Web Page Browser Cache

• Redirect Visitors to a New Web Page

• Preventing Search Engines From Indexing a Web Page

• Using META Tags for Web Page Transitions

Miscellaneous Tips

• Viewing File Extensions in Windows 2000, XP, Vista and 7


This concludes the Web Design Tips section. For additional tips and codes, visit the HTML Tags section.