Web Page Design

1
Web Page Design
2

• Its a Process

• Getting the Right Look

• Lets Get Technical

3
Its a Process

• Gather your content
• Organize your content
• Decide on a navigation style
• Decide on a look
• Build it!

4
Its a Process
Gather content (information, photos, graphics,
etc.).
5
Its a Process
If you have too much Content for one page,
decide how to organize your content.
Research Information Links to other
websites Documents
Homework Page Daily assignments Homework
hints/links
Home Page Name E-mail address Grade/subjects
taught
6
Its a Process
Determine what kind of navigation style you will
use.
Top menu
Left side menu
Frames pages
7
Its a Process
Sketch the page layout on paper. Begin thinking
about how things will look. The sketch of the
page should lead to a storyboard. Use Inspiration
to create the storyboard.
8
Its a Process
Build it with Front Page.
9
Getting the Right Look
Color
Background Blend Compliment Web safe Readability
10
Getting the Right Look
http//www.warrenkramer.com/design/1/index.shtml
11
Lets Get Technical
Navigation
Easy to Find Easy to Use Easy to Understand
12
Lets Get Technical
Graphics
Keep Resolution at 72 dpi Edit image in Graphics
Editor
13
Lets Get Technical
File Size
File Size between 34 K and 48 K