323 11 Send Me E-mail Send Me E-mail Send Me E-mail WORKING WITH iWEB ‘09 Adding Custom Features to a Web Site chapter 18 Can I customize the Email Me button? No, you cannot change or resize the button image or make any other adjustments other than repositioning it. An alternative to using the button is to turn an image that you insert on your page into an e-mail link. For details about inserting images and creating e-mail links, see Chapter 17. What e-mail address does the button use when creating the message? Messages are addressed to the e-mail address listed in the site publishing settings. For details about specifying these settings, see Chapter 19. USE AN E-MAIL BUTTON 1 Click the button on a published Web page. Note: See Chapter 19 for details about publishing your Web pages. ● An e-mail message opens in the default e-mail program. ● iWeb repositions the button. 324 Loading video 22 33 44 11 ADD TO A MOVIE TEMPLATE 1 Add a new page to your site using the Movie template. ● iWeb creates a page with a movie placeholder on it. Note: For more about adding a new page, see Chapter 16. 2 Click Movies in the media pane. Note: If the media pane is not visible, click Show Media at the bottom of the workspace to display it. ● iWeb displays movies from the iMovie library. 3 Click an iMovie event to display a set of movie clips. Note: See Chapter 7 for more about organizing iMovie clips into events. 4 Click and drag a movie to the movie placeholder. Insert a Movie You can add a movie to your Web page to allow users to view vacation highlights, product demonstrations, and more. You can choose movies from your iMovie library. You can use the Movie template to create a page designed for displaying a movie. You can click and drag to add a movie to other pages as well. Insert a Movie 325 55 WORKING WITH iWEB ‘09 Adding Custom Features to a Web Site chapter 18 How do I add an iSight movie to my page? You can add video captures from your Mac’s iSight video camera using a page widget. Click Widgets in the media pane and then click and drag the iSight Movie icon to your page. iWeb displays the view from your iSight camera. You can click to capture a movie with the camera. You can also add an iSight snapshot photo to your page using the iSight Photo widget. How do I add a YouTube movie to my page? You can add a YouTube video using the YouTube widget. Click Widgets in the media pane and then click and drag the YouTube icon to your page. iWeb prompts you for the Web address for the YouTube video. You can find this address by viewing the video on YouTube and then copying the text in the Embed field. ● iWeb adds the movie to the page. You can click and drag the movie to reposition it. ● You can click and drag the handles to change the movie’s size. ● iWeb replaces the placeholder movie. ● You can click the controls to test the movie. ADD TO A REGULAR PAGE 5 Click and drag a movie to an empty area of the page. PASTE PASTE 326 whales use sound to commu n ate L arge whales can co m er ve r y large di d kilo re qu encie yu se higher fre- wh ich limits the dis- n i- m mu- di stances o meters!) eq uencies. Dol- her fr e- whales us e sou cate. Large whale s ca nicate over very l a (several hund re using very lo phins u su que nc t an 11 22 33 44 3 You can click a list item to display categories of music from GarageBand or iTunes. Note: iTunes includes categories for movies and other types of content as well as music. 4 Click and drag an audio clip to the page. 1 Select the page to which you want to add an audio clip. 2 Click Audio in the media pane. Note: If the media pane is not visible, click Show Media at the bottom of the workspace to display it. ● iWeb displays music from the GarageBand and iTunes libraries. Insert an Audio Clip You can add an audio clip to a page to include musical accompaniment to your other site content. You can add songs from your GarageBand or iTunes libraries. Audio settings enable you to automatically start the clip when the page loads, repeat the clip when it finishes, and more. Insert an Audio Clip 327 77 55 66 33 44 55 22 WORKING WITH iWEB ‘09 Adding Custom Features to a Web Site chapter 18 How do I change the audio settings? 1 With an audio clip selected, click Inspector. 2 Click the QuickTime Inspector icon ( ). 3 Click to play the audio automatically when the page loads ( changes to ). 4 Click to repeat, or loop, the music after it ends ( changes to ). 5 Click to hide the controller ( changes to ). Note: These settings also apply to movie clips. See “Insert a Movie” for how to add movies to pages. iWeb inserts the image. ● You can click the controls to play the audio clip. 7 Click the image. ● You can click and drag the handles to resize the image and controls. ● iWeb adds the clip to the page with a placeholder image. 5 Click Photos in the media pane. ● iWeb displays the images from the iPhoto library. 6 Click and drag an image to accompany the audio clip to the placeholder. 328 01000111110110110101000111110001 10100001111101011010110010101011 10011100100110101000111001101101 01001011101010010101011011000011 01000111110110110101000111110001 10100001111101011010110010101011 10011100100110101000111001101101 01001011101010010101011011000011 01000111110110110101000111110001 10100001111101011010110010101011 10011100100110101000111001101101 01001011101010010101011011000011 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0011 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 111110001 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 1 1 0110010101011 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 101000111001101101 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 01010010101011011000011 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0111110110110101000111110001 1 0 1 0000 11111 0 1 0 11 0 1 0 11 00 1 0 1 0 1 0 11 1 00 111 00 1 00 11 0 1 0 1 000 111 00 11 0 11 0 1 0 1 0 0 1 0 1 1 1 0 1 0 1 0 0 1 0 1 0 0 1 1 0 0 0 1 1 1 1 1 1 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 55 11 66 77 88 22 33 44 ● iWeb creates your blog. ● It displays your first entry in the main window below a list of all entries. 5 Click Photos in the media pane to display images from your iPhoto library. 6 Click and drag an image to replace the placeholder image. 7 Double-click the entry title and then type your own title. 8 Double-click the description and then type your own description. 1 Click Add Page. The template dialog appears. 2 Click a theme to determine the style of your blog. Note: For more information about themes, see Chapter 16. 3 Click the Blog template. 4 Click Choose. Create a Blog You can add a blog, which is short for web log, to your site to create an online journal that you can write in and others can read. You can use a blog for a variety of purposes. For example, you can keep friends up to date on your daily activities or make your opinions known about current events. Create a Blog 329 00 99 !! @@ 11 33 22 44 55 WORKING WITH iWEB ‘09 Adding Custom Features to a Web Site chapter 18 Can I change how entries appear on the blog summary? Yes. You can change the size and orientation of the photo as well as how much space is added between summaries. 1 Click the blog summary text. 2 In the Blog Summary panel, click the Placement menu to select how the image is aligned. 3 Click to hide the photo ( changes to ). 4 Click to set the photo size and cropping. 5 Click here to set the spacing between summaries. iWeb displays the blog summary, which is what users see when they click a link to the blog in the page navigation. 0 Click and drag an image to replace the placeholder image. ! Double-click the blog title and then type your own title. @ Double-click the description and then type your own description. iWeb updates the blog entry. ● You can click Add Entry to post new information to your blog. ● You can select an entry in the list and click Delete Entry to delete information from your blog. 9 Click the blog summary page in the sidebar. 330 ## ** %% $$ ^^ && The Inspector appears. $ Click the Blog & Podcast icon ( ). % Click Blog. ^ Click here to set how many entry summaries appear on the summary page. & Click and drag the slider to set the length of the excerpt. iWeb updates the summary page. * Click to close the Inspector. iWeb updates the blog summary. ● Recent blog entries are listed on the summary page. ● Viewers can click a title to view the entry. ● Viewers can subscribe to an RSS feed for a blog or search the blog entries here. # Click Inspector. Create a Blog (continued) Blog entries are listed in reverse chronological order on the summary page of a blog. You can click the titles to view the entries. You can customize how the information is summarized on the main page and also turn on comments. Create a Blog (continued) 331 (( )) 44 33 55 22 WORKING WITH iWEB ‘09 Adding Custom Features to a Web Site chapter 18 How do I allow comments on my blog? If you publish your site to the MobileMe service, you can activate comments on your blog. This allows viewers to add related information or tell you what they think about your entries. You can use similar steps to turn on comments in a podcast. 1 View a blog entry. 2 Click Inspector. The Inspector appears. 3 Click the Blog & Podcast icon ( ). 4 Click Blog. 5 Click to activate comments ( changes to ). ● iWeb adds a comment link to the bottom of each blog entry. Submitted comments appear below the entry. ( Click the archive page for the blog in the sidebar. iWeb displays the blog archive. All blog entries, including old ones, are listed in the archive. ● Viewers can click a title to view an entry. ) If you have already published your Web site, click Publish Site to update the blog and other information on your site. You must publish your site for new blog entries to appear online. Note: For details about publishing a site, see Chapter 19. 332 55 11 77 66 33 88 22 44 ● iWeb creates your podcast. ● It displays your first entry in the main window below a list of all entries. 5 Click Audio in the media pane to display media from your iTunes and GarageBand libraries. ● You can click Movies to display media from your iMovie library. 6 Click and drag a media file to replace the placeholder. 7 Double-click the entry title and then type your own title. 8 Double-click the description and then type your own description. 1 Click Add Page. The template dialog appears. 2 Click a theme to determine the style of your podcast. Note: For more information about themes, see Chapter 16. 3 Click the Podcast template. 4 Click Choose. Create a Podcast You can add a podcast, which is an audio or video file that can be downloaded, to your site. iWeb offers a podcast template that enables you to add podcasts to your site on an ongoing basis. You can create podcast videos in iMovie and podcast audio clips in GarageBand. Create a Podcast . placeholder image. 7 Double-click the entry title and then type your own title. 8 Double-click the description and then type your own description. 1 Click Add Page. The template dialog appears. 2. Chapter 19. USE AN E-MAIL BUTTON 1 Click the button on a published Web page. Note: See Chapter 19 for details about publishing your Web pages. ● An e-mail message opens in the default e-mail. summary page in the sidebar. 330 ## ** %% $$ ^^ && The Inspector appears. $ Click the Blog & Podcast icon ( ). % Click Blog. ^ Click here to set how many entry summaries appear on