View
237
Download
1
Category
Preview:
Citation preview
Web Design
Scripting and the Web
Books on Scripting
Static Web Pages• What is a static web page?
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
Static Web pagesoOften times have the following
extensions:• htm or html
Interactive Web Pages• What is an interactive web page?
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
Some examples of interactive web pages/sites• www.weather.com• www.target.com• finance.yahoo.com
What can you do with Interactive Web Pages / Sites
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
Interactive Sites• What makes websites interactive?
o Scripting• Java
o Server-side Technologies
Client-Side vs. Server Side Scripting
• What is a script?
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
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
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
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
Databases and the Web
• What is a database?
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.
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
A typical database
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
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
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
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
Recommended