Web Systems & Technologies Lecture 1

Slides:



Advertisements
Similar presentations
4.01 How Web Pages Work.
Advertisements

Project 1 Introduction to HTML.
The Internet Useful Definitions and Concepts About the Internet.
Internet – Part II. What is the World Wide Web? The World Wide Web is a collection of host machines, which deliver documents, graphics and multi-media.
SESSION 9 THE INTERNET AND THE NEW INFORMATION NEW INFORMATIONTECHNOLOGYINFRASTRUCTURE.
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.
Introduction 2: Internet, Intranet, and Extranet J394 – Perancangan Situs Web Program Sudi Manajemen Universitas Bina Nusantara.
1st Project Introduction to HTML.
The Internet & The World Wide Web Notes
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.
Chapter 1 Introduction to HTML, XHTML, and CSS
CS 299 – Web Programming and Design CS299: Web Programming and Design Instructor: Dr. Fang (Daisy) Tang.
Introduction of Web programming Ins. Elaf Alhazmi LECTURE 1.
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.
Databases and the Internet. Lecture Objectives Databases and the Internet Characteristics and Benefits of Internet Server-Side vs. Client-Side Special.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
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.
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.
First things, First Do you belong in here? – 10 – 12 – Comp. Discovery or Keyboard/Comp Apps – Do you have any experience with Web Page Design?????
WEB TERMINOLOGIES. Page or web page: a file that can be read over the world wide web Pages or web pages: the global collection of documents associated.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Networks QUME 185 Introduction to Computer Applications.
Chongseok Park 1.  It is a global system of interconnected computer networks that use the standard Internet protocol suite and it serves billions.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.
HTML PROJECT #1 Project 1 Introduction to HTML HTML Project 1: Introduction to HTML 2 Vocabulary Internet service provider (ISP) A company that has a.
HTML ~ Web Design.
Web Engineering we define Web Engineering as follows: 1) Web Engineering is the application of systematic and proven approaches (concepts, methods, techniques,
The Internet The internet is simply a worldwide computer network that uses standardised communication protocols to transmit and exchange data.
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.
INTRODUCTION TO WEB APPLICATION Chapter 1. In this chapter, you will learn about:  The evolution of the Internet  The beginning of the World Wide Web,
World Wide Web “WWW”, "Web" or "W3". World Wide Web “WWW”, "Web" or "W3"
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
THE INTERNET. TABLE OF CONTENT CONNECTING TO THE INTERNET ELECTRONIC MAIL WORLD WIDE WEB INTERNET SERVICES.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
Web Server.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Introduction to the World Wide Web & Internet CIS 101.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Information Networks. Internet It is a global system of interconnected computer networks that link several billion devices worldwide. It is an international.
CIS 1203 Web Technologies Introduction to the Internet and the WWW.
(class #2) CLICK TO CONTINUE done by T Batchelor.
World Wide Web. The World Wide Web is a system of interlinked hypertext documents accessed via the Internet The World Wide Web is a system of interlinked.
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.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
CS299: Web Programming and Design Instructor: Dr. Fang (Daisy) Tang
4.01 How Web Pages Work.
Objective % Select and utilize tools to design and develop websites.
Computer Networks.
Technologies and Applications
Chapter 1 Introduction to HTML.
Warm Handshake with Websites, Servers and Web Servers:
Evolution of Internet.
E-commerce | WWW World Wide Web - Concepts
Project 1 Introduction to HTML.
E-commerce | WWW World Wide Web - Concepts
Objective % Select and utilize tools to design and develop websites.
Web page a hypertext document connected to the World Wide Web.
Web Page Concept and Design :
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Presentation transcript:

Web Systems & Technologies Lecture 1 Muhammad Pervez Akhtar pervezbcs@gmail.com Pervez.farooka.com

Outline World Wide Web (WWW) The Origin of the Web Hypertext Web vs. the Internet Purposes of World Wide Web Web Pages and Website Web Page vs. Website Web Applications Web Servers TCP/IP Resources of Learning Web

World Wide Web (WWW) The World Wide Web (abbreviated as WWW or W3,  commonly known as the Web) is a system of interlinked hypertext documents that are accessed via the Internet. With a web browser, one can view web pages that may contain text, images, videos, and other multimedia and navigate between them via hyperlinks.

The Origin of the Web Originally promoted the World Wide Web as a virtual library A document control system for sharing information resources among researchers Online documents could be accessed via a unique document address, a Universal Resource Locator(URL) These documents could be cross-referenced via hypertext links

Hypertext The term introduced by Ted Nelson over 30 years ago a way of describing ‘non-sequential writing—text that branches and allows choice to the reader.’ Unlike the static text of print media, it is intended for use with an interactive computer screen A text that is open, fluid and changeable, and can be connected to other pieces of hypertext by ‘links’ called hyperlinks The term was extended under the name hypermedia to refer not only to text, but to other media as well, including graphics, audio, and video The technology that connects documents and information resources through links

Web vs. the Internet Web is rooted in the fundamental protocols associated with the Internet (http) Notion ‘the Web’ go beyond the boundaries of pages delivered to Web browsers Wireless devices, personal digital assistants, and the next generation of Internet appliances

Purposes of World Wide Web There are variety of purposes of using WWW Educational Institutions and Research Laboratories First users of WWW Share documents and other resources over it Individuals Instantaneous International Postal Service Worldwide Community bulletin boards Photo albums, entertainment, news etc Business engaged in ecommerce Buying and selling goods and services over internet B2B communication

Web Pages A web page (or webpage) is a web document that is suitable for the World Wide Web and the web browser. A web browser displays a web page on a monitor or mobile device.

Web Pages The web page is what displays, but the term also refers to a computer file, usually written in HTML or comparable markup language, whose main distinction is to provide hypertext that will navigate to other web pages via links. Web browsers coordinate web resources centered around the written web page, such as style sheets, scripts and images, to present the web page.

Websites A website, also written as web site,  or simply site, is a set of related web pages typically served from a single web domain. A website is hosted on at least one web server, accessible via a network such as the Internet or a private local area network through an Internet address known as a Uniform resource locator (URL). All publicly accessible websites collectively constitute the World Wide Web.

Web Page vs. Website A Web site is more than just a group of web pages that are connected to each other through hypertext links At the lowest level, there are content-related concerns Maintaining thematic consistency of content is important in giving a site some degree of identity There are also a esthetic concerns A Web site should also have a common look and feel across all of its pages A common style across the site: page layout, graphic design, and typographical elements should reflect that style There are also architectural concerns As a site grows in size and becomes more complex It becomes critically important to organize its content properly Not only the layout of individual page but the interconnection between them

Web Page vs. Website Some of the symptoms of bad site design include links targeting the wrong frame links that take visitors to a particular page at an appropriate time Suggestions for good website Should be well designed that reflects identity among pages All the pages are interconnected in a flow If site size grows and become complex Use site map Navigation menus Reorganize or restructured it again

Web Applications A web application or web app is any application software that runs in a web browser and is created in a browser-supported programming language (such as the combination of JavaScript, HTML and CSS) and relies on a web browser to render the application. It is more than a website It is a client server application A Web site simply delivers content from static files A Web application presents dynamically content based on request parameters, tracked user behaviors, and security considerations.

TCP/IP The Internet protocol suite is the computer networking model and communications protocols used in the Internet and similar computer networks. It is commonly known as TCP/IP, because its most important protocols, the Transmission Control Protocol (TCP) and the Internet Protocol (IP), were the first networking protocols defined in this standard. TCP/IP provides end-to-end connectivity specifying how data should be packetized, addressed, transmitted, routed and received at the destination.

Web Servers The term web server, also written as Web server, can refer to either the hardware (the computer) or the software (the computer application) that helps to deliver web content that can be accessed through the Internet.

Web Servers The most common use of web servers is to host websites, but there are other uses such as gaming, data storage, running enterprise applications, handling email, FTP, or other web uses.

How to build Web Applications? There are many books and tutorials available Some are quick and easy while others gives deeper information Web Page Design Resources HTML, CSS, JavaScript etc. Website Design Resources We have fewer resources over net than web page design Protocols, WWW structure, Architectures, Web Application Design Resources There are three main categories of resources Technical Overview: Describe terminology and technology in broad terms, good for managers, executives, not enough info. To build a serious web application In Depth technical resources: over specific platform, how and what to do, teach programmers about specific platform. Reference Books: Such books are useful, naturally, as references, but not for the purpose of learning about the technology

The End