交大资工蔡文能计概.PPT

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * View Source善用 Browsers 的 “檢視原始檔”能力 One of the most important thing is to look at the source of a file. Internet Explorer – View – Source Netscape – View – Page Source Firefox – ? Finger out by yourself ? Helps to learn HTML Get new ideas from other guys’ Web pages..? Techniques for Dynamic web pages Client-side Examples: Java Applets, Javascript/VBScript, Macromedia (Adobe) Flash Server-side Common Gateway Interface (CGI) A runnable program on server in any language DBMS + SQL Servlets ASP, PHP, JSP Server Side Javascript, SSI, … What is DHTML? (1/2) 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 technologies - JavaScript, VBScript, the Document Object Model (DOM), layers, cascading stylesheets - to create HTML that can change even after a page has been loaded into a browser What is DHTML? (2/2) It is considered to be made up of HTML Cascading Style Sheets (CSS) 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 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 /wiki/Java_API_for_XML_Processing eXtensible Markup Language (XML) XML: a language for constructing markup languages, similar to HTML A descendant of SGM