Dynamic HTML - Dynamic HTML 1 DHTML DHTML = Dynamic HTML It...

Info iconThis preview shows pages 1–11. Sign up to view the full content.

View Full Document Right Arrow Icon
1 Dynamic HTML
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
2 DHTML  DHTML = Dynamic HTML  It allows you to build rich client interfaces and to    modify them dynamically  There is no DHTML standard  It is not a W3C, IEEE, ISO or anything else standard  DHTML is a collection of several standards  DHTML consists of HTML/XHTML, CSS, DOM  JavaScript (or ECMAScript)
Background image of page 2
3 What is DHTML? DHTML is the combination of several built-in browser  features in fourth generation browsers that enable a  web page to be more dynamic. DHTML is NOT a scripting language (like JavaScript),  but a  browser feature- or enhancement-  that makes  the browser dynamic It uses a host of different web technologies - to create  HTML that can change even after a page has been  loaded into a browser
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
4 What is DHTML? . .. It is considered to be made up of 1. HTML 2. Cascading Style Sheets (CSS) 3. Scripting language All three of these components are linked via Document  Object Model (DOM)  DOM is the interface that allows scripting languages to access  the content, style, and structure of the web documents and  change them dynamically
Background image of page 4
5 Tools of DHTML HTML and XML Partitions and Organizes the content CSS, XSL - CSS1, CSSP, CSS2 Defines the Presentation of the content Scripting - JavaScript, JScript, VBScript  Adds interactivity to the page DOM- Document Object Model Defines what and how elements are exposed for script  access
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
6 HTML / XHTML HTML = HyperText Markup Language Allows you to define and structure the contents of your document. Latest (last?) version is 4.01. XHTML = XML HyperText Markup Language XML-Compliant definition of HTML. Current version is XHTML 1.1 which added no new HTML tags to HTML 4.01 Contents, not design HTML/XHTML was never intended to convey design
Background image of page 6
7 CSS CSS = Cascading Style Sheets Allows you to define the styles to apply to your document. Design, not content CSS is intended to separate design from content Very powerful CSS is much more powerful than HTML design tags
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
8 CSS Example <STYLE TYPE=" text/css "> BODY { background-color: #CCCCCC; } P { border: 1px solid black ; background-color: #FFFFFF; margin-bottom: 1em; } </STYLE>
Background image of page 8
9 What is CSS? CSS is Cascading Style Sheets It is a specification controlled by the World                            Wide Web Consortium (W3C). HTML controls the organization of a Web page  document CSS controls the presentation and layout of the Web  page document elements
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
10 What is CSS? . .. CSS1- visual presentation of elements 
Background image of page 10
Image of page 11
This is the end of the preview. Sign up to access the rest of the document.

Page1 / 53

Dynamic HTML - Dynamic HTML 1 DHTML DHTML = Dynamic HTML It...

This preview shows document pages 1 - 11. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online