Grant Communications LLC Web Site Design. Web design consulting is core to our clients' success.
Web Site Design & Development • Internet Marketing • Business Web Hosting
603-715-5445 for solutions to help your internet marketing and web site design.
  • Web Site Design
  • Web Development
  • SEO - SEM - SEP

 

Web Tips

The following web tips, presented in no particular order, cover a wide range of functions. Some of the tips refer to HTML specifications while others are specifically for Javascript implementation. Be sure to use the appropriate tip in the appropriate way to achieve the desired result.

All annotations will be shown using this color. Do not include the annotations in the web code.


Favorite Icon
Setting a favorite icon in the browser tab
Use a 16 x 16 windows compatible icon and make sure the file exists at the listed URL.

Caching and Refresh
Include metatags in section of the page.
No Cached Page
 
Refresh Tag
 
This header tag means jump to "http://www.gotopage.com" after 20 second delay. Note the nonstandard quotation syntax which groups the delay and the URL together separated by a semi-colon.

Email Link Tips
Mailto links with subject and message
 When the link is clicked, a message saying "Howsit goin?" is emailed to cooldude@mypage.com with the subject "Hey there". The default local email program is used for this task.

Frames
Open page and remove frame
Open page and remove frame

Standard hyperlink syntax is used.

Make sure page is not shown in a frame





Windows
Open new window and show page
Open new window and display the pagePopup window
   window.open('http://mysite.com/page.html','popup','toolbar=no,location=no,
  directories=no,status=no,menubar=no,resizable=yes,copyhistory=no,
  scrollbars=yes,width=400,height=300');

Javascript Tips

Javascript Comments

 

Either or both styles are acceptable.

Javascript Arrays

var arrayname=new Array(10);

Creates an array of 10 elements all named "arrayname". Case is important.

Javascript Text Rollover Color Change and Click-Jump






onMouseOut="Javascript:changeout(this);" onClick="Javascript:go('http://www.ulm.edu');">This is the rollover wording
Changes "This is the rollover wording" text color to red whenever mouse moves over the text. When the mouse leaves the text, color changes back to black. If user clicks on text, the browser jumps to "http://www.ulm.edu"


Change Mouse Pointer Appearance



onMouseOut="Javascript:resetcursor();">
Crosshair cursor should be shown here

Change the appearance of the Mouse pointer to reflect a change in context or to generate particular special effects. In the example above, the cursor changes to crosshairs whenever the mouse rests on the text. Moving the mouse off of the text restores the cursor to the default appearance. Various cursor styles are listed below:
  • auto
  • crosshair
  • default
  • e-resize, w-resize, n-resize, s-resize, ne-resize, nw-resize, se-resize, sw-resize
  • help
  • move
  • pointer/hand
  • text
  • wait
External Javascript Inclusion

Includes the Javascript found in file "../../../news/articles/javascript_library/externalscript.js" at the location of the tag.

 

Web Site Design

 

     

 

 

Contact Us Today!