Multimedia and The World Wide Web

1

• Multimedia and The World Wide Web

2
About me

• How to contact me
• Email KevinNguyen_at_mail2Kevin.com
• By appointment
• Telephone[phone]

3
About you

• Your Web Experience
• Have you used the Internet before?
• Have you created a web page before?
• Have you created an entire site?
• Have you programmed?

4
About this course

• Reference Textbook
• HTML XHTML - The Definitive Guide
• 4th Edition (ISBN 0-596-00026-X)
• Chuck Musciano and Bill Kennedy
• OReilly and Associated, Inc., 2000

5
More about course

• We will create web documents using material from
  class. Each project will build on our previous
  work
• Projects will be graded on how well they meet
  requirements, how well they function, their code
  structure, and their design

6
The Internet
7
Overview

• What is the Internet
• History of the Internet
• How the Internet works
• What is HTML and XHTML
• Tools available

8
What is the Internet

• Its a worldwide collection of computer
  networks a network of networks sharing
  digital information via a common set of
  networking and software protocols.
• HTML XHTML The Definitive Guide

9
Internet, Intranet and Extranet

• Internet
• Public
• Intranet
• Restrict access to only members
• Not connected to outside (no Internet)
• Extranet
• Restrict access to only members
• Provide services over the Internet

10
History of Internet

• Started 1960s - Packet Switching
• Research project by U.S. Department of Defense
• NCSA National Center for Supercomputing
  Applications at the University of Illinois at
  Urbana-Champaign developed Mosaic.

11
How does the Internet work
12
IP Address
13
Domain
14
Domain Name
www.chicago.com
www.cti.depaul.edu
www.yahoo.com
www.depaul.edu
www.microsoft.com
15
Domain Name Server
www.yahoo.com(Domain Name)
64.58.76.223(IP Address)
16
World Wide Web

• 1989 Tim Berners-Lee
• 1993 Mosaic First GUI

17
World Wide Web

• The defining feature of the Web is its ability to
  connect documents to one another -- as well as to
  audio, video, and image files -- with hyperlinks
• Before the Web, users had to type in the exact
  addresses or wade through a series of menus to
  get where they wanted to go

18
URLs

• Protocol
• Domain name or server IP address
• Director(ies)
• File name

19
Protocols

• TCP/IP (Transmission Control Protocol/Internet
  Protocol)
• A protocol is set of rules describing how to
  transmit data
• TCP translates the information so it can be sent
  from one computer to another. IP routes the
  information over the Internet to the requested
  web server machine

20
Domains

• www.yahoo.com is an example of a domain name
• 216.58.76.223 is an example of an IP address

21
Domains

• com   Usually a company or other commercial
  institution or organization, such as www.ibm.com
• edu An educational institution, such as
  www.depaul.edu
• gov A government site, such as www.irs.gov
• mil A military site, such as www.af.mil (Air
  Force)
• net Gateways and other administrative hosts for a
  network
• org A private organization, such as
  www.greenpeace.org
• Each country also has its own top-level domain
• au   Australia ca Canada fr France uk The
  United Kingdom. These also have sub-domains of
  things like ac.uk for academic sites and co.uk
  for commercial ones

22
Flow of Information

• Enter URL in Browser
• Get IP Address from Domain Name Server
• Get Document from Web Server
• Show Document in Browser

23
HTML

• HTML stands for Hypertext Markup Language
• The "markup" is extra information placed with
  text to describe how the text is to be
  interpreted by the browser.
• An HTML file is a text file. It can be created
  using any text editor, such as Notepad
• Tags specify
• The logical structure of elements on a Web page,
  such as the heading, a paragraph, a table, a
  list, etc.
• Visual appearance of elements on a Web page, such
  as bold, italics, font size, background color,
  etc.
• Links to images and other media, other Web pages,
  or other parts of a Web page

24
Tools for the Web Designer

• An editor
• A browser
• A connection to the Internet

25
Standards Organizations

• World Wide Web Consortium (W3C)
• Internet Engineering Task Force (IETF)

26
HTML Example

• My First Page
• The World Wide Web is an exciting place to be.