Adding User Interactivity. Dynamic and database-driven pages Macromedia Flash Quick Time Virtual Reality (QTVR) Java Script –primarily for client-side.

Slides:



Advertisements
Similar presentations
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Advertisements

17 HTML, Scripting, and Interactivity Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and.
Upon completion of this unit, you should be able to:
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Ch. 6 Web Page Design – Absolute Positioning, Image Maps, and Navigation Bars Mr. Ursone.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
MSc. Publishing on WWW JavaScript. What is JavaScript? A scripting language devised by Netscape Adds functionality to web pages by: Embedding code into.
Adding Interactivity to Flash Movies Using Buttons and ActionScript SPACE Lab
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
USING FLASH IN HTML Topics Include: What is Flash? Why use Flash? Flash VS Other Methods What are some things I can do with flash? How can I start using.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Rollover Buttons UNIT 2. Purpose When you move your mouse onto a button the image on it rolls over to something else Link to example website.
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.
Spring Quarter 2002 De Anza College1 Chapter 10 – Rollovers Simple Rollovers Swap images  Stack two images on top of one another  When mouse over an.
Web Design Scripting and the Web. Books on Scripting.
Dynamic Web Pages (Flash, JavaScript)
HTML Forms and Scripts. Session overview What are forms? Static vs dynamic Client-side scripts –JavaScript.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Dynamic Action with Macromedia Dreamweaver MX Barry Sosinsky Valda Hilley.
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
FINAL PROJECT INSTRUCTIONS. 1.Final Project Complete Website.
Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public.
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
Starter. Objectives: To examine the ways of making a product interactive To start designing the interactive features of your multimedia product.
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.
Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.
© 2010 Delmar, Cengage Learning Chapter 8 Collecting Data with Forms.
Our Examples Video Capture Working With Interactive Video Objects Buttons symbols – are areas on the monitor that a sensitive to user actions such.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.
Introduction to Flash MX 2004: Action Scripting Lloyd Rieber.
Other web design features. Flash Flash is a Macromedia Program to create interactive “movies” or interfaces in your website Very cool thing possible Not.
JavaScript - A Web Script Language Fred Durao
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
2.02B Methods and Uses of Animation
Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.
Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.
Dynamic Web Pages Jin Wu INF 385E Information Architecture School of Information 11/2/2006 Jin Wu INF 385E Information Architecture School of Information.
We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For (WILF): A completed homepage containing a working navigation.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
OCR Nationals – Level 02 Website Design and Creation.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Tutorial 7 Creating Animations. XP Objectives Learn about animation Create a timeline Add AP divs and graphics to a timeline Move and resize animation.
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.
Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.
Beginning JavaScript 4 th Edition. Chapter 1 Introduction to JavaScript and the Web.
Microsoft Expression Web 3 Chapter 6 Adding Interactivity.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
Macromedia Flash MX Design Professional And Interactivity WORKING WITH SYMBOLS.
Dreamweaver MX. 2 Timeline Overview (p. 480) n Animations can be achieved with DHTML (__________ HTML) using JavaScript code and _____ or later browsers.
Continue making your website on Adobe Dreamweaver, adding colour, images and text. Lesson 8 Aim : Q: What's the difference between Batman and a thief?
Section 17.1 Section 17.2 Add an audio file using HTML
Unit 2, Lesson 5 Website Development Tools
Section 10.1 YOU WILL LEARN TO… Define scripting
Unit 2, Lesson 5 Website Development Tools
Dynamic Web Pages (Flash, JavaScript)
Chapter A - Getting Started with Dreamweaver MX 2004
Page plans A01 Design.
Rollover Buttons UNIT 2.
Dynamic Web Pages Jin Wu INF 385E Information Architecture
Create and edit web pages 2
Tutorial 6 Creating Dynamic Pages
About Multimedia Files
Presentation transcript:

Adding User Interactivity

Dynamic and database-driven pages Macromedia Flash Quick Time Virtual Reality (QTVR) Java Script –primarily for client-side scripting Other scripts-server side

Behaviors A behavior combines a user event ( such as moving the pointer over a graphic button in the browser) with an action or series of actions that take place as a result of that event They enable your users to receive feedback based on their actions and to control the info they see

Inserting a rollover image A rollover= a basic application of interactivity It gives the user a response to the act of moving the pointer over the image WebSite interactivity is what occurs between the visitor and the webSite Interaction requires an action and a response A rollover is a behavior included in the Common category of the Insert bar. ( When you use this methid, Dreamweaver creates the behavior behind)