Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,900 courses, including more Video and personalized recommendations.Start Your Free Trial Now
- View Offline
- Tagging a photo with geodata
- Using the new iPhoto editing tools to enhance images
- Sharing photos with Flickr and Facebook
- Stabilizing video in iMovie to get rid of the "shaky cam" effect
- Using green screen effects with iMovie
- Exploring GarageBand's new amps and effects to use with a real guitar
- Accessing GarageBand's built-in music lessons
- Publishing finished projects with iWeb via FTP
- Integrating iWeb's new widgets into web pages
Skill Level Intermediate
iWeb '09 comes loaded with a new collection of easy to use widgets that you can drag into your web pages to enhance your site with items like YouTube videos, Google Maps, Countdown Timers, and more. To access iWeb's widgets, open up the Media Browser and click Widgets. So these are all the widgets available for you to add to your site. Now, in the previous version of iWeb, you could add items like Google Maps and HTML Snippets, but here in iWeb '09, all the widgets are located in one place. There is a lot more of them, and adding them to your site is simply a matter of dragging the widget onto your page.
For example, this page I'm looking at right now is talking about the Southbank section of Melbourne, Australia. I would like to include a YouTube video showing one of the sites found along the riverbank, and I just so happened to have found a video on YouTube that would be perfect here. Let's switch over to Safari for a moment. Here in YouTube is the video I would like to embed in my page. Let me play it a little bit for you. [Video Playing - 00:00:57 - 00:01:10] video, which I can get either by selecting the address in the Address Bar or from the URL field on the YouTube page. With either one selected, I can choose Edit>Copy, and then let's go back to iWeb.
On iWeb, I'm going to grab the YouTube widget and drag that onto my page. You can see it appears right there. Let's just resize this a bit so it's about the same width as the column of texts above. Let me reposition that, put it about there. Now what I'm going to do is paste in that URL I copied from Safari into the YouTube URL field. We also have the option of Showing or Not Showing related videos after my embedded video plays. If you don't want a list of what YouTube considers to be related videos to appear when this video is done playing, just uncheck that option. And really that's all there is to it.
I click Apply, and the video is now embedded on my iWeb page. I can even select it and click Play to play the video right here in iWeb. There it is. For the most part, all the other widgets in iWeb are just as self-explanatory. For example, this Google Map that you see down here at the bottom of my page was created by dragging out the Google Maps' widget onto the page and then adding the address into the address field.
You can see by selecting that widget at any time, I can further change my settings. Maybe I don't want to see the Search bar, or I want to see the Address bubble. I can click on the map itself, reposition it. Maybe I want to make that the Satellite version instead of the Map version, I can do that as well, and maybe zoom in a bit. All those options are available to me here. Let me show you one more of the new widgets. Let's go back to the Welcome page, and let's say I want to let my site visitors know how long it's going to be until my next trip. I'll just come in here and type a line of text underneath the first paragraph, and I'll just type Time until my next trip: and I'm going to drag in the Countdown widget, which looks like this neat little countdown timer.
Let's reposition that a bit more. So you can see here we can choose the style of the Countdown widget. I kind of like that current one, but maybe for this page we'll choose the one on the bottom, which means I probably should reposition that again. I can choose which labels I want to see in the display. If I want to include Years, I can drag the handle over. If I only want to include Minutes and Seconds. It's just a matter of dragging this handle left or right or turning labels off altogether. Then I can add the Date that I'm counting down to. So maybe my next trip is going to be 10/26/2009, and we'll just say it's 4:23 PM.
I will close the Info window and there you can see the Countdown timer. I should reposition that just a little bit. Maybe just add one more line of space there so we can actually see the timer. There it is. I now have a live countdown timer on my site. It's that easy. So take some time to explore the other widgets in iWeb like the iSight Photo and iSight Movie widgets, which can be a fun and quick way to get snapshots and short videos onto your page. Don't be afraid to experiment. If you decide you don't need a widget that you have dragged onto your page, just select it, hit the Delete key, and it's gone like that.
But do at least give widgets a try, because they represent a lot of fun and useful things you could be adding to your iWeb sites.