Dreamweaver cs5 hilfe

Diese 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.

Verwenden von ADOBE DREAMWEAVER CS5

ENTWURF

Letzte Aktualisierung 19.3.2010

Copyright 2010 Adobe Systems Incorporated and its licensors. All rights reserved.Verwenden von Adobe Dreamweaver CS5 fr Windows und Mac OSThis 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.

ENTWURF

iiiLetzte Aktualisierung 19.3.2010

Inhalt

Kapitel 1: Neue Funktionen

Kapitel 2: ArbeitsbereichArbeitsablauf und Arbeitsbereich in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

Im Dokumentfenster arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Symbolleisten, Inspektoren und Kontextmens verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

CS4-Arbeitsbereich anpassen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Tastaturbefehle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

Erweiterungen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

Kapitel 3: Dreamweaver-Sites verwendenDreamweaver-Sites einrichten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

Contribute-Sites mit Dreamweaver verwalten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

Kapitel 4: Dateien erstellen und verwaltenDokumente ffnen und erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63

Dateien und Ordner verwalten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77

Dateien vom Server abrufen/auf dem Server bereitstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87

Dateien ein- und auschecken . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92

Dateien synchronisieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

Dateien auf Unterschiede vergleichen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104

Frhere Dateiversionen wiederherstellen (Contribute-Benutzer) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107

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

Dateiinformationen in Design Notes speichern . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110

Sites testen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113

Kapitel 5: Elemente und Bibliotheken verwaltenElemente und Bibliotheken . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

Elemente verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119

Liste mit Favoritenelementen erstellen und verwalten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124

Bibliothekselemente verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 126

Kapitel 6: Seiten mit CSS erstellenGrundlegendes zu Cascading Stylesheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132

CSS erstellen und verwalten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137

Seitenlayouts mit CSS gestalten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161

Mit Div-Tags arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167

Kapitel 7: Seitenlayouts mit HTML gestaltenVisuelle Hilfsmittel fr das Layout verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184

Inhalte in Tabellen darstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188

Frames verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204

ENTWURF

ivVERWENDEN VON DREAMWEAVER CS5Inhalt


Kapitel 8: Inhalt in Seiten einfgenMit Seiten arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218

Text einfgen und formatieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232

Bilder hinzufgen und ndern . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249

SWF-Dateien einfgen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262

FLV-Dateien einfgen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266

Web-Widgets hinzufgen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271

Audiomaterial hinzufgen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272

Andere Medienobjekte hinzufgen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 274

Aufgaben automatisieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282

Kapitel 9: Hyperlinks und NavigationAllgemeines zu Hyperlinks und Navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289

Hyperlinks erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291

Sprungmens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299

Navigationsleisten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301

Imagemaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301

Fehler in Hyperlinks beheben . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304

Kapitel 10: Vorschau von SeitenSeitenvorschau in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307

Vorschau von Seiten im Browser . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310

Vorschau von Seiten auf Mobilgerten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311

Kapitel 11: Mit Seitencode arbeitenAllgemeine Informationen zum Programmieren in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 312

Codeumgebung einrichten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317

Codeeinstellungen festlegen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319

Code schreiben und bearbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325

Code ausblenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343

Code optimieren und debuggen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 345

Code in der Entwurfsansicht bearbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349

Mit Head-Inhalt fr Seiten arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357

Mit Server-Side Includes arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 361

Tag-Bibliotheken verwalten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363

Benutzerdefinierte Tags in Dreamweaver importieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366

Kapitel 12: JavaScript-Verhalten hinzufgenJavaScript-Verhalten verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 369

Integrierte Dreamweaver-Verhalten definieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 373

Kapitel 13: Mit anderen Anwendungen arbeitenAnwendungsbergreifende Integration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385

Fireworks und Dreamweaver verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386

Photoshop und Dreamweaver verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 392

Flash und Dreamweaver verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 403

Mit Adobe Bridge arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 404

Mit Device Central arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 406

ENTWURF

vVERWENDEN VON DREAMWEAVER CS5Inhalt


Mit ConnectNow arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408

AIR-Erweiterung fr Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408

Kapitel 14: Vorlagen erstellen und verwaltenDreamweaver-Vorlagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 415

Vorlagen und vorlagenbasierte Dokumente erkennen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 421

Dreamweaver-Vorlagen erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423

