Connect: What kind of multimedia might you use on a web page?

Slides:



Advertisements
Similar presentations
Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets.
Advertisements

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.
Certificate in Digital Applications – Level 02 Website Design and Creation.
HTML 5 and CSS 3, Illustrated Complete Unit K: Incorporating Video and Audio.
SM5312 week 11: Flash Objects in HTML1 Flash Objects in HTML Nick Foxall.
Different Streaming Technologies. Three major streaming technologies include:
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Unit 2 – Webpage Creation AO1 – Design a multimedia Website Mr S Farmer Unit 2 – Webpage Creation AO1 – Design a multimed ia Website.
Embedding Videos. Adding Videos to Our Website: Videos can make our pages more interesting and engaging. Most video-hosting websites, such as YouTube,
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.
Teaching With the Tubes How to use YouTube and TeacherTube videos to supplement instruction Presented by Farmington Technology Department.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
Unit 1 – Improving Productivity Loren Thomas Instructions ~ 100 words.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Search on the internet the different ways for building a website, and choose which one bests suits you for what website you are doing.
Media in PowerPoint Learning Goal: Today you are going to explore how music and video can be added to a presentation.
Tutorial 7 Working with Multimedia
Tutorial 7 Designing a Multimedia Web Site
Supplementary Materials on Web Authoring. Insert Anchors & Add Hyperlinks Insert other multimedia elements: Flash animations Video clips & Audio clips.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
What makes a good interactive resume? Click for detailed information Multimedia Navigation Communication.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Add an Image. index.html about.html contact. html contact. html.
Putting Zing into your Classroom with Jing. Why use Flash presentations? Personalize course content Add related concepts Reach various kinds of learners.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Videos. Adding Videos to a Web Page Videos can make our pages more interesting and engaging. Most video-hosting services, such as YouTube, will provide.
Embedding Multimedia in Web Pages  Multimedia is a popular buzzword for sound, motion video, and interactive animation.  Some problems or obstacles.
2006 Adobe Systems Incorporated. All Rights Reserved. Getting Started with Adobe Presenter.
Welcome to What is weebly.com? How does weebly.com work? What can I do with a weebly website? Contact Information: Marissa Sampson
HTML (Advanced) -forms, iframe, audio, video. Outline – Forms – iFrames – Audio/Video.
GRAPHICS. PURPOSE OF GRAPHICS IN WEB DESIGN Graphics add visual/aesthetic appeal to the information on the web page, helping to maintain viewer interest.
Powerpoint – Advanced Professor Robert Sandberg Charter College of Education California State University - Los Angeles.
Name: Unit21 A01 - Research. Website 1 Name: Website: Target Audience:
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
Unit 15 – Web Authoring Web Authoring Project.
Simple steps of using Google Earth to prepare Field Study report Objectives This simple guide uses Google Earth, the free version for students to organize.
ΑΓΓ66 Creating a wiki Contact Session 3
Learn HTML Basics Lesson No : 10
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Web Design and Development
Simple steps of using Google Earth to prepare Field Study report
Tutorial 7 Working with Multimedia
Web Page Design ICT Ms. McGrew.
Client-Side Internet and Web Programming
مسابقة المدرسين المجددين
Unit 2 – Webpage Creation
Getting Started with Adobe Presenter
OCR Level 02 – Cambridge Technical
Basic HTML and Embed Codes
Create and edit web pages 2
Unit 4 Design and Produce Multimedia Products
Working with Multimedia
About Multimedia Files
Why would you want to add a Footer to a website?
Version: Macromedia Dreamweaver CS3 Updated: April 2008
2. Press Browse and search for the video file you need.
Embedding Videos.
Step-by-Step Banner Creation Guide
LO4 – New This Year and Find Out More
Connect: What do the images have in common and how are they used in websites? Anchor and Bookmark.
Connect: What do the images have in common and how are they used in websites? Anchor and Bookmark.
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Getting Started with Adobe Presenter
Edexcel CiDA| Course Overview
Presentation transcript:

Connect: What kind of multimedia might you use on a web page? Are there any problems with using multimedia on a web page? Give examples. Consider upload and download time

Learning objectives: You are learning how to embed multimedia into a webpage. You will embed sound, video and animations into your website. This will engage your target audience and make your website suitable for the audience and purpose.

To Embed a sound file – go to: Insert Web component Advanced controls Plug in Finish Browse Choose file OK (make sure the size is suitable).

Look at the code for embedding a movie file Look at the code for embedding a movie file. It specifies the action (embed), the source (src) and the dimensions (width and height). <embed src=pong.avi width=100 height=100>

To embed a video - go to : Insert web component Plug-in Browse for the file (make sure it is big enough to see when it is embedded).

To embed a video - go to : Insert, web component, Plug-in, browse for the file (make sure it is big enough to see when it is embedded). Differentiated hand out.

To embed a flash animation/movie – go to: Insert Picture Movie in Flash Format Browse for the file Resize if necessary

Embedding Flash screenshots for differentiation.

You need to add some code. The exam board may require you to stop an animation from looping repeatedly. You need to add some code. Stop looping parameter <param name="loop" value="false">

Add multimedia to your practice website. Demonstrate: Add multimedia to your practice website. Make sure you can do it without the instructions in preparation for the exam. Consider the HTML as well as the content e.g. contact details, name, email address, phone number, logo.

What did you find difficult? Review: What went well? What did you find difficult? What will you do to ensure that you can successfully embed multimedia into a website? How can make sure that you have presented your multimedia to the highest standards? Steps could include creating a revision guide or repeated practice with a variety of multimedia. High standards would include size, quality of picture resolution if it is a video.

SMSC In society it is always good to have any form of videos or other multimedia in a website? Think about cyberbullying or exploitation or radicalisation as negative impacts.