150 likes | 346 Views
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”
E N D
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” • Some Internet applications: • WWW = linked documents on the Internet • E-mail • chat • FTP = file transfer prototcol
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
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]
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, …)
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
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
Examples • 7 <sup> th </sup> • Who wrote <i> Das Rheingold </i> ? • <ul> <li> Gold </li> <li> Silver </li> <li> Bronze </li> </ul>
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
Web Surfing • Type in URL (if you know it) • Start with index site • Search engine • Quotes “swan lake” • Minus waterloo –university • Example results
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…
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 ?
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
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