1. Client-Server Model: Requesting a Web Page
(Static HTML)

2. Client-Server Model: Requesting a Web Page
(Static HTML)
Request for an html page is made via url 1

3. Client-Server Model: Requesting a Web Page
(Static HTML)
Request for an html page is made via url 1
HTML content of page is returned 2

4. Client-Server Model: Requesting a Web Page
(Static HTML)
Request for an html page is made via url 1
HTML content of page is returned 2
Browser on client constructs
Webpage from returned HTML 3

5. Client-Server Model: Requesting a Web Page
(Static HTML)
Request for an html page is made via url 1
HTML content of page is returned 2
Browser on client constructs
Webpage from returned HTML 3
Any javascript or css (styles) found in the page is processed by the browser
(client-side processing)

6. Client-Server Model: Requesting a Web Page
(PHP Request)

7. Client-Server Model: Requesting a Web Page
(PHP Request)
Request for a PHP page ( .php extension) is made via url 1

8. Client-Server Model: Requesting a Web Page
(PHP Request)
Request for a PHP page ( .php extension) is made via url 1
PHP engine fields the request and generates HTML. 2

9. Client-Server Model: Requesting a Web Page
(PHP Request)
Request for a PHP page ( .php extension) is made via url 1
PHP engine fields the request
and generates HTML.
The engine may access a database.
(server-side processing) 2
Database

10. Client-Server Model: Requesting a Web Page
(PHP Request)
Request for a PHP page ( .php extension) is made via url 1
PHP engine fields the request
and generates HTML.
The engine may access a database.
(server-side processing) 2
HTML content , with any data, is returned. 3
Database

11. Client-Server Model: Requesting a Web Page
(PHP Request)
Request for a PHP page ( .php extension) is made via url 1
PHP engine fields the request
and generates HTML.
The engine may access a database.
(server-side processing) 2
Browser on client constructs
Webpage from returned HTML. 4
HTML content , with any data, is returned. 3
Database