info@kddidit.com

This Page:
Page
Photos
RSS Feed
Text
- Text
- Wrap
- List
Shapes
Metrics
Link Inspector
QuickTime

Inspector Details

Inspector is the primary dialog box you will use throughout the entire project thus deserving of its own page of explanation.

Toolbar displaying the icons available on the Inspector palette

Figure 20. The function of the above tabs are, from left to right: Page, Photos, RSS Feed, Text, Shapes, Metrics, Link Inspector, and QuickTime.

Page

Page is divided into two sections: Page and Layout.

The Page half of Page is where you name the page and you decide if you want to include the page in the navigation menu and if you plan to display the navigation menu on this particular page.	Figure 21. Displays the Page side of Page. Affects the navigation menu and the page name.
The Layout half of Page sets the size of the parts that make up the page: the top and bottom padding, the content width and height, and the height of the header and footer. Layout also sets up the color or image you want to use for the page background as well as the color of the background outside the page edges.	Figure 22. Displays the Layout side of Page. Affects the page width and height, sets aside space for a header and footer, and allows you to choose the color/image of your content area and the areas outside your page.

Return to top

Photos

Photos is the second icon from the left in Inspector with two tabs:

Photos
- Enables you to choose the download size/speed of the images for sharing your photos
- Comments, Attachments, and a Comment Indicator can also be enabled
- Comments allow people to add their two-bits about the photo(s)
- Attachments allows people to attach their own photos
Slideshow
- Turns an Album into a slideshow
- Allows you to apply transitions
- Affect the appearance with reflection, captions, and/or full screen
- Choose a background color

Return to top

RSS Feed

RSS is the third icon from the left in Inspector with two tabs:

Figure 23. The Blog side of the RSS.

Blog
- You will have access to Blog only if you have added the Blog page from the templates
- Choose the number and length of excerpts
- Decide if you want to allow comments and/or attachments
- Perform searches

Figure 24. The Podcast side of the RSS.

Podcast - Choose between Series or Episodes
- You will have access to Podcast only if you have added the Podcast page from the templates
- Podcast Series
  - Provides credit to the artist in charge of the series
  - Gives a contact email address
  - Enables you to set a parental advisory: Clean, Explicit, or None
  - Decide if you want to allow your podcast in the iTunes Store
- Podcast Episode
  - Displays the duration of the episode
  - Provides credit to the artist who created this particular episode
  - Enables you to set a parental advisory: Clean, Explicit, or None
  - Decide if you want to allow your podcast to be available in the iTunes Store

Return to top

Text

Text is the fourth icon in Inspector with three tabs:

Text, Figure 25
- Affect color, alignment, character spacing, leading, space before and after a paragraph, and inset margins

Text tab in the Text part of the Inspector palette

Figure 25. Displays the Text tab of Text. The right popout shows the various choices available for Line

Return to top

Wrap, Figure 26
- Cause text to displace itself around an object
- Around an image IF the cursor is inserted on the left side of the text
  - Choose Insert > Choose > double-click the desired image file
  - iWeb automatically inserts the image on the right; click the left to shift the image to the left
- Text that conforms inside a shape:
  - Insert the shape
  - Double-click inside the shape to begin typing

Figure 26. Displays the Wrap tab of Text.

Return to top

List, Figure 27
- Choice of bullet styles: text, image, custom image, and numbers
- Color of markers
- Ability to stretch/condense bullet positions
- Change the size of the bullet markers
  - You can also scale the markers with the text or let them get too big/small for the accompanying text
- Bullet indent allows you to set the distance from the left margin to the bullet marker
- Text indent affects the distance between the bullet marker and its text

List tab in the Text part of the Inspector palette

Figure 27. Displays the List tab of Text. The left popout shows some of the bullet markers available under Text Bullet while the right popout shows the different bullet styles possible.

Return to top

Shapes

The Shapes palette is the fifth icon in Inspector and enables color fills, changing the stroke attributes, shadowing, creating a reflection, and affecting the opacity of the color to affect the Shapes imported from the toolbar.

Making any changes requires that the shape or image is selected—the eight bounding boxes should be visible.

Color Fill and Stroke, Figure 28, is the most basic example.

Shapes also allows you to affect:

Shadows, Figure 29
Line and Endpoints are additional refinements for Stroke
Reflections permits a particularly singular effect

Figure 29. Demonstrates the effect of Shadow with a red fill, its offset, blur, and opacity.

Figure 28. Demonstrates Color Fill and Stroke inside the Shapes tab of the Inspector palette.

Figure 30. Demonstrates the various choices available in Color Fill, Line, Stroke, and Endpoints.

Figure 31. Demonstrates the effect of Reflection.

Return to top

Metrics

Metrics is the sixth icon in Inspector and is all about size and position (in pixels):

