1. IST 535 Week 1 Class Orientation / Review of Web Basics

2. Outline Get to know each other Course Outline Review of Web Basics

3. Myself Huahai Yang, –Assistant Professor, SISP –Ph.D. in Information, University of Michigan, 2003 –Specialization: human-computer interaction (HCI) Research interest: Collaborative virtual environment, information visualization, user modeling Teaching interest: Information technology, HCI

4. A few words about yourself Academic preparation Work experience IT background

5. Sign-up Sheet Write your name Write your UAlbany NetID –You should already have an account on ITS Unix Clusters, if you don’t, contact ITS –I need your NetID to create an account for you on our server

6. Important Information! Course Website: http://www.albany.edu/~hy973732/cours es/IIST535

7. Network Essentials Internet (TCP/IP) Domain Names (DNS) URL HTTP Server - www.albany.edu Client – My home computer 1. Do you have index.html? 3. Please send me 2. Yes 4. Here it is:…..

8. Example HTTP Request When a browser fetches http://www.albany.edu/~hy973732/ –“http://” says to use HTTP protocol –Resolve “www.albany.edu” in DNS 169.226.1.110 –Make TCP connection 169.226.1.110, port 80 (the default port) –Send the following text string GET /~hy973732/

9. Example Server Response HTTP/1.1 200 OK Date: Mon, 15 Sept 2003 15:12:32 GMT Server: Apache/1.2.4 Last-Modified: Thu, 30 Aug 2003 16:26:10 GMT ETag: "5f2f2-33fd-3486d9a2" Content-Length: 13309 Accept-Ranges: bytes Connection: close Content-Type: text/html … Header (200 OK, 404 Not Found, etc.) Content of index.html file

10. Path Location HTTP server translate a path in request to a directory or file name on the server –Append a DocumentRoot –If started with /~user_name, go to that user’s public_html directory If it is a directory, look for index.html If it is a file, check –If is a HTML file, text file or other format, send it back to the requestor –If it is a CGI script, or PHP script etc, execute it, then send the results back to the requestor

11. HTML Hypertext Markup Language A set of special commands (“marks” or “tags”) that signify labels on: –content type –structure –appearance

12. HTML Guides Beginner's guide to HTML http://archive.ncsa.uiuc.edu/General/Int ernet/WWW/HTMLPrimerAll.html http://archive.ncsa.uiuc.edu/General/Int ernet/WWW/HTMLPrimerAll.html Barebone guide http://werbach.com/barebones/ http://werbach.com/barebones/ A tutorial http://www.mcli.dist.maricopa.edu/tut/les sons.html http://www.mcli.dist.maricopa.edu/tut/les sons.html

13. HTML in general Tags come in pairs: line termination (e.g. "carriage return") makes no difference to HTML Case in tags is not important (but usually UPPER CASE for style reasons) Tags can have attributes Tags define structure; browsers determine appearance –Different browsers may render them differently

14. Skeleton Your Title Goes Here The body of your document goes here

15. Basic Tags Headings Paragraphs and breaks, Lists –Ordered, unordered, definition List item –,, Link (anchor) Image

16. Table Row Cell Cell one - in row oneCell two - in row oneCell Three - in row one Cell four - in row twoCell five - in row twoCell Six - in row two

17. Color As attributes of some tags:,,, etc. RGB E.g. Some help on colors http://werbach.com/web/wwwhelp.html#color http://werbach.com/web/wwwhelp.html#color Color names http://catless.ncl.ac.uk/Lindsay/swatch0.html http://catless.ncl.ac.uk/Lindsay/swatch0.html

18. Assignment 1 Hand write a Web page about yourself. Include at least a list, a picture, and a table. Do not use software other than a text editor. Send the URL to my email address by the start of the next class.

19. Having Problems? Ask a fellow classmate (“How do I…?") E-mail me: hyang@albany.edu) Phone me: 442-5118 Offices hours: Draper Hall 141A, Thursday 4:00-5:00