TIP 147: Optimizing Photoshop Layouts

When you're done fine-tuning your settings, click Save to save the resulting files into your site. You'll notice in the Save dialog box that the file extension is .data. Upon saving the .data file you'll see that GoLive has created a folder whose contents include a settings.opt file and images created from the slices in the PSD ( Figure 147 ).

If later you want to adjust the design, you can simply double-click on the edge of the SmartObject you placed into your page, and the original PSD file will open in Photoshop or ImageReady for you to edit. When you save the PSD file, GoLive will update the SmartObject, including its slices. In GoLive, you can adjust the size of the entire image, crop it, or change the matte color as you can with any other SmartObject. However, you cannot adjust the table, add text to any of its cells , or add functionality such as Actions to the slices. This method works best if you prefer to edit the design in Photoshop.

Use this simple dialog box to easily change the text string in the PSD file. Simply enable the check box next to the words Topmost Textlayer and then, in the input field that appears, type in the new text. When you click OK, the Save for Web window opens, and you can save a Web-ready version of the image that uses the new text string instead of the original. This is handy for creating multiple headings, buttons , or other repetitive items that need the same styling with different wording. It's also a good solution for those times when the font you want to use is not a typical Web font.