1. Computer Science 101 Introduction to Web Pages

2. Origins of the Web Vannevar Bush (Memex, 1945) Ted Nelson (Xanadu, 1968) Doug Englebart and Alan Kay ( WIMP, 1972) ARPANET (the first internet, 1970s)

3. Origins of the Web Bill Atkinson (Hypercard, 1989) Tim Berners-Lee (the WWW, 1994)

4. Useful References Tim-Berners-Lee, Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web by Its Inventor David Weinberger, Small Pieces Loosely Joined: A Unified Theory of the Web Alan Levine, Online HTML Programming LessonsOnline HTML Programming Lessons

5. What We Need A way of finding a computer or “server” on the Internet A way of locating a Web page on that computer A way of displaying that Web page on my computer or “client”

6. Locating Computers on the Internet TCP/IP (Transmission Control Protocol/Internet Protocol) – a set of protocols for making transactions IP address – standard for identifying a computer TCP – describes how packets are sent and received

7. IP Format Example: 204.202.129.230 4 sets of 3 digits Range from 0 to 255 Total of 256 4 or over 4 billion computers

8. The Internet and the Web The Web sits on top of the Internet and uses its protocols (HTTP, FTP, MAILTO, etc.) URL (Uniform Resource Locator) – allows different computers to use the same protocols for Web-based transactions

9. Form of a URL with HTTP http://home.wlu.edu/~lambertk/ http://where/what http – Hypertext transfer protocol

10. Named Address (Domain Name) It’s hard to remember 16 digits Provide a name and get the computer to translate it to the IP address http://204.202.129.230/nflhttp://204.202.129.230/nfl  http://espn.go.com/nfl

11. Two Standards for Web Pages Standard protocols (URLs) Standard language for describing Web pages (HTML – Hypertext Markup Language) HTML is a standard set of commands for formatting Web pages

12. How HTML Works Server’s disk Network connection Client’s browser The client sends a request for a page to the server HTML code is sent as text to the client HTML code is stored in the client’s cache (temporary memory) The client’s browser interprets the HTML code and formats the page

13. Markup Tags Codes that are not displayed but tell the browser what to do Tags have the form

14. An HTML File and Its Two parts The head – usually contains the page’s title The body – contains the rest of the text and commands

15. The Title Tag

16. Format of HTML Code Fairly free-format Tags are not case sensitive

17. Container Elements The sequence stuff is a container element Container elements can and should be nested, such as stuff

18. Plain Old Elements Not containers, just simple commands The break element,, is an example Inserts one line break in the text No ending tag

19. Formatting Text Bold, italic, etc.

20. Vertical Space Paragraph element - begins a new paragraph on a new line, wrapping until the next horizontal space command Horizontal rule element - inserts a horizontal line as a line break

22. Header Elements Provide headers of different font sizes,, …,

23. Comment Symbols We want to document our code with information that the browser will ignore and not display For the benefit of the readers of our HTML code, not our Web pages

24. Comment Symbols

25. Tags and Attributes Tags tell the browser what to do Attributes tell the browser how to do it When the programmer does not specify attributes, defaults are used Example: background color is white or gray

26. HR Attributes WIDTH - extent of horizontal size (default 100%) SIZE - thickness (default 2) ALIGN - left, middle, right (default left)

27. Examples (uses defaults) (40 pixels, or picture elements)

28. Rules and Conventions attribute is usually uppercase value can always be quoted, sometimes must be quoted, is usually lowercase

29. Different Horizontal Rulers

30. Paragraph Alignment Not very useful justify works on some browsers

31. Paragraph Alignment