Scribd
Upload
142 views15 pages

Web Development Phases

The document outlines the main phases of web development: planning, analysis, design and development, testing, and implementation and maintenance. It also discusses common website structures like linear, hierarchical, and webbed structures. Finally, it covers different image file formats like GIF, JPEG, and PNG as well as image attributes.

Uploaded by

Aileen P. de Leon
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
142 views15 pages

Web Development Phases

The document outlines the main phases of web development: planning, analysis, design and development, testing, and implementation and maintenance. It also discusses common website structures like linear, hierarchical, and webbed structures. Finally, it covers different image file formats like GIF, JPEG, and PNG as well as image attributes.

Uploaded by

Aileen P. de Leon
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 15

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

You might also like