Supplementary Materials on Web Authoring. Insert Anchors & Add Hyperlinks Insert other multimedia elements: Flash animations Video clips & Audio clips.

Slides:



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

Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets.
CNIT 132 – Week 9 Multimedia. Working with Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each.
Chapter 11 Media and Interactivity Basics Key Concepts
HTML Structure & Web Design Basics
INF Web Design Using Multimedia on the Web Video - Part 1.
Power Point Demonstration Capabilities of Microsoft Power Point 2000.
PowerPoint Demonstration Capabilities of Microsoft PowerPoint 2000.
ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.
HTML resources page exercise An HTML resource page is created for later use. The web editor Composer is used to create tables, named anchors, horizontal.
PowerPoint Demonstration Capabilities of Microsoft PowerPoint Leave Presentation.
PowerPoint Demonstration Capabilities of Microsoft PowerPoint 2000.
PowerPoint Demonstration Capabilities of Microsoft PowerPoint 2000.
PowerPoint Demonstration Capabilities of Microsoft PowerPoint.
PowerPoint Demonstration Capabilities of Microsoft PowerPoint.
ETT 429 Spring 2007 Web Design I.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Power Point Demonstration Capabilities of Microsoft Power Point 2003.
PowerPoint Demonstration Capabilities of Microsoft PowerPoint.
Audio and Video on the Web Sec 5-12 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
It is helpful to break up the word ‘multimedia’ in order to gain a better understanding of its meaning. “Multi” means more than one e.g. a multi storey.
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.
Multimedia and Web Technology Prepared by: Asst. Prof. Maryam Eskandari.
Tutorial 7 Working with Multimedia. XP Introducing Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline.
CSCI N241: Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Adding Sound.
Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Linking web pages Wah Yan College (Hong Kong) Mr. Li C.P.
File Name Extensions Computer Applications 7th grade.
HTML Use of Multimedia on web page. HTML Media Q. How to call Image file in our web page ? A. That is the easy syntax for defining an image. 2.
Contents MULTIMEDIA –Audio –Video –Animation –PDF.
Multimedia From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 1 Introduction Important Multimedia Issues Audio Movies.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Unit 4 – Design and produce multimedia products AO4 – Create the Multimedia Product Mr Farmer.
Jennifer’s Power Point Demonstration Capabilities of Microsoft Power Point 2000.
Web Design ITM 2010 Tutorial 2 Prepared by Wang Shiyu.
Adding Multimedia to Expression Web Module 5: Beyond the Basics with Expression Web LESSON Ext2.
Inserting Media POWERPOINT 2013 Insert a Picture From a File  Click on the Insert tab.  In the Images group, click on the Pictures button.  Navigate.
Using Plug-Ins Adding Multimedia to an HTML Document.
Creating Your Slides Insert elements and animations to create your individual slides.
A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name.
Maybe your name and class?. An overview of what your presentation contains     etc.
HTML Links HTML uses a hyperlink to another document on the Web.
Multimedia Effects Adding Value to Presentation Content.
50 Ways to Use Discovery Education streaming Lance Rougeux.
Chapter 5 BIE2313 | Web design. ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of.
FLASH, VIDEO & AUDIO How to add Flash movies into your site How to add video and audio to your site HTML5 and elements.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
Basic in Photoshop Tools in Photoshop Simple templates design menu in Photoshop different navigation bar image effects Design your portfolio page Design.
 When preparing a lesson, create a new folder  Put ALL materials related to the lesson into the folder  Include all video clips, audio clips, documents,
Digital Storytelling An introduction to multimedia presentations.
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Section 9.1 Section 9.2 Identify multimedia design guidelines
Chapter 4: HTML5 Media - <video> & <audio>
Learn HTML Basics Lesson No : 10
Web Design and Development
Tutorial 7 Working with Multimedia
Integrating Multimedia: Sound, Video and More
HTML5 Media.
Client-Side Internet and Web Programming
A Power Point Presentation
Connect: What kind of multimedia might you use on a web page?
Working with Multimedia
About Multimedia Files
Final Study Guide Arts & Communications.
2. Press Browse and search for the video file you need.
The Basics of Adding Internal and External hyperlinks
Presentation transcript:

Supplementary Materials on Web Authoring

Insert Anchors & Add Hyperlinks Insert other multimedia elements: Flash animations Video clips & Audio clips Background music

Insert Anchors & Add Hyperlinks Step 1: Insert > Named Anchor Step 2: Give a name for the anchor Step 3: Highlight the text on the top Step 4: In the Property Inspector, type in #name in the Link field

Insert other multimedia elements: Flash Animations Step 1: Insert > Media > Flash Step 2: Choose the flash movie file Note: The flash movie file should be in swf as the file extension

Insert other multimedia elements: Video & Audio Clips Use the following html syntax within the body tag: Note: width & height not necessary for embedding audio clips

Insert other multimedia elements: Background music Use the following html syntax within the body tag: File extension of sound files: e.g. mid, mp3, wav, etc.

URLs for Reference tag dobjects/_EMBED.html dobjects/_EMBED.html 0/embed.html 0/embed.html tag 0/bgsound.html 0/bgsound.html