Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. Revised 1/12/2015 by William Pegram 1.

Slides:



Advertisements
Similar presentations
Web Development & Design Foundations with XHTML
Advertisements

4.01 How Web Pages Work.
Project 1 Introduction to HTML.
1 Web Development & Design Foundations with XHTML Chapter 1 Key Concepts.
Internet and the web Summary of terms discusses and review.
The Internet Useful Definitions and Concepts About the Internet.
IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.
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.
1st Project Introduction to HTML.
Chapter ONE Introduction to HTML.
CS 3870/CS 5870 Welcome! Web Protocols, Technologies and Applications.
Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. 1.
1 Web Developer & Design Foundations with XHTML Chapter 1 Key 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.
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
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.
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
1 Web Developer Foundations: Using XHTML Chapter 1 Key Concepts.
2013Dr. Ali Rodan 1 Handout 1 Fundamentals of the Internet.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 1 Key Concepts 1.
Copyright © Curt Hill The Internet An Introduction.
Web Mastering Module Internet Fundamentals. What is the Internet? –Global network of networks –Communicating using same set of rules (protocols/languages)
Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
Fundamentals.
CIS 1310 – HTML & CSS 1 Introduction to the Internet.
1 Web Development & Design Foundations with XHTML Chapter 1 Key Concepts.
Web Development & Design Foundations with HTML5 7th Edition
Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Introducing XHTML: Module A: Web Design Basics.
Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. 1.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 1 Key Concepts 1.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
Introduction to the World Wide Web & Internet CIS 101.
ULI101 – XHTML Basics (Part I) Internet / Web Concepts Brief History TCP/IP Web Servers / Web Browsers URL HTTP / HTML.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
Website Design and Construction Services and Standards.
CIS 1203 Web Technologies Introduction to the Internet and the WWW.
Web Development & Design Foundations with XHTML Chapter 1 Key Concepts 1.
4.01 How Web Pages Work.
Introduction to web development
Introduction to the Internet
4.01 How Web Pages Work.
Web Development & Design Foundations with HTML5 8th Edition
Web fundamentals: Clients, Servers, and Communication
CISC103 Web Development Basics: Web site:
E-commerce | WWW World Wide Web - Concepts
Project 1 Introduction to HTML.
Web Development & Design Foundations with HTML5 8th Edition
E-commerce | WWW World Wide Web - Concepts
Internet and the web Summary of terms discusses and review
School of Business Administration Introduction & Key Concepts
Web Development & Design Chapter 1, Sections 4, 5 & 6
Web Development & Design
CISC103 Web Development Basics: Web site:
Basics of Web Design Chapter 1 Internet & Web Basics Key Concepts
1 Introduction to the Internet.
Web Development & Design Foundations with H T M L 5
Part of Chapter 1 Key Concepts Networks
Introduction to the Internet and World Wide Web
Introduction to World Wide Web
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Basics of Web Design Chapter 1 Internet & Web Basics Key Concepts
Presentation transcript:

Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. Revised 1/12/2015 by William Pegram 1

The Evolution of the Internet  Internet Interconnected network of computer networks ARPAnet ○ Advanced Research Project Agency ○ 1969 – four computers/locations connected NSFnet ○ National Science Foundation Use of the Internet was originally limited to government, research and academic use 1991 Commercial ban lifted 2

Growth of the Internet Figure 1.1 Growth of Internet Usage Statistics from Copyright © , Miniwatts Marketing Group. All rights reserved worldwide. 3

Reasons for Internet Growth in the 1990s  Removal of the ban on commercial activity  Development of the World Wide Web by Tim Berners- Lee at CERN  Development of Mosaic, the first graphics-based web browser at NCSA  Convergence of technologies: Affordable personal computers with GUI Operating Systems Affordable Internet service providers 4

Web Standards and the W3C Consortium W3C – World Wide Web Consortium Develops recommendations and prototype technologies related to the Web Produces specifications, called Recommendations, in an effort to standardize web technologies WAI – Web Accessibility Initiative 5

