Understanding Web Animation and Video Comp 140 Fall 2013.

Slides:

Advertisements

Similar presentations

Goodbye Flash, Hello HTML5 Kee-young Moon And Peter Burslem Innovation in Libraries 2012 October 8, 2012.

Advertisements

Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.

Chapter 11 Media and Interactivity Basics Key Concepts

HTML Structure & Web Design Basics

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

SHAREPOINT PAKISTAN USER GROUP #1 SHAREPOINT COMMUNITY IN PAKISTAN AND ASIA HTML5 and SharePoint 2013.

Adobe Flash CS4 – Illustrated Unit E: Optimizing and Publishing a Movie.

HTML 5 and CSS 3, Illustrated Complete Unit K: Incorporating Video and Audio.

UNIT K: INCORPORATING VIDEO AND AUDIO 1 Encoding: the process of transforming moving image and/or sound into a digital file. Each encoding method known.

3.02 Publishing Animations

Retrieving compound pages This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:

Short demonstration of LiveWeb with Shockwave Flash files To view this PowerPoint presentation you will need to be using a PC running Microsoft Windows.

What is the IT in question? Adobe Apollo Adobe Apollo A codenamed for the new develop cross-operating system runtime that runs outside of the web browser.

SM5312 week 11: Flash Objects in HTML1 Flash Objects in HTML Nick Foxall.

Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,

Define objects and their relationships to multimedia Explain the fundamentals of C, C++, Java, JavaScript, JScript, C#, ActiveX and VBScript Discuss security.

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

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

HTML5 and its Role in eLearning. What is HTML5 ? New standard of HTML from the Web Hypertext Application Technology Working Group (WHATWG) and the World.

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

By Erick, Chalise, & Harneet.  Adobe Flash Player is a cross-platform, browser-based application runtime that provides uncompromised viewing of expressive.

CONTRASTED HTML5 & FLASH ANIMATION EFFECTS.  HTML5 AND FLASH ANIMATION CONTRASTED  ANIMATION IN WEBSITE DESIGN AND PRESENTATION  HTML5, JavaScript,

Paul Trani Adobe Certified Instructor/Expert Resources:

Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 

CHAPTER 18 INTEGRATING AUDIO AND VIDEO. LEARNING OBJECTIVES How the HTML 5 and tag pair can be used to include a video file within a webpage How video.

WDV 331 Dreamweaver Applications Designing Websites for Mobile Devices Dreamweaver CS6 Chapter 11.

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons Attribution-NonCommercial-ShareAlike.

HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.

HTML5 GAMING By Scott Benton. HTML5 New HTML Standard Previous Version of HTML, HTML 4.01, Released in 1999 Not an Official Standard Yet No Browsers Have.

HTML5 Accessibility Ted Drake, Yahoo! Accessibility Lab Slideshare.net/7mary4.

Session I - Introduction

Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?

New to Mobile Learning Course Development: Getting Started Garin Hess.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.

GIF - Graphics Interchange Format JPEG - Joint Photographic Experts Group PNG - Portable Network Graphics GIF images are limited to the 8 bit palette which.

Class 02 – 03 Feb 2014 Setup Where do we begin? Know your content Discovering your target user.

Flash for CFers An Introduction to Rich Internet Application Development.

Project 6: Kayaking HTML5 Site

Adobe Dreamweaver CC: The Professional Portfolio Project 3: Photographer’s Web Site Working with static images Controlling backgrounds with CSS Working.

Digital Design for the Web Digital Design Schedule Semester 1: 6 Wk Grades –Web Products Website Evaluation DreamWeaver 12 Wk Grades.

HTML 5. Introduction In modern browsers, adding a video to your page is as easy as adding an image. No longer do you need to deal with special plug-ins.

101. Calibration – Why it’s important eBeam Home Create shortcuts to most commonly used items eBeam Tool Palette Interact with any file or application.

HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

Christian Salazar How it Affects You. What is Muse?  Adobe Muse is a WYSIWYG website maker.  Their selling point: “lets you design and publish HTML.

2 If aliens came to this solar system and observed humans over the last several years, what would they think is the most significant benefits of the.

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.

 An HTML, CSS, Javascript framework you can use as a basis for creating web sites  Uses CSS settings, fundamental HTML elements styled and enhanced.

Louisa Lambregts, Louisa Lambregts

FLASH, VIDEO & AUDIO How to add Flash movies into your site How to add video and audio to your site HTML5 and elements.

Browser Compatibility Testing, using different browsers Conditional Statements.

CS 200 Multimedia Objects in Web Pages. MultiMedia Objects Three primary types of multimedia objects  Audio  Video Includes Flash Objects  Images.

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

Adobe Flash Professional CS5 – Illustrated Unit E: Optimizing and Publishing a Movie.

Getting started with Adobe Connect for presenters.

M ULTIMEDIA ON THE W EB. Multimedia Purpose of Multimedia Multimedia Issues HTML5 and elements CSS Transitions and Animations Animation to avoid.

PSD TO HTML CONVERSION SERVICES Focus on designing creative website layouts with the help of professional PSD into HTML Conversion services with experts.

Hands on with Adobe Edge Sasha Vodnik, Cengage Learning Author.

Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 11 KEY CONCEPTS 1.

Emerging Trends in Learning Webinar Series. Today’s Presentation Emerging Trends in Learning Webinar Series The Great Migration – Flash to HTML5 Moderator:

HOW FLASH WORKS The Flash authoring environment is used to create Flash movies The .fla file is exported to a format called .swf The .swf file is.

Adobe Max 2011.

Process of Converting “PSD to HTML”

3.02 Publishing Animations

Playing Video (Part 1).

File Extension Mini-Lesson

Steve Jobs April, 2010 “Flash was created during the PC era – for PCs and mice. Flash is a successful business for Adobe, and we can understand why they.

Chapter 3 – part2.

About Multimedia Files

Unit 6 part 3 Test Javascript Test.

Retrieving compound pages

Presentation transcript:

Understanding Web Animation and Video Comp 140 Fall 2013

Hodgepodge of Applications Plug-ins Coder Decoders (codecs) Flash –Installed on 90% of desktops –Universal distribution Takes care of codecs and formats

Smart Phones and Tablets Flash has fallen –Too difficult to support on these devices New codecs competing to be the end all HTML5 and CSS3 built in support –Replaces much of Flash animation capabilities –Video still unclear

Adobe Edge Animate Does not replace Adobe Flash –Uses HTML5, CSS3 and JavaScript Only available on Creative Cloud In Dreamweaver –File > Publish Exports Adobe Edge Animate composition Poster Child in case of older browser Bug using FLV and SWF with HTML5 –Bug promised to be fixed

Learn More About HTML5 Video