1. INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR

2. ADMINISTRATIVIA Assignment 1 due tonight at 1am. My office hours: moved to 3:30-5:30pm on FRIDAY (permanently?) Assignment 2 due 2/23 Blog tips

3. BLOG TIPS Use Markdown: Include “!m” somewhere in the email. Links are then [Link name](http://linklocation.com) Use raw links and plain text: This is my cool link: http://www.google.com Don’t include dashes before your signature: Bad: --SJT Good: SJT

4. LEARNING OBJECTIVES 1.Understand how the web works at a high level. 1.HTTP 2.URLs 3.HTML 2.Be able to create your own web page.

5. THE WEB

6. WEB HISTORY use hypertext "... to link and access information of various kinds as a web of nodes in which the user can browse at will” - Berners-Lee and Cailliau November, 1990

7. WORLD WIDE WEB web of hypertext documents viewed by browsers using a client–server architecture HTTP: communication protocol URLs: addressability HTML: hypertext!

9. LAYERS

11. HTTP IN ACTION Request Response metadata

12. HTTP IN ACTION: RESPONSE

13. HTTP METHODS GET – retrieve a resource POST – create a new resource PUT – update an existing resource DELETE – delete a resource Always include a URL!

16. URLS

17. UNIFORM RESOURCE LOCATORS Format: scheme://hostname:port/path?query_string#fragment_id Scheme: http, https, ftp, gopher, wais Domain: Hostname is usually subdomain.domain.tld Port: Each server can have multiple ports Path: + query string: define a resource Fragment: used for web page navigation

19. PUTTING HTML FILES ON THE SERVER

20. EDITING HTML FILES

21. BASIC DOCUMENT STRUCTURE My Awesome Webpage This is the heading! It was the best of webpages. Google

22. MORE TAGS List item 1 List item 2 Big header! Smaller header Some content

23. ADDING STYLE WITH CSS h1 { color: blue; text-align: center; } P { width: 400px } Or put a link in your area.

24. EMBEDDING CONTENT

25. PROGRAMMABILITY WITH JS De-facto programming language for the web. Tons of resources for learning. Makes a webpage dynamic.

26. RAW TEXT OR WYSIWYG

27. MARKUP: DISPLAY OR SEMANTIC Some HTML tags are intended to convey semantics. This allows machines to understand web pages better but giving them an idea of what information is placed where in the document. “I have a dream for the Web [in which computers] become capable of analyzing all the data on the Web – the content, links, and transactions between people and computers. “ -- Tim Berners-Lee Challenges? Benefits?

28. “DIVE INTO HTML5” MARK PILGRIM WEB BOOK

29. NEXT CLASS: ATTENTION ECONOMICS The Information Diet (Chapter 3)