Lecture Bells and Whistles. Ways to Enhance Websites Java Script and Java Sound and Video Flash XML (Extended Markup Language Database Connectivity Ecommerce.

Slides:



Advertisements
Similar presentations
PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
Advertisements

Chapter 08: Adding Adding Interactivity Interactivity With With Behaviors Behaviors By Bill Bennett Associate Professor MSJC CIS MVC.
1 A Test Automation Tool For Java Applets Testing of Web Applications TATJA Program Demonstration Conclusions By Matthew Xuereb.
Java Script Session1 INTRODUCTION.
JQUERY/AJAX ALIREZA KHATAMIAN DELARAM YAZDANSEPAS.
The Web Warrior Guide to Web Design Technologies
Server-Side vs. Client-Side Scripting Languages
Web Page Behavior IS 373—Web Standards Todd Will.
2012 •••••••••••••••••••••••••••••••••• Summer WorkShop Mostafa Badr
Introduction to JavaScript. Aim To enable you to write you first JavaScript.
1 CS428 Web Engineering Lecture 18 Introduction (PHP - I)
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
 What I hate about you things people often do that hurt their Web site’s chances with search engines.
DAT602 Database Application Development Lecture 15 Java Server Pages Part 1.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
Web Design Scripting and the Web. Books on Scripting.
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
Languages in WEB Presented by: Jenisha Kshatriya BCM SS09.
Dynamic Web Pages (Flash, JavaScript)
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
 In My.Wartburg you can add…  YouTube Videos  Films on Demand (Vogel Lib.)  Internet Pages With a Video  Anything with a URL (
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
Chapter 19: Adding JavaScript
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
JSP Java Server Pages Softsmith Infotech.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
Client Scripting1 Internet Systems Design. Client Scripting2 n “A scripting language is a programming language that is used to manipulate, customize,
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
What is Java Script? An extension to HTML. An extension to HTML. Allows authors to incorporate some functionality in their web pages. (without using CGI.
Introduction to Applets CS 3505 Client Side Scripting with applets.
Processing.js.
How To Add Flair To Your Site Maureen Enright, Elyse Kuriata, Nathan Boes, Hodge.
Introduction.  The scripting language most often used for client-side web development.  Influenced by many programming languages, easier for nonprogrammers.
JavaScript - A Web Script Language Fred Durao
Web Programming Brian Toone 8/27/2014. Outline for today 1.Understanding the architecture of the web 2.Overview of programming languages – Client-side.
JavaScript Defined JavaScript Basics Definitions JavaScript is an object-oriented programming language designed for the world wide web. JavaScript code.
Chapter 2: Variables, Functions, Objects, and Events JavaScript - Introductory.
Web Development & Design Foundations with XHTML Chapter 11 Key Concepts.
1 Chapter 3 – JavaScript Outline Introduction Flowcharts Control Structures if Selection Structure if/else Selection Structure while Repetition Structure.
HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.
1 What is JQuery. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax* interactions.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
CIS 3.5 Lecture 2.3 "Introduction to JavaScript".
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
Event Handling & AJAX IT210 Web Systems. Question How do we enable users to dynamically interact with a website? Answer: Use mouse and keyboard to trigger.
Web Programming Overview. Introduction HTML is limited - it cannot manipulate data How Web pages are extended (include): –Java: an object-oriented programming.
Adding Interactivity Comp 140 Fall Web 2.0 Major change in internet usage –From mostly static pages Text Graphics Simple links –To new paradigm.
Web Programming Java Script-Introduction. What is Javascript? JavaScript is a scripting language using for the Web. JavaScript is a programming language.
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher
Section 10.1 Define scripting
JQuery Fundamentals Introduction Tutorial Videos
Scripting - Client-side vs. Server-side Scripting
Objective % Select and utilize tools to design and develop websites.
CIS 388 Internet Programming
Lecture Bells and Whistles.
Intro to JavaScript CS 1150 Spring 2017.
Donna J. Kain, Clarkson University
Section 17.1 Section 17.2 Add an audio file using HTML
Objective % Select and utilize tools to design and develop websites.
AJAX.
Section 10.1 YOU WILL LEARN TO… Define scripting
Dynamic Web Pages (Flash, JavaScript)
Adding Music to Your Google Slides Presentation
Introduction to JavaScript
Secure Web Programming
Introduction to JavaScript
Web Programming and Design
Presentation transcript:

Lecture Bells and Whistles

Ways to Enhance Websites Java Script and Java Sound and Video Flash XML (Extended Markup Language Database Connectivity Ecommerce Ajax – (asynchronous JavaScript and XML),

What is Java Script? Text-based Programming Language Used to Enhance Websites –Interactivity –Animation –Dynamic Content –Games –Calculations All “code” is run by the browser

What is Java? Java is also a language (OOP - Object Oriented Programming Language) Used to create “applets” –Little programs that sit on a web server –Called by the webpage –Code cannot be “stolen” – It’s compiled HTML only references the applet

Java vs Java Script Java –Called by HTML from the server –Hidden Code –Quicker Execution Java Script –Stored in HTML (inline or internal) –Viewable Code –Slower Execution

Java vs Java Script Java Programs Java Script

Java Script Syntax Internal Script: <!-- alert("Hello World!"); //--> Tells the browser we are starting some JavaScript code to run. Programming steps to actually execute. Finishes the block of code.

Java Script Syntax Inline Script: <a href="index.html"index.html onMouseOver="document.logo.src='Images/halloween.png'“ onMouseOut="document.logo.src='Images/logo.jpg'"> Images/logo.jpg Event Trigger Action to Take Parameter

Java Script Syntax (cont)

Functions (methods) – defined in the language; can also define your own Argument – info the function needs to process Event (trigger) – defined action that calls on a function

Java Script Examples 1.Alert Message (before and after) 2.Functions and Buttons 3.Mouse-Over Image Swap 4.Today’s Date

Example 1 – Alert Message Before <!-- alert ("This is the easiest script") //-->

Example 2 – Alert Message After function alertUser(msg) { alert(msg);} Amazing Web Page. Close

Example 3 – Functions & Buttons

Example 4 – Mouse Over index.htmlImages/logo.jpg

Example 5 – Today’s Date

More Java Scripts Dynamic Drive

Adding Sound As a Link: Click here for the cow Automatically Loading: Variables: hidden=“true” to hide player loop=“1” or “-1” how many times does it play?

Finding sound files Google Find song and YouTube and convert to.mp3 file –Click Share –Copy URL –Go to: Then……….

YouTube to.mp3 Paste link into YouTube to.mp3 Click: Convert Video Then Download to web-docs Save according to file-naming conventions: short, no spaces!

Adding Video Google YouTube Click Embed Copy and paste the tag where you want the video