Bearbeitbare Bereiche erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 427

Wiederholende Bereiche erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 429

Optionale Bereiche verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 431

Bearbeitbare Tag-Attribute definieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 434

Verschachtelte Vorlagen erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 435

Vorlagen bearbeiten, aktualisieren oder lschen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 438

Vorlageninhalte exportieren und importieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 442

Vorlagen auf vorhandene Dokumente anwenden oder aus Dokumenten entfernen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444

Inhalte in vorlagenbasierten Dokumenten bearbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 445

Vorlagensyntax . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 448

Voreinstellungen fr Vorlagenbereiche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 450

Kapitel 15: Spry-Seiten visuell erstellenSpry-Framework . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 452

Spry-Widgets verwenden (allgemeine Anweisungen) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 452

Mit dem Akkordeon-Widget arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 454

Mit dem Menleisten-Widget arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 457

Mit dem Widget Reduzierbare Palette arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 463

Mit dem Widget Paletten mit Registerkarten arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 465

Mit dem QuickInfo-Widget arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 468

Mit dem Widget berprfung - Optionsschaltergruppe arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 470

Mit dem Widget berprfung - Textfeld arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 474

Mit dem Widget berprfung - Textbereich arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 479

Mit dem Widget berprfung - Auswahl arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 483

Mit dem Widget berprfung - Kontrollkstchen arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 487

Mit dem Widget berprfung - Kennwort arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 489

Mit dem Widget berprfung - Besttigung arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 493

Daten mit Spry anzeigen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 497

Spry-Effekte hinzufgen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 510

Kapitel 16: Adobe Online-Dienste verwendenVerwalten von Verbindungen zu Adobe-Online-Services . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 515

BrowserLab . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 516

Business Catalyst InContext Editing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 517

Kapitel 17: XML-Daten mit XSLT anzeigenXML und XSLT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 525

XSL-Transformationen auf dem Server ausfhren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 532

XSL-Transformationen auf dem Client ausfhren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 550

Fehlende Zeichenentitten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 552

ENTWURF

viVERWENDEN VON DREAMWEAVER CS5Inhalt


Kapitel 18: Erstellen dynamischer Sites vorbereitenWebanwendungen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 555

Computer fr die Entwicklung von Anwendungen einrichten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 563

Datenbankverbindungen fr ColdFusion-Entwickler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 568

Datenbankverbindungen fr ASP-Entwickler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 570

Datenbankverbindungen fr PHP-Entwickler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 578

Fehler bei Datenbankverbindungen beheben . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 580

Verbindungsskripts entfernen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 586

Kapitel 19: Dynamische Seiten erstellenArbeitsbereich fr visuelle Entwicklung optimieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 587

Dynamische Seiten entwerfen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 590

berblick ber Quellen fr dynamischen Inhalt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 592

Bedienfelder fr dynamischen Inhalt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 597

Quellen fr dynamischen Inhalt definieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 599

Dynamischen Inhalt in Seiten einfgen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 615

Dynamischen Inhalt ndern . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 619

Datenbank-Datenstze anzeigen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 621

Live-Daten anzeigen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 631

Benutzerdefinierte Serververhalten hinzufgen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 633

Kapitel 20: Anwendungen visuell entwickelnMaster- und Detailseiten entwickeln . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 646

Such- und Ergebnisseiten erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 654

Datensatz-Einfgeseiten erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 660

Seiten zum Aktualisieren von Datenstzen erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 664

Seiten zum Lschen von Datenstzen erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 670

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

Registrierungsseiten erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 682

Anmeldeseiten erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 685

Seiten erstellen, auf die nur autorisierte Benutzer zugreifen knnen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 687

Ordner in Anwendungen schtzen (ColdFusion) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 690

ColdFusion-Komponenten verwenden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 691

Kapitel 21: Formulare erstellenBenutzerinformationen sammeln . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 699

Webformulare erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 702

ColdFusion-Formulare erstellen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 718

Kapitel 22: EingabehilfenDreamweaver und Barrierefreiheit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 732

ENTWURF

1Letzte Aktualisierung 19.3.2010

Kapitel 1: Neue Funktionen

Es folgt eine Liste der wichtigsten neuen Funktionen in Adobe Dreamweaver CS5.

Adobe BrowserLabDreamweaver 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 CatalystAdobe 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/deaktivierenber 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-PrfungIm 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-StartlayoutsDreamweaver 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 DateienMithilfe 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.

