About designing Web pages with Photoshop and ImageReady


    When designing Web pages using Adobe Photoshop and Adobe ImageReady, keep in mind the tools and features that are available in each application.
    • Photoshop provides tools for creating and manipulating static images for use on the Web. You can divide an image into slices, add links and HTML text, optimize the slices, and save the image as a Web page.
    • ImageReady provides many of the same image-editing tools as Photoshop. In addition, it includes tools and palettes for advanced Web processing and creating dynamic Web images like animations and rollovers.
    When you save an image for use as a Web page, you can choose to generate an HTML file. This file contains information that tells a Web browser what to display when it loads the page. It can contain pointers to images (in the form of GIF, PNG, JPEG, and WBMP files), HTML text, linking information, and JavaScript code for creating rollover effects.
    You can integrate your Web production process by opening Photoshop files directly in Adobe GoLive. Slices, URLs, and other Web features in Photoshop files are accessible in GoLive for management and editing. You can also open Photoshop files in GoLive as page templates. Page templates display as a shaded preview and provide a visual guide for building a Web page in GoLive. For more information on using GoLive, see the Adobe GoLive User Guide.
    Note: You can preview most Web effects directly in Photoshop or ImageReady. However, the appearance of an image on the Web depends on the operating system, color display system, and browser used to display the image. Be sure to preview images in different browsers, on different operating systems, and with different color bit depths. (See Previewing an image in a browser.)

Views and News