2. The Web A Resource for All of Us Introduction

3. 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

4. Internet History Predecessor Dr. Tim Berners-Lee Marc Andreessen

5. Internet Explosion Part of our daily lives Four factors

6. URL Uniform Resource Locator http://domain-name.top-level-domain/last-section http://www.winthrop.edu/dacus/About/electronic_reference_services.htm

7. 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 email system)

8. http hypertext transfer protocol http://domain-name.top-level-domain/last-section http://www.winthrop.edu/dacus/About/electronic_reference_services.htm

9. Domain name http://domain-name.top-level-domain/last-section http://www.winthrop.edu/dacus/About/electronic_reference_services.htm http://cba.winthrop.edu/faculty/administration.htm

10. Top-level Domain Represent the purpose of the organization or entity.com.gov.edu.org.net

11. Last section http://domain-name.top-level-domain/last-section http://www.winthrop.edu/dacus/About/electronic_reference_services.htm

12. 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

13. Browser

14. 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

15. Plug-ins Software that increases the functionality of a browser –Audio-video –Image viewing Download from web sites Install Example –Adobe Acrobat Reader –Shockwave

16. Internet is Not Quite Perfect

17. 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

18. HTML Not a programming language Hypertext Markup Language – text based formatting system for the web XHTML – latest version of HTML Platform independent

19. HTML Use a plain text editor to type your HTML text: Save To see your page open the file with your browser

20. 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

21. HTML Tags Start with a “ ” To view HTML tags: right click and “View Source”

22. HTML Tags Properly nest HTML tags

23. 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

24. Tips Extra spaces –Use the Under_score or –Capital letters to separate words: UnderScore Use spaces <html xmlns="http://www.w3.org/1999/xhtml" xml:lang=en" lang="en"> Would be interpreted the same as one line

26. Sample 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Traditional//EN" "DTD/xhtml-trasitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang=en" lang="en">

28. Sample 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Traditional//EN" "DTD/xhtml-trasitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang=en" lang="en">

29. Sample 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Traditional//EN" "DTD/xhtml-trasitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang=en" lang="en"> Your Title appears here What happens to extra lines?

31. 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