1. Web Design Scripting and the Web

2. Books on Scripting

3. Static Web Pages What is a static web page?

4. Static Web Pages What is a static web page? o Also known as stationary pages o There is little or no activity o Has the same “pre-built” content Content is “fixed” o Same content is displayed to all visitors o Are very easy to create and maintain

5. Static Web pages o Often times have the following extensions: htm or html

6. Interactive Web Pages What is an interactive web page?

7. Interactive Web Pages What is an interactive web page? o It engages users o It allows them to communicate with it (the page) o Usrs make actions related to the page He/She can play a game or launch an application o Various methods and software applications are used to make it interactive o User input driven

8. Some examples of interactive web pages/sites www.weather.com www.target.com finance.yahoo.com

9. What can you do with Interactive Web Pages / Sites

10. Watch web simulcasts of sporting events (super bowl) Play interactive games Maintain BLOGS Check weather Register for classes Purchase things online Bank online

11. Interactive Sites What makes websites interactive? o Scripting Java o Server-side Technologies

12. Client-Side vs. Server Side Scripting What is a script?

13. Client Side vs. Server Side Scripting What is a script? o Computer programs that allow web pages to be more dynamic o Scripts can be client side or server side Client Side scripts o Executed client-side via the browser o JavaScript and VBScript o Can be read by the user o Found in the source code of web pages tags

14. Client Side vs. Server Side Scripting Disadvantages o Older browsers do not support scripts o Newer browsers give us the option to disable them o Other devised such as PDA’s, wireless phones and other technologies have limited support for scripts o Web pages cannot be totally dependent on scripts o If users cannot access scripted content, they should have other means to access it

15. Client Side vs. Server Side Scripting Server side Scripts o Are executed server side (on the server) o Perl and PHP are examples o Cannot be read by the user o Reside on the web server o The output is the script in the form of HTML o More reliable and accessible o They don’t have to do anything on their browsers to have these scripts work

16. Server Side Include (SSI) This is a Server Side Scripting language Used for the WEB Used to display daily quotations (of stocks for example) Often times has the following extensions: o Shtml o Stm o Shtm

17. Databases and the Web What is a database?

18. Databases and the Web What is a Database? o A database is any organized collection of information o Organized by a computer o Used by most organizations for different purposes Their data is organized into tables o Records are part of tables Fields would be part of the records o Names, address, etc.

19. Databases and the Web On the web o Databases store product information o Customer information o Databases will also store your user name and passwords This enables a site to customize a web page for you

20. A typical database

21. Content Management Systems The trend in web design: o All content should be store in a database o When a page is requested, then it can be provided to the user o To add content, you do not have to write HTML o Write or paste content into a web form and select “save” o Server side scripts save the content on the database It is stored until someone requests it

22. Content Management Systems Content Management Systems (CMS) o Beneficial in environments where web content is being created by people who are not professional web designers Or who might not know HTML o Makes it easier for the website to be maintained o To change design on every page You just need to change the template

23. Flash Flash is a multimedia authoring environment developed by Macromedia Used to deliver dynamic animated content over the web The content is developed using flash authoring software Requires users to have flash player installed It requires diligence to ensure that content is accessible to users who cannot: o See o Hear o Operate a mouse

24. Video Presentation What is JavaScript?

25. References http://pc.net/helpcenter/answers/static_and_dynamic_web_pages http://www.techterms.com/definition/staticwebsite http://www.slicemaker.com/kindeditor/attached/image/20130409/20130409164241364136.jpg http://wiki.answers.com/Q/What_is_an_interactive_webpage http://www.wisegeek.com/what-is-an-interactive-website.htm http://personalpages.manchester.ac.uk/staff/m.dodge/cybergeography/atlas/dynamicdiagrams2.gif http://pubpages.unh.edu/~rdd28/access.jpg http://devjuhong.com/wp-content/uploads/2013/10/javascript.png http://www.irisclasson.com/wp-content/uploads/2012/11/what-is-a-scripting-language.jpg http://www.youtube.com/watch?v=HMjU2_-DWLw