What happens when you retrieve a Web page? This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none.

Slides:



Advertisements
Similar presentations
4.01 How Web Pages Work.
Advertisements

IT skills: compose URLs, beware of phishing IT concepts: parts of a URL, secure http, shortened URL, phishing, malware, domain name, directory, file name,
Skills: none Concepts: Web client (browser), Web server, network connection, URL, mobile client, protocol This work is licensed under a Creative Commons.
Skills: none Concepts: host, TCP/IP communication software, TCP/IP layers, TCP/IP functions, TCP/IP protocols This work is licensed under a Creative Commons.
Skills: none Concepts: data and program files, IP packet, packet header, packet body, IP address, host name This work is licensed under a Creative Commons.
Skills: none Concepts: local area network, router, inter network, the TCP/IP layered software “stack”, layer functions, layer protocols, dumb versus smart.
Skills: install and use Filezilla Concepts: client-server, file transfer protocol (FTP), portable software, wire-frame user interface diagram, Web site.
Skills: edit, display the history of, discuss, and track changes to a page, wiki technique tips Concepts: Wiki operations This work is licensed under a.
Skills: none Concepts: protocol, hypertext transfer protocol, standard This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike.
Skills: include images in Web pages Concepts: tag, attribute, value, path (to a stored file) This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Skills: none Concepts: embedded object, data type (text, audio, video, image), embedded program, evolution of the Web, bit, byte This work is licensed.
Popular Web client and server programs This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License. Skills: none IT.
Skills: none Concepts: wiki examples and definition, operations, the wiki motto, wiki motivation and history, client- server applications This work is.
Skills: create a Twitter account, subscribe to (follow) the class Twitter feed, post tweets Concepts: subscription This work is licensed under a Creative.
Using the Google Docs word processor Skills: getting a Google account, creating a text document and sharing it on the Internet Concepts: stand-alone applications.
Networked application programs Skills: none Concepts: networked versus stand-alone applications, client-server architecture, Web applications versus specialized.
Skills: Concepts: layered protocols, transport layer functions, TCP and UDP protocols, isochronous applications This work is licensed under a Creative.
Encoding images Skills: none IT concepts: an image representation code, the number of bits in a code, the amount of information in an image This work is.
Retrieving compound pages This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:
The data link layer Skills: none IT concepts: LAN, medium access, Ethernet and WiFi protocols, why standards win This work is licensed under a Creative.
Many kinds of clients and servers This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:
Mobile and portable connectivity Skills: none IT concepts: mobile vs portable connectivity, connectivity options (WiFi, cellular and satellite), characteristics.
HTTP: the hypertext transfer protocol
List servers (listservs) Skills: subscribe to a list server (listserv), send messages to a list and unsubscribe IT concepts: list server, subscription,
Operating systems This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts: popular.
TCP/IP: the transport layer Skills: none IT concepts: layered protocols, transport layer functions, TCP and UDP protocols, isochronous applications This.
TCP/IP summary Skills: none IT concepts: review This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License.
IT skills: IT concepts: Web client (browser), Web server, network connection, URL, mobile client, peer-to- peer application This work is licensed under.
Audio data Skills: Set sample size and rate in Audacity IT concepts: analog to digital conversion, digital to analog conversion, sample rate, sample size,
The TCP/IP communication layer stack Skills: none IT concepts: protocol layers, TCP/IP, OSI This work is licensed under a Creative Commons Attribution-Noncommercial-
Including images with the img tag Skills: using the img tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
IT skills: compose URLs IT concepts: parts of a URL, shortened URLs This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.
Information loss in compression Skills: none IT concepts: lossy and lossless compression This work is licensed under a Creative Commons Attribution-Noncommercial-
Copying Web images (the right mouse button is your friend) Skills: Copy a Web image, see the properties of a Web image, use the right mouse button IT concepts:
The internet layer Skills: None IT concepts: layered protocols, the internet layer, IP protocol, router, dumb (“end-to- end,” “neutral”) networks This.
Image compression Skills: none IT concepts: effect of image compression This work is licensed under a Creative Commons Attribution-Noncommercial- Share.
Connectivity overview Skills: none IT concepts: home, organization, backbone and mobile connectivity, local area network, network topologies This work.
Privacy – what do they know about you? This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none.
Skills: none Concepts: application, network versus stand-alone application, client, server, application versus system program This work is licensed under.
Including images in Web pages Skills: use the tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.
Data plus a code → information Skills: none IT concepts: text code This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.
Copying Web images Skills: Copy a Web image, see the properties of a Web image IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Creating hyperlinks with the a tag Skills: using the a tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
Filezilla Skills: install and use Filezilla IT concepts: client-server review, file transfer protocol (FTP), Web site mirror, portable software, open source.
Browsing the World Wide Web. Spring 2002Computer Networks Applications Browsing Service Allows one to conveniently obtain and display information that.
Background survey This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts: survey service,
The internet and the WWW
Using Google Drive/Docs Skills: use Google Drive/Docs Concepts: we download and run programs inside our Web clients, wire-frame diagram, user interface,
Skills: none Concepts: local area network, router, inter network, the TCP/IP layered software “stack”, layer functions, layer protocols, dumb versus smart.
Chapter 2 Browsing the Web. Web Sites  What is a Home Page?  What is a Web Portal? (portal) Example: Yahoo! Lycos and MSN Typically offer? ________________________________________.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 4. Understanding the Internet’s Software Structure.
● A system of Internet servers that support specially formatted documents. The documents are formatted in a markup language called HTML. What is the World.
The Internet and World Wide Web Sullivan University Library.
The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.
Introduction to HTML 4.0 Getting Started – Basic Terminology Teacher: Mr. Ho.
Skills: none Concepts: client, server, service, upload, download, client-server application, Internet, hardware, software This work is licensed under a.
Basic Internet Skills. What is the internet? A large group of computers connected to one another Its purpose is to send information back and forth to.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Instructor: Ahmed Jafer
Some Common Terms The Internet is a network of computers spanning the globe. It is also called the World Wide Web. World Wide Web It is a collection of.
HTTP: the hypertext transfer protocol
Providing Network Services
Modelling the internet
Modelling the internet
4.01 How Web Pages Work.
Your computer is the client
List servers (listservs)
Retrieving compound pages
Presentation transcript:

