The Web A Resource for All of Us Introduction
Objectives Recall the history of computers: before 1950, Internet, personal computers Identify the purpose of a URL and its parts Identify critical Internet issues: services, browsers, limitations, dangers, misuse, etiquette Research information on a supplied topic and present the information in a usable format. Identify common html tags, the proper syntax, and their purpose Develop a web page using HTML codes according to specifications and verify that it works prior to submitting
Internet History Predecessor Dr. Tim Berners-Lee Marc Andreessen
Internet Explosion Part of our daily lives Four factors
URL Uniform Resource Locator
Here are some common Internet services. –http: is HTTP (Hypertext Transfer Protocol) –ftp: is FTP (File Transfer Protocol) –file: is for a file on the local hard drive or network –telnet: is for remote login –callto: is for video conferencing –mailto: is the protocol for sending mail (via your system)
http hypertext transfer protocol
Domain name
Top-level Domain Represent the purpose of the organization or entity.com.gov.edu.org.net
Last section
Getting Started Computer with a modem or NIC Internet service provider (ISP) Browser Related software Web Presence Provider (WPP) – to have your web page viewed from the Web
Browser
Windows browsersjavaframestables plug -ins font size font color java script style sheetsgif89dhtml I- Frames Table colorXML Explorer 6.0 sXXXXXXXXXXXX Explorer 5.5 XXXXXXXXXXXXX Explorer 5.0 XXXXXXXXXXXXs Explorer 4.0 XXXXXXXXXXXX Explorer 3.0 XXXXXXXXX XX Explorer 2.0 X XX Explorer 1.0 X XX Netscape 7.0 XXXXXXXXXXXXX Netscape 6.1 XXXXXXXXXXXXX Netscape 6.0 XXXXXXXXXXXXX Navigator 4.7 XXXXXXXXXX X Navigator 4.5 XXXXXXXXXX X Navigator 3.0 XXXXXXX X X Navigator 2.0 XXXXXXs X Navigator 1.1 X X Mosaic 3.0 XX X Mozilla 1.1 XXXXXXXXXXXXX Mozilla 1.0 XXXXXXXXXXXXX Opera 6.0 XXX X XXXXXXXXX Opera 5.11 XXX X XXXXXXXXX Opera 4.02 XXXsXXXXX XXX Opera 3.60 XXsXXXXX X Opera 3.5 XXsXXX X X Lynx XX
Plug-ins Software that increases the functionality of a browser –Audio-video –Image viewing Download from web sites Install Example –Adobe Acrobat Reader –Shockwave
Internet is Not Quite Perfect
THE CORE RULES OF NETIQUETTE The Core Rules of Netiquette are excerpted from the book Netiquette by Virginia Shea. Rule 1: Remember the Human Rule 2: Adhere to the same standards of behavior online that you follow in real life Rule 3: Know where you are in cyberspace Rule 4: Respect other people's time and bandwidth Rule 5: Make yourself look good online Rule 6: Share expert knowledge Rule 7: Help keep flame wars under control Rule 8: Respect other people's privacy Rule 9: Don't abuse your power Rule 10: Be forgiving of other people's mistakes
HTML Not a programming language Hypertext Markup Language – text based formatting system for the web XHTML – latest version of HTML Platform independent
HTML Use a plain text editor to type your HTML text: Save To see your page open the file with your browser
File Structure and tags identify your file as an HTML file. –They begin and end every HTML document and tags indicate information about the document and tags –browser title bar and - surround text
HTML Tags Start with a “ ” To view HTML tags: right click and “View Source”
HTML Tags Properly nest HTML tags
XHTML To make your HTML document compatible with XHTML –Use the traditional version of –Extend the tag Copy the and found at the bottom of page 17 into the top of your web page
Tips Extra spaces –Use the Under_score or –Capital letters to separate words: UnderScore Use spaces <html xmlns=" xml:lang=en" lang="en"> Would be interpreted the same as one line
Sample 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Traditional//EN" "DTD/xhtml-trasitional.dtd"> <html xmlns=" xml:lang=en" lang="en">
Sample 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Traditional//EN" "DTD/xhtml-trasitional.dtd"> <html xmlns=" xml:lang=en" lang="en">
Sample 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Traditional//EN" "DTD/xhtml-trasitional.dtd"> <html xmlns=" xml:lang=en" lang="en"> Your Title appears here What happens to extra lines?
Assignment Read chapters 1 and 2 if you haven’t already Create the html file on page 16 in your book –Create the file using a plain text editor –Save it as Exercise1.htm –Open the file to verify it is correct To open: double click the file or Open your browser, click File, click Browse to locate your saved file, open the file Next class: chapters 3 and 4 in SAMS’ book