Dreamweaver CS5 Hilfe

Embed Size (px)

Citation preview

ENTWURF

Verwenden von

ADOBE DREAMWEAVER CS5Diese Hilfe-PDF-Datei ist Teil der umfassenden und aktuellen Online-Hilfe. Um die Hilfe online anzuzeigen, stellen Sie eine Internetverbindung her. Sie knnen auch mithilfe der neuen Adobe Community Help -Anwendung die vollstndige HTML-Hilfe fr den Offline-Gebrauch herunterladen.

ENTWURFLetzte Aktualisierung 19.3.2010

2010 Adobe Systems Incorporated and its licensors. All rights reserved.Copyright

Verwenden von Adobe Dreamweaver CS5 fr Windows und Mac OS This user guide is protected under copyright law, furnished for informational use only, is subject to change without notice, and should not be construed as a commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsibility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide. This user guide is licensed for use under the terms of the Creative Commons Attribution Non-Commercial 3.0 License. This License allows users to copy, distribute, and transmit the user guide for noncommercial purposes only so long as (1) proper attribution to Adobe is given as the owner of the user guide; and (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. The best way to provide notice is to include the following link. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/ Adobe, the Adobe logo, ActionScript, ColdFusion, Contribute, Creative Suite, Director, Dreamweaver, Fireworks, Flash, FlashPaper, FreeHand, HomeSite, Illustrator, InDesign, JRun, Shockwave, and Version Cue are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. ActiveX, Microsoft, Windows, and Windows Vista are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. Apple, Macintosh, and Mac OS are trademarks of Apple Inc., registered in the United States and other countries. Java, Solaris, and SunOS are trademarks or registered trademarks of Sun Microsystems, Inc. in the United States and other countries. Linux is the registered trademark of Linus Torvalds in the U.S. and other countries. UNIX is a registered trademark of The Open Group in the U.S. and other countries. Arial is a trademark of The Monotype Corporation registered in the U.S. Patent and Trademark Office and certain other jurisdictions. Times New Roman is a registered trademark of The Monotype Corporation registered in the U.S. Patent and Trademark Office and may be registered in certain other jurisdictions. All other trademarks are the property of their respective owners. Updated Information/Additional Third Party Code Information available at http://www.adobe.com/go/thirdparty. This product includes software developed by the Apache Software Foundation (http://www.apache.org/). This product includes software developed by CollabNet (http://www.Collab.Net/) This product includes software developed by Fourthought, Inc. (http://www.fourthought.com). MPEG Layer-3 audio coding technology licensed by Fraunhofer IIS and Thomson. This software is based in part on the work of the Independent JPEG Group. Speech compression and decompression technology licensed from Nellymoser, Inc. (www.nellymoser.com) Video in Flash Player is powered by On2 TrueMotion video technology. 1992-2005 On2 Technologies, Inc. All Rights Reserved. http://www.on2.com. This product contains either BSAFE and/or TIPEM software by RSA Security, Inc. Sorenson Spark video compression and decompression technology licensed from Sorenson Media, Inc.

Notice to U.S. Government End Users. The Software and Documentation are Commercial Items, as that term is defined at 48 C.F.R. 2.101, consisting of Commercial Computer Software and Commercial Computer Software Documentation, as such terms are used in 48 C.F.R. 12.212 or 48 C.F.R. 227.7202, as applicable. Consistent with 48 C.F.R. 12.212 or 48 C.F.R. 227.7202-1 through 227.7202-4, as applicable, the Commercial Computer Software and Commercial Computer Software Documentation are being licensed to U.S. Government end users (a) only as Commercial Items and (b) with only those rights as are granted to all other end users pursuant to the terms and conditions herein. Unpublished rights reserved under the copyright laws of the United States. Adobe Systems Incorporated, 345 Park Avenue, San Jose, CA 95110-2704, USA. For U.S. Government End Users, Adobe agrees to comply with all applicable equal opportunity laws including, if appropriate, the provisions of Executive Order 11246, as amended, Section 402 of the Vietnam Era Veterans Readjustment Assistance Act of 1974 (38 USC 4212), and Section 503 of the Rehabilitation Act of 1973, as amended, and the regulations at 41 CFR Parts 60-1 through 60-60, 60-250, and 60-741. The affirmative action clause and regulations contained in the preceding sentence shall be incorporated by reference. Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110, USA.

ENTWURFLetzte Aktualisierung 19.3.2010iii

InhaltKapitel 1: Neue Funktionen Kapitel 2: Arbeitsbereich Arbeitsablauf und Arbeitsbereich in Dreamweaver Im Dokumentfenster arbeiten CS4-Arbeitsbereich anpassen Tastaturbefehle Erweiterungen

..................................................................... 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Symbolleisten, Inspektoren und Kontextmens verwenden

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

Kapitel 3: Dreamweaver-Sites verwenden Dreamweaver-Sites einrichten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39 Contribute-Sites mit Dreamweaver verwalten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

Kapitel 4: Dateien erstellen und verwalten Dokumente ffnen und erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63 Dateien und Ordner verwalten Dateien ein- und auschecken Dateien synchronisieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107 Dateien vom Server abrufen/auf dem Server bereitstellen

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

Dateien auf Unterschiede vergleichen

Frhere Dateiversionen wiederherstellen (Contribute-Benutzer) Dateiinformationen in Design Notes speichern Sites testen

Dateien und Ordner in Ihrer Site von Operationen ausschlieen (Cloaking)

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113

Kapitel 5: Elemente und Bibliotheken verwalten Elemente und Bibliotheken . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118 Elemente verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 126 Liste mit Favoritenelementen erstellen und verwalten Bibliothekselemente verwenden

Kapitel 6: Seiten mit CSS erstellen Grundlegendes zu Cascading Stylesheets CSS erstellen und verwalten Mit Div-Tags arbeiten Seitenlayouts mit CSS gestalten

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167

Kapitel 7: Seitenlayouts mit HTML gestalten Visuelle Hilfsmittel fr das Layout verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184 Inhalte in Tabellen darstellen Frames verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 ivInhalt

Kapitel 8: Inhalt in Seiten einfgen Mit Seiten arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218 Text einfgen und formatieren Bilder hinzufgen und ndern SWF-Dateien einfgen FLV-Dateien einfgen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 274 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282

Web-Widgets hinzufgen Audiomaterial hinzufgen Aufgaben automatisieren

Andere Medienobjekte hinzufgen

Kapitel 9: Hyperlinks und Navigation Allgemeines zu Hyperlinks und Navigation Hyperlinks erstellen Sprungmens Imagemaps Navigationsleisten

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301

Fehler in Hyperlinks beheben

Kapitel 10: Vorschau von Seiten Seitenvorschau in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307 Vorschau von Seiten im Browser . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311 Vorschau von Seiten auf Mobilgerten

Kapitel 11: Mit Seitencode arbeiten Allgemeine Informationen zum Programmieren in Dreamweaver Codeumgebung einrichten Codeeinstellungen festlegen Code schreiben und bearbeiten Code ausblenden Code optimieren und debuggen Mit Head-Inhalt fr Seiten arbeiten Mit Server-Side Includes arbeiten Tag-Bibliotheken verwalten

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 312

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 345 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 361 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343

Code in der Entwurfsansicht bearbeiten

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363

Benutzerdefinierte Tags in Dreamweaver importieren

Kapitel 12: JavaScript-Verhalten hinzufgen JavaScript-Verhalten verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 369 Integrierte Dreamweaver-Verhalten definieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 373

Kapitel 13: Mit anderen Anwendungen arbeiten Anwendungsbergreifende Integration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385 Fireworks und Dreamweaver verwenden Photoshop und Dreamweaver verwenden Flash und Dreamweaver verwenden Mit Adobe Bridge arbeiten Mit Device Central arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 392

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 403

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 404 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 406

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 vInhalt

Mit ConnectNow arbeiten

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408

AIR-Erweiterung fr Dreamweaver

Kapitel 14: Vorlagen erstellen und verwalten Dreamweaver-Vorlagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 415 Vorlagen und vorlagenbasierte Dokumente erkennen Dreamweaver-Vorlagen erstellen Bearbeitbare Bereiche erstellen Wiederholende Bereiche erstellen Optionale Bereiche verwenden Verschachtelte Vorlagen erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 421 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 427 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 429 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 431 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 434 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 438 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 442 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 445 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 435

Bearbeitbare Tag-Attribute definieren

Vorlagen bearbeiten, aktualisieren oder lschen Vorlageninhalte exportieren und importieren

Vorlagen auf vorhandene Dokumente anwenden oder aus Dokumenten entfernen Inhalte in vorlagenbasierten Dokumenten bearbeiten Vorlagensyntax Voreinstellungen fr Vorlagenbereiche

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 448 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 450

Kapitel 15: Spry-Seiten visuell erstellen Spry-Framework . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 452 Spry-Widgets verwenden (allgemeine Anweisungen) Mit dem Akkordeon-Widget arbeiten Mit dem Menleisten-Widget arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 452 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 454 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 457 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 463 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 465 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 470

Mit dem Widget Reduzierbare Palette arbeiten Mit dem QuickInfo-Widget arbeiten

Mit dem Widget Paletten mit Registerkarten arbeiten

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 468 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 474 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 479 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 487 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 483 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 489 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 493

Mit dem Widget berprfung - Optionsschaltergruppe arbeiten Mit dem Widget berprfung - Textfeld arbeiten Mit dem Widget berprfung - Auswahl arbeiten Mit dem Widget berprfung - Kennwort arbeiten Mit dem Widget berprfung - Besttigung arbeiten Daten mit Spry anzeigen Spry-Effekte hinzufgen Mit dem Widget berprfung - Textbereich arbeiten

Mit dem Widget berprfung - Kontrollkstchen arbeiten

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 497 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 510

Kapitel 16: Adobe Online-Dienste verwenden Verwalten von Verbindungen zu Adobe-Online-Services BrowserLab Business Catalyst InContext Editing

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 515

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 516 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 517

Kapitel 17: XML-Daten mit XSLT anzeigen XML und XSLT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 525 XSL-Transformationen auf dem Server ausfhren XSL-Transformationen auf dem Client ausfhren Fehlende Zeichenentitten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 532 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 550

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 552

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 viInhalt

Kapitel 18: Erstellen dynamischer Sites vorbereiten Webanwendungen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 555 Computer fr die Entwicklung von Anwendungen einrichten Datenbankverbindungen fr ColdFusion-Entwickler Datenbankverbindungen fr ASP-Entwickler Datenbankverbindungen fr PHP-Entwickler Fehler bei Datenbankverbindungen beheben Verbindungsskripts entfernen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 563 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 568

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 570 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 578 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 580

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 586

Kapitel 19: Dynamische Seiten erstellen Arbeitsbereich fr visuelle Entwicklung optimieren Dynamische Seiten entwerfen berblick ber Quellen fr dynamischen Inhalt Bedienfelder fr dynamischen Inhalt Dynamischen Inhalt in Seiten einfgen Dynamischen Inhalt ndern Live-Daten anzeigen Datenbank-Datenstze anzeigen Quellen fr dynamischen Inhalt definieren

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 587

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 590 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 592 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 597 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 599 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 615

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 619 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 621 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 633

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 631

Benutzerdefinierte Serververhalten hinzufgen

Kapitel 20: Anwendungen visuell entwickeln Master- und Detailseiten entwickeln . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 646 Such- und Ergebnisseiten erstellen Datensatz-Einfgeseiten erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 654 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 660 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 664 . . . . . . . . . . . . . . . . . . . . . . . . . . . 678 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 670

Seiten zum Aktualisieren von Datenstzen erstellen Seiten zum Lschen von Datenstzen erstellen Registrierungsseiten erstellen Anmeldeseiten erstellen

Seiten mit erweiterten Objekten fr die Datenbankverarbeitung erstellen (ColdFusion, ASP)

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 682 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 687

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 685 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 690

Seiten erstellen, auf die nur autorisierte Benutzer zugreifen knnen Ordner in Anwendungen schtzen (ColdFusion) ColdFusion-Komponenten verwenden Kapitel 21: Formulare erstellen Benutzerinformationen sammeln Webformulare erstellen ColdFusion-Formulare erstellen Kapitel 22: Eingabehilfen Dreamweaver und Barrierefreiheit

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 691

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 699 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 718

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 702

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 732

ENTWURFLetzte Aktualisierung 19.3.20101

Kapitel 1: Neue FunktionenEs folgt eine Liste der wichtigsten neuen Funktionen in Adobe Dreamweaver CS5. Adobe BrowserLab Dreamweaver CS5 lsst sich in Adobe BrowserLab integrieren, einem der neuen Online-Dienste von CS Live, ber den eine schnelle und akkurate Lsung zur browserbergreifenden Kompatibilittsprfung bereitgestellt wird. Mit BrowserLab knnen Sie mithilfe verschiedener Anzeige- und Vergleichstools die Vorschau von Webseiten und lokalen Inhalten anzeigen. Siehe BrowserLab auf Seite 516. Integration von Business Catalyst Adobe Business Catalyst ist eine Host-Anwendung, die herkmmliche Desktop-Tools durch eine zentrale Plattform fr Webdesigner ersetzt. Mit dieser Anwendung, die sich nahtlos in Dreamweaver einbinden lsst, knnen Sie von einfachen datenbezogenen Websites bis hin zu erfolgreichen Online-Shops alle gewnschten Projekte erstellen. Weitere Informationen finden Sie unter http://www.adobe.com/go/business_catalyst_get_extension_de. CSS aktivieren/deaktivieren ber die CSS-Aktivierung/Deaktivierung knnen Sie CSS-Eigenschaften direkt ber das Bedienfeld CSS-Stile deaktivieren und wieder aktivieren. Beim Deaktivieren einer CSS-Eigenschaft wird die angegebene Eigenschaft lediglich auskommentiert, ohne dass sie gelscht wird. Weitere Informationen finden Sie unter CSS-Eigenschaft deaktivieren/aktivieren auf Seite 155. CSS-Prfung Im Prfmodus knnen Sie die CSS-Eigenschaften von Box-Modellen, darunter Auffllung, Rahmen und Rand, visuell detailliert anzeigen, ohne den Code zu lesen oder ein Dienstprogramm eines Drittanbieters (z. B. Firebug) verwenden zu mssen. Weitere Informationen finden Sie unter CSS in der Live-Ansicht prfen auf Seite 156. CSS-Startlayouts Dreamweaver CS5 enthlt aktualisierte und vereinfachte CSS-Startlayouts. Die komplexen untergeordneten Selektoren aus den CS4-Layouts wurden entfernt und durch vereinfachte und einfach verstndliche Klassen ersetzt. Weitere Informationen finden Sie unter Seiten mit einem CSS-Layout erstellen auf Seite 165. Dynamisch zugehrige Dateien Mithilfe der Funktion Dynamisch zugehrige Dateien knnen Sie nach allen externen Dateien und Skripts suchen, die fr die Zusammenstellung PHP-basierter CMS-Seiten (Content-Management-System) erforderlich sind, und die entsprechenden Dateinamen auf der Symbolleiste Zugehrige Dateien anzeigen. Standardmig untersttzt Dreamweaver die Suche nach Dateien fr die Wordpress-, Drupal- und Joomla!- CMS-Frameworks. Siehe Dynamisch zugehrige Dateien ffnen auf Seite 74.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 2Neue Funktionen

Live-Ansicht-Navigation ber die Live-Ansicht-Navigation werden Hyperlinks in der Live-Ansicht aktiviert, sodass Sie serverseitige Anwendungen und dynamische Daten verwenden knnen. ber die Funktion knnen Sie zudem eine URL eingeben, um die ber einen Live-Webserver bereitgestellten Seiten zu prfen und aufgerufene Seiten zu bearbeiten, wenn sie in einer Ihrer lokal definierten Sites vorhanden sind. Weitere Informationen finden Sie unter Seitenvorschau in Dreamweaver auf Seite 307. PHP-Codehinweise fr benutzerdefinierte Klassen Mit PHP-Codehinweisen fr benutzerdefinierte Klassen wird die korrekte Syntax fr PHP-Funktionen, PHP-Objekte und PHP-Konstanten angezeigt, sodass Sie den genauen Code eingeben knnen. Codehinweise knnen auch fr Ihre benutzerdefinierten Funktionen und Klassen sowie fr Frameworks von Drittanbietern (z. B. Zend-Framework) verwendet werden. Vereinfachte Site-Einrichtung Im neu gestalteten Dialogfeld Site-Definition knnen Sie auf einfachere Weise eine lokale Dreamweaver-Site einrichten, sodass Sie sofort danach die ersten Webseiten erstellen knnen. In der Kategorie Remote-Server knnen Sie in einer Ansicht sowohl Remote- als auch Testserver angeben. Siehe Neue Site einrichten auf Seite 40. Site-spezifische Codehinweise Mithilfe der Funktion Site-spezifische Code-Hinweise knnen Sie bei Verwendung von PHP-Bibliotheken und CMS-Frameworks von Drittanbietern (z. B. WordPress, Drupal, Joomla! oder andere Frameworks) die Codeumgebung anpassen. Theme-Dateien fr Blogs und andere benutzerdefinierte PHP-Dateien und PHPVerzeichnisse knnen als Quellen fr Codehinweise einbezogen oder ausgeschlossen werden. Siehe Site-spezifische Codehinweise auf Seite 328. Verbesserte Subversion-Untersttzung Die Untersttzung von Subversion wird in Dreamweaver CS5 erweitert, sodass Sie nun Dateien lokal verschieben, kopieren und lschen und dann die nderungen mit dem SVN-Remote-Repository synchronisieren knnen. Mit dem neuen Befehl Wiederherstellen knnen Sie Hierarchiekonflikte schnell korrigieren oder eine frhere Version einer Datei wiederherstellen. Darber hinaus knnen Sie mit einer neuen Erweiterung angeben, mit welcher Version von Subversion Sie ein bestimmtes Projekt bearbeiten mchten. Weitere Informationen finden Sie unter Dateien mithilfe von Subversion (SVN) abrufen und einchecken auf Seite 95. Veraltete Funktionen Die folgenden Funktionen sind ab Dreamweaver CS5 veraltet:

Barrierefreiheitsprfungsbericht ASP/JavaScript-Serververhalten JavaScript-Verhalten Browser berprfen Verbindung zu einem FTP-/RDS-Server ohne Definieren von Sites herstellen JavaScript-Verhalten Shockwave oder SWF steuern Webfotoalbum erstellen JavaScript-Verhalten Popupmen ausblenden InContext Editing Verfgbare CSS-Klassen verwalten

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 3Neue Funktionen

FlashPaper einfgen Mark of the Web einfgen/entfernen Microsoft Visual Sourcesafe-Integration Navigationsleisten JavaScript-Verhalten Sound abspielen Men Ereignisse zeigen fr (Bedienfeld Verhalten) JavaScript-Verhalten Popupmen anzeigen JavaScript-Verhalten Zeitleiste Tags berprfen Live Data-Ansicht

ENTWURFLetzte Aktualisierung 19.3.20104

Kapitel 2: ArbeitsbereichDer Arbeitsbereich von Adobe Dreamweaver CS5 enthlt Symbolleisten, Inspektoren und Bedienfelder, mit denen Sie Webseiten erstellen knnen. Sie haben hier die Mglichkeit, das generelle Erscheinungsbild und das Verhalten des Arbeitsbereichs anzupassen.

Arbeitsablauf und Arbeitsbereich in Dreamweaverberblick ber den Dreamweaver-ArbeitsablaufFr die Erstellung von Websites stehen verschiedene Methoden zur Verfgung, darunter der folgende Ansatz. Sites planen und einrichten Bestimmen Sie den Zielort fr die Dateien und prfen Sie Ressourcen, Zielgruppe sowie den Bestimmungszweck. Darber hinaus gilt es, technische Voraussetzungen wie Zugangsmglichkeiten des Benutzers sowie Einschrnkungen durch den jeweiligen Browsertyp, nicht vorhandene Plug-Ins oder langsame Download-Geschwindigkeiten zu bedenken. Sobald Sie Ihre Informationen gegliedert und eine geeignete Struktur ausgearbeitet haben, knnen Sie mit der Erstellung der Website beginnen. (Siehe dazu den Abschnitt Dreamweaver-Sites verwenden auf Seite 39.) Site-Dateien strukturieren und verwalten Im Bedienfeld Dateien lassen sich Dateien und Ordner bequem hinzufgen, lschen und umbenennen. Es bietet auerdem viele Tools zum Verwalten von Websites, bertragen von Dateien zwischen lokalem Server und RemoteServer, Einchecken und Auschecken von Dateien sowie fr den Schutz vor unbeabsichtigtem berschreiben und zum Synchronisieren von Dateien zwischen der lokalen Site und der Remote-Site. Mithilfe des Bedienfelds Elemente knnen Sie die Elemente einer Website ganz leicht verwalten. Die meisten Elemente knnen direkt aus dem Bedienfeld in ein Dreamweaver-Dokument gezogen werden. Mithilfe von Dreamweaver knnen Sie zudem verschiedene Aspekte von Adobe Contribute-Sites verwalten. (Siehe dazu die Abschnitte Dateien und Ordner verwalten auf Seite 77 und Elemente und Bibliotheken verwalten auf Seite 118.) Webseiten-Layout gestalten Whlen Sie das von Ihnen bevorzugte Layoutverfahren oder verwenden Sie eine Kombination aus DreamweaverLayoutoptionen, um Ihr Seitenlayout zu gestalten. Sie knnen AP-Elemente, CSS-Positionierungsstile oder vordefinierte CSS-Layouts in Dreamweaver fr die Erstellung Ihres Layouts verwenden. Mit den Tabellenwerkzeugen knnen Sie Webseiten ohne groen Zeitaufwand erstellen und anschlieend die Seitenstruktur verndern. Falls in einem Webbrowser mehrere Elemente gleichzeitig angezeigt werden sollen, knnen Sie das Dokument-Layout mithilfe von Frames erstellen. Schlielich knnen Sie aufbauend auf einer Dreamweaver-Vorlage neue Seiten erstellen und deren Layout anschlieend automatisch aktualisieren, wenn sich die Vorlage ndert. (Siehe dazu die Abschnitte Seiten mit CSS erstellen auf Seite 132 und Seitenlayouts mit HTML gestalten auf Seite 184.)

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 5Arbeitsbereich

Inhalt in Seiten einfgen Fgen Sie Elemente wie Text, Bilder, Rollover-Bilder, Imagemaps, Farben, Filme, Sound, HTML-Links, Sprungmens und andere Medien in Ihre Webseiten ein. Sie knnen die integrierten Seitenerstellungsfunktionen fr solche Elemente wie Seitentitel und Hintergrundbilder verwenden, Eintrge direkt vornehmen oder Inhalte aus anderen Dokumenten importieren. Dreamweaver bietet zudem Verhalten zum Durchfhren von Aufgaben fr bestimmte Ereignisse, z. B. die berprfung von Formulardaten auf ihre Richtigkeit, wenn der Benutzer auf die Schaltflche Senden klickt, oder das ffnen eines zweiten Browserfensters, wenn die Hauptseite vollstndig geladen wurde. Schlielich bietet Dreamweaver noch Werkzeuge zur Maximierung der Website-Performance und zum Testen der Webseite-Kompatibilitt mit unterschiedlichen Browsern. (Siehe dazu den Abschnitt Inhalt in Seiten einfgen auf Seite 218.) Seiten durch manuelle Kodierung erstellen Webseiten knnen auch handcodiert werden. Dreamweaver verfgt sowohl ber benutzerfreundliche visuelle Bearbeitungstools als auch ber eine anspruchsvolle Codeumgebung. Zur Gestaltung und Bearbeitung Ihrer Seiten knnen Sie diese Funktionen einzeln oder gemeinsam einsetzen. (Siehe dazu den Abschnitt Mit Seitencode arbeiten auf Seite 312.) Webanwendungen fr dynamische Inhalte einrichten Viele Websites enthalten dynamische Seiten, auf denen Besucher Informationen anzeigen knnen, die in Datenbanken gespeichert sind. Gewhnlich ermglichen es diese Seiten einigen Besuchern auch, neue Informationen hinzuzufgen und in den Datenbanken enthaltene Informationen zu bearbeiten. Um solche Seiten zu erstellen, mssen Sie zunchst einen Web- und einen Anwendungsserver einrichten, eine Dreamweaver-Site erstellen oder bearbeiten und die Verbindung zu einer Datenbank herstellen. (Siehe dazu den Abschnitt Erstellen dynamischer Sites vorbereiten auf Seite 555.) Dynamische Seiten erstellen In Dreamweaver knnen Sie viele verschiedene Quellen fr dynamischen Inhalt definieren, z. B. aus Datenbanken extrahierte Datenstze, Formularparameter und JavaBeans-Komponenten. Um dynamischen Inhalt in eine Seite einzufgen, ziehen Sie ihn einfach auf die Seite. Sie knnen festlegen, dass auf der Seite nur ein einziger Datensatz oder viele Datenstze gleichzeitig angezeigt werden. Sie knnen mehrere Seiten von Datenstzen anzeigen, besondere Hyperlinks zum Navigieren zwischen Datensatzseiten hinzufgen und Datensatzzhler erstellen, mit deren Hilfe die Besucher die Datenstze verfolgen knnen. Sie knnen Anwendungs- oder Geschftslogik mithilfe von Technologien wie Adobe ColdFusion und Webdiensten kapseln. Falls Sie grere Flexibilitt bentigen, knnen Sie eigene Serververhalten und interaktive Formulare erstellen. (Siehe dazu den Abschnitt Dynamische Seiten erstellen auf Seite 587.) Testen und verffentlichen Das Testen Ihrer Seiten gestaltet sich whrend des Entwicklungszyklus als fortlaufender Prozess. Am Ende des Arbeitsablaufs verffentlichen Sie die Website auf einem Server. Viele Entwickler sind auch fr eine regelmige Wartung der Website zustndig, um die Aktualitt des Inhalts und eine korrekte Funktionsweise zu gewhrleisten. (Siehe dazu den Abschnitt Dateien vom Server abrufen/auf dem Server bereitstellen auf Seite 87.) Ein Video-Tutorial zu Verwendungsmglichkeiten von Dreamweaver finden Sie unter www.adobe.com/go/lrvid4040_dw_de.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 6Arbeitsbereich

ArbeitsbereichlayoutIm Dreamweaver-Arbeitsbereich knnen Sie Dokumente und Objekteigenschaften anzeigen. Im Arbeitsbereich sind viele der gngigsten Vorgnge in Symbolleisten angeordnet, damit Sie nderungen in Dokumenten schnell durchfhren knnen. Unter Windows bietet Dreamweaver ein integriertes Layout, in dem alle Funktionen in einem einzigen Fenster zusammenfasst sind. Im integrierten Arbeitsbereich unter Windows sind alle Fenster und Bedienfelder in einem einzigen greren Anwendungsfenster integriert.

A: Anwendungsleiste B: Dokumentsymbolleiste C: Dokumentfenster D: Arbeitsbereichumschalter E: Bedienfeldgruppen F: CS Live G: TagSelektor H: Eigenschafteninspektor I: Bedienfeld Dateien

Auf Mac OS-Computern knnen in Dreamweaver mehrere Dokumente in einem einzigen Fenster mit jeweils einer Registerkarte fr jedes Dokument angezeigt werden. Darber hinaus kann ein schwebender Arbeitsbereich geffnet werden, in dem jedes Dokument in einem gesonderten Fenster angezeigt wird. Bedienfeldgruppen sind anfangs aneinander gedockt, lassen sich jedoch abdocken und in eigenen Fenstern anzeigen. Wenn Bedienfeldgruppen angedockt sind und der Dokumentbereich maximiert ist, wird durch Ein- und Ausblenden sowie Grennderung von Bedienfeldern die Gre des Hauptfensters gendert, wie dies auch in Windows der Fall ist.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 7Arbeitsbereich

A: Anwendungsleiste B: Dokumentsymbolleiste C: Arbeitsbereichumschalter D: Dokumentfenster E: CS Live F: Bedienfeldgruppen G: TagSelektor H: Eigenschafteninspektor I: Bedienfeld Dateien

Ein Tutorial zum Verwenden unterschiedlicher Dreamweaver-Arbeitsbereiche finden Sie unter www.adobe.com/go/lrvid4042_dw_de.

Verwandte ThemenSymbolleisten, Inspektoren und Kontextmens verwenden CS4-Arbeitsbereich anpassen Dokumente mit Registerkarte anzeigen (Dreamweaver Macintosh) Tutorial zum Dreamweaver-Arbeitsbereich

berblick ber ArbeitsbereichselementeDer Arbeitsbereich enthlt die folgenden Elemente. Hinweis: Dreamweaver enthlt viele weitere Bedienfelder, Inspektoren und Fenster. Die Bedienfelder, Inspektoren und Fenster werden ber das Men Fenster geffnet.Begrungsbildschirm ermglicht das ffnen eines krzlich bearbeiteten oder das Erstellen eines neuen Dokuments.

Vom Begrungsbildschirm aus knnen Sie auerdem Nheres ber Dreamweaver erfahren, indem Sie an einer Tour durch das Produkt teilnehmen oder ein Tutorial durcharbeiten.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 8Arbeitsbereich

Anwendungsleiste befindet sich am oberen Rand des Anwendungsfensters und enthlt einen Arbeitsbereichumschalter, verschiedene Mens (nur unter Windows) und weitere Anwendungssteuerelemente. Dokumentsymbolleiste enthlt Schaltflchen, mit denen Sie verschiedene Ansichten des Dokumentfensters (wie die

Entwurfsansicht und die Codeansicht), diverse Ansichtsoptionen und hufig verwendete Vorgnge, z. B. Anzeigen einer Vorschau im Browser, aufrufen knnen.Standardsymbolleiste (wird im Standardlayout des Arbeitsbereichs nicht angezeigt) enthlt Schaltflchen fr hufig verwendete Operationen der Mens Datei und Bearbeiten: Neu, ffnen, Bridge durchsuchen, Speichern, Alles Speichern, Code drucken, Ausschneiden, Kopieren, Einfgen, Rckgngig und Wiederholen. Um die Standardsymbolleiste anzuzeigen, whlen Sie Ansicht > Symbolleisten > Standard. Code-Symbolleiste (wird nur in der Codeansicht angezeigt) enthlt Schaltflchen fr zahlreiche

Standardkodieroperationen.Symbolleiste Stilwiedergabe (in der Standardeinstellung ausgeblendet) enthlt Schaltflchen, mit denen Sie beim

Verwenden von medienabhngigen Stylesheets anzeigen knnen, wie ein Entwurf in verschiedenen Medientypen aussieht. Sie enthlt ferner eine Schaltflche zum Aktivieren oder Deaktivieren von Cascading Style Sheets (CSS)Stilen.Dokumentfenster zeigt die Dokumente an, whrend Sie sie erstellen und bearbeiten. Eigenschafteninspektor dient zum Anzeigen und ndern diverser Eigenschaften eines ausgewhlten Seiten- oder

Textobjekts. Jedes Objekt verfgt ber spezifische Eigenschaften. Der Eigenschafteninspektor wird im Arbeitsbereichlayout Coder in der Standardeinstellung reduziert angezeigt.Tag-Selektor befindet sich in der Statusleiste am unteren Rand des Dokumentfensters. Zeigt die Hierarchie der Tags

an, die die aktuelle Auswahl umgeben. Um ein Tag und seinen gesamten Inhalt auszuwhlen, klicken Sie in der Hierarchie auf das Tag.Bedienfelder ermglichen das berprfen Ihrer Arbeit und das Durchfhren von nderungen. Beispiele sind das

Bedienfeld Einfgen, das Bedienfeld CSS-Stile und das Bedienfeld Dateien. Sie knnen ein Bedienfeld erweitern, indem Sie auf die entsprechende Registerkarte doppelklicken.Bedienfeld Einfgen enthlt Schaltflchen zum Einfgen verschiedener Objekttypen (z. B. Bilder, Tabellen und

Medienelemente) in ein Dokument. Jedes Objekt entspricht einem HTML-Codeabschnitt, in dem Sie beim Einfgen verschiedene Attribute festlegen knnen. Sie knnen beispielsweise eine Tabelle einfgen, indem Sie im Bedienfeld Einfgen auf das Symbol Tabelle klicken. Sie haben auch die Mglichkeit, Objekte stattdessen ber das Men Einfgen einzufgen.Bedienfeld Dateien ermglicht die Verwaltung der Dateien und Ordner, die Bestandteil einer Dreamweaver-Site

sind oder auf einem Remote-Server gespeichert werden. ber das Bedienfeld Dateien knnen Sie auch auf alle Dateien zugreifen, die sich auf dem lokalen Datentrger befinden, hnlich dem Windows Explorer (Windows) oder dem Finder (Macintosh).

Verwandte ThemenIm Dokumentfenster arbeiten auf Seite 18 Symbolleisten, Inspektoren und Kontextmens verwenden auf Seite 22 Verwalten von Fenstern und Bedienfeldern auf Seite 24

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 9Arbeitsbereich

berblick ber das DokumentfensterIm Dokumentfenster wird das aktuelle Dokument angezeigt. Die folgenden Ansichten stehen zur Auswahl:Entwurfsansicht ist eine Entwurfsumgebung fr grafisches Seitenlayout, grafisches Bearbeiten und schnelle Anwendungsentwicklung. In dieser Ansicht kann das Dokument in Dreamweaver vollstndig bearbeitet werden und wird grafisch hnlich der Darstellung in einem Browser angezeigt. Codeansicht ist eine Umgebung zum manuellen Verfassen und Bearbeiten von HTML, JavaScript und

Serversprachencode, z. B. PHP oder ColdFusion Markup Language (CFML), sowie anderen Arten von Code.Geteilte Codeansicht ist eine geteilte Version der Codeansicht, in der Sie Bildlufe durchfhren knnen, um

gleichzeitig verschiedene Abschnitte eines Dokuments zu bearbeiten.Code- und Entwurfsansicht ermglicht es, sowohl die Codeansicht als auch die Entwurfsansicht eines Dokuments in

einem Fenster anzuzeigen.Live-Ansicht hnelt der Entwurfsansicht und bietet eine realistischere Darstellung, wie Ihr Dokument in einem

Browser angezeigt wird. Sie knnen mit dem Dokument genauso interagieren, wie dies spter im Browser geschieht. In der Live-Ansicht kann der Code nicht bearbeitet werden. Sie knnen ihn jedoch in der Codeansicht bearbeiten und dann die Live-Ansicht aktualisieren, damit die nderungen angezeigt werden.Live-Codeansicht ist nur beim Anzeigen eines Dokuments in der Live-Ansicht verfgbar. In der Live-Codeansicht

wird der tatschliche Code dargestellt, den ein Browser zum Ausfhren der Seite verwendet. Dieser kann sich dynamisch ndern, whrend Sie in der Live-Ansicht mit der Seite interagieren. In der Live-Codeansicht kann der Code nicht bearbeitet werden. In einem maximierten Dokumentfenster (Standardeinstellung) werden im oberen Bereich Registerkarten mit den Dateinamen aller geffneten Dokumente angezeigt. Hinter dem Dateinamen wird in Dreamweaver ein Sternchen (*) angezeigt, wenn Sie nderungen vorgenommen und diese noch nicht gespeichert haben. Um zu einem Dokument zu wechseln, klicken Sie auf die entsprechende Registerkarte. Darber hinaus wird unterhalb der Registerkarte des Dokuments (oder unterhalb der Titelleiste des Dokuments, wenn Dokumente in separaten Fenstern angezeigt werden) die Symbolleiste Zugehrige Dateien angezeigt. Zugehrige Dateien sind Dokumente, die mit der aktuellen Datei verknpft sind, beispielsweise CSS- oder JavaScript-Dateien. Um eine dieser zugehrigen Dateien im Dokumentfenster zu ffnen, klicken Sie auf der Symbolleiste Zugehrige Dateien auf den entsprechenden Dateinamen.

Verwandte ThemenIm Dokumentfenster arbeiten auf Seite 18 Live-Ansicht auf Seite 307 Zugehrige Dateien ffnen auf Seite 73 Allgemeine Informationen zum Programmieren in Dreamweaver auf Seite 312

berblick ber die DokumentsymbolleisteDie Dokumentsymbolleiste enthlt Schaltflchen, mit denen Sie schnell zwischen verschiedenen Ansichten des Dokuments wechseln knnen. Auerdem befinden sich auf der Symbolleiste einige hufig verwendete Befehle und Optionen zum Anzeigen und bertragen von Dokumenten zwischen der lokalen Site und Remote-Sites. In der folgenden Abbildung ist die erweiterte Dokumentsymbolleiste dargestellt.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 10Arbeitsbereich

A: Codeansicht anzeigen B: Code- und Entwurfsansicht anzeigen C: Entwurfsansicht anzeigen D: Live-Codeansicht E: Browserkompatibilitt prfen F: Live-Ansicht G: CSS-Prfmodus H: Vorschau/Debug im Browser I: Visuelle Hilfsmittel J: Entwurfsansicht aktualisieren K: Dokumenttitel L: Dateiverwaltung

In der Dokumentsymbolleiste werden die folgenden Optionen angezeigt:Codeansicht anzeigen zeigt ausschlielich die Codeansicht im Dokumentfenster an. Code- und Entwurfsansicht anzeigen teilt das Dokumentfenster in einen Code- und einen Entwurfsbereich. Wenn Sie diese kombinierte Ansicht auswhlen, wird im Men Ansichtsoptionen die Option Entwurfsansicht im Vordergrund verfgbar. Entwurfsansicht anzeigen zeigt ausschlielich die Entwurfsansicht im Dokumentfenster an.

Hinweis: Wenn Sie mit XML, JavaScript, CSS oder anderen codebasierten Dateitypen arbeiten, knnen Sie die Dateien nicht in der Entwurfsansicht anzeigen. Die Schaltflchen Entwurf und Teilen sind dann abgeblendet.Live-Ansicht zeigt eine nicht bearbeitbare, interaktive und browserbasierte Ansicht des Dokuments an. Live-Codeansicht zeigt den tatschlichen Code an, der vom Browser zum Ausfhren der Seite verwendet wird. Dokumenttitel ermglicht Ihnen die Eingabe eines Titels fr das Dokument, der in der Titelleiste des Browsers

angezeigt wird. Wenn das Dokument bereits einen Titel hat, wird er in diesem Feld angezeigt.Dateiverwaltung ffnet das Popupmen Dateiverwaltung. Vorschau/Debug im Browser ermglicht es Ihnen, das Dokument im Browser als Vorschau anzuzeigen oder zu

debuggen. Whlen Sie im Popupmen einen Browser aus.Entwurfsansicht aktualisieren aktualisiert die Entwurfsansicht des Dokuments, nachdem Sie es in der Codeansicht gendert haben. In der Codeansicht vorgenommene nderungen werden nicht automatisch in der Entwurfsansicht angezeigt, sondern erst dann, wenn Sie bestimmte Aktionen durchfhren, z. B. die Datei speichern oder auf diese Schaltflche klicken.

Hinweis: Bei der Aktualisierung werden auch DOM-abhngige (Document Object Model) Codefunktionen neu angezeigt, wie z. B. die Mglichkeit zur Auswahl der ffnenden oder schlieenden Tags eines Codeblocks.Ansichtsoptionen ermglicht es Ihnen, Optionen fr die Code- und die Entwurfsansicht festzulegen, z. B. welche Ansicht im Vordergrund angezeigt werden soll. Die im Men enthaltenen Optionen beziehen sich auf die aktuelle Ansicht: Entwurfsansicht, Codeansicht oder beide Ansichten. Visuelle Hilfsmittel ermglicht die Nutzung verschiedener visueller Hilfsmittel zum Entwerfen von Seiten. Markup berprfen ermglicht die berprfung des aktuellen Dokuments oder eines ausgewhlten Tags auf

Gltigkeit.Browserkompatibilitt prfen ermglicht die berprfung der verwendeten CSS auf Kompatibilitt mit

verschiedenen Browsern.

Verwandte ThemenSymbolleisten anzeigen auf Seite 22 Seitenvorschau in der Live-Ansicht auf Seite 307 Codeeinstellungen festlegen auf Seite 319

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 11Arbeitsbereich

Head-Inhalt anzeigen und bearbeiten auf Seite 357 Visuelle Hilfsmittel fr das Layout verwenden auf Seite 184

berblick ber die StandardsymbolleisteDie Standardsymbolleiste enthlt Schaltflchen fr hufig verwendete Operationen der Mens Datei und Bearbeiten: Neu, ffnen, Bridge durchsuchen, Speichern, Alles Speichern, Code drucken, Ausschneiden, Kopieren, Einfgen, Rckgngig und Wiederholen. Diese Schaltflchen haben dieselben Funktionen wie die entsprechenden Menbefehle.

Verwandte ThemenSymbolleisten anzeigen auf Seite 22 Dokumente ffnen und erstellen auf Seite 63

berblick ber die Symbolleiste StilwiedergabeDie (standardmig ausgeblendete) Symbolleiste Stilwiedergabe enthlt Schaltflchen, mit denen Sie sich beim Verwenden von medienabhngigen Stylesheets ansehen knnen, wie ein Entwurf in verschiedenen Medientypen aussieht. Sie enthlt ferner eine Schaltflche zum Aktivieren oder Deaktivieren von CSS-Stilen. Um diese Symbolleiste anzuzeigen, whlen Sie Ansicht > Symbolleisten > Stilwiedergabe.

Diese Symbolleiste kann nur bei Dokumenten mit medienabhngigen Stylesheets eingesetzt werden, z. B. dann, wenn in Ihrem Stylesheet eine body-Regel fr Druckmedien und eine andere body-Regel fr Handheld-Gerte festgelegt wurde. Weitere Informationen zur Erstellung medienabhngiger Stylesheets finden Sie auf der Website des World Wide Web Consortium unter www.w3.org/TR/CSS21/media.html. Standardmig zeigt Dreamweaver den Entwurf fr den Bildschirmmedientyp an (d. h., Sie sehen, wie eine Seite auf einem Computerbildschirm wiedergegeben wird). Sie knnen die folgenden Medientypwiedergaben anzeigen, indem Sie auf der Symbolleiste Stilwiedergabe auf die entsprechenden Schaltflchen klicken.Bildschirmmedientyp wiedergeben zeigt, wie die Seite auf einem Computerbildschirm angezeigt wird. Druckmedientyp wiedergeben zeigt an, wie die Seite auf Papier gedruckt aussehen wird. Handheld-Medientyp wiedergeben zeigt, wie die Seite auf einem Handheld-Gert wie beispielsweise einem

Mobiltelefon oder einem BlackBerry-Gert aussieht.Projektionsmedientyp wiedergeben zeigt, wie die Seite mit einem Projektionsgert wiedergegeben wird. TTY-Medientyp wiedergeben zeigt, wie die Seite mit einem Fernschreiber wiedergegeben wird. TV-Medientyp wiedergeben zeigt, wie die Seite auf einem Fernsehbildschirm angezeigt wird. Anzeige der CSS-Stile ein/aus ermglicht das Aktivieren und Deaktivieren von CSS-Stilen. Diese Schaltflche ist von

den anderen Medienschaltflchen unabhngig.Entwurfsphasen-Stylesheets ermglicht die Angabe eines Stils fr die Entwurfsphase.

Ein Tutorial zur Entwicklung von Style Sheets fr Drucker und mobile Gerte finden Sie unter www.adobe.com/go/vid0156_de.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 12Arbeitsbereich

Verwandte ThemenSymbolleisten anzeigen auf Seite 22

berblick ber die Symbolleiste Browser-NavigationDie Symbolleiste Browser-Navigation wird in der Live-Ansicht aktiv. Auf dieser Symbolleiste wird die Adresse der Seite angezeigt, die Sie im Dokumentfenster geffnet haben. Ab Dreamweaver CS5 entspricht die Live-Ansicht in ihrer Funktion einem Browser, d. h., auch wenn Sie eine Site auerhalb der lokalen Site aufrufen (z. B. http://www.adobe.com), wird die Seite im Dokumentfenster geladen.

A: Browser-Steuerelemente B: Adresszeile C: Live-Ansicht-Optionen

Hyperlinks sind standardmig in der Live-Ansicht nicht aktiv. Dadurch dass Hyperlinks nicht aktiv sind, knnen Sie im Dokumentfenster Hyperlinktext auswhlen oder darauf klicken, ohne dass eine andere Seite aufgerufen wird. Zum Testen von Hyperlinks in der Live-Ansicht knnen Sie einmaliges oder kontinuierliches Klicken aktivieren. Klicken Sie dazu im Men Ansichtsoptionenrechts neben der Adresszeile auf Hyperlinks aufrufen oder Hyperlinks fortlaufend aufrufen.

Verwandte ThemenSeitenvorschau in Dreamweaver auf Seite 307

berblick ber die Code-SymbolleisteDie Code-Symbolleiste enthlt Schaltflchen zum Ausfhren zahlreicher Kodieroperationen wie z. B. Reduzieren und Erweitern von Codeauswahlen, Hervorheben von ungltigem Code, Anwenden und Entfernen von Kommentaren, Einziehen von Code und Einfgen krzlich verwendeter Codefragmente. Die Code-Symbolleiste wird links im Dokumentfenster vertikal angezeigt und ist nur in der Codeansicht sichtbar.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 13Arbeitsbereich

Es ist nicht mglich, die Code-Symbolleiste abzudocken oder zu verschieben. Sie knnen sie jedoch ausblenden (Ansicht > Symbolleisten > Kodierung). Sie knnen die Code-Symbolleiste ferner bearbeiten, um weitere Schaltflchen anzuzeigen (z. B. Umbruch, Versteckte Zeichen und Automatischer Einzug) oder nicht verwendete Schaltflchen auszublenden. Dazu mssen Sie die XML-Datei bearbeiten, die die Symbolleiste generiert. Weitere Informationen hierzu finden Sie im Handbuch Dreamweaver erweitern.

Verwandte ThemenSymbolleisten anzeigen auf Seite 22 Code mit der Code-Symbolleiste einfgen auf Seite 330

berblick ber die StatusleisteDie Statusleiste am unteren Rand des Dokumentfensters enthlt zustzliche Informationen zu dem Dokument, das Sie gerade erstellen.

A: Tag-Selektor B: Werkzeug auswhlen C: Handwerkzeug D: Zoomwerkzeug E: Vergrerung einstellen F: Popupmen Fenstergre G: Dokumentgre und geschtzte Downloadzeit H: Kodierungskennung

Tag-Selektor Zeigt die Hierarchie der Tags an, die die aktuelle Auswahl umgeben. Um ein Tag und seinen gesamten

Inhalt auszuwhlen, klicken Sie in der Hierarchie auf das Tag. Wenn Sie auf klicken, wird der gesamte Hauptteil des Dokuments markiert. Um die class- oder id-Attribute eines Tags im Tag-Selektor festzulegen, klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrckter Ctrl-Taste (Macintosh) auf das Tag und whlen Sie im Kontextmen eine Klasse oder eine ID aus.Werkzeug auswhlen aktiviert bzw. deaktiviert das Handwerkzeug. Handwerkzeug ermglicht es, auf ein Dokument zu klicken und das Dokument in das Dokumentfenster zu ziehen. Zoom-Werkzeug und Popupmen Vergrerung einstellen ermglicht eine vergrerte oder verkleinerte

Darstellung Ihres Dokuments.Popupmen Fenstergre (in der Codeansicht nicht verfgbar) ermglicht die Anpassung der Gre des

Dokumentfensters an fest definierte oder eigene Mae.Dokumentgre und Downloadzeit zeigt die geschtzte Dateigre und Downloadzeit fr die Seite einschlielich aller zu diesem Dokument gehrenden Dateien an, z. B. Bild- und andere Mediendateien. Kodierungskennung zeigt die Textkodierung des aktuellen Dokuments an.

Verwandte ThemenFenstergre und Verbindungsgeschwindigkeit festlegen auf Seite 21 Ansicht vergrern und verkleinern auf Seite 230

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 14Arbeitsbereich

Dokumentfenster vergrern oder verkleinern auf Seite 20 Voreinstellungen fr Downloadzeit und -gre festlegen auf Seite 231

berblick ber den EigenschafteninspektorIm Eigenschafteninspektor knnen Sie die gngigsten Eigenschaften des ausgewhlten Seitenelements, z. B. von Text oder eines eingefgten Objekts, anzeigen und ndern. Der Inhalt des Eigenschafteninspektors hngt vom ausgewhlten Element ab. Wenn Sie beispielsweise ein Bild auf Ihrer Seite markieren, ndert sich die Anzeige des Eigenschafteninspektors, um die Eigenschaften des Bildes darzustellen (Dateipfad zum Bild, Breite, Hhe und ggf. Rand des Bildes usw.).

Der Eigenschafteninspektor befindet sich in der Standardeinstellung am unteren Rand des Arbeitsbereichs, kann aber auch abgedockt und als schwebendes Bedienfeld auf dem Arbeitsbereich positioniert werden.

Verwandte ThemenAn- und Abdocken von Bedienfeldern auf Seite 25 Eigenschafteninspektor verwenden auf Seite 23

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 15Arbeitsbereich

berblick ber das Bedienfeld EinfgenDas Bedienfeld Einfgen enthlt Schaltflchen zum Erstellen und Einfgen von Objekten, z. B. von Tabellen, Bildern und Hyperlinks. Die Schaltflchen sind in mehreren Kategorien zusammengefasst. Sie knnen zwischen diesen Kategorien wechseln, indem Sie im Popupmen Kategorie die gewnschte Kategorie auswhlen. Weitere Kategorien werden angezeigt, wenn das aktuelle Dokument Servercode enthlt, z. B. bei ASP- oder CFMLDokumenten.

Einige Kategorien enthalten Schaltflchen mit Popupmens. Wenn Sie eine Option aus einem Popupmen auswhlen, wird diese zur Standardaktion der entsprechenden Schaltflche. Beispiel: Wenn Sie im Popupmen der Schaltflche Bild die Option Bild-Platzhalter auswhlen, fgt Dreamweaver einen Bild-Platzhalter ein, wenn Sie das nchste Mal auf die Schaltflche Bild klicken. Jedes Mal, wenn Sie im Popupmen eine neue Option auswhlen, wird diese zur Standardaktion der entsprechenden Schaltflche. Das Bedienfeld Einfgen ist in die folgenden Kategorien unterteilt:Kategorie Allgemein ermglicht das Erstellen und Einfgen der am hufigsten verwendeten Objekte, wie etwa

Bilder und Tabellen.Kategorie Layout ermglicht das Einfgen von Tabellen, Tabellenelemente, div-Tags, Frames und Spry-Widgets. Bei der Bearbeitung von Tabellen knnen Sie zwischen zwei Ansichten auswhlen: Standard (Voreinstellung) und Erweitert. Kategorie Formulare enthlt Schaltflchen zum Erstellen von Formularen und zum Einfgen von Formularelementen, einschlielich Spry-berprfungs-Widgets. Kategorie Daten ermglicht das Einfgen von dynamischen Elementen, wie z. B. Datensatzgruppen, wiederholten

Bereichen sowie Formularen zum Einfgen und Aktualisieren von Datenstzen.Kategorie Spry enthlt Schaltflchen zum Entwurf von Spry-Seiten, einschlielich Spry-Datenobjekten und -

Widgets.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 16Arbeitsbereich

Kategorie InContext Editing enthlt Schaltflchen zum Erstellen von InContext Editing-Seiten, einschlielich

Schaltflchen fr bearbeitbare und wiederholende Bereiche, sowie zum Verwalten von CSS-Klassen.Kategorie Text ermglicht das Einfgen verschiedener Tags zur Text- und Listenformatierung, z. B. b, em, p, h1 und ul. Kategorie Favoriten ermglicht das Gruppieren und Anordnen der Schaltflchen des Bedienfelds Einfgen, die

von Ihnen am hufigsten verwendet werden.Servercode-Kategorien sind nur fr Seiten verfgbar, die eine bestimmte Codesprache verwenden, darunter ASP,

CFML Basic, CFML Flow, CFML Advanced und PHP. Alle diese Kategorien enthalten Servercode-Objekte, die Sie in der Codeansicht einfgen knnen. Im Gegensatz zu den anderen Bedienfeldern in Dreamweaver knnen Sie das Bedienfeld Einfgen aus der standardmigen Andockposition in eine horizontale Position oberhalb des Dokumentfensters ziehen. Dabei ndert sich das Bedienfeld in eine Symbolleiste (die jedoch nicht wie andere Symbolleisten ein- und ausgeblendet werden kann).

Verwandte ThemenBedienfeld Einfgen verwenden auf Seite 218 Spry-Seiten visuell erstellen auf Seite 452

berblick ber das Bedienfeld DateienSie verwenden das Bedienfeld Dateien zum Anzeigen und Verwalten der Dateien Ihrer Dreamweaver-Website.

Bei der Anzeige von Websites, Dateien oder Ordnern im Bedienfeld Dateien knnen Sie die Gre des Anzeigebereichs ndern sowie das Bedienfeld Dateien erweitern bzw. reduzieren. Wenn das Bedienfeld Dateien reduziert ist, wird der Inhalt der lokalen Site, der Remote-Site, des Testservers oder des SVN-Repository in Form einer Dateiliste angezeigt. Im erweiterten Bedienfeld werden die lokale Site und entweder die Remote-Site, der Testserver oder das SVN-Repository angezeigt. Bei Dreamweaver-Sites knnen Sie das Bedienfeld Dateien auch anpassen, indem Sie die Ansicht ndern (fr die lokale Site oder Remote-Site), die standardmig im reduzierten Bedienfeld angezeigt wird.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 17Arbeitsbereich

Verwandte ThemenMit Dateien im Bedienfeld Dateien arbeiten auf Seite 81

berblick ber das Bedienfeld CSS-StileIn diesem Bedienfeld knnen Sie die CSS-Regeln und -Eigenschaften verfolgen, die sich auf ein derzeit ausgewhltes Seitenelement auswirken (Modus Aktuell), oder die Regeln und Eigenschaften, die sich auf das gesamte Dokument auswirken (Modus Alle). ber eine Umschalttaste oben im Bedienfeld CSS-Stile knnen Sie zwischen den beiden Modi wechseln. Im Bedienfeld CSS-Stile knnen Sie auerdem CSS-Eigenschaften im Modus Alle und Aktuell ndern.

Sie knnen die Gre eines beliebigen Bereichs durch Ziehen des Rahmens zwischen den Bereichen ndern. Im Modus Aktuell enthlt das Bedienfeld CSS-Stile drei Bereiche: Das Bedienfeld Zusammenfassung fr Auswahl, das die CSS-Eigenschaften fr die aktuelle Auswahl im Dokument enthlt, das Bedienfeld Regeln, das den Speicherort von ausgewhlten Eigenschaften (bzw. je nach der Auswahl die Regelhierarchie fr das ausgewhlte Tag) anzeigt, und das Bedienfeld Eigenschaften, mit dem Sie CSS-Eigenschaften der Regel ndern knnen, die die Auswahl definiert. Im Modus Alle enthlt das Bedienfeld CSS-Stile zwei Bereiche: Alle Regeln (oben) und Eigenschaften (unten). Im Bedienfeld Alle Regeln wird eine Liste der Regeln angezeigt, die im aktuellen Dokument definiert sind, sowie alle Regeln, die in den mit dem aktuellen Dokument verknpften Stylesheets definiert wurden. Im Bedienfeld Eigenschaften knnen Sie CSS-Eigenschaften fr eine ausgewhlte Regel im Bedienfeld Alle Regeln bearbeiten. nderungen, die Sie im Bedienfeld Regeln vornehmen, werden sofort bernommen, sodass Sie die nderungen whrend Ihrer Arbeit in einer Vorschau verfolgen knnen.

Verwandte ThemenCSS erstellen und verwalten auf Seite 137

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 18Arbeitsbereich

Visuelle HilfsmittelDreamweaver bietet verschiedene Hilfsmittel zur leichteren Gestaltung von Dokumenten und zur ungefhren Vorschau auf die Darstellung im Browser. Folgende Mglichkeiten stehen zur Verfgung:

Verkleinern oder Vergrern des Dokumentfensters auf eine bestimmte Fenstergre, um zu sehen, wie dieeinzelnen Elemente auf die Seite passen.

Verwendung eines Tracing-Bilds als Seitenhintergrund zum leichteren Duplizieren eines Designs, das mit einerIllustrations- oder Bildbearbeitungsanwendung wie Adobe Photoshop oder Adobe Fireworks erstellt wurde.

Verwendung von Linealen und Hilfslinien zur Bereitstellung eines visuellen Anhaltspunkts fr die genauePositionierung und nderung der Gre von Seitenelementen.

Verwendung des Rasters zur genaueren Positionierung und Grennderung von absolut positioniertenElementen (AP-Elementen). Auf der Seite eingeblendete Rasterlinien erleichtern das Ausrichten von AP-Elementen. Bei aktivierter Funktion Am Raster ausrichten werden die AP-Elemente automatisch am nchstgelegenen Rasterschnittpunkt ausgerichtet, wenn Sie sie verschieben oder ihre Gre ndern. (Andere Objekte, wie z. B. Bilder und Abstze, werden nicht am Raster ausgerichtet.) Die Ausrichtung findet auch dann statt, wenn das Raster nicht eingeblendet ist.

Verwandte ThemenVisuelle Hilfsmittel fr das Layout verwenden auf Seite 184

GoLive-BenutzerWenn Sie bis jetzt GoLive verwendet haben und auf Dreamweaver umsteigen mchten, dann lesen Sie die OnlineEinfhrung zum Arbeitsbereich/-ablauf von Dreamweaver und die Abhandlung zur effektiven Migration Ihrer Site zu Dreamweaver. Weitere Informationen finden Sie unter www.adobe.com/go/learn_dw_golive_de.

Verwandte ThemenDreamweaver-Tutorial fr GoLive-Benutzer

Im Dokumentfenster arbeitenZwischen Ansichten im Dokumentfenster umschaltenDokumente knnen im Dokumentfenster in der Codeansicht, der geteilten Codeansicht, der Entwurfsansicht oder in der Code- und Entwurfsansicht (geteilte Ansicht) bzw. in der Live-Ansicht angezeigt werden. Sie haben zudem die Mglichkeit, die geteilte Codeansicht oder die Code- und Entwurfsansicht horizontal oder vertikal anzuzeigen. (Die horizontale Anzeige ist die Standardeinstellung.)

Zur Codeansicht wechseln Fhren Sie einen der folgenden Schritte aus:

Whlen Sie Ansicht > Code aus. Klicken Sie in der Dokument-Symbolleiste auf die Schaltflche Codeansicht anzeigen.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 19Arbeitsbereich

Zur geteilten Codeansicht wechselnIn der geteilten Codeansicht wird das Dokument in zwei Bereiche unterteilt, sodass Sie gleichzeitig zwei Abschnitte des Codes bearbeiten knnen. Whlen Sie Ansicht > Codeteilung aus.

Hinweis: Wenn Sie die Gre des Dokument- oder Anwendungsfensters oder das Layout des Arbeitsbereichs ndern, wird das Teilungsverhltnis beibehalten, sodass die beiden Ansichten immer sichtbar sind.

Zur Entwurfsansicht wechseln Fhren Sie einen der folgenden Schritte aus:

Whlen Sie Ansicht > Entwurf aus. Klicken Sie in der Dokument-Symbolleiste auf die Schaltflche Entwurfsansicht anzeigen.

Code- und Entwurfsansicht anzeigen Fhren Sie einen der folgenden Schritte aus:

Whlen Sie Ansicht > Code und Entwurf aus. Klicken Sie in der Dokument-Symbolleiste auf die Schaltflche Code- und Entwurfsansicht anzeigen.

Standardmig wird die Codeansicht im oberen Bereich des Dokumentfensters und die Entwurfsansicht im unteren Bereich angezeigt. Wenn Sie die Entwurfsansicht im oberen Fensterbereich anzeigen mchten, whlen Sie Ansicht > Entwurfsansicht oben aus. Hinweis: Wenn Sie die Gre des Dokument- oder Anwendungsfensters oder das Layout des Arbeitsbereichs ndern, wird das Teilungsverhltnis beibehalten, sodass die beiden Ansichten immer sichtbar sind.

Zwischen Code- und Entwurfsansicht umschalten Drcken Sie Strg+' (Apostroph).

Wenn im Dokumentfenster beide Ansichten angezeigt werden, schalten Sie mit diesem Tastaturbefehl den Fokus von einer Ansicht zur anderen um.

Ansichten vertikal teilenDiese Option ist nur in der geteilten Codeansicht sowie der Code- und Entwurfsansicht (geteilte Ansicht) verfgbar. In der Codeansicht und der Entwurfsansicht ist sie dagegen deaktiviert.1 Stellen Sie sicher, dass die geteilte Codeansicht (Ansicht > Codeteilung) oder die Code- und Entwurfsansicht

(Ansicht > Code und Entwurf) ausgewhlt ist.2 Whlen Sie Ansicht > Vertikal teilen aus.

In der Code- und Entwurfsansicht knnen Sie die Entwurfsansicht im linken Bereich anzeigen (Ansicht > Entwurfsansicht links). Hinweis: Wenn Sie die Gre des Dokument- oder Anwendungsfensters oder das Layout des Arbeitsbereichs ndern, wird das Teilungsverhltnis beibehalten, sodass die beiden Ansichten immer sichtbar sind.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 20Arbeitsbereich

Verwandte Themenberblick ber das Dokumentfenster auf Seite 9 Seitenvorschau in der Live-Ansicht auf Seite 307

Dokumentfenster berlappend oder nebeneinander anordnenWenn zahlreiche Dokumente gleichzeitig angeordnet sind, knnen Sie diese berlappend oder nebeneinander anordnen.

Verwandte ThemenVerwalten von Fenstern und Bedienfeldern auf Seite 24 Dokumente mit Registerkarte anzeigen (Dreamweaver Macintosh) auf Seite 30

Dokumentfenster berlappend anordnen Whlen Sie Fenster > berlappend aus.

Dokumentfenster nebeneinander anordnen Whlen Sie in Windows Fenster > Untereinander oder Fenster > Nebeneinander. Whlen Sie auf dem Macintosh Fenster > Tile (Nebeneinander).

Dokumentfenster vergrern oder verkleinernIn der Statusleiste werden die aktuellen Abmessungen des Dokumentfensters (in Pixel) angezeigt. Sie knnen das Dokumentfenster auf eine der vordefinierten Gren im Popupmen einstellen, die vordefinierten Gren bearbeiten oder neue Gren festlegen und so sicherstellen, dass die Seite fr eine bestimmte Gre geeignet ist.

Dokumentfenster auf eine voreingestellte Gre ndern Whlen Sie im Popupmen Fenstergre am unteren Rand des Dokumentfensters eine Gre aus.

Hinweis: (Nur Windows) Dokumente im Dokumentfenster sind standardmig maximiert. Die Gre maximierter Dokumente kann nicht gendert werden. Klicken Sie zum Aufheben der maximierten Darstellung auf die entsprechende Schaltflche in der rechten oberen Ecke des Dokuments.

Die angezeigte Fenstergre ist die innere Abmessung des Browserfensters ohne Rahmen. Die Bildschirmgre steht in Klammern. So sollten Sie beispielsweise die Option 536 x 196 (640 x 480, Standard) als Fenstergre verwenden, wenn Besucher der Site mit groer Wahrscheinlichkeit Microsoft Internet Explorer oder Netscape Navigator mit den Standardeinstellungen auf einem Bildschirm mit einer Auflsung von 640 x 480 verwenden. Eine weniger exakte Grennderung lsst sich auch mit dem jeweiligen Standardverfahren Ihres Betriebssystems erzielen, beispielsweise durch Ziehen der rechten unteren Fensterecke.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 21Arbeitsbereich

Im Popupmen Fenstergre aufgefhrte Werte ndern1 Whlen Sie im Popupmen Fenstergre die Option Gren bearbeiten. 2 Klicken Sie in der Liste Fenstergren auf einen Wert fr Hhe oder Breite und geben Sie einen neuen Wert ein.

Sie knnen das Dokument auch auf eine bestimmte Breite einstellen und die Hhe unverndert lassen, indem Sie einen der Werte fr die Hhe auswhlen und ihn lschen.3 Klicken Sie in das Feld Beschreibung und geben Sie einen aussagekrftigen Text fr eine bestimmte Gre ein.

Neue Gre zum Popupmen Fenstergre hinzufgen1 Whlen Sie im Popupmen Fenstergre die Option Gren bearbeiten. 2 Klicken Sie in der Spalte Breite auf die leere Flche unter dem letzten Wert. 3 Geben Sie Werte fr Breite und Hhe ein.

Wenn Sie nur die Breite oder nur die Hhe einstellen mchten, lassen Sie einfach das entsprechende andere Feld leer.4 Klicken Sie in das Feld Beschreibung und geben Sie einen aussagekrftigen Text fr die hinzugefgte Gre ein.

Geben Sie beispielsweise SVGA oder Durchschnitts-PC neben dem Eintrag fr einen Monitor mit 800 x 600 Pixel bzw. 17 Zoll Mac neben dem Eintrag fr einen Monitor mit 832 x 624 Pixel ein. Die meisten Bildschirme knnen auf eine Vielzahl von Pixel-Auflsungen eingestellt werden.

Fenstergre und Verbindungsgeschwindigkeit festlegen1 Whlen Sie Bearbeiten > Voreinstellungen (Windows) bzw. Dreamweaver > Voreinstellungen

(Macintosh) aus.2 Whlen Sie links in der Kategorieliste die Option Statusleiste. 3 Whlen Sie eine der folgenden Optionen:Fenstergren ermglicht Ihnen, die Fenstergren anzupassen, die im Popupmen der Statusleiste angezeigt

werden.Verbindungsgeschwindigkeit legt die zum Ermitteln der Downloadzeit verwendete Verbindungsgeschwindigkeit (in Kbit/s) fest. Die Downloadgre fr die Seite wird in der Statusleiste angezeigt. Ist im Dokumentfenster ein Bild ausgewhlt, wird dessen Downloadgre im Eigenschafteninspektor angezeigt.

Verwandte Themenberblick ber die Statusleiste auf Seite 13 Dokumentfenster vergrern oder verkleinern auf Seite 20

Berichte in DreamweaverZur Inhaltssuche, Fehlersuche und Inhaltsprfung knnen Sie Berichte in Dreamweaver erstellen. Die folgenden Berichtstypen stehen zur Verfgung:Suchen ermglicht die Suche nach Tags, Attributen und bestimmtem Text in Tags. Referenz ermglicht die Suche nach hilfreichen Referenzinformationen. berprfung ermglicht die Prfung auf Code- bzw. Syntaxfehler. Browserkompatibilitt ermglicht es Ihnen festzustellen, ob der in Dokumenten enthaltene HTML-Code Tags oder Attribute enthlt, die von den Zielbrowsern nicht untersttzt werden.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 22Arbeitsbereich

Hyperlink-Prfer ermglicht die Suche nach defekten, externen und verwaisten Hyperlinks und ihre Reparatur. Site-Berichte ermglicht die Optimierung des Arbeitsablaufs bzw. die Prfung der auf der Site vorhandenen HTMLAttribute. Arbeitsablaufberichte enthalten Ausgecheckt von- und Krzlich gendert-Eintrge sowie Design Notes, whrend HTML-Berichte Informationen zur Barrierefreiheit sowie Hinweise auf kombinierbare verschachtelte Schrift-Tags, fehlenden ALT-Text, berflssige verschachtelte Tags, entfernbare leere Tags und unbenannte Dokumente enthalten. FTP-Protokoll ermglicht das Anzeigen aller FTP-Dateibertragungen. Serverdebug ermglicht die Anzeige von Informationen zum Debuggen von Adobe ColdFusion-Anwendungen.

Verwandte ThemenNach Tags, Attributen oder Text im Code suchen auf Seite 340 Referenzmaterial zu Sprachen verwenden auf Seite 342 Sites testen auf Seite 113 Tags berprfen auf Seite 347 Browserkompatibilitt berprfen auf Seite 347 Fehlerhafte, externe und verwaiste Hyperlinks suchen auf Seite 304 Dateien auf einem Remote-Server bereitstellen auf Seite 89 Dateien von einem Remote-Server abrufen auf Seite 88 ColdFusion-Debugger verwenden (nur Windows) auf Seite 348

Symbolleisten, Inspektoren und Kontextmens verwendenSymbolleisten anzeigenVerwenden Sie die Dokument- und Standardsymbolleiste fr Dokument- und Standardbearbeitungsvorgnge, die Code-Symbolleiste zum schnellen Einfgen von Code und die Symbolleiste Stilwiedergabe, um die Seite so anzuzeigen, wie sie in verschiedenen Medientypen wiedergegeben wird. Sie knnen die Symbolleisten nach Bedarf ein- oder ausblenden.

Whlen Sie Ansicht > Symbolleisten und dann die gewnschte Symbolleiste aus. Klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrckter Ctrl-Taste (Macintosh) auf eine beliebigeSymbolleiste und whlen Sie sie dann im Kontextmen aus. Hinweis: Um die Code-Symbolleiste im Codeinspektor anzuzeigen (Fenster > Codeinspektor) mssen Sie die CodeSymbolleiste im Popupmen Ansicht am oberen Rand des Inspektors whlen.

Verwandte Themenberblick ber die Dokumentsymbolleiste auf Seite 9 berblick ber die Standardsymbolleiste auf Seite 11

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 23Arbeitsbereich

berblick ber die Code-Symbolleiste auf Seite 12 berblick ber die Symbolleiste Stilwiedergabe auf Seite 11

Eigenschafteninspektor verwendenIm Eigenschafteninspektor knnen Sie die gngigsten Eigenschaften des ausgewhlten Seitenelements, z. B. von Text oder eines eingefgten Objekts, anzeigen und ndern. Der Inhalt des Eigenschafteninspektors hngt von den ausgewhlten Elementen ab. Klicken Sie zum Aufrufen der Hilfe fr einen bestimmten Eigenschafteninspektor auf die Hilfeschaltflche in der rechten oberen Ecke des Eigenschafteninspektors oder whlen Sie im Men Optionen eines Eigenschafteninspektors die Option Hilfe aus. Hinweis: Mit dem Tag-Inspektor knnen Sie alle mit den Eigenschaften eines Tags verknpften Attribute anzeigen und bearbeiten.

Verwandte Themenberblick ber den Eigenschafteninspektor auf Seite 14 Texteigenschaften im Eigenschafteninspektor festlegen auf Seite 242 An- und Abdocken von Bedienfeldern auf Seite 25 Attribute mit dem Tag-Inspektor ndern auf Seite 351

Eigenschafteninspektor ein- bzw. ausblenden Whlen Sie Fenster > Eigenschaften.

Eigenschafteninspektor erweitern bzw. reduzieren Klicken Sie in der unteren rechten Ecke des Eigenschafteninspektors auf den Erweiterungspfeil.

Eigenschaften von Seitenelementen anzeigen bzw. ndern1 Whlen Sie das Seitenelement im Dokumentfenster aus.

Sie mssen den Eigenschafteninspektor unter Umstnden erweitern, um alle Eigenschaften des ausgewhlten Elements anzuzeigen.2 ndern Sie die gewnschten Eigenschaften im Eigenschafteninspektor.

Hinweis: Sie knnen Informationen zu bestimmten Eigenschaften aufrufen, indem Sie im Dokumentfenster ein Element auswhlen und dann rechts oben im Eigenschaften-Inspektor auf das Fragezeichen klicken.3 Sollten Ihre nderungen nicht sofort im Dokumentfenster bernommen werden, besttigen Sie die nderungen

mit einem der folgenden Schritte:

Klicken Sie auerhalb der Textfelder zur Eigenschaftenbearbeitung. Drcken Sie die Eingabetaste (Windows) bzw. Return (Macintosh). Drcken Sie die Tabulatortaste, um zu einer anderen Eigenschaft zu wechseln.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 24Arbeitsbereich

Kontextmens verwendenKontextmens bieten Sofortzugriff auf die wichtigsten Befehle und Eigenschaften fr das aktuelle Objekt oder Fenster. In Kontextmens befinden sich nur Befehle fr die aktuelle Auswahl.1 Klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrckter Ctrl-Taste (Macintosh) auf das Objekt oder

Fenster.2 Whlen Sie im Kontextmen einen Befehl aus.

CS4-Arbeitsbereich anpassenVerwalten von Fenstern und BedienfeldernSie knnen einen individuell angepassten Arbeitsbereich erstellen, indem Sie Dokumentfenster und Bedienfelder verschieben und verndern. Sie haben auch die Mglichkeit, Arbeitsbereiche zu speichern und zwischen ihnen zu wechseln. Bei Fireworks kann die Umbenennung von benutzerdefinierten Arbeitsbereichen zu unerwartetem Verhalten fhren. Hinweis: Beim folgenden Beispiel kommt zu Demonstrationszwecken Photoshop zum Einsatz. Die Funktionsweise des Arbeitsbereichs ist in allen Produkten gleich.

ENTWURFLetzte Aktualisierung 19.3.2010VERWENDEN VON DREAMWEAVER CS5 25Arbeitsbereich

Neuangeordnete, verankerte oder schwebende DokumentfensterWenn Sie mehr als eine Datei ffnen, werden die Dokumentfenster als Registerkarten angezeigt.

Wenn Sie die Anordnung der Dokumentfenster ndern mchten, ziehen Sie die Registerkarte eines Fensters an diegewnschte neue Position in der Gruppe.

Wenn Sie ein Dokumentfenster aus einer Gruppe von Fenstern abdocken (Verankerung lsen) mchten, ziehenSie die Registerkarte des Fensters aus der Gruppe heraus. Hinweis: Whlen Sie in Photoshop Fenster > Anordnen > Schwebendes Fenster, um die Verankerung fr ein einzelnes Dokumentfenster aufzuheben bzw. Fenster > Anordnen > Nur schwebende Fenster, um die Verankerung aller Dokumentfenster gleichzeitig aufzuheben. Weitere Informationen finden Sie im technischen Hinweis unter kb405298. Hinweis: In Dreamweaver wird das An- und Abdocken von Dokumentfenstern nicht untersttzt. Klicken Sie im Dokumentfenster auf die Schaltflche Minimieren, um schwebende Fenster zu erstellen, oder whlen Sie Fenster > Nebeneinander, um die Dokumentfenster nebeneinander anzuzeigen. Suchen Sie in der Dreamweaver-Hilfe nach dem Begriff Nebeneinander, um weitere Informationen zu diesem Thema anzuzeigen.

Wenn Sie ein Dokumentfenster an eine separate Gruppe von Fenstern andocken mchten, ziehen Sie das Fensterin die Gruppe.

Wenn Sie Gruppen von bereinander oder nebeneinander angeordneten Dokumenten erstellen mchten, ziehenSie das Fenster in einen der Ablagebereiche am Rand eines anderen Fensters. Sie haben auerdem die Mglichkeit, ber die Schaltflche Layout in der Anwendungsleiste ein Layout fr die Gruppe auszuwhlen. Hinweis: Von einigen Produkten wird diese Funktion nicht untersttzt. Unter Umstnden stehen Ihnen jedoch in den betreffenden Programmen im Men Fenster die Befehle berlappend und Nebeneinander fr das Layout Ihrer Dokumente zur Verfgung.

Wenn Sie beim Ziehen einer Auswahl zu einem anderen Dokument in einer Registerkartengruppe wechselnmchten, halten Sie die Auswahl einen Moment lang ber die Registerkarte des Dokuments. Hinweis: Von einigen Produkten wird diese Funktion nicht untersttzt.

An- und Abdocken von BedienfeldernEin Dock ist eine Sammlung von gemeinsam dargestellten Bedienfeldern oder Bedienfeldgruppen, die blicherweise vertikal angeordnet sind. Sie knnen Bedienfelder an- und abdocken, indem Sie sie in einen bzw. aus einem Dock ziehen.

Um ein Bedienfeld anzudocken, ziehen Sie es an seiner Registerkarte in das Dock ber, unter oder zwischenandere Bedienfelder.

Um eine Bedienfeldgruppe anzudocken, ziehen Sie ihre Titelleiste (die deckend dargestellte, leere Leiste ber denRegisterkarten) in das Dock.

Um ein Bedienfeld ode