25
Web Design Scripting and the Web

Web Design Scripting and the Web. Books on Scripting

Embed Size (px)

Citation preview

Page 1: Web Design Scripting and the Web. Books on Scripting

Web Design

Scripting and the Web

Page 2: Web Design Scripting and the Web. Books on Scripting

Books on Scripting

Page 3: Web Design Scripting and the Web. Books on Scripting

Static Web Pages• What is a static web page?

Page 4: Web Design Scripting and the Web. Books on Scripting

Static Web Pages• What is a static web page?

oAlso known as stationary pageso There is little or no activityoHas the same “pre-built” content• Content is “fixed”

o Same content is displayed to all visitorsoAre very easy to create and maintain

Page 5: Web Design Scripting and the Web. Books on Scripting

Static Web pagesoOften times have the following

extensions:• htm or html

Page 6: Web Design Scripting and the Web. Books on Scripting

Interactive Web Pages• What is an interactive web page?

Page 7: Web Design Scripting and the Web. Books on Scripting

Interactive Web Pages• What is an interactive web page?

o It engages userso It allows them to communicate with it

(the page)oUsrs make actions related to the page• He/She can play a game or launch an

applicationoVarious methods and software

applications are used to make it interactive

oUser input driven

Page 8: Web Design Scripting and the Web. Books on Scripting

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

Page 9: Web Design Scripting and the Web. Books on Scripting

What can you do with Interactive Web Pages / Sites

Page 10: Web Design Scripting and the Web. Books on Scripting

What can you do with Interactive Web Pages /

Sites• Watch web simulcasts of sporting events

(super bowl)• Play interactive games• Maintain BLOGS• Check weather• Register for classes• Purchase things online• Bank online

Page 11: Web Design Scripting and the Web. Books on Scripting

Interactive Sites• What makes websites interactive?

o Scripting• Java

o Server-side Technologies

Page 12: Web Design Scripting and the Web. Books on Scripting

Client-Side vs. Server Side Scripting

• What is a script?

Page 13: Web Design Scripting and the Web. Books on Scripting

Client Side vs. Server Side Scripting

• What is a script?oComputer programs that allow web

pages to be more dynamico Scripts can be client side or server side

• Client Side scriptso Executed client-side via the browsero JavaScript and VBScriptoCan be read by the usero Found in the source code of web pages• <script></script> tags

Page 14: Web Design Scripting and the Web. Books on Scripting

Client Side vs. Server Side Scripting

• Disadvantageso Older browsers do not support scriptso Newer browsers give us the option to disable

themo 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

Page 15: Web Design Scripting and the Web. Books on Scripting

Client Side vs. Server Side Scripting

• Server side ScriptsoAre executed server side (on the server)o Perl and PHP are examplesoCannot be read by the useroReside on the web servero The output is the script in the form of

HTMLoMore reliable and accessibleo They don’t have to do anything on their

browsers to have these scripts work

Page 16: Web Design Scripting and the Web. Books on Scripting

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 Shtmlo Stmo Shtm

Page 17: Web Design Scripting and the Web. Books on Scripting

Databases and the Web

• What is a database?

Page 18: Web Design Scripting and the Web. Books on Scripting

Databases and the Web

• What is a Database?o A database is any organized collection of

informationo Organized by a computero Used by most organizations for different

purposes• Their data is organized into tables

oRecords are part of tables• Fields would be part of the records

oNames, address, etc.

Page 19: Web Design Scripting and the Web. Books on Scripting

Databases and the Web

• On the weboDatabases store product informationoCustomer informationoDatabases will also store your user

name and passwords• This enables a site to customize a web

page for you

Page 20: Web Design Scripting and the Web. Books on Scripting

A typical database

Page 21: Web Design Scripting and the Web. Books on Scripting

Content Management Systems

• The trend in web design:o All content should be store in a databaseo When a page is requested, then it can be

provided to the usero To add content, you do not have to write HTMLo 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

Page 22: Web Design Scripting and the Web. Books on Scripting

Content Management Systems

• Content Management Systems (CMS)oBeneficial in environments where web

content is being created by people who are not professional web designers• Or who might not know HTML

oMakes it easier for the website to be maintained

o To change design on every page• You just need to change the template

Page 23: Web Design Scripting and the Web. Books on Scripting

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 Seeo Hearo Operate a mouse

Page 24: Web Design Scripting and the Web. Books on Scripting

Video Presentation

• What is JavaScript?

Page 25: Web Design Scripting and the Web. Books on Scripting

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