Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Anyone looking for a fast and easy way to build a great web site can use iWeb to bring together and post photos and videos that were created using other iLife '09 applications. Instructor Garrick Chow demonstrates the basic functions and the new features of this application in iWeb '09 Essential Training. Garrick shows how to create and publish everything from basic web pages containing text and images to more involved pages with video. He also demonstrates how to create blogs and podcast pages. Exercise file accompany the course.
In this movie I would like to show you how to get videos you have edited in iMovie into an iWeb page. And it's actually a really simple process, but it's not completely obvious how to do it. So let's take a look by firing up iMovie. And I'm going to create a new project and call this one Southern Utah, leave it at Widescreen for aspect ratio and I'm going to have no theme and I'll click Create. This is not a tutorial on iMovie, so I'm not going to get into great detail here about that. But let's assume that we have three clips that we want to import into iMovie and then send to iWeb.
Now inside the iWeb movies folder on my desktop that I copied from my Exercise Files folder, there's a folder called SU clips for Southern Utah clips. And in here are the three clips that I want to import. So I'll choose File > Import > Movies and on my desktop I'll go into iWeb movies and SU clips. Now I'll just hold Shift key to select all three of these clips. I'll create a new event called SU and I'm going to copy these file in the iMovie and click Import to do so. So now I have these three clips in iMovie. I'm just going to click in my Event browser, hit Command+A to select all three clips and drag them into my project.
Now iMovie is going to give me this tip saying, I'll achieve better results by individually adding only the best segments of my video, which is true. In most cases you don't want to drag in your clips in their entirety. But I've already set up these clips to contain the parts of the video that I want to show. So I'll click Continue. I already have my transitions area open here so I'm going to add Fade to Black at the end. Maybe one at the beginning and maybe couple of Cross Dissolves between the clips. And let's see what that looks like.
Let's jump ahead a little bit here. Jump ahead again to check out my transitions. Now I'm going to show this movie on an iWeb page. Under the Share menu, we've options to send the movie to iTunes, to iDVD, but no iWeb. So what we're going to choose in this case is Share > Media Browser. Now we've already seen the Media Browser in action in iWeb. It stores your photos from iPhoto, your music from iTunes and your movies from iMovie. But it will also find other media files from other locations on your computer by default and you can specify other locations if you want.
But in this case we've chosen Share. So when you choose Share > Media Browser, you get this handy-dandy chart that will figure out which settings to use. If you roll your mouse over the Info icon, you'll get a little bit of more information about the file size that it'll be generating depending upon which size you choose. I'm going to go with Medium, which is already selected here. That's a good size to view the movie on iPods, Apple TVs, on your computer, on a MobileMe web page or on YouTube. We could choose multiple sizes, if we want. In fact, I've click Mobile one as well so that you can see what it looks like in the Media Browser and I'll click Publish. So now our movie is creating the Medium version of the movie. And now it's generating the Mobile version of the movie.
So for each different size option that you've chosen, iMovie will have to generate that size movie individually. So the more size options you choose, the longer the process will take. But now the movie is in my Media Browser, let's go back to iWeb and take a look. I am on the movie page that I created previously. I'm going to click Show Media to show the Media Browser, and I'm going to go over to the Movies. I notice here under iMovie, in the Media Browser we can actually see projects that we've created in iMovie. But some of these, in fact, most of these in my case, you will notice it says this iMovie project can't be used because it hasn't been prepared for showing yet. To prepare for showing, open it in iMovie and choose Share > Media Browser. That's exactly what we did with our Southern Utah project, which is why those videos are now available. Notice I have both the Medium version and the Mobile version available at this point.
So you'll be only be able to grab your iMovie from the Media Browser, if you've chosen Share > Media Browser in iMovie and if chosen at least in one size to output. So in this case I'm going to go with the Medium size and to add this to an iWeb page, I'll simply drag it onto my page. There it is. I'll just line it up with previous one. And now this is just like having any other movie on my page. I can open my Inspector. I go to my QuickTime Inspector where you can pick a different Poster Frame, right there, and I've all these options available to me that we talked about in the previous movie.
I can even play it right here in iWeb. So that's how we add movies from iMovie to an iWeb '09 page. It's not as direct as the option to, say, create an iWeb photo page directly from iPhoto like I showed you earlier in this chapter, but the nice thing is that the movie is now stored in the Media Browser and you can reuse it on other pages or drag it back into another iMovie project or even use it in GarageBand or iDVD. The media that you find in the Media Browser is usually available to all the other iLife applications. So take some time, play around with exporting movies to the Media Browser and you'll be used to the workflow in no time.
There are currently no FAQs about iWeb '09 Essential Training.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.