Web Pages and The Internet

1
Web Pages and The Internet
2
Outline

• Internet and the World Wide Web
• Internet Browsers
• Firefox
• Internet Explorer
• Web Pages
• Creating using Front Page
• Adding Images and links
• Adding Search terms

3
Internet and World Wide Web

• Internet
• Network of computers world wide
• ARPANET (1969) Military, Education
• World Wide Web Tim Berners-Lee (1990)
• Network of Web Pages
• Web Browser

4
Internet Browsers

• A web browser is software that allows the client
  to see and interact with web pages
• A web server is a computer that stores and
  provides web pages
• Translate URL (uniform resource locator)
  addresses into local file requests
• Web browsers communicate with web servers using
  http (hypertext transfer protocol)

5
Internet Browsers - Firefox

• Open Source Browser from Mozilla Foundation
  (2003)
• Features
• Pop-up blocking
• Tabbed browsing
• Live book marking (automatically updates)
• Notepad
• IE Tab
• Lots More

6
Internet Browsers - IE

• Internet Explorer Version 7 (2006)
• Largest Market Share
• Be sure to get updates to prevent security issues

7
Web Site - Design

• Three pages
• Home Page (index.html)
• Homework Page (homework.html)
• Second Page Your choice
• Sketch all pages and indicate content, layout and
  images
• Sketch the navigation (links) between all pages

8
Web Site - Creating

• Need A Server Mesa State
• All pages in F/public_html
• First page called index.html
• Your site is hosted at www.mesastate.edu/login
• All Web pages are written in code (html)
• Use komposer or FrontPage or Word to design and
  edit code

9
Web Sites - Elements

• Add a link to another page
• Hyperlink
• Relative link lta hrefmypage.htmlgt My Page lt/agt
• Absolute link lta hrefhttp//www.stuff gtStuff
  lt/agt
• Bookmark Insert the book mark, then the link
• Add an image
• Insert Image
• ltimg srcmypic.jpg altMy Picture width100
  height200gt

10
Web Sites - Elements

• Background sound
• Link to music stream
• Link in a movie clip or animation

ltembed srcmusic.mid" autostart"true"
loop"true width"2" height"0"gtlt/embedgt
11
Sources

• Internet, www.wikipedia.com , visited on 1-19-06
• Mozilla, www.mozilla.org , visited on 2-2-07