Welcome back. In part two of â€œUsing iWeb 08â€, weâ€™ll look at the main screen icons, and what they do. Check out part 1 here.
iWebâ€™s Basic Interface
Apple likes to create software with as many on-screen buttons as possible. This makes it easy to find commonly used functions and speeds up the workflow. The iWeb interface is no exception. While there are certainly many things youâ€™ll need to do via the menu bar commands (or through keyboard shortcuts), youâ€™ll find that most of the time youâ€™ll be using the various icons or on-screen windows to accomplish your tasks.
The one youâ€™ll use most often will be the â€œInspectorâ€, but weâ€™ll get to that later. In this part weâ€™ll talk about the icons on the bottom of your screen. Each one adds some functionality or allows easy insertion for common elements on to your web page.
Youâ€™ve seen them from when you first start up iWeb, but just in case you didnâ€™t read the 1st part, here it is again. The first button all the way over to the right at the bottom is â€œThemesâ€.
You can select a different theme (from iWebâ€™s 26 or so choices) for the page that is currently displayed. How it will look depends upon the type of page in question, but keep in mind that this doesnâ€™t change any of your other pages. Youâ€™ll need to go to each page in turn and select the new theme to make them identical if thatâ€™s what you want to do. If youâ€™ve made some changes to the overall layout, the results may be either amusing or disturbing. Donâ€™t expect all the formatting youâ€™ve done beforehand to remain exactly where you placed it.
You could naturally choose a different theme for every page on your site, but in this way lies MADNESS! If you go this route, please donâ€™t send me a link as my eyesight is bad enough already.
Your best bet is to choose a theme before you start wisely, or except that changing your mind later will have consequences.
It puts a Text Box on your currently viewed page. Once itâ€™s there, move it to where you want some text to go. What? You expected some long-winded explanation?
Another easy one. Want a shape like an arrow or square amongst others? Hereâ€™s where they are. Select one and move it where itâ€™s needed. It doesnâ€™t get any easier than that.
Web Widgets are all new for iWeb 2. Frankly this alone almost makes iWeb worth getting for easy web page making. Prior to adding Web Widgets, the only way to add things like Google Ads or YouTube videos was to do it through third-party software that you had to run EVERY time you updated the page. Major pain now removed.
At first glance your choices might seem somewhat limited, but the add-ins are very powerful and will accept just about anything you can throw at it. Some are pre-built for you like Google Ad-Sense advertisements that can actually make you some money for every time you con â€¦trick â€¦ CONVINCE a visitor to click-through your links. You do have to set it up through Google, but itâ€™s not very difficult.
Speaking of Google, you can also add Google Maps to your site. Adding a Google Map is as easy as specifying what map (you know, like where in the world you want to show) you want and a simple cut & paste of the code that Google provides on the map page into iWeb. Once the code is entered, iWeb will even give you a live preview so you know just what itâ€™s going to look like before posting.
Getting away from the Google lovefest for a moment, iWeb also lets you add embedded html code into a box Apple calls a Web Snippet. Ever see those little weather widgets that some people have on their pages? Now you can tell the world just how crappy the weather is on your page too! Doesnâ€™t thrill you? No problem, thereâ€™s code available from many of the currently popular sites like digg, FaceBook, MySpace, Twitter, the list goes on and on. You can add your own html code here if you know how as well. Iâ€™ll show some examples and list links to the test pages Iâ€™ve created so you can see what Iâ€™m talking about when we get to adding those parts to a site.
The last bit you can do from Web Widgets is â€œ.Mac Web Galleryâ€. If youâ€™ve published iPhoto events or smart folders to your .Mac account, you can easily add them to an iWeb page. Since iWeb is tied to your .Mac account, it already knows about any photo galleries youâ€™ve created. If you go to the Web Widgets icon, check the .Mac Web Gallery part of the drop down menu, and any galleries youâ€™ve published will show up here in the sub-menu. Donâ€™t have a .Mac account and/or any galleries? Then that part of the Web Widgets will be grayed out.
One step forward, two steps back
Since every element in an iWeb page is essentially text and graphic boxes, itâ€™s easy to sometimes cover one with another. Many times as well you may have different layers of graphics or text purposely on top of each other. In order to change the order or just bring out one hidden behind another, just select the one that needs to move forward or backwards and use the (what else?) â€œForwardâ€ or â€œBackwardâ€ button.
The â€œUnmaskâ€ button is another one those, â€œGee what can we call this?â€ Apple moments. It doesnâ€™t in my opinion actually unmask anything, but brings up the â€œEdit Maskâ€ function that works for almost every type of image other than galleries and movies. With the mask window selected, you can crop out certain sections of an image that arenâ€™t needed or expand an area to the full size out to where you want the image. Keep in mind that this is only capable of square or rectangular edits. If you have an oddly shaped image you want to resize or edit, youâ€™re better off using a real image editor to do so. Unmask works well for easy, or quick and dirty edits though.
Sit on it and…
The â€œRotateâ€ button allows to you to quickly rotate almost any object 90 degrees at a time. Clockwise naturally. Holding down the Alt/Option key will rotate the same objects counter-clockwise. Movies and .Mac galleries will not rotate.
The â€œMediaâ€ button brings up audio, movies, and pictures from the default locations (or where you have designated them to be in each programs preferences) of iTunes and iPhoto. Keep in mind that both iPhoto and iTunes are capable of storing and displaying movies from their default folders, and that iTunes and GarageBand have default folders for audio. One weakness of iWeb is that you canâ€™t designate different folders to pull content from outside of those pesky default folders of the other iApps. Fortunately, you can just drag and drop from the Finder almost any graphic or audio element and iWeb will do something with it. Maybe not what you intended for it to do, but chances are it will available for you to use.
Ever play with the some of the possible adjustments to your pictures within the iPhoto edit window? If you have, then you know exactly what iWebâ€™s â€œAdjustâ€ window looks like. This only works for individual pictures, not movies or frames with multiple images in them. A handy button for bringing up the window quickly.
By an amazing coincidence (or maybe not so amazing since I knew I would write this), the â€œInspectorâ€ is going to play a HUGE part in the next part of this article. Iâ€™m not going to say too much about it now except to say that iWeb would be almost impossible to use without the Inspector.
And the rest…
The last two buttons you can kind of put in the â€œSure is nice to have, but I probably wouldnâ€™t miss them if they werenâ€™t thereâ€ category, we have â€œColorsâ€ and â€œFontsâ€. Colors bring up the Apple color selection window that weâ€™ve all seen before in various other programs and the Font menu does much the same. These are convenient ways to bring up the functionality these windows bring, but you could just as easily have done it through the â€œViewâ€ menu. Various parts of the Inspector will also bring up these windows automatically.
Youâ€™ve now seen most of the on-screen icons and separate windows that are available in iWeb 08 to make your site with one major exception. The â€œInspectorâ€ window. Thereâ€™s so much functionality packed into that one box that it deserves its own section! So I will. Join me next time for the â€œInspectorâ€.