4.01 How Web Pages Work.

Slides:



Advertisements
Similar presentations
4.01 How Web Pages Work.
Advertisements

Project 1 Introduction to HTML.
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.
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.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
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.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!
Web Mastering Module Internet Fundamentals. What is the Internet? –Global network of networks –Communicating using same set of rules (protocols/languages)
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?????
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.
 Internet network of connected computer › No company owns the internet › Purpose is to share information  World Wide Web (Web) one of the ways information.
 The World Wide Web is a collection of electronic documents linked together like a spider web.  These documents are stored on computers called servers.
CIS 250 Advanced Computer Applications Internet/WWW Review.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
● A system of Internet servers that support specially formatted documents. The documents are formatted in a markup language called HTML. What is the World.
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.
1 WWW. 2 World Wide Web Major application protocol used on the Internet Simple interface Two concepts –Point –Click.
Module: Software Engineering of Web Applications Chapter 2: Technologies 1.
01 - Introduction Informatics Department Parahyangan Catholic University.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.
The Internet What is the Internet? The Internet is a lot of computers over the whole world connected together so that they can share information. It.
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.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
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.
Glencoe Introduction to Multimedia Chapter 2 Multimedia Online 1 Internet A huge network that connects computers all over the world. Show Definition.
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.
1 Chapter 1 INTRODUCTION TO WEB. 2 Objectives In this chapter, you will: Become familiar with the architecture of the World Wide Web Learn about communication.
4.01 How Web Pages Work.
Introduction to the Internet
4.01 How Web Pages Work.
Objective % Select and utilize tools to design and develop websites.
Instructor: Ahmed Jafer
Technologies and Applications
CISC103 Web Development Basics: Web site:
Chapter 1 Introduction to HTML.
Warm Handshake with Websites, Servers and Web Servers:
Introduction To Web Design
Sec (4.3) The World Wide Web.
E-commerce | WWW World Wide Web - Concepts
Project 1 Introduction to HTML.
E-commerce | WWW World Wide Web - Concepts
Introducing the World Wide Web
Some Common Terms The Internet is a network of computers spanning the globe. It is also called the World Wide Web. World Wide Web It is a collection of.
Web software.
Objective % Select and utilize tools to design and develop websites.
Web page a hypertext document connected to the World Wide Web.
Web Site Development.
Navigating The World Wide Web
1 Introduction to the Internet.
Web Design & Development
Web Page Concept and Design :
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Introduction to World Wide Web
INFS 230 L Internet Technology
4.01 How Web Pages Work.
4.01 How Web Pages Work.
The Internet and Electronic mail
An Introduction to the Internet
Presentation transcript:

4.01 How Web Pages Work

Introduction 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 W3C and Standards

Simplified Explanation of Web browser and Web Server The content on the Web is available because the Web is a network of computers all over the world. The interconnected devices on the Web use a communication standard known as http (hypertext transfer protocol).

What are Web Pages A web page is a document which can display text, graphics, audio, video and other elements through a web browser. Web pages are documents stored on web servers. Web pages contain instructions on how to display content. The most common instructions are in hypertext markup language (HTML).

You request a web document through your Web browser. DNS Server Checks domain name and finds address of web server Client computing device Web Host or Web Server Sends requested document to your browser

DNS Servers and IP addresses

IP addresses are required An IP address is a unique string of numbers separated by periods that identifies each computer using the Internet Protocol to communicate over a network

Role of the Web Browser HTML code is interpreted by a web browser. (a software application designed to retrieve and present content on the Web) The web browser fetches a Web page from a server by a request. A standard http request includes a page address. For example: http://www.w3.org/standards/about.html

http://www.w3.org/standards/about.html

HTML Defined HTML is a markup language which means that special codes are used to define elements. It is not a scripting or a programming language. HTML code is often referred to as source code. HTML can be coded using a plain text editor.

HTML Structure

Role of the Web Server Web servers are also called web hosts. The web server fetches pages by request and sends them to the client’s browser.

Web Address An address or Uniform Resource Locator (URL) is the method for locating a document on the Web. The URL typically points to the home page or default page (often index.html) that is located in the root folder of the website.

What is a Web site? A Web site is typically a collection of related webpages with a starting point or home page. Web pages are organized in a directory structure on a web server. The web server runs special software to serve up the content by responding to requests.

Hyperlinks The documents within a web site are typically hyperlinked and a navigation system (or menu) permits the user to move between pages. A simple website could be organized in just one folder, but large websites need to be organized in some manner because of the large number of files.

Relative and Absolute Links A relative link means that it is relative to the current document. The Web server knows the location of the current document so it knows how to find relative links. An absolute link defines the location of the document including the protocol required to get the document, the server, the directory and the name of the document.

Relative and absolute Examples <a href=“notes.html”>Notes</a> <a href=“/biology/notes.html”>Notes</a> Relative links <a href=“http://www.w3.org/Consortium/mission”> Mission statement</a> Absolute link

Webpage Development Standards The World Wide Web Consortium (W3C) is an international community that develops open standards. An open standard is a standard that is publicly available and has various rights to use associated with it, and may also have various properties of how it was designed (e.g. open process) The W3C developed the standards for HTML and CSS.

Webpage Development Standards The W3C mission is to lead the World Wide Web to its full potential by developing protocols and guidelines that ensure the long-term growth of the Web.

Webpage Development Standards The HTML standards are constantly evolving to meet the needs of Web users. The current standard is HTML5. The W3C also creates standards for website accessibility, mobile web, etc. The W3C has a Web Accessibility Initiative (WAI) which develops strategies, guidelines, and resources to help make the Web accessible to people with disabilities.