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.
So once you have picked your website's theme and have created at least one page, it's time to personalize it with your own text and images. In the previous movie, I created a Welcome page and an About me page. Let's start with the Welcome page, which I already have selected here in my sidebar. Now as a side note, bear in mind that you don't need to create a Welcome page on your website. You can start with any type of page you want. So this page has a couple of blocks of placeholder text and some placeholder images. Every page designed in iWeb has placeholders for you to swap out with your own content. If you don't need or want a particular piece of text or image, you can just delete that placeholder in most cases. But there are some placeholders that can't be deleted and I'll talk about those in just a couple of moments.
But even in those cases you can just delete the placeholder text or images within them. You are also free to move placeholders around and to add additional blocks of text or images to your pages. So to add my own text to this block where it currently says Welcome, all I need to do is click anywhere on the block and start typing and I'll call this My Travels. And then I'll click the block that says Snippets of My Life and I'll change this to A Record of My Trips and underneath that we have a large block of text and again I'll select that and I'll just type a couple lines here.
Hello friends. All right, so I have just entered some text here. Now there is one more block of text right here, but if I don't need any additional text, I can just click it once to select it and hit the Delete key on my keyboard. And since I got rid of that, I probably don't need this horizontal placeholder anymore. So again I'll select that and delete that as well. Okay, so I have now added my own text to this Welcome page. Now you are not limited to just using the provided text placeholders. If you want to add another text block somewhere on your page, just click the Text Box button. Now before I do so, I'm going to click outside of my page just to make sure I don't have any other text boxes selected. Otherwise I'll create an inline text box, which we'll talk about later, but it's not something that I want right now.
So I click Text Box and right away a text block appears right here in the center of my page. I'll type 'site created by Garrick Chow.' And I'm going to click outside of the box to tell iWeb I'm done typing. And then I'll click on that box again to select it. And now I'll just move this to lower right hand corner of my page; I'm just going to drag down up to the bottom a little, so I can scroll the page down a bit. And I'm going to resize the text box by grabbing a corner and dragging up. So I'll just reposition that a little bit more, there we go, and that should feed my ego for a while.
Now what I just did might seem like it was no big deal; just moving a text block around on my page, but if you are familiar with the other web design programs, you know that's not something that you can easily do in applications like say Adobe Dreamweaver. Placing images and text anywhere you like on the page is actually a fairly involved task in other programs. Just in case you are familiar with more advance web design concepts, and you are interested in what's going on here, iWeb uses Cascading Style Sheets or CSS to manage the placement of the pages elements using DIV tags. But you will never see the code here in iWeb.
Now there are some things you will have to keep in mind as you place objects around your page but I'll get into more detail about those things in the upcoming movie on working with object placement and stacking order. Let's take a look at the About me page next. And here again we have several text and image placeholders. So my plan here is to have a page for each of the places I have traveled to and I'm going to start by modifying this page to cover my trip to Melbourne, Australia. Let's change About Me to Melbourne. And let's change the text that reads The New Kid on the Block to Energy and Sophistication, which is what I think when I think about Melbourne.
Now I should probably also change the name of the page itself in my sidebar. It still currently says About Me. So I'll just double-click on that and change it to Melbourne. And notice that also changes the name of the page here in my Navigation bar. Now let's go over to the right side of the page here where it currently says My Info and I'll change My Info to City Info, keep Name there, and for name we'll type Melbourne. Let's change Age. Just double-clicking on the word to select them here. I'll say Established 1835. Maybe I'll change Birthday to Population, 3.8 million and for Hometown I'll change it to Visited by me. I'll say September 2008. And right now, I really don't need the rest of the placeholder text.
So I'm going to select it all just by dragging down and just delete of all of that. So you can see it's really easy to replace placeholder text and delete the stuff you don't need on the page. Now you can always delete the text in a text placeholder and you can delete the placeholder itself as well as most image placeholders. Basically any objects with white handles, when you click on an object and you see white handles around it, whether it's an image placeholder or text placeholder, you can delete it off the page. Objects with gray handles like the Navigation bar, you can see this actually has a gray handle on the left and right side, those objects cannot be deleted. As much as I press the Delete key it will stay on page.
Now you can still hide the Navigation bar and I'll talk about how to do that in a later movie in this chapter. All right that's probably enough text for now. You should have the idea about how to change placeholder text and how to add and position your own text too. Next we are going to a look at how to change the appearance of your text.
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.