animatedweb.gif (5702 bytes)

Basic Elements of Design

 

Seven Elements to Web Design

 

 

 

Colors & Background Images

 

redball.gif (206 bytes) Color can ruin some web sites. You want to be sure to use color but don't over do it.

 

redball.gif (206 bytes) Background images and patterns are nice but often make the text hard to read.

 

redball.gif (206 bytes) Be sure that any background image compliments your text and graphics.

 

redball.gif (206 bytes) Consider the download time.

 

BACK TO TOP

 

 

Text Attributes

redball.gif (206 bytes)

Just because you have 20 fonts doesn't mean you have to use all 20.

 

redball.gif (206 bytes) Format the text to that it can be seen by people without their bifocals.
  • Space your text for readability.
  • Separate parts of your Web page (head, body, tail)
    • Use rule lines or colored/textured line graphics.
redball.gif (206 bytes)

Resist the urge to overuse any type of emphasis (Boldface, italics, Special Formatting) or else you ultimately lose the effect.

 

redball.gif (206 bytes) Do not discredit your content; Use Spell Check & Proofread.

 

redball.gif (206 bytes) Always have someone else read the pages and check for errors.

 

BACK TO TOP

 

 

Images

 

redball.gif (206 bytes)

Do not overuse graphic elements, images, and animations.

  • Remember the average Internet surfer is using a 14.4 bps modem.
redball.gif (206 bytes)

Use images only when necessary to support content.

 

redball.gif (206 bytes) If you use pictures, keep images small in size.

 

BACK TO TOP

 

 

KISS 
KEEP IT SWEET AND SIMPLE

All emphasis is no emphasis.

    Do not overshadow the content by the flash of your page.

 

BACK TO TOP

 

CONTENT

redball.gif (206 bytes)

What type of information or content do you want to put on the Web? What are the goals for your presentation?

  • Sharing information about your classroom.
  • Providing access to other resources.
  • Online Activity for your students

 

redball.gif (206 bytes) Brainstorm and list a few of your ideas

BACK TO TOP

 

ORGANIZATION

redball.gif (206 bytes)

Show users what's on your pages in as concise a manner as possible.

 

redball.gif (206 bytes) Put the important stuff first. Web pages should grab the reader's attention with important content (and a bit of flash on the side).
redball.gif (206 bytes) Use bullets or tables for lists whenever you can. If you choose to use lots of links on your Web pages, be sure to organize them by topic or category for easy reference.

 

redball.gif (206 bytes) Organize your content into main topics.

 

redball.gif (206 bytes) Try to keep the topic and content of each page focused, and make each page one complete thought or idea. 

 

redball.gif (206 bytes) Pages should be modular and be able to stand alone.

 

redball.gif (206 bytes) How will readers get from one page to another?

 

BACK TO TOP

 

Charting the Flow
Join Structure and Content

 

redball.gif (206 bytes)

Create a storyboard - a sketch that shows the appearance of your web pages.

 

redball.gif (206 bytes)

Create your outline by featuring major headings and sub headings and indicating whether pictures or other resources are present.

 

redball.gif (206 bytes)

Share your storyboard with others to solicit input regarding its structure and organization.

 

redball.gif (206 bytes)

Use a flowchart or graphical organizer

 

BACK TO TOP

 

 


Teacher Resources

KidSafe Search Engines

Webrings

Nassau BOCES

Primary Sources


Back to Contents Page
Main Menu

Updated: 04/04/00
Send Email to:
Send Email to nbrickle@nasboces.org
Thank you for visiting!