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)

Create a Mouseover Alert Box

Display Last Modified Date within a Web Page

Print Web Page Button

Cascading Style Sheets – CSS

• Use CSS to Customize Links

• Specify Web Page Fonts

• Color Form Scroll Bar

• Change Form Background Color

• Highlight Web Page Links on Mouse Over

Highlight an Image on Mouseover

• Non-Tiling Web Page Background Image

• Web Page Drop Capital

Web Page Windows

• Website Browser Compatibility

• Open a Web Page Link in a New Window

• Open A New Window on Page Unload

HTML Forms

• Create a Radio or Checkbox HTML Form

• Format Web Page Form

• Image Web Page Form Submit Button

• 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

• Customize HTML List Item Bullets

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

Web Page Tips

• Set HTML Web Page Margins

• Add Audio (Sound) to a Web Page

• Create Audio (Sound) Files for a Web Page

• Decrease or Speed up Web Page Load Time

• Use JavaScript to Navigate a Website

• Preload Images within a Web Page

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

Web Page Meta Tags

• Prevent Web Page Browser Cache

• Redirect Visitors to a New Web Page

• Prevent Search Engines From Indexing a Web Page

• Use META Tags for Web Page Transitions

Miscellaneous Tips

• View 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.