Week 5 cont.

:
WBDV111
COMPUTER STUDIES
OUR LADY OF FATIMA UNIVERSITY – Q.C
 WEBSITE
DIFFERENT
ORGANIZATION
 Web Site Organization
• There are three common types of Site Map
Web site organization:
• Hierarchical A diagram of the organization o
• Linear a Web site is called a site map o
• Random (sometimes called Web storyboard.
organization)
 Hierarchical
Organization
It is characterized by a clearly
defined home page with links to
major site sections. Web pages
within sections are placed as
needed.
Take a look at it to its example:
According to George A.
Miller, a research
psychologist for
Princeton University’s
WorldNet found that
humans can store only
five to nine chunks of
information at a time in
short-term memory.
 Interface design “three
click rule” says that a
Web page visitor should
be able to get from any
The “seven plus or minus page on your site to any
two” principle other page on your site
with a maximum of three
Following this principle, hyperlinks.
many Web designers try
not to place more than nine
major navigation links on a
page
 This site
uses too
deep
hierarchy.
 It is used when the purpose of a
Linear site or series of pages on a site is
Organization to provide a tutorial, tour, or
presentation that needs to be
viewed sequentially.
 Random
Organization
offers no clear path through the
site
 Ease of
Navigation
Navigation Bars Site Map and Site Search Features
Clear navigation bars, either graphic- or text- The site map allows a visitor to scan the
based, make it obvious to Web site users contents of the site visually.
where they are and where they can go next.

Short Pages
A Web page is considered long if it is three
or more screen lengths. Long pages are
usually slow to load.

Table of Contents
Table of contents or bulleted list at the top
of the page can provide links to specific parts
of the page. This will help visitors find exactly
what they need.
Design Principles
The design principles of repetition, contrast,
proximity, and alignment will help to create
the “look and feel” of your project and will
determine whether your message is
effectively communicated.
Planning a
Website
 Defining Purpose and Identify
❑Pick Your Purpose
❑Pick a Domain Name
Example: www.google.com
✓ “com” is the first-level or top-level domain (TLD)
✓ “google” is the second-level domain (SLD)
✓ “www” is the third-level domain
Naming your website would depend on your intended combination of TLD and SLD.
• Generic TLDs (gTLD) are the most popularly used TLDs such as .com (commercial),
.net (network), and .org (organization).
• Country-code TLDs (ccTLD) represent countries, for example, .ph (Philippines), .uk
(United Kingdom), and .jp (Japan).
Here are some pointers in choosing an SLD:

• Use your name, your organization’s name,

or your brand or product’s name.
• Avoid abbreviations since they can mean
many things.
• Keep it as short as possible.
• Choose a name that is easy to pronounce.
• Avoid hyphens.
• Check for trademarks and established
brand names. Avoid using them as you
may be violating intellectual property
rights.
 Planning Your Site Structure and Content

• Map Your Site

Some common web page Create Mockups
elements are:

✓Header/Logo
✓Slider/Banner
✓Navigation Bar
✓Content
✓Sidebar
✓Forms
✓Footer

Determine which Platform to Use

THANK YOU FOR
LISTENING!
Don't hesitate to ask any questions!