Develop a Great Web Site

1
Develop a Great Web Site!
2
Build a House
3
Build a Website
4
Web Site Global Goals

• Three Major Global Goals in Developing any Web
  site
• make your content easy to understand
• make your message clear to readers
• allow your visitors to navigate your site with
  ease

5
Specific Web Site Goals

• Goals provide the general framework of your Web
  site
• Example of a Goal
• The purpose of developing my Web site is to
  inform parents, students, and teachers,
  information about our school.

6

• Our Web site will consist of five web pages which
  will include
• home page
• Principals page
• Medias page
• Classroom pages
• Other?

7
Objectives

• The home page will provide an overview and links
  of services provided.
• The principals page will welcome visitors to our
  schools website and include links to useful
  information for parents.
• The media page will provide information about the
  library and events hosted by Mrs. Dalinsky.
• The classroom pages will provide information
  about each teacher and info about special
  projects the class will be doing.

8
Screen Layout

• home page
• 1. Overview of our school
• 2. Information and site
• links

9
Screen Layout part II
Screen
High visibility

• Highest priority items
• Vital Graphics
• Highest density of links

Above the fold
Below the fold
Low visibility
Visible only after scrolling
10
Home Page Example

• Highest priority items
• Most Graphics
• Highest density of links

11
Text

• Use short chunks of information
• Web users have short attention spans
• User of a Web link expects to find a specific
  unit of relevant information not a book
• Audiences tend to be diverse. From a readability
  standpoint, information must be clear and concise
• Concise chunks of information are better suited
  to the computer screen

12
Line Length

• Use Tables to limit the line length, ideally to
  ten to twelve words per line.

13
Heading Text

• Sans serif font
• Arial
• Verdana
• Font size
• 12-24 point
• Font Style
• Bold

14
Body Text

• Serf font or Sans serif font
• Times New Roman
• Georgia
• Arial
• Verdana
• Font Size
• 812 point
• Font style
• Regular not BOLD

15
Balance

• Formal balance refers to a situation in which the
  two halves of the visual are symmetrically
  arranged around the vertical center of the visual

16
Balance

• Informal Balance refers to an arrangement in
  which the elements are not symmetrically arranged
  but still appear balanced and stable

17
IMAGE SOURCES

• Clip Art Sites from the Web
• Digital Camera
• Scanner
• Screen Capture
• Graphics editor
• PhotoDraw or PhotoShop

18
GIFs

• Transparent Background
• Use image editing software like PhotoShop or
  PhotoDraw to select colors in a GIF color palette
  to become transparent.

19
GIFs

• Animation
• The Gif File format allows you to combine
  multiple GIF images into a single file to create
  an animation

20
Advantages of GIFs and JPEG Formats

• GIF
• Most widely supported graphics format on the Web
• GIFs images look better then JPEG
• GIF supports interlacing and transparency
• JPEG
• Huge compression ratios mean faster download
  speeds
• JPEG produces excellent results for photographs
• JPEG supports full-color (24-bit, true color)
  images

21
Page Color

• White or light pastel backgrounds are often the
  best colors to use for any Web site
• Avoid using saturated primary colors
• Red Green Blue - Purple