4
Introduction What is web programming? client server network Client Side Program (Text) Browser Server Side Program (Text) 4

5
Introduction What is web programming? client server Client Side Program (Text) Browser Server Side Program (Text) request 5

6
Introduction What is web programming? client server Browser Client Side Program (Running) Server Side Program (Text) Send to client 6

7
Introduction What is web programming? client server Browser Client Side Program (Running) Server Side Program (Running) Interaction 7

8
Client Side Programming (Skills you must know) HTML (we will discuss it later) – Not a program – Text file with tags JavaScript – Program running on browser – Supported by most browser – Not exactly the same between different browser CSS3 – Style sheet language for describing the look and formatting of web pages 8

17
HTML How to write good web service? 1. know different functionalities of the tags 2. use CSS to create fancy effect 3. use JavaScript to provide self-define functionalities 4. use Ajax to interact with server-side program 5. use Database to allow log-in engine and other data recording … 17

18
HTML How to write good web service? 1. know different functionalities of the tags 2. use CSS to create fancy effect 3. use JavaScript to provide self-define functionalities 4. use Ajax to interact with server-side program 5. use Database to allow log-in engine and other data recording … 18

22
HTML 5 Canvas is one of the most important features in HTML 5 You can use it to implement: – 2D Game (like Flash game) – Image filter, painter – Complex graphics It’s controlled by JavaScript. 22

23
CSS3 How to write good web service? 1. know different functionalities of the tags 2. use CSS to create fancy effect 3. use JavaScript to provide self-define functionalities 4. use Ajax to interact with server-side program 5. use Database to allow log-in engine and other data recording … 23

24
CSS3 What is style? 24 My Title

My First Heading My First paragraph. My First Heading My First paragraph.">

25
CSS3 Style can make your website fancy and well organized. You may need a lot of style configuration when you build a website. Why not put them into a separate file? 25