February 2006Colby College ITS iWeb Tutorial

February 2006Colby College ITS Topics Create your own webpage Customize your webpage Publish your webpage Edit and add to your webpage After completing this tutorial, you should be able to:

February 2006Colby College ITS Webpage Creation

February 2006Colby College ITS Initial Steps Opening program Selecting from pre-designed templates Inserting text and photos Inserting other media

February 2006Colby College ITS Beginning Steps Open iWeb Select template Double click to edit existing text Figure out what photos will be used

February 2006Colby College ITS Webpage Customization

February 2006Colby College ITS Formatting Text 1.Highlight text 2.To change color 1.Click on color icon 3.To change font 1.Click on font icon 4.To insert new text box 1.Click on text icon

February 2006Colby College ITS Inserting Photos 1.Select image from media browser 1.Drag over existing photo to replace with selected photo

February 2006Colby College ITS Inserting other media (Audio) 1.Select audio file from media browser 1.Drag into webpage 2.Select a photo to accompany audio

February 2006Colby College ITS Inserting other media (Video) 1.Select video from media browser 1.Drag into webpage

February 2006Colby College ITS Additional Formatting (1 of 3) To overlap photos –Drag photos over each other –To change which one is on top, click on placement icons To adjust image levels, such as contrast, click on adjust icon Use Arrange tool to make additional alterations to layout

February 2006Colby College ITS Additional Formatting (2 of 3) To insert other iWeb tools –Click on Insert at top of screen –Click on Buttons and select tool To insert something from computer –Click on Choose –Select item

February 2006Colby College ITS Additional Formatting (3 of 3) To change the focus of an image –Click on photo you wish to alter –Click on the Mask icon –Drag image using mouse to focus on the desired part of image

February 2006Colby College ITS Webpage Publishing

February 2006Colby College ITS Publishing Webpage Create a.Mac account Click Publish icon in lower left hand of screen

February 2006Colby College ITS Webpage Editing and Expanding

February 2006Colby College ITS Expanding Your Webpage To add another page to your website –Click on the Add Page button in the lower left hand corner of screen To add a blog –Click on the Add Page button –Select blog page type, click choose –Add a blog by clicking on the Add Blog Entry button To add a podcast –Create podcast in GarageBand –Select Share at top of screen –Click on Send Podcast to iWeb

February 2006Colby College ITS Questions? Comments? Feedback? Contact: Technical Training or Call Mel Regnell at ext. 4217Technical Training