Webpage Editor

You can use the Webpage Editor to create professional-quality, gallery-style pages and web journal pages for displaying your images. After designing your pages, you can post them to your MobileMe account or web server. The controls in the Webpage Editor differ slightly depending on whether you have selected a webpage album or a web journal album.

For more information about the Webpage Editor controls available for webpage albums, see Web Gallery Controls.

For more information about the Webpage Editor controls available for web journal albums, see Web Journal Controls.

Web Gallery Controls

To work with a web gallery in the Webpage Editor, select a webpage album in the Library inspector and then select a page's thumbnail in the Pages pane on the left side. When an enlarged view of the selected page appears on the right, you can add and arrange images and text.

Figure. Webpage Editor showing web gallery controls.

Following are the web gallery controls in the Webpage Editor.

Figure. Web gallery controls in the Pages pane and Detail Images pane of the Webpage Editor.
  • Theme button: Click this button to choose a theme, or layout, for your web gallery. The name of the selected theme appears to the right of the Theme button.
  • Metadata View pop-up menu: Choose the type of metadata that is included with each image in the web gallery.
  • Pages pane: Select a thumbnail in this pane to view a specific webpage.
  • Detail Images pane: Select a thumbnail image to see an enlarged version of the image in its own webpage. This is the page that visitors see when they click the image on your site.
    Figure. Previous Page and Next Page buttons and Columns and Rows value sliders in the Webpage Editor.
  • Previous Page button: Click this button to go to the previous page.
  • Next Page button: Click this button to go to the next page.
  • Columns value slider: Use this control to specify the number of columns you want on a page. Click the arrows to increase or decrease the number of columns, or double-click in the value field and enter a new value.
  • Rows value slider: Use this control to specify the number of rows you want on a page. Click the arrows to increase or decrease the number of rows, or double-click in the value field and enter a new value.
    Figure. "Fit images within" pop-up menu and Width and Height value sliders in the Webpage Editor.
  • “Fit images within” pop-up menu: Choose an option for how you want images to appear on the page.
  • Width value slider: Use this control to specify the column width. Click the arrows to increase or decrease the width, or double-click in the value field and enter a new value.
  • Height value slider: Use this control to specify the row height. Click the arrows to increase or decrease the height, or double-click in the value field and enter a new value.
    Figure. Export Web Pages and Publish to MobileMe buttons in the Webpage Editor.
  • Export Web Pages button: Click this button to export your web gallery pages as HTML files.
  • Publish to MobileMe button: Click this button to publish your finalized web gallery pages to your MobileMe account. For more information, see Exporting to MobileMe.

Web Journal Controls

You can also create journal-style webpages, mixing paragraphs of text and images, to display on the web. When working with a web journal, you can manually arrange images and text on the page.

To work with a web journal in the Webpage Editor, select a web journal album in the Library inspector, and then select a page's thumbnail in the Pages pane. When an enlarged view of the selected page appears on the right, you can add and arrange images and text.

To learn more about creating web journals, see Creating Webpages.

Figure. Webpage Editor showing web journal controls.

Following are web journal controls in the Webpage Editor.

Figure. Web journal controls in the Pages pane and Detail Images pane of the Webpage Editor.
  • Theme button: Click this button to choose a theme, or layout, for your web journal.
  • Pages pane: Select a thumbnail in this pane to see a specific page of the web journal.
  • Detail Images pane: Select a thumbnail image to see an enlarged version of the image in its own webpage. This is the page that the visitors see when they click the image on your site.
  • Page Template pop-up menu: Use this pop-up menu to choose a page template, or layout.
  • Page Action pop-up menu: Choose how to add pages to your web journal, as well as move the page currently selected in the Pages pane up or down.
  • Remove Page button: Click this button to remove a selected page from your web journal.
  • Add Page button: Click this button to add a page to your web journal.
    Figure. Metadata View pop-up menu and Add Text Block, Export Web Pages, and Publish to MobileMe buttons in the Webpage Editor.
  • Metadata View pop-up menu: Choose the type of metadata that is included with each image in the web journal page.
  • Add Text Block button: Click this button to add a text block to the bottom of the current web journal page.
  • Export Web Pages button: Click this button to export your web journal pages as HTML files.
  • Publish to MobileMe button: Click this button to publish your finalized web journal pages to your MobileMe account.
    Figure. Web journal controls at the bottom of the Webpage Editor.
  • Previous Page button: Click this button to go to the previous page.
  • Next Page button: Click this button to go to the next page.
  • Columns value slider: Specify the number of columns you want on a page. Click the arrows to increase or decrease the number of columns, or double-click in the value field and enter a new value.
  • “Fit images within” pop-up menu: Choose an option for how you want images to appear on the page.
  • Width value slider: Use this control to specify the width of photo boxes on the page. Click the arrows to change the width, or double-click in the value field and enter a new value.
  • Height value slider: Use this control to specify the height of photo boxes on the page. Click the arrows to change the height, or double-click in the value field and enter a new value.