Monday, December 17, 2007

WEBSITE DESIGN TIPS: HTML, JAVASCRIPT

WEBSITE DESIGN TIPS: HTML, JAVASCRIPT

CODES, TIPS,TRICKS AND TECHNIQUES - 3

Web Source Web Design Tips

by Shelley Lowery

Customizing Your Input Boxes

The INPUT tag is used to create input fields within a

web page form.

You can specify the size of your INPUT box by changing

the SIZE value. In addition, you can change the amount

of text input by changing the MAXLENGTH value.

When specifying the MAXLENGTH value, make sure you

provide your visitors with enough space to type in the

necessary information.

You can display default text within your INPUT box by

adding the VALUE attribute.

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

Adding Color to Your Input Boxes

The INPUT tag is used to create input fields within a

web page form.

You can change the font, input text color, input text size

and the background color of your INPUT box by using the

STYLE attribute.

Verdana; font-weight: bold; font-size: 12px; background-

color: #72A4D2;" size="10" maxlength="30">

In addition, instead of using the standard form submit

button, you can use an image.

border="0">

When using an image to replace the standard submission

button, make sure you include, "BORDER=0," as the Netscape

browser will show a border.

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 Default Form Option

The OPTION tag is used to create options listed in a

drop down box of a form.

You can select a default option, by adding the word

"selected" within your OPTION tag.

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 Radio or Checkbox Form

The INPUT tag is used to create input fields within a web page form.

You can create a radio or checkbox selection list by

adding attributes to your INPUT tag.

Option 1

Option 2

Option 3

Selection 1

Selection 2

Selection 3

"You can select a default value by adding the word "checked"

within your INPUT tag.

Option 1

Selection 1

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

Changing the Style of Your Bullets

The LIST ITEM tag is used to create bullets to display

your list text.

You can change the style of your bullets by adding

attributes to your

  • tag.

  • List item 1

  • List item 2

  • List item 3

  • To create a bulleted list within a list, your code would

    look something like this:

    • Your text goes here

      • Your text goes here

      • Your text goes here

      • Your text goes here

    • Your text goes here

    • Your text goes 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.

  • No comments: