Internet and the Design of Web Pages

1
Internet and the Design of Web Pages

• Teresa Frias
• CSCI030

2
Internet and WWW

• People commonly interchange them but they are not
  the same concept.
• The internet is a global system of networked
  computers together with their users and data.
• The World Wide Web (WWW) is a software
  application that makes it easy and posible for
  nearly enyone to publish and browse hypertext
  documents on the Internet.

3
ARPANET,1969

• In 1969, Bolt, Beranek and Newman, Inc., (BBN)
  designed a network called the Advance Research
  Projects Agency Network (ARPANET) for the Unites
  States Department of Defense.
• Its purpose was to share super-computing power.
• It was rumored that it was designed to response
  to the thread of a nuclear attack that might
  destroy the countrys communication system.
• The ARPANET later became known as the Internet.

4
WWW, 1991

• The WWW was created by Tim Berners-Lee as a
  simple way to publish information and make it
  available.
• It became available to the public in 1992.

5
Terminology I

• Web page A file that can be read over the WWW.
• Web site Entity that publishes Web Pages.
• Hyperlink Sting of clickable text or a clickable
  graphic that point to another Web page or
  document.
• Browser Software tool used to view Web pages.
  Examples are Internet Explorer, Nestcape,
  Firefox.
• URL String of characters that uniquely
  identifies a document on the Web.

6
Terminology II

• TCP/IP
• Transmission Control Protocol/Internet Protocol
• What do we need a protocol?
• To have an standard
• Be able to send and receive proper information
• Email

7
Design of Web Pages

• Front Page (Microsoft)
• Wizard of Microsoft Word
• Netscape Composer
• Java Script (cookies, pop-ups)
• XML
• HTML

8
HTML

• .html or htm extensions
• You dont need any special program to create them
  just a text editor like notepad and some
  knowledge of the language.
• Front Page and other tools do most of the job for
  you but they also put a lot of unwanted
  information
• It works very well with Java script to do more
  advantage features.

9
What is considered bad for a Web Page?

• Annoying information (pop-ups)
• Distracting Information (lots of links, lots of
  colors)
• Too much and too little
• Plain Text
• Not be able to know where you are

10
What is considered good for a Web Page?

• Have always a link to the Home Page
• Have a display menu or a table that shows where
  you are and what steps you took
• Have the same color in all the web site
• Dont have distracting / annoying elements
• Nice Visual Presentation
• Art Color Theory

11
Examples

• Good Web Page
• www.google.com
• Why? Very Simple, Not advertising contained, Very
  powerful

12
Examples

• Bad Web Page
• www.nba.com
• www.gwu.edu
• Why? Very confusing, very distracting. They
  contained very well updated information so the
  contents are good but they have a bag design

13
Visit my Web page

• http//home.gwu.edu/frifri85/CSCI035/final/

14

• End