SlideShare a Scribd company logo
1 of 57
Introduction to the Web
Prerequisites ,[object Object],[object Object],[object Object]
Learning Objectives ,[object Object],[object Object]
Agenda ,[object Object],[object Object],[object Object]
Internet Technologies  The World Wide Web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies WWW Architecture Web Server PC/Mac/Unix  + Browser Client Server Request: http://www.msn.com/default.asp Response: <html>…</html> Network TCP/IP
Internet Technologies WWW Architecture ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Web Standards ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Web Design Principles ,[object Object],[object Object],[object Object]
Internet Technologies Hypertext Markup Language (HTML) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies HTML Forms ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Hypertext Transport Protocol (HTTP) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies HTTP Request GET /default.asp HTTP/1.0 Accept: image/gif, image/x-bitmap, image/jpeg, */* Accept-Language: en User-Agent: Mozilla/1.22 (compatible; MSIE 2.0; Windows 95) Connection: Keep-Alive If-Modified-Since: Sunday, 17-Apr-96 04:32:58 GMT Method File HTTP version Headers Data – none for GET Blank line
Internet Technologies HTTP Response HTTP/1.0 200 OK Date: Sun, 21 Apr 1996 02:20:42 GMT Server: Microsoft-Internet-Information-Server/5.0  Connection: keep-alive Content-Type: text/html Last-Modified: Thu, 18 Apr 1996 17:39:05 GMT Content-Length: 2543 <HTML> Some data... blah, blah, blah </HTML> HTTP version Status code Reason phrase Headers Data
Internet Technologies HTTP Server Status Codes Description Code Internal Server Error 500 Not Found 404 Forbidden – not authorized 403 Unauthorized 401 Bad Request – not understood 400 Moved Temporarily 302 Moved Permanently 301 Created 201 OK 200
Internet Technologies HTTP ,[object Object],[object Object],[object Object],[object Object]
Internet Technologies Cookies ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies HTTPS ,[object Object],[object Object],[object Object]
Internet Technologies URIs, URLs and URNs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Multipurpose Internet Mail Extensions (MIME) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies MIME ,[object Object],[object Object],[object Object]
Internet Technologies Browsers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Clients & Servers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Clients & Servers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Proxy Servers & Firewalls ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Networks ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Networks ,[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Networks ,[object Object],[object Object],[object Object]
Internet Technologies Networks ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Networks Application Layer Presentation Layer Session Layer Transport Layer Network Layer Data Link Layer Physical Layer Internet Layer Application Layer Telnet FTP SMTP DNS RIP SNMP HTTP IP Host-to-Host Transport Layer TCP UDP Token Ring Ethernet ATM Frame Relay Network Interface Layer OSI Model Layers TCP/IP Protocol Architecture Layers TCP/IP Protocol Suite ARP ICMP IGMP
Internet Technologies Network Protocol Stack HTTP TCP IP Ethernet HTTP TCP IP Ethernet
Internet Technologies Networks - Internet Layer ,[object Object],[object Object],[object Object],[object Object]
Internet Technologies Networks - Transport Layer ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Networks - Application Layer ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Networks -  Domain Name System (DNS) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Technologies Extensible Markup Language (XML) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Agenda ,[object Object],[object Object],[object Object],[object Object]
Programming Languages ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Programming Paradigms ,[object Object],[object Object],[object Object],[object Object],[object Object]
Programming Paradigms Unstructured Programming ,[object Object]
Programming Paradigms Structured Programming ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Programming Paradigms Object-Oriented Programming ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Programming Paradigms Object-Oriented Programming ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Programming Paradigms Component-Based Programming ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Programming Paradigms Component-Based Programming ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Programming Paradigms Event-Based Programming ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Agenda ,[object Object],[object Object],[object Object],[object Object]
Programming the Web Client-Side Code ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Programming the Web Client-Side Technologies ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Programming the Web Dynamic HTML (DHTML) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Programming the Web DHTML ,[object Object],window history document location screen all location children selection forms body links text button radio textarea select password file checkbox submit reset option navigator frames event
Programming the Web ActiveX ,[object Object],[object Object],[object Object],[object Object],[object Object]
Programming the Web Java Applets ,[object Object],[object Object],[object Object],[object Object],[object Object]
Programming the Web Server-Side Code ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Programming the Web Server-Side Code ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Programming the Web Server-Side Technologies ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Programming the Web  Active Server Pages (ASP) ,[object Object],[object Object],[object Object],[object Object]

More Related Content

What's hot

Nakov - .NET Framework Overview - English
Nakov - .NET Framework Overview - EnglishNakov - .NET Framework Overview - English
Nakov - .NET Framework Overview - English
Svetlin Nakov
 
.Net Overview -- Training (Lesson 1)
.Net Overview -- Training (Lesson 1).Net Overview -- Training (Lesson 1)
.Net Overview -- Training (Lesson 1)
Rishi Kothari
 
Net framework
Net frameworkNet framework
Net framework
jhsri
 

What's hot (20)

Introduction to Visual Studio.NET
Introduction to Visual Studio.NETIntroduction to Visual Studio.NET
Introduction to Visual Studio.NET
 
Introduction to .NET Framework
Introduction to .NET FrameworkIntroduction to .NET Framework
Introduction to .NET Framework
 
Nakov - .NET Framework Overview - English
Nakov - .NET Framework Overview - EnglishNakov - .NET Framework Overview - English
Nakov - .NET Framework Overview - English
 
Visual Studio.NET
Visual Studio.NETVisual Studio.NET
Visual Studio.NET
 
dot net technology
dot net technologydot net technology
dot net technology
 
DOT Net overview
DOT Net overviewDOT Net overview
DOT Net overview
 
Asp.net and .Net Framework ppt presentation
Asp.net and .Net Framework ppt presentationAsp.net and .Net Framework ppt presentation
Asp.net and .Net Framework ppt presentation
 
Synapse india sharing info on dotnet framework part1
Synapse india sharing info on dotnet framework part1Synapse india sharing info on dotnet framework part1
Synapse india sharing info on dotnet framework part1
 
.Net Overview -- Training (Lesson 1)
.Net Overview -- Training (Lesson 1).Net Overview -- Training (Lesson 1)
.Net Overview -- Training (Lesson 1)
 
Introduction to .NET Framework and C# (English)
Introduction to .NET Framework and C# (English)Introduction to .NET Framework and C# (English)
Introduction to .NET Framework and C# (English)
 
asp
aspasp
asp
 
Dotnet Basics Presentation
Dotnet Basics PresentationDotnet Basics Presentation
Dotnet Basics Presentation
 
Working in Visual Studio.Net
Working in Visual Studio.NetWorking in Visual Studio.Net
Working in Visual Studio.Net
 
Net framework
Net frameworkNet framework
Net framework
 
Architecture of .net framework
Architecture of .net frameworkArchitecture of .net framework
Architecture of .net framework
 
dot NET Framework
dot NET Frameworkdot NET Framework
dot NET Framework
 
Introduction to .net framework
Introduction to .net frameworkIntroduction to .net framework
Introduction to .net framework
 
Dotnet Frameworks Version History
Dotnet Frameworks Version HistoryDotnet Frameworks Version History
Dotnet Frameworks Version History
 
Introduction to .Net
Introduction to .NetIntroduction to .Net
Introduction to .Net
 
4. features of .net
4. features of .net4. features of .net
4. features of .net
 

Similar to Introduction to the web

The Internet and World Wide Web
The Internet and World Wide WebThe Internet and World Wide Web
The Internet and World Wide Web
webhostingguy
 
basic concepts of networking.ppt
basic concepts of networking.pptbasic concepts of networking.ppt
basic concepts of networking.ppt
ImXaib
 
Internet And How It Works
Internet And How It WorksInternet And How It Works
Internet And How It Works
ftz 420
 
EMBEDDED WEB TECHNOLOGY
EMBEDDED WEB TECHNOLOGYEMBEDDED WEB TECHNOLOGY
EMBEDDED WEB TECHNOLOGY
Vinay Kumar
 

Similar to Introduction to the web (20)

Exp2003 Int Ppt 01
Exp2003 Int Ppt 01Exp2003 Int Ppt 01
Exp2003 Int Ppt 01
 
1 web technologies
1 web technologies1 web technologies
1 web technologies
 
The Internet, Intranet and Extranet
The Internet, Intranet and ExtranetThe Internet, Intranet and Extranet
The Internet, Intranet and Extranet
 
dotNET_Overview.pdf
dotNET_Overview.pdfdotNET_Overview.pdf
dotNET_Overview.pdf
 
Web technology
Web technologyWeb technology
Web technology
 
Lecture 2
Lecture 2Lecture 2
Lecture 2
 
NME UNIT I & II MATERIAL.pdf
NME UNIT I & II MATERIAL.pdfNME UNIT I & II MATERIAL.pdf
NME UNIT I & II MATERIAL.pdf
 
Internet
InternetInternet
Internet
 
The Internet and World Wide Web
The Internet and World Wide WebThe Internet and World Wide Web
The Internet and World Wide Web
 
Introduction to internet
Introduction to internetIntroduction to internet
Introduction to internet
 
Introduction about Internet
Introduction about InternetIntroduction about Internet
Introduction about Internet
 
How Internet Works
How Internet WorksHow Internet Works
How Internet Works
 
INTERNET
INTERNETINTERNET
INTERNET
 
Web
WebWeb
Web
 
basic concepts of networking.ppt
basic concepts of networking.pptbasic concepts of networking.ppt
basic concepts of networking.ppt
 
Internet And How It Works
Internet And How It WorksInternet And How It Works
Internet And How It Works
 
20CS2008 Computer Networks
20CS2008 Computer Networks 20CS2008 Computer Networks
20CS2008 Computer Networks
 
Session 2
Session 2Session 2
Session 2
 
World wide web
World wide webWorld wide web
World wide web
 
EMBEDDED WEB TECHNOLOGY
EMBEDDED WEB TECHNOLOGYEMBEDDED WEB TECHNOLOGY
EMBEDDED WEB TECHNOLOGY
 

Recently uploaded

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Recently uploaded (20)

Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 

Introduction to the web

  • 2.
  • 3.
  • 4.
  • 5.
  • 6. Internet Technologies WWW Architecture Web Server PC/Mac/Unix + Browser Client Server Request: http://www.msn.com/default.asp Response: <html>…</html> Network TCP/IP
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. Internet Technologies HTTP Request GET /default.asp HTTP/1.0 Accept: image/gif, image/x-bitmap, image/jpeg, */* Accept-Language: en User-Agent: Mozilla/1.22 (compatible; MSIE 2.0; Windows 95) Connection: Keep-Alive If-Modified-Since: Sunday, 17-Apr-96 04:32:58 GMT Method File HTTP version Headers Data – none for GET Blank line
  • 14. Internet Technologies HTTP Response HTTP/1.0 200 OK Date: Sun, 21 Apr 1996 02:20:42 GMT Server: Microsoft-Internet-Information-Server/5.0 Connection: keep-alive Content-Type: text/html Last-Modified: Thu, 18 Apr 1996 17:39:05 GMT Content-Length: 2543 <HTML> Some data... blah, blah, blah </HTML> HTTP version Status code Reason phrase Headers Data
  • 15. Internet Technologies HTTP Server Status Codes Description Code Internal Server Error 500 Not Found 404 Forbidden – not authorized 403 Unauthorized 401 Bad Request – not understood 400 Moved Temporarily 302 Moved Permanently 301 Created 201 OK 200
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30. Internet Technologies Networks Application Layer Presentation Layer Session Layer Transport Layer Network Layer Data Link Layer Physical Layer Internet Layer Application Layer Telnet FTP SMTP DNS RIP SNMP HTTP IP Host-to-Host Transport Layer TCP UDP Token Ring Ethernet ATM Frame Relay Network Interface Layer OSI Model Layers TCP/IP Protocol Architecture Layers TCP/IP Protocol Suite ARP ICMP IGMP
  • 31. Internet Technologies Network Protocol Stack HTTP TCP IP Ethernet HTTP TCP IP Ethernet
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.

