Adobe 23101335 User Guide - Page 281
Designing Web s, About designing Web s with Photoshop and ImageReady
UPC - 718659152833
View all Adobe 23101335 manuals
Add to My Manuals
Save this manual to your list of manuals |
Page 281 highlights
271 Chapter 10: Designing Web Pages A dobe Photoshop and Adobe ImageReady provide you with a comprehensive environment for designing complex, image-rich Web pages. You can use the tools and techniques you're already familiar with to design Web pages that include images, text, and sophisticated effects-such as rollovers, image maps, and animations-quickly and easily. Best of all, you never have to view or edit the underlying HTML and JavaScript. 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 imageediting tools as Photoshop. In addition, it includes tools and palettes for advanced Web processing and creating dynamic Web images like animations and rollovers. Using the Web design palettes (ImageReady) ImageReady provides the following palettes for adding advanced Web design features to images: Rollover, Slice, and Image Map. To display the Rollover, Slice, or Image Map palette: Do one of the following: • Click the tab of the palette you want to display. • Choose Window > Show Rollover, Window > Show Slice, or Window > Show Image Map. Other factors to consider 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, and JPEG 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 5.0. 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 5.0 User Guide.