UFCEKG Lecture 2. Mashups N. H. N. D. de Silva (Slides adapted from Prakash Chatterjee, UWE)
|
|
- Samson McBride
- 5 years ago
- Views:
Transcription
1 UFCEKG 20 2 Data, Schemas & Applications Lecture 2 Introduction to thewww WWW, URLs, HTTP, Services and Mashups N. H. N. D. de Silva (Slides adapted from Prakash Chatterjee, UWE)
2 Suppose all the information stored on computers everywhere were linked, I thought. Suppose I could program my computer to create a space in which anything could be linked to anything. All the bits of information in every computer at CERN, and on the planet, would be available to me and to anyone else. There would be a single, global information space. Tim Berners Lee, Weaving the Web 2
3 WWW : definition The World Wide Web (abbreviated as WWW or W3,, commonly known as the Web), is a system of interlinked hypertext documents 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. Wikipedia : World Wide Web Concept originally proposed by Sir Tim Berners Lee (1989) based onearlier hypertext systems. Berners Lee andbelgiancomputer scientist Robert Cailliau proposed in 1990 to use hypertext "to link and access information of various kinds as a web of nodes in which hthe user can browse at will", and they publicly l introduced d the project in December of the same year. 3
4 Mashups o Oii Originally a term for the sampling & mixing ii of two pieces of music together. Here the term refers to web applications which combine data from multiple sources to create added value sites. o on Wikipedia o Programmable Web run by John Musser tracks the emerging collection of mashups. o Here we review the basic mechanisms for integration. Next week we will cover the basics of XML, one of the data formats widely usedfor integration and configuration. 4
5 Mashup pre requisitesrequisites o HTTP protocol o client server interaction o URI Schema o HTML/HTML Forms the simplest Mashup technique o media type (Mime type, content type) o URL Encoding o Character encoding 5
6 HTTP o Request Querystring string, attached filesand informationabouttheabout the client. Server can accessallall this data to determine the appropriate response. o Response Document formatted by the server, with a wrapper which identifies the kind of Content type o GET Query string appendedto URI limitedlength, length, exposes the parameter names, easy to edit, use for development, formally only for requests which only read data and don't update. o POST Query string passed in HTTP request body, unlimited size, hides the interface, use for sending data to server for update o PUT Add a resource to the remote store o DELETE Delete a resource Often authentication is required username/password passed in the HTTP header. 6
7 HTTP interaction o This sequence diagram explains the main processes in the HTTP Protocol. It is the foundation for much of the interaction on the web Client server interaction with HTTP 7
8 HTTP interaction o We can think of an HTTP request/response as a remote procedure call (RPC). There are other, more low level level mechanisms for RPC which are useful in special circumstances but the web is built around HTTP o Applications built on HTTP interaction are often called RESTful. REST is an abbreviation which stands for Representational State Transfer. o Strictly this is a well defined architectural style in which the HTTP operations are used in a specific restricted sense, and unique URIsidentify each resource in the application. o Informally it refers to any interface to a site in which all data is requested and transmitted via HTTP without any additional layers such as is found in SOAP and Web Services, and the state of the interaction is passed in the request. 8
9 Three essential iltechnologies : uri, html l& http 1. a system of globallyunique identifiers for resources on the Web and elsewhere, the Universal Document Identifier (UDI), later known as Uniform Resource Locator (URL) and Uniform Resource Identifier (URI); 2. the publishing language HyperText Markup Language (HTML); 3. the Hypertext Transfer Protocol (HTTP). 9
10 Anatomy of a URI o Uniform Resource Identifier (more general than URL). The structure of a URI is defined by the URI scheme. URIs are case sensitive p / / / < scheme > : < hierarchical part > [? < query > ] [ # < fragment > ] o http o // o user info terminated o hostname o port :80 o path /modules/dsa/index.html /d /i d l o year=2012 (query parameter) 10
11 Anatomy of a URI 11
12 URI Scheme names o http The most common scheme name Hypertext Transfer Protocol. Typically web pages are requested and delivered using this protocol. o https secure HTTP o mailto an address usually handled by the browser handing responsibility to another application o file read a local file (but do not execute it) o ftp file transfer any others? 12
13 URI hierarchical part o user info e.g. nhnisansa@gmail.com o hostname converted by DNS to an IP address o port e.g. : 80 default http port o path /modules/dsa/index.html 13
14 Query String o Parameters passed to thescript script. Multiple parameters are passed in several common forms o delimited values are positional and delimited by a special character such as ";" o /modules/dsa/index.html;2 o where the two parameters are /modules/dsa/index.html and 2 o keyword/value pairs each parameter value is passed as a keyword=value pair, with pairs separated by &. This is the form used by HTML forms. The order of the parameters is not significant 14
15 Fragment o address a place within a document place marked as <a name="fragid"> 15
16 Uses of URIs o Destination of HTTP request o a link in an HTML document body <a href=" o a link in an HTML document head <link rel="alternate" media type="application/rss+xml href="news.rss"/> rss"/> o typed into the location bar in a browser or editing an existing URI o created in a browser by javascript document.location = " + term o used by the Javascript AJAX technique to add interactivity to a web page o created by a server script e.g. PHP $x = file(" o Unique id for a resource o XML namespaces o semantic web resource id
17 URI re write o URIs are often re written by the server e.g. using Apache mod rewrite to map to a different internal location. o EKG 20 2 o re written to b/fold1/rdf/rdf.xq?p=module/ufiekg
18 URI re write o This allows the actual server, file locations and script languages to be changed while providing a stable resource identifier. Any software problem can be solved by adding another layer of indirection. Steve Bellovin of AT&T Labs 18
19 Form interface to create URI o The simplest way to reuse another application is to create a new form to create the appropriate URIs. To understand the application is to understand the interface, the scripts, the parameters to scripts and the range and meaning of parameter values. o Here the example is a site in the US run by NOAA which gathers data on Weather observation stations at sea. o UK buoys o Buoy near Pembroke o Wind speed 19
20 HTML o Hypertext Markup Language (HTML) is the language of the Web o Hypertext because the Web is a hypermedia system o Markup because documents are encoded using text o Language because HTML is used for communications o Markup Languages are different from most file formats o many computer formats are binary encoded ddand not just text o markup allows structured documents to be encoded as just text o Web data formats use markup as well as other encodings o HTML and XML are markup languages o JavaScript is also exchanged textually (but it's not markup) o images and other multimedia content is encoded as binary files 20
21 Text o <h1> <h6> are different levels of headings o <p> contains paragraph text o whitespace and line wrapping are ignored o paragraphs p are set as boxes containing a number of lines o Text inside paragraphs can use additional markup (phrase markup) o <em> for emphasized text o <strong> for text with a strong emphasis o <sub> for subscript text o <sup> for superscript text o <q> for quoted text (try nesting quotes) o <code> for code examples o rendering of all these elements is built into the browser o more sophisticated issues probably are more browser dependent 21
22 More Advanced Text o Quotations can be explicitly marked up as such o blockquote for block level quotations o q for inline quotations (part of a block) o cite provides support for pointing to the source o Preformatted dtext tallows text tformatting in the HTML source o pre leaves whitespace intact and usually uses monospaced fonts o word wrapping may be turned off by default 22
23 Lists and Tables o HTML supports three kinds of lists o <ul> for unordered lists containing li o <ol> for ordered lists containing li o <dl> for definition lists containing dt/dd o Tables are the most complex visual structure in HTML o <table> represents a table as a sequence ence of rows o <tr>represents a table row as a sequence of cells o <td> represents a table tbl cell containing tii table data o <th>is a special cell containing header data 23
24 Images o The Web is an open hypermedia system o hyper refers to the term hypertext for linked content o media refers to the fact that multiple media types are supported o For a long time, the Web only supported text and images o images can be used in a variety of formats (GIF, JPEG, PNG) o audio and video are possible today, but not part of the Web o Images are not part of a Web page, they are included by markup o img is an empty element for including images o src is a URI pointing i to the image (often a relative URI) <img src="../img/portrait.png" alt="portrait"> 24
25 Links o Links are the most important feature of the Web o conceptually, the Web is one large hypermedia document o links are based on Web identifiers, the Uniform Resource Identifier (URI) o <a> is a link anchor and links to a URI (the link target) <a href=" title= CSCT UWE">CSCT</a> o URIs can have various forms o http: points to resources available on Web servers o https: is the same but uses encrypted connections o URIs can use a variety of other URI Schemes o URIs can be relative (in the same was as file names) o relative URIsare evaluated relative to the URIof their occurrence o relative URIs can use path segments such as / and.. 25
A HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension
HTML Website is a collection of web pages on a particular topic, or of a organization, individual, etc. It is stored on a computer on Internet called Web Server, WWW stands for World Wide Web, also called
More informationSetup and Environment
Setup and Environment Web Architecture and Information Management [./] Spring 2009 INFO 190-02 (CCN 42509) Erik Wilde, UC Berkeley School of Information [http://creativecommons.org/licenses/by/3.0/] This
More informationCertified HTML5 Developer VS-1029
VS-1029 Certified HTML5 Developer Certification Code VS-1029 HTML5 Developer Certification enables candidates to develop websites and web based applications which are having an increased demand in the
More informationUR what? ! URI: Uniform Resource Identifier. " Uniquely identifies a data entity " Obeys a specific syntax " schemename:specificstuff
CS314-29 Web Protocols URI, URN, URL Internationalisation Role of HTML and XML HTTP and HTTPS interacting via the Web UR what? URI: Uniform Resource Identifier Uniquely identifies a data entity Obeys a
More informationIntroduction to HTML. SSE 3200 Web-based Services. Michigan Technological University Nilufer Onder
Introduction to HTML SSE 3200 Web-based Services Michigan Technological University Nilufer Onder What is HTML? Acronym for: HyperText Markup Language HyperText refers to text that can initiate jumps to
More informationWhat You Will Learn Today
CS101 Lecture 03: The World Wide Web and HTML Aaron Stevens 23 January 2011 1 What You Will Learn Today Is it the Internet or the World Wide Web? What s the difference? What is the encoding scheme behind
More informationContents. Topics. 01. WWW 02. WWW Documents 03. Web Service 04. Web Technologies. Management of Technology. C01-1. Documents
Management of Technology Topics C01-1. Documents Code: 166125-01 Course: Management of Technology Period: Spring 2013 Professor: Sync Sangwon Lee, Ph. D 1 Contents 01. WWW 03. Web Service 04. Web Technologies
More informationCertified HTML Designer VS-1027
VS-1027 Certification Code VS-1027 Certified HTML Designer Certified HTML Designer HTML Designer Certification allows organizations to easily develop website and other web based applications which are
More informationWeb Engineering (Lecture 01)
Web Engineering (Lecture 01) By: Kamran Ullah Lecturer (CS) Class BS(CS)-5 th semester Web Engineering Definition 1: Web Engineering is the application of systematic and disciplined approaches to the design,
More informationNotes beforehand... For more details: See the (online) presentation program.
Notes beforehand... Notes beforehand... For more details: See the (online) presentation program. Topical overview: main arcs fundamental subjects advanced subject WTRs Lecture: 2 3 4 5 6 7 8 Today: the
More informationA Brief Introduction to HTML
A P P E N D I X HTML SuMMAry J A Brief Introduction to HTML A web page is written in a language called HTML (Hypertext Markup Language). Like Java code, HTML code is made up of text that follows certain
More information3. WWW and HTTP. Fig.3.1 Architecture of WWW
3. WWW and HTTP The World Wide Web (WWW) is a repository of information linked together from points all over the world. The WWW has a unique combination of flexibility, portability, and user-friendly features
More information1.264 Lecture 12. HTML Introduction to FrontPage
1.264 Lecture 12 HTML Introduction to FrontPage HTML Subset of Structured Generalized Markup Language (SGML), a document description language SGML is ISO standard Current version of HTML is version 4.01
More informationINTRODUCTION TO HTML5! HTML5 Page Structure!
INTRODUCTION TO HTML5! HTML5 Page Structure! What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since
More informationCSC Web Programming. Introduction to HTML
CSC 242 - Web Programming Introduction to HTML Semantic Markup The purpose of HTML is to add meaning and structure to the content HTML is not intended for presentation, that is the job of CSS When marking
More information= a hypertext system which is accessible via internet
10. The World Wide Web (WWW) = a hypertext system which is accessible via internet (WWW is only one sort of using the internet others are e-mail, ftp, telnet, internet telephone... ) Hypertext: Pages of
More informationCreating Web Pages. Getting Started
Creating Web Pages Getting Started Overview What Web Pages Are How Web Pages are Formatted Putting Graphics on Web Pages How Web Pages are Linked Linking to other Files What Web Pages Are Web Pages combine
More informationCOPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1
59313ftoc.qxd:WroxPro 3/22/08 2:31 PM Page xi Introduction xxiii Chapter 1: Creating Structured Documents 1 A Web of Structured Documents 1 Introducing XHTML 2 Core Elements and Attributes 9 The
More informationEEC-682/782 Computer Networks I
EEC-682/782 Computer Networks I Lecture 20 Wenbing Zhao w.zhao1@csuohio.edu http://academic.csuohio.edu/zhao_w/teaching/eec682.htm (Lecture nodes are based on materials supplied by Dr. Louise Moser at
More informationCourse Overview. Week 1
Course Overview Week 1 AGENDA WEBD101 Introduction Course Requirements Attendance Assignment Submissions This week 2 I live in Ohio Introduction I have worked for Franklin University as an adjunct / employee
More informationUniform Resource Locators (URL)
The World Wide Web Web Web site consists of simply of pages of text and images A web pages are render by a web browser Retrieving a webpage online: Client open a web browser on the local machine The web
More informationHtml basics Course Outline
Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and
More informationCISC 1400 Discrete Structures
CISC 1400 Discrete Structures Building a Website 1 The Internet A "network of networks" that consists of millions of smaller domestic, academic, business, and government networks. Worldwide, publicly accessible
More informationHyper Text Markup Language HTML: A Tutorial
Hyper Text Markup Language HTML: A Tutorial Ahmed Othman Eltahawey December 21, 2016 The World Wide Web (WWW) is an information space where documents and other web resources are located. Web is identified
More informationHTML. HTML Evolution
Overview stands for HyperText Markup Language. Structured text with explicit markup denoted within < and > delimiters. Not what-you-see-is-what-you-get (WYSIWYG) like MS word. Similar to other text markup
More informationChapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21
Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...
More informationWhat is a web site? Web editors Introduction to HTML (Hyper Text Markup Language)
What is a web site? Web editors Introduction to HTML (Hyper Text Markup Language) What is a website? A website is a collection of web pages containing text and other information, such as images, sound
More informationAdaptable and Adaptive Web Information Systems. Lecture 1: Introduction
Adaptable and Adaptive Web Information Systems School of Computer Science and Information Systems Birkbeck College University of London Lecture 1: Introduction George Magoulas gmagoulas@dcs.bbk.ac.uk October
More informationGlobal Servers. The new masters
Global Servers The new masters Course so far General OS principles processes, threads, memory management OS support for networking Protocol stacks TCP/IP, Novell Netware Socket programming RPC - (NFS),
More informationHTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.
HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information
More informationLING 408/508: Computational Techniques for Linguists. Lecture 14
LING 408/508: Computational Techniques for Linguists Lecture 14 Administrivia Homework 5 has been graded Last Time: Browsers are powerful Who that John knows does he not like? html + javascript + SVG Client-side
More informationCSC 121 Computers and Scientific Thinking
CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language
More informationCOPYRIGHTED MATERIAL. Contents. Introduction. Chapter 1: Structuring Documents for the Web 1
Introduction Chapter 1: Structuring Documents for the Web 1 A Web of Structured Documents 1 Introducing HTML and XHTML 2 Tags and Elements 4 Separating Heads from Bodies 5 Attributes Tell Us About Elements
More informationGRAPHIC WEB DESIGNER PROGRAM
NH128 HTML Level 1 24 Total Hours COURSE TITLE: HTML Level 1 COURSE OVERVIEW: This course introduces web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language used
More information(Refer Slide Time: 01:41) (Refer Slide Time: 01:42)
Internet Technology Prof. Indranil Sengupta Department of Computer Science and Engineering Indian Institute of Technology, Kharagpur Lecture No #14 HTML -Part II We continue with our discussion on html.
More informationReview of HTML. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar
Review of HTML Chapter 3 Fundamentals of Web Development 2017 Pearson Fundamentals of Web Development http://www.funwebdev.com - 2 nd Ed. What Is HTML and Where Did It Come from? HTML HTML is defined as
More informationHTML CS 4640 Programming Languages for Web Applications
HTML CS 4640 Programming Languages for Web Applications 1 Anatomy of (Basic) Website Your content + HTML + CSS = Your website structure presentation A website is a way to present your content to the world,
More informationUFCEKG 20 2 Data, Schemas & Applications
UFCEKG 20 2 Data, Schemas & Applications Lecture 1 Module Introduction & Outline N. H. N. D. de Silva (Slides adapted from Prakash Chatterjee, UWE) Teaching and learning: 2 hour lecture 1 hour workshop
More informationComputer Applications Final Exam Study Guide
Computer Applications Final Exam Study Guide Our final exam is based from the quizzes, tests, and from skills we have learned about Hardware, PPT, Word, Excel and HTML during our Computer Applications
More informationCSCI-1680 WWW Rodrigo Fonseca
CSCI-1680 WWW Rodrigo Fonseca Based partly on lecture notes by Sco2 Shenker and John Janno6 Administrivia HW3 out today Will cover HTTP, DNS, TCP TCP Milestone II coming up on Monday Make sure you sign
More informationIntroduction to Web Technologies
Introduction to Web Technologies James Curran and Tara Murphy 16th April, 2009 The Internet CGI Web services HTML and CSS 2 The Internet is a network of networks ˆ The Internet is the descendant of ARPANET
More informationIntroduction to HTML
Introduction to HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements
More informationCHAPTER 2 MARKUP LANGUAGES: XHTML 1.0
WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document
More information1.1 A Brief Intro to the Internet
1.1 A Brief Intro to the Internet - Origins - ARPAnet - late 1960s and early 1970s - Network reliability - For ARPA-funded research organizations - BITnet, CSnet - late 1970s & early 1980s - email and
More informationHTML Hyper Text Markup Language
HTML Hyper Text Markup Language Home About Services index.html about.html services.html Homepage = index.html site root index.html about.html services.html images headshot.jpg charlie.jpg A webpage built
More information(1) I (2) S (3) P allow subscribers to connect to the (4) often provide basic services such as (5) (6)
Collection of (1) Meta-network That is, a (2) of (3) Uses a standard set of protocols Also uses standards d for structuring t the information transferred (1) I (2) S (3) P allow subscribers to connect
More informationCSCI-1680 WWW Rodrigo Fonseca
CSCI-1680 WWW Rodrigo Fonseca Based partly on lecture notes by Scott Shenker and John Jannotti Precursors 1945, Vannevar Bush, Memex: a device in which an individual stores all his books, records, and
More informationThe Internet. Tim Capes. November 7, 2011
The Internet Tim Capes November 7, 2011 What is the Internet? The internet is a global system consisting of millions if interconnected networks. These individual networks are anything from local (a Home
More information11. HTML5 and Future Web Application
11. HTML5 and Future Web Application 1. Where to learn? http://www.w3schools.com/html/html5_intro.asp 2. Where to start: http://www.w3schools.com/html/html_intro.asp 3. easy to start with an example code
More informationHTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS
MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version
More informationThe figure below shows the Dreamweaver Interface.
Dreamweaver Interface Dreamweaver Interface In this section you will learn about the interface of Dreamweaver. You will also learn about the various panels and properties of Dreamweaver. The Macromedia
More informationBeginning Web Programming with HTML, XHTML, and CSS. Second Edition. Jon Duckett
Beginning Web Programming with HTML, XHTML, and CSS Second Edition Jon Duckett Beginning Web Programming with HTML, XHTML, and CSS Introduction............................................... xxiii Chapter
More informationTutorial 1 Getting Started with HTML5. HTML, CSS, and Dynamic HTML 5 TH EDITION
Tutorial 1 Getting Started with HTML5 HTML, CSS, and Dynamic HTML 5 TH EDITION Objectives Explore the history of the Internet, the Web, and HTML Compare the different versions of HTML Study the syntax
More informationCS/COE 1520
CS/COE 1520 www.cs.pitt.edu/~nlf4/cs1520/ Introduction Meta-notes These notes are intended for use by students in CS1520 at the University of Pittsburgh. They are provided free of charge and may not be
More informationHTML. Based mostly on
HTML Based mostly on www.w3schools.com What is HTML? The standard markup language for creating Web pages HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup
More informationrecall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)
HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its
More informationintroduction to XHTML
introduction to XHTML XHTML stands for Extensible HyperText Markup Language and is based on HTML 4.0, incorporating XML. Due to this fusion the mark up language will remain compatible with existing browsers
More informationDeveloping a Basic Web Page
Developing a Basic Web Page Creating a Web Page for Stephen Dubé s Chemistry Classes 1 Objectives Review the history of the Web, the Internet, and HTML Describe different HTML standards and specifications
More informationUNIT II Dynamic HTML and web designing
UNIT II Dynamic HTML and web designing HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language
More informationWeb Development and HTML. Shan-Hung Wu CS, NTHU
Web Development and HTML Shan-Hung Wu CS, NTHU Outline How does Internet Work? Web Development HTML Block vs. Inline elements Lists Links and Attributes Tables Forms 2 Outline How does Internet Work? Web
More informationThe Nature of the Web
The Nature of the Web Agenda Code The Internet The Web Useful References 2 CODE is King (or Queen) The language of the Web: Hypertext Markup Language - HTML Cascading Style Sheets - CSS Build over successive
More information1.1 A Brief Intro to the Internet
1.1 A Brief Intro to the Internet - Origins - ARPAnet - late 1960s and early 1970s - Network reliability - For ARPA-funded research organizations - BITnet, CSnet - late 1970s & early 1980s - email and
More information2. Introduction to Internet Applications
2. Introduction to Internet Applications 1. Representation and Transfer 2. Web Protocols 3. Some Other Application Layer Protocols 4. Uniform Resource Identifiers (URIs) 5. Uniform Resource Locators (URLs)
More informationFrom administrivia to what really matters
From administrivia to what really matters Questions about the syllabus? Logistics Daily lectures, quizzes and labs Two exams and one long project My teaching philosophy...... is informed by my passion
More informationWorld Wide Web. Before WWW
FEUP, João Neves World Wide Web Joao.Neves@fe.up.pt CAcer t WoT User Digitally signed by CAcert WoT User DN: cn=cacert WoT User, email=joao.neves@i nescporto.pt, email=b2d718a54c3 83ce1a9d48aa87e2ef 687ee8769f0
More informationKENDRIYA VIDYALAYA MAHASAMUND
क न द र य व द य लय मह सम द KENDRIYA VIDYALAYA MAHASAMUND MAHASAMUND (C.G.)493445 Session-2017. Unit-I Basic Of Information Technology What is Basic of IT- Information technology (IT) is the application
More informationManagement Information Systems
Management Information Systems Hands-On: HTML Basics Dr. Shankar Sundaresan 1 Elements, Tags, and Attributes Tags specify structural elements in a document, such as headings: tags and Attributes
More informationHTML+ CSS PRINCIPLES. Getting started with web design the right way
HTML+ CSS PRINCIPLES Getting started with web design the right way HTML : a brief history ❶ 1960s : ARPANET is developed... It is the first packet-switching network using TCP/IP protocol and is a precursor
More informationCreate web pages in HTML with a text editor, following the rules of XHTML syntax and using appropriate HTML tags Create a web page that includes
CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB By Hassan S. Shavarani UNIT2: MARKUP AND HTML 1 IN THIS UNIT YOU WILL LEARN THE FOLLOWING Create web pages in HTML with a text editor, following
More informationDuke Library Website Preliminary Accessibility Assessment
Duke Library Website Preliminary Accessibility Assessment RAW OUTPUT FROM CYNTHIASAYS December 15, 2011 Michael Daul, Digital Projects Developer Digital Experience Services HiSoftware Cynthia Says - Web
More informationROLE OF WEB BROWSING LAYOUT ENGINE EVALUATION IN DEVELOPMENT
INFORMATION AND COMMUNICATION TECHNOLOGIES ROLE OF WEB BROWSING LAYOUT ENGINE EVALUATION IN DEVELOPMENT PROCESS OF MORE USABLE WEB INFORMATION SYSTEM Gatis Vitols, Latvia University of Agriculture gatis.vitols@llu.lv;
More informationCHAPTER 1: GETTING STARTED WITH HTML CREATED BY L. ASMA RIKLI (ADAPTED FROM HTML, CSS, AND DYNAMIC HTML BY CAREY)
CHAPTER 1: GETTING STARTED WITH HTML EXPLORING THE HISTORY OF THE WORLD WIDE WEB Network: a structure that allows devices known as nodes or hosts to be linked together to share information and services.
More informationPart 1: HTML Language HyperText Make-up Language
Part 1: HTML Language HyperText Make-up Language 09/08/2010 1 CHAPTER I Introduction about Web Design 2 Internet and World Wide Web The Internet is the world s largest computer network The Internet is
More informationDreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets
Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually
More informationWeb Engineering (CC 552)
Web Engineering (CC 552) Introduction Dr. Mohamed Magdy mohamedmagdy@gmail.com Room 405 (CCIT) Course Goals n A general understanding of the fundamentals of the Internet programming n Knowledge and experience
More informationBASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements including headings, paragraphs, lists,
More informationUnderstanding this structure is pretty straightforward, but nonetheless crucial to working with HTML, CSS, and JavaScript.
Extra notes - Markup Languages Dr Nick Hayward HTML - DOM Intro A brief introduction to HTML's document object model, or DOM. Contents Intro What is DOM? Some useful elements DOM basics - an example References
More informationMPT Web Design. Week 1: Introduction to HTML and Web Design
MPT Web Design Week 1: Introduction to HTML and Web Design What will we do in this class? Learn the basics of HTML and how to create our own template Basic website structure Learn design concepts for a
More informationBasics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What element is used to configure a new paragraph? a. new b. paragraph c. p d. div 2. What element is used to create the largest heading? a. h1 b. h9 c. head
More informationCSI 3140 WWW Structures, Techniques and Standards. Markup Languages: XHTML 1.0
CSI 3140 WWW Structures, Techniques and Standards Markup Languages: XHTML 1.0 HTML Hello World! Document Type Declaration Document Instance Guy-Vincent Jourdan :: CSI 3140 :: based on Jeffrey C. Jackson
More informationAnnouncements. 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted
Announcements 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted 2. Install Komodo Edit on your computer right away. 3. Bring laptops to next class
More informationMODULE 2 HTML 5 FUNDAMENTALS. HyperText. > Douglas Engelbart ( )
MODULE 2 HTML 5 FUNDAMENTALS HyperText > Douglas Engelbart (1925-2013) Tim Berners-Lee's proposal In March 1989, Tim Berners- Lee submitted a proposal for an information management system to his boss,
More informationCOMP519 Web Programming Lecture 3: HTML (HTLM5 Elements: Part 1) Handouts
COMP519 Web Programming Lecture 3: HTML (HTLM5 Elements: Part 1) Handouts Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University of
More informationAnnouncements. Paper due this Wednesday
Announcements Paper due this Wednesday 1 Client and Server Client and server are two terms frequently used Client/Server Model Client/Server model when talking about software Client/Server model when talking
More information1.1 A Brief Intro to the Internet
1.1 A Brief Intro to the Internet - Origins - ARPAnet - late 1960s and early 1970s - Network reliability - For ARPA-funded research organizations - BITnet, CSnet - late 1970s & early 1980s - email and
More informationYear 8 Computing Science End of Term 3 Revision Guide
Year 8 Computing Science End of Term 3 Revision Guide Student Name: 1 Hardware: any physical component of a computer system. Input Device: a device to send instructions to be processed by the computer
More informationA Balanced Introduction to Computer Science, 3/E
A Balanced Introduction to Computer Science, 3/E David Reed, Creighton University 2011 Pearson Prentice Hall ISBN 978-0-13-216675-1 Chapter 2 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is
More informationThe [HTML] Element p. 61 The [HEAD] Element p. 62 The [TITLE] Element p. 63 The [BODY] Element p. 66 HTML Elements p. 66 Core Attributes p.
Acknowledgments p. xix Preface p. xxi Web Basics Introduction to HTML p. 3 Basic HTML Concepts p. 4 HTML: A Structured Language p. 7 Overview of HTML Markup p. 11 Logical and Physical HTML p. 13 What HTML
More informationI-5 Internet Applications
I-5 Internet Applications After completion of this unit, you should be able to understand and code a webpage that includes pictures, sounds, color, a table, a cursor trail, hypertext, and hyperlinks. Assignments:
More informationUNIT I. A protocol is a precise set of rules defining how components communicate, the format of addresses, how data is split into packets
UNIT I Web Essentials: Clients, Servers, and Communication. The Internet- Basic Internet Protocols -The World Wide Web-HTTP request message-response message- Web Clients Web Servers-Case Study. Markup
More informationCS WEB TECHNOLOGY
CS1019 - WEB TECHNOLOGY UNIT 1 INTRODUCTION 9 Internet Principles Basic Web Concepts Client/Server model retrieving data from Internet HTM and Scripting Languages Standard Generalized Mark up languages
More informationWeb Systems & Technologies: An Introduction
Web Systems & Technologies: An Introduction Prof. Ing. Andrea Omicini Ingegneria Due, Università di Bologna a Cesena andrea.omicini@unibo.it 2006-2007 Web Systems Architecture Basic architecture information
More informationChapter 2. Self-test exercises
Chapter 2 Self-test exercises ST1. Who invented the World Wide Web? Answer: Tim Berners-Lee ST2. What does the acronym http stand for? Answer: HyperText Transfer Protocol ST3. What does the acronym ftp
More informationDocument Object Model. Overview
Overview The (DOM) is a programming interface for HTML or XML documents. Models document as a tree of nodes. Nodes can contain text and other nodes. Nodes can have attributes which include style and behavior
More informationWeb Information System Design. Tatsuya Hagino
Web Information System Design Tatsuya Hagino (hagino@sfc.keio.ac.jp) 1 Course Summary Understanding the current Web architecture Web components Web as document space Structure of Web documents Web principles
More informationChapter 27. HTTP and WWW
Chapter 27 HTTP and WWW 27.1 HTTP Transaction Request Message Response Message Headers Note: HTTP uses the services of TCP on well-known port 80. Figure 27.1 HTTP transaction Figure 27.2 Request message
More informationSemantic Web Lecture Part 1. Prof. Do van Thanh
Semantic Web Lecture Part 1 Prof. Do van Thanh Overview of the lecture Part 1 Why Semantic Web? Part 2 Semantic Web components: XML - XML Schema Part 3 - Semantic Web components: RDF RDF Schema Part 4
More information1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5
Name Date Final Exam Prep Questions Worksheet #1 1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5 2. Which of the following
More informationHTML and CSS COURSE SYLLABUS
HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page
More informationThe HTTP protocol. Fulvio Corno, Dario Bonino. 08/10/09 http 1
The HTTP protocol Fulvio Corno, Dario Bonino 08/10/09 http 1 What is HTTP? HTTP stands for Hypertext Transfer Protocol It is the network protocol used to delivery virtually all data over the WWW: Images
More information