Adobe Dreamweaver CS4 v10, Win, ES
Contents
1. included with Adobe Dreamweaver CS4 is a visual file browser that helps you search view and sort through many assets to quickly find the ones you want New features and enhancements include e Faster performance from startup to browsing including an option to display previews embedded in raw images e Easier access to task based workspaces e Anew List view with rich data and familiar sorting controls e Built in preview and creation of HTML and Flash web galleries and PDF contact sheets e One click full screen previews e Collections for organizing related assets in freeform or search based virtual groups even when assets are spread across multiple folders e Fast detailed search results thanks to tight integration with Spotlight in Mac OS X and Desktop Search in Windows Vista e New review modes such as Carousel View for quickly cycling through assets e Smart analysis and auto stacking of High Dynamic Range HDR and panoramic images for handoff to Photoshop e New support for previewing 3D images e Camera Raw improvements including non destructive application of dodge burn sharpen and other adjustments New user interface Work faster and smarter across Dreamweaver CS4 and other components of Creative Suite 4 thanks to a new level of integration and common user interface elements A common interface means a more natural process as you move from Photoshop or Fireworks to Flash to Dreamweaver Stack or minimize your doc2. CS4 combines the beauty of real world rendering with the brains of interactive coding Related Files and Code Navigator Dreamweaver CS4 introduces two new features that will help you more efficiently manage the various files that make up the modern web page The Related Files feature displays all the documents associated with your current page whether CSS JavaScript PHP or XML in a bar along the top of your primary document Click any related file to edit its source in Code View while viewing the parent page in Design View Changes made to the related file code are immediately reflected in Design View Adobe Dreamweaver CS4 What s New 2 Prefer to work at the code level The new Code Navigator pop up window shows you links to all the CSS code sources that affect your current selection A click in either Code or Design View brings up the Code Navigator which displays CSS rules and their definitions CSS best practices Implement CSS best practices without writing code The new CSS tab in the Properties panel shows the styles for the current selection as well as all the applicable CSS rules Hover over any property to view a tool tip with no jargon English explanations of CSS principles New CSS rules can be created and applied in the Properties panel and stored in the same document or an external style sheet Dreamweaver CS4 even gives you control over the specificity of your rule Just click Less Specific or More Specific in the update
3. Creative Suite 4 family including Adobe Photoshop CS4 Extended and Adobe Flash CS4 Professional software Bring the future of web design to your desktop with the advanced code handling found in Dreamweaver CS4 From the integrated web standard CSS to support for world class JavaScript frameworks Dreamweaver CS4 redefines the world of web authoring Dw File Edit View Insert Modify Format Commands Site Window Help Milly v div DESIGNER v 4 index html x Path C Projects Check html index html GEIST styles css SpryEffects js SpryMenuBar js SpryMenuBarHorizontal css leles SIS tooo fie leine View ijuivecode Title Check Fashion uifestye OR G E lt DOCTYPE html PUBLIC W3C DID XHTML a 1 0 Transitional EN a http www w3 org TR xhtml1 DID xhtmli tra nsitional dtd gt lt html xmlns http www w3 org 1999 xhtml xmlins spry http ns adobe com spry gt lt head gt lt meta http equiv Content Type content text html charset UTF 8 gt lt title gt Check Fashion Lifestyle lt title gt lt link href styles css rel stylesheet type text css gt D a src Sorchaseta SnryOt tects js type text javascript gt lt script gt lt script src SpryAssets SpryMenuBar js type text javascript gt lt script gt document eA adRollover style visibility hidden lt script gt a lt link href SpryAssets SpryMenuBarHorizontal css rel sty
4. at no additional charge Further availability information will be posted to www adobe com dreamweaver when appropriate Internet connection required For more details see InContext Editing on page 4 Adobe Bridge Home Visit Adobe Bridge Home an online channel available in Adobe Bridge CS4 and stay up to date with what s new from Adobe and the design web develop ment and video and audio production communities at large Watch the latest video tutorials for your Creative Suite 4 software listen to a podcast interview with a leading designer or learn about the next training event in your community Discover tips and resources that can help you work smarter and faster making the most of Dreamweaver CS4 Internet connection required Part of the Adobe Creative Suite 4 family Adobe tightly integrates Dreamweaver into the full range of Creative Suite 4 solutions for print production and of course web Shared user interface elements like collapsible panels facilitate moving from one Creative Suite component to another For a complete Dreamweaver web centric solution turn to Adobe Creative Suite 4 Web Premium or Adobe Creative Suite 4 Web Standard software Web Standard brings you the basic functionality you ll need to produce exemplary websites while Web Premium adds Photoshop CS4 Extended Illustrator CS4 and Acrobat 9 Pro software to further fuel your creative ambitions If you re looking for a a full cross media solution to take
5. ADOBE DREAMWEAVER CS4 Adobe Dreamweaver CS4 is also available as a component of e Adobe Creative Suite 4 Design Premium e Adobe Creative Suite 4 Web Premium e Adobe Creative Suite 4 Web Standard e Adobe Creative Suite 4 Master Collection What s New ADOBE DREAMWEAVER CS4 Design develop and maintain standards based websites and applications Build world class websites and applications with Adobe Dreamweaver CS4 Manipulate pixel perfect designs craft complex code or do both with speed and grace Dreamweaver CS4 creates leading edge digital experiences that blend CSS best practices with web standards compliant layouts for the web digital devices or desktop applications Adobe Dreamweaver CS4 software is the perfect tool for web designers coders and application developers at all levels Enhanced coding functions make it a breeze to navigate through complex site pages at design time Improved layout tools expedite workflows from comp conception to client approval Innovations throughout Dreamweaver CS4 help teams and individual developers alike reach the next levels in performance and functionality The striking new user interface of Dreamweaver CS4 is both an aesthetic pleasure and highly efficient Web professionals of every stripe will find a workspace arrangement to fit their style or they can customize their own The revised user interface shares a uniform look and overall functionality with other key members of the Adobe
6. Extension for Dreamweaver to begin creating engaging branded applications that run on all major desktop operating systems using your existing web development resources with Adobe AIR For a streamlined workflow you can repurpose your existing assets into Adobe AIR desktop applications without leaving Dreamweaver Preview your Adobe AIR applications within Dreamweaver CS4 to make sure everything is working as designed When youre ready prepare your application for deployment with Adobe AIR packaging and code signing features Dreamweaver also serves as an Adobe AIR develop ment platform for custom applications Adobe AIR applications run online or off they can even be used to access a persistent data source populated from your database AIR Application and Installer Settings a sxe Save File name Check Name Check Fashion Events ID Check Version 1 mati Initial content Description Copyright 2008 Check Interactive Inc Wino se Window size Width 800 Height 600 Icon Select icon images Associated File Types Application Updates V Handled by AIR application installer Installer settings Induded files C9 B application xml Export your HTML and JavaScript applications to isla bank uence Adobe AIR directly from within Dreamweaver and Program menu folder run them online or off Adobe Dreamweaver CS4 What s New 5 What s new in Adobe Bridge CS4 Adobe Bridge CS4
7. TML 1 0 Transitional EN www WwWs org IR xhtml1 DID xhtmll trangitional dtd gt s http www ws 0rg 1999 xhtml gt tp equiv Content Type content text html charset utf 6 Intitled Document lt title gt type text javascript sre Scripts prototype ja gt lt script gt tion ingsertText new Insertion After element content Insertion prototype js a BH Before element content Insertion prototype js Once you ve included a E Bottomfelement content Insertion prototype js framework source file like prototype Insertion prototype js prototype js code hinting B Top element content Insertion prototype js for framework methods and functions are automatically available Adobe Dreamweaver CS4 What s New 3 The green symbol in the upper left corner of a PSD file inserted into Dreamweaver tells you that the source file and web ready instance are in sync COMING SIMMER 7009 Adobe InContext Editing Enable content authors to edit their own web pages without additional software installa tions and at the same time free yourself up to design more The new online InContext Editing service from Adobe lets anyone who can use a browser update content quickly and easily Design your editable pages in Dreamweaver CS4 to retain total control over the look and feel of your sites Then simply designate the parts of the page you want your clients to be able to change all other sections of the page a
8. ages feature_thumb1 jpg width 124 height 68 gt lt img src images feature_thumbi_large jpg width 500 height 375 gt your data in standard tabl es whether text or images including thumbnails and larger images lt img src images feature_thumb2 jpg width 124 height 70 gt lt img src images feature_thumb2_large jpg width 501 height 327 gt lt img src images feature_thumb3 jpg width 124 height 70 gt lt img src images feature_thumb3_large jpg width 501 height 327 gt Photoshop Smart Objects Integration between Photoshop and Dreamweaver has evolved to the next level of compat ibility and functionality Simply drag and drop a Photoshop PSD file into a Dreamweaver CS4 page to create an image Smart Object Unlike standard web page graphics a Smart Object is tightly linked to its source file A small indicator on the Smart Object in Dreamweaver CS4 shows when the source and instance are in sync When you make any changes to the source image Dreamweaver notes that the files are out of sync just click the Update from Original icon in the Properties panel to immediately update your image without opening Photoshop Hark SOLISA Wendy PARTER Adobe Dreamweaver CS4 What s New 4 But Smart Objects are more clever still Let s say you have a logo placed throughout your site in a variety of sizes as Smart Objects Any updates made to the Photoshop file can be applied individuall
9. ant to know every last questic ask Him and know nothing of grace or tact Panels like the CSS Styles panel can be quickly expanded to make modifications to your web page and with a click collapsed to allow maximum screen real estate for your design Creative Pro Online Services Connect to the power of the online community through your creative desktop New online services accessed from within Dreamweaver CS4 let you search for help from the online community share your screen with colleagues or clients in a few quick clicks more easily and efficiently manage day to day web content updates and more With new online services in Creative Suite 4 you can take your ideas to the next level Adobe Community Help Get the power of an online search engine within your Creative Suite 4 software but with more targeted results thanks to Adobe Community Help Search able content includes the in depth product specific Help that Adobe has always delivered plus additional Adobe and third party content chosen by experts at Adobe and in the design and production communities With Adobe Community Help you can find the focused answers you need fast Internet connection required for extended content Acrobat com Acrobat com is a set of online services file sharing and storage PDF converter online word processor and web conferencing that you can use to create and share documents communicate in real time and simplify working with others Thanks t
10. content from print to web to device get Adobe Creative Suite 4 Design Premium which features InDesign CS4 in addition to Photoshop CS4 Extended Illustrator CS4 and Dreamweaver CS4 among other components Dreamweaver is also a component of Adobe Creative Suite 4 Master Collection software the ultimate bundle of creative tools To learn more about Design Premium and Web Premium see Adobe Creative Suite 4 Design Premium What s New and Adobe Creative Suite 4 Web Premium What s New Adobe Dreamweaver CS4 What s New 7 Mac OS e PowerPC G5 or multicore Intel processor e Mac OS X v10 4 11 10 5 4 e 512MB of RAM e 1 8GB of available hard disk space for installation additional free space required during installation cannot install on a volume that uses a case sensitive file system or on flash based storage devices e 1 280x800 display with 16 bit video card e DVD ROM drive e Broadband Internet connection required for online services Windows e 1GHz or faster processor e Microsoft Windows XP with Service Pack 2 Service Pack 3 recommended or Windows Vista Home Premium Business Ultimate or Enterprise with Service Pack 1 certified for 32 bit Windows XP and Windows Vista e 512MB of RAM e 1GB of available hard disk space for installation additional free space required during installation cannot install on flash based storage devices e 1 280x800 display with 16 bit video card e DVD ROM drive e Broadban
11. d Internet connection required for online services For updates to system requirements visit www adobe com products dreamweaver systemregs Expected ship date Fourth quarter 2008 For more information For more details about Adobe Dreamweaver CS4 visit www adobe com dreamweaver AI Adobe Adobe Systems Incorporated 345 Park Avenue San Jose CA 95110 2704 USA www adobe com Availability and pricing Adobe Dreamweaver CS4 will be available in North America for an estimated street price of US 399 directly from Adobe or through Adobe Authorized Resellers To order directly from Adobe visit the Adobe Store at www adobe com or call 1 800 833 6687 Licensed owners of Dreamweaver CS3 Dreamweaver 8 or Dreamweaver MX 2004 can upgrade to Adobe Dreamweaver CS4 for US 199 Licensed owners of Dreamweaver CS3 Dreamweaver 8 or Dreamweaver MX 2004 are also eligible for special upgrade pricing to certain editions of Adobe Creative Suite 4 Owners of Adobe GoLive 5 6 CS CS2 or 9 can switch to Dreamweaver CS4 for US 199 A complete description of upgrade eligibility and pricing is available in a separate Pricing Overview document For volume licensing information contact an Adobe Licensing Center or go to www adobe com Estimated street prices do not include taxes shipping handling or other related expenses Information on pricing and support policies outside of North America and for Education customers will be available sepa
12. d New CSS Rule dialog box to target your style precisely PROPERTIES I om Taree Font O Switch to CSS on the redesigned Properties panel to quickly modify existing CSS rules or create new ones Font Trebuchet MS Arial Helvetica sans B Z F so eea Z Page Properties List Item Code hinting for Ajax and JavaScript frameworks Write JavaScript more quickly and accurately with improved support for JavaScript core objects and primitive data types Advanced code hinting functionality helps you power through your code whether you re adding functions to defined primitive data types including Object Array Number RegExp or String or DOM objects such as Window Screen Document or Event Dreamweaver CS4 also extends code hinting muscle to your most advanced custom functions with support for parameters class constructors and nested objects updated in real time as you modify your related JavaScript files Put the extended coding functionality of Dreamweaver CS4 to work by incorporating popular JavaScript frameworks including jQuery Prototype and Spry Simply attach the appropriate external JavaScript files and Dreamweaver automatically displays code hints on demand Built in syntax error detection helps you craft the bulletproof code you need the first time and every time iew Inset Modify Format Commands Site Window Help E IIDWECS4 demo_assets_be Tite Untited Document html PUBLIC W3C DID XH
13. ked panels to maximize your visual or coding environment click once to pull out a panel and expose desired properties and then click again to put it away Work in new Split Code View to display your code in two different sections simultaneously or choose the new Horizontal Split View option for a different perspective Quickly move from one layout organization to another with the Workspace pull down list You can choose from a series of predesigned layouts like those for applica tion coders or designers or create your own custom work environments for the ultimate in personalized workspaces Dw File Edit View Insert Modify Format Commands Site Window Help Hiv vy av DESIGNER v Ox E feature html x Path C Projects Check html feature htm styles css AC_RunActiveContent js SpryData js SpryHTMLDataSet js SpryEffects js SpryMenuBar js photoList html photoMain html SpryM y Lz Code spiit La Desin live View w tive code Tite Check Fashion tifestyle POED N comme summer 7009 75em color 000 left FASHION LIFESTY FASHION font size paddineteft 8px text align left width 650px x ALY Mark Sousa on the filming of City of fallen angels by Steven K photography by Blake L Pick a celeb any celeb just one celeb and know this getting to them is a Kafka esque game of ego assistants have assistants each one less trusting than the next who w
14. lesheet type text css gt lt head gt HIT Explore your code rapidly while viewing the page in the real world browser rendition of the new Live View ANI Adobe lt body gt lt div id pageContainer gt lt div id adBanners gt lt div id halfBanner gt lt a href lt script type text javascript gt function closeAd 4 it 4 gt l lt body gt 100 v 1123 824v 897K 129 sec Unicode UTF 8 _ Q 100 v 1123x824v 897K 129 sec CEUD PROPERTIES Top new features e Live View Page 2 e Related Files and Code Navigator Page 2 e CSS best practices Page 3 e Code hinting for Ajax and JavaScript frameworks Page 3 e Adobe InContext editing Page 4 e HTML data sets Page 4 e Photoshop Smart Objects Page 4 e Subversion integration Page 5 e Adobe AIR authoring support Page 5 e New user interface Page 6 With Dreamweaver CS4 you can Create next generation web experiences Work in a real world view of your CSS JavaScript and other dynamic rich media content directly in Dreamweaver CS4 Navigate precisely from a selected page element to its code regardless of where it is located Integrate third party web widgets from the most popular JavaScript frameworks into your pages Learn best practices Design visually with CSS best practices Create Ajax driven interac tivity while supporting accessibility and best practices in your completed pages Take cont
15. o the connection between one of the Acrobat com services Adobe ConnectNow and Dreamweaver CS4 you can meet live over the web to share your screen present creative concepts and ideas and brainstorm with up to two online guests for no additional service charge To share your screen with colleagues and clients choose File gt Share My Screen Guests can then see your desktop on their screens as you work You can exchange ideas Adobe Dreamweaver CS4 What s New 6 using the chat pod add a live video or audio feed or use the Whiteboard feature to enable guests to comment on content You can even temporarily hand over control of the screen to a guest to collaborate on a file Additional Acrobat com services such as Share Create PDF My Files and Adobe Buzzword are accessible via your web browser Internet connection required InContext Editing Make your web page content available for online editing by others when you use InContext Editing Offer your colleagues clients or end users an easier way to make simple edits without impacting the design integrity of your web pages and without help from you or additional software on their computers Use the InContext Editing toolbar in Dreamweaver to set up your web pages and then use the preview of this online service to enable content changes by others This service will be available as a preview technology and accessible from within Adobe Dreamworks CS4 During this preview you can use it
16. rately About Adobe Systems Incorporated Adobe revolutionizes how the world engages with ideas and information anytime any where and through any medium For more information visit www adobe com Adobe the Adobe logo Acrobat Adobe AIR ConnectNow Creative Suite Dreamweaver Flash Fireworks Illustrator InDesign Photoshop and Version Cue are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and or other countries Mac Mac OS and Macintosh are trademarks of Apple Computer Inc registered in the United States and other countries QuickTime is a trademark used under license Intel and Pentium are trademarks or registered trademarks of Intel Corporation or its subsidiaries in the United States and other countries PowerPC is a trademark of International Business Machines Corporation in the United States other countries or both Microsoft and Windows are either registered trademarks or trademarks of Microsoft Corporation in the United States and or other countries All other trademarks are the property of their respective owners This product may allow you to access certain features that are hosted online online services provided you have a high speed Internet connection The online services and some features thereof may not be available in all countries languages and or currencies and may be discontinued in whole or in part without notice Use of the online services is governed by separate
17. re locked and editable only by you Easily set CSS styles to ensure entered content is properly and consistently formatted Dreamweaver gives you the tools to create the perfect website and hosted InContext Editing lets your clients keep that site up to date InContext Editing is one of several online services available from Dreamweaver CS4 For more information see Creative Pro Online Services on page 7 HTML data sets The lure of dynamic data is strong but learning to use databases or XML can be daunting Dreamweaver CS4 combines accessibility with ease of use in the new HTML data sets feature With HTML data sets functionality you create your data in a standard HTML table a series of div tags or even an unordered list and then choose Insert gt Spry gt Spry Data Set to integrate that data into a dynamic table on the page complete with sortable columns a master detail layout or other sophisticated displays It s easier than ever with real time previews of your data both for selection and results Spry Data Set also works with XML files to render information from RSS feeds and other sources Spry Data Set amp Specify Data Source Step 1 of 3 Select Data Type HTML DataSetName dst Detect Specify Data File photolist html Browse G Design time fee Data Selection Click a yellow marker to choose a data container Data Containers photo_list With Spry data sets define lt img src im
18. rol of your content Enable content authors to update web pages directly in their browsers Add dynamic data to your site without a database or complex coding Top new features of Dreamweaver CS4 Adobe Dreamweaver CS4 extends the reach of professional coders designers and develop ers with a full complement of new features Live View View your web pages under real world browser conditions with the new Live View while still retaining direct access to the code This new rendering mode which uses the open source rendering engine WebKit displays your designs like a standards based browser Changes to the code are immediately reflected in the rendered display Dw File Edit View Insert Modify Format Commands Site Window Help Em r Br DESIGNER COMPACT v ox calendar html xX Path C Projects Check html calendar html styles css SpryEffects js SpryData js SpryHTMLDataSet js SpryMenuBar js SpryMasterDetail css calendarList html SpryMenuBarHorizontal css me oeann 0 O E a Fk Getre 0 of AD ALAE ee skii OCPRAD Combine Live View with Live Code to reveal code as rendered in an interactive state like hovering over and selecting a Spry data image Armed with these details you can quickly modify relevant CSS rules However Live View is no ordinary static viewport Trigger your CSS based navigation to view hover states or pull down submenus and freeze your page at any point to review the generated code Dreamweaver
19. terms of use and by the Adobe privacy policy and access to these services may require user registration Some online services including services that are initially offered at no charge may be subject to additional fees For additional details and to review the terms of use and privacy policy please visit www adobe com 2008 Adobe Systems Incorporated All rights reserved Printed in the USA 08 14 08
20. y to the associated Smart Objects on a page by page basis or to all of them at once through the Assets panel Unique sizes are maintained while the image itself is faithfully resampled Best of all the Smart Object evolution is built on top of current Photoshop and Dreamweaver integration so you can still copy image selections from Photoshop and paste them in Dreamweaver for an easy comp to layout workflow Moreover youre free to rescale Photoshop images in Dreamweaver to fine tune your design with no image degradation or revisits to Photoshop Subversion integration When a collaborative project requires a team of designers and developers open source Subversion software is often used to handle version control Dreamweaver CS4 integrates Subversion for a more robust check in check out experience with file versioning rollback and more Once you ve defined Subversion as your version control system you can update your site to get the latest versions of its pages Modified pages can be checked into a Subversion repository directly from within Dreamweaver no third party utility or command line interface is required Dreamweaver can also revert checked out files or mark conflicts as resolved to complete the team site building experience Adobe AIR authoring support Create multi platform desktop applications from your Dreamweaver HTML and JavaScript sites with new Adobe AIR authoring support Download and install the latest version of the Adobe AIR
Download Pdf Manuals
Related Search