Local to Global Building the Internet CPSC 120 Principles of Computer Science March 7, 2012.

Slides:



Advertisements
Similar presentations
Computer Networks and the Internet CMPT 109 Montclair State University.
Advertisements

Project 1 Introduction to HTML.
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
IS 247 Introduction to Web Application Development Tim Wu.
Layer 7- Application Layer
Jacob Boston Josh Pfeifer. Definition of HyperText Transfer Protocol How HTTP works How Websites work GoDaddy.com OSI Model Networking.
The Internet and the World Wide Web. Una DooneyThe Internet and WWWSlide 2 What is the Internet? A collection of networks (LANS and WANS) around the world.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction 2: Internet, Intranet, and Extranet J394 – Perancangan Situs Web Program Sudi Manajemen Universitas Bina Nusantara.
1st Project Introduction to HTML.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
CSCI 323 – Web Development Chapter 1 - Setting the Scene We’re going to move through the first few chapters pretty quick since they are a review for most.
IT 210 The Internet & World Wide Web introduction.
Chapter 1 Introduction to HTML, XHTML, and CSS
CS 299 – Web Programming and Design CS299: Web Programming and Design Instructor: Dr. Fang (Daisy) Tang.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
Chapter 4 Telecommunications, the Internet, Intranets, and Extranets
CNIT 132 Intermediate HTML and CSS Course Overview.
Chapter 3 The Basics of Networking
Networks and Telecommunications
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
The Internet, Intranets, & Extranets Chapter 7. IS for Management2 The Internet (1) A collection of networks that pass data around in packets, each of.
Connecting one computer to another computer creates a network.
DATA COMMUNICATION DONE BY: ALVIN SAMPATH CARLVIN SAMPATH.
Lesson 2 — The Internet and the World Wide Web
2013Dr. Ali Rodan 1 Handout 1 Fundamentals of the Internet.
Chapter 4 Networking and the Internet Introduction to CS 1 st Semester, 2015 Sanghyun Park.
Web Mastering Module Internet Fundamentals. What is the Internet? –Global network of networks –Communicating using same set of rules (protocols/languages)
IT Introduction to Information Technology. The Internet & World Wide Web Began in 1969 with the ARPANET (Advanced Research Project Agency Network)
Networks QUME 185 Introduction to Computer Applications.
Web Page Design I Basic Computer Terms “How the Internet & the World Wide Web (www) Works”
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
CIS 1310 – HTML & CSS 1 Introduction to the Internet.
Chapter 4 Networking and the Internet. © 2005 Pearson Addison-Wesley. All rights reserved 4-2 Chapter 4: Networking and the Internet 4.1 Network Fundamentals.
1 Web Development & Design Foundations with XHTML Chapter 1 Key Concepts.
MySQL and PHP Internet and WWW. Computer Basics A Single Computer.
NETWORK HARDWARE AND SOFTWARE MR ROSS UNIT 3 IT APPLICATIONS.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
INTERNET. Objectives Explain the origin of the Internet and describe how the Internet works. Explain the difference between the World Wide Web and the.
World Wide Web “WWW”, "Web" or "W3". World Wide Web “WWW”, "Web" or "W3"
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
INTERNET AND PROTOCOLS For more notes and topics visit: eITnotes.com.
CHAPTER 9 THE INTERNET. RECAP: COMPUTER NETWORKS LAN WAN.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
JavaScript and Ajax (Internet Background) Week 1 Web site:
Introduction to the World Wide Web & Internet CIS 101.
 In the 1960s, ARPANET (Advanced Research Projects Agency Network), the internet’s predecessor, was invented  ARPANET used two technologies that are.
Web Design New Brighton High School Exploring the History of the World Wide WebWorld Wide Web.
INTRODUCTION TO THE INTERNET Internet Protocol Cameras Training: Session 1.
ULI101 – XHTML Basics (Part I) Internet / Web Concepts Brief History TCP/IP Web Servers / Web Browsers URL HTTP / HTML.
Chapter 6.  Internet and characteristics of Internet.  Various Internet protocols  Static IP addressing and Dynamic IP addressing Prepared by Saher.
Information Networks. Internet It is a global system of interconnected computer networks that link several billion devices worldwide. It is an international.
HOW THE INTERNET WORKS. Introduction : The internet has brought revolutionary changes Has become a medium for interaction and information Can access to.
CIS 1203 Web Technologies Introduction to the Internet and the WWW.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Web Development & Design Foundations with XHTML Chapter 1 Key Concepts 1.
Chapter Objectives In this chapter, you will learn:
CISC103 Web Development Basics: Web site:
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
ICT Communications Lesson 1: Using the Internet and the World Wide Web
Ken Gunnells, Ph.D. - Networking Paul Crigler - Programming
Web Development & Design Chapter 1, Sections 4, 5 & 6
TCP/IP Protocol Suite: Review
How the Web Works 2/19/2019.
Unit-3.
Presentation transcript:

Local to Global Building the Internet CPSC 120 Principles of Computer Science March 7, 2012

