WEBSITE DESIGN TIPS: HTML, JAVASCRIPT

WEBSITE DESIGN TIPS: HTML, JAVASCRIPT

CODES, TIPS,TRICKS AND TECHNIQUES - 9

Web Source Web Design Tips

by Shelley Lowery

Highlighting Free for All Links

You can use the code below to highlight your link in some

free for all sites. This code will not work on all free

for all sites, but if you scroll down the page and see some

links already highlighted, you'll know it works. Instead of

typing in your web address, place the code below, with your

web address, into the free for all form.

http://www.yourdomain.com/" STYLE="background:yellow;

color:black

You can change the colors to whatever you'd like, but keep

in mind, the text must be visible on the background color.

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Open A New Window With A Button or Link

Button:

('yourfile.htm')">

Link:

openwindowlink()">Open Window

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Close A window With A Button or Link

Button:

onclick="window.close()">

Link:

Close Window

Place either code where you would like the button or link

to appear.

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Open A Window on Page Load

The code below will open a new window when a web page loads.

This window may be customized to any size you'd like. Place

this code under the tag within your HTML.

This window will have scrollbars and will be resizable.

The height and width are set to 320, but may be changed to

whatever you'd like. If you'd rather not have the scrollbars,

you can remove the words "scrollbars and resizable."

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Reload A Window With A Button or Link

Button:

onclick="window.location.reload()">

Link:

Reload Window

Place either code where you would like the button or link to appear.

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

This Report may be Distributed in any way and even resold, as long

as all information, including bylines above and physical URL's are left

intact and article remains unchanged.

WEBSITE DESIGN TIPS: HTML, JAVASCRIPT

WEBSITE DESIGN TIPS: HTML, JAVASCRIPT

CODES, TIPS,TRICKS AND TECHNIQUES - 8

Web Source Web Design Tips

by Shelley Lowery

Setting Web Page Margins (MSIE)

You can remove the top, bottom and side page margins

on a web page by adding the following code within

your tag.

rightmargin=0>

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Creating A Mouseover Text Description

You can create a mouseover text description, similar to

an image alt tag, that will be viewed when the mouse is

placed over your text. Place title="your text description"

within your HTML link code.

description">

In addition, you can display your description text in a

list by adding these characters .

Resources:

Counters

Guestbooks

Autoresponders

and more...#10;

This description would be displayed like this:

Webmaster Resources:

Counters

Guestbooks

Autoresponders

and more...

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Auto Fill Email Subject

You can create an email link that will automatically

fill in the subject line when clicked on. Add the

following code to your HTML.

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Creating A Status Bar Link Description

You can display a description in the status bar for

all of your links. When the mouse is placed over a

link, the link description will be viewed in the

status bar.

status='Your text description'; return true" onmouseout=

"window.status='';return true">Your linked text

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Displaying Text with an Image

To display your text wrapping around an image, place

the following code within your tag followed by

your text.

Image Displayed on Left:

Your Text

Image Displayed on Right:

Your

Text

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

This Report may be Distributed in any way and even resold, as long

as all information, including bylines above and physical URL's are left

intact and article remains unchanged.

WEBSITE DESIGN TIPS: HTML, JAVASCRIPT

WEBSITE DESIGN TIPS: HTML, JAVASCRIPT

CODES, TIPS,TRICKS AND TECHNIQUES - 7

Web Source Web Design Tips

by Shelley Lowery

Replacing Your Standard Bullets With Graphic Bullets

You can use graphic bullets to replace the standard

text bullets by using the "Definition List" tag.

List Item one

List Item two

List Item three

List Item four

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Creating A Placeholder for an Empty Table Cell

Without using a placeholder within your blank table cells,

your empty table cell borders will not display.

By simply adding the character code within your HTML,

your table cell will be visible.

Your Text		Your Text
	Your Text

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Customizing Link Styles

Removing A Link Underline:

You can remove the underline of an individual link by

adding the STYLE tag to your link HTML.

DECORATION: NONE">Your Link

Changing Link Colors:

You can change the color of an individual link by adding

a font tag in front of your linked text.

COLOR="#FF0000">

Your Link

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Linking To A Specific Location in A Web Page

You can create a link within the same page by adding "

the following codes.

STEP 1

Select the area you want the link to take you to when

clicked on and place this code with any name you'd like.

This will create an anchor for your link.

Anyname

STEP 2

Create your link and make sure you use the same name

as you used in your anchor:

Click Here

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

This Report may be Distributed in any way and even resold, as long

as all information, including bylines above and physical URL's are left

intact and article remains unchanged.

WEBSITE DESIGN TIPS: HTML, JAVASCRIPT

WEBSITE DESIGN TIPS: HTML, JAVASCRIPT

CODES, TIPS,TRICKS AND TECHNIQUES - 6

Web Source Web Design Tips

by Shelley Lowery

Open a Web Page in a New Window

When you link to outside web pages, you may not want to

completely lose your visitor. By creating a link to other

web sites that opens in a new window, your web page will

remain open as well.

To open a web page in a new window, add the following

code to your link.

Your

Link

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Using An Image To Create A Line

You can use an image to create a vertical or horizontal

line in a web page.

Create a 2 pixel by 2 pixel image in the color of your

choice. This single image can be used to create a vertical

or horizontal line on your web page simply by changing the

HEIGHT and WIDTH attributes.

Examples:

BORDER="0">

BORDER="0">

BORDER="0">

BORDER="0">

When creating a vertical line, you'll need to set up a

table to display your text on each size of the line.

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Adding An Image Background To Your Tables

You can add an image background to your table cells by

adding BACKGROUND="yourimage.gif" to your tag.

WIDTH="50%">

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

Using Style Tags For Mouseover Link Effects

You can create special mouseover link effects by placing

the following code between the and tags

within your HTML code.

In this example, the active text link is underlined with

the color set to #0000FF. When the mouse is placed over

the link, the text color will change to #FF0000 and the

underline disappears.

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips

by Shelley Lowery

How To Make Your Background Image Stationary

Stationary background images remain in one place even

when scrolling through the page. Only the text will

move. To create this effect, place the code below

within your tag.

When selecting your background image, keep in mind that

your text will be moving over your image, so try to select

an image that won't make your text difficult to read.

Tip provided by: Web Source: Your Guide to Professional

Web Design and Development. http://www.web-source.net

This Report may be Distributed in any way and even resold, as long

as all information, including bylines above and physical URL's are left

intact and article remains unchanged.