1. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 1

2. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 2

3. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 3 Computer Client Tablet Client Smart Phone Client

4. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 4

5. http://www.modulemedia.com/ourwork/index.html 1.http://  HyperText Transfter Protocol - this is the default protocol if not specified 2.www.modulemedia.com  domain name – often www. can be omitted 3./ourwork/  path / folder name 4.Index.html  filename – this or default.htm is the default if not specified Create names of folders and files that consist of lowercase letters, numbers, underscores or hyphens and the period (dot) Do not leave spaces in filenames! Use filename that clearly indicate what a page contains

6. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 6

7. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 7 Client requests a web page using a browser. Web server receives the request and gets the appropriate HTML (HyperText Markup Language) file. Server sends it back to the client and the page is displayed in the browser.

8. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 8

9. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 9 Client requests a web page using a browser. Web server receives the request and contacts the appropriate Application server. The Application server processes a script (program) that builds the web page (written using HTML, of course). It may need to access data from a Database server. The web page is returned to the client by the Web server to be displayed in the browser.

10. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 10

11. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 11 Image rollove r Image swap

12. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 12

13. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 13

14. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 14 Add this line to the section of your html document.

15. Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 15