presentation source
Download
Report
Transcript presentation source
Why Worry About the WWW?
Intranets -- with lots of HR applications
»
»
»
»
policies/procedures
job postings
benefits & other transactions
hiring & other workflows
Great job skill
Easy to get started
Some Internet Basics
Network of networks
– Packet switched vs. line switched
– Every machine has an IP address
(e.g., 35.9.5.31 is "pilot.msu.edu")
Domain Names
» EDU, COM, GOV, ORG, NET & geographic
names (CA, JA, etc.)
Some Internet Jargon
» TCP/IP (Transmission Control Protocol/Intenet
Protocol)
» PPP (Point-to-Point Protocol)
– allows you to dial in from home
– Dynamically assigns IP address
» POP server (Post Office Protocol)
– sends/receives email
» DNS (Domain Name Server)
– translates domain names into IP addresses.
What is the WWW?
Network of HTML documents (and other
resources) on WWW servers
One server can contain many "sites" (e.g.,
SSC has many departmental sites,
commercial services have many sites)
Browsing versus searching
» Browsing: following links
» Searching: automated, usually via an index
Some More Jargon
HTML (Hyper-Text Markup Language)
HTTP (Hyper-Text Transfer Protocol)
URL (Uniform Resource Locator)
» “http://www.ssc.msu.edu/~lir”
» “ftp://pilot.msu.edu/”
» local file name
FTP: File Transfer Protocol
» For moving large files (or large numbers of files)
Browsers are Clients
Browsers make requests to servers
Browsers use “helpers” or “plug-ins” to handle
more functions
» Acrobat: opens “.pdf” files
» Stuffit expander: opens “.sit” and “.hqx” files
Need special interfaces to connect to
databases (e.g., Active Server Pages)
What is HTML?
Mark-up language: instructions on how to
format text & graphics
» Headers, paragraphs, blank lines, etc.
» bold, italics, color, etc.
» Lists, tables, etc
Hypertext -- links within and between
documents
Special screen management features
» Forms
» Frames
Basic HTML Document Structure
<HTML>
<HEAD>
except for the title, the document head contains
information that is not displayed in the browser
</HEAD>
<BODY>
the document body is displayed in the browser
</BODY>
</HTML>
Simple tags
Headers
» <H1> is biggest, <H6> is smallest
» <H1> text of header </H1>
Text flow
» paragraphs: <P>
» line breaks <BR>
Emphasis:
» italics: <I> italicized text </I>
» bold: <B> bold text </B>
» underline: <U> underlined text </U>
Lines
» <HR size=n width=n% align=“left/right/center”>
Lists
Ordered:
<OL>
<LI> first item in list </LI>
<LI> next item in list </LI>
</OL>
Unordered:
<UL>
<LI> first item in list </LI>
<LI> next item in list </LI>
</UL>
You can put lists inside lists.
Images
The image goes in a separate file
(e.g., “file.img”)
Add it to your document like this:
<IMG SRC=“file.img”
ALIGN=“MIDDLE”
ALT=“text when image isn’t loaded”>
You can make images into mousable links:
<A HREF=“destination.htm”>
<IMG SRC=“file.img” > </A>
Hypertext Links
Browsers can “jump” within an HTML file
Create an anchor to jump to:
<A Name=“Top of File”> Jump to here </A>
Create a link to that anchor:
<A HREF=“#Top of File”> Jump from here </A>
Can link to anchors in other documents:
<A HREF=“otherfile.htm#anchor”> Jump from here </A>
Links to other HTML Files
same directory:
<A HREF=“filename.HTM”> linked text </A>
sub-directory:
<A HREF=“/subdir/filename.HTM”> linked text </A>
up a level
<A HREF=“../filename.HTM”> linked text </A>
up one and down one
<A HREF=“../dirname/filename.HTM”> linked text </A>
Creating a WWW site at MSU
Your home page URL:
http://pilot.msu.edu/user/yourid/
Instructions for MSU student WWW pages:
http://www.msu.edu/webpub
FTP or copy “index.htm” and any other files in
your site to your AFS directory.
Warning: AFS is Case-Sensitive
» “Index.htm” is not the same file as “index.htm”
» Use all lower case file names to be safe