Web Authoring

Rico Yu

Ch.10 Static and Dynamic Web Pages

Static Web page Dynamic Web page Types of Dynamic Web pages

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

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

Comparison between Static and Dynamic Web pages

Static Web pages Dynamic Web pages

Components HTML codes HTML codes and programs

Programming Non-programming Programming is needed

Interactivity Low High

Input data No input data is needed

Input data are usually collected by forms

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

Dynamic Web Page

A. Complied programs e.g. Flash® player

B. Scripts e.g. JavaScript, VBScript,

ASP and PHP

Dynamic Web Page

CGI:腦地方香港學網

Java:電腦教學地下寮屋

e.g. JAVA

e.g. : ASP

Types of Dynamic Web Page

A. Client-side Computing Programs are processed by client

computers. Commonly used languages:

JavaScript, VBScript

Types of Dynamic Web Page

A. Client-side Computing1. Fast response

i. Client computer is less busyii. Reduces data transmission

2. Uses of Client-side Computingi. Multimedia effects can be added, like GIF,

scrolling messages, calendars and banners

ii. Validate input data, like checking data type, range and completeness

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

Types of Dynamic Web Page

B. Server-side Computing1. Security

i. High (No trace of programming-hidden code)

ii. Secure data transmission using encryption

2. Uses of Server-side Computingi. Very common in businessii. Access database in web-server

(Authentication 認證 )