ENTWURF

2VERWENDEN VON DREAMWEAVER CS5Neue Funktionen


Live-Ansicht-Navigationber 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 KlassenMit 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-EinrichtungIm 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 CodehinweiseMithilfe 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 PHP-Verzeichnisse knnen als Quellen fr Codehinweise einbezogen oder ausgeschlossen werden. Siehe Site-spezifische Codehinweise auf Seite 328.

Verbesserte Subversion-UntersttzungDie 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 FunktionenDie 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

ENTWURF

3VERWENDEN VON DREAMWEAVER CS5Neue 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

ENTWURF

4Letzte Aktualisierung 19.3.2010

Kapitel 2: Arbeitsbereich

Der 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 Dreamweaver

berblick ber den Dreamweaver-ArbeitsablaufFr die Erstellung von Websites stehen verschiedene Methoden zur Verfgung, darunter der folgende Ansatz.

Sites planen und einrichtenBestimmen 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 verwaltenIm 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 Remote-Server, 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 gestaltenWhlen Sie das von Ihnen bevorzugte Layoutverfahren oder verwenden Sie eine Kombination aus Dreamweaver-Layoutoptionen, 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.)

ENTWURF

5VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich


Inhalt in Seiten einfgenFgen 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 erstellenWebseiten 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 einrichtenViele 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 erstellenIn 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 verffentlichenDas 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.

ENTWURF



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: Tag-Selektor 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.

ENTWURF



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

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

Verwandte Themen Symbolleisten, 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.

ENTWURF



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 Themen Im Dokumentfenster arbeiten auf Seite 18

Symbolleisten, Inspektoren und Kontextmens verwenden auf Seite 22

Verwalten von Fenstern und Bedienfeldern auf Seite 24

ENTWURF



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 Themen Im 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.

ENTWURF



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 Themen Symbolleisten anzeigen auf Seite 22

Seitenvorschau in der Live-Ansicht auf Seite 307

Codeeinstellungen festlegen auf Seite 319

ENTWURF



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.


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.

ENTWURF




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 Themen Seitenvorschau 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.

ENTWURF



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.


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 Themen Fenstergre und Verbindungsgeschwindigkeit festlegen auf Seite 21

Ansicht vergrern und verkleinern auf Seite 230

ENTWURF



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 Themen An- und Abdocken von Bedienfeldern auf Seite 25

Eigenschafteninspektor verwenden auf Seite 23

ENTWURF



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 CFML-Dokumenten.

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.

ENTWURF



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 Themen Bedienfeld 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.

ENTWURF



Verwandte Themen Mit 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 Themen CSS erstellen und verwalten auf Seite 137

ENTWURF



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 die einzelnen Elemente auf die Seite passen.

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

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

Verwendung des Rasters zur genaueren Positionierung und Grennderung von absolut positionierten Elementen (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 Themen Visuelle 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 Online-Einfhrung 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 Themen Dreamweaver-Tutorial fr GoLive-Benutzer

Im Dokumentfenster arbeiten

Zwischen 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.

ENTWURF



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.


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).


ENTWURF



Verwandte Themen berblick 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 Themen Verwalten 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.

ENTWURF



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 Themen berblick 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.

ENTWURF



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 HTML-Attribute. 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 Themen Nach 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 verwenden

Symbolleisten 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 beliebige Symbolleiste und whlen Sie sie dann im Kontextmen aus.

Hinweis: Um die Code-Symbolleiste im Codeinspektor anzuzeigen (Fenster > Codeinspektor) mssen Sie die Code-Symbolleiste im Popupmen Ansicht am oberen Rand des Inspektors whlen.

Verwandte Themen berblick ber die Dokumentsymbolleiste auf Seite 9

berblick ber die Standardsymbolleiste auf Seite 11

ENTWURF



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 Themen berblick 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.

ENTWURF



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 anpassen

Verwalten 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.

ENTWURF



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 die gewnschte neue Position in der Gruppe.

Wenn Sie ein Dokumentfenster aus einer Gruppe von Fenstern abdocken (Verankerung lsen) mchten, ziehen Sie die Registerkarte des Fensters aus der Gruppe heraus.

Hinweis: Whlen Sie in Photoshop Fenster > Anordnen > Schwebendes Fenster, um die Verankerung fr ein

Technology

Dreamweaver cs5 hilfe