Start learning with our library of video tutorials taught by experts. Get started

iWeb '09 Essential Training

Adding widgets


From:

iWeb '09 Essential Training

with Garrick Chow

Video: Adding widgets

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.

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
Please wait...
iWeb '09 Essential Training
3h 30m Beginner May 13, 2009

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.

Topics include:
  • Manipulating and adjusting images directly in iWeb '09
  • Using built-in widgets to add interactivity
  • Importing movies from iMovie
  • Creating photo pages from iPhoto
  • Managing multiple sites
  • Using MobileMe with iWeb '09
  • Blogging and podcasting
  • Publishing a site via FTP
Subject:
Web
Software:
iWeb
Author:
Garrick Chow

Adding widgets

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.

Share a link to this course
Please wait... Please wait...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed iWeb '09 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK

Course retiring soon

iWeb '09 Essential Training will be retired from the lynda.com library on April 24, 2014. Training videos and exercise files will no longer be available, but the course will still appear in your course history and certificates of completion.


Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked