-
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
Letzte Aktualisierung 19.3.2010
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
Letzte Aktualisierung 19.3.2010
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
Letzte Aktualisierung 19.3.2010
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
Letzte Aktualisierung 19.3.2010
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
Letzte Aktualisierung 19.3.2010
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
Letzte Aktualisierung 19.3.2010
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
-
6VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
7VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
8VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
9VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
10VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
11VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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 Themen Symbolleisten 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.
ENTWURF
-
12VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
Verwandte Themen Symbolleisten 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 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
-
13VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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 Themen Symbolleisten 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 Themen Fenstergre und Verbindungsgeschwindigkeit
festlegen auf Seite 21
Ansicht vergrern und verkleinern auf Seite 230
ENTWURF
-
14VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
15VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
16VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
17VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
18VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
19VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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.
ENTWURF
-
20VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
21VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
22VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
23VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
24VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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
-
25VERWENDEN VON DREAMWEAVER CS5Arbeitsbereich
Letzte Aktualisierung 19.3.2010
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