adobe creative suite 5 web premium how-tos 100 essential techniques

[...]... site fit together When you create a Web site with Adobe CS5, Dreamweaver plays the role of the orchestra conductor Dreamweaver organizes and presents photos prepared in Adobe Photoshop CS5…artwork from Adobe Illustrator CS5…animation from Flash Professional CS5…interactive elements from Flash Catalyst CS5…video compressed for the Web using Adobe Media Encoder CS5…and more We’ll explore all these tools... intentionally left blank CHAPTER ONE Creating a Web Site in Dreamweaver CS5 The topics in this book are not sequential—you can dive in wherever you need to, work backward, or jump around But if you’re approaching the whole process of creating a Web site with Adobe Creative Suite 5, it makes sense to start with Dreamweaver Dreamweaver functions as the coordinating center for Web sites A good grasp of Dreamweaver... your own computer) and a remote (on a server) Web site The bulk of the chapter walks you through the basic process of creating Web- page content The next chapter in this book will explore the process of laying out and formatting that content 2 1 # Planning a Site In this compressed guide to the essentials of setting up a Web site with Adobe Creative Suite 5, I can only address issues of content and aesthetics... login or username provided by your Web- host provider CHAPTER ONE Creating a Web Site in Dreamweaver CS5 5 8 In the Password field, enter the password provided by your Web- host provider 9 In the Root Directory field, enter a root directory only if your Webhosting service supplied you with one and indicated it was required 10 In the Web URL field, enter the URL for your Web site This is different than the... characters #4: Creating and Saving Web Pages Then click Create to generate a new Web page Dreamweaver CS5 uses XHTML 1.0 Transitional as the default document type for HTML Web pages By generating XHTML-compatible coding for your Web page, you allow your Web page to integrate cutting-edge dynamic data content—content that is updated at a remote source and embedded (updated) in your Web page Such dynamic data... professional-quality, inviting, cutting-edge Web site But we’ll start with Dreamweaver The core of a Dreamweaver Web site is what Dreamweaver defines as a site Web site is a generic term for—well, a Web site, but in Dreamweaver, the term has a specific meaning: a set of files grouped together in a folder that is controlled exclusively by Dreamweaver Define a Web site before you create Web pages or add content elements... your files into a Dreamweaver site #1: Defining a Local Web Site “I’m a designer, not a file manager!” I hear you Organizing files and defining a site is not my favorite part of Web design either But think ahead: Web sites, especially the latest generation of Web sites, involve a lot of files In addition to the HTML file that stores your basic content, Web pages often involve image files, media files, JavaScript... Document toolbar is not visible in the Document window, choose View > Toolbars > Document (Figure 4c) Figure 4c Entering a page title Creating a Web Site in Dreamweaver CS5 15 5 # Working with Text and Defining Links There are two basic options for bringing text to a Web page: • Copying relatively unformatted text into Dreamweaver and formatting it in Dreamweaver • Using export tools in your word processor... coding that would confuse browsers (Figure 5a) Figure 5a Cleaning up imported HTML code #5: Working with Text and Defining Links Maximizing Word Processors If you’re not using Microsoft Word, other word processors like TextEdit, WordPerfect, and OpenOffice all save to Word format Or, you can copy and paste text from any source (including a Web page that is open in a Web browser) into a Dreamweaver page in... Figure 5d Defining the _blank link target that will open the link in a new browser window #5: Working with Text and Defining Links 18 6 # Embedding and Editing Images You embed photos or other images in Web pages with Dreamweaver But try to avoid using Dreamweaver as your image-editing tool Dreamweaver CS5 does come with a few, very minimalist and rather primitive image-editing tools But programs (Adobe . DAVID KARLINS ADOBE ® CREATIVE SUITE 5 WEB PREMIUM HOW - TOs 100 ESSENTIAL TECHNIQUES Adobe Creative Suite 5 Web Premium How-Tos 100 Essential Techniques David Karlins This Adobe Press book. #53 : Saving Images with Transparent Backgrounds 149 Chapter Nine: From Photoshop to the Web 151 #54 : Creating Tiling Background Images 152 #55 : Creating Semitransparent Backgrounds 155 #56 :. Wireframe Templates 157 #57 : Drawing Wireframes and Mockups. . . . . . . . . . . . . . . . . . . . . . . . . . . 158 #58 : Slicing Files for the Web 159 #59 : Saving Photoshop Files as Web Pages 160 Chapter