Quick Overview  Models of computer communication  Networks  Networking terminology  Internet history in a nutshell  World Wide Web design basics  HTML, browsers, protocols make it work  Coding in HTML for the Internet  Extensions to HTML and future trends

General Hardware Diagram for Networks  Data transfer requires specific medium: copper wire, fiber optic cable, radio signals (wireless)  Each computer must have an appropriate network interface device or card (NIC): serial, Ethernet, wireless, etc

General Software Diagram for Networking  Data exchange requires protocols (agreed upon rules of communication) between programs that control hardware.  Protocols involve signaling, response, data content, timing, etc.  Layers are used to handle the complexity/changes inherent in hardware. Recall using subroutines to handle hardware access in BOE-BOT.

Network Topologies (Shapes)  Various connection styles were explored: backbone, Token ring, star topology, etc  This creates a Local Area Network (LAN)

Casting a Wider Net  By the 1970’s, LANs needed to communicate across longer distances  A system of protocols for addressing computers and sharing data was needed  There was a confusing mixture of computer types, file formats, media, and operating systems  US government encouraged the development of networks as a security issue

ARPANET in early 1970’s

ARPANET in mid-1980’s

The Internet Recently

Networking Protocols  LANs and Wide Area Networks (WANs) require some addressing method to route messages to specific computers  Transmission Control Protocol/Internetworking Protocol (TCP/IP) has been the most successful  Addresses are given in a dot notation: is a typical IP address  Some arithmetic: Addresses range from to giving us 32 bits of address  This means about 2 32 or about 4 billion addresses are possible. These are filled! IPv6 now in effect.  Routers use lookup tables to send packets of data across network boundaries for delivery.

The Internet: LAN Point of View

Names Instead of Numbers  It is hard to remember and type IP addresses like instead of natural names.  Enter Domain Name Service or DNS. This allows computer addresses to be arranged in clusters, or domains, and addressed using names instead of IP numbers.  Example: math.hws.edu indicates some computer found in the domain hws.edu. This domain name is attached to routing tables so routers know to send packets of data to our campus firewall which forwards it to the server in our campus LAN named math.  Looks promising but there are still problems!

Documents Have Structure  By the 1980s, many vendors offered competing document formats, file systems, operating systems, etc.  You needed to have technical skills and persistence in locating, downloading or uploading a file, and determining which application could view or print it!  Also, hypertext authors were experimenting with links to allow readers to move between documents using graphical links. Example: Apple Computer’s Hypercard.  No single system was in place to tie all this together and allow non-specialists to post and/or have access to the hundreds of Internet documents beginning to appear.  Consequently, Internet commerce and novice user participation was minimal due to these constraints.

The World Wide Web (WWW) Arrives  Tim Berners-Lee, computer scientist at CERN, made a number of important contributions which address these problems.  HTTP: Hypertext Transfer Protocol: How to name, request, and transfer documents over the Internet.  HTTPD: HTTP Daemon. Non-proprietary, client-server oriented open source software to actually carry out the HTTP protocol on many different operating systems.  HTML: Hypertext Markup Language. A common formatting language to allow consistent document display on all computers. HTML documents also may contain hypertext links to allow users to easily move from one HTML file to another or browse the Web.  HTML documents are typically named with extensions.htm or.html and contain plain ASCII text. Coding!!!!

HTTP and Browser Basics  An address or Uniform Resource Locator (URL) such as indicates we are referencing a document using the HTTP protocol from the server math in domain hws.edu. The document itself is found inside directory vaughn with its individual file name index.html.  To send this request, we use a Web browser, a local application which interacts with the Internet, and can form HTTP requests, display HTML documents, etc.  Common browsers: Internet Explorer, FireFox, Opera, Chrome, etc.  Other protocols and documents work with WWW. ftp://math.hws.edu/vaughn/myFile.doc or (File Transfer Protocol) ftp://math.hws.edu/vaughn/myFile.doc  (Secure HTTP uses encryption)

HTML Basics  HTML documents are plain ASCII text created by users, like you, using a simple ASCII text editor.  HTML documents are rendered by Web browsers to appear with colors, fonts, images, formatting, tables, etc.  Control over the document display is done with HTML tags such as This text is bold.  In order to have Web site content, most beginners learn how to code in basic HTML then move on to using a WYSIWYG HTML editor such as Dreamweaver, GoLive, Aptana Studio, etc. You documents must be made available on a Web Server which handles retrieval requests.  Just like spreadsheets, HTML documents can be enhanced with active, executing programs (VBScript, Javascript, Flash, etc) to create DHTML or XHTML pages.

Our First HTML Document My First Page This is my first web page!

Rendering the HTML via a Web browser

Where We are Going  Learn the basic HTML tags to compose Web pages.  Learn how to post pages on a campus server so anyone on the Internet can access and see your pages.  Learn more complex page design, composition techniques, and the corresponding HTML tags.  Add Javascript code to HTML web pages to make them active, not just static.  Introduction to an industrial-quality HTML editor.