Draft:DLC Workshops/iWeb (Mac)/iWeb
iWeb is a web page content application and site manager for Mac.
It is one of the iLife '09 applications that you can get with your Mac.
It is not installed initially on your Mac. If you want it, you can download and install it from WSU Software Additions.
Designing a website may seem difficult, but with iWeb, it’s easily within your reach.
- Create your site using themes.
- Customize it with photos, movies, text, and widgets.
- 1 Downloading and Installing iWeb
- 2 Creating a Website
- 3 iWeb Window
- 4 Adding Media
- 5 Adding Widgets
- 6 Publishing to Your Student Website
- 7 Pros and Cons of Using iWeb
- 8 Other Resources
Downloading and Installing iWeb
To get iWeb, you'll need to download and install it from Software Additions.
- In Software Additions, look for the following option:
- Check the box next to "iLife '09," and click the "Install Software" button.
- The software will now download to your computer. To finish the installation, follow the on-screen instructions that appear.
Creating a Website
- When you first open iWeb, a MobileMe window will appear. Check the box that says "Don't show again" and press "No thanks".
- There will also be a window that appears with a welcome video. You can close out of this window, too.
- The first window that actually means anything will be the next one that says "Choose a template for your webpage".
- Feel free to choose any of the available themes by clicking on them in the list to the left. For this example, we will choose the "Darkroom" theme. Once you've made your decision, click the blue Choose button.
- You'll see that a Welcome page with standard pictures and dummy text is created. Everything on this page can be deleted and replaced with your own content. This can be done quickly by pushing Command (⌘) + A and pressing delete.
- First thing you'll probably notice is that the iWeb window has four main areas: the page list to the left, the editor pane in the center, the media panel to the right, and the toolbar across the bottom.
- The page list on the left side contains a list of all of your pages. Clicking on one displays it in the editor pane.
- This is the part of the window where you see which page you're currently working on. The editor pane is a basic WYSIWYG editor.
- The media panel on the right hand side is where you'll go to add media files such as audio or video clips, as well as HTML snippets.
- The toolbar across the bottom is where you'll find most of your control options.
- Allows you to add an additional page to your site.
- Sends the site and all files associated with it to the desired folder. We'll cover this in more detail near the end.
- Brings you to your website after it's been published.
- Allows you to change your website's theme.
- Produces a resizable, empty text box in the center of the page. This text box can be resized and moved anywhere.
- Allows you to place generic shapes (i.e. arrows, stars, etc.)
- Adjusts which part of a picture is visible.
- Rotates an image or text box by 90 degrees anticlockwise.
- Gives control over many different image aspects such as brightness, contrast, etc.
- Gives control over many aspects of the webpage as a whole. Adjusting the page size, adding hyperlinks, etc.
The media window contains media found in your iTunes, iPhoto, and iMovie libraries. Simply click and drag the item you want onto the page, and iWeb adds it to your website.
Can't find the file you're looking for in the media browser? Go to the "Insert" menu, and select "Choose." Browse to the item's location on your hard drive, and click "Insert" to add it to your website.
Widgets are "mini-applications" that run on your website, much like those found on your Dashboard. To view the available widgets in iWeb, click on the "Widgets" tab in the media window.
To add a widget to your page, simply drag and drop the widget of your choice onto your webpage. Next, complete the options in the prompt that follows, and click "OK." The widget is now part of your webpage.
Publishing to Your Student Website
Connect to StudentWebs (instructions here)
You will need to publish your website in order for it to appear on the internet. Follow these steps to publish the website to your "StudentWebs" space.
First, select the website you would like to publish (the name should appear in the left pane of the main window of iWeb). The window below will appear.
1. In the "Publish to" drop down menu, select "Local Folder."
2. Give your website a name in the "Site name" field.
3. Provide an email in which you can be contacted in the "Contact email" field.
4. In the "Folder Location" box, type the following into the "Location" field:
- For MacBook Pro (Aluminum):/Volumes/Webstore/Studentwebs/your_StarID
For MacBook (White): /Volumes/your_StarID
5. In the "Website URL" box, type the following into the "URL" field: http://studentwebs.winona.edu/your_StarID
Note: You will need to publish your site each time you make changes in order for them to take effect.
Pros and Cons of Using iWeb
- Video tutorials on Apple.com
- Drag and drop photos onto place holder
- Deleting objects just by using the delete key on keyboard
- Images and objects can be moved and resized by using mouse
- You can add movies, audio, and widgets
- FLV, SWF, quicktime, real, WMV
- Adding files (doc, pdf, xls) requires you to make them zip files and links that go to them
- PDFs can be tricky to embed
- "Domain" file must be moved to the computer to edit the site (cannot pull in the index file to edit the site)
For a manual on using iWeb, click here.
For video tutorials on the features of iWeb, go to: Video Tutorials for iWeb.
For online help, go to: Apple iWeb Support