Basics of Web Based Computing. The Architecture The user’s system A Web Server What’s inside? Server software Apache or other Resources to be accessible.

Slides:



Advertisements
Similar presentations
CSCI N241: Fundamentals of Web Design Copyright ©2004 Department of Computer & Information Science Introducing XHTML: Module B: HTML to XHTML.
Advertisements

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
4. Internet Programming ENG224 INFORMATION TECHNOLOGY – Part I
HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
Web Development & Design Foundations with XHTML
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
 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.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
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.
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.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
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.
WWW and Internet The Internet Creation of the Web Languages for document description Active web pages.
Developing a Basic Web Page with HTML
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
1st Project Introduction to HTML.
Chapter 14 Introduction to HTML
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
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.
Intro to MIS – MGS351 Building a Webpage. Chapter Overview m The World Wide Web – Web servers, Web browsers and Web pages m HTML Introduction m Using.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
Chapter 16 The World Wide Web. 2 The Web An infrastructure of information combined and the network software used to access it Web page A document that.
CPS120: Introduction to Computer Science The World Wide Web Nell Dale John Lewis.
XML: Overview MIS 181.9: Service Oriented Architecture 2 nd Semester,
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Just Enough HTML How to Create Basic HTML Documents.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Introducing XHTML: Module A: Web Design Basics.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
XML Basics A brief introduction to XML in general 1XML Basics.
Web Application Programming Presented by: Mehwish Shafiq.
Chapter 4 Applets Cop Why Applets? WWW makes huge information available to anyone with web browser. Web server send web pages and images to your.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
The Web Wizard’s Guide to HTML Chapter One World Wide Web Basics.
1 herbert van de sompel CS 502 Computing Methods for Digital Libraries Cornell University – Computer Science Herbert Van de Sompel
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
Web programming Part 1: HTML 由 NordriDesign 提供
XML The Extensible Markup Language (XML ), which is comparable to SGML and modeled on it, describes how to describe a collection of data. A standard way.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials © 2007 Prosoft Learning Corporation All.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
The idea of adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
XP 1 HTML Tutorial 1: Developing a Basic Web Page.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
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.
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Introduction to XHTML.
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Introducing HTML & XHTML:
Chapter 16 The World Wide Web.
4.01 How Web Pages Work.
Presentation transcript:

Basics of Web Based Computing

The Architecture The user’s system A Web Server What’s inside? Server software Apache or other Resources to be accessible by means of the Web

Typical structure Server is initiated at startup File space is divided Some default location for browser access Index.html (or index.htm) file in the root directory accessed through the server Default location in the areas assigned to users Points to the html directory in your filespace

The protocols HTTP Hyper text transport protocol Specifies the way the information is requested and provided Includes invisible compression in some cases Other protocols file:[//machine]/path/file Server may be configured to accept or not accept protocols other than http

The Language Files accessible through the Web are retrieved by using http and are displayed. The software that displays the file contents depends on the format of the file data. Browsers can display information of several formats. Browser may contain code to interpret and display the data Browser may invoke another program to display the data. The lingua franca of the Web is HTML, now XHTML.

XHTML (X)HTML is a markup language Information about the information (meta information) is imbedded in the document How the information is processed depends on the definition of the meta information and the program that processes it. HTML was designed to describe how a document should be displayed. Size and boldness of headers Use of italics, underline, and bold in text Spacing in tables and charts HTML was also designed to allow parts of a document to be linked to other parts and to other documents

Other display requirements Some things are hard to display using HTML and standard browsers Music Mathematics Protein structure, etc. Other systems were needed to define ways to display these types of information, and others.

SGML and XML SGML (Standard Generalized Markup Language) is a language for defining languages HTML is an example language SGML turned out to be burdensome XML (eXtensible Markup Language) is derived from SGML XHTML is HTML recast as an XML language Both allow communities to define new markup languages appropriate to their needs

A quick introduction to XML (from This material is slightly shortened and rephrased, but essentially from this site. XML is a set of rules for designing text formats that allow you to structure your data Extensible, platform independent, international support (unicode-compliant) Uses tags that look like HTML Brackets and Attributes HTML defines how the data will look; XML tags only delimit data. How the data will be used or presented is left up to the program that processes it.

XML continued XML files are text Humans can read them, but that is not the idea It is easy to write new programs to process the data, because the format of the file is not proprietary XML 1.0 is the specification that defines what “tags” and “attributes” are. Beyond XML 1.0, “the XML family” is a growing set of modules that offer useful services to accomplish important and frequently demanded tasks. (quote)

XML and XHTML XHTML is an XML application. XHTML has slightly different format from HTML, to conform to XML rules. XHTML determines what the tags mean and how they should be rendered.

The Semantic Web Successor to the World Wide Web More coordination of meaning The W3C Resource Description Format (RDF) “integrates applications and agents into one Semantic Web” Please see the web page cited and additional material at w3c.org for more complete information.

Separating meaning from description XML allows a community (or an individual, but that would be unusual) to define a set of tags to be imbedded in a collection of information. A separate DTD (document type definition)

Example Address book DTD (+ = one or more, * = any number, ? = at most once)

The XML file An XML file to correspond to the addressentry dtd Ridley Anna Anne Grandmom 123 A Street Apartment 3A Willington DE 19804

Summary We have seen a brief overview of the architecture of the Web and an introduction to XML and DTD. We will continue with discussion of forms and form processing