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

2. 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.)

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

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

5. 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)

6. 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)

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

8. Basic HTML Document Structure except for the title, the document head contains information that is not displayed in the browser the document body is displayed in the browser

9. Simple tags Headers » is biggest, is smallest » text of header Text flow »paragraphs: »line breaks Emphasis: »italics: italicized text »bold: bold text »underline: underlined text Lines »

10. Lists Ordered: first item in list next item in list Unordered: first item in list next item in list You can put lists inside lists.

11. Images The image goes in a separate file (e.g., “file.img”) Add it to your document like this: You can make images into mousable links:

12. Hypertext Links Browsers can “jump” within an HTML file Create an anchor to jump to: Jump to here Create a link to that anchor: Jump from here Can link to anchors in other documents: Jump from here

13. Links to other HTML Files same directory: linked text sub-directory: linked text up a level linked text up one and down one linked text

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