Your SlideShare is downloading. ×
  • Like
  • Save
Design Guidelines For Web Sites
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Design Guidelines For Web Sites

  • 1,151 views
Published

Design Guidelines For Web Sites

Design Guidelines For Web Sites

Published in Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,151
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Design Guidelines for Web Sites and/or Pages By K M Mahmud Hasan Consultant, Management Consultant Group
  • 2. Before Any Web Pages Are Made...
    • Identify audience to be serviced by the site or page.
    • Identify the purpose and/or need for the site or page.
    • Identify potential participants to contribute to the site or page.
    • Clarify the organization of information.
    • For Web sites, create a top level "home page" that is short, includes the purpose of the Web site and
    • links to the pages containing the actual information. Additional Web pages should provide detailed information.
  • 3. Before Any Web Pages Are Made...
    • For Web sites, sketch out the relationships of the "home page" and the other pages with one another.
    • Sketch out the visual design and evaluate its effectiveness.
    • Plan graphics with the audience in mind.
    • Only use graphics that serve a purpose and use appropriate graphics for that purpose.
    • Evaluate the "overall look."
    • Strive for a consistent layout style.
  • 4. When Making Web Pages...
    • Use valid HTML as much as possible. This will help insure that the largest possible
    • audience will be able to use your Web pages. You can check your HTML's validity at:
      • ¡ Web Design Group's Validation Service
      • ¡ The World Wide Web Consortium's HTML Validator
    • Validation is especially helpful if you are using an "HTML Editor," such as Microsoft
    • FrontPage or Claris HomePage, as these editors often create invalid HTML.
    • Create Web pages that are easy to read.
  • 5. When Making Web Pages...
    • Consider that some viewers who access MMSD Web pages will be using Web browsers other than
    • Netscape or Internet Explorer, and may be using any number of different devices to access the
    • pages.
    • Include only exemplary work for publishing. Other work can be displayed within individual buildings.
  • 6. Technical Specifications for Web Pages
    • File Name Specifications
    • These specifications take into consideration that Authors, Editors and Publishers may be
    • working on different platforms. The specifications help insure that there are no problems with
    • differing platforms during the publishing process.
    • · Should be 8 characters or less (before the '.htm'), no spaces or punctuation (except .), all lower
    • case, and unique and descriptive. Examples: africa.htm or elephant.gif or cbcalend.htm.
    • · Should end with 3 letter extensions, such as .htm, .gif or .jpg
  • 7. Technical Specifications for Web Pages
    • Web Sites and Pages
    • Web sites should be a collection of smaller pages accessed from a top level page (versus one long page).
    • Web pages should contain links to appropriate parent "home pages" (that is, pages "above“ them).
    • Longer Web pages should contain a hypertext index and internal links throughout the document to facilitate navigation.
  • 8. Technical Specifications for Web Pages
    • Graphics
    • All image tags must have the alternate text attribute, even if it contains nothing (ALT="").
    • Images should have a resolution of approximately 72 dpi (dots per inch).
    • For quickness in loading, images should be a maximum size of about 35 kb.
    • If images larger than 35 kb are used, thumbnail sketches should be provided.
    • Images used for Web page backgrounds should be a maximum of 5 kb.
    • Use the GIF graphics format for clip art or line graphics. Use the JPEG format for photographs.
    • This will allow compression of graphics to be optimal
  • 9. Content Specifications for Web Pages
    • Each Web page must contain the following information:
    • · Last Updated date.
    • · Author information:
    • ¡ Staff Member Authors: the Author's email address.
    • ¡ Student Authors : the name and email address of a staff person sponsoring the student's
    • Web page(s).
    • ¡ Volunteer Authors : the name and email address of a staff person sponsoring the volunteer's
    • Web page(s).
  • 10. Content Specifications for Web Pages
    • · The Editor's name and email address.
    • · The Publisher's name and email address.
    • · Webmaster's email address (webmaster@madison.k12.wi.us).
    • · A title that appropriately describes the content of the page.
    • · Well edited text including correct spelling and grammar
    • · Factually correct information.
    • · References if the Web page is a research document.
  • 11. Content Specifications for Web Pages
    • No Web page may contain:
    • Inappropriate material or links to inappropriate material.
    • Links to resources that do not exist.
    • Email addresses of students.
    • Identifiable pictures of students, unless written permission has been granted by the student's parent or guardian.
    • Full names of students, unless written permission has been granted by the student's parent or guardian.
    • Any graphics or information that is in violation of copyright laws.
    • Any commercial or advertising material.