Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
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.
Adding a blog to your iWeb sites starts off like adding any other page to your site. Click the Add Page button to get a list of the page themes and templates, and then select a blog template of your choice. I'm going to go with Fine Line, since that's what I have been using this whole time, and then I'll select Blog and Choose. Now notice what's happened here. I now have a blog page listed in the sidebar, and underneath that I have Entries and Archive. I also have this new pane at the top of the window, which lists all of my blog entries. I only have one entry so far, so only one item is listed. So let's make a blog entry and see how this all works. I'm going to replace the default placeholder text here with "A Long Afternoon in Chicago". Now iWeb automatically enters the current date, so I don't have to enter that myself, and then this is just regular placeholder text down here, so I can replace with my entries for today's blog. So there is my entry, of course, you can make your entry as long or short as you like, you don't have to type exactly what I typed here if you are following along.
So let's go ahead and add a picture to replace the placeholder. I'm going to go to my iWeb photos folder and pop up on Chicago, and I'm going to grab the one called buildings, and drag that over to the placeholder, and there it is. And there is my first entry, and you can see it listed here at the top of the window. I want to add my next entry, to do so, I'll click Add Entry for a new blog page, and then I'll start typing. Then we'll replace the placeholder text, and I'm going to add tomorrows date here by double clicking the date field, and just select the date, and I can select it up here or I can use the arrow buttons down here. So I'll chose April 8th and then I'll replace the placeholder text.
All right, so there is my text, and again let's drag in another photo. I'll drag in opera_house this time. Okay, so there is entry number two. So both of these entry pages are the individual pages that people will see when they click on the links on the main blog page. So let's go over and take a look at the main blog page. This is a page that will come up when a visitor clicks on the blog link in my navigation bar. So here I see a list of the entries I've made so far, very similar to what we saw in the previous movie when we checked out the blog at apple.com. We see the title, the date and the few paragraphs or lines of the articles, and those are the articles that are listed with the most recent entry on top.
So you'll probably want to spend some time customizing this page too. I'm going to change this title to My Travel Blog, maybe change this text to a sub title, and maybe I'll grab another photo, I'll open the Taiwan folder and will grab Grand Hotel, drag that in there, looks good. And I can even customize the layout of the blog listings by clicking any of the entries down here. Notice that opens up the blog summary panel, and here I can choose whether I want to show photos or not. I can choose the Photo size, the Proportion for the photos, whether I want them in their Original proportions, Square, Landscape or Portrait, and I prefer Landscape in this case.
I can choose how much space is going to be between the text and the Photos using the Extra space menu. You can see by adding it pushes the text away, or I can move them closer, and we also have several Placement options here. So as I choose different Placement options, you will see some changes. This moves the picture to the right, like so. The bottom selection shows you the large photo with the text underneath.
So this is totally up to you, just choose whichever layer you like the best for your blog. Now the main blog page will display a summary of up to 50 blog entries. Although you can determine exactly how many will appear here in the RSS Inspector, so if you pop in the Inspector and click RSS, you can choose how many excerpts to show on one page, so you can up that all the way to 50 if you like. Here is where you can also determine how long the excerpt from each article is. If I want to make that shorter or longer I can do so here.
Depending on how many excerpts you are showing, let's say I only want to show ten, but I have 20 entries. Older entries are always automatically moved to the blog archive, which has this convenient Go to Archive link on your main blog page. So you can select your Archive page take a look at that, and here you can see just the two articles that I have created so far. So visitors to your site will have access to all of your entries to the archive unless you decide to delete them. But your entries aren't set in stone, if you do want to go back and change an entry, just click Entries, and then select the one that you want to change. For example, I didn't replace this placeholder text next to the Photos on either of the entry pages. Then I might type something like or I might go to the other entry here and type Chicago really is my kind of town. Changing an entry doesn't alter the date or time of the entry, iWeb only notes the time when you first create the entry, I should actually drag this pane over, so I can see the time there.
So if you make a simple mistake like misspelling someone's name in the entry, going back to change it, doesn't make a new entry or place it out of chronological order. And now we have pretty much have our blog set up. All you need to do now is publish it, add new entries whenever I feel like it, and then publish those as well. So let's click Publish Site, and now I can check on my blog by clicking Visit Site Now, and when I click the blog link in my navigation bar here in my Safari browser, I see the main blog page, and then I can click anyone of these articles to read more. Let's go back to the main blog page, and here on the main blog page, I can click the Subscribe link, so I can see the RSS feed like so. And again, this is just another example of the RSS feed like we saw previously, and if I want to subscribe to this blog in Safari, all I have to do is add it as Bookmark like I did previously, just drag it to my bookmarks bar, click OK, and there it is. You can see there are two entries that I have yet to read.
Let's go back to the main blog page. Another convenient feature of iWeb's blog is a built in search feature which your visitors can use to search through entries for specific words or phrases. So we have the search field here, and maybe I can search for Opera, and here is my search results page, and of course out of my two entries, I only mentioned the word Opera once, but I can click that link and go right to that entry. Now if you didn't see the search bar in your copy of your page, go back to iWeb, go to the RSS Inspector, and make sure you have the blog page selected, and make sure display search field is checked, if I uncheck it, you will notice that it will disappear from the page, so I'm going to make sure that's checked.
All right, so back here in iWeb, now whenever I have something new to say I can create a new entry by going to my entries page, clicking Add Entry, and then just start typing. Now bear in mind that you aren't required to have a picture in each entry either. I can select the picture and delete that. I don't need to type something in that placeholder here if I don't want to. I can modify the page anyway I like, so if I wanted to drag that up some more, and then drag the date up as well in the placeholder text, I can do that. And of course, you are also free to reformat the look of the text, by opening up fonts, and choosing different fonts for the text that you choose to do so. Actually, I'm not going to create another entry at this point, so I'm just going to select that entry, and click Delete Entry.
So that's how easy it is to create a blog with iWeb, and you are not limited to creating just one blog, you can have as many blogs in your site as you like. All you have to do is click the Add Page button, add another Blog Page, and there is my second blog. I'm just going to delete that. But you can see that it's no more difficult to set up a second blog than it was to create the first one, which is nice if you want to have different blogs for different topics in a single iWeb site.
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.