1. Web Authoring Rico Yu

2. Ch.10 Static and Dynamic Web Pages Static Web page Dynamic Web page Types of Dynamic Web pages

3. Static Web Page Little interactivity Merely text, graphics and links No need to input data by user No Forms is required Like a printed book Pure HTML

4. Dynamic Web Page More interactivity Involve running program User can perform Calculation or Update information Mix use of HTML and programming dynamic HTML or DHTML

5. Comparison between Static and Dynamic Web pages Static Web pagesDynamic Web pages ComponentsHTML codesHTML codes and programs ProgrammingNon-programmingProgramming is needed InteractivityLowHigh Input dataNo input data is needed Input data are usually collected by forms

6. Dynamic Web Page More interactivity Involve running program User can perform Calculation or Update information Mix use of HTML and programming dynamic HTML or DHTML

7. Dynamic Web Page A. Complied programs e.g. Flash ® player B. Scripts e.g. JavaScript, VBScript, ASP and PHP

8. Dynamic Web Page CGI: 腦地方 香港學網 Java: 電腦教學 地下寮屋 e.g. JAVAJAVA e.g. : ASPASP

9. Types of Dynamic Web Page A. Client-side Computing Programs are processed by client computers. Commonly used languages: JavaScript, VBScript

10. Types of Dynamic Web Page A. Client-side Computing 1. Fast response i.Client computer is less busy ii.Reduces data transmission 2. Uses of Client-side Computing i.Multimedia effects can be added, like GIF, scrolling messages, calendars and banners ii.Validate input data, like checking data type, range and completeness

11. Types of Dynamic Web Page B. Server-side Computing Programs are run by web-server A server-side web page collects data using a form Program in server may be complied, like CGI. Also be scripts stored in text file, like ASP, JSP or PHP

12. Types of Dynamic Web Page B. Server-side Computing 1. Security i.High (No trace of programming-hidden code) ii.Secure data transmission using encryption 2. Uses of Server-side Computing i.Very common in business ii.Access database in web-server (Authentication 認證 )