1. Display Page (HTML/CSS)
1. The User Interface
Client (browser)
Server
HTTP Request
User Interaction
Display Page (HTML/CSS)
Retrieve File
Script? no
HTTP Response

2. Display Page (HTML/CSS)
2. Server Side Scripting
Client (browser)
Server
HTTP Request
with parameters
User Interaction
Display Page (HTML/CSS)
Retrieve File
Script?
Run Script
(php, C#, etc.)
no yes
HTTP Response

3. Display Page (HTML/CSS)
3. The Database
Client (browser)
Server
HTTP Request
with parameters
User Interaction
Display Page (HTML/CSS)
Retrieve File
Script?
Run Script
(php, C#, etc.)
no yes DB
HTTP Response

4. Display Page (HTML/CSS)
4. Client Side Scripting
Client (browser)
Server
HTTP Request
with parameters
JavaScript
User Interaction
Display Page (HTML/CSS)
Retrieve File
Script?
Run Script
(php, C#, etc.)
no yes DB
HTTP Response

5. Display Page (HTML/CSS)
The Final Picture
Client (browser)
Server
HTTP Request
with parameters
JavaScript
User Interaction
Display Page (HTML/CSS)
Retrieve File
Script?
Run Script
(php, C#, etc.)
no yes DB
HTTP Response