What happens when you retrieve a Web page? This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts: client, server, network service, network connection, URL, “Tiny” URL, Web client (browser), Web server, peer-to-peer

Where does this topic fit? Internet concepts –Applications –Technology –Implications Internet skills –Application development –Content creation

Two computers connected to a network

One running Internet client software The other running Internet server software Client Server

What happens next? You enter a uniform resource locator (URL) into the address bar of the Web client program

Establish a temporary connection between the client and the server Client Server

The client program sends a page request Client Server Request

The server program sends the page Client Serverdocument

The client displays the page ClientServer

The page comes from server storage Web server program Memory Storage Requested page Web client program Memory Display Requested page ClientServer Request Document The Internet

The client-server conversation ClientServer Close the connection Open a connection GET Display the response OK Sends the docuemnt or an error message Opens the connection

If the server finds the page, it sends it back to the client; otherwise, it sends back an error message. What if the page is not on the server? The client is programmed to display whatever the server sends.

1.Establish a temporary connection between the client and server (dotted line) 2.Client sends the request to the server 3.The server returns the requested page or an error message 4.The client displays whatever the server returns 5.Disconnect Client Server request page

User clicks on a link to a second page Client Server 1 Server 2 1. Get first page 2. Get second page

Peer-to-peer applications One computer can run both a client program and a server program For example File sharing Internet phone calls Internet service providers discourage home users from operating servers by charging more or limiting upstream speed.

Mobile Web clients

Web clients in things

The parts of a URL This request is for a Web (http) server The server program is running on a computer with the domain name bpastudio.csudh.edu Look in a subdirectory called fac/lpress If there is a file called shortbio.htm, send it back to the client to be displayed; if not, send an error message back to the client Domain name = the unique name of a computer on the Internet

aid/faq.shtml#apply_for_scholarships “Tiny” URLs – which do you prefer? (Made at

Advertising business model

A few URL questions When opening the connection to the server, which part of the URL does the client use? When retrieving a page from a server, which part of the URL does the server use? What happens if you misspell the name of a file in a URL? What happens if you misspell the domain name in a URL?

Do the terms client and server refer to hardware or software? Don’t continue until you think you have the answer and can explain it.

The big picture A client is a computer running a client program A server is a computer running a server program A server offers a service to clients on the network Clients use (geeks may say “consume”) those services

A short video on the same topic World Wide Web in plain English

Client Server request page Without looking back, can you recall the five steps we discussed in retrieving a Web page?

What happens when you retrieve a Web page? This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts: client, server, network service, network connection, URL, “Tiny” URL, Web client (browser), Web server, peer-to-peer