IST 535 Week 1 Class Orientation / Review of Web Basics

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

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

A few words about yourself Academic preparation Work experience IT background

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

Important Information! Course Website: es/IIST535

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

Example HTTP Request When a browser fetches –“ says to use HTTP protocol –Resolve “ in DNS –Make TCP connection , port 80 (the default port) –Send the following text string GET /~hy973732/

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

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

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

HTML Guides Beginner's guide to HTML ernet/WWW/HTMLPrimerAll.html ernet/WWW/HTMLPrimerAll.html Barebone guide A tutorial sons.html sons.html

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

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

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

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

Color As attributes of some tags:,,, etc. RGB E.g. Some help on colors Color names

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 address by the start of the next class.

Having Problems? Ask a fellow classmate (“How do I…?") me: Phone me: Offices hours: Draper Hall 141A, Thursday 4:00-5:00