WEB DEVELOPMENT PHASES

PLANNING
 What is the purpose of this
website?
 Who will use this website?
 What are the users computing
environment?
 Who owns and authors the
information on the website?
 Who decides if/where the
information goes on the website?
WEB DEVELOPMENT PHASES

ANALYSIS
 What tasks do the users need to
perform?
 What information is useful to
the users?
 What process considerations
must be made?
WEB DEVELOPMENT PHASES

DESIGN AND DEVELOPMENT

 How will the web pages be
organized?
 What type of website structure is
appropriate for the content?
 What forms of multimedia contribute
positively to the website?
 How can accessibility issues be
addressed so as not to limit usability?
 Do we need to design for an
international audience?
WEB DEVELOPMENT PHASES

TESTING
 Is the website content
correct?
 Does the website
functionality work correctly?
 Are users able to find the in
formation they need and to
complete desired tasks?
 Is the navigation easy to
WEB DEVELOPMENT PHASES

IMPLEMENTATION AND
MAINTENANCE
 How is the website published?
 How is the website updated?
 Who is responsible for content
updates?
 Who is responsible for structure
updates?
 How do we notify users about
updates to the website?
WEBSITE STRUCTURES

LINEAR
 Connects web pages in a
straight line

 Appropriate if the
information on the web pages
should be read in a specific
order
WEBSITE STRUCTURES

HIERARCHICAL
 Connects web pages in a
tree-like structures

 Works well on a site with a

main index or table of contents
page that links to all other web
pages.
WEBSITE STRUCTURES

WEBBED
 Has no set organizations

 It works best on websites

with information that does not
need to be read in a specific
order and with many navigation
options users can select.
WEBSITE STRUCTURES
BROAD
 Home page is the main index
page, and all other web pages
are linked individually to the
home page.
 Time-consuming
 Limits the user
 Presents a user with
navigation alternatives that allow
WEBSITE STRUCTURES
DEEP
 Has many levels of
pages, requiring the user
to click many times to
reach a particular web
page.
IMAGE TYPES
GRAPHICS INTERCHANGE
FORMAT(GIF)
 Image has been saved
using compression techniques
to make it smaller for
download on the web.

 Patented
IMAGE TYPES
JOINT PHOTOGRAPHIC
EXPERTS GROUP(JPEG)
 Graphic image saved using
compression techniques to make it
smaller for download on the web.

 Used for more complex images,

such as photographs because JPEG
file format supports more colors
and resolutions than the other file
IMAGE TYPES
PORTABLE NETWORK
GRAPHICS(PNG)
 It is compressed file format that
supports multiple colors and
resolutions.

 WWW Consortium developed

the PNG format as a graphics
standard and patent-free
alternative to the GIF format.
IMAGE ATTRIBUTES
ATTRIBUTE FUNCTION
ALIGN o Controls
alignment
o Can select from
bottom, middle, top,
left or right
ALT o Alternative text to
display when an image
is being loaded
BORDER o Defines the border
width
HEIGHT o Defines the height of
the image
IMAGE ATTRIBUTES
ATTRIBUTE FUNCTION
HSPACE o Defines the
horizontal space that
separates the image
from the text
SRC o Defines the URL of the
image to be loaded
VSPACE o Defines the vertical
space that separates the
image from the text
WIDTH o Defines the width of
the image
o Improves loading time