WEB DESIGN W HAT I S IT ?. W HAT IS W EB D ESIGN It includes graphic design Interface design Interactivity Using Standardized Programming Language Search.

WEB DESIGNWHAT IS IT?

WHAT IS WEB DESIGN

It includes graphic design Interface design Interactivity Using Standardized Programming Language Search Engine Optimization Other Usable Tools and Resources

GOOD WEB DESIGN INCLUDES

Purpose (What is the purpose of your site? ) Site must be attractive Simplicity

Web page must be simple Web site must be easy to navigate This could be a challenge

Must have between 5 – 8 links on main page Keep consistency throughout the site Navigable

IMPORTANT THINGS ABOUT DESIGNING User Experience Interactive Design

Must be user friendly Take into account the access to technology

individuals might have Plug ins

Downloads / Time

Page Layout Consistency Typography Graphics Code Written

WEB PAGE VS. WEB SITE

Web Page: It normally has an address like this:

http://www.bishopconatyloretto.org/about/principal.jsp It is a simple page refering to a particular page

within a website

Web Site: It normally has an address like this:

www.fifa.com It is a collection of webpages Websites are composed of many different pages

HISTORY OF THE WEB

Mosaic First graphics interfaced web browser

UNIX Text based interface browser

Browsers War Between 1996-1999

Mainly between Microsoft and Netscape

HISTORY OF THE WEB

Flash developed in 1996 Required a plug in and thus it was not popular at

the beginning Animated GIF and Java Script were more

popular to make websites interactive

TYPES OF WEB SITES AND THEIR CAPABILITIES

Companies want to reach their Target Audience

Types of Sites Business to Business Business to Consumer Internal Sites (LANS)

Reputation of companies

PROGRAMS USED TO BUILD WEB PAGES

Dreamweaver Microsoft Frontpage WYSIWYG Programs

IN-CLASS ASSIGNMENT Select a website of your choice

Browse the site analyzing its content Please answer the following questions

1. Why did you choose this site?2. Is this a good website? Why or Why not?3. What do you think the purpose of this site is?4. Who do you think the target audience is?5. How would you improve the site? Please explain in

detailPlease answer each of the questions in complete

sentences. You are to use MS Word and must answer all of the questions in complete sentences. You must write down the question. Follow the instructions on the syllabus with regards to homework and written assignments.

REFERENCES AND RESEARCH http://ooyes.net/userfiles/media/downloaded/non-profit-website-design-examples-

and-best-practices-2009061904322031-One_png.png http://unbounce.com/photos/ups-th.jpg http://www.target.com/ http://www.pepsi.com/en-us/d http://2.bp.blogspot.com/_ru-dyo4X9mM/S8V-tHz-78I/AAAAAAAAAfc/kCTTyhC48Io/

s1600/frontpage.jpg http://photos.pcpro.co.uk/blogs/wp-content/uploads/2010/05/blog-cs5-dreamweaver-

462x301.jpg