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

Slides:

Advertisements

Similar presentations

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

Advertisements

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.

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.

JavaScript- Introduction. What it is and what it does? What it is? It is NOT Java It is NOT Server-side programming Users can see code It is a client-side.

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.

CS 299 – Web Programming and Design Overview of JavaScript and DOM Instructor: Dr. Fang (Daisy) Tang.

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.

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

Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.

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

Web Design Basic Concepts.

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.

_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.

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.

Five people were interviewed four of those were in favor.   Basically their response was that a website that looks "cool" can be better. The benefits.

DHTML: Dynamic HTML Internet Technology1. What is DHTML? A collection of enhancements to HTML ► To create dynamic and interactive websites Combination.

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

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.

Javascript. Outline Introduction Fundamental of JavaScript Javascript events management DOM and Dynamic HTML (DHTML)

Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.

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.

An Introduction to JavaScript Summarized from Chapter 6 of “Web Programming: Building Internet Applications”, 3 rd Edition.

Web Applications BIS4430 – unit 8. Learning Objectives Explain the uses of web application frameworks Relate the client-side, server-side architecture.

JavaScript - A Web Script Language Fred Durao

Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.

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.

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,

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.

CIS 3.5 Lecture 2.3 "Introduction to JavaScript".

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.

JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.

Advanced Elements & Advanced HTML Codes AGCJ 407.

Doktorant ė : Egl ė Mickevi č i ū t ė Software development technologies KAUNO TECHNOLOGIJOS UNIVERSITETAS INFORMACIJOS SISTEM Ų KATEDA Kaunas, 2013.

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

Features of Authoring Tools

Background Information

Section 17.1 Section 17.2 Add an audio file using HTML

Web Development & Design Foundations with HTML5 7th Edition

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

Dynamic Web Pages (Flash, JavaScript)

Dynamic Web Pages Jin Wu INF 385E Information Architecture

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

JAVASCRIPT Pam Kahl | COM 585 | Spring 2010.

About Multimedia Files

Web Design and Development

Tutorial 10: Programming with javascript

Introduction to JavaScript

Presentation transcript:

Dynamic Web Pages Jin Wu INF 385E Information Architecture School of Information 11/2/2006 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 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) 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 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 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 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 … … JavaScript Alert JavaScript MouseOver Effect JavaScript Cookie JavaScript Pull Down Menu JavaScript Automatic Pop-up window … …

Sample Script

Pros Speed Simplicity Versatility Server load Speed Simplicity Versatility Server load Cons 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 … 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 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 … 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 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 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. 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 JavaScript Example Flash Tutorial Flash Example JavaScript Tutorial JavaScript Example Flash Tutorial Flash Example

References

cons.html cons.html n/wpn FlashWebDesignProsandCons.html n/wpn FlashWebDesignProsandCons.html features/flashproscons.htm features/flashproscons.htm cons.html cons.html n/wpn FlashWebDesignProsandCons.html n/wpn FlashWebDesignProsandCons.html features/flashproscons.htm features/flashproscons.htm

Questions?

Thank you!