1 / 15

CS 16 – Oct. 30

CS 16 – Oct. 30. Text vs. Hypertext Web terminology Domains HTML. Hypertext. A text document that contains links to other documents. Also may contain “multimedia” Filename *.html Software: editor…browser. Some terminology. Internet = global “network of networks”

vlad
Télécharger la présentation

CS 16 – Oct. 30

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CS 16 – Oct. 30 • Text vs. Hypertext • Web terminology • Domains • HTML

  2. Hypertext • A text document that contains links to other documents. • Also may contain “multimedia” • Filename *.html • Software: editor…browser.

  3. Some terminology • Internet = global “network of networks” • Some Internet applications: • WWW = linked documents on the Internet • E-mail • chat • FTP = file transfer prototcol

  4. Web terminology • HTML = standard language for hypertext • Web page = hypertext document (*.html) • Web site = collection of pages & folders usually starting with index.html • Web server = machine containing site • Web browser = program that interprets HTML to show on screen

  5. Web addressing • Location of file is given by a Web address or URL. http://www.seds.org/billa/tnp/saturn.html • saturn.html = page • billa/tnp = folders • www.seds.org = site [ server.place.domain]

  6. Domains • Three letter for U.S. (.com, .org, .net, .edu, .mil, .gov) • Two letter for countries (.ca, .uk, .za, .ch, .de, .is, cn, .at, .us ………) • Beware of exceptions • Newer domains (.info, .museum, .biz, …)

  7. Making Web pages • Web pages written in HTML. 2 ways… • Type in HTML code in text editor. • Enter “tags” as you go. • Use “web generator” such as Dreamweaver • WYSIWYG

  8. Common tags • h1, h2, etc. = headings • br = line break • p = paragraph • ol, ul, li = used for lists • hr = horizontal rule • b, i = bold or italic • sub, sup = subscript or superscript

  9. Examples • 7 <sup> th </sup> • Who wrote <i> Das Rheingold </i> ? • <ul> <li> Gold </li> <li> Silver </li> <li> Bronze </li> </ul>

  10. Web Browsers • Mosaic, Netscape, Opera, Mozilla, lynx, … • Opera features: • Mouse gestures • Tabs • +/– keys • Shift-F6 to tile [ ctrl-shift-F5 to un-tile ] • Rivalry with IE

  11. Web Surfing • Type in URL (if you know it) • Start with index site • Search engine • Quotes “swan lake” • Minus waterloo –university • Example results

  12. Some sites • world.altavista.com • terraserver.microsoft.com • (Screen dump to capture image) • factfinder.census.gov • www.htmlhelp.com • http://www.alexa.com • Sites that show your IP address…

  13. Privacy & Cache • Hmmm, different browsers & versions behave slightly differently…. • In Opera, hit F4. You’ll see: • history • list of links • Other things • security on site (https:// or .shtml) • where it’s cached • Where are cookies stored ?

  14. Web issues • Check date of article • Check for corroborating info • Mistakes & bias • Some things harder to find on the Web? • Internet quite powerful when you combine 2+ sites or programs • Ex. Searching for airfares, hotel rooms

  15. Scavenger hunt • Looking for a house… • Real estate Website to find listings • Google earth to look at house & lot • Mapquest to find nearest school, stores • Media bias • Google news collects headlines • Is the set of “news sources” biased? • International issues • In some countries, Internet access is restricted! • Languages other than English

More Related