Date post: | 11-Jan-2016 |
Category: |
Documents |
Upload: | tracey-hardy |
View: | 217 times |
Download: | 2 times |
February 2006 Colby College ITS
iWeb Tutorial
February 2006 Colby 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 2006 Colby College ITS
Webpage Creation
February 2006 Colby College ITS
Initial Steps
• Opening program
• Selecting from pre-designed templates
• Inserting text and photos
• Inserting other media
February 2006 Colby College ITS
Beginning Steps
• Open iWeb
• Select template
• Double click to edit existing text
• Figure out what photos will be used
February 2006 Colby College ITS
Webpage Customization
February 2006 Colby College ITS
Formatting Text
1. Highlight text
2. To change color1. Click on color icon
3. To change font1. Click on font icon
4. To insert new text box1. Click on text icon
February 2006 Colby College ITS
Inserting Photos
1. Select image from
media browser
1. Drag over existing
photo to replace with
selected photo
February 2006 Colby 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 2006 Colby College ITS
Inserting other media (Video)
1. Select video from
media browser
1. Drag into webpage
February 2006 Colby 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 2006 Colby 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 somethingfrom computer– Click on Choose – Select item
February 2006 Colby 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 2006 Colby College ITS
Webpage Publishing
February 2006 Colby College ITS
Publishing Webpage
• Create a .Mac account
• Click Publish icon in lower left hand of screen
February 2006 Colby College ITS
Webpage Editing and Expanding
February 2006 Colby 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
QuickTime™ and aTIFF (LZW) decompressor
are needed to see this picture.
February 2006 Colby College ITS
Questions? Comments?Feedback?
Contact: Technical Trainingor
Call Mel Regnell at ext. 4217