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.
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 the Media browser by clicking the Show Media button and select Widgets. So these are all the Widgets available to 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 on iWeb '09 all the widgets are located here in one place and adding them to your site is simply a matter of dragging the widget onto your page. So widgets are an easy way to add dynamic and interactive content to your web pages.
There are widgets here for adding a MobileMe Gallery, video clips from YouTube, Google Maps, Google AdSense. If you have an iSight camera built into your Mac you can take a photo snapshot or even a movie from right here in iWeb and add it to your page. And we also have Countdown Timer, RSS Feed and HTML Snippets Widgets too. Let me show you a couple of examples of how easy these are to use. I'm going to go back to my Melbourne page and lets say I want to add a map of Melbourne to my Melbourne page, maybe right down at the bottom. So I'm going to grab Google Maps and it expands as soon as I drag it on to my page and I'll just drag it towards the bottom here and there it is. Let me scroll down a bit. Just going to drag it down below the text.
Now the great thing about most of these widgets is that you can customize their size. So right now it's at its default size, so I'm just going to drag it out a little bit, covers the width of the page and I can use that blue guideline that tell me when it's wide enough that it's actually centered on the page and we are just going to make that a little bit shorter, to be like so. Each Widget has a control panel that opens up and in this case I just need to plug-in an address. Just type Melbourne, Australia. See if Google Maps can find that and there it is. Now within this Google Maps widgets I can drag the map to reposition it, I can zoom out, I can even switch to the Satellite view or I can choose the Hybrid view which show Satellite with street names. We'll zoom in just a little bit more.
In this control panel we also have some options. We can decide what we want to show or hide in terms of the controls. We can hide or show the Zoom controls. Usually I like to keep those on. Don't really need the Address Bubbles, I'm going to uncheck that and we can also decide to keep or remove the Search Bar, which is this item down in the lower left hand corner. Just going to turn that off and I can close the control panel and there is my Google Map right on my page. So it really doesn't get much easier than that. Let's go back to the Welcome page and let's say I want to let my visitors know how long it's going to be until my next trip. I'm going to come down here into the Text Box, hit Return.
I'll say "Time until my next trip:" and now I'll drag the Countdown Timer widget onto my page and I'll place it right there and you can see this has its own control panel that pops up. I can choose different Styles of Countdown Timers. I kind of like the default one. I can choose what I'm Displaying, Years, Days, Hours, Minutes or Seconds. All I have to do is drag out to the left or to the right to make that determination. I can turn Labels on and off. Kind of make sense to leave them on in this case and then I just have to say what Date we are counting down until. Let's say we are counting down till October 26, 2009 at 1:30 PM and you can see the timer is now rolling. So that's the Countdown Timer Widget.
Let's go back to Melbourne. Another widget I like is the HTML Snippet Widget. It also just runs the same. Some websites offer you little snippets of HTML codes so you can place their contents onto your website. For example, let me open up Safari. One of my favorite weather websites is Weather Underground, which is wunderground.com. Okay so here is the Weather Underground site and I'm going to Search for Melbourne's weather. So here I see the Current Conditions, not really interested in that right now, but I'm going to scroll down. And here they have Free Weather Stickers for Your Homepage. We want to click Get Your Weather Sticker! and Weather Underground actually offers several different types of Web Stickers that you can add to your web pages.
They have Searchable HTML Stickers, Dynamic Minis, Static Minis. I'll choose the Dynamic Mini just so we can see how that works. Go and click on that and you can see now it's giving me HTML code that I can paste into my web page. Now the only way to do this with an iWeb web page is to use the HTML Snippet Widget. So I'm going to select the text, the HTML code, choose Edit > Copy and then return to iWeb and I'm going to drag the HTML Snippet Widget onto my page and here, all I can do here is just paste in that code. So I'm going to click in there, choose Edit > Paste, hit Apply and there it is. So there is the weather for Melbourne right now. Just place that right there. So that's the HTML Snippet Widget.
So as you can see there is an incredibly diverse range of widgets available for your use here in iWeb '09 and be sure to take the time to explore some of these other widgets on iWeb, like the iSight Photo and iSight Movie widgets, which can be a fun and quick way to get snapshots and short videos on to your page. Or the YouTube widget, which lets you embed videos you find on YouTube right into your web pages, and that could be pretty useful too. And don't be afraid to experiment. If you decide you don't need a widget, you drag on to your page, just select it, hit the Delete key and it's gone. 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.
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.