Editor's Notes

  1. This module assumes that you understand the fundamentals of working with computers and using the World Wide Web. The sections on Web programming technology assume an understanding of software development, particularly using object-oriented languages such as C++, Visual Basic, or Java.
  2. This module is designed to provide you with a basic background in Internet/Web technologies and current technologies for creating Web-based applications. It also provides an overview of the .NET development platform, the details of which comprise the remainder of the course.
  3. The Web can be viewed from many different perspectives.
  4. This is the basic architecture of the web. A browser running on a client machine makes a request to a server using the HTTP protocol over TCP/IP. The server responds with an HTML page, which is rendered in the browser.
  5. The Internet Engineering Task Force (IETF) is a large open international community of network designers, operators, vendors, and researchers concerned with the evolution of the Internet architecture and the smooth operation of the Internet. It is open to any interested individual. It has overseen the development of many Internet standards (e.g. TCP/IP, DNS). The World Wide Web Consortium (W3) develops common protocols (e.g. HTML, XML) to promote the evolution and interoperability of the Web.
  6. Objects such as images, audio, video, and documents are not actually enclosed in the HTML Web page, but are referenced by the page. When you tell your browser to display a Web page, it may have to make multiple requests to the server (or possibly different servers) to get all the referenced objects. Example: Get default.asp may result in additional requests for the following files: Get image1.gif Get image2.jpeg Get video1.mpeg …
  7. Not too long ago it was quite reasonable to ask “Why do we need networks?” Now the question seems silly!
  8. This figure depicts the different layers used in networking protocols.
  9. Physically, a request goes down the protocol stack on the client, across the network to the server, then up the server’s protocol stack (solid arrows). Logically, however, the corresponding layers on each machine “talk” to each other (dashed arrows).
  10. In reality, the “go to” statement is not inherently “evil”, but should be used in a structured manner. C# supports “go to”s, but only in a limited way.
  11. Structured programming addresses the problems involved in writing a single procedure. It doesn’t help too much when large-scale systems are involved.
  12. Object-oriented programming actually builds upon structured programming. Structured programming techniques are used within individual methods.
  13. Components build upon object-oriented concepts.
  14. This course will focus on server-side .NET technologies.