Find a video that can be saved as an MP4

Slides:



Advertisements
Similar presentations
DREAMWEAVER Welcome to our website!
Advertisements

Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
LET’S GET UPDATING FUN….FUN….FUN How to Update Your Web Site Presented by: Leonora Fimbres & Marci Haight February 13, 2002.
Helena Baert Part II: Let’s get practical! The Web as a notebook This slideshow will help you build a wiki. Don’t worry if you.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
Garfield Graphics included with kind permission from PAWS Inc. All Rights Reserved. Making a PowerPoint Presentation 01 ‘Simple text and pictures’
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
Beginning A PowerPoint Presentation  To begin click on the Windows 2000 folder. Then double click on PowerPoint. If you do not see a Windows 2000 folder.
Click to add your Title Click to Write your name. Make sure it looks like this. Author: Nancy Power Point.
My Workspace Profile. Using the course menu, click on Profile.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Google Earth How to create a Google Earth Tour and place it in your Wiki.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Adding Websites to a Folder  Putting sites into an already existing folder Putting sites into an already existing folder  Adding an image on the icon.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Creating your COLOR THEORY in Art PowerPoint Presentation This presentation was put together for you by Mr. Montgomery, art instructor George Washington.
Enhancing Your Web Site. More Basic HTML Tags Today you will learn these tags: & add-on (alt, height, width & align) and “href” add-on Add a text link.
PowerPoint Tutorial Your Logo Here It’s easier than you think!
Images in HTML PowerPoint How images are used in HTML.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.
Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.
Use PowerPoint to make an E-BOOK with voice embedded.
Creating webpages in Google Sites. 1- Create a Gmail account.
Virtual Book Tools How to insert a Text Box Click on Insert Go to Text Box Click on slide to insert OR Click on Drawing Toolbar picture of Text Box Click.
Foxbright – Smarter Education Websiteswww.foxbright.com Foxbright Training Foxbright Teacher Pages
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Why are links important to a website? Web Design Course.
Powerpoint as a Multimedia Platform Matt Monjan Discovery Educator Network.
Serif Part 2 Adding text popups to pictures Adding a rollover image Adding a popup rollover Adding a Voki.
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes.
Slide 1 (of 16) 1) Launch Dreamweaver 8. 2)Under Site, choose New Site. Stanford Continuing Studies CS 22 · Enhanced Web Site Design Week Two DREAMWEAVER.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Exploring Office 2003 Vol 1 2/e - Grauer and Barber 1 Committed to Shaping the Next Generation of IT Experts. Chapter 3: Enhancing a Document: The Web.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
PREZI PRESENTATION Adding files (images, videos, sounds)
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
MAKING YOUR FIRST PRESENTATION GRADE 9 MISS L. MCVEIGH ROOM PowerPoint Enter.
Develop Your Web Presence Using WEEBLY TECHNO DRAGON PD | WEEBLY.
Creating Games with PowerPoint: The SECRET: Sequence – the order of the slides Connection – how the slides link together.
Setting Up an OnCourse Website Debbie Hale. Sign on to
Page 1 of 15 1) Launch Dreamweaver. 2)Under Site, choose Manage Sites Click New, then Site. Continuing Studies CS 22 ·Stanford University EXERCISE 3: IMAGEMAPS.
Creating a Google Site For a Digital Portfolio Purpose.
ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.
Want to embed a video so you click to play not to link?
WEEBLY 101 MAKING AN AWESOME WEBPAGE. WEEBLY 101 PLANNING A WEB PAGE WHAT WOULD YOU LIKE YOUR PAGE TO LOOK LIKE? EXAMPLES:
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
SMART amp Tutorial.
Images in HTML PowerPoint How images are used in HTML
Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”
Using the INSERT TAB in MS Word 2007
To view your master work in a browser you do this:
More elements 10 Basic elements.
Web Page Design ICT Ms. McGrew.
Presenter Mindy Pistol Ext
How to insert a media file into your webpage
Lesson Objectives Lesson Outcomes
This is where your title of your presentation will typically go.
Click on Adobe dreamweaver
How to Make a Power Point
How to PostPower Point Presentations
CiDA DA201 Exam Revision.
Introduction To Computing BBA & MBA
To insert a hyperlink ( a web page address, URL) using text
Develop Your Web Presence Using WEEBLY
You can insert a group photo by going to Insert → Image
Images in HTML PowerPoint How images are used in HTML
Presentation transcript:

Find a video that can be saved as an MP4 Go To Google search name of the place and activities and click videos Example: Denver activities

When you find It When you find the video you want right click on it to save the video in your W:Drive folder. It will be easier to find videos at home on YouTube. You will not be able to find them at school due to our filters. When you find a video you like, use keepvid.com to save it. It will show up in your downloads file. Save it to google drive and then switch it to W:Drive when you are at school. Choose the MP4 option.

Adding to website Look at the insert tool bar. It should be on HTML, and you should be able to find HTML 5 Video. Be sure to have the cursor where you want the video to go, before you click the HTML 5 Video. When you do that a place holder box, will show up where your video will go. In the properties bar: Where it says source there is a file folder there. Click it and find your video to insert in there. If you haven’t saved it in the right folder, it will prompt you to do so. Where it says title enter in the name of the video. Where it says poster click on the file folder and upload an image that represents the video. This picture should be saved as a JPEG file and it needs to be in your W:Drive inside the image folder

It will look like this. Be sure to check it out in Real Time Preview It will look like this. Be sure to check it out in Real Time Preview. It will ask you to save, be sure to do that or you will loose everything you have just did. It will look something like this: There is a picture where the video will play. When the view clicks play, the picture will be replaced with the video.

Inserting Alternate Text and Link to image Insert an image like it before or find a place in your template where it is labled IMG. This means image. Click the file next to SCR (Source) Insert A hyperlink (Web Address) Where the pictures comes from. In Alt write what the image is of Title it. Everything is labeled. When put into Real Time Preview it looks like this: You can see that the picture is there, it has it’s title “Freddy” and if you scroll your mouse over it, it turns into a finger and can be clicked.