90 likes | 243 Vues
The Internet and the World Wide Web (WWW) are often confused, yet they refer to distinct concepts. The Internet is the global network of connected computers and routers that enables data transmission via protocols like HTTP, HTTPS, and FTP. In contrast, the World Wide Web specifically refers to the system for accessing websites and web pages through browsers using HTTP. This presentation explores the evolution of the web from simple information-distribution sites (Web 1.0) to interactive user-generated content (Web 2.0) and the interconnected data of the Semantic Web (Web 3.0).
E N D
What is the difference between the Internet and the World Wide Web? • Internet is the entire network of connected computers and routers used for sending data • HTTP, HTTPS, FTP, streaming audio, video, e-mail, Skype, etc. • World Wide Web (WWW) is more specifically referring to the system for access webpages and websites (HTTP) • HTTP, HTTPS – pretty much everything through your web browser
Evolution of the Web • Early WWW (Web 1.0) • Simple websites that distribute information • http://nostalgiacafe.proboards.com/thread/133/1990s-internet-world-wide-web • http://www.businessinsider.com/big-brands-90s-websites-look-terrible-2013-4?op=1 • Web 2.0 • More interactive user-produced content • More multimedia intensive (audio, video, etc.) • Social, social, social! (blogs, wikis, social networks, etc.) • Examples: Facebook, Tumblr, Wikipedia, Twitter • Semantic Web (Web 3.0) • All data on web is interconnected like a super-database • http://www.youtube.com/watch?v=OGg8A2zfWKg
Terms • HTML • CSS • JavaScript • HTTP • HTTPS • URI • URL • XML • XSLT • FTP • IP • TCP • DNS • CGI
Terms & Definitions Assignment • You will create a Google Presentation for yourself to use as a study guide/reference/cheat sheet • Each slide should have: • The full term and acronym as the title • Technical definition • Layman’s definition/description • Describe what it is most useful for • Image or example or screenshot of code that helps explain what the term is • Share the Google Presentation with Mr. Bui
What are the different components of a web page? • Meta-tags • Title • Navigation • Content • …others?
Describe different types of web pages • Personal pages • Blogs • Search engines • Forums • …others? • What are the different structures of each of the above? • Which are static and which are dynamic pages?
Static vs. Dynamic Web Pages • Static • Page does not change with user interaction • HTML • Dynamic • Page changes with user interaction • Technologies • HTML w/ Javascript • PHP (PHP: Hypertext Preprocessor) • ASP.NET (Active Server Pages) • Java Servlets • Flash • Which of the above are client-side and which are server-side?
Client-side vs. Server-side Scripting • Program code can be made to run on the client, the server, or both! • Client-side • Advantages? • Disadvantages? • Server-side • Advantages? • Disadvantages?