Dynamic Web Pages Jin Wu INF 385E Information Architecture

Slides:

Advertisements

Similar presentations

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

Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

Multimedia Authoring1 Animation Animation File Formats Animated GIF It is a version of the GIF image format. GIF89a allows multiple images to be put into.

Presented By, Sripad Sarode

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

MSc. Publishing on WWW JavaScript. What is JavaScript? A scripting language devised by Netscape Adds functionality to web pages by: Embedding code into.

Lecture 3B: Client-Side Scripting IT 202—Internet Applications Based on notes developed by Morgan Benton.

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.

Web Page Behavior IS 373—Web Standards Todd Will.

Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.

Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.

Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.

What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.

THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.

COMPUTER TERMS PART 1. COOKIE A cookie is a small amount of data generated by a website and saved by your web browser. Its purpose is to remember information.

Introduction to JavaScript. Aim To enable you to write you first JavaScript.

Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

Web Design Software Alyssa Lagimoniere. Adobe Dreamweaver Pros Relatively low-cost price ($99) Produces very "clean" HTML code; easy to transport and.

Paul Trani Adobe Certified Instructor/Expert Resources:

Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.

Web Design Scripting and the Web. Books on Scripting.

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.

© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.

1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.

Flash & JavaScript Mariela Hristova October 19, 2004 INF 385E – Fall 2004 – School of Information.

Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Write basic.

INTRODUCTION TO JAVASCRIPT AND DOM Internet Engineering Spring 2012.

Tutorial 7 Planning and Creating a Flash Web Site.

JavaScript - A Web Script Language Fred Durao

Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.

Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.

Dynamic Web Pages Jin Wu INF 385E Information Architecture School of Information 11/2/2006 Jin Wu INF 385E Information Architecture School of Information.

By Tharith Sriv. To write a web page you use: HHTML (HyperText Markup Language), AASP (Active Server Page), PPHP (HyperText Preprocessor), JJavaScript,

Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.

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.

1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.

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.

Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.

ASP. ASP is a powerful tool for making dynamic and interactive Web pages An ASP file can contain text, HTML tags and scripts. Scripts in an ASP file are.

Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

Advanced Website Design Professor: Jared Kozel Class Description: Are you already familiar with how to construct a basic Website? This class will teach.

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

Advanced Elements & Advanced HTML Codes AGCJ 407.

Chapter 04: Specialized Application Software

Creating a Flash Web Site

Objective % Select and utilize tools to design and develop websites.

Features of Authoring Tools

Background Information

Week 5 JavaScript Overview JavaScript Examples

Section 17.1 Section 17.2 Add an audio file using HTML

Web Development & Design Foundations with HTML5 7th Edition

Unit 2, Lesson 5 Website Development Tools

Objective % Select and utilize tools to design and develop websites.

Unit 2, Lesson 5 Website Development Tools

Dynamic Web Pages (Flash, JavaScript)

DHTML Javascript Internet Technology.

DHTML Javascript Internet Technology.

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

JAVASCRIPT Pam Kahl | COM 585 | Spring 2010.

About Multimedia Files

Introduction of Week 11 Return assignment 9-1 Collect assignment 10-1

Web Design and Development

Tutorial 10: Programming with javascript

Introduction to JavaScript

Web Application Development Using PHP

Presentation transcript:

Dynamic Web Pages Jin Wu INF 385E Information Architecture School of Information 11/2/2006

Overview Background Java Script (definition, usage, application, pros & cons) Flash (definition, usage, application, pros & cons) Conclusion Resources & References Questions

Background Definition (custom content based) Invented and patented in 1994 Client-side dynamic content (user’s computer) Server-side dynamic content (server)

JavaScript

Background Developed by Brendan Eich of Netscape Corporation in 1995 Java and JavaScript Created for non-programmer Simple to comprehend, easy to use for non-programmer

What is JavaScript? Scripting language Consists of executable computer code Embedded directly into HTML code Adds interactivity to HTML pages Everyone can use

JavaScript Usage Gives designers a programming tool Puts dynamic text into an HTML page Reacts to events Reads and writes HTML elements Validates data Detects the visitor’s browser Creates cookies

JavaScript Application JavaScript Alert JavaScript MouseOver Effect JavaScript Cookie JavaScript Pull Down Menu JavaScript Automatic Pop-up window … …

Sample Script

Pros Cons Security Speed Reliance on Simplicity end user. Versatility Server load Security Reliance on end user.

Flash

Background Created by Macromedia in 1996, current Flash Version 8.0 Combines text, pictures, audio and video .swf and .fla format Software: Adobe Flash, Swift 3D, Koolmoves, Flash Optimizer …

What is Flash? Multimedia graphic program Create interactive animation on the Web Use vector graphics Easy to learn

Flash Application Flash Website Flash Navigation Photo Gallery Flash Game Flash Advertisement … …

Embedded with HTM

Pros Catchy Widely used. Supports audio, animation and advanced interactivity Integrates well with other Web technologies No programming skill required

Cons Increases file size Usability Constrains Search engine constrains Encourages design abuse Distracts from a site’s core values

Conclusion Content is important Make the website usable and useful Not the be-all end-all of the internet Just because you can do it, doesn’t mean you should do it.

Resources JavaScript Tutorial http://www.w3schools.com/js/default.asp http://www.webteacher.com/javascript/ JavaScript Example http://www.bodo.com/javacool.htm Flash Tutorial http://www.w3schools.com/flash/default.asp http://www.echoecho.com/flash.htm Flash Example http://www.bestflashanimationsite.com/

References http://www.answers.com/topic/dynamic-web-page http://en.wikipedia.org/wiki/Java_script http://en.wikipedia.org/wiki/Adobe_Flash http://www.w3schools.com/js/default.asp http://www.w3schools.com/flash/default.asp http://www.bodo.com/j3.htm http://www.bodo.com/j5.htm http://www.bodo.com/j15a.htm http://www.bodo.com/j18.htm http://www.bodo.com/j20.htm

http://www.evolve-capital.com/ http://www.750mph.com/main.php http://www.artcoup.com/movie.html http://www.novelgames.com/flashgames/game.php?id=22 http://www.target.com/gp/homepage.html http://www.mediacollege.com/internet/javascript/pros-cons.html http://www.webpronews.com/webdevelopment/sitedesign/wpn-26-20040219FlashWebDesignProsandCons.html http://www.hyperwrite.com/aspscripts/framer.asp?target=features/flashproscons.htm

Questions?

Thank you!