1. HTML Forms and Scripts

2. Session overview What are forms? Static vs dynamic Client-side scripts –JavaScript

3. HTML Forms HTML Forms were the first way for users to interact with the Web –controls (input fields) –form submission –form processing (nothing to do with HTML!)

4. HTML Forms –action –method –enctype –accept –accept-charset

5. Static vs Dynamic Static –page appears exactly as it was encoded, nothing changes Dynamic –page is compiled, or able to be changed

6. Scripts: server-side vs client-side Server-side –the first type possible on the Web –action occurs at the server Client-side –generally easier to implement –may be prepared and implemented offline –action occurs on the client side (browser)

7. Examples of client-side scripts JavaScript (most common) VBScript (Microsoft) Java applets - can be server-side or client- side

8. Embedding scripts in HTML can appear anywhere in the HTML document (but best in the ) the script can be linked (like a separate style sheet)

9. JavaScript Can be used to make Web page tricks like image rollovers, form validation, calculations etc… Developed by Netscape to be simple, cross- browser scripting language for Web Syntax based on ‘C’ - a good starting point to learn other programming languages JavaScript is not Java

10. Example: JavaScript rollover... Satellite Dispatch (http://www.toysatellite.org/news)

11. Dynamic HTML / dHTML / DHTML HTML elements (or objects) that can change after the document has loaded in browser DHTML = HTML+CSS + scripts (generally, JavaScript)

12. Example: Dynamic HTML Auslaender Micro http://www.toysatellite.org/agarton/MA/pro ject/micro02/splash.htm