Web Accessibility “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.” – Tim Berners-Lee  Accessible Websites provide accommodations that help individuals to individuals with visual, auditory, physical, and neurological disabilities overcome barriers  WAI – Web Accessibility Initiative Develops accessibility recommendations WCAG 2.0 Web Content Accessibility Guidelines 6

Web Accessibility Section 508 of the Rehabilitation Act Requires that government agencies must give individuals with disabilities access to information technology that is comparable to the access available to others 7

Network Overview Network two or more computers connected together for the purpose of communicating and sharing resources 8

The Client/Server Model  Client/Server can describe a relationship between two computer programs – the "client" and the "server".  Client requests some type of service (such as a file or database access) from the server.  Server fulfills the request and transmits the results to the client over a network 9

The Client/Server Model  The Internet Client/Server Model Client: Web Browser Server: Web Server 10

Internet Protocols  Protocols › Rules that describe the methods used for clients and servers to communicate with each other over a network.  There is no single protocol that makes the Internet and Web work.  A number of protocols with specific functions are needed. 11

Common Internet Protocols  Official Communication Protocol: TCP/IP  Specialized Protocols: File Transfer: FTP SMTP, POP3, IMAP Websites: HTTP, HTTPS 12

HTTP Hypertext Transfer Protocol A set of rules for exchanging files such as text, graphic images, sound, video, and other multimedia files on the Web. Web browsers send HTTP requests for web pages and their associated files (e.g. cascading stylesheets, JavaScript, images, flash files, sound, video, etc.). Web servers send HTTP responses back to the web browsers. 13 HTTP Request HTTP Response

IP Address  Each device connected to the Internet has a unique numeric IP address.  These addresses consist of a set of four groups of numbers, called octets will get you Google!  An IP address may correspond to a domain name.  There are a variety of ways to determine the IP address – one is to visit

Domain Name Locates an organization or other entity on the Internet Domain Name System ◦ Divides the Internet into logical groups and understandable names ◦ Associates unique computer IP Addresses with the text-based domain names you type into a web browser ◦ Browser: ◦ IP Address:

URI Uniform Resource Indicator URL Uniform Resource Locator Represents the address of a resource on the Internet. 16

TLD Top-Level Domain Name  A top-level domain (TLD) identifies the right- most part of the domain name.  Some generic TLDs:.com,.org,.net,.mil,.gov,.edu,.int,.aero,.asia,.cat,.jobs,.name,.biz,.museum,.info,.coop,.pro,.travel 17

County Code TLDs  Two character codes originally intended to indicate the geographical location (country) of the web site.  In practice, it is fairly easy to obtain a domain name with a country code TLD that is not local to the registrant.  Examples:.tv,.ws,.au,.jp,.uk See 18

Domain Name System  The Domain Name System (DNS) associates Domain Names with IP addresses. 19 Domain Name IP Address Use TPC/IP to send HTTP Request Web Server Use TCP/IP to send HTTP Responses with web page files & images Web Browser requests web page Web Browser displays web page DNS

Markup Languages  HTML – Hypertext Markup Language › The set of markup symbols or codes placed in a file intended for display on a web browser.  Element or tag – individual markup code  Attribute – modifies the purpose of a tag  XML – eXtensible Markup Language A text-based language designed to describe, deliver, and exchange structured information.  XHTML – eXtensible Hypertext Markup Language Developed by the W3C as the reformulation of HTML 4.0 applying XML rules. 20

Markup Languages (cont.)  HTML 5 › The next version of HTML 4 and XHTML 1  Currently in draft status  Incorporates features of both HTML and XHTML  Adds new elements  Less restrictive than XHTML  Intended to be backward compatible 21

Under the Hood of a Web Page DTD – describes the markup language syntax HTML element– contains the web page document Head element – contains the head section The head section contains information that describes the web page document Title element– Text displays in title bar of window Meta element – describes the character encoding Body element – contains the body section The body section contains the text and elements that display in the browser viewport. 22

Your First HTML5 Web Page Page Title Goes Here... body text and more HTML tags go here... 23