Transcript Seven Elements of a Web Page

Seven Elements of a Web
Page
Things to consider….
Seven Elements
Headings
Consistent styles
Avoid numbered lists with only one numbered
item
Body Text and Text Formatting
Default size and style
Consistent formatting
Avoid multiple emphasis formatting
Text color
Dark text with light background preferred
Color contrast text with background
Backgrounds vs text colors
Avoid text colors of default hyperlink colors
Rules
Don’t overuse
Consistent style
Seven Elements of a Web Page
(cont’d)
Graphics
Most of info is still conveyed through
text—don’t rely too much on graphics
Graphic size
JPEG
GIF
PNG
Logic
Copyright implications
Seven Elements of a Web Page
(cont’d)
Links
Used to organize
Use descriptive links
Related links
Link formats
Navigation bars
Client-side image maps
Hot-spot links
Bookmarks/hyperlinks
Seven Elements of a Web Page
(cont’d)
Table
Align text and graphics
Organize information
Borders
Forms and Controls
Types of Forms
Guestbook
Surveys
Feedback forms
Types of Controls
Text boxes
Scrolling text boxes
Radio buttons
Check buttons
Drop-down menus
Seven Elements of a Web Page
(cont’d)
Hints
Test your page in multiple browsers
Write your pages clearly and concisely
View of home page fits on one screen
Minimize length of loading time of home page
Spell check and proofread
Related content, style, and visual style are
consistent
Keep design and layout simple