Lecture 23, Computer Networks (198:552)

Slides:

Advertisements

Similar presentations

Getting a Taste of Cascading Stylesheets Steve Mooradian December 14, 2005.

Advertisements

4.01 How Web Pages Work.

Internet Research Internet Applications. The Internet is not the Web Because of the great popularity of the World Wide Web, people think the Internet.

 To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may.

Project 1 Introduction to HTML.

HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.

Basic HTML. HTML Background November 1990, first created by Tim Berners Lee, the father/inventor of WWW Knighted by Queen Victoria in 2004 Hypertext is.

FrontPage 2003 Web Fundamentals Web Site Design. World Wide Web System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information.

Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.

Design factors Content –Fig.s 4-49, 5-4, 6-3 Organization –Fig.s 2-10, 2-11, 2-12, 2-14, 2-15, 5-17 Performance Aesthetic Security.

1st Project Introduction to HTML.

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.

Web Design Basic Concepts.

_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.

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.

Internet Basics Dr. Norm Friesen June 22, Questions What is the Internet? What is the Web? How are they different? How do they work? How do they.

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.

HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.

HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.

Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)

HTML ~ Web Design.

Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.

Overview Web Session 3 Matakuliah: Web Database Tahun: 2008.

Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.

Introduction to Programming the WWW I CMSC Winter 2003 Lecture 10.

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.

COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 1.

TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.

Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.

HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.

University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza

Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.

Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.

Introduction to the World Wide Web & Internet CIS 101.

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

Overview Web Technologies Computing Science Thompson Rivers University.

OCR Computing OGAT Web Technologies. What OCR need you to know… You are expected to have a working knowledge of the above web languages.

Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.

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.

Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.

4.01 How Web Pages Work.

Dive into web development

CX Introduction to Web Programming

Web Basics: HTML/CSS/JavaScript What are they?

Web Technologies Computing Science Thompson Rivers University

Project 1 Introduction to HTML.

Chapter 1 Introduction to HTML.

Project 1 Introduction to HTML.

The Internet and HTML Code

Lecture 8. HTML. Author: Aleksey Semyonov

Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta

Introduction to Internet Programming

Web Systems & Technologies

IT-Seminar /2018 Competency 10 – Web Development

Navigating The World Wide Web

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Tutorial Developing a Basic Web Page

Unit 6 part 3 Test Javascript Test.

Secure Web Programming

HTML What is Html? HTML stands for Hypertext Markup Language.

Introduction to World Wide Web

WEB & HTML Background Info.

Web Technologies Computing Science Thompson Rivers University

Client-Server Model: Requesting a Web Page

4.01 How Web Pages Work.

Presentation transcript:

Lecture 23, Computer Networks (198:552) Web Lecture 23, Computer Networks (198:552)

Information management: A proposal Sir Tim Berners-Lee https://cds.cern.ch/record/369245/files/dd-89-001.pdf

Information management: A proposal “Vague, but exciting”

Prescient ideas in the original proposal A distributed system linking content together Non-linear text navigation (“hypertext”) Access from different kinds of systems Access to different kinds of data and media The possibility of automated search and analysis Highly dynamic content and live links

Structure of a web page: Rendered

Structure of a web page: Source code HTML: text content and (basic) formatting <a href=“…”>link text</a> JavaScript: content rendering document.getElementById(“x”) CSS: styling of an entire page link { color: red } Media: images, videos, etc.

Structure of a web page: DOM Document object model Hierarchical representation of elements Lexical dependencies Interface for processing, not rendering Common language for content specification (HTML) and formatting (JS, CSS)

Structure of a web page: The network Client (browser) Origin/Server (google.com) HTTP requests HTTP response

Structure of a web page: The network Client (browser) Origin/Server (google.com) HTTP requests HTTP response Requests based on DOM or JS (xmlHttpRequest/AJAX)

Polaris: Faster Page Loads using Fine-Grained Dependency Tracking Ravi Netravali et al., NSDI ‘16 (ACK: Material by Ravi Netravali)