the web a resource for all of us introduction objectives recall the history of computers: before...
TRANSCRIPT
The WebA 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
URLUniform Resource Locator
http://domain-name.top-level-domain/last-sectionhttp://www.winthrop.edu/dacus/About/electronic_reference_services.htm
• 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)
httphypertext transfer protocol
http://domain-name.top-level-domain/last-sectionhttp://www.winthrop.edu/dacus/About/electronic_reference_services.htm
Domain name
http://domain-name.top-level-domain/last-sectionhttp://www.winthrop.edu/dacus/About/electronic_reference_services.htm
http://cba.winthrop.edu/faculty/administration.htm
Top-level Domain
Represent the purpose of the organization or entity.com.gov.edu.org.net
Last section
http://domain-name.top-level-domain/last-section
http://www.winthrop.edu/dacus/About/electronic_reference_services.htm
Browser
Windows
browsers java frames tablesplug-ins
fontsize
fontcolor
javascript
stylesheets gif89 dhtml
I-Frames
Tablecolor XML
Explorer 6.0 s X X X X X X X X X X X X
Explorer 5.5 X X X X X X X X X X X X X
Explorer 5.0 X X X X X X X X X X X X s
Explorer 4.0 X X X X X X X X X X X X
Explorer 3.0 X X X X X X X X X X X
Explorer 2.0 X X X
Explorer 1.0 X X X
Netscape 7.0 X X X X X X X X X X X X X
Netscape 6.1 X X X X X X X X X X X X X
Netscape 6.0 X X X X X X X X X X X X X
Navigator 4.7 X X X X X X X X X X X
Navigator 4.5 X X X X X X X X X X X
Navigator 3.0 X X X X X X X X X
Navigator 2.0 X X X X X X s X
Navigator 1.1 X X
Mosaic 3.0 X X X
Mozilla 1.1 X X X X X X X X X X X X X
Mozilla 1.0 X X X X X X X X X X X X X
Opera 6.0 X X X X X X X X X X X X X
Opera 5.11 X X X X X X X X X X X X X
Opera 4.02 X X X s X X X X X X X X
Opera 3.60 X X s X X X X X X
Opera 3.5 X X s X X X X X
Lynx X X
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 NETIQUETTEThe 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
• <html> and </html> tags identify your file as an HTML file.– They begin and end every HTML document
• <head> and </head> tags indicate information about the document
• <title> and </title> tags –browser title bar
• <body> and </body> - surround text
HTML Tags
• Start with a “<“ and end with “>”
• 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 <!DCOCTYPE> – Extend the <html> tag
• Copy the <!DOCTYPE> and <html> 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="http://www.w3.org/1999/xhtml" xml:lang=en" lang="en">
Would be interpreted the same as one line<html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=en" lang="en">
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">
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">
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">
<head><Title>Your Title appears here</title></head><body>What happens to
extra lines?</body></html>
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