Figure 32. This Metrics example displays the relevant information about Figure 31: the name of the file, its width and height, and its position upon the page.

Figure 33. This Metrics example displays Rotate (pink arrows) while the text shows the effect of using Flip.

The top text is the original; the middle shows use of the horizontal Flip while the bottom text uses the vertical Flip.

Tells the name of the file
Current size can be changed by:
- Grabbing one of the bounding boxes
- Typing a new number under Width or Height
- Clicking the up-down arrows to the right of each size box
- Constrain proportions, when checked, allows you to change either width or height and iWeb will constrain or keep the image's proportions by automatically calculating the other measurement for you
  - When unchecked, you can change height and not have it affect width, and vice-versa
- Original Size button lets you revert back to the original size of the image in case you make too many changes and can't remember the original measurements
Position dictates where on the page the image/shape is located with x representing the distance from the left margin and y the distance from the top margin
Rotate is fairly obvious with the degree of rotation affected in one of three ways:
- Moving the black dot within the circle
- Typing a new number in Angle
- Clicking the up-down arrows to the right of Angle

Return to top

Link Inspector

The Link Inspector is the seventh icon in Inspector and creates a hyperlink for the text or image you have chosen via the two available tabs:

Hyperlink affects how the chosen text/image is used as a link
Check the Enable as a hyperlink box tells the browser that the selected image/text is to be considered a hyperlink
Link To provides the choice of linking to one of your pages, the page on an external website, a file located on your hard drive, or it is an email address
Page refers to one of your webpages
UNcheck the Make hyperlinks active box to make it easier for you to edit the links within your site
It is not necessary to check the box to make the links active after publishing

Figure 34. The Hyperlink tab in the Link Inspector tab has four choices available: Enable as a hyperlink, Link to, Page, Make hyperlinks active.

Return to top

Figure 35. Format allows you to customize the Normal, Rollover, Visited, and Disabled link colors.

Format allows a choice of colors for the various button states for a text link
- Normal is the active state of a link
  - A shade of blue is the color people expect to see for an active, not-yet-clicked, link
- Rollover is the hover state of a link
  - A rollover is when the viewer's mouse hovers over the link and a color or decorative effect occurs—it aids the viewer by indicating the they actually have selected the link
  - The sky's the limit as far as color is concerned
- Visited indicates that the viewer has already clicked this link; it's a courtesy
  - A shade of red is the color people expect to see for an active link
- Disabled is a shortcut (that doesn't always work) to deactivate a link
  - Another courtesy to your viewer, it serves to confirm which page your viewer is on while preventing them from clicking it
    - It is so irritating to click a link and wonder if you've moved!
- located on the right are icons for underline, Figure 37
  - Grey indicates no underline
  - Blue indicates it is underlined
- The Use for New Links on Page button is a very handy shortcut. It lets you set the link colors once. Any future links you create will automatically take on these colors and underline attributes.
  - The shortcut only works for that page; you'll have to set it on every page
  - If you change/add a hyperlink that uses a different set of colors, you will have to reset those particular colors

Return to top

QuickTime

QuickTime is the eighth icon in Inspector and allows you to set five parameters for any movie you import:

Start and Stop permits you to set when you want the movie to start and when to end
Poster Frame allows you to choose a still from the movie to use as its playbill or movie poster; it does not affect where the movie begins
Autoplay, when checked, causes the movie to begin playing as soon as it finishes loading on the page
Loop, when checked, causes the movie to play over and over
Show movie controller, when checked, displays controls by which the viewer can make the movie start, stop, fast forward, rewind, pause…

Figure 36. The QuickTime window provides actions such as Start and Stop, Poster Frame, Autoplay, Loop, and Show movie controller.

Setting up your website, designing your page layout, and creating your navigation system is the next section.

Hire a pro!
KD Did It will work with you.

Return to top

« Previous Continue »

Questions about some of the terminology used in this tutorial? Get more information (definitions and links) on key computer terms by going to our Glossary of Terms Relating to Art, Computer, Therapy ++.

Kathy Davie is an artist, educator, and author of the arts marketing series, Your Portfolio & You, aimed at helping artists survive (and thrive) at the business of being an artist.

As a self-taught artist, Kathy was frustrated by the lack of information on taking her career to a more professional level while meeting legal guidelines and learning about legal hiccups. Her drive for information fueled her to interview numerous professionals and compiled the information into a monthly news column. She now leads workshops and is converting the news columns into this continuing series of how-to books.

Kathy has a BS in Technical Writing & Editing with minors in Digital Media and History from Metropolitan State College, Denver, CO and is the author of Accounting for the SMALL Businessperson, How Copyright Applies to the Artist, the Buyer, the Employer/e, the Sold Artwork, Dealing with Photographs, Slides, Digital Images, and Surviving the Outdoor Arts Festival.

Visit her writing or arts websites or reach her by email.