Planning: Web Development Phases

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 o Defines the border width o Defines the height of the image

BORDER HEIGHT

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 o Defines the vertical space that separates the image from the text o Defines the width of the image o Improves loading time

VSPACE WIDTH