comps801_06Interactive Web Technologies.pdf - COMP S801 Object Oriented Programming and Internet Application Development Unit 6 Interactive Web

comps801_06Interactive Web Technologies.pdf - COMP S801...

This preview shows page 1 - 6 out of 41 pages.

2016-09-11 1 06-Interactive Web Technologies Unit 6 Interactive Web Technologies Introduction to Web Programming Making Dynamic Web Pages with Javascript Gathering User Data with HTML Forms and the Server-side Handler Further Study COMP S801 Object Oriented Programming and Internet Application Development 1 COMP S801 Introduction to Web Programming World Wide Web (WWW) or simply ‘Web’ weaves all webpages together using a client-server model. Webpages are multimedia documents integrating text, style, format and multimedia objects (images, graphics and video). Hypertext Markup Language (HTML) is a language for writing webpages. Not a programming language but to format documents into a form suitable for presentation and navigation in the WWW. Marking up a document is like using highlighter pens to cover text with semi-transparent colors. E.g. Figure 6.1. Figure 6.2 Loading and displaying a webpage 06-Interactive Web Technologies 2
Background image
2016-09-11 2 COMP S801 Some Key Problems of HTML Content and style are usually mixed together. This mixture makes program reading it harder to process the page. Many HTML pages contain errors. Web browsers are lenient in handling errors in HTML documents, and try their best to get around the errors in webpages. 06-Interactive Web Technologies 3 COMP S801 XML - I Extensible Markup Language (XML) defines a set of rules for encoding documents in a format that is both human-readable and machine-readable. Details will be covered in Unit 8 A well-formed XML document conforms to XML syntax rules. e.g. the start tag must pair with a corresponding end tag. A valid document additionally confirms to semantic rules, defined by a Document Type Definition (DTD) document. 06-Interactive Web Technologies 4
Background image
2016-09-11 3 COMP S801 XML - II Document Type Definition (DTD) is a format for defining schema for XML documents. A schema specifies the semantics of a valid XML document. Comments in XML documents are <!-- comments -->. XML Example (Figure 8.1 in Unit 8,) <?xml version="1.0" encoding="ISO-8859-1"?> <note> <to>Tove</to> <from>Jani</from> <heading>Reminder</heading> <body>Don't forget me this weekend!</body> </note> 06-Interactive Web Technologies 5 COMP S801 XML NetBeans Support See below (will demonstrate when discussing Unit 8 later on.) 06-Interactive Web Technologies 6
Background image
2016-09-11 4 COMP S801 XHTML - I Extensible Hypertext Markup Language (XHTML) document is made up of 3 parts 1.XML/XHTML document prologue 2.document header 3.document body 06-Interactive Web Technologies 7 COMP S801 XHTML - II Figure 6.3 An XHTML document 06-Interactive Web Technologies Document body Document header Document prologue 8
Background image
2016-09-11 5 COMP S801 XHTML Document Prologue Contains encoding attribute and kind of DTD used in this document.
Background image
Image of page 6

You've reached the end of your free preview.

Want to read all 41 pages?

  • Spring '17
  • World Wide Web, Document Object Model, Web server

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture