spider5.gif (4327 bytes)

WebRings

spider5.wmf (3582 bytes)

Nassau BOCES
Homepage

 

spider5.wmf (3582 bytes)

Web
Authoring Homepage

 

 

animatedweb.gif (5702 bytes)

The Basic Elements of Design


Seven Elements to Web Design

  1. Content
  2. Organization/Layout
  3. Text Attributes
  4. Backgrounds & Colors
  5. Images & Animations
  6. KISS
  7. Charting the Flow

 


CONTENT
Things to think about before creating your own Web Presentation:

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

Brainstorm and list a few of your ideas

BACK TO TOP

 


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

Put the important stuff first. Web pages should grab the reader's attention with important content (and a bit of flash on the side).
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.

Organize your content into main topics.

Try to keep the topic and content of each page focused, and make each page one complete thought or idea. Pages should be modular and be able to stand alone.
How will readers get from one page to another?

BACK TO TOP

 


Colors & Background Images

 

Color can ruin some web sites. You want to be sure to use color but don't over do it.

Background images and patterns are nice but often make the text hard to read.

Be sure that any background image compliments your text and graphics.
Consider the download time.

BACK TO TOP

 


Text Attributes

 

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

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.

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

Do not discredit your content; Use Spell Check & Proofread.

Always have someone else read the pages and check for errors.

BACK TO TOP

 


Images

 

Do not overuse graphic elements, images, and animations.

  • Remember the average Internet surfer is using a 14.4 bps modem.

Use images only when necessary to support content.

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

 


-Charting the Flow-
Join Structure and Content

 

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

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

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

Use a flowchart or graphical organizer

BACK TO TOP

 

 

     

 

 

 

 

 

 

 

Back to Contents Page
Main Menu

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