Home

Dreamweaver 2

image

Contents

1. Eine Transparenz von 50 bewirkt da das Tracing Bild im Dokumentfenster etwas verbla t angezeigt wird so da Sie gut zwischen dem Tracing Bild und den editierbaren Elementen auf der Seite unterscheiden k nnen 4 Klicken Sie auf OK um das Tracing Bild hinzuzuf gen und das Dialogfeld zu schlie en Das Tracing Bild wird im Arbeitsbereich angezeigt und die bereits vorhandenen Ebenen erscheinen dar ber sie sind jedoch noch nicht am Tracing Bild ausgerichtet Wenn das Tracing Bild nicht im Arbeitsbereich angezeigt wird stellen Sie sicher da die Option Zeigen unter Ansicht gt Tracing Bild mit einem H kchen versehen ist Wenn Sie ein Tracing Bild laden sind Hintergrundbild und Hintergrundfarbe nicht im Dokumentfenster sichtbar Sowohl Hintergrundbild als auch Hintergrundfarbe sind jedoch sichtbar wenn Sie die Seite in einem Browser anzeigen Das Tracing Bild ist nur sichtbar w hrend Sie die Seite im Dokumentfenster bearbeiten es wird grunds tzlich nicht angezeigt wenn die Seite in einem Browser geladen wird Lehrgang 37 38 Kapitel 2 Ebenen positionieren Ziehen Sie die erstellten Ebenen jetzt aus der Tabelle um sie an die Elemente des Tracing Bilds anzupassen und das Design zu duplizieren So positionieren Sie Ebenen auf der Seite 1 W hlen Sie die Ebene aus die den Text ber Olivebranch enth lt indem Sie auf ihren Rahmen klicken Eine ausgew hlte Ebene sieht folgenderma en aus 2 K
2. Lehrgang 41 4 F gen Sie nun auf die gleiche Weise das Bild about_daughter jpg aus dem Ordner Assets in die Ebene Farm photo with daughter ein und das Bild about_tree jpg aus dem Ordner Assets in die Ebene Tree photo 5 Schlie en Sie die Ebenenpalette 42 Kapitel2 Ebenen wieder in eine Tabelle konvertieren Sie haben nun das gew nschte Seitenlayout erstellt Im n chsten Schritt konvertieren Sie die Ebenen in eine Tabelle damit die Seite sowohl in 3 0 als auch in 4 0 Browsern korrekt angezeigt wird So konvertieren Sie alle Ebenen wieder in eine einzige Tabelle 1 W hlen Sie ndern gt Layout gt Ebenen in Tabellen konvertieren 2 Klicken Sie auf OK um die Standardoptionen im Dialogfeld Ebenen in Tabelle konvertieren zu akzeptieren Dreamweaver kann keine Tabelle erstellen wenn sich die Ebenen berlappen Daher haben Sie die Option berlappungen verhindern aktiviert um die Ebenenpositionierung zu beschr nken als Sie die Ebenen aus der urspr nglichen Tabelle erstellt haben Lehrgang 43 44 Kapitel 2 Vorschau der Seite in einem Browser anzeigen Zeigen Sie nun eine Vorschau der gerade bearbeiteten Seite About Us an So zeigen Sie eine Vorschau der Seite in einem Browser an 1 Dr cken Sie F12 damit Ihr Dokument in Ihrem Standard Web Browser angezeigt wird Sie brauchen Ihr Dokument nicht zu speichern bevor Sie eine Vorschau anzeigen Bei der Vorschau des Dokuments k nnen Sie alle Bro
3. ndern 298 Statusleistenmeldung 275 Statusmeldung anzeigen Aktion 275 Stil Untermen 171 Stile 175 bearbeiten 182 benutzerdefinierte Stile anwenden 181 CSS in HTML Markup Konvertierungstabelle 185 Eigenschaften definieren 177 erstellen 179 in HTML konvertieren 184 in Vorlagen 97 Konflikte 182 Stilpalette 183 Storyboarding 115 Stile Siehe auch Stylesheets Stylesheets 175 Siehe auch Stile externe 177 externe bearbeiten 179 Voreinstellungen 183 Suchen 137 HTML Tags und Attribute 139 Regul re Ausdr cke 143 Suchmuster 141 Tastenkombinationen 328 Text im Dokumentfenster 139 Text im HTML Quellcode 139 Text zwischen bestimmten Tags 141 Textzeichenfolgen 139 Suchen und Ersetzen Siehe Suchen Suchen Hilfe 14 Suchen Optionen 137 Symbole f r unsichtbare Elemente 83 Systemvoraussetzungen Macintosh 12 Windows 12 Index 345 T Tabelle formatieren Befehl 206 Tabellen 197 ausrichten 174 Bilder hinzuf gen 199 Ebenenalternative 230 Eigenschaften 203 Elemente ausw hlen 200 Elemente formatieren 204 erstellen 197 198 formatieren 202 Inhalt hinzuf gen 199 sortieren 207 Spaltenbreite ndern 208 Spaltenbreiten und Zeilenh hen l schen 209 Tags 202 Tastenkombinationen 328 vergr ern oder verkleinern 208 verschachteln 199 von Ebenen konvertieren 184 vordefiniertes Design 206 Zeilen und Spalten anpassen 208 Zeilen und Spalten hinzuf gen und entfernen 209 Zeilen und Zellen 204 Zellen anpassen 210 Tabellen in Ebenen
4. wie unter Hyperlinks zu Dokumenten erstellen auf Seite 109 und Hyperlinks zu benannten Ankern erstellen auf Seite 110 beschrieben Es stehen jedoch noch weitere Hyperlink Arten zur Verf gung Wenn Sie auf einen E Mail Hyperlink klicken wird ein neues Nachrichtenfenster ge ffnet und zwar in dem Mail Programm das zum jeweiligen Browser geh rt Dabei wird die im Hyperlink angegebene E Mail Adresse automatisch in das Feld An des Nachrichtenfensters eingetragen So erstellen Sie einen E Mail Hyperlink 1 W hlen Sie im Dokumentfenster eine Textstelle oder ein Bild aus 2 Geben Sie in das Feld Hyperlink des Eigenschaften Inspectors mailto ein gefolgt von einer E Mail Adresse 3 Dr cken Sie die Eingabetaste Nowhere Hyperlinks f hren wie ihr Name besagt nicht zu anderen Elementen Diese Hyperlinks sind jedoch n tzlich da sie den Zugriff auf JavaScript Ereignisse erm glichen ohne da der Anwender die aktuelle Seite verlassen mu wie dies bei Text oder Bildern der Fall w re Beispielsweise k nnen Bilder in den meisten Browsern das onMouseOver Freignis nicht erkennen Sie m ssen die Bilder daher in Nowhere Hyperlinks einbinden um Rollovers zu implementieren mit dem Verhalten Bild austauschen in Dreamweaver wird dies automatisch vorgenommen Site Planung 111 112 Kapitel 6 So erstellen Sie einen Nowhere Hyperlink 1 2 3 W hlen Sie im Dokumentfenster eine Textstelle oder ein Bild aus Geben Sie in da
5. Anstatt s mtliche Vorg nge auf einer Seite ber eine einzige Zeitleiste zu steuern k nnen Sie sich die Arbeit erleichtern indem Sie separate Zeitleisten verwenden um bestimmte Seitenbereiche zu steuern Die Seite kann auch interaktive Elemente enthalten die unterschiedliche Zeitleisten ausl sen So k nnen z B Schaltfl chen verschiedene Zeitleisten Animationen ausl sen So verwalten Sie mehrere Zeitleisten mit den folgenden Optionen gt Um eine neue Zeitleiste zu erstellen w hlen Sie ndern gt Zeitleiste gt Zeitleiste hinzuf gen gt Um eine Zeitleiste zu l schen w hlen Sie ndern gt Zeitleiste gt Zeitleiste entfernen gt Um eine Zeitleiste umzubenennen w hlen Sie ndern gt Zeitleiste gt Zeitleiste umbenennen oder geben Sie in das Popup Men Zeitleiste einen neuen Namen ein gt Um eine andere Zeitleiste im Zeitleisten Inspector anzuzeigen w hlen Sie im Popup Men Zeitleiste des Zeitleisten Inspectors eine neue Zeitleiste Animationen kopieren und einf gen Wenn Sie mit Ihrer Animationssequenz zufrieden sind k nnen Sie sie kopieren und in einen anderen Bereich der aktuellen Zeitleiste in eine andere Zeitleiste im gleichen Dokument oder in eine Zeitleiste in einem anderen Dokument einf gen Sie k nnen au erdem mehrere Sequenzen gleichzeitig kopieren und einf gen So k nnen Sie Animationssequenzen ausschneiden kopieren und einf gen 1 Klicken Sie auf eine Animationsleiste um ein
6. Beschreibung ein Sie k nnen den Text der Beschriftung von Formularobjekten formatieren Weitere Informationen hierzu finden Sie unter Schriftarteigenschaften ndern in den Dreamweaver Help Pages Formulare verarbeiten Formulare werden von dem Skript bzw von der Anwendung verarbeitet das die im ACTION Attribut des FORM Tags festgelegt ist W hlen Sie ein Formular aus und sehen Sie im Eigenschaften Inspector nach welche Aktion zu dem Formular geh rt Die einfachsten Formulare f hren s mtliche Verarbeitungsvorg nge mit JavaScript oder VBScript auf dem Client durch anstatt die Formulardaten zur Verarbeitung an den Server zu schicken Angenommen am unteren Rand einer Seite befindet sich ein kleines Formular mit den beiden Optionsschaltern Ja und Nein und der Schaltfl che Abschicken Bei der Formularaktion k nnte es sich um eine JavaScript Funktion handeln die im HEAD des Dokuments definiert wurde und die verschiedene Dokumente aufruft je nachdem ob der Anwender Ja oder Nein w hlt function processForm if document forms 0 elements 0 checked window location href userAnsweredYes html telse window location href userAnsweredNo html So verwenden Sie eine Client JavaScript Funktion als Formularaktion 1 W hlen Sie ein Formular aus 2 Geben Sie in das Feld Aktion im Eigenschaften Inspector javascript gefolgt vom Namen der Funktion ein beispielsweise javascript processForm F gen Sie zwisc
7. Denken Sie daran da diese Verhaltensweise die Aufgabe hat verschiedene Browser Versionen zu ermitteln Sie sollten daher ein Ereignis w hlen das sowohl mit 3 0 als auch mit 4 0 Browsern kompatibel ist Plug In berpr fen Mit der Aktion Plug In berpr fen k nnen Sie Besucher zu unterschiedlichen Seiten schicken je nachdem ob das festgelegte Plug In installiert ist oder nicht Sie k nnen so beispielsweise veranlassen da Anwender die Shockwave verwenden auf eine Seite Anwender die das Programm nicht verwenden aber auf eine andere Seite gelangen Hinweis Es ist nicht m glich mit JavaScript bestimmte Plug Ins in Microsoft Internet Explorer IE zu ermitteln Bei Plug Ins f r die auch begleitende ActiveX Steuerelemente wie Shockwave und Flash installiert sind er brigt sich die berpr fung eines Plug Ins jedoch wenn Sie sowohl das OBJECT als auch das EMBED Tag verwendet haben um den Inhalt Ihrer Seite einzuschlie en Aktivieren Sie in diesem Fall die Option Zum ersten URL gehen wenn ActiveX verf gbar ist Deaktivieren Sie die Option wenn Sie das OBJECT Tag nicht verwenden oder wenn f r das Plug In kein begleitendes ActiveX Steuerelement vorhanden ist Interaktivit t und Animation hinzuf gen 271 272 Kapitel 16 So verwenden Sie die Aktion Plug In berpr fen 1 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus W hlen Sie im Popup Men Aktionen die Option Plug
8. Dialogfeld 313 Pers nliches W rterbuch 186 Pfad der Ebene aufzeichnen Befehl 296 Pfade absolut und relativ 113 Plug In berpr fen Aktion 271 Plug Ins Fehlerbehebung 310 berpr fen 271 vergr ern oder verkleinern 192 wiedergeben 309 wiedergeben Tastenkombinationen 333 PNG Bilder 187 als Tracing Bild 79 Popup Meldung Aktion 283 Position zur cksetzen Befehl 80 Prim r Browser 153 Produktivit t neue Funktionen 11 Profil zum Formatieren von Quellcode 318 Protokoll nach Abschlu zeigen Option 161 Puzzles 275 Q Quellformatierung anwenden Befehl 162 R Radiergummi Schaltfl che 86 Rahmen Frames 242 Rechtschreibpr fung Dialogfeld 186 Rechtschreibung pr fen 186 W rterbuch w hlen 72 Regul re Ausdr cke 143 Regul re Ausdr cke verwenden Option 137 Relative Pfade 113 Rollovers erstellen 189 testen 189 Roundtrip HTML 155 344 Index Schieberegler erstellen 275 Schleife Option 292 Schleifen in Zeitleisten 297 Schl sselbilder 292 erstellen 294 Schreibweise au er Kraft setzen von Option 159 Schreibweise f r Attribute Option 159 Schreibweise f r Tags Option 159 Schriftart Einstellungen Option 73 Schriftarten Eigenschaften ndern 171 kodieren 73 Kombinationen ndern 172 Standard einstellen 73 Schriftarten Kodierung Voreinstellungen 73 Schriftartliste bearbeiten Befehl 172 Schwebende Fenster Voreinstellungen 73 Schwebende Paletten 72 Seiten Elemente wiederverwenden 251 Farbe
9. Dokument definiert wurden Eigenschaften f r mehrere Ebenen einstellen Wenn Sie zwei oder mehr Ebenen ausw hlen werden im Eigenschaften Inspector die Texteigenschaften sowie weitere regul re Ebeneneigenschaften angezeigt so da Sie mehrere Ebenen gleichzeitig ndern k nnen Sie k nnen mehrere Ebenen ausw hlen indem Sie dabei die Umschalttaste gedr ckt halten Siehe Ebenen manipulieren auf Seite 223 Unter Texteigenschaften in den Dreamweaver Help Pages wird genauer beschrieben wie Sie den Text in Ebenen formatieren Lund O Diese Werte geben die Position der Ebene an und zwar relativ zur oberen linken Ecke der Seite oder der bergeordneten Ebene B und H Diese Werte geben die Breite und die H he der Ebene an Sie werden au er Kraft gesetzt wenn der Inhalt der Ebene die angegebene Gr e berschreitet Bei CSS Ebenen werden die Standardwerte f r Position und Gr e in Pixeln px angegeben Sie k nnen jedoch auch die folgenden Ma einheiten verwenden pc Pica pt Punkte in Zoll mm Millimeter cm Zentimeter oder Prozentsatz vom Wert der bergeordneten Ebene Zwischen Abk rzung und Wert darf kein Leerzeichen stehen eine korrekte Eingabe ist zum Beispiel 3mm Ebenen verwenden 221 222 Kapitel 12 Sichtb Bestimmt den Anfangsstatus f r die Sichtbarkeit der Ebene Mit einer Skriptsprache wie JavaScript k nnen Sie die Sichtbarkeitseigenschaften steuern und den Inhalt der Ebenen dynamisch anzeige
10. Dreamweaver aktualisiert alle Dokumente die mit der ausgew hlten Datei verkn pft sind so da sie auf die neue Datei verweisen Dabei wird das Pfadformat des Dokuments bernommen wenn der alte Pfad dokumentrelativ war ist auch der neue Pfad dokumentrelativ Nachdem ein Hyperlink in der ganzen Site ge ndert wurde ist die ausgew hlte Datei verwaist d h keine Dateien auf Ihrem lokalen Laufwerk weisen auf diese Datei Sie k nnen diese Datei daher bedenkenlos l schen da dadurch keine Hyperlinks der lokalen Site unterbrochen werden Hinweis Beachten Sie da alle nderungen lokal vorgenommen werden Sie m ssen daher die entsprechende Datei auf dem entfernten Server manuell l schen und Dateien mit ge nderten Hyperlinks bereitstellen oder einchecken bevor die nderungen in der Web Site angezeigt werden So ndern Sie E Mail ftp Nowhere und Skript Hyperlinks in der ganzen Site 1 W hlen Sie Site gt Hyperlink f r ganze Site ndern 2 Daraufhin wird ein Dialogfeld angezeigt Geben Sie in das Feld Alle Hyperlinks zu den Hyperlink ein den Sie ndern m chten 3 Geben Sie den neuen Hyperlink in das Feld ndern in Hyperlink zu ein 4 Klicken Sie auf OK Angenommen Ihre E Mail Adresse hat sich ge ndert und Sie m chten alle E Mail Hyperlinks aktualisieren die noch auf Ihre alte Adresse verweisen In diesem Fall geben Sie mailto janwender mindspring com in das Feld Alle Hyperlinks zu ein und mailto janwender in
11. Ebeneneigenschaften einstellen Mit dem Eigenschaften Inspector k nnen Sie Namen und Position einer Ebene angeben sowie weitere Ebenenoptionen definieren Eventuell m ssen Sie unten rechts im Eigenschaften Inspector auf den Erweiterungspfeil klicken damit alle der folgenden Eigenschaften angezeigt werden Ebene Gibt einen Namen an mit dem die Ebene in der Ebenenpalette identifiziert wird und der weiterhin f r Skripte verwendet wird Geben Sie den Namen in das unbeschriftete Feld links im Eigenschaften Inspector ein Verwenden Sie f r Ebenennamen nur alphanumerische Standardzeichen jedoch keine Sonderzeichen wie Leerzeichen Bindestriche Schr gstriche oder Punkte L und O Definiert die Position der Ebene relativ zur oberen linken Ecke der Seite oder der bergeordneten Ebene B und H Gibt die Breite und die H he der Ebene an Diese Werte werden au er Kraft gesetzt wenn der Inhalt der Ebene die angegebene Gr e berschreitet Bei CSS Ebenen werden die Standardwerte f r Position und Gr e in Pixeln px angegeben Sie k nnen jedoch auch die folgenden Ma einheiten verwenden pc Pica pt Punkte in Zoll mm Millimeter cm Zentimeter oder Prozentsatz vom Wert der bergeordneten Ebene Zwischen Abk rzung und Wert darf kein Leerzeichen stehen eine korrekte Eingabe ist zum Beispiel 3mm Die Einstellung f r berlauf bestimmt wie CSS Ebenen sich verhalten wenn der Inhalt die Ebenengr e berschreitet Z Inde
12. HTML Quellcode genauer und besser strukturiert ist Siehe Tabellen formatieren auf Seite 202 6 Klicken Sie auf Anwenden oder auf OK um die Tabelle mit dem ausgew hlten Design zu formatieren Tabellen sortieren Sie k nnen einen einfachen Sortiervorgang durchf hren indem Sie die Tabelle nach dem Inhalt einer einzigen Spalte sortieren Sie k nnen jedoch auch komplexere Sortiervorg nge durchf hren und die Tabelle nach dem Inhalt von zwei Spalten sortieren Sie k nnen keine Tabellen sortieren die die Attribute COLSPAN oder ROWSPAN enthalten Dabei handelt es sich um Tabellen mit verbundenen Zellen So sortieren Sie eine Tabelle 1 W hlen Sie die Tabelle aus und w hlen Sie dann Befehle gt Tabelle sortieren 2 Legen Sie im angezeigten Dialogfeld die folgenden Optionen fest Geben Sie mit Sortieren nach an welche Spalte sortiert werden soll gt Geben Sie unter Reihenfolge an ob die Spalte alphabetisch oder numerisch sortiert werden soll Diese Option ist wichtig wenn eine Spalte numerischen Inhalt enth lt Wenn Sie eine Liste die ein und zweistellige Zahlen enth lt alphabetisch sortieren erhalten Sie anstelle eines numerischen Sortierergebnisses wie 1 2 3 10 20 30 ein alphanumerisches Sortierergebnis wie 1 10 2 20 3 30 gt W hlen Sie Aufsteigend A bis Z oder niedrige Zahlen bis hohe Zahlen oder Absteigend als Sortierreihenfolge aus 3 Wenn Sie einen sekund ren Sortiervorgang nach einer anderen
13. Strg Umschalttaste Befehlstaste Umschalttaste P Befehlstaste Umschalttaste Tastenkombinationen 333 Seitenelemente anzeigen Anzeige einblenden Windows Macintosh ausblenden Unsichtbare Elemente Strg Umschalttaste I Umschalttaste Befehlstaste I Lineale Strg Alt Umschalttaste R Umschalttaste Wahltaste Befehlstaste R Gitternetz Strg Alt Umschalttaste G Umschalttaste Wahltaste Befehlstaste G Head Inhalt anzeigen Strg Umschalttaste W Befehlstaste Umschalttaste W Mit Vorlagen arbeiten Aktion Windows Macintosh Neuen editierbaren Bereich Strg Alt V Befehlstaste Wahltaste V erstellen Bereich als editierbar markieren Strg Alt W Befehlstaste Wahltaste W Objekte einf gen So f gen Sie dieses Objekt ein Windows Macintosh Beliebiges Objekt Bild Ziehen Sie die Datei aus Ziehen Sie die Datei aus Shockwave Film usw dem Explorer oder dem dem Finder oder dem Site Fenster in das Site Fenster in das Dokumentfenster Dokumentfenster Bild Strg Alt I Wahltaste Befehlstaste I Tabelle Strg Alt T Wahltaste Befehlstaste T Flash Film Strg Alt F Wahltaste Befehlstaste F Shockwave Director Film Strg Alt D Wahltaste Befehlstaste D Benannter Anker Strg Alt A Wahltaste Befehlstaste A 334 Appendix A Paletten ffnen und schlie en Anzeige einblenden Windows Macintosh ausblenden Objekte Strg F2 Befehlstaste F2 Eigenschaften Strg F3 Befehlstaste F3 Launcher Site Dateien Ansich
14. Voreinstellungen 2 W hlen Sie links unter Kategorie die Option Externe Editoren 3 Deaktivieren Sie die Option BBEdit Integration aktivieren und klicken Sie auf OK Cold Fusion und Active Server Page Dateien in Dreamweaver bearbeiten Bevor Sie eine Cold Fusion oder Active Server Page Datei in Dreamweaver ffnen w hlen Sie Bearbeiten gt Voreinstellungen und deaktivieren Sie unter der Kategorie HTML Umschreiben die Optionen Falsch verschachtelte und nicht geschlossene Tags reparieren und berz hlige Schlu Tags entfernen Bl cke mit CFML Cold Fusion Markup Language oder ASP Active Server Page Code werden nach M glichkeit im Dokumentfenster durch Markierungen gekennzeichnet So bearbeiten Sie einen Block mit ASP Code vom Dokumentfenster aus 1 Klicken Sie auf die gelbe ASP Markierung um sie auszuw hlen 2 Klicken Sie im Eigenschaften Inspector auf die Schaltfl che Bearbeiten 3 Daraufhin wird ein Dialogfeld angezeigt Bearbeiten Sie hier den ASP Code und klicken Sie dann auf OK So bearbeiten Sie einen Block mit CFML Code vom Dokumentfenster aus 1 Klicken Sie auf die CFML Markierung um sie auszuw hlen 2 F hren Sie im Eigenschaften Inspector einen der folgenden Schritte aus gt Klicken Sie auf die Schaltfl che Attribute und bearbeiten Sie die vorhandenen Tag Attribute sowie deren Werte oder f gen Sie neue hinzu gt Klicken Sie auf die Schaltfl che Inhalt und bearbeiten Sie den Inhalt zwischen d
15. Voreinstellungen gt Statusleiste 2 Klicken Sie auf den letzten Wert in der Liste und dr cken Sie dann dreimal die Tabulatortaste um eine neue Zeile zu erstellen 3 Geben Sie Werte f r H he und Breite sowie eine Beschreibung ein Lineale anzeigen Die Lineale k nnen am linken und am oberen Rand der Seite angezeigt werden und zwar in den Ma einheiten Pixel Zoll oder Zentimeter So ndern Sie die Linealeinstellungen mit einer der folgenden Methoden gt Um die Lineale ein oder auszublenden w hlen Sie Ansicht gt Lineale gt Zeigen gt Um den Ursprung zu ndern ziehen Sie die Nullposition auf die Seite Um den Ursprung auf seine Standardposition zur ckzusetzen w hlen Sie Ansicht gt Lineale gt Ursprung zur cksetzen gt Um die Ma einheit zu ndern w hlen Sie Ansicht gt Lineale und w hlen Sie entweder Pixel Zoll oder Zentimeter Tracing Bilder verwenden Ein Tracing Bild ist ein n tzliches Hilfsmittel wenn Sie ein Seiten Design nachbilden m chten das in einer Grafikanwendung erstellt wurde Bei einem Tracing Bild handelt es sich um ein JPG GIF oder PNG Bild das in den Hintergrund des Dokumentfensters plaziert wird Sie k nnen das Bild ausblenden seine Transparenz einstellen und seine Position ndern Das Tracing Bild ist ausschlie lich in Dreamweaver sichtbar nicht jedoch wenn Sie die Seite in einem Browser anzeigen Wenn das Tracing Bild angezeigt wird sind Hintergrundbild und farbe
16. amp Site My_Tutorial Datei Bearbeiten Ansicht Site Fenster Hilfe gz EN My Tutorial z Site Navigation Bj index htm cat_pr_cheeses_asiago htm cat_pr_mustards_cranberry htr cat_pr_oils_beechnut htm cat_pr_wines_flc htm D w2_about_main htm D w2_cat_cheeses_asiago h D w2_cat_main_index htny amp gt Diw2_cat_mustards_crariberr Diw2_cat_oils_beechut htm Diw2_cat_wines hm Dw2_events_rnp in htm TEE v gt b 100 Titel Untitled Document Datum 04 02 99 14 49 Gr e 4KB DW2_indez htm u P_about_main htm DW2_events_main htm N x Bild 1K 8157 Quelle ssetsinav_ catalog gif 7 73 Ausrichten Er mi catalog H 33 Hyperlink file C1539_DW2 m 3a m lImage1 Sobald Sie die Maustaste loslassen wird die Site Map aktualisiert und zeigt nun den Hyperlink den Sie gerade hinzugef gt haben DW2_indez htm i o DW2_about_main htm DW2_ cat_main_indez Befindet sich neben einem Element in der Site Map ein Pluszeichen Windows oder ein Erweiterungspfeil Macintosh bedeutet dies da noch weitere Elemente zu diesem Element geh ren Klicken Sie auf das Pluszeichen oder den Erweiterungspfeil damit auch die zugeh rigen Elemente in der Struktur angezeigt werden Klicken Sie auf das Minuszeichen oder den Pfeil um diese Elemente aus der Site Map Ansicht auszublenden 32 Kapitel 2 Schlie en Sie den Eigens
17. bevor Sie das Profil bearbeiten Das Profil zum Formatieren von HTML Quellcode hat ein besonderes Format das in der Datei angegeben wird Beachten Sie folgende Konventionen gt Alle Abschnitte des Profils beginnen mit einem lt SCHL SSELWORT gt beispielsweise lt OPTIONS gt lt ELEMENTS gt lt ATTRIBUTES gt gt Die Parameter f r jeden Abschnitt werden in HTML Kommentaren lt gt unmittelbar oberhalb des Abschnitts definiert gt Die Zeile OMIT im Abschnitt lt OPTIONS gt ist f r die k nftige Verwendung reserviert zur Zeit hat sie keinen Einflu auf das Formatieren von HTML Quellcode gt Sie k nnen einzelne Tags so markieren da sie zu Einzugsgruppen IGROUPs im Abschnitt lt ELEMENTS gt geh ren IGROUP 1 enth lt standardm ig Tabellenzeilen und spalten und IGROUP 2 enth lt Framesets und Frames Diese Gruppierungen entsprechen den Optionen Tabellenzeilen und spalten sowie Frames und Framesets im Abschnitt Einzug des Dialogfelds Voreinstellungen HTML Format Sie k nnen Einz ge f r eine ganze Gruppe deaktivieren indem Sie ihren Wert im Abschnitt lt OPTIONS gt aus dem ACTIVE Attribut entfernen Sie k nnen IGROUP 1 oder 2 auch weitere Tags hinzuf gen um sie mit den Optionen des Dialogfelds Voreinstellungen HTML Format steuern zu k nnen Die Standardeinstellungen f r das P Tag in der Profildatei SourceFormat profile lauten beispielsweise lt P BREAK 1 0 0 1 INDENT gt und ergeb
18. chten Da das TITLE Tag keine Attribute hat ben tigen Sie diese Option nicht um alle unbenannten Seiten Ihrer Site zu finden 5 W hlen Sie Weitersuchen um das n chste Dokument zu ffnen das den gesuchten Text enth lt W hlen Sie Alle suchen um eine Liste der Dokumente zu erstellen die den gesuchten Text enthalten Suchmuster speichern Mit der Schaltfl che Abfrage speichern gekennzeichnet durch ein Diskettensymbol im Dialogfeld Suchen oder Ersetzen k nnen Sie Suchmuster f r die sp tere Wiederverwendung speichern Diese Funktion bietet sich an wenn Sie h ufig den gleichen Suchvorgang durchf hren da Sie auf diese Weise das Suchmuster nicht jedesmal neu definieren m ssen die Funktion ist beispielsweise n tzlich um nicht standardm ige Tags aus Dokumenten zu entfernen die mit einem anderen visuellen HTML Editor erstellt wurden oder um sicherzustellen da alle Bilder einer Datei die Attribute HEIGHT WIDTH und ALT haben bevor das Dokument im Web ver ffentlicht wird Site Verwaltung 141 142 Kapitel7 So speichern Sie ein Suchmuster 1 Legen Sie die Parameter f r den Suchvorgang fest wie unter Suchen und Ersetzen auf Seite 137 beschrieben Wenn Sie eine Tag oder eine erweiterte Textsuche durchf hren lesen Sie auch die Abschnitte HTML Tags und Attribute suchen auf Seite 139 oder Text zwischen bestimmten Tags suchen auf Seite 141 Hier wird genauer beschrieben wie Sie zus tzliche Suchparamete
19. des World Wide Web Consortiums definiert gt Netscape Ebenen verwenden die Netscape Tags LAYER und ILAYER um Inhalt auf einer Seite zu positionieren Die Eigenschaften der Netscape Ebenen werden von Netscapes eigenem Fbenenformat definiert 215 216 Kapitel 12 Sowohl Microsoft Internet Explorer 4 0 als auch Netscape Navigator 4 0 unterst tzen Ebenen die mit den Tags DIV und SPAN erstellt wurden Ebenen die mit den Tags LAYER und ILAYER erstellt wurden werden dagegen nur von Navigator unterst tzt ltere Versionen der beiden Browser zeigen zwar den Inhalt der Ebenen an k nnen ihn jedoch nicht positionieren In Dreamweaver versteht man unter einer Ebene ein beliebiges Element das an exakten Koordinaten auf der Seite positioniert werden kann Zu den Positionierungseigenschaften geh ren links und oben X bzw Y Koordinaten Z Index auch Stapelreihenfolge genannt und die Sichtbarkeit Die positionierten Elemente k nnen in Dreamweaver mit den Tags DIV SPAN LAYER und ILAYER definiert werden Siehe Ebenen Voreinstellungen w hlen auf Seite 218 Ebenen erstellen Sie k nnen Ebenen erstellen indem Sie sie einf gen zeichnen oder ziehen und ablegen Nachdem Sie eine Ebene eingef gt haben k nnen Sie sie mit der Ebenenpalette ausw hlen innerhalb einer anderen Ebene verschachteln oder ihre Stapelreihenfolge ndern Siehe Mit der Ebenenpalette arbeiten auf Seite 223 In den Voreinstellungen f r Ebenen sind die Sta
20. die Auswahl durch das neue Bibliothekselement ersetzt wird gt W hlen Sie ndern gt Bibliothek gt Objekt in Bibliothek einf gen 3 Geben Sie einen Namen f r das neue Bibliothekselement ein Bibliothek Voreinstellungen w hlen Mit den Voreinstellungen f r Markierungen k nnen Sie die Markierungsfarbe f r Bibliothekselemente anpassen und weiterhin festlegen ob die Markierungsfarbe ein oder ausgeblendet werden soll So ndern Sie die Markierungsfarbe f r Bibliothekselemente 1 W hlen Sie Bearbeiten gt Voreinstellungen und w hlen Sie die Kategorie Markierung 2 Klicken Sie auf das Farbfeld um eine Farbe f r Bibliothekselemente auszuw hlen 3 Aktivieren Sie das Kontrollk stchen Zeigen um die Markierungsfarbe f r Bibliothekselemente einzublenden Sie m ssen auch Ansicht gt Unsichtbare Elemente w hlen damit die Markierungsfarbe im Dokumentfenster sichtbar ist 4 Klicken Sie auf OK um das Dialogfeld Voreinstellungen zu schlie en Einer Seite Bibliothekselemente hinzuf gen Wenn Sie einer Seite ein Bibliothekselement hinzuf gen wird der tats chliche Inhalt zusammen mit einem Verweis auf das Originalelement eingef gt Nachdem der Inhalt eingef gt wurde mu das Originalelement nicht mehr vorhanden sein damit der Inhalt angezeigt wird So f gen Sie ein Bibliothekselement hinzu 1 Plazieren Sie den Cursor im Dokumentfenster 2 W hlen Sie Fenster gt Bibliothek oder klicken Sie im Launc
21. gt F hren Sie einen der folgenden Schritte aus Plazieren Sie den Cursor im Frame und w hlen Sie ndern gt Seiteneigenschaften Klicken Sie mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh in den Frame und w hlen Sie im Kontextmen den Befehl Seiteneigenschaften Klicken Sie auf das Feld Hintergrundfarbe um eine Farbe auszuw hlen Frames verwenden 243 244 Kapitel 13 Frame Inhalt mit Hilfe von Hyperlinks steuern Sie k nnen einen Hyperlink in einem Frame verwenden um den Inhalt eines anderen Frames zu ndern So erstellen Sie einen Hyperlink der den Inhalt eines anderen Frames ndert 1 Klicken Sie mit gedr ckter Alt Iaste Windows bzw Wahltaste Macintosh auf einen Frame um ihn auszuw hlen 2 DBenennen Sie den Frame indem Sie in das Feld Frame Name des Eigenschaften Inspectors einen Namen eingeben Wiederholen Sie die Schritte 1 und 2 f r jeden Frame im Frameset W hlen Sie eine Textstelle oder ein Objekt aus und geben Sie dann in das Feld Hyperlink des Eigenschaften Inspectors die Datei ein zu der Sie den Hyperlink herstellen m chten Wenn Sie einen Anker in der anderen Datei angeben m chten geben Sie vor dem Ankernamen das Zeichen ein Siehe Hyperlinks zu benannten Ankern erstellen auf Seite 110 5 Klicken Sie unten rechts im Eigenschaften Inspector auf den Erweiterungspfeil und w hlen Sie dann im Popup Men Ziel den Namen des Ziel Frames aus
22. gt Sound ohneFehler ohneFehler ohne Fehler ohne Fehler ohne Fehler feh fehl feh fehl fehl Display Schl gt OK Schl gt OK Schl gt OK OK OK Status ohne Fehler ohne Fehler ohne Fehler Message feh feh feh Drag Layer Schl gt Schl gt Schl gt Schl gt Schl gt Schl gt Schl gt Schl gt ohneFehler ohneFehler ohne Fehler ohneFehler ohneFehler ohneFehler ohne Fehler ohne Fehler feh fehl feh fehl feh fehl fehl fehl Go To URL Gehe zu OK Schl gt OK OK OK OK OK URL ohne Fehler funktioniert feh in einem Frame schl gt aber im Haupt fenster ohne Fehler fehl wenn die Aktion einem Hyperlink angef gt ist Macintosh Windows Aktion Netscape Netscape Internet Internet Netscape Netscape Internet Internet 2 x 3x Explorer Explorer 2 x 3x Explorer Explorer 3 0 3 01 3 0 3 01 Open Schl gt OK Schl gt OK OK OK OK OK Browser ohne Fehler ohne Fehler Window fehl feh Popup OK OK Schl gt OK OK OK OK OK Message ohne Fehler feh Preload Schl gt OK Schl gt OK Schl gt OK Schl gt Schl gt mages ohne Fehler ohne Fehler ohne Fehler ohne Fehler ohne Fehler feh feh feh feh feh Show Hide Schl gt Schl gt Schl gt Schl gt Schl gt Schl gt Schl gt Schl gt Layers ohneFehler ohneFehler ohne Fehler ohneFehler ohneFehler ohneFehler ohne Fehler ohne Fehler feh fehl feh fehl feh fehl feh feh Swap Schl gt OK Schl gt OK Schl gt OK Schl gt Schl gt mage ohne Fehler ohne Fehler ohne Fehler ohne Fehler ohne Feh
23. hlten Zellen wird in die Zwischenablage kopiert 2 Klicken Sie in eine einzelne Zelle oder auf eine beliebige Stelle des Dokumentfensters und w hlen Sie Bearbeiten gt Als Text einf gen Sie k nnen die Auswahl nicht wieder in mehrere ausgew hlte Zellen kopieren Tabellen erstellen 213 214 Kapitel 11 KAPITEL 12 Ebenen verwenden Ebenen verwenden berblick Ebenen dienen dazu Elemente pr zise im Browser Fenster zu positionieren Sie k nnen Text Bilder Plug Ins und sogar andere Ebenen enthalten im Prinzip also jedes Element das auch im Hauptteil eines HTML Dokuments vorhanden sein kann Ebenen sind besonders dann gut geeignet wenn bestimmte Teile Ihrer Seite sich berlappen sollen Mit Verhaltensweisen k nnen Sie Ebenen ein oder ausblenden und so Seiten erstellen die schnell geladen werden und deren Inhalt sich ndert ohne da dabei zus tzlicher Inhalt aus Quelldateien geladen wird Weiterhin k nnen Sie Zeitleisten verwenden damit Ebenen fortlaufend ge ndert oder verschoben werden Mehr ber Ebenen Zum Positionieren von Inhalt auf einer Seite stehen zwei verschiedene Ebenenformate zur Verf gung CSS Ebenen und Netscape Ebenen gt CSS Ebenen auch CSS P Elemente genannt verwenden die Tags DIV und SPAN um Inhalt auf einer Seite zu positionieren Die Eigenschaften der CSS Ebenen werden von der Spezifikation Positioning HTML Elements with Cascading Style Sheets HTML Elemente mit CSS positionieren
24. ngste Wort in eine Zeile pa t und anschlie end werden sie nach unten verl ngert Kopfzeile Formatiert jede Zelle als eine Tabellenkopfzeile Der Inhalt von Kopfzeilenzellen TH ist standardm ig fett und zentriert Tabellen erstellen 205 206 Kapitel 11 Tabellen mit einem vordefinierten Design formatieren Mit dem Befehl Tabelle formatieren k nnen Sie schnell und einfach ein vordefiniertes Design auf Ihre Tabelle anwenden Anschlie end k nnen Sie weitere Optionen ausw hlen um das Design an Ihre Anforderungen anzupassen So verwenden Sie ein vordefiniertes Design 1 W hlen Sie die Tabelle aus und w hlen Sie dann Befehle gt Tabelle formatieren 2 W hlen Sie links im angezeigten Dialogfeld ein Design aus der Liste aus Die Tabelle wird aktualisiert und zeigt ein Muster des Designs 3 Passen Sie das Design an Ihre spezifischen Anforderungen an indem Sie die Optionen Zeilenfarben Oberste Zeile und Linke Spalte nach Bedarf ndern 4 Wenn Sie die Rahmenbreite ndern m chten geben Sie einen Wert in das Feld Rahmen ein Wenn Sie 0 eingeben wird kein Rahmen angezeigt 5 Wenn Sie das Design nicht auf die Tabellenzeilen TR Tags sondern auf die Tabellenzellen TD Tags anwenden m chten aktivieren Sie die Option Alle Attribute auf TD Tags nicht auf TR Tags anwenden Formatierung die auf Tabellenzellen angewandt wird hat Vorrang vor der Zeilenformatierung Die Zeilenformatierung hat jedoch den Vorteil da der
25. ob Hyperlinks mit absoluten Pfaden sich auf Dateien innerhalb Ihrer Site oder auf Dateien in externen Sites beziehen Siehe Hyperlinks zwischen Dokumenten berpr fen auf Seite 150 6 Klicken Sie links in der Liste Kategorie auf die Option Web Server Infos W hlen Sie f r Server Zugriff eine der folgenden Optionen W hlen Sie Keine wenn Sie Ihre Site nur lokal verwenden und nicht auf einem Server bereitstellen m chten Fahren Sie dann mit Schritt 13 fort W hlen Sie Lokal Netzwerk wenn Ihr Web Server als Netzlaufwerk Windows oder als NFS Server Macintosh eingeh ngt ist oder wenn Sie einen Web Server auf Ihrem lokalen Computer eingerichtet haben Klicken Sie auf das Ordnersymbol um den Ordner zu suchen und auszuw hlen in dem Ihre Site Dateien auf dem Server gespeichert sind Fahren Sie dann mit Schritt 13 fort W hlen Sie FTP wenn die Verbindung zu Ihrem Web Server ber FTP erfolgt Geben Sie den Hostnamen des FTP Hosts ein an den Sie die Dateien f r Ihre Web Site bertragen Geben Sie vor der Adresse nicht fip ein Der FTP Host f r die Web Site dreamcentral ist beispielsweise shell16 ba best com Geben Sie den Namen des Host Ordners auf der entfernten Site ein in dem die ffentlichen Dokumente gespeichert werden auch Site Stamm genannt Der Host Ordner der Web Site dreameentral ist beispielsweise public_html Bei anderen Sites kann der Ordner sich weiter unten in der Struktur befinden wie beispielsw
26. r Fotos und Bilder mit kontinuierlichen Farbt nen Das GIF Format ist besonders gut f r Bilder geeignet die nichtkontinuierliche Farbt ne oder gro e Bereiche mit flachen Farben enthalten Das PNG Format ist ein nicht patentierter Ersatz f r GIF es unterst tzt Indexfarben Graustufen und True Color Bilder Weiterhin bietet dieses Format Alpha Kanal Unterst tzung zur Transparenzdarstellung PNG ist das native Dateiformat von Macromedia Fireworks Sie k nnen ein Bild als Seitenhintergrund verwenden indem Sie es als Seiteneigenschaft definieren Siehe Hintergrundbilder oder Seitenfarben definieren auf Seite 85 Wenn die Bilder sich berlappen sollen f gen Sie sie in mehreren Ebenen ein Siehe Ebenen verwenden berblick auf Seite 215 187 188 Kapitel 10 Bilder einf gen Damit Bilder in einem Dreamweaver Dokument angezeigt werden m ssen sich die Bilddateien innerhalb einer definierten lokalen Site befinden Wenn Sie eine Datei angeben die sich au erhalb einer lokalen Site befindet werden Sie gefragt ob Sie die Datei in einen Ordner der lokalen Site kopieren m chten Siehe Lokale Sites erstellen auf Seite 104 Wenn Sie einen Pfad f r eine Quelldatei angeben die sich au erhalb des lokalen Stammordners befindet wird ein Platzhalter f r das Bild angezeigt So f gen Sie ein Bild ein 1 gt F hren Sie einen der folgenden Schritte aus Plazieren Sie den Cursor an der Stelle der Seite an der das Bil
27. und kehren Sie zu Dreamweaver zur ck Sie k nnen nun Datei gt Speichern w hlen wenn Sie nderungen an der Seite speichern m chten Die Hyperlinks in der Site funktionieren unabh ngig davon welche Vorlage auf die Seite angewandt wurde 10 W hlen Sie Datei gt Schlie en um die Seite zu schlie en Verhaltensweisen an Seitenelemente anf gen Eine Verhaltensweise ist eine Kombination aus einem Ereignis und einer Aktion Ereignisse sind bestimmte Situationen die Aktionen ausl sen Beispielsweise kann das onClick Ereignis auftreten wenn der Anwender auf eine Schaltfl che klickt das onMouseOver Ereignis tritt auf wenn der Anwender den Cursor ber ein Objekt bewegt Aktionen bestehen aus vorhandenem JavaScript Code der bestimmte Aufgaben ausf hrt wie beispielsweise ein Browser Fenster ffnen Audio wiedergeben oder einen Shockwave Film stoppen Wenn Sie eine Verhaltensweise an ein Seitenelement anf gen geben Sie das Ereignis und die dadurch ausgel ste Aktion an Dreamweaver enth lt mehrere vordefinierte Aktionen die Sie an Seitenelemente anf gen k nnen In diesem Abschnitt wenden Sie die Aktion Bild austauschen auf die Grafiken about events und catalog an Dies bewirkt da die Grafiken aufleuchten wenn der Anwender den Cursor dar ber bewegt das hei t wenn das onMouseOver Ereignis auftritt Das Bild about wird zum Beispiel normalerweise so auf der Seite angezeigt about un Nachdem Sie eine Verhaltenswei
28. zu Wenn Sie eine Animationssequenz f r eine Ebene kopieren und das neue Dokument keine Ebene mit dem gleichen Namen enth lt f gt Dreamweaver die Ebene und ihren Inhalt aus dem Originaldokument zusammen mit der Animationssequenz ein Um die eingef gte Animationssequenz einer anderen Ebene im neuen Dokument zuzuweisen w hlen Sie im Kontextmen die Option Objekt ndern und w hlen Sie dann den Namen der zweiten Ebene aus dem Popup Men aus L schen Sie gegebenenfalls die eingef gte Ebene Siehe Eine Animationssequenz einem anderen Objekt zuweisen auf Seite 300 Eine Animationssequenz einem anderen Objekt zuweisen Sie k nnen Zeit sparen indem Sie eine Animationssequenz einmal erstellen und sie anschlie end den restlichen Ebenen in Ihrem Dokument zuweisen So weisen Sie eine vorhandene Animationssequenz anderen Objekten zu 1 W hlen Sie die gew nschte Animationssequenz im Zeitleisten Inspector aus und kopieren Sie sie Klicken Sie auf ein beliebiges Bild des Zeitleisten Inspectors und f gen Sie die Sequenz ein Klicken Sie mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh auf die eingef gte Animationssequenz und w hlen Sie im Kontextmen die Option Objekt ndern W hlen Sie im daraufhin angezeigten Dialogfeld ein anderes Objekt aus dem Popup Men und klicken Sie auf OK 5 Wiederholen Sie die Schritte 2 bis 4 f r alle weiteren Objekte die die gleiche Animationssequenz h
29. 85 gesch tzte Download Zeit 153 Gr e 153 Hintergrundbild 85 in neuem aktuellen Frame oder Fenster ffnen 280 Titel 84 Seiten aktualisieren Befehl 99 Sekund r Browser 153 Server Imagemaps 195 Server Zugriff Optionen 128 Shockwave steuern Aktion 273 Shockwave Filme Eigenschaften 304 einf gen 303 steuern 273 vergr ern oder verkleinern 192 ShowMe Filme 13 Site Fenster 130 Site FTB Voreinstellungen 132 Site Maps anzeigen 115 Dateien einblenden 124 erstellen 118 Hyperlinks 123 Seiten bearbeiten 121 speichern 126 Tastenkombinationen 333 Zweige 125 Site Name Option 104 Sites aktualisierte Dateien ausw hlen 117 Anzeige ndern 116 anzeigen 115 Cache 145 Dateien suchen 137 Dateien und Ordner hinzuf gen 117 definieren 128 erstellen 104 ganze Site bearbeiten 10 Hyperlinks berpr fen 150 Richtlinien 147 Struktur und Navigation 127 Tastenkombinationen 332 testen 147 Verwaltungsoptionen 130 Sites definieren Befehl 128 Site Stamm relative Pfade 113 Vorschau 152 Skripte 83 Eigenschaften 166 eingeben und bearbeiten 166 Skripterstellung Formularverarbeitung 248 Skript Hyperlinks ndern 146 erstellen 111 SourceFormat profile 157 Spalten und Zeilen formatieren 204 hinzuf gen und entfernen 209 Speichern Dateien in Frames und Framesets 237 SSIs anzeigen 259 bearbeiten 259 einf gen 258 im Vergleich zu Bibliothekselementen 251 Stammrelative URLs 104 Stapelreihenfolge Ebenen 229 mit Zeitleisten
30. 85 Bibliotheken 251 Elemente neu erstellen 257 Hyperlink zum Element unterbrechen 255 Seiten aktualisieren 254 Voreinstellungen 253 Bibliotheken Siehe auch Bibliothekselemente Bibliothekselement Eigenschaft 257 Bibliothekselemente 252 bearbeiten 254 editierbar machen 255 einer Seite hinzuf gen 253 erstellen 252 im Vergleich zu SSIs 251 l schen 254 Markierungsfarbe 253 umbenennen 254 Bibliothekselemente Markierung Voreinstellungen 83 Bibliothekspalette 258 Bild austauschen Aktion 287 Bild entfernen Befehl 294 Bild hinzuf gen Befehl 294 338 Index Bilder ausrichten 174 Bildquelldatei mit Zeitleisten ndern 298 Eigenschaften 190 einf gen 188 extern bearbeiten 194 Imagemaps 195 in Tabellen 199 Tastenkombinationen 331 unterst tzte Formate 187 vertauschte wiederherstellen 288 visuell vergr ern oder verkleinern 192 vorausladen 283 Bilder pro Sekunde Bps 292 Bilder vorausladen Aktion 283 Bitmaps 187 Bps 292 Browser 3 0 kompatible Dateien 184 Ebenen konvertieren 233 erkannte Ereignisse 262 Kompatibilit tspr fung 148 sichere Farben 87 Version pr fen 270 Vorschau 152 Ziel 148 Browser Siehe auch Browser Profile Browser berpr fen Aktion 270 Browser Fenster ffnen Aktion 281 Browser Liste bearbeiten Befehl 152 Browser Profile bearbeiten 319 erstellen 322 c Cache Option 104 Cascading Style Sheets Spezifikation 177 CFML Tags 155 bearbeiten 164 CGI Skripte 248 CLASS Attribut 179 Client Imagem
31. Bibliothekselement um den Eigenschaften Inspector zu ffnen Siehe auch Seitenelemente wiederverwenden berblick auf Seite 251 Qu Zeigt den Dateinamen und den Speicherort der Quelldatei des Bibliothekselements an ffnen ffnet die Quelldatei des Bibliothekselements Editierbar machen Unterbricht den Hyperlink zwischen dem ausgew hlten Bibliothekselement und seiner Quelldatei Der Inhalt des Bibliothekselements wird editierbar diese Instanz des Elements kann jedoch nicht mehr mit den Aktualisierungsbefehlen f r Bibliothekselemente aktualisiert werden Neu erstellen berschreibt das urspr ngliche Bibliothekselement mit der aktuellen Auswahl Mit dieser Option k nnen Sie Bibliothekselemente neu erstellen wenn die Bibliotheksdatei nicht vorhanden ist der Name des Elements ver ndert wurde oder wenn das Element bearbeitet wurde Seitenelemente wiederverwenden 257 258 Kapitel 15 Die Bibliothekspalette Die Bibliothekspalette zeigt alle Elemente in der aktuellen Bibliothek sowie die unten aufgef hrten Bibliothekssteuerelemente Wenn Sie der aktuellen Seite Elemente hinzuf gen m chten ziehen Sie die Elemente aus der Liste direkt auf die Seite oder w hlen Sie sie aus und klicken Sie auf Zu Seite hinzuf gen Klicken Sie auf ffnen um nderungen an dem Element vorzunehmen Siehe auch Seitenelemente wiederverwenden berblick auf Seite 251 Erstellen F gt der Bibliothek die aktuelle Auswahl im Dokumentfen
32. De mailto h com Versteckte und abh ngige Dateien werden in der Site Map standardm ig nicht angezeigt Bei versteckten Dateien handelt es sich um HTML Dateien die als versteckt markiert wurden Abh ngige Dateien enthalten keinen HTML Seiteninhalt sondern beispielsweise Bilder Vorlagen und Shockwave oder Flash Dateien Siehe Site Map Layout ndern auf Seite 120 und Site Map Dateien einblenden und ausblenden auf Seite 124 Site Planung 119 120 Kapitel 6 Site Map Layout ndern Mit den Optionen f r das Site Map Layout k nnen Sie das Erscheinungsbild Ihrer Site Map anpassen Legen Sie die Homepage sowie die Anzahl der Spalten fest und geben Sie an ob versteckte und abh ngige Dateien angezeigt werden sollen So ndern Sie das Site Map Layout 1 ffnen Sie das Dialogfeld Site Definition mit einer der folgenden Methoden gt W hlen Sie Site gt Sites definieren und klicken Sie anschlie end auf Bearbeiten W hlen Sie links in der Liste Kategorie die Option Site Map Layout W hlen Sie Ansicht gt Layout Windows oder Site gt Site Map Ansicht gt Layout Macintosh Legen Sie die folgenden Optionen fest Homepage Definiert die Homepage f r die Site Map Wenn Sie keine Homepage angeben und Dreamweaver am Stamm keine Datei namens index html oder index htm finden kann werden Sie beim ffnen der Site Map dazu aufgefordert eine Homepage auszuw hlen Anzahl der Spalten Gibt an wie viele Seiten
33. Dreamweaver Funktion mit der Sie Ihre Dokumente in Dreamweaver und textbasierten HTML Editoren ffnen k nnen ohne daf dadurch der Inhalt oder die Struktur des HTML Quellcodes wesentlich beeinflu t wird Dreamweaver kann sogar HTML Code der eigentlich ung ltig ist beibehalten und darstellen beispielsweise ein FONT Tag um mehrere P Tags vorausgesetzt dieser Code wird von Browsern unterst tzt Der HTML Quellcode den Dreamweaver generiert wenn Sie Ihre Dokumente grafisch bearbeiten ist dagegen grunds tzlich g ltig Roundtrip HTML bietet die folgenden Hauptfunktionen gt Wenn Sie von einem externen Editor zu Dreamweaver zur ckkehren oder ein vorhandenes HTML Dokument ffnen werden in Dreamweaver standardm ig sich berlappende Tags umgeschrieben Offene Tags die nicht ge ffnet bleiben d rfen werden geschlossen und berz hlige Schlu Tags werden entfernt Wenn Sie verhindern m chten da Dreamweaver den HTML Quellcode umschreibt w hlen Sie Bearbeiten gt Voreinstellungen w hlen Sie dann die Kategorie HTML Umschreiben und deaktivieren Sie alle Optionen Siehe HTML Umschreiben Voreinstellungen w hlen auf Seite 158 gt Dreamweaver zeigt im Dokumentfenster Markierungen f r ung ltigen HTML Code an der nicht unterst tzt wird Die ung ltigen Tags werden gelb markiert und der darin enthaltene Text wird als Standardtext dargestellt Wenn Sie ein ung ltiges Tag ausw hlen zeigt Dreamweaver im Eigenschaf
34. Ebenen und Verhaltensweisen ohne da dabei Code geschrieben werden mu Mit Browser Zielpr fungen wird sichergestellt da Ihre Arbeit mit allen g ngigen Plattformen und Browsern problemlos eingesetzt werden kann Neue Funktionen in Dreamweaver 2 Dreamweaver 2 bietet mehrere neue Funktionen mit denen Sie Ihre Produktivit t bei der Erstellung von Web Sites steigern k nnen Dynamische Inhaltspublizierung Mit diesen Funktionen k nnen Sie Ihren Seiteninhalt schnell und einfach im Web publizieren gt Mit Vorlagen k nnen Sie den Inhalt vom Design trennen und dadurch eine schnellere Anzeige im Web erreichen Siehe Vorlagen berblick auf Seite 89 gt Die SSI Anzeige ist direkt im Dokumentfenster m glich Siehe SSIs verwenden auf Seite 258 10 Kapitel 1 Bearbeitungsfunktionen f r die ganze Site Diese Funktionen erleichtern die Verwaltung von gro en Sites gt Sie k nnen visuelle hierarchische Site Maps erstellen die sich zu Pr sentationszwecken genauso gut eignen wie zur Verwaltung der Site Struktur Siehe Site Maps erstellen auf Seite 118 Sie erstellen Hyperlinks indem Sie Dateien ziehen und ablegen oder einfach mit dem Cursor auf Dateien zeigen Siehe Hyperlinks erstellen auf Seite 105 Die Funktionen zur Hyperlink Verwaltung helfen Ihnen dabei Ihre Hyperlinks stets auf dem neuesten Stand zu halten wenn Sie Dateien verschieben umbenennen oder l schen Siehe Hyperlinks verwalten auf Se
35. Ergebnisse im Dokumentfenster anzeigen Roundtrip HTML 165 166 Kapitel 8 Skripte einf gen Sie k nnen JavaScript und VBScript in das Dokumentfenster eingeben ohne dabei den HTML Inspector zu verwenden Wenn Sie Skriptsymbole im Dokumentfenster anzeigen m chten w hlen Sie Ansicht gt Unsichtbare Elemente Siehe auch Unsichtbare Elemente Voreinstellungen w hlen auf Seite 83 So f gen Sie ein Skript ein 1 Plazieren Sie den Cursor an der Stelle an der Sie das Skript einf gen m chten 2 Klicken Sie in der Objektpalette auf die Schaltfl che Skript oder w hlen Sie Einf gen gt Skript 3 W hlen Sie im angezeigten Dialogfeld die gew nschte Skriptsprache im Popup Men aus Wenn Sie mit JavaScript arbeiten jedoch nicht genau wissen mit welcher Version w hlen Sie JavaScript anstelle von JavaScriptl 1 oder JavaScript1 2 4 Geben Sie den Code ein der zwischen den Skript Tags erscheinen soll Wenn Sie einen Hyperlink zu einer externen Skriptdatei herstellen m chten klicken Sie auf OK ohne Text einzugeben und f gen Sie die Referenz anschlie end der Quelldatei im Eigenschaften Inspector hinzu geben Sie dazu den Dateinamen in das Feld Quelle ein oder klicken Sie auf das Ordnersymbol um die gew nschte Datei zu suchen und auszuw hlen So bearbeiten Sie das Skript 1 W hlen Sie das Symbol des Skripts aus 2 Klicken Sie im Eigenschaften Inspector auf Bearbeiten Skripteigenschaften festlegen Wenn S
36. Fenster eine visuelle Darstellung Ihrer Site angezeigt wird die die Hyperlinks der Dokumente untereinander wiedergibt Halten Sie die Schaltfl che gedr ckt und w hlen Sie im Popup Men entweder Nur Map oder Map und Dateien Site Verwaltung 131 132 Kapitel 7 Aktuelle Task stoppen Bricht die jeweils aktuelle Aktion ab auch das Abrufen und Bereitstellen von Dateien Diese Schaltfl che wird unten rechts angezeigt und hat die Form eines roten X Site FTP Voreinstellungen w hlen Mit den Voreinstellungen f r Site FTP steuern Sie die Funktionen zur Datei bertragung im Site Fenster W hlen Sie Bearbeiten gt Voreinstellungen und anschlie end Site FTPB und definieren Sie dann die folgenden Optionen Immer zeigen Gibt an in welchem Bereich des Site Fensters links oder rechts die lokalen Dateien und die entfernten Dateien standardm ig angezeigt werden Standardm ig wird der lokale Ordner rechts angezeigt Abh ngige Dateien Zeigt eine Aufforderung f r die bertragung von abh ngigen Dateien an dabei handelt es sich um Dateien die der Browser zusammen mit der HTML Datei l dt beispielsweise Bilder und andere Dateien wie externe Stylesheets Standardm ig sind die Optionen Aufforderung bei Abrufen Auschecken und Aufforderung bei Bereitstellen Einchecken aktiviert Wenn Sie die erste Option deaktivieren m chten w hlen Sie Nicht mehr fragen wenn die Aufforderung Abrufen Auschecken angezeigt wird M chten Sie die zw
37. Inspector anzuzeigen Siehe auch Filme Applets und andere Multimedia Elemente hinzuf gen auf Seite 303 Der Eigenschaften Inspector zeigt zun chst nur die am h ufigsten verwendeten Eigenschaften an Klicken Sie unten rechts auf den Erweiterungspfeil um alle Eigenschaften anzuzeigen Applet Name Legt einen Namen fest mit dem das Applet bei der Skripterstellung identifiziert wird Geben Sie in das Feld ganz links im Eigenschaften Inspector einen Namen ein B und H Legen die H he und Breite des Applets in Pixeln fest Sie k nnen auch folgende Ma einheiten festlegen pc Pica pt Punkt in Zoll mm Millimeter cm Zentimeter oder Prozentsatz vom Wert des bergeordneten Elements Zwischen dem Wert und der Abk rzung darf keine Leerstelle stehen z B 3mm Code Legt die Inhaltsdatei des Applets fest Geben Sie einen Dateinamen ein oder klicken Sie auf das Ordnersymbol um eine Datei auszuw hlen Basis Identifiziert den Ordner der das ausgew hlte Applet enth lt Wenn Sie ein Applet w hlen wird dieses Feld automatisch ausgef llt Ausrichten Legt fest wie das Objekt auf der Seite ausgerichtet wird Die jeweiligen Optionen werden unter Elemente ausrichten auf Seite 192 beschrieben Alt Legt den alternativen Inhalt fest in der Regel ein Bild der angezeigt werden soll wenn der Browser des Anwenders keine Java Applets unterst tzt oder wenn Java deaktiviert ist Wenn Sie Text eingeben gibt Dreamweaver ihn mi
38. Kontrollk stchen in den Dreamweaver Help Pages Optionsschalter Definieren Optionen die sich gegenseitig ausschlie en Wenn Sie einen Optionsschalter in einer Gruppe aktivieren werden alle anderen Optionsschalter dieser Gruppe deaktiviert Siehe Eigenschaften von Optionsschaltern in den Dreamweaver Help Pages Formulare erstellen 247 248 Kapitel 14 Listen Men s Enthalten eine Liste von Werten aus denen der Anwender w hlen kann Das Objekt kann ein Popup Men darstellen in diesem Fall werden die Werte in der Liste nur angezeigt wenn der Anwender das Objekt durch Klicken ffnet nur eine einzelne Option kann gew hlt werden Es kann aber auch ein Listenfeld darstellen dabei werden die W erte immer in einer Liste mit Abrollbalken angezeigt mehrere Optionen k nnen gew hlt werden Siehe Eigenschaften von Listen Men s in den Dreamweaver Help Pages Dateifelder Erm glichen es den Anwendern Dateien auf der Festplatte zu suchen und als Formulardaten hochzuladen Siehe Eigenschaften von Dateifeldern in den Dreamweaver Help Pages Versteckte Felder Hier k nnen Sie Informationen speichern die f r den Anwender nicht relevant sind aber beim Verarbeiten des Formulars von der Anwendung verwendet werden beispielsweise den Empf nger der Formulardaten oder den Betreff des Formulars Siehe Eigenschaften von versteckten Feldern in den Dreamweaver Help Pages 3 Geben Sie bei Bedarf neben dem Objekt eine Beschriftung oder eine
39. Macintosh Suchen Strg F Befehlstaste F Weitersuchen F3 F3 Befehlstaste G Ersetzen Strg H Befehlstaste H Mit Tabellen arbeiten Aktion Windows Macintosh Tabelle ausw hlen Cursor Strg A Befehlstaste A befindet sich in der Tabelle Zur n chsten Zelle springen Tabulator Tabulator Zur vorhergehenden Zelle springen Zeile einf gen vor der aktuellen Zeile Zeile am Ende der Tabelle einf gen Aktuelle Zeile l schen Spalte einf gen Spalte l schen Tabellenzellen verbinden Tabellenzelle teilen Tabellen Layout aktualisieren Bildschirm wird neu gezeichnet wenn Schnellere Tabellenbearbeitung aktiviert ist Umschalttaste Tabulator Strg M Tabulator in der letzten Zelle Strg Umschalttaste M Strg Umschalttaste A Strg Umschalttaste Minuszeichen W hlen Sie mehrere aufeinanderfolgende Zellen aus und dr cken Sie M Strg Alt S Strg Leertaste Umschalttaste Tabulator Befehlstaste M Tabulator in der letzten Zelle Befehlstaste Umschalttaste M Befehlstaste Umschalttaste A Befehlstaste Umschalttaste Minuszeichen W hlen Sie mehrere aufeinanderfolgende Zellen aus und dr cken Sie M Befehlstaste Wahltaste S Befehlstaste Leertaste Mit Frames arbeiten Aktion Windows Macintosh Frame ausw hlen N chsten Frame oder n chstes Frameset ausw hlen Vorherigen Frame oder vorheriges Frameset ausw hlen bergeordnetes Frameset au
40. Macromedia Inc Alle Rechte vorbehalten Dieses Handbuch darf ohne die vorherige schriftliche Genehmigung von Macromedia Inc weder ganz noch teilweise kopiert fotokopiert reproduziert bersetzt oder in elektronische oder maschinenlesbare Form konvertiert werden Teilenummer ZDW20M100G Unser Dank geht an folgende Mitarbeiter Projektleitung und Architektur des Inhalts Sheila McGinn Autoren Lori Hylan Corinne Chandel Denise Lee Erica Edmonds und Sheila McGinn Multimedia Design James Khazar Multimedia Produktion John Zippy Lehnus and Pat Knoff Engineering der Hilfe Lori Hylan Design der Lehrgang Site Akimbo Design Java Engineering Eric Harshbarger Lektorat Judy Walthers von Alten und Judy Ziajka Produktionsleitung Gemma Londono Druck und Hilfe Design Noah Zilberberg Produktion Noah Zilberberg und Paul Benkman Lokalisierungs Manager Kristin Conradi Besonderer Dank geht an Margaret Dumas Paul Madar Heidi Bauer nj Mike Sundermeyer Jean Fitzgerald David George Karen Olsen Dunn Peter Fenczik Karen Catlin Victor Grigorieff Scott Richards Peter von dem Hagen Keiko Higuchi Hisami Scott David Lenoe Sophie Rollins Arati Rajesh Harald Mehlem Bastian Stein Sabine Rusam Hathaway Gwenha l Jacq Richard Verdoni und Rubric Inc Erstausgabe Dezember 1998 Macromedia Inc 600 Townsend St San Francisco CA 94103 INHALTSVERZEICHNIS KAPITEL 1 EIRT hrRUNG seen ia arraeehins Neue Funktionen in Dre
41. Navigator 4 0 anders dargestellt und manche Stilattribute werden zur Zeit von keinem Browser unterst tzt Genauere Informationen zu bestimmten Einstellungen finden Sie in den Dreamweaver Help Pages unter den folgenden Themen gt Stildefinition f r die Kategorie Typ gt Stildefinition f r die Kategorie Hintergrund gt Stildefinition f r die Kategorie Block gt Stildefinition f r die Kategorie Feld gt Stildefinition f r die Kategorie Rahmen gt Stildefinition f r die Kategorie Liste gt Stildefinition f r die Kategorie Positionierung gt Stildefinition f r die Kategorie Erweiterungen Wenn Sie einen benutzerdefinierten Stil Klasse erstellen wird er in der Stilpalette und im Men Text gt Benutzerdefinierter Stil angezeigt HTML Tag Stile und CSS Selektor Stile werden nicht in der Stilpalette angezeigt da sie nicht angewandt werden k nnen Ihre Auswirkungen werden jedoch automatisch im Dokumentfenster angezeigt wenn das Tag oder der Selektor vorkommt 180 Kapitel 9 Benutzerdefinierte Stile anwenden Benutzerdefinierte Stile Klasse sind die einzigen Stile die auf jeden Text im Dokument angewandt werden k nnen unabh ngig davon welche Tags den Text steuern In der Stilpalette werden die Namen aller verf gbaren CLASS Stile angezeigt Verwechseln Sie benutzerdefinierte Stile nicht mit Optionen wie Fett oder Variable im Men Text gt Stil bei diesen Optionen handelt es sic
42. Sie ein neues Listenelement und geben Sie folgendes ein Objektname Buchstabe Zahl oder Symbol f r den Tastaturbefehl Dateiname des Objekts Trennen Sie diese Eingaben durch Kommata voneinander ab Zum Beispiel e Copyright DCD C Copyright DCD htm Nur Windows Markieren Sie das Zeichen das Sie als mnemonisches Zeichen f r den Tastaturbefehl verwenden m chten und w hlen Sie Text gt Stil gt Unterstrichen 3 Um eine Trennlinie zwischen Objekten einzuf gen erstellen Sie ein neues Listenelement und geben Sie einen oder mehrere Bindestriche ein 4 Um die Objekte neu anzuordnen ndern Sie ihre Reihenfolge in der Liste 5 Um ein Element aus dem Men zu entfernen ohne es dabei aus der Objektpalette zu entfernen l schen Sie seinen Namen und Tastaturbefehl behalten aber die Kommata und den Dateinamen bei Zum Beispiel e Layer htm 6 Um ein Objekt vollst ndig zu entfernen verschieben Sie es aus dem Ordner Configuration Objects Hinweis Starten Sie Dreamweaver neu um die nderungen an den Elementen im Ordner Configuration Objects anzuzeigen Einfache Objekte erstellen F r die einfachsten Objekte ist kein JavaScript Code erforderlich sie enthalten nur den HTML Code der in das Dokument eingef gt werden soll Unter Dreamweaver erweitern berblick in den Dreamweaver Help Pages wird beschrieben wie Sie komplexere Objekte mit JavaScript erstellen So erstellen Sie ein einfaches Objekt 1 Er
43. Sie eine Vorlage aus und klicken Sie auf Ausw hlen Sie ndern die editierbaren Bereiche der Vorlage indem Sie den Platzhalter Inhalt ausw hlen und berschreiben Die nicht editierbaren Bereiche der Vorlage sind mit einer besonderen Farbe markiert Unter Vorlagen Voreinstellungen w hlen auf Seite 93 wird beschrieben wie Sie diese Farbe ndern Im Abschnitt Vorlagen berblick auf Seite 89 wird genauer beschrieben wie Sie Vorlagen erstellen und verwenden Visuelle Hilfsmittel beim Design einsetzen Dreamweaver bietet zahlreiche Funktionen die Ihnen helfen Ihre Dokumente zu entwerfen und in etwa einzusch tzen wie sie in Browsern angezeigt werden Sie haben folgende M glichkeiten gt Sie k nnen das Dokumentfenster umgehend auf die gew nschte Fenstergr e einstellen um zu sehen wie die Elemente auf die Seite passen gt Lineale bieten eine visuelle Hilfe wenn Sie Ebenen oder Tabellen positionieren oder vergr ern bzw verkleinern gt Sie k nnen ein Tracing Bild als Seitenhintergrund verwenden und damit ein Design duplizieren das in einer Illustrations oder Bildbearbeitungsanwendung erstellt wurde gt Das Gitternetz erm glicht es Ihnen Ebenen pr zise zu positionieren Mit den Gitternetzlinien auf der Seite k nnen Sie Ebenen ganz einfach ausrichten Wenn Sie Ebenen verschieben oder neu erstellen und die Einrastfunktion aktiviert ist werden die Ebenen automatisch am Gitternetz ausgerichtet A
44. Sie in den Ebenenmodus 1 W hlen Sie ndern gt Layout gt Inhalt mit Ebenen neu positionieren EtrlrJ Seiteneigenschaften Auswahleigenschaften Hyperlink Tabelle Ebenen gt Frameset Ausrichtung 2 W hlen Sie im angezeigten Dialogfeld die gew nschten Optionen Gitternetz zeigen und Am Gitternetz einrasten Hiermit k nnen Sie das Gitternetz verwenden um Ebenen einfacher zu positionieren Siehe Ebenen am Gitternetz einrasten lassen auf Seite 227 Ebenen berlappungen verhindern Beschr nkt die Position der Ebenen so da sie sich nicht berlappen wenn Sie Ebenen erstellen verschieben vergr ern oder verkleinern Siehe Ebenen berlappungen verhindern auf Seite 232 Ebenenpalette zeigen Zeigt die Ebenenpalette an Siehe Mit der Ebenenpalette arbeiten auf Seite 223 3 Klicken Sie auf OK Die Tabellen werden innerhalb der Datei in Ebenen konvertiert Leere Tabellenzellen werden jedoch nicht konvertiert Auch Inhalt der sich au erhalb der Tabelle befindet wird in Ebenen plaziert So wechseln Sie in den Tabellenmodus 1 W hlen Sie ndern gt Layout gt Ebenen in Tabelle konvertieren 2 W hlen Sie im angezeigten Dialogfeld die gew nschten Optionen f r das Tabellen Layout H chste Genauigkeit Erstellt eine Tabellenzelle f r jede Ebene Weiterhin werden wie erforderlich zus tzliche Zellen erstellt um den Abstand zwischen Ebenen beizubehalten Kleinste Leere
45. Site Fenster zu ffnen W hlen Sie dann einen Ordner aus dem lokalen Bereich aus Die Ziel Browser Pr fung wird f r alle HTML Dateien in diesem Ordner und in allen Unterordnern durchgef hrt Ziel Browser Pr fungen k nnen nur f r lokale Dateien durchgef hrt werden W hlen Sie Datei gt Ziel Browser berpr fen Wenn Sie noch keinen Prim r Browser ausgew hlt haben werden Sie aufgefordert dies jetzt nachzuholen W hlen Sie aus der Liste der Browser den gew nschten Browser aus Klicken Sie auf berpr fen Der Ergebnisbericht der berpr fung wird in Ihrem Prim r Browser angezeigt wenn der Browser noch nicht ge ffnet war wird er automatisch gestartet Sie k nnen den Bericht zu Referenzzwecken speichern indem Sie im Browser Datei gt Speichern w hlen Der Ergebnisbericht der Browser berpr fung ist eine tempor re Datei die sich in Windows im Ordner Temp und auf dem Macintosh im Dokumentstamm befindet Diese Datei geht verloren wenn Sie sie nicht speichern bevor Sie eine andere Site aufrufen Site Verwaltung 149 150 Kapitel7 Hyperlinks zwischen Dokumenten berpr fen Mit der Funktion Hyperlinks berpr fen k nnen Sie fehlerhafte Hyperlinks sowie nicht referenzierte Dateien in einer ge ffneten Datei einem Teil einer lokalen Site oder in einer ganzen lokalen Site suchen Dreamweaver berpr ft nur Hyperlinks und Referenzen zu Dokumenten die sich innerhalb der Site befinden Dabei wird zwar eine
46. Spalte durchf hren m chten definieren Sie die Optionen unter Dann nach 4 Aktivieren Sie das Kontrollk stchen Erste Zeile beim Sortieren ber cksichtigen wenn die erste Zeile beim Sortieren mit eingeschlossen werden soll Wenn es sich bei der ersten Zeile um eine berschrift handelt die ganz oben stehen bleiben soll lassen Sie diese Option deaktiviert 5 Klicken Sie auf Anwenden oder auf OK um die Tabelle zu sortieren Tabellen erstellen 207 208 Kapitel 11 Tabellen und Zellen vergr ern oder verkleinern Sie k nnen die ganze Tabelle oder nur bestimmte Zeilen und Spalten vergr ern oder verkleinern Wenn Sie die Gr e der ganzen Tabelle ver ndern werden alle Zellen in der Tabelle proportional angepa t So ndern Sie die Gr e der Tabelle 1 W hlen Sie die Tabelle aus 2 Ziehen Sie einen der Auswahlgriffe um die Tabelle in der entsprechenden Richtung zu vergr ern oder zu verkleinern Wenn Sie den Eckgriff ziehen wird die Tabelle in beide Richtungen vergr ert oder verkleinert So ndern Sie die Gr e einer Zeile oder einer Spalte gt Um die Zeilenh he zu ndern ziehen Sie den unteren Zeilenrand gt Um die Spaltenbreite zu ndern ziehen Sie den rechten Spaltenrand Spaltenbreite ndern Der Eigenschaften Inspector bietet Ihnen drei verschiedene M glichkeiten die Spaltenbreite festzulegen So legen Sie die Spaltenbreite fest 1 Klicken Sie in eine beliebige Zelle der Spalte oder w h
47. Text gt Gr e entweder Standard oder 3 w hlen Die Gr en 1 und 2 sind kleiner als die Standardschriftgr e 4 bis 7 sind dagegen gr er Wenn Ihr Text stets mit einer bestimmten Punktgr e angezeigt werden soll legen Sie dies in einem Stylesheet fest Text formatieren 171 172 Kapitel 9 gt Um den ausgew hlten Text zu vergr ern oder zu verkleinern w hlen Sie eine relative Gr e oder 1 bis oder 7 aus dem Eigenschaften Inspector oder aus einem der Men s Text gt Vergr ern oder Text gt Verkleinern Die Zahlen bezeichnen einen relativen Unterschied zur BASEFONT Gr e Der Standardwert f r BASEFONT lautet 3 Wenn Sie 4 w hlen erhalten Sie daher die Schriftgr e 7 Dreamweaver zeigt das BASEFONT Tag das zum HEAD geh rt nicht an die Schriftgr e sollte jedoch korrekt in einem Browser angezeigt werden Schriftartkombinationen ndern Mit dem Befehl Schriftartliste bearbeiten definieren Sie die Schriftartkombinationen die im Eigenschaften Inspector und im Men Text gt Schriftart angezeigt werden So ndern Sie Schriftartkombinationen 1 W hlen Sie Text gt Schriftart gt Schriftartliste bearbeiten 2 W hlen Sie aus dem Bereich Schriftartliste oben im Dialogfeld die gew nschte Schriftartkombination aus Die Schriftarten die zur ausgew hlten Kombination geh ren werden in der Liste Gew hlte Schriftarten unten links im Dialogfeld aufgef hrt Die Liste Verf gbare Schriftarte
48. Text mit Stylesheets formatieren auf Seite 175 wird genauer beschrieben wie Sie Stylesheets zum Formatieren verwenden 169 170 Kapitel 9 Text mit HTML Tags formatieren Die HTML 4 0 Spezifikation die das World Wide Web Consortium W3C Anfang 1998 herausgegeben hat empfiehlt anstelle von HTML Formatierungs Tags wie B FONT und CENTER CSS Stylesheets zu verwenden Stylesheets eignen sich besser dazu das Erscheinungsbild von Text genau zu steuern in der Praxis werden HTML Formatierungs Tags jedoch von mehr Browsern unterst tzt als Stylesheets Daher ist davon auszugehen da HTML Tags auch weiterhin f r die Entwicklung von Web Sites verwendet werden zumindest so lange 3 0 und ltere Browser noch einen erheblichen Teil des Web Volumens ausmachen Genauere Informationen zur Formatierung mit HTML Tags finden Sie unter den folgenden Themen gt Schriftarteigenschaften ndern auf Seite 171 gt Textfarbe ndern auf Seite 173 gt Text und Elemente ausrichten auf Seite 174 HTML Tags die die Struktur des Dokuments definieren nicht ihr genaues Erscheinungsbild sind weiterhin wichtiger Bestandteil der HTML Spezifikation Dazu geh ren zum Beispiel Tags f r berschriften Abs tze und Listen Wenn Sie die Schriftarteigenschaften Ihrer Seite mit Stylesheets definieren m chten sollten Sie unbedingt Standard Tags f r berschriften verwenden damit die Struktur Ihrer Seite auch in Browsern beibehalten wird die kei
49. Verhalten dem BODY Tag einer Seite anzuf gen die mit praktisch allen Browsern kompatibel ist und kein anderes JavaScript Element verwendet Auf diese Weise wird auch dann Seiteninhalt angezeigt wenn die Anwender JavaScript deaktiviert haben Sie haben weiterhin die M glichkeit dieses Verhalten einem Nowhere Hyperlink A Tag anzuf gen Dabei kann die Aktion anhand der Browser Marke und Version des Besuchers bestimmen zu welcher Seite der Hyperlink f hrt So verwenden Sie die Aktion Browser berpr fen 1 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus 2 W hlen Sie im Popup Men Aktionen die Option Browser berpr fen 3 Legen Sie fest nach welchen Kriterien die Besucher unterschieden werden sollen anhand der Browser Marke der Browser Version oder anhand von beiden Soll beispielsweise f r alle Besucher mit einem 4 0 Browser eine Seite und f r alle anderen Besucher eine andere Seite angezeigt werden Soll f r Besucher mit Netscape Navigator eine Seite und f r Besucher mit Microsoft Internet Explorer IE eine andere Seite angezeigt werden Oder soll f r Besucher mit Navigator 4 0 und IE 4 0 eine Seite und f r Besucher mit Navigator 2 0 oder 3 0 eine andere Seite angezeigt werden w hrend Besucher mit IE 3 0 oder anderen Browsern auf der aktuellen Seite bleiben 4 Legen Sie eine Netscape Navigator Version fest Legen Sie in den angrenzenden Popup Men s fest welche Seite a
50. Voreinstellungen w hlen auf Seite 72 Tabellen verschachteln Bei einer verschachtelten Tabelle handelt es sich um eine Tabelle die in eine Tabellenzelle eingef gt wird Sie k nnen verschachtelte Tabellen zwar genau wie andere Tabellen konfigurieren die Breite dieser Tabellen kann jedoch nicht die Breite der Tabellenzelle berschreiten in der sie sich befindet So verschachteln Sie eine Tabelle innerhalb einer Tabellenzelle 1 F hren Sie einen der folgenden Schritte aus gt Klicken Sie in die Zelle in die Sie die neue Tabelle einf gen m chten und w hlen Sie Einf gen gt Tabelle gt Klicken Sie in die Zelle in die Sie die neue Tabelle einf gen m chten und klicken Sie dann in der Tafel Allgemein der Objektpalette auf die Schaltfl che Tabelle gt Ziehen Sie die Schaltfl che Tabelle aus der Tafel Allgemein der Objektpalette in die Zelle in die Sie die neue Tabelle einf gen m chten 2 Geben Sie im angezeigten Dialogfeld die Eigenschaften f r die Tabelle an und klicken Sie auf OK Inhalt in eine Tabelle eintragen Sie k nnen Text in die Tabellenzellen einf gen oder direkt eingeben Die Eigenschaften von Grafiken in Tabellen k nnen Sie genauso definieren wie bei anderen Grafiken auch Siehe Bildeigenschaften einstellen auf Seite 190 So f gen Sie einer Tabelle Text hinzu 1 Klicken Sie in eine Zelle und f hren Sie einen der folgenden Schritte aus gt Geben Sie Text in die Tabelle ein Dab
51. W hlen Sie im Site Fenster oben im Popup Men der aktuellen Sites die gew nschte Site aus 3 Klicken Sie auf Verbinden um eine Verbindung zum entfernten Server herzustellen Wenn bereits eine Verbindung hergestellt wurde wird anstelle der Schaltfl che Verbinden die Schaltfl che Trennen angezeigt berspringen Sie in diesem Fall diesen Schritt W hlen Sie die gew nschten Dateien aus dem rechten Fensterbereich aus 5 Klicken Sie auf die Schaltfl che Bereitstellen oder klicken Sie mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh und w hlen Sie im Kontextmen die Option Bereitstellen 6 Sie werden nun gefragt ob Sie auch abh ngige Dateien an den Server bertragen m chten Klicken Sie auf Ja Hinweis Wenn Sie die Datei bertragung abbrechen m chten klicken Sie auf Aktuelle Task stoppen das rote X unten rechts oder dr cken Sie Esc Windows bzw Befehlstaste Punkt Macintosh Suchen und Ersetzen Sie k nnen das aktuelle Dokument ausgew hlte Dateien einen Ordner oder eine ganze Site nach den folgenden Elementen durchsuchen Text von bestimmten Tags eingeschlossener Text oder HTML Tags und Attribute So leiten Sie einen Suchvorgang ein 1 F hren Sie einen der folgenden Schritte aus gt W hlen Sie im Dokumentfenster oder im Site Fenster Bearbeiten gt Suchen oder Bearbeiten gt Ersetzen ffnen Sie den HTML Inspector klicken Sie mit der rechten Maustaste
52. Wenn alle Dateien der Site aktualisiert wurden schlie en Sie das Dialogfeld Seiten aktualisieren 56 Kapitel 2 Da die Hauptseite Catalog Hyperlinks zu allen Produktseiten der Site enth lt k nnen Sie damit schnell und einfach eine Vorschau aller Produktseiten anzeigen auf die Sie die Vorlage neu angewandt haben ffnen Sie dazu die Hauptseite Catalog in einem Browser und klicken Sie auf die Hyperlinks zu den Produktseiten So zeigen Sie die aktualisierten Produktseiten an 1 Doppelklicken Sie im Site Fenster auf die Datei DW2_cat_main_index htm um sie im Dokumentfenster neu zu ffnen 2 Dr cken Sie F12 um eine Vorschau dieser Seite in Ihrem Prim r Browser anzuzeigen oder w hlen Sie Datei gt Vorschau in Browser um einen anderen Browser auszuw hlen 3 Klicken Sie auf die Hyperlinks f r die Wein K se Senf und lsorten um diese Produktseiten aufzurufen 4 Klicken Sie in den einzelnen Produktseiten auf die Hyperlinks zur Seite Catalog und zur Olivebranch Homepage die Sie der Navigationsleiste hinzugef gt haben Dadurch k nnen Sie berpr fen wie die nderungen an der Vorlage auf die Seiten angewandt wurden 5 Schlie en Sie den Browser wenn Sie die Hyperlinks in der Navigationsleiste der Produktseiten getestet haben 6 Kehren Sie zu Dreamweaver zur ck und w hlen Sie Datei gt Schlie en Andere Vorlagen auf eine Seite anwenden Sie k nnen eine neue Vorlage auf eine Seite anwenden selbst wenn die
53. Windows bzw mit gedr ckter Strg Taste Macintosh und w hlen Sie im Kontextmen entweder Suchen oder Ersetzen Daraufhin wird das Dialogfeld Suchen oder das Dialogfeld Ersetzen angezeigt Geben Sie im Feld Suchen in an welche Dateien durchsucht werden sollen Aktuelles Dokument Beschr nkt den Suchvorgang auf das aktive Dokument Diese Option steht nur zur Verf gung wenn Sie den Befehl Suchen oder Ersetzen im Dokumentfenster oder im Kontextmen des HTML Inspectors gew hlt haben Ausgew hlte Dateien Beschr nkt den Suchvorgang auf die Dateien und Ordner die im Site Fenster ausgew hlt sind Diese Option steht nur zur Verf gung wenn Sie den Befehl Suchen oder Ersetzen im Site Fenster gew hlt haben Aktuelle Site Bewirkt da alle HTML Dokumente Bibliotheksdateien und Textdokumente der aktuellen Site durchsucht werden Der Site Name wird rechts neben dem Popup Men angezeigt Wenn Sie nicht die angezeigte Site durchsuchen m chten w hlen Sie im Site Fenster im Popup Men der aktuellen Sites die gew nschte Site aus Ordner Beschr nkt den Suchvorgang auf eine bestimmte Dateigruppe Klicken Sie auf das Ordnersymbol um den gew nschten Ordner zu suchen und auszuw hlen Site Verwaltung 137 138 Kapitel 7 3 Geben Sie unter Suchen nach an welche Elemente Sie suchen m chten Text Sucht nach bestimmten Textzeichenfolgen im Dokumentfenster Dabei wird HTML Code der die Zeichenfolge unterbricht ignoriert Siehe Text
54. Zeile beim Sortieren ber cksichtigen TT TR Attribute mit sortierter Zeile beibehalten 3 i Hilfe Der erste Sortiervorgang Sortieren nach sortiert die Tabelle in alphabetischer Reihenfolge wobei der Inhalt der ersten Spalte als Grundlage dient Der zweite Sortiervorgang Dann nach sortiert die Tabelle numerisch nach dem Inhalt der zweiten Spalte Klicken Sie auf OK um die Tabelle zu sortieren Lehrgang 47 48 Kapitel 2 Als n chstes formatieren Sie die Tabelle indem Sie den Inhalt der Zellen in der Spalte When zentrieren So zentrieren Sie den Inhalt der Tabellenzellen 1 Klicken Sie in die erste Zelle unter der Tabellen berschrift When und ziehen Sie den Cursor nach ganz unten um alle Zellen der Spalte When auszuw hlen W hlen Sie ndern gt Auswahleigenschaften um den Eigenschaften Inspector zu ffnen Wenn im Eigenschaften Inspector das Men Horiz nicht angezeigt wird klicken Sie unten rechts auf den Erweiterungspfeil um alle Eigenschaften anzuzeigen Eormat Keine IStandardschriftart Gr e 2 Bi Z Hyperlink 7a 9G z il el Zelle Horiz Zentrier B 18 KeinUmbruch Hg 20 Oo JE Vert Standar H Kopfzeile HgF IA Rahmen E W hlen Sie im Men Horiz die Option Zentrieren Daraufhin wird der Inhalt aller Zellen in der Spalte When zentriert Text mit benutzerdefinierten Stilen formatieren Ein Stil besteht aus mehreren Formatierungsa
55. Zelle halten Sie die Umschalttaste gedr ckt und klicken Sie in eine andere Zelle Dadurch werden alle Zellen innerhalb des rechteckigen Bereichs ausgew hlt C So w hlen Sie mehrere nicht zusammenh ngende Zellen mit einer der folgenden Methoden aus gt Halten Sie die Strg Taste Windows bzw die Befehlstaste Macintosh gedr ckt und klicken Sie in die Tabelle um der Auswahl weitere Zellen Zeilen oder Spalten hinzuzuf gen gt W hlen Sie mehrere Zellen in der Tabelle aus halten Sie dann die Strg Taste Windows bzw die Befehlstaste Macintosh gedr ckt und klicken Sie auf bestimmte Zellen Zeilen oder Spalten um sie aus der Auswahl zu entfernen Tabellen erstellen 201 Tabellen formatieren Sie k nnen das Erscheinungsbild einer Tabelle ndern indem Sie Eigenschaften f r die Tabelle und die Tabellenzellen definieren oder indem Sie ein vordefiniertes Design auf die Tabelle anwenden Siehe Tabelleneigenschaften einstellen auf Seite 203 Zeilen und Zelleigenschaften einstellen auf Seite 204 und Tabellen mit einem vordefinierten Design formatieren auf Seite 206 Wenn Sie den Text in Tabellen formatieren m chten k nnen Sie entweder Text ausw hlen und formatieren oder Stile anwenden Siehe Text formatieren berblick auf Seite 169 Tabellen Tags Wenn Sie Tabellen im Dokumentfenster formatieren k nnen Sie Eigenschaften definieren die entweder f r die ganze Tabelle oder
56. Zellen reduzieren Legt fest da die Kanten der Ebenen ausgerichtet werden sollen wenn sie innerhalb der angegebenen Pixelanzahl positioniert werden Wenn Sie diese Option w hlen hat die resultierende Tabelle weniger leere Zeilen und Spalten Durchsichtige GIFs verwenden Bewirkt da transparente GIFs in die letzte Zeile der Tabelle eingef gt werden Dadurch wird sichergestellt da die Tabelle in allen Browsern identisch angezeigt wird Wenn diese Option aktiviert ist k nnen Sie die resultierende Tabelle nicht bearbeiten indem Sie ihre Spalten ziehen Ist die Option deaktiviert enth lt die resultierende Tabelle zwar keine transparenten GIFs eventuell wird sie in verschiedenen Browsern jedoch etwas unterschiedlich angezeigt Auf Seite zentrieren Bewirkt da die resultierende Tabelle auf der Seite zentriert wird Wenn diese Option deaktiviert ist wird die Tabelle links ausgerichtet W hlen Sie die gew nschten Layout Iools und Gitternetz Optionen und klicken Sie auf OK Ebenen verwenden 231 232 Kapitel 12 Ebenen berlappungen verhindern Da Tabellenzellen sich nicht berlappen k nnen kann Dreamweaver keine Tabelle aus berlappenden Ebenen erstellen Wenn Sie beabsichtigen die Ebenen eines Dokuments in Tabellen zu konvertieren um die Kompatibilit t mit 3 0 Browsern zu gew hrleisten sollten Sie daher die Option berlappungen verhindern aktivieren Diese Option beschr nkt die Bewegung und Positionierung von E
57. Zweig der Struktur aus anzeigen Sie k nnen die Details eines bestimmten Site Bereichs anzeigen indem Sie den Fokus auf einen Zweig der Site Map richten So zeigen Sie einen anderen Zweig an gt W hlen Sie die gew nschte Seite aus und w hlen Sie dann Ansicht gt Als Stammordner anzeigen Windows oder Site gt Site Map Ansicht gt Als Stammordner anzeigen Macintosh Die Site Map wird im Fenster so neu gezeichnet als ob die angegebene Seite der Stamm der Site w re Im Feld Site Navigation ber der Site Map wird der Pfad von der Homepage zur angegebenen Seite angezeigt Sie k nnen ein beliebiges Element im Pfad ausw hlen um die Site Map von diesem Element abw rts anzuzeigen Klicken Sie dazu einmal auf das gew nschte Element So blenden Sie die Zweige ein und aus gt Klicken Sie auf die Plus oder Minuszeichen Windows oder auf die Pfeile Macintosh um die Zweige ein oder auszublenden Site Planung 125 126 Kapitel 6 Site Map speichern Sie k nnen die Site Map als Bild speichern und anschlie end in einem Bild Editor anzeigen und drucken So erstellen Sie eine Bilddatei der aktuellen Site Map 1 W hlen Sie in der Site Map Datei gt Site Map speichern unter Windows oder Site gt Site Map Ansicht gt Site Map speichern unter Macintosh 2 Geben Sie im angezeigten Dialogfeld einen Namen f r das Bild ein KAPITEL 7 Site Verwaltung Site Verwaltung berblick Dreamweaver erleichtert
58. alle Bereiche werden editierbar Vorlagen ndern und die Site aktualisieren Wenn Sie eine Vorlage ndern die in der aktuellen Site verwendet wird werden Sie aufgefordert die Seiten zu aktualisieren die auf der Vorlage basieren Sie k nnen auch die Aktualisierungsbefehle verwenden um die aktuelle Seite oder die ganze Site manuell zu aktualisieren Dies hat die gleiche Wirkung wie wenn Sie die Vorlage neu anwenden So ffnen Sie die Vorlage mit der das aktuelle Dokument erstellt wurde gt W hlen Sie ndern gt Vorlagen gt ffnen Vorlagenname dwt So aktualisieren Sie das aktuelle Dokument damit es die neueste Version der Vorlage verwendet gt W hlen Sie ndern gt Vorlagen gt Aktuelle Seite aktualisieren Vorlagen 99 100 Kapitel 5 So aktualisieren Sie die ganze Site oder alle Dokumente die eine bestimmte Vorlage verwenden 1 W hlen Sie ndern gt Vorlagen gt Seiten aktualisieren Das Dialogfeld Seiten aktualisieren wird angezeigt W hlen Sie unter Nachsehen in eine der folgenden Optionen W hlen Sie Ganze Site und dann den Namen der Site Dadurch werden alle Seiten in der ausgew hlten Site aktualisiert so da sie die jeweils neueste Version der Vorlagen verwenden W hlen Sie Dateien mit und dann den Namen der Vorlage Dadurch werden alle Seiten in der aktuellen Site aktualisiert die auf der ausgew hlten Vorlage basieren Hinweis Wenn Sie eine Vorlage umbenannt haben m ssen S
59. als Homepage zu definieren So aktualisieren Sie die Anzeige der Site Map nachdem nderungen vorgenommen wurden gt W hlen Sie Ansicht gt Aktualisieren Windows oder Site gt Site Map Ansicht gt Lokal aktualisieren Macintosh Hyperlinks in der Site Map Ansicht erstellen und modifizieren Sie k nnen die Struktur der Site in der Site Map modifizieren indem Sie Hyperlinks hinzuf gen ndern und entfernen Die Site Map wird automatisch aktualisiert um die vorgenommenen nderungen zu zeigen So f gen Sie mit einer der folgenden Methoden einen Hyperlink hinzu gt Ziehen Sie eine Seite aus Windows Explorer oder dem Macintosh Finder auf eine Seite in der Site Map gt W hlen Sie eine HTML Seite aus und w hlen Sie dann Site gt Verkn pfen mit bestehender Datei Windows oder Site gt Site Map Ansicht gt Verkn pfen mit bestehender Datei Macintosh oder w hlen Sie im Kontextmen die Option Verkn pfen mit bestehender Datei gt W hlen Sie in der Site Map eine HTML Seite aus Daraufhin erscheint das Dateizeiger Symbol Klicken Sie auf das Symbol und ziehen Sie es zu dem Objekt zu dem Sie einen Hyperlink erstellen m chten eine Datei in der Datei Ansicht ein Dokument auf dem Desktop oder ein benannter Anker in einem ge ffneten Dokument Siehe Hyperlinks mit dem Dateizeiger Symbol erstellen auf Seite 106 So ndern Sie einen Hyperlink gt W hlen Sie die Seite aus und w hlen Sie dann Site gt Hy
60. auch angezeigt wenn der Film nicht wiedergegeben wird beim Laden und nach der Wiedergabe ID Definiert den optionalen ActiveX ID Parameter Dieser Parameter wird am h ufigsten verwendet um Informationen zwischen ActiveX Steuerelementen weiterzugeben Rahmen Legt die Breite des Rahmens fest der den Film umgibt V Abstand und H Abstand Legen die Anzahl an Pixeln f r den Leerraum oberhalb unterhalb und zu beiden Seiten des Films fest Alt Bild nur OBJECT Legt ein Bild fest das angezeigt werden soll wenn der Browser keine ActiveX Steuerelemente unterst tzt Parameter ffnet ein Dialogfeld in das Sie weitere Parameter eingeben k nnen die an den Shockwave Film weitergegeben werden sollen Der Shockwave Film mu entsprechend konfiguriert worden sein damit er diese Parameter empfangen kann Siehe Informationen zu Parametern auf Seite 313 Flash Player Filme einf gen Macromedias Flash Technologie ist eine ausgezeichnete L sung f r vektorbasierte Grafiken und Animationen Flash Player ist sowohl als Netscape Plug In als auch als ActiveX Steuerelement f r Internet Explorer erh ltlich und er ist in den neuesten Versionen von Netscape Navigator Windows 98 und America Online integriert Wenn Sie einen Flash Player Film einf gen verwendet Dreamweaver sowohl das von Microsoft f r das ActiveX Steuerelement definierte OBJECT Iag als auch das von Netscape definierte EMBED Tag um in allen Browsern optimale Ergebnisse z
61. aus an das eine Verhaltensweise angef gt ist 2 ffnen Sie den Verhaltensweisen Inspector indem Sie Fenster gt Verhaltensweisen w hlen Die Verhaltensweisen werden alphabetisch nach Freignissen geordnet im Inspector angezeigt Wenn f r ein Ereignis mehrere Aktionen definiert wurden werden sie in der Reihenfolge angezeigt in der sie ausgef hrt werden W hlen Sie eine der folgenden Optionen Um eine Verhaltensweise zu l schen w hlen Sie sie aus und klicken Sie auf die Schaltfl che mit dem Minuszeichen oder dr cken Sie die Entf Taste gt Um die Parameter einer Aktion zu ndern doppelklicken Sie auf die Verhaltensweise oder w hlen Sie sie aus und dr cken Sie die Eingabetaste ndern Sie die Parameter im Dialogfeld und klicken Sie auf OK gt Um die Reihenfolge der Aktionen eines bestimmten Ereignisses zu ndern w hlen Sie die Verhaltensweise aus und klicken Sie auf die Schaltfl che mit dem Pfeil nach oben oder unten Neue Aktionen erstellen Aktionen sind JavaScript Elemente Wenn Sie mit JavaScript vertraut sind k nnen Sie neue Aktionen schreiben und sie im Popup Men Aktionen des Verhaltensweisen Inspectors anzeigen Siehe Dreamweaver erweitern berblick in den Dreamweaver Help Pages Der Verhaltensweisen Inspector Mit dem Verhaltensweisen Inspector k nnen Sie Objekten JavaScript Verhaltensweisen anf gen und die Parameter von bereits angef gten Verhaltensweisen ndern Die Verhaltens
62. den Verhaltenskanal ein und zwar im Anschlu an das letzte Bild der Animation Doppelklicken Sie in diesem Bild auf das Symbol um die Parameter der Verhaltensweise zu bearbeiten und die Anzahl an Schleifen zu ndern Zeitleisten Animationen erstellen Zeitleisten erstellen Animationen indem Position Gr e Sichtbarkeit und Stapelreihenfolge der Ebenen ge ndert werden Zeitleisten k nnen dar ber hinaus die Quelldateien von Bildern ndern Zeitleisten k nnen lediglich Ebenen verschieben Wenn Bilder oder Text verschoben werden sollen erstellen Sie mit der Schaltfl che Ebene der Objektpalette eine Ebene und f gen Sie Bilder Text oder sonstigen Inhalt in die Ebene ein Siehe Ebenen erstellen auf Seite 216 So erstellen Sie eine Zeitleisten Animation 1 Wenn Sie eine Ebene animieren m chten verschieben Sie die Ebene an die Stelle an der sie sich befinden soll wenn die Animation beginnt 2 W hlen Sie Fenster gt Zeitleisten oder klicken Sie im Launcher auf die Schaltfl che Zeitleiste Klicken Sie auf das Ebenensymbol um eine Ebene auszuw hlen 3 W hlen Sie die zu an mierende Ebene bzw das zu animierende Bild aus Stellen Sie sicher da Sie das gew nschte Element ausgew hlt haben Sie k nnen eine Ebene ausw hlen indem Sie auf ihr Symbol oder in der Ebenenpalette auf ihren Namen klicken Siehe auch Ebenen manipulieren auf Seite 223 Wenn eine Ebene ausgew hlt ist wird sie von Griffen umgeben wie
63. die gew nschten nderungen vor Um die Schriftart zu ndern w hlen Sie eine Schriftartkombination aus dem Eigenschaften Inspector oder aus dem Men Text gt Schriftart In Browsern wird der Text mit der ersten Schriftart der Kombination angezeigt die auf dem jeweiligen Computer installiert ist Wenn keine der aufgelisteten Schriftarten installiert ist wird der Text im Browser mit der Schriftart angezeigt die in den Browser Voreinstellungen angegeben ist Siehe auch Schriftartkombinationen ndern auf Seite 172 Wenn Sie Standard w hlen wird die Standardschriftart f r den ausgew hlten Text verwendet dies ist entweder die Standardschriftart des Browsers oder die Schriftart die dem entsprechenden Tag in einem Stylesheet zugewiesen wurde Mit dieser Option entfernen Sie bereits angewandte Schriftarten Um den Schriftstil zu ndern klicken Sie im Eigenschaften Inspector auf die Schaltfl che B fett oder I kursiv oder w hlen Sie einen Schriftstil Fett Kursiv Unterstrichen etc aus dem Men Text gt Stil Um die Schriftgr e zu ndern w hlen Sie die gew nschte Gr e 1 bis 7 aus dem Eigenschaften Inspector oder aus dem Men Text gt Gr e Bei HTML Schriftgr en handelt es sich nicht um bestimmte Punktwerte sondern um relative Gr en Die Anwender stellen die Punktgr e der Standardschriftart f r ihre Browser ein diese Schriftgr e wird angezeigt wenn Sie im Eigenschaften Inspector oder im Men
64. die verkn pfte Datei im gleichen Frame oder Fenster wie den Hyperlink Da dieses Ziel impliziert ist m ssen Sie es in der Regel nicht angeben gt _oben l dt die verkn pfte Datei im ganzen Browser Fenster so da alle Frames entfernt werden Niedr Quelle Gibt das Bild an das vor dem Hauptbild geladen werden soll H ufig wird hierf r eine 2 Bit Version schwarzwei des Hauptbildes verwendet Diese Version wird schneller geladen und gibt dem Site Besucher eine Vorstellung davon welches Bild angezeigt wird Sie k nnen jedoch auch ein beliebiges anderes Bild verwenden vorausgesetzt es hat die gleichen Abmessungen wie das Hauptbild Rahmen Definiert die Breite des Rahmens in Pixeln der das Bild umgibt Geben Sie 0 ein wenn kein Rahmen angezeigt werden soll Map Hiermit k nnen Sie Client Imagemaps erstellen Siehe Imagemaps erstellen auf Seite 195 Aktualisieren Setzt die Werte H und B auf die urspr ngliche Gr e des Bildes zur ck Bearbeiten Startet den Bild Editor den Sie unter den Voreinstellungen f r externe Editoren gew hlt haben und ffnet das ausgew hlte Bild Wenn Sie Ihre Bilddatei speichern und zu Dreamweaver zur ckkehren wird das Dokumentfenster mit dem ge nderten Bild aktualisiert Siehe Mit einem externen Bild Editor arbeiten auf Seite 194 Bilder einf gen 191 192 Kapitel 10 Elemente ausrichten Die folgenden Ausrichtungsoptionen des Eigenschaften Inspectors beziehen sich auf bestim
65. die von allen Browsern unterst tzt werden beispielsweise Bilder und Absatztext sowie Elemente die nur von neueren Browsern unterst tzt werden zum Beispiel Stile und Ebenen Mit der Funktion Ziel Browser berpr fen k nnen Sie feststellen ob der HTML Code Ihres Dokuments Tags oder Attribute enth lt die von den Ziel Browsern nicht unterst tzt werden Dadurch wird das Dokument nicht ge ndert Die Funktion Ziel Browser berpr fen ermittelt anhand von Textdateien genannt Browser Profile welche Tags von bestimmten Browsern unterst tzt werden Dreamweaver enth lt vordefinierte Profile f r die Netscape Navigator Versionen 2 0 3 0 und 4 0 sowie f r die Internet Explorer Versionen 2 0 3 0 und 4 0 Unter Browser Profile erstellen und bearbeiten auf Seite 319 wird beschrieben wie Sie vorhandene Profile ndern oder neue Profile erstellen Sie k nnen eine Ziel Browser Pr fung f r ein Dokument einen Ordner oder f r eine ganze Site durchf hren So f hren Sie eine Ziel Browser Pr fung durch 1 gt F hren Sie einen der folgenden Schritte aus Wenn Sie die Pr fung f r das aktuelle Dokument durchf hren m chten speichern Sie zun chst Ihre Datei Die Pr fung bezieht sich auf die letzte gespeicherte Version der Datei noch nicht gespeicherte nderungen werden dabei nicht ber cksichtigt Wenn Sie die Pr fung f r einen Ordner oder f r eine Site durchf hren m chten w hlen Sie Fenster gt Sites um das
66. diesem Abschnitt nicht verwendet Zun chst f gen Sie mit dem Eigenschaften Inspector einen Hyperlink zwischen der Grafik events und der Seite Events hinzu So erstellen Sie Hyperlinks mit Hilfe des Eigenschaften Inspectors 1 Aktivieren Sie das Dokumentfenster das die Datei DW2_index htm enth lt indem Sie darauf klicken oder w hlen Sie im Men Fenster den Dateinamen aus 2 Klicken Sie auf das Bild events um es im Dokumentfenster auszuw hlen Hinweis Klicken Sie nur einmal auf das Bild Wenn Sie darauf doppelklicken werden Sie aufgefordert eine andere Datei zu w hlen die das Bild ersetzen soll 3 W hlen Sie Fenster gt Eigenschaften um den Eigenschaften Inspector zu ffnen falls er noch nicht ge ffnet ist Im Eigenschaften Inspector werden Informationen zum ausgew hlten Bild angezeigt eronfs Bild 1K B Quelle ssetsinav_events gif 9 Ausrichten Standard 3 he Hz Hyperlink 30 Alt 4 Klicken Sie im Eigenschaften Inspector auf das Ordnersymbol neben dem leeren Feld Hyperlink 5 Gehen Sie im Dialogfeld HTML Datei ausw hlen zum Ordner Olivebranch_site w hlen Sie die Datei DW2_events_main htm und klicken Sie dann auf Ausw hlen Die Datei zu der Sie den Hyperlink erstellt haben wird im Feld Hyperlink des Eigenschaften Inspectors angezeigt Im n chsten Schritt erstellen Sie mit dem Eigenschaften Inspector und dem Site Fenster einen Hyperlink zum Bild catalog So erstellen Sie Hyperlink
67. documents lt div align left gt lt div align cent lt lt div align center gt kz div gt Kp gt amp nbsp lt p gt kbr gt Vorlagen 95 Bei Dokumenten die auf Vorlagen basieren sind die gesperrten Bereiche im HTML Fenster markiert Sie k nnen nur den editierbaren nicht markierten HTML Quellcode ndern Untitled 1 HTML Quelle i Gesperrter HTML Code ist markiert Nur editierbarer HTML Code kann ge ndert werden Markierung eines Bereichs aufheben Wenn Sie einen Bereich als editierbar markiert haben und ihn anschlie end wieder als nicht editierbar definieren bzw sperren m chten w hlen Sie den Befehl Markierung als editierbaren Bereich aufheben So heben Sie die Markierung eines Bereichs auf um ihn als nicht editierbar zu definieren 1 W hlen Sie ndern gt Vorlagen gt Markierung als editierbaren Bereich aufheben 2 W hlen Sie den Namen des Bereichs aus der Liste aus und klicken Sie auf OK Der Bereich wird gesperrt 96 Kapitel 5 Stile Zeitleisten und Verhaltensweisen in Vorlagen verwenden Benutzerdefinierte Stile Zeitleisten und Verhaltensweisen werden in Vorlagen vollst ndig unterst tzt Ein Dokument das auf einer Vorlage basiert kann jedoch keine eigenen Stylesheets Zeitleisten oder Verhaltensweisen haben sondern mu diejenigen verwenden die in der Vorlage definiert sind Der Grund hierf r ist da Stile Zeitleisten und Verhaltensweisen ber Komp
68. ein Dateiname Gibt den Namen der Datei an Titel Bezeichnet den Titel der Seite Text des Hyperlinks Ist die Beschreibung f r den Hyperlink zwischen der neuen und der ausgew hlten Datei Der Hyperlink erscheint in der ausgew hlten Datei Klicken Sie auf OK Die Datei wird im gleichen Ordner wie die ausgew hlte Datei gespeichert Wenn Sie einem versteckten Teil der Struktur eine neue Datei hinzuf gen ist auch die neue Datei versteckt Siehe Site Map Dateien einblenden und ausblenden auf Seite 124 So ndern Sie den Titel einer Seite 1 Stellen Sie sicher da die Option Seitentitel zeigen aktiviert ist W hlen Sie Ansicht gt Seitentitel zeigen Windows oder Site gt Site Map Ansicht gt Seitentitel zeigen Macintosh F hren Sie einen der folgenden Schritte aus W hlen Sie eine Seite aus und klicken Sie auf den Titel Wenn der Titel als editierbares Feld dargestellt wird k nnen Sie einen neuen Dokumenttitel eingeben W hlen Sie eine Seite aus und w hlen Sie dann Datei gt Umbenennen Windows oder Site gt Umbenennen Macintosh So ndern Sie die Homepage mit einer der folgenden Methoden gt W hlen Sie Site gt Neue Homepage Windows oder Site gt Site Map Ansicht gt Neue Homepage Macintosh um eine neue Homepage zu erstellen gt W hlen Sie Site gt Homepage ausw hlen Windows oder Site gt Site Map Ansicht gt Homepage ausw hlen Macintosh um eine bereits vorhandene Seite
69. erstellen Dokumente erstellen berblick Dokumente sind die Seiten die Anwender sehen wenn sie eine Web Site besuchen Dokumente k nnen Text und Bilder sowie komplizierteren Inhalt enthalten wie beispielsweise Audio Animationen und Hyperlinks zu anderen Dokumenten Wenn Sie mit Dreamweaver Dokumente erstellen und bearbeiten generiert Dreamweaver automatisch den zugrundeliegenden HTML Code Sie k nnen den HTML Quellcode mit dem HTML Inspector anzeigen und bearbeiten Wenn Sie mit Dreamweaver Dokumente erstellen verwenden Sie entweder leere HTML Seiten oder Vorlagen Weiterhin k nnen Sie HTML Dokumente ffnen und ndern die in anderen Anwendungen erstellt wurden Siehe Neue HTML Dokumente erstellen auf Seite 76 Beim Bearbeiten von Dokumenten k nnen Sie den Inhalt mit visuellen Hilfsmitteln auf der Seite positionieren Zu diesen Hilfsmitteln z hlen zum Beispiel Gitternetze Lineale und die Einrastfunktion Mit Tracing Bildern k nnen Sie das Seiten Design duplizieren Siehe Visuelle Hilfsmittel beim Design einsetzen auf Seite 77 Sie k nnen Ihren Dokumenten Text hinzuf gen indem Sie ihn in das Dokumentfenster eingeben oder von anderen Quellen einf gen Bilder horizontale Linien und andere Objekte k nnen mit der Objektpalette oder mit den Befehlen im Men Einf gen eingef gt werden Siehe Text und Objekte hinzuf gen auf Seite 81 Beim Hinzuf gen von Inhalt k nnen Sie Objekte direkt im Dokumentfenster ausw hl
70. frameset cols 207 397 gt lt frame src file C SITEROOT UntitledFrame 2 name Left gt lt frameset rows 270 268 gt lt frame src file C SITEROOT UntitledFrame 3 name TopRight gt lt frame src temp htm name BottomRight gt lt frameset gt lt frameset gt Sie sehen da das neue Frameset im bergeordneten Frameset einger ckt ist Dateien in Frames und Framesets speichern Eine Seite mit Frames enth lt mehrere Dateien Speichern Sie eine Datei innerhalb eines Frames die Frameset Datei oder alle Dateien gleichzeitig indem Sie die entsprechende Option w hlen So speichern Sie die Dateien in einem Frameset gt Um ein Dokument zu speichern das sich innerhalb eines Frames befindet plazieren Sie den Cursor im Frame und w hlen Sie dann Datei gt Speichern gt Um eine Frameset Datei zu speichern w hlen Sie Datei gt Frameset speichern oder Datei gt Frameset speichern unter gt Um alle ge ffneten Dateien gleichzeitig zu speichern w hlen Sie Datei gt Alles speichern Frames oder Framesets ausw hlen Wenn Sie die Eigenschaften von Frames oder Framesets ndern m chten m ssen Sie sie zun chst ausw hlen Im Eigenschaften Inspector werden die Eigenschaften des ausgew hlten Frames oder Framesets angezeigt Siehe Eigenschaften f r Frames und Framesets auf Seite 239 So w hlen Sie einen Frame mit einer der folgenden Methoden aus gt Halten Sie die Alt Taste Windows bzw die U
71. haben mehrere schwarze Hunde im Park gesehen Der gr te schwarze lt A HREF barnaby html gt Hund lt A gt hei t Barnaby Die Zeichenfolge schwarze Hund ist zwar auch im zweiten Satz enthalten hier wird sie jedoch von einem Hyperlink unterbrochen und entspricht daher nicht genau dem gesuchten Text Unter Suchen und Ersetzen auf Seite 137 wird genau beschrieben wie Sie einen Suchvorgang einleiten HTML Tags und Attribute suchen W hlen Sie im Dialogfeld Suchen oder Ersetzen die Option Tag um bestimmte Tags Attribute oder Attributwerte zu suchen Sie k nnen beispielsweise nach allen IMG Tags suchen die nicht das ALT Attribut haben Unter Suchen und Ersetzen auf Seite 137 finden Sie genauere Informationen ber die verschiedenen Suchvorg nge So suchen Sie nach bestimmten Tags 1 F hren Sie zun chst die Schritte aus die unter Suchen und Ersetzen auf Seite 137 beschrieben sind 2 W hlen Sie ein Tag aus dem Popup Men neben dem Popup Men Suchen nach oder w hlen Sie beliebiges Tag Wenn Sie alle Tags des angegebenen Typs suchen m chten klicken Sie auf die Schaltfl che mit dem Minuszeichen und fahren Sie mit Schritt 5 fort M chten Sie Ihre Suche dagegen noch weiter einschr nken fahren Sie mit Schritt 3 fort Site Verwaltung 139 140 Kapitel7 3 W hlen Sie eine der folgenden Optionen um den Suchvorgang einzuschr nken Mit Attribut Hiermit k nnen Sie aus einer Liste ein Attribut ausw
72. im Feld Verkn pfen durch einen Pfad und einen Dateinamen oder suchen Sie die gew nschte Datei und w hlen Sie sie aus v W hlen Sie die Option Bilder vorausladen wenn die Bilder im Cache des Browsers vorausgeladen werden sollen 4 Klicken Sie auf OK So testen Sie ein Rollover 1 W hlen Sie Datei gt Vorschau in Browser 2 Bewegen Sie den Cursor im Browser ber das prim re Bild Statt des Originalbildes sollte nun das Rollover Bild angezeigt werden Bilder einf gen 189 190 Kapitel 10 Bildeigenschaften einstellen Wenn ein Bild ausgew hlt ist k nnen Sie im Eigenschaften Inspector die folgenden Bildeigenschaften einstellen Im Eigenschaften Inspector werden zun chst nur die am h ufigsten verwendeten Eigenschaften angezeigt Klicken Sie unten rechts auf den Erweiterungspfeil um alle Eigenschaften anzuzeigen Bild Hier k nnen Sie das Bild benennen so da Sie es mit einer Skriptsprache wie JavaScript oder VBScript referenzieren k nnen B und H Diese Werte reservieren Platz f r das Bild wenn die Seite geladen wird Die urspr ngliche Gr e des Bildes wird automatisch eingetragen Als Ma einheit werden standardm ig Pixel verwendet das hei t f r Werte ohne Angabe der Ma einheit gelten Pixel Sie k nnen jedoch auch andere Ma einheiten verwenden indem Sie nach dem Wert die entsprechende Abk rzung eingeben in f r Zoll pc f r Pica pt f r Punkte mm f r Millimeter und cm f r Zentimeter Weiter
73. im Dokumentfenster suchen auf Seite 139 HTML Quelle Sucht nach bestimmten Textzeichenfolgen im HTML Quellcode Siehe Text im HTML Quellcode suchen auf Seite 139 Text erweitert Sucht nach bestimmten Textzeichenfolgen die sich entweder innerhalb oder au erhalb von Tags befinden Angenommen Ihr Dokument enth lt folgenden HTML Code Peter lt i gt bem ht lt i gt sich seine Arbeit p nktlich zu erledigen aber er schafft es nicht immer Er bem ht sich sehr Wenn Sie nach der Textzeichenfolge bem ht au erhalb des Tags i suchen wird nur das zweite Auftreten des Wortes bem ht gefunden Siehe Text zwischen bestimmten Tags suchen auf Seite 141 Tag Sucht nach bestimmten Tags Attributen und Attributwerten wie beispielsweise nach allen TD Iags deren VALIGN Attribut auf den Wert TOP eingestellt ist Siehe HTML Tags und Attribute suchen auf Seite 139 W hlen Sie eine der folgenden Optionen um die Suche einzuschr nken oder zu erweitern Gro Kleinschreibung beachten Bewirkt da nur der Text gefunden wird dessen Gro oder Kleinschreibung dem gesuchten Text genau entspricht Wenn Sie beispielsweise den Text das gro e Rennen suchen wird der Text Das Gro e Rennen nicht gefunden Unterschiede bei Leerraum ignorieren Bewirkt da alle nicht druckbaren Zeichen als ein einziges Leerzeichen interpretiert werden Wenn Sie diese Option aktivieren entspricht dieses Wort zwar der Zeichenfolge dieses Wort nicht jedoch der Zei
74. in der folgenden Abbildung gezeigt Schaltfl che Ebene Ausgew hlte Ebene mit Bild Wenn Sie auf die Ebene selbst klicken wird ein blinkender Cursor in die Ebene plaziert die Ebene wird aber nicht ausgew hlt W hlen Sie ndern gt Objekt in Zeitleiste einf gen oder ziehen Sie das ausgew hlte Objekt einfach in den Zeitleisten Inspector Im ersten Kanal der Zeitleiste ist eine Leiste zu sehen in der der Name der Ebene bzw des Bildes angezeigt wird Wenn Sie mit einem Bild arbeiten k nnen Sie nur eine Eigenschaft im Eigenschaften Inspector ndern und zwar die Bildquelldatei Die restlichen Schritte sind in diesem Fall irrelevant Siehe Bild und Ebeneneigenschaften mit Zeitleisten ndern auf Seite 298 Klicken Sie auf das Schl sselbildsymbol am Ende der Leiste Verschieben Sie die Ebene an die Stelle der Seite an der die Animation enden soll Interaktivit t und Animation hinzuf gen 295 296 Kapitel 16 7 Wenn Sie die Ebene in einer Kurve verschieben m chten w hlen Sie ihre Animationsleiste aus und klicken Sie bei gedr ckter Strg Iaste Windows bzw Befehlstaste Macintosh um ein Schl sselbild an der Cursorposition einzuf gen oder klicken Sie auf ein Bild in der Mitte der Animationsleiste und w hlen Sie im Kontextmen die Option Schl sselbild hinzuf gen Wiederholen Sie diesen Schritt um weitere Schl sselbilder zu definieren Halten Sie die Schaltfl che Wiedergeben gedr ckt um ei
75. installieren Sie Aftershock auf Ihrem System und starten Sie das Programm ber den Eigenschaften Inspector So f gen Sie Aftershock Objekte in Dreamweaver ein 1 ffnen Sie eine von Aftershock erstellte HTML Datei in Dreamweaver Aftershock Elemente werden in Dreamweaver als nicht editierbare Objekte angezeigt Wenn ein Objekt ein Vorschaubild enth lt zeigt Dreamweaver dieses Bild an 2 Kopieren Sie den Inhalt der Datei in ein anderes Dreamweaver Dokument So bearbeiten Sie ein Aftershock Objekt 1 Doppelklicken Sie auf ein Aftershock Objekt um den Eigenschaften Inspector zu ffnen 2 Klicken Sie auf Aftershock starten 3 Bearbeiten Sie die Datei in Aftershock speichern Sie die nderungen und beenden Sie das Dienstprogramm Wenn Sie Aftershock beenden aktualisiert Dreamweaver den Inhalt des Aftershock Objekts mit den neuen Informationen Interaktivit t und Animation hinzuf gen 307 308 Kapitel 16 Eigenschaften von Netscape Plug Ins Nachdem Sie ein Netscape Plug In eingef gt haben k nnen Sie seine Parameter im Eigenschaften Inspector festlegen Doppelklicken Sie auf ein Netscape Plug In damit folgende Eigenschaften im Eigenschaften Inspector angezeigt werden Siehe auch Filme Applets und andere Multimedia Elemente hinzuf gen auf Seite 303 Der Eigenschaften Inspector zeigt zun chst nur die am h ufigsten verwendeten Eigenschaften an Klicken Sie unten rechts auf den Erweiterungspfeil um alle Eigen
76. k nnen Informationen zu bestimmten Optionen aufrufen indem Sie ein Objekt ausw hlen und dann oben rechts im Eigenschaften Inspector auf das Fragezeichen klicken Der Eigenschaften Inspector zeigt zun chst nur die am h ufigsten verwendeten Eigenschaften an Wenn Sie unten rechts auf den Erweiterungspfeil klicken werden alle Eigenschaften angezeigt Der Launcher Mit den Schaltfl chen im Launcher k nnen Sie verschiedene Paletten Fenster und Inspectoren ffnen und schlie en N A AN Tm Site Giticer Stiles Verhalten Zeitteiste lt HTML Ny bed t f Siehe Optionen f r das Site Fenster auf Seite 130 Die Bibliothekspalette auf Seite 258 Die Stilpalette auf Seite 183 Der Verhaltensweisen Inspector auf Seite 264 Using the Der Zeitleisten Inspector auf Seite 292 oder Der HTML Inspector auf Seite 156 Die Objektpalette Mit den Schaltfl chen der Objektpalette k nnen Sie Objekte einf gen wie beispielsweise Tabellen Ebenen und Bilder Sie erstellen ein Objekt indem Sie auf die entsprechende Schaltfl che klicken oder das Objekt in das Dokumentfenster ziehen Erste Schritte 69 70 Kapitel 3 Die Objektpalette in Dreamweaver enth lt vier verschiedene Tafeln Allgemein Formulare Head und Unsichtbare Elemente Mit dem Popup Men k nnen Sie zwischen den Tafeln hin und herwechseln Sie k nnen die Objekte in der Palette ndern oder Ihre eigenen Objekte erstellen Siehe Die Objektpalette und das
77. klicken Sie dann auf die Schaltfl che Horizontale Linie Dokumente erstellen 81 82 Kapitel 4 So ndern Sie eine horizontale Linie 1 2 W hlen Sie die horizontale Linie im Dokumentfenster aus W hlen Sie Fenster gt Eigenschaften um den Eigenschaften Inspector zu ffnen ndern Sie die horizontale Linie indem Sie die folgenden Eigenschaften bearbeiten H und B Definieren H he und Breite der Linie in Pixeln oder als Prozentsatz der Seitengr e Ausrichten Gibt die Ausrichtung der Linie an Standard Links Zentrieren oder Rechts Diese Einstellung ist nur wirksam wenn das Browser Fenster breiter als die Linie ist Schattierung Gibt an ob die Linie mit einer Schattierung dargestellt wird Deaktivieren Sie diese Option wenn die Linie als einfache durchgezogene Linie ohne Schattierung dargestellt werden soll Elemente im Dokumentfenster ausw hlen Normalerweise w hlen Sie ein Element aus indem Sie darauf klicken Wenn das Element nicht sichtbar ist m ssen Sie es eventuell zuerst sichtbar machen bevor Sie es ausw hlen k nnen Mit den folgenden Methoden k nnen Sie Elemente ausw hlen gt Um ein Element im Dokumentfenster auszuw hlen ziehen Sie den Cursor ber das Element oder klicken Sie darauf Um ein unsichtbares Element auszuw hlen w hlen Sie Ansicht gt Unsichtbare Elemente und klicken Sie dann auf das Symbol des Elements Siehe Unsichtbare Elemente auf Seite 83 Einige Obj
78. konvertieren Befehl 233 Tabellen Siehe auch Spalten und Zeilen Tabellenzellen Tabellenbearbeitung neue Funktionen 11 Tabellenzeilen und spalten Option 158 Tabellenzellen formatieren 204 kopieren und einf gen 212 teilen 210 verbinden 210 Tabulatorgr e Option 159 346 Index Tags anwenden 170 ASP 155 164 ausw hlen 82 CFML 155 164 in Browser Profilen 319 nicht erkannte Tags 155 Suchvorg nge 139 Tabelle 202 berlappen 155 ung ltig 162 XML 155 Tag Selektor 68 Tag spezifisch Option 160 Tag Standard Option 160 Tastenkombinationen 325 Templates Ordner 90 Text ausrichten 174 bearbeiten Tastenkombinationen 326 einziehen 174 Farbe ndern 173 formatieren 169 formatieren Tastenkombinationen 327 Schriftartkombinationen ndern 172 Standardfarbe 85 zu Dokumenten hinzuf gen 81 Text HTML Tag Farben Option 160 Textfarbe Option 85 Textsuchvorg nge HTML 139 Regul re Ausdr cke 143 Zeichenfolgen 139 TITLE Tag 69 Tracing Bild 79 neu positionieren 80 U berblick 103 berlappende Tags 155 berschrift Tags 170 bersetzungsvoreinstellungen 259 bertragen Dateien 136 berz hlige Schlu Tags entfernen Option 158 Ungeordnete Liste Option 175 Ung ltige Tags 155 Ung ltiges Markup Eigenschaften 162 Unsichtbare Elemente ausw hlen 82 einblenden und ausblenden 83 Kommentare 167 Skripte 166 Voreinstellungen 83 Unterschiede bei Leerraum ignorieren Option 137 unterstrichen 171 URL in neu
79. markierten Bereiche ndern Template Templates Doc Using Template htm BE Editable Region Contains material that changes inspector Edit Region Placeholder Editable regions are highlighted in templates The associated HTML source code for editable and locked regions is highlighted in the HTML sram template gt lt body gt lt div gt p gt lt mm editable gt 603x424 7i O OD OOA Editierbarer HTML Code ist markiert Sowohl editierbare als auch gesperrte Bereiche k nnen ge ndert werden Editierbaren und gesperrten HTML Code anzeigen Im HTML Code wird der editierbare Inhalt mit den Dreamweaver Kommentaren BeginEditable und EndEditable abgegrenzt Der HTML Code f r einen editierbaren Platzhalter namens Bereich bearbeiten sieht daher folgenderma en aus lt BeginEditable Bereich bearbeiten gt Editierbarer Bereich lt EndEditable gt Der HTML Code f r eine editierbare Tabelle namens Tabelle bearbeiten sieht folgenderma en aus lt BeginEditable Tabelle bearbeiten gt lt table width 77 border 1 gt lt tr gt lt td gt amp nbsp lt td gt lt td gt amp nbsp lt td gt lt tr gt lt table gt lt EndEditable gt Bei Vorlagen sind die editierbaren Bereiche im HTML Fenster markiert Sie k nnen jedoch den HTML Quellcode f r sowohl editierbare als auch gesperrte Bereiche ndern gt Locked regions are highlighted in
80. nnen in einer einzigen Palette im Registerformat zusammengefa t werden Dadurch k nnen Sie ganz einfach auf die ben tigten Informationen zugreifen ohne da Ihr Arbeitsbereich un bersichtlich wird Launcher Eigenschaften Inspector Site Fenster und HTML Inspector k nnen jedoch nicht auf diese Weise angedockt werden So kombinieren Sie zwei oder mehr Paletten um eine Register Palette zu erstellen 1 Ziehen Sie eine schwebende Palette ber eine andere schwebende Palette Wenn auf der Zielpalette ein markierter Rand erscheint lassen Sie die Maustaste los 2 Klicken Sie auf eine beliebige Registerkarte um sie in den Vordergrund zu bringen So verhindern Sie da eine Palette der Register Palette hinzugef gt wird gt Halten Sie die Umschalttaste gedr ckt w hrend Sie die Palette ziehen So entfernen Sie eine Palette aus der Register Palette gt Ziehen Sie die zugeh rige Registerkarte aus dem Fenster Voreinstellungen w hlen Dreamweaver enth lt Voreinstellungen die das allgemeine Erscheinungsbild der Dreamweaver Benutzeroberfl che steuern sowie Optionen f r bestimmte Funktionen wie beispielsweise Ebenen Stylesheets HTML externe Editoren und die Vorschau von Seiten in Browsern Informationen zu bestimmten Voreinstellungen finden Sie in diesemBenutzerhandbuch unter dem jeweiligen Thema der einzelnen Funktionen Die folgenden Voreinstellungen bestimmen das allgemeine Erscheinungsbild Ihres Arbeitsbereichs Genaue
81. oder UL CLASS meinstil Wenden Sie den Stil dagegen auf verschiedene Textbereiche an werden SPAN Tags mit dem CLASS Attribut am Anfang und am Ende des ausgew hlten Textes eingef gt Siehe Benutzerdefinierte Stile anwenden auf Seite 181 gt Mit CSS Selektor Stilen wird die Formatierung f r bestimmte Tag Kombinationen neu definiert TD H2 gilt zum Beispiel immer wenn H2 berschriften innerhalb einer Tabellenzelle enthalten sind Weiterhin wird mit diesen Stilen die Formatierung f r alle Tags die ein bestimmtes ID Attribut enthalten neu definiert so gilt meinstil beispielsweise f r alle Tags mit der Attribut Wertkombination ID meinstil Textformatierungen die Sie manuell auf Textbereiche anwenden k nnen Vorrang vor Stilen haben Wenn Stile die gesamte Formatierung eines Absatzes steuern sollen m ssen Sie daher alle anderen Formatierungseinstellungen entfernen Sie k nnen zwar alle Stilattribute die in der CSS1 Spezifikation definiert sind in Dreamweaver festlegen es erscheinen jedoch nicht alle Attribute im Dokumentfenster Die Attribute die nicht angezeigt werden sind im Dialogfeld Stildefinition mit einem Sternchen versehen Beachten Sie auch da einige der CSS Stile die mit Dreamweaver festgelegt werden k nnen in Microsoft Internet Explorer 4 0 und Netscape Navigator 4 0 anders dargestellt werden und da manche Stile zur Zeit von keinem Browser unterst tzt werden Mehr zu Stylesheets Das Worl
82. unterschiedliche Ereignisse W hlen Sie im Popup Men Ereignisse f r die Browser in denen die Verhaltensweise funktionieren soll Im Popup Men Ereignisse werden nur die Ereignisse angezeigt die von den ausgew hlten Browsern erkannt werden Pfeil nach oben und unten Verschieben die ausgew hlte Aktion in der Liste der Verhaltensweisen nach oben oder unten Die Aktionen werden in der festgelegten Reihenfolge ausgef hrt Verhaltensweisen von Drittanbietern herunterladen und installieren Die Erweiterungsf higkeit ist eines der interessantesten Merkmale von Dreamweaver Sie bietet Anwendern die sich gut mit JavaScript auskennen die M glichkeit eigene Objekte Verhaltensweisen Befehle und Eigenschaften Inspectoren zu erstellen Viele Anwender haben sich entschieden ihre Entwicklungen anderen zug nglich zu machen und stellen Dateien im Extensibility Exchange auf der Dreamweaver Web Site http www dreamweaver com zur Verf gung Im Extensibility Exchange finden Sie Anleitungen dazu wie Sie diese Erweiterungsdateien herunterladen So installieren Sie die Verhaltensweise eines Drittanbieters in Ihrer Kopie von Dreamweaver 1 Extrahieren Sie die Verhaltensdatei en mit einem entsprechenden Dienstprogramm aus dem heruntergeladenen Archiv Die im Extensibility Exchange erh ltlichen zip Archive k nnen beispielsweise mit WinZip Windows oder Ziplt Macintosh ge ffnet werden 2 Ziehen Sie die extrahierten Dateien in den Or
83. verglichen die im Cache aufgezeichnet sind Auf diese Weise wird berpr ft ob der Cache auf dem neuesten Stand ist Wenn Sie Ihre Dateien nicht in anderen Anwendungen bearbeitet haben k nnen Sie ohne weiteres auf Stop klicken wenn diese Schaltfl che angezeigt wird Hyperlinks in der ganzen Site ndern Im vorigen Abschnitt wurde beschrieben wie Dreamweaver Hyperlinks automatisch aktualisieren kann wenn Sie Dateien verschieben oder umbenennen Sie k nnen jedoch auch alle Hyperlinks einschlie lich mailto ftp Nowhere und Skript Hyperlinks manuell ndern so da sie auf ein anderes Dokument verweisen Sie k nnen diese Funktion jederzeit verwenden wenn beispielsweise die W rter Filme des Monats in Ihrer ganzen Site mit der Datei flmehjuli html verkn pft sind m ssen Sie diese Hyperlinks am 1 August so ndern da sie auf die Datei filme august html verweisen Besonders n tzlich ist die Funktion jedoch wenn Sie eine Datei l schen m chten die Hyperlinks zu anderen Dateien enth lt So ndern Sie einen Datei Hyperlink in der ganzen Site 1 W hlen Sie im lokalen Bereich des Site Fensters eine Datei aus 2 W hlen Sie Site gt Hyperlink f r ganze Site ndern 3 Daraufhin wird ein Dialogfeld angezeigt Geben Sie in das Feld ndern in Hyperlinks zu einen Site Stamm relativen Pfad zu einer anderen Datei ein oder klicken Sie auf das Ordnersymbol um eine Datei zu suchen und auszuw hlen 4 Klicken Sie auf OK
84. wenden Sie die Vorlage neu auf die Produktseiten an Dadurch wird die Navigationsleiste in allen Seiten die auf der Vorlage basieren aktualisiert So ffnen Sie die Vorlagendatei in einem Dokumentfenster gt Aktivieren Sie das Site Fenster gehen Sie im Ordner Olivebranch_site zum Unterordner Templates und doppelklicken Sie auf die Datei DW2_cat_product dwt Jede Vorlage enth lt sowohl gesperrte als auch editierbare Bereiche Die gesperrten Bereiche k nnen nur innerhalb der Vorlage selbst bearbeitet werden in Seiten die auf der Vorlage basieren werden diese Bereiche in einer Markierungsfarbe angezeigt Die editierbaren Bereiche sind Platzhalter f r den spezifischen Inhalt der Seiten auf die die Vorlage angewandt wird In der Vorlage sind die editierbaren Bereiche markiert In dieser Vorlage befindet sich die Navigationsleiste in einem gesperrten Bereich Die f r Produktabbildungen und Text vorgesehenen Bereiche sind dagegen in jeder Produktseite editierbar Bearbeiten Sie nun die Vorlagendatei F gen Sie zun chst der Kataloggrafik einen Hyperlink hinzu So erstellen Sie einen Hyperlink von der Kataloggrafik zur Hauptseite Catalog 1 Klicken Sie einmal auf die Kataloggrafik 2 W hlen Sie Fenster gt Eigenschaften um den Eigenschaften Inspector zu ffnen 3 Klicken Sie im Eigenschaften Inspector auf das Ordnersymbol neben dem Feld Hyperlink und w hlen Sie im Ordner Olivebranch_site die Datei DW2_cat_main_index ht
85. wenn der Inhalt ber den sichtbaren Bereich hinausgeht Wenn Sie diese Option nicht ausdr cklich aktivieren werden keine Abrollbalken angezeigt Wenn auch die Option Gr en nderungsgriffe deaktiviert ist k nnen Anwender den Inhalt nicht sehen der ber die Originalgr e des Fensters hinausgeht Gr en nderungsgriffe Legt fest da der Anwender die Fenstergr e ndern kann indem er die untere rechte Fensterecke zieht oder auf die Schaltfl che zur Gr en nderung in der oberen rechten Ecke klickt Wenn Sie diese Option nicht ausdr cklich aktivieren ist die Schaltfl che zur Gr en nderung nicht verf gbar und die untere rechte Ecke kann nicht gezogen werden Fenstername Der Name des neuen Fensters Benennen Sie das neue Fenster wenn Sie es als Ziel f r Hyperlinks verwenden oder mit JavaScript steuern m chten Klicken Sie auf OK Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Popup Meldung Die Aktion Popup Meldung blendet ein JavaScript Warndialogfeld mit einer Meldung ein die Sie festlegen JavaScript Warndialogfelder verf gen nur ber eine Schaltfl che OK daher eignet sich diese Aktion nicht dazu Anwendern eine Auswahl zu bieten sondern um Informationen bereitzustellen So verwe
86. zeigen Sie die Site Dateien mit einer der folgenden Methoden an gt W hlen Sie Fenster gt Sites um das Site Fenster in der Site Dateien Ansicht zu ffnen gt Klicken Sie im Site Fenster auf die Schaltfl che Site Dateien So f gen Sie einer Site einen neuen Ordner hinzu 1 W hlen Sie Datei gt Neuer Ordner Windows oder Site gt Site Dateien Ansicht gt Neuer Ordner Macintosh 2 W hlen Sie den neuen Ordner aus und benennen Sie ihn So f gen Sie einer Site eine neue Datei hinzu 1 W hlen Sie Datei gt Neue Datei Windows oder Site gt Site Dateien Ansicht gt Neue Datei Macintosh 2 W hlen Sie die neue Datei aus und benennen Sie sie So aktualisieren Sie die Site Dateien Ansicht nachdem nderungen vorgenommen wurden gt W hlen Sie Ansicht gt Lokal aktualisieren Windows oder Site gt Site Dateien Ansicht gt Lokal aktualisieren Macintosh gt W hlen Sie Ansicht gt Entfernt aktualisieren Windows oder Site gt Site Dateien Ansicht gt Entfernt aktualisieren Macintosh Site Planung 117 118 Kapitel 6 Wenn Sie mit lokalen und entfernten Sites arbeiten k nnen Sie ermitteln welche Dateien aktualisiert wurden Diese Funktion bietet sich an wenn Sie alle Dateien deren lokale Version neuer ist als die entfernte Version an die entfernte Site bertragen m chten oder wenn Sie alle Dateien deren entfernte Version neuer ist als die lokale Version auf die lokale Site herunt
87. 16 Kapitel 1 KAPITEL 2 Lehrgang Lehrgang berblick Der Lehrgang soll Ihnen zeigen wie Sie mit Dreamweaver eine Web Site bearbeiten und aktualisieren Im Lehrgang bearbeiten Sie eine Web Site f r eine fiktive Firma Olivebranch Delikatessen ein landwirtschaftlicher Betrieb der hochqualitative Lebensmittel verkauft Auf der Web Site von Olivebranch k nnen die Kunden das Angebot des Tages lesen sowie im Online Katalog nachschlagen welche Wein K se Senf und lsorten angeboten werden Weiterhin erfahren die Kunden genauere Einzelheiten ber Olivebranch und die von Olivebranch unterst tzten Veranstaltungen und Projekte 17 18 Kapitel 2 Dabei lernen Sie wie Sie gt gt gt gt eine Seiten Vorschau im Browser anzeigen eine lokale Site definieren Seiteneigenschaften w hlen wie Hintergrund und Hyperlink Farben eine Site Map erstellen Hyperlinks erstellen mit Ebenen ein Layout erstellen und Ebenen in Tabellen konvertieren mit Tracing Bildern arbeiten Tabellen bearbeiten Text mit Stilen formatieren Vorlagen anwenden Verhaltensweisen anf gen Flash Filme einf gen Hinweis In diesem Lehrgang werden einige Funktionen vorgestellt die nur in 4 0 oder neueren Browsern unterst tzt werden Unternehmen Sie eine Tour in Dreamweaver Bevor Sie beginnen sollten Sie die Filme der Tour in den Dreamweaver Help Pages ansehen um die Dreamweaver Funktionen kennenzulernen So sehen Sie sich
88. 61 340 Index Entfernen leere Tags Option 161 Entfernen redundante verschachtelte Tags Option 161 Entfernen spezifische s Tag s Option 161 Entfernte Dateien Option 116 Ereignisse Definition 262 f r verschiedene Browser und Objekte verf gbare 262 in Verhaltensweisen ndern 264 Verhaltensweisen ausl sen 262 Ereignisse Popup Men 264 Extensibility Exchange 265 Externe Editoren Bilder 194 Browser Profile 319 Skripte zur Formularverarbeitung erstellen 245 Text 163 Externe Stylesheets bearbeiten 179 erstellen 177 verkn pfen 177 F Falsch verschachtelte und nicht geschlossene Tags reparieren Option 158 Farbe Befehl 173 Farben ausw hlen 86 Elemente der Benutzeroberfl che 72 Frame Hintergrund 243 f r Text ndern 173 Seite 85 Standard f r Text 85 websicher 87 Farbfeld 86 Farbschema einstellen Befehl 85 Fenster ffnen und schlie en 69 Tastenkombinationen 335 Fenstergr en Option 78 fett 171 Filme einf gen 303 Firewall verwenden Option 128 Firewalls Host und Anschlu einstellen 132 Verbindung durch 104 128 Flash Filme Eigenschaften 306 einf gen 305 steuern 273 vergr ern oder verkleinern 192 Formatierung von HTML Code Steuerungen 157 Voreinstellungen 158 Formular validieren Aktion 288 Formular Befehl 246 Formularbegrenzer 83 Formulare 248 clientseitiges JavaScript 248 Eigenschaften 247 erstellen 246 Komponenten 245 Objekte hinzuf gen 247 verarbeiten 248 Formularfelder validi
89. DREAMWEAVER Benutzerhandbuch Marken Macromedia das Macromedia Logo das Made With Macromedia Logo Authorware Backstage Director Extreme 3D und Fontographer sind eingetragene Marken und Afterburner AppletAce Authorware Interactive Studio Backstage Backstage Designer Backstage Desktop Studio Backstage Enterprise Studio Backstage Internet Studio DECK II Director Multimedia Studio Doc Around the Clock Extreme 3D Flash FreeHand FreeHand Graphics Studio Lingo Macromedia xRes MAGIC Power Applets Priority Access SoundEdit Shockwave Showcase Tools to Power Your Ideas und Xtra sind Marken von Macromedia Inc Andere Produktnamen Logos Designs Titel W rter oder Begriffe die in dieser Dokumentation genannt werden k nnen Marken Dienstleistungsmarken oder Warenbezeichnungen von Macromedia Inc oder anderen Organisationen sein und sind eventuell in bestimmten Gerichtsbarkeiten eingetragen Apple Haftungsausschlu APPLE COMPUTER INC BERNIMMT KEINE EXPLIZITE ODER IMPLIZITE HAFTUNG IN BEZUG AUF DAS ENTHALTENE COMPUTER SOFTWAREPAKET SEINE EIGNUNG F R DEN GEW HNLICHEN GEBRAUCH ODER F R EINEN BESTIMMTEN ZWECK DER AUSSCHLUSS IMPLIZITER HAFTUNGEN IST IN MANCHEN STAATEN NICHT ZUL SSIG DAHER TRIFFT DER OBIGE HAFTUNGSAUSSCHLUSS EVENTUELL NICHT AUF SIE ZU DIESE HAFTUNG GIBT IHNEN BESTIMMTE GESETZLICH FESTGELEGTE RECHTE UND EVENTUELL HABEN SIE WEIT ERE RECHTE DIE VON STAAT ZU STAAT VARIIEREN K NNEN Copyright 1998
90. Dialogfeld Bild austauschen in der Liste Bilder das Bild about Hierbei handelt es sich um das Originalbild das durch ein hervorgehobenes Bild ersetzt wird wenn der Anwender den Cursor dar ber bewegt Bild austauschen unnamed lt img gt unnamed lt img gt Klicken Sie neben dem Feld Quelle einstellen auf auf die Schaltfl che Durchsuchen und gehen Sie im Ordner Assets zur Bilddatei nav_about_roll gif Dieses Bild ersetzt das Originalbild wenn das onMouseOver Ereignis auftritt Bild austauschen in Ebene Layers Bild catalog in Ebene Layerd Assets nav_about_roll gif v M 6 Akzeptieren Sie die Standardoptionen unter dem Feld Quelle einstellen auf Die Option Bilder vorausladen l dt das Austauschbild in den Cache Speicher des Browsers wenn die Seite geladen wird Dadurch wird sichergestellt da keine merkbare Pause entsteht bevor das Austauschbild angezeigt wird wenn der Anwender den Cursor zum ersten Mal ber das Bild about bewegt Die Option Bilder bei onMouseOut wiederherstellen bewirkt da dem onMouseOut Ereignis f r dieses Bild automatisch die Aktion Austauschbild wiederherstellen zugewiesen wird Dadurch wird wieder das Originalbild angezeigt sobald der Anwender den Cursor von der Schaltfl che weg schiebt 7 Klicken Sie auf OK um das Dialogfeld Bild austauschen zu schlie en und die vorgenommenen nderungen anzuwenden Im Verhaltenweisen Inspector werden nun die Ereignisse und Aktionen
91. Feld Bild Quelldatei ein oder klicken Sie auf Durchsuchen um eine Bilddatei auszuw hlen Interaktivit t und Animation hinzuf gen 283 284 Kapitel 16 4 Klicken Sie oben im Dialogfeld auf die Schaltfl che mit dem Pluszeichen um das Bild der Liste Bilder vorausladen hinzuzuf gen Klicken Sie auf die Schaltfl che mit dem Pluszeichen bevor Sie das n chste Bild angeben da sonst das eben gew hlte Bild in der Liste durch das Bild ersetzt wird das Sie als n chstes w hlen 5 Wiederholen Sie die Schritte 3 und 4 f r alle verbleibenden Bilder die Sie auf der aktuellen Seite vorausladen m chten 6 Wenn Sie ein Bild aus der Liste Bilder vorausladen entfernen m chten w hlen Sie es aus und klicken Sie auf die Schaltfl che mit dem Minuszeichen Klicken Sie auf OK 8 Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Ebenen ein ausblenden Die Aktion Ebenen ein ausblenden blendet eine oder mehrere Ebenen ein oder aus oder stellt die Standardsichtbarkeit wieder her Diese Aktion eignet sich zum Anzeigen von Informationen w hrend der Anwender mit der Seite interagiert Wenn der Anwender die Maus beispielsweise ber das Bild einer Pflanze bewegt k nnen Sie eine Ebene mit folgenden Informationen einb
92. HTML Dokumente anwenden So wenden Sie Formatierungsoptionen f r HTML Quellcode auf ein vorhandenes Dokument an 1 W hlen Sie Datei gt ffnen um eine vorhandene HTML Datei im Dokumentfenster zu ffnen 2 W hlen Sie Befehle gt Quellformatierung anwenden Ung ltiges Markup korrigieren HTML Code der im Dokumentfenster oder im HTML Inspector in Hellgelb markiert wird ist ung ltig und kann daher in Dreamweaver nicht dargestellt werden Diese Markierungen f r ung ltigen HTML Code treten h ufig auf wenn Sie ein Tag in den HTML Inspector eingeben und anschlie end in das Dokumentfenster wechseln ohne das Tag vorher abzuschlie en Sie k nnen das Problem beheben indem Sie auf die gelbe HTML Markierung klicken und den L sungsvorschlag ausf hren der im Eigenschaften Inspector angezeigt wird Siehe auch Roundtrip HTML berblick auf Seite 155 Mit anderen HTML Editoren arbeiten In manchen F llen m chten Sie vielleicht einen Texteditor verwenden um gro e Bereiche von HTML JavaScript oder VBScript Code manuell zu erstellen Sie k nnen mit Dreamweaver jeden beliebigen externen Texteditor verwenden einschlie lich Notepad in Windows 95 und NT integriert oder SimpleText in der Macintosh Software integriert BBEdit HomeSite vi emacs und TextPad Die vollst ndigen kommerziellen englischen franz sischen und deutschen Versionen von Dreamweaver enthalten den g ngigsten Texteditor f r Windows HomeSite so
93. Ihre aktuelle Homepage folgenderma en aussehen Lehrgang 25 26 Kapitel 2 Seitentitel definieren Der Seitentitel einer HTML Seite hilft den Anwendern bei der Anzeige verschiedener Seiten in einem Browser den berblick zu behalten Weiterhin identifiziert er die Seite in Verlaufs und Textmarkenlisten Wenn Sie keinen Titel f r Ihre Seite angeben wird sie im Browser Fenster und in Verlaufs und Textmarkenlisten als Unbenanntes Dokument aufgef hrt So definieren Sie den Seitentitel 1 Benennen Sie die Homepage indem Sie im Dialogfeld Seiteneigenschaften in das Feld Titel den Text Olivebranch Delikatessen eingeben und dann auf OK klicken Seiteneigenschaften Olivebranch Gourmet Foods froetmune bor Den Eilfscccess C T C T esien tann z Feuer M u Die Titelleiste wird aktualisiert und zeigt nun den Namen der Datei an 2 W hlen Sie Datei gt Speichern um Ihre nderungen zu speichern Site Maps erstellen Eine Site Map zeigt die Struktur einer lokalen Site in einer bersichtlichen visuellen Darstellung Sie k nnen mit der Site Map auch neue Dateien zur Site hinzuf gen sowie Hyperlinks hinzuf gen entfernen und ndern Weiterhin k nnen Sie ein BMP oder PICT Bild der Site erstellen das Sie in eine Bildbearbeitungsanwendung exportieren und von dort aus drucken k nnen Die Homepage einer Site wird stets ganz oben in der Site Map angezeigt Unterhalb der Homepage werden die Dateie
94. In berpr fen W hlen Sie ein Plug In aus dem Popup Men Plug In oder aktivieren Sie den Optionsschalter Eingeben und geben Sie den genauen Namen des Plug Ins in das angrenzende Feld ein Sie m ssen f r das Plug In genau den Namen verwenden der auf der Registerkarte ber Plug Ins in Netscape Navigator in Fettdruck festgelegt ist W hlen Sie in Navigator in Windows Hilfe gt ber Plug Ins bzw auf dem Macintosh das Men Apple gt ber Plug Ins Legen Sie im Feld URL einen URL f r die Anwender fest die ber das Plug In verf gen Wenn Anwender die ber das Plug In verf gen auf der Seite bleiben sollen lassen Sie das Feld URL leer Legen Sie im Feld Alt URL einen alternativen URL f r die Anwender fest die nicht ber das Plug In verf gen Wenn Anwender die nicht ber das Plug In verf gen auf der Seite bleiben sollen lassen Sie das Feld Alt URL leer Aktivieren Sie die Option Zum ersten URL gehen wenn ActiveX verf gbar ist wenn Sie sowohl das OBJECT als auch das EMBED Tag verwenden Das OBJECT Tag l dt das ActiveX Steuerelement automatisch herunter wenn der Anwender noch nicht dar ber verf gt Diese Option erm glicht es dem Anwender daher zu der Seite mit dem Plug In Inhalt zu wechseln ActiveX ist zur Zeit nur in Microsoft Internet Explorer f r Windows95 NT verf gbar Klicken Sie auf OK Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen S
95. Kategorie Site FTP F hren Sie einen der folgenden Schritte aus W hlen Sie im Men Immer zeigen die Option Lokale Dateien und geben Sie dann an ob die lokalen Dateien im rechten oder im linken Bereich des Site Fensters angezeigt werden sollen Die lokale Site wird im ausgew hlten Fensterbereich und die entfernte Site oder die Site Map im gegen berliegenden Fensterbereich angezeigt W hlen Sie im Men Immer zeigen die Option Entfernte Dateien und geben Sie dann an ob die entfernten Dateien im rechten oder im linken Bereich des Site Fensters angezeigt werden sollen Die entfernte Site wird im ausgew hlten Fensterbereich und die lokale Site oder die Site Map im gegen berliegenden Fensterbereich angezeigt So ndern Sie den Anzeigebereich gt Ziehen Sie die Trennleiste um den rechten oder den linken Fensterbereich zu vergr ern gt Verwenden Sie die Abrollbalken unten in den Fensterbereichen um den Inhalt zu verschieben gt Klicken Sie in der Site Map auf den Pfeil ber einer Datei und ziehen Sie ihn um die Spaltenbreite zu ndern Weitere Informationen ber Site Voreinstellungen finden Sie unter Site FTP Voreinstellungen w hlen auf Seite 132 Mit Site Dateien arbeiten Mit der Site Dateien Ansicht k nnen Sie lokale und entfernte Sites als Dateilisten anzeigen einer Site neue Dateien und Ordner hinzuf gen oder die Anzeige der Site aktualisieren nachdem nderungen vorgenommen wurden So
96. Liste der externen Hyperlinks im ausgew hlten Dokument bzw in den ausgew hlten Dokumenten erstellt diese Hyperlinks werden jedoch nicht berpr ft So berpr fen Sie die Hyperlinks im aktuellen Dokument 1 Speichern Sie die Datei in einem Ordner einer lokalen Site 2 W hlen Sie Datei gt Hyperlinks berpr fen gt Dieses Dokument So berpr fen Sie die Hyperlinks in einem Teil der lokalen Site 1 W hlen Sie Fenster gt Sites um das Site Fenster zu ffnen 2 W hlen Sie im Popup Men der Sites die gew nschte Site aus W hlen Sie im lokalen Bereich die Dateien oder Ordner die Sie berpr fen m chten 4 Klicken Sie mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh und w hlen Sie im Kontextmen den Befehl Hyperlinks berpr fen gt Ausgew hlte Dateien Ordner So berpr fen Sie die Hyperlinks in der ganzen Site gt W hlen Sie Datei gt Hyperlinks berpr fen gt Ganze Site Wenn Dreamweaver alle Hyperlinks in den ausgew hlten Dateien berpr ft hat wird das Dialogfeld Hyperlink Pr fer angezeigt Dieses Dialogfeld enth lt eine Liste mit allen fehlerhaften Hyperlinks externen Hyperlinks Hyperlinks die Dreamweaver nicht berpr fen kann da sie sich nicht innerhalb der Site befinden und allen verwaisten Dateien Dateien die nicht mit anderen Dokumenten verkn pft sind W hlen Sie im Popup Men Zeigen die Option Fehlerhafte Hyperlinks Externe Hyperlinks oder Verw
97. Men Einf gen ndern auf Seite 316 Genaue Informationen zu den Optionen der einzelnen Tafeln finden Sie in den entsprechenden Themen der Dreamweaver Hilfe Unsichtbare Elemente E il 7 Hii gang gt Die Tafel Allgemein enth lt die am h ufigsten verwendeten Objekte wie Bild Tabelle und Ebene gt Mit den Schaltfl chen der Tafel Formulare k nnen Sie Formulare und Formular Elemente erstellen gt Die Tafel Head enth lt Schaltfl chen mit denen Sie verschiedene HEAD Elemente hinzuf gen k nnen wie beispielsweise die Tags META TITLE und BASE gt Mit den Schaltfl chen der Tafel Unsichtbare Elemente k nnen Sie Objekte erstellen die im Dokumentfenster nicht sichtbar sind Dazu geh ren beispielsweise benannte Anker W hlen Sie Ansicht gt Unsichtbare Elemente um Symbole anzuzeigen welche die Position dieser Objekte markieren Sie k nnen auf diese Symbole klicken um die zugeh rigen Objekte auszuw hlen und ihre Eigenschaften zu ndern Siehe Unsichtbare Elemente auf Seite 83 Einige Optionen unter den allgemeinen Voreinstellungen wirken sich auf die Objektpalette aus Sie k nnen diese Einstellungen ndern indem Sie Bearbeiten gt Voreinstellungen und anschlie end Allgemein w hlen gt Wenn Sie Objekte wie Tabellen Skripte und HEAD Elemente einf gen werden Sie in einem Dialogfeld dazu aufgefordert zus tzliche Informationen einzugeben Soll dieses Dialogfeld nicht a
98. MouseOver Ereignis an Hyperlinks angef gt haben m ssen Sie die MM_dragLayer Funktion geringf gig ndern um zu verhindern da die MM_SNAPPED Eigenschaft einer bereits eingerasteten Ebene auf FALSE zur ckgesetzt wird wenn der Anwender die Maus dar ber bewegt dies kann vorkommen wenn Sie mit Hilfe von Ebene ziehen ein Bildpuzzle erstellt haben da der Anwender beim Positionieren von Puzzleteilen die Maus mit Sicherheit ber bereits eingerastete Teile bewegt MM_draglayer hat nicht die Aufgabe dieses Verhalten zu verhindern da es in einigen F llen w nschenswert ist wenn Sie beispielsweise f r eine einzelne Ebene mehrere Ablageziele festlegen m chten So verhindern Sie die Neuregistrierung von eingerasteten Ebenen W hlen Sie Bearbeiten gt Suchen W hlen Sie im Popup Men Suchen nach die Option HTML Quelle Geben Sie in das angrenzende Textfeld curDrag ein A O N Klicken Sie auf Weitersuchen Wenn Dreamweaver fragt ob Sie den Suchvorgang am Anfang des Dokuments fortsetzen m chten klicken Sie auf Ja Dreamweaver findet folgende Anweisung if curDrag return false 5 Schlie en Sie das Dialogfeld Suchen und ndern Sie die Anweisung dann im HTML Inspector folgenderma en if curDrag curDrag MM_SNAPPED null return false Die beiden Pipe Zeichen bedeuten oder und curDrag ist eine Variable die die Ebene darstellt die als ziehbar registriert wird Diese Anweisung bedeutet folgende
99. NOFRAMES Inhalt erstellen Sie k nnen Inhalt angeben der in lteren und textbasierten Browsern angezeigt werden soll die keine Frames unterst tzen Der angegebene Inhalt wird mit einer Anweisung hnlich der folgenden in die Frameset Datei eingef gt lt noframes gt lt body bgcolor FFFFFF gt Dies ist der NoFrames Inhalt lt body gt lt noframes gt Wenn die Frameset Datei in einem Browser geladen wird der keine Frames unterst tzt wird nur der NOFRAMES Inhalt angezeigt So definieren Sie NOFRAMES Inhalt 1 W hlen Sie ndern gt Frameset gt NoFrames Inhalt bearbeiten Der Inhalt des Dokumentfensters wird gel scht und der Text NoFrames Inhalt wird oben im Hauptteil angezeigt 2 Erstellen Sie den NoFrames Inhalt im Dokumentfenster 3 W hlen Sie noch einmal ndern gt Frameset gt NoFrames Inhalt bearbeiten um zur normalen Ansicht des Frameset Dokuments zur ckzukehren KAPITEL 14 Formulare erstellen Formulare erstellen berblick Mit Formularen k nnen Sie Informationen von Anwendern sammeln Formulare werden normalerweise f r Umfragen Bestellungen und Suchschnittstellen verwendet Um mit Formularen arbeiten zu k nnen sind zwei Komponenten erforderlich der HTML Code der das Formular beschreibt und eine Server Anwendung oder ein Client Skript zum Verarbeiten der Informationen die der Anwender in die Formularfelder eingibt Mit Dreamweaver k nnen Sie Formulare erstellen ihnen Objekte hi
100. Seite bereits auf einer anderen Vorlage basiert Der Seiteninhalt des Dokuments bleibt unver ndert vorausgesetzt die editierbaren Bereiche in der neuen und der alten Vorlage haben die gleichen Namen Diese Funktion bietet sich an wenn Sie das Erscheinungsbild mehrerer Seiten ndern m chten der spezifische Inhalt der Seiten dabei jedoch unver ndert beibehalten werden soll Angenommen Sie m chten eine Sommer und eine Winterausgabe eines Katalogs erstellen In diesem Fall k nnen Sie ein v llig neues Design entwerfen ohne den Seiteninhalt zu ndern indem Sie eine neue Vorlage verwenden in der Sie beispielsweise Hintergrundfarbe und Hintergrundbild der Seite ndern oder die editierbaren Bereiche neu positionieren Lehrgang 57 58 Kapitel 2 Im folgenden Abschnitt wenden Sie eine Winter Vorlage auf eine Produktseite an Die Produktseite wird aktualisiert und hat nun das Erscheinungsbild f r die neue Jahreszeit So wenden Sie eine neue Vorlage auf eine vorhandene Seite an 1 Doppelklicken Sie im Site Fenster auf die Datei DW2_cat_wines flc htm um die Produktseite f r Weinsorten im Dokumentfenster zu ffnen Die gesperrten Bereiche der Seite sind in einer anderen Farbe markiert Diese Bereiche k nnen nur in der Vorlage bearbeitet werden die f r die Seite verwendet wurde Wenn keine farblichen Unterschiede zwischen den einzelnen Seitenbereichen bestehen w hlen Sie Bearbeiten gt Voreinstellungen w hlen Sie
101. Setzen Sie Verhaltensweisen ein um Aktionen als Reaktion auf bestimmte Ereignisse auszuf hren Beispielsweise k nnen Sie festlegen da eine Schaltfl che hervorgehoben wird wenn der Anwender mit der Maus darauf zeigt da ein Formular validiert wird wenn der Anwender auf die Schaltfl che Abschicken klickt oder da ein zweites Browser Fenster ge ffnet wird nachdem die Hauptseite geladen wurde Siehe Verhaltensweisen berblick auf Seite 262 gt Eirstellen Sie mit Hilfe von Zeitleisten Animationen die weder Plug Ins ActiveX Steuerelemente noch Java ben tigen Zeitleisten verwenden dynamisches HTML um die Position einer Ebene oder die Quelle eines Bildes im Zeitverlauf zu ndern oder um automatisch Verhaltensweisen aufzurufen nachdem die Seite geladen wurde Siehe Animationen mit dynamischem HTML erstellen auf Seite 292 261 262 Kapitel 16 gt Verwenden Sie Java Applets Shockwave Filme Flash Player Filme oder sonstige ActiveX Steuerelemente bzw Netscape Plug Ins um Ihrer Seite eigenst ndige Filme interaktive Navigationsschemata oder sonstige Multimedia Elemente hinzuzuf gen Siehe Filme Applets und andere Multimedia Elemente hinzuf gen auf Seite 303 Verhaltensweisen berblick Eine Verhaltensweise ist eine Kombination aus einem Ereignis und einer Aktion Aktionen bestehen aus vordefiniertem JavaScript Code der bestimmte Aufgaben ausf hrt beispielsweise ein Browser Fenster ffnen Audio wiedergebe
102. Sie alle Stile im aktuellen Dokument oder in einem entfernten Stylesheet bearbeiten Siehe auch Text mit Stylesheets formatieren auf Seite 175 Hinweis Klicken Sie mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh auf die Stilpalette um ein Kontextmen mit den Befehlen Bearbeiten Duplizieren Entfernen und Anwenden zu ffnen Stylesheets Voreinstellungen w hlen Die Voreinstellungen f r Stylesheets steuern wie der Code f r die Definition von Stilen geschrieben wird Stile k nnen in einer Kurzschrift Form geschrieben werden die manche Anwender bevorzugen Einige ltere Browser Versionen k nnen die Kurzschrift jedoch nicht korrekt interpretieren Wenn Sie keine Kurzschrift f r die Stile verwenden m chten brauchen Sie die Voreinstellungen f r Stylesheets nicht zu ndern W hlen Sie Bearbeiten gt Voreinstellungen und klicken Sie auf Stylesheets um die Voreinstellungen f r Stylesheets anzuzeigen Siehe auch Text mit Stylesheets formatieren auf Seite 175 Beim Erstellen von Stilen Kurzschrift verwenden f r Bestimmt welche Stilattribute in Kurzschrift geschrieben werden Beim Bearbeiten von Stilen Kurzschrift verwenden f r Bestimmt ob bereits vorhandene Stile in Kurzschrift neu geschrieben werden Wenn Sie Falls Original in Kurzschrift w hlen bleiben alle Stile unver ndert W hlen Sie dagegen Gem obiger Einstellungen werden die Stile in Kurzschrift neu geschrieben jedoch nur
103. Sie den Text das Bild oder das Objekt aus und ziehen Sie dann das Dateizeiger Symbol vom Eigenschaften Inspector zu einer Datei im Site Fenster Halten Sie die Befehlstaste gedr ckt und doppelklicken Sie auf den Hyperlink Befehlstaste F7 Befehlstaste F8 Tastenkombinationen 331 332 Appendix A Ziel Browser und Vorschau in Browsern Aktion Windows Macintosh Vorschau in Prim r Browser Vorschau in Sekund r Browser F12 Umschalttaste F12 F12 Umschalttaste F12 Site Verwaltung und FTP Aktion Windows Macintosh Neue Datei erstellen Neuen Ordner erstellen Auswahl ffnen Ausgew hlte Dateien oder Ordner von entfernter FTP Site abrufen Ausgew hlte Dateien oder Ordner auf entfernter FTP Site bereitstellen Auschecken Einchecken Trennen Lokal aktualisieren Entfernt aktualisieren Strg Umschalttaste N Strg Alt Umschalttaste N Strg Alt Umschalttaste O Dr cken Sie Strg Umschalttaste D oder ziehen Sie die Dateien im Site Fenster aus dem Bereich Entfernte Site in den Bereich Lokaler Ordner Dr cken Sie Strg Umschalttaste U oder ziehen Sie die Dateien im Site Fenster aus dem Bereich Lokaler Ordner in den Bereich Entfernte Site Strg Alt Umschalttaste D Strg Alt Umschalttaste U Strg Alt Umschalttaste F5 Strg F5 Alt F5 Umschalttaste Befehlstaste N Umschalttaste Wahltaste Befehlstaste N Umschalttaste Wahltaste Be
104. Site Konfigurationen und Browsern Siehe Voreinstellungen w hlen auf Seite 72 315 316 Kapitel 17 Die Objektpalette und das Men Einf gen ndern Die Objektpalette besteht standardm ig aus vier Tafeln Allgemein Formulare Head und Unsichtbare Elemente Informationen zu den Objekten in diesen Tafeln finden Sie unter Die Objektpalette auf Seite 69 Die Tafeln entsprechen den Ordnern im Ordner Configuration Objects der im Dreamweaver Anwendungsordner enthalten ist So ordnen Sie die Objekte in der Objektpalette neu an gt Verschieben Sie die HTML und GIF Dateien die einem Objekt entsprechen von einem Ordner in einen anderen So benennen Sie die Tafeln in der Objektpalette um gt Benennen Sie die Unterordner im Ordner Configuration Objects um Das Men Einf gen ndern Die Reihenfolge der Objekte im Men Einf gen wird von der Datei InsertMenu htm festgelegt diese Datei befindet sich im Ordner Configuration Objects und enth lt eine umfangreiche ungeordnete Liste mit Listenpunkten aller Objekte im Ordner Configuration Objects Verschachtelte ungeordnete Listen entsprechen Untermen s und Listenelemente die nur Striche enthalten entsprechen den Trennlinien Nicht aufgef hrte Objekte werden beim Programmstart unten im Men Einf gen angeh ngt So ndern Sie das Men Einf gen 1 ffnen Sie im Ordner Configuration Objects die Datei InsertMenu htm 2 Um ein neues Objekt hinzuzuf gen erstellen
105. TML Inspector verwendet Die Standardeinstellung richtet sich danach welche Schriftarten auf Ihrem System installiert sind Schwebende Fenster Voreinstellungen w hlen Mit den Voreinstellungen f r schwebende Fenster legen Sie fest welche Fenster Paletten und Inspectoren grunds tzlich vor dem Dokumentfenster angezeigt werden So w hlen Sie Voreinstellungen f r schwebende Fenster gt W hlen Sie Bearbeiten gt Voreinstellungen und anschlie end Schwebende Fenster Standardm ig werden alle Fenster Paletten und Inspectoren grunds tzlich vor dem Dokumentfenster angezeigt Sie k nnen jedoch festlegen da nicht verwendete Elemente hinter das Dokumentfenster gestellt werden Wenn beispielsweise der HTML Inspector hinter das Dokumentfenster gestellt werden soll wenn Sie nicht damit arbeiten deaktivieren Sie die Option HTML Der HTML Inspector wird dann nur vor dem Dokumentfenster angezeigt wenn er aktiv ist Erste Schritte 73 74 Kapitel 3 Markierung Voreinstellungen w hlen Mit den Voreinstellungen f r Markierungen k nnen Sie festlegen mit welchen Farben Vorlagenbereiche und Bibliothekselemente im Dokumentfenster identifiziert werden sollen Weitere Informationen finden Sie unter den folgenden Themen gt Wenn Sie Markierungsfarben f r Vorlagen w hlen m chten lesen Sie den Abschnitt Vorlagen Voreinstellungen w hlen auf Seite 93 gt Wenn Sie die Markierungsfarbe f r Bibliothekselemente w hl
106. Vorschau der Hauptseite Catalog und der verkn pften Produktseiten angesehen haben Kehren Sie zu Dreamweaver zur ck und w hlen Sie Datei gt Schlie en um die fertige Seite Catalog zu schlie en ffnen Sie jetzt die halbfertigen Katalogseiten in einem Browser So ffnen Sie die Lehrgang Version der Seite Catalog 1 Bringen Sie das Site Fenster in den Vordergrund indem Sie Fenster gt Sites w hlen 2 Doppelklicken Sie in der Liste auf die Datei DW2_cat_main_index htm um sie im Dokumentfenster zu ffnen Dr cken Sie F12 um eine Vorschau der Seite Catalog des Lehrgangs in einem Browser anzuzeigen Klicken Sie auf die Hyperlinks f r die Wein K se Senf und lsorten um die Produktseiten anzuzeigen die Sie bearbeiten werden Wie bei der fertigen Site basieren auch diese Produktseiten auf derselben Vorlage und haben daher ein hnliches Erscheinungsbild Bei diesen Seiten fehlt jedoch sowohl der Hyperlink zur Hauptseite Catalog als auch die Grafik oben rechts die den Hyperlink zur Olivebranch Homepage darstellt Schlie en Sie das Browser Fenster nachdem Sie die Hyperlinks zu den Produktseiten ausprobiert haben Kehren Sie zu Dreamweaver zur ck und w hlen Sie Datei gt Schlie en um die Hauptseite Catalog zu schlie en Lehrgang 53 54 Kapitel 2 Vorlagen bearbeiten Als n chstes bearbeiten Sie die Vorlage f r die Produktseiten um die Navigationsleiste zu vervollst ndigen Anschlie end
107. Warnungen 283 JavaScript aufrufen Aktion 268 JPEG Bilder 187 als Tracing Bild 79 K Kommentare einf gen 167 Voreinstellungen 83 Kommentare HTML Tag Farben Option 160 Kontextmen 71 kursiv 171 L Launcher 69 Layer Tag 215 Lehrgang 17 Lineale 79 Ursprung zur cksetzen 79 Lineale zeigen Befehl 79 Listen erstellen 175 verschachteln 175 Lokale Dateien Option 116 Lokale Sites Siehe auch Sites erstellen 104 Map 118 Lokaler Stammordner 104 M MAP Tag 195 Markierung als editierbaren Bereich aufheben Befehl 96 Markierung Option 91 META Tag 69 Mini Launcher 68 Mit Auswahl ausrichten Befehl 80 Multimedia Elemente einf gen 303 Parameter 313 Nachrichtenfenster Hyperlinks 111 Nachsehen in Option 99 NAME Attribut 195 Netscape Ebenen 215 Netscape Plug Ins 308 Eigenschaften 308 Neu von Vorlage Befehl 77 98 Neuer editierbarer Bereich Befehl 91 NOFRAMES Inhalt 244 NoFrames Inhalt bearbeiten Befehl 244 Nowhere Hyperlinks ndern 146 erstellen 111 Objekt in Bibliothek einf gen Befehl 252 Objekt in Zeitleiste einf gen Befehl 294 Objekte einfache Objekte erstellen 317 einf gen 81 Formularen hinzuf gen 247 mit Objektpalette einf gen 69 Tastenkombinationen 334 Objektpalette 69 anpassen 316 Objekte hinzuf gen 317 ffnen Dokumente 76 Fenster 69 Paletten 69 onBlur Ereignis 288 Ordner suchen 137 Index 343 P Palette Schaltfl che 86 Paletten ffnen und schlie en 69 Parameter
108. aben sollen Sie k nnen die Animation auch einer anderen Ebene zuweisen nachdem Sie die Animationssequenz erstellt haben F hren Sie dazu einfach die Schritte 3 und 4 aus das Kopieren und Einf gen ist in diesem Fall berfl ssig Verhaltensweisen in Zeitleisten verwenden Plazieren Sie Verhaltensweisen in Zeitleisten damit sie an einem bestimmten Bild in der Zeitleiste ausgef hrt werden So plazieren Sie eine Verhaltensweise in eine Zeitleiste 1 Doppelklicken Sie im Verhaltenskanal des Zeitleisten Inspectors auf ein Bild 2 Definieren Sie das Verhalten mit dem Verhaltensweisen Inspector Das einzige Ereignis das in einer Zeitleiste eine Aktion ausl sen kann ist beispielsweise ein onframe7 Ereignis das hei t die Aktion wird ausgel st wenn die Animation ein bestimmtes Bild erreicht Das Verhalten kann sich auf ein beliebiges Objekt auf der Seite nicht nur auf Objekte in der Zeitleiste auswirken Zeigen Sie eine Vorschau der Zeitleiste in einem Browser an um zu sehen wie das Verhalten sich auswirkt Eine Vorschau von Verhaltensweisen ist in Dreamweaver nicht m glich Zeitleisten mit Verhaltensaktionen steuern F gen Sie die hier aufgef hrten Verhaltensaktionen an einen Hyperlink eine Schaltfl che oder ein anderes Objekt an um Zeitleisten zu steuern Sie k nnen interessante Effekte erzielen indem Sie Verhaltensweisen die diese Aktionen enthalten in den Verhaltenskanal plazieren So k nnen Sie beispielsweise err
109. ag In diesem Beispiel identifizieren item name doctitle und item name Bereich bearbeiten den Titel der Vorlage und den editierbaren Bereich lt item name doctitle gt lt CDATA lt title gt Nachrichtenvorlage lt title gt gt lt item gt lt item name Bereich bearbeiten gt lt CDATA Bereich bearbeiten gt lt item gt lt item gt KAPITEL 6 Site Planung Site Planung berblick Eine Site dient als Speicherort f r die Dokumente einer Web Site Sites k nnen sich auf lokalen oder entfernten Servern befinden Damit Sie mit Dreamweaver arbeiten k nnen m ssen Sie zun chst eine lokale Site erstellen Siehe Lokale Sites erstellen auf Seite 104 Nachdem Sie Ihre lokale Site eingerichtet haben erstellen Sie Hyperlinks zu Dokumenten innerhalb Ihrer Site zu Dokumenten in entfernten Sites zu E Mail Adressen und Skripten Siehe Hyperlinks erstellen auf Seite 105 Zur Vereinfachung der Site Verwaltung kann Dreamweaver den Site Inhalt entweder als Dateiliste oder als Site Map anzeigen Mit der Site Map k nnen Sie schnell und einfach Prototypen Ihrer Web Sites erstellen und anzeigen Siehe Mit Site Dateien arbeiten auf Seite 117 und Site Maps erstellen auf Seite 118 103 104 Kapitel 6 Lokale Sites erstellen F r eine lokale Site m ssen Sie einen Namen und einen lokalen Stammordner angeben damit Dreamweaver wei wo die Dateien der Site gespeichert werden sollen Sie sollten f r jede Ihre
110. aiste Dateien um zwischen den verschiedenen Listen hin und herzuwechseln Sie k nnen den ganzen Bericht als Textdatei mit Tab Trennzeichen speichern indem Sie auf Speichern klicken Siehe auch Fehlerhafte Hyperlinks reparieren auf Seite 151 Fehlerhafte Hyperlinks reparieren Wenn Sie in Dreamweaver Hyperlinks berpr fen wird das Dialogfeld Hyperlink Pr fer angezeigt Dieses Dialogfeld enth lt eine Liste der fehlerhaften und der externen Hyperlinks Wenn Sie die ganze Site berpr ft haben werden im Dialogfeld auch verwaiste Dateien aufgelistet Sie k nnen fehlerhafte Hyperlinks und Bildreferenzen direkt im Dialogfeld Hyperlink Pr fer reparieren Sie k nnen jedoch auch die Dateien von der Liste aus ffnen und die Hyperlinks im Eigenschaften Inspector reparieren So reparieren Sie Hyperlinks im Dialogfeld Hyperlink Pr fer 1 W hlen Sie im Dialogfeld Hyperlink Pr fer die fehlerhaften Hyperlinks aus 2 Geben Sie den korrekten Pfad und Dateinamen ein oder klicken Sie auf das Ordnersymbol um die Datei zu suchen 3 Dr cken Sie die Tabulatortaste oder die Eingabetaste Wenn noch weitere fehlerhafte Referenzen zu der gleichen Datei vorhanden sind werden Sie in einem Dialogfeld aufgefordert auch die Referenzen in den anderen Dateien zu reparieren Klicken Sie auf Ja damit Dreamweaver alle aufgelisteten Dokumente aktualisiert die diese Datei referenzieren Klicken Sie auf Nein wenn nur die aktuelle Referenz aktualisiert w
111. alle Eigenschaften anzuzeigen Name Legt einen Namen fest um den Film bei der Skripterstellung zu identifizieren Geben Sie in das unbeschriftete Feld ganz links im Eigenschaften Inspector einen Namen ein B und H Legen die H he und Breite des Films in Pixeln fest Sie k nnen auch folgende Ma einheiten festlegen pc Pica pt Punkt in Zoll mm Millimeter cm Zentimeter oder Prozentsatz vom Wert des bergeordneten Elements Zwischen dem Wert und der Abk rzung darf keine Leerstelle stehen z B 3mm Datei Legt den Pfad der Flash Player Filmdatei fest Geben Sie einen Pfad ein oder klicken Sie auf das Ordnersymbol rechts neben dem Feld um die Datei zu suchen Tag Legt die Tags fest mit denen der Film identifiziert wird Sie k nnen OBJECT und EMBED bzw Nur OBJECT oder Nur EMBED ausw hlen Es empfiehlt sich den Standardwert OBJECT und EMBED beizubehalten Ausrichten Legt fest wie der Film auf der Seite ausgerichtet wird Die jeweiligen Optionen werden unter Elemente ausrichten auf Seite 192 beschrieben Hg Farbe Legt eine Hintergrundfarbe f r den Filmbereich fest Diese Farbe wird auch angezeigt wenn der Film nicht wiedergegeben wird beim Laden und nach der Wiedergabe ID Definiert den optionalen ActiveX ID Parameter Dieser Parameter wird am h ufigsten verwendet um Informationen zwischen ActiveX Steuerelementen weiterzugeben Rahmen Legt die Breite des Rahmens fest der den Film umgibt V Abstand u
112. ame Rahmen und dem Inhalt Frameset Eigenschaften einstellen Wenn Sie die Eigenschaften eines Framesets anzeigen m chten klicken Sie auf einen Frame Rahmen Eventuell m ssen Sie unten rechts im Eigenschaften Inspector auf den Erweiterungspfeil klicken damit alle Eigenschaften des Framesets angezeigt werden Rahmen Steuert die Rahmen der Frames im aktuellen Frameset Wenn Sie Ja w hlen werden dreidimensionale Rahmen angezeigt bei Nein werden flache graue Rahmen angezeigt Wenn Sie Standard w hlen legt der Browser fest wie die Rahmen dargestellt werden Bei den meisten Browsern lautet die Standardeinstellung Ja Rahmenbreite Bestimmt die Breite der Rahmen im aktuellen Frameset Rahmenfarbe Legt die Farbe f r alle Rahmen im aktuellen Frameset fest Sie k nnen diese Einstellung au er Kraft setzen indem Sie eine Rahmenfarbe f r einen spezifischen Frame definieren Wert Definiert die Gr e der ausgew hlten Zeile oder Spalte Siehe Framegr en definieren auf Seite 241 Einheiten Gibt an ob die ausgew hlte Zeile oder Spalte eine feste Gr e hat Pixel als Prozentsatz des Browser Fensters definiert wird oder ob sie so verkleinert oder vergr ert wird da das Fenster ausgef llt wird relativ Siehe Framegr en definieren auf Seite 241 Zeilen Spalten Auswahl Identifiziert die ausgew hlte Zeile oder Spalte Klicken Sie auf eine der Schaltfl chen links um eine Zeile auszuw hlen oder auf eine Schaltfl c
113. amit verschiedene Dateien in definierten Bereichen auf der gleichen Seite geladen werden k nnen In der Regel geben Frames einen Navigationsbereich und einen Inhaltsbereich f r eine Seite vor Wenn Sie ein Dokument in Frames aufteilen erstellt Dreamweaver eine unbenannte Frameset Datei sowie unbenannte Dokumente in jedem der neuen Frames Eine Web Seite die im Browser angezeigt wird und zwei Frames enth lt besteht genau genommen aus drei verschiedenen Dateien die Frameset Datei und zwei Dateien die den Inhalt der Frames enthalten Ein Frameset ist eine Datei die eine Web Seite mit Frames definiert Im Frameset werden Informationen ber Gr e und Position der Frames gespeichert sowie die Namen der Dateien die als Inhalt der einzelnen Frames geladen werden sollen Sie k nnen die Eigenschaften von Frames und Framesets ndern Frames vergr ern oder verkleinern sowie den Inhalt der Frames mit Hilfe von Hyperlinks steuern Wenn Ansicht gt Frame Rahmen deaktiviert ist wird das Frameset genauso wie in einem Browser angezeigt Werden die Frame Rahmen angezeigt wird dem Dokument zus tzlicher Abstand als Rahmen hinzugef gt und schmale Rahmen werden verbreitert damit sie leichter ausgew hlt und gezogen werden k nnen 235 236 Kapitel 13 Frames erstellen Sie erstellen einen Frame indem Sie einen Frame Rahmen ziehen oder indem Sie die entsprechenden Befehle aus dem Men ndern w hlen So erstellen Sie mit einer der f
114. amweaver 2 22222 Systemvoraussetzungen 2 2 a rennen nme Dreamweaver installieren 2 2 2222 2222er Hinweise zu den Lehrmedien 2222222 esse KAPITEL 2 Lenggang seen arranechninee Lehrgang berblick ee ee Lokale Sites definieren 22222222 c essen Die Olivebranch Homepage bearbeiten Komplexe Seitenlayouts erstellen ces 22200 Tabellen bearbeiten 2 222222 uneen eerren Text mit benutzerdefinierten Stilen formatieren Vorlagen anwenden 22222222 eeeeeee een Verhaltensweisen an Seitenelemente anf gen Flash Filme hinzuf gen cee222 see eeeeer nenn Sites berpr fen nn22oeeeeeneeee een nn ern KAPITEL 3 Erste Schritte 5er 488 ra Erste Schritte berblick 2 0 2222 Voreinstellungen w hlen ces seeeenn Dreamweaver zusammen mit anderen Anwendungen einsetzen 4 KAPITEL 4 Dokumente erstellen 222c2eeeeeeeeennn T9 Dokumente erstellen berblick 2222cccceeeeeeeeccn 75 Neue HTML Dokumente erstellen 222222ceceeeeeeeen 76 Visuelle Hilfsmittel beim Design einsetzen 2 2 2222 erann 77 Text und Objekte hinzuf gen 2 222222 00eeeeneeen nennen 81 Elemente im Dokumentfenster ausw hlen 2 2222c222 2 82 Dokumente einrichten 2 22 ces uussa neru nr rure rer rrene 84 Farben wableiiisessiekee teile 86 HEAD Inhalt anzeigen und bearbeiten oun nun
115. angezeigt die Sie f r das Bild definiert haben Das onMouseOver Ereignis wird zusammen mit der Aktion Bild austauschen angezeigt dar ber erscheint das onMouseOut Ereignis zusammen mit der Aktion Austauschbild wiederherstellen Diese Aktion wurde automatisch definiert als Sie bei der Definition der Aktion Bild austauschen die Standardoptionen akzeptiert haben Aktionen EB Ereignisse f r T 4 0 Browser z cai gt Aktionen onMouseQut Bilder vorausladen onMouseOver EEIREIBEIE N 8 Wiederholen Sie diese Schritte um den Bildern events und catalog die Aktion Bild austauschen und das onMouseOver Ereignis zuzuweisen gt Ersetzen Sie das Bild events durch das Austauschbild nav_events_roll gif gt Ersetzen Sie das Bild catalog durch das Austauschbild nav_catalog_roll gif 9 Schlie en Sie den Verhaltensweisen Inspector Lehrgang 63 64 Kapitel 2 Sehen Sie sich nun diese Verhaltensweisen an indem Sie eine Vorschau der Seite in einem Browser anzeigen So zeigen Sie eine Vorschau der Seite in einem Browser an 1 Dr cken Sie F12 um eine Vorschau der Homepage in einem Browser anzuzeigen 2 Bewegen Sie den Cursor ber die Bilder about events und catalog um die nderung zu sehen Schlie en Sie den Browser wenn Sie die Vorschau der Seite abgeschlossen haben 3 Kehren Sie zu Dreamweaver zur ck und w hlen Sie Datei gt Speichern um Ihre nderungen zu speichern Flash Filme hinzuf gen Die fer
116. anschlie end seine Seiteneigenschaften ndern werden diese nderungen ignoriert mit Ausnahme des Seitentitels Nachdem eine Vorlage angewandt wurde k nnen Sie die Eigenschaften einer Seite nur ndern indem Sie die Seiteneigenschaften der Vorlage ndern und dann die Seite aktualisieren Siehe Vorlagen ndern und die Site aktualisieren auf Seite 99 So definieren Sie die Seiteneigenschaften der Vorlage 1 ffnen Sie die Vorlage und w hlen Sie ndern gt Seiteneigenschaften 2 Geben Sie die gew nschten Optionen f r die Seite an und klicken Sie auf OK Weitere Einzelheiten ber Seiteneigenschaften finden Sie in den Dreamweaver Help Pages unter Seiteneigenschaften Editierbare Bereiche einer Vorlage definieren Eine Vorlage besteht aus zwei verschiedenen Arten von Bereichen editierbare und gesperrte nicht editierbare Bereiche Der Inhalt in den editierbaren Vorlagenbereichen kann ge ndert werden wie beispielsweise Artikel in einer Zeitschrift Der Inhalt in den gesperrten Bereichen ist dagegen statisch und kann nicht ver ndert werden hierbei kann es sich beispielsweise um ein Firmenlogo oder um Standardelemente zur Site Navigation handeln Standardm ig sind Vorlagen gesperrt Sie k nnen der Vorlage zwar Inhalt hinzuf gen der gesamte Inhalt wird jedoch als nicht editierbar markiert wenn Sie die Vorlage speichern Wenn Sie auf Grundlage einer solchen Vorlage ein Dokument erstellen werden Sie in einer Warnung dar
117. aps 195 Cold Fusion Markup Language Tags 155 164 Common Gateway Script Interface CGI 248 CSS1 177 CSS Attribute in HTML konvertieren 185 CSS Ebenen 215 CSS P Elemente 215 CSS Selektor 179 Dateien ein und auschecken 133 herunterladen 135 in Dokument einschlie en 258 bertragen 133 136 Dateien beim ffnen auschecken Option 128 Dateiformate 187 Datei bertragung Fehlerbehebung 136 Dateizeiger Symbol 106 Dokumente auf Grundlage von Vorlagen 98 benennen 84 Download Gr e und Zeit 153 einrichten 84 erstellen 76 ffnen 76 suchen 137 Text hinzuf gen 81 berblick 75 von Vorlage l sen 99 Vorlagen 76 Vorschau in Browser 152 Dokumentfenster 68 Elemente ausw hlen 82 Gr e ndern 78 Dokumentstamm relative Pfade 113 Download Gr e und Zeit sch tzen 153 Dreamweaver anpassen 315 Arbeitsbereich 67 Benutzerhandbuch 15 erweiterbare Umgebung 11 installieren 12 Lehrgang 13 mit anderen Anwendungen einsetzen 74 neue Funktionen 9 Dreamweaver Developers Center 15 Dreamweaver HTML Help Pages 13 Dynamic HTML Stylesheets 175 Dynamische Inhaltspublizierung 9 E Ebene ziehen Aktion 275 278 Ebenen aktivieren 224 an Gitternetz einrasten 227 Ankerpunkte 83 ausrichten 227 ausw hlen 224 Eigenschaften 219 Eigenschaften f r mehrere Ebenen 221 erstellen 216 f r 3 0 Browser konvertieren 233 in Tabellen konvertieren 184 in Tabellen Design 230 manipulieren 223 Sichtbarkeit 229 Sichtbar
118. asten Strg Pfeiltasten Umschalttaste Befehlstaste Klicken Umschalttaste Befehlstaste Ziehen Halten Sie die Umschalttaste gedr ckt und klicken Sie auf die Ebene Pfeiltasten Umschalttaste Pfeiltasten Wahltaste Pfeiltasten Tastenkombinationen 329 330 Appendix A Aktion Windows Macintosh Ausgew hlte Ebene in Gitternetz Inkrementen vergr ern oder verkleinern Ausgew hlte Ebene am oberen unteren linken rechten Rand der letzten ausgew hlten Ebene ausrichten Ebenen in Tabelle konvertieren Inhalt mit Ebenen neu positionieren Voreinstellung f r Verschachteln beim Erstellen von Ebenen aktivieren deaktivieren Gitternetz einblenden ausblenden Am Gitternetz einrasten Schl sselbild hinzuf gen Zeitleiste Strg Umschalttaste Pfeiltasten Strg Pfeiltasten nach oben unten links rechts Strg Umschalttaste F6 Strg F6 Strg Ziehen Strg Alt Umschalttaste G Strg Alt G Umschalttaste F9 Wahltaste Umschalttaste Pfeiltasten Befehlstaste Pfeiltasten nach oben unten links rechts Befehlstaste Umschalttaste F6 Befehlstaste F6 Befehlstaste Ziehen Umschalttaste Wahltaste Befehlstaste G Wahltaste Befehlstaste G Umschalttaste F9 Schl sselbild entfernen Entf Entf Zeitleiste Mit Zeitleisten arbeiten Aktion Windows Macintosh Objekt zur Zeitleiste hinzuf gen Strg Umschalttaste Alt T Befehlstaste Umschalttaste Wahltaste T Mi
119. ationsleisten werden jedoch auf allen Seiten aktualisiert die auf der Vorlage basieren Die Seite Olivebranch Catalog ist mit mehreren Produktseiten verkn pft auf denen die verschiedenen Olivebranch Produkte genauer beschrieben werden Da die Produktseiten alle das gleiche Format und das gleiche Layout haben sollen wurden sie auf Grundlage einer einzigen Vorlage erstellt Lehrgang 51 52 Kapitel 2 In diesem Abschnitt bearbeiten Sie eine bereits vorhandene Vorlage und ndern auf diese Weise die Produktseiten die auf der Vorlage basieren Anschlie end wenden Sie eine andere Vorlage auf die Produktseiten an um sie neu zu formatieren ohne jedoch ihren spezifischen Inhalt zu ndern Produktseiten anzeigen Zeigen Sie zun chst die fertigen Katalogseiten in einem Browser an So ffnen Sie die fertige Seite Olivebranch Catalog 1 W hlen Sie Datei gt ffnen und w hlen Sie dann die Datei cat_main_index htm 2 W hlen Sie Datei gt Vorschau in Browser um die Seite in einem Browser Fenster zu ffnen 3 Klicken Sie auf die Hyperlinks f r Wein K se Senf und lsorten um Muster Produktseiten aufzurufen Beachten Sie da sich oben in allen Produktseiten die gleiche Navigationsleiste befindet Diese Navigationsleiste enth lt Hyperlinks zu einzelnen Produktseiten zur Hauptseite Catalog und zur ck zur Olivebranch Homepage in der Grafik ganz rechts Schlie en Sie den Browser wenn Sie sich eine
120. auf hingewiesen da das Dokument keine editierbaren Bereiche enth lt Damit Sie eine Vorlage verwenden k nnen m ssen Sie zun chst editierbare Bereiche erstellen vorhandenen Inhalt als editierbar markieren oder neuen Inhalt hinzuf gen und als editierbar markieren Wenn Sie die Vorlage selbst bearbeiten k nnen Sie sowohl die editierbaren als auch die gesperrten Bereiche ndern Nachdem eine Vorlage auf ein Dokument angewandt wurde k nnen Sie jedoch nur noch die editierbaren Bereiche des Dokuments nicht aber die gesperrten Bereiche ndern Vorlagen 91 92 Kapitel 5 So definieren Sie vorhandenen Inhalt als editierbaren Bereich 1 2 W hlen Sie den Text oder den Inhalt den Sie editierbar machen m chten W hlen Sie ndern gt Vorlagen gt Auswahl als editierbar markieren Geben Sie im Dialogfeld Neuer editierbarer Bereich einen Namen f r den Bereich ein Der Text oder der Inhalt wird in der Vorlage markiert Sie k nnen eine ganze Tabelle oder eine einzelne Tabellenzelle nicht jedoch mehrere Zellen gleichzeitig als editierbar markieren Ebenen und Ebeneninhalt sind separate Elemente und k nnen beide als editierbar markiert werden Wenn Sie eine Ebene editierbar machen k nnen Sie die Position der Ebene ndern markieren Sie dagegen den Ebeneninhalt als editierbar k nnen Sie den Inhalt der Ebene ndern So definieren Sie einen neuen editierbaren Bereich 1 Plazieren Sie den Cursor auf die Stelle an d
121. aver Lieferumfang enthalten sind auf Seite 266 Das Standardereignis der Aktion wird in der Spalte Ereignisse angezeigt Wenn es sich hierbei nicht um das gew nschte Ereignis handelt w hlen Sie im Popup Men Ereignisse ein anderes Ereignis Die angezeigten Ereignisse richten sich danach welches Objekt ausgew hlt ist und welche Browser im Popup Men Ereignisse f r angegeben wurden Wenn nicht die gew nschten Ereignisse angezeigt werden stellen Sie sicher da Sie das richtige Objekt ausgew hlt haben oder ndern Sie die Ziel Browser im Popup Men Freignisse f r Wenn Sie einem Bild eine Verhaltensweise anf gen werden Ereignisse wie onMouseOver und onMouseDown in Klammern angezeigt Diese Ereignisse stehen nur f r Hyperlinks zur Verf gung Wenn Sie eines dieser Ereignisse w hlen legt Dreamweaver ein A Tag um das Bild um einen Hyperlink zu definieren L schen Sie nicht das Zeichen das anschlie end im Feld Hyperlink des Eigenschaften Inspectors angezeigt wird Dadurch w rde die Verhaltensweise gel scht Sie k nnen das Zeichen jedoch durch einen neuen Hyperlink Wert ersetzen Interaktivit t und Animation hinzuf gen 263 264 Kapitel 16 Verhaltensweisen ndern Nachdem Sie eine Verhaltensweise angef gt haben k nnen Sie das Ereignis ndern das die Aktion ausl st Aktionen hinzuf gen oder entfernen und die Parameter der Aktionen ndern So ndern Sie eine Verhaltensweise 1 W hlen Sie ein Objekt
122. b das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Statusmeldung anzeigen Die Aktion Statusmeldung anzeigen zeigt in der Statusleiste am unteren Rand des Browser Fensters eine Meldung an Sie k nnen mit dieser Aktion z B in der Statusleiste eine Beschreibung des Ziels eines Hyperlinks angeben anstatt den zugeh rigen URL anzuzeigen Bewegen Sie die Maus in den Dreamweaver Help Pages ber eine beliebige Navigationsschaltfl che um ein Beispiel f r eine Statusmeldung anzuzeigen So verwenden Sie die Aktion Statusmeldung anzeigen 1 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus W hlen Sie im Popup Men Aktionen die Option Statusmeldung anzeigen Geben Sie die Meldung in das Feld Meldung ein Das Feld Meldung ist absichtlich klein damit Sie nur eine knappe Meldung eingeben k nnen Der Browser verk rzt die Meldung wenn sie nicht in die Statusleiste pa t Klicken Sie auf OK Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Ebene ziehen Mit der Aktion Ebene zieh
123. beiten gt Ausschneiden w hlen wird die Zeile bzw die Spalte aus der Tabelle entfernt So f gen Sie Tabellenzellen ein 1 Geben Sie an an welcher Stelle die Zellen eingef gt werden sollen gt Um die Zellen vor oder oberhalb der aktuellen Zelle in die Tabelle einzuf gen klicken Sie in eine der Tabellenzellen gt Um eine neue Tabelle mit diesen Zellen zu erstellen plazieren Sie den Cursor au erhalb der vorhandenen Tabellen 2 W hlen Sie Bearbeiten gt Einf gen Wenn Sie ganze Zeilen oder Spalten einf gen werden diese der Tabelle hinzugef gt F gen Sie dagegen nur eine individuelle Zelle ein wird der Inhalt der ausgew hlten Zelle ersetzt vorausgesetzt der Inhalt der Zwischenablage ist mit der ausgew hlten Zelle kompatibel Wenn Sie den Inhalt der Zwischenablage au erhalb einer vorhandenen Tabelle einf gen wird mit den Zeilen Spalten oder Zellen eine neue Tabelle definiert So entfernen Sie den Inhalt einer Zelle ohne die Zelle selbst zu ndern 1 W hlen Sie eine oder mehrere Zellen aus 2 W hlen Sie Bearbeiten gt L schen oder dr cken Sie die Entf Taste Hinweis Wenn Sie alle Zellen einer Zeile oder einer Spalte ausw hlen wird nicht nur der Zellinhalt sondern die ganze Zeile bzw die ganze Spalte aus der Tabelle entfernt So k nnen Sie den Inhalt einer Zelle kopieren und einf gen 1 W hlen Sie den Text aus und w hlen Sie dann Bearbeiten gt Als Text kopieren Nur der Text der ausgew
124. ben wie Sie Text formatieren So f gen Sie Ihrem Dokument mit einer der folgenden Methoden Tabellen Bilder und andere Objekte hinzu gt Mitden Befehlen im Men Einf gen k nnen Sie die angegebenen Objekte an der Cursorposition in Ihr Dokument einf gen gt W hlen Sie Fenster gt Objekte um die Objektpalette zu ffnen Suchen Sie das gew nschte Objekt und klicken Sie darauf oder ziehen Sie das Objekt um es im Dokumentfenster einzuf gen Bei den meisten Objekten wird ein Dialogfeld angezeigt in dem Sie dazu aufgefordert werden Optionen oder die gew nschte Quelldatei auszuw hlen Wenn dieses Dialogfeld nicht angezeigt werden soll w hlen Sie Bearbeiten gt Voreinstellungen und anschlie end die Kategorie Allgemein und deaktivieren Sie die Option Beim Einf gen von Objekten Dialog zeigen Horizontale Linien Mit horizontalen Linien lassen sich Informationen strukturieren Sie k nnen Text und Objekte auf einer Seite mit einer oder mehreren Linien visuell voneinander trennen Weiterhin k nnen Sie mit horizontalen Linien Titel oder andere Elemente unterstreichen oder besonders hervorheben So erstellen Sie eine horizontale Linie 1 Plazieren Sie den Cursor im Dokumentfenster an der Stelle an der Sie eine horizontale Linie einf gen m chten F hren Sie einen der folgenden Schritte aus gt W hlen Sie Einf gen gt Horizontale Linie gt W hlen Sie Fenster gt Objekte um die Objektpalette zu ffnen und
125. benen so da sie sich nicht berlappen So verhindern Sie Ebenen berlappungen gt W hlen Sie Ansicht gt Ebenen berlappungen verhindern oder aktivieren Sie die Option berlappungen verhindern in der Ebenenpalette Ele Ed Vew piot Midhr ot Lormarnds Waie bie Layers Layer 1 anart Wenn diese Option aktiviert ist k nnen Ebenen nicht so erstellt verschoben verkleinert oder vergr ert werden da sie dabei andere Ebenen berlappen Weiterhin k nnen Ebenen nicht innerhalb bereits vorhandener Ebenen verschachtelt werden Wenn Sie diese Option aktivieren nachdem Sie bereits berlappende Ebenen erstellt haben ziehen Sie diese Ebenen von den anderen Ebenen weg Wenn sowohl diese Option als auch die Einrastfunktion aktiviert sind rasten die Ebenen nicht am Gitternetz ein wenn sich dadurch zwei Ebenen berlappen w rden Statt dessen rastet die Ebene an der Kante der n chstgelegenen Ebene ein Hinweis Bestimmte Aktionen k nnen dazu f hren da Ebenen sich berlappen auch wenn die Option berlappungen verhindern aktiviert ist Wenn Sie Ebenen ber das Men einf gen Werte in den Eigenschaften Inspector eingeben oder Ebenen neu positionieren indem Sie den HTML Quellcode im HTML Inspector bearbeiten kann es vorkommen da Ebenen sich berlappen oder verschachtelt sind selbst wenn berlappungen verhindern aktiviert ist Ziehen Sie in diesem Fall die berlappenden Ebenen im Dokumentfenster um sie vonei
126. blen sowie Schl sselw rter und Inhaltsbezeichner f r Suchfunktionen Sie k nnen die Elemente im HEAD Bereich mit dem Men Ansicht oder mit dem HTML Inspector anzeigen Dokumente erstellen 87 88 Kapitel 4 So zeigen Sie Elemente im HEAD Bereich eines Dokuments an gt W hlen Sie Ansicht gt Head Inhalt F r jedes Element im HEAD Bereich wird oben im Dokumentfenster ein Symbol angezeigt So f gen Sie Elemente in den HEAD Bereich eines Dokuments ein 1 W hlen Sie im Popup Men oben in der Objektpalette die Option Head 2 Klicken Sie auf eine der Schaltfl chen in der Objektpalette 3 Geben Sie die gew nschten Optionen f r das Element in das angezeigte Dialogfeld oder in den Eigenschaften Inspector ein So bearbeiten Sie Elemente im HEAD Bereich eines Dokuments 1 W hlen Sie eines der Symbole im HEAD Bereich aus indem Sie darauf klicken 2 Definieren oder ndern Sie die Eigenschaften des Elements im Eigenschaften Inspector Weitere Informationen zu den Eigenschaften bestimmter HEAD Elemente finden Sie unter den folgenden Themen in den Dreamweaver Help Pages gt META Eigenschaften gt Titeleigenschaften gt Schl sselw rter Eigenschaften gt Beschreibungseigenschaften gt Aktualisierungseigenschaften gt Skripteigenschaften gt Basiseigenschaften gt Hyperlink Eigenschaften KAPITEL 5 Vorlagen Vorlagen berblick Mit Vorlagen k nnen Sie Dokumente f r Ihre Site erstellen die auf einer
127. cat_mustards_cranber DW2_cat_ois_beechnut him DW2_cat_wines_fle him DW2_events_main htm DW2_index htm events_main htm focter_ brary htm home htm home_loge pg index htm olve_styles css Lehrgang 27 28 Kapitel 2 Im n chsten Schritt werden Sie die Homepage f r die Site neu definieren so da nicht die fertige Version sondern die Lehrgang Version der Homepage verwendet wird So k nnen Sie die Homepage neu definieren sowie das Erscheinungsbild der Site Map anpassen 1 gt ffnen Sie das Dialogfeld Site Definition folgenderma en Wenn Sie mit Windows arbeiten w hlen Sie in der Men leiste des Site Fensters Ansicht gt Layout Wenn Sie mit einem Macintosh arbeiten w hlen Sie Site gt Site Map Ansicht gt Layout W hlen Sie im Dialogfeld Site Definition in der Liste Kategorie die Option Site Map gt Layout Geben Sie die neue Homepage der Site an indem Sie neben dem Feld Homepage auf das Ordnersymbol klicken und dann im Unterordner Olivebranch_site des Ordners Tutorial die Datei DW2_index htm suchen und ausw hlen Geben Sie f r Anzahl der Spalten den Wert 3 ein Site Definition f r Unbenannte Site 3 E Tutorial Olivebranch_site D W2_index 7 5 Klicken Sie auf OK um das Dialogfeld Site Definition zu schlie en und zum Site Fenster zur ckzukehren Die Site Map wird aktualisiert und gibt die nderungen wieder Die Lehrgang Version der Homepage bildet nun den Ausgangspunkt
128. ch gr ere Bandbreite an Ereignissen als Netscape Navigator 4 0 oder ein 3 0 Browser Sie k nnen f r jedes Ereignis mehrere Aktionen festlegen Aktionen werden in der Reihenfolge ausgef hrt in der sie aufgelistet sind Unter Verhaltensweisen ndern auf Seite 264 wird beschrieben wie Sie die Aktionsreihenfolge ndern So f gen Sie eine Verhaltensweise an 1 W hlen Sie ein Objekt aus Soll die Verhaltensweise an eine ganze Seite angef gt werden klicken Sie im Tag Selektor unten links im Dokumentfenster auf das lt body gt Tag ffnen Sie den Verhaltenweisen Inspector indem Sie Fenster gt Verhaltensweisen w hlen oder im Launcher auf die Schaltfl che Verhalten klicken Das HTML Tag des ausgew hlten Objekts wird in der Titelleiste angezeigt Klicken Sie auf die Schaltfl che mit dem Pluszeichen und w hlen Sie eine Aktion aus dem Popup Men Aktionen Aktionen die im aktuellen Dokument nicht funktionieren sind im Men nicht verf gbar Die Aktion Zeitleiste wiedergeben ist z B nicht verf gbar wenn das Dokument keine Zeitleisten enth lt Je nach gew hlter Aktion wird ein Dialogfeld mit Parametern und Anweisungen f r die Aktion angezeigt Geben Sie Parameter f r die Aktion ein und klicken Sie auf OK Alle enthaltenen Aktionen funktionieren in 4 0 oder neueren Browsern Einige Aktionen funktionieren jedoch in lteren Browsern nicht Siehe Die Aktionen f r Verhaltensweisen verwenden die im Dreamwe
129. chaften Inspector aber lassen Sie das Site Fenster noch ge ffnet W hlen Sie Datei gt Speichern um alle nderungen zu speichern die Sie an der Homepage vorgenommen haben W hlen Sie Datei gt Schlie en um die Seite zu schlie en Komplexe Seitenlayouts erstellen Wie die Olivebranch Homepage enth lt auch die Seite About Us eine entsprechende Lehrgangdatei die f r Sie vorbereitet wurde In diesem Abschnitt vervollst ndigen Sie die Seite About Us des Lehrgangs so da das Layout der fertigen Version entspricht Zun chst ffnen Sie die fertige Version der Seite About Us in einem Browser so da Sie sie bei Ihrer Arbeit als Richtlinie verwenden k nnen So zeigen Sie eine Vorschau der fertigen Seite About Us in einem Browser an 1 2 W hlen Sie Datei gt ffnen gehen Sie dann im Ordner Tutorial zum Unterordner Olvebranch_site und w hlen Sie die Datei about_main htm Bearbeiten Sie nicht diese Seite da sie zur fertigen Site geh rt W hlen Sie Datei gt Vorschau in Browser und w hlen Sie dann einen 4 0 Browser aus Lassen Sie das Browser Fenster im Hintergrund ge ffnet so da Sie sich sp ter noch darauf beziehen k nnen W hlen Sie in Dreamweaver Datei gt Schlie en um das Dokumentfenster mit der fertigen Seite About Us zu schlie en Lehrgang 33 34 Kapitel 2 ffnen Sie jetzt in Dreamweaver die halbfertige Lehrgangdatei About Us um sie zu bearbeiten So ffnen Sie die halbf
130. chaltfl che Hilfe und in Inspectoren Fenstern und Paletten auf das Fragezeichen Symbol klicken Ausrichten Standard Klicken Sie hier um die Hilfe zu ffnen Alt Navigationsleiste Mit den Schaltfl chen der Navigationsleiste k nnen Sie die Themen durchbl ttern gt Zur ck und Weiter entsprechen den gleichnamigen Schaltfl chen des Browsers Sie rufen damit die Themen erneut auf die Sie bereits angezeigt haben gt Mit Vorw rts und R ckw rts gelangen Sie zum n chsten oder vorigen Thema in einem Abschnitt entsprechend der Themenreihenfolge im Inhaltsverzeichnis gt What s New stellt eine Verbindung zum Dreamweaver Developers Center auf der Web Site von Macromedia her Dreamweaver Developers Center Die Web Site Dreamweaver Developers Center enth lt stets aktuelle Informationen zu Dreamweaver sowie Ratschl ge von erfahrenen Anwendern Einzelheiten zu bestimmten weiterf hrenden Themen Beispiele Tips und Aktualisierungen Sie sollten diese Web Site regelm ig besuchen damit Sie die letzten Neuigkeiten ber Dreamweaver erfahren und das Programm optimal nutzen k nnen Sie finden die Web Site unter htep www macromedia com support dreamweaver Dreamweaver verwenden Das Handbuch Dreamweaver verwenden enth lt eine Einf hrung in das Dreamweaver Programm und eine gek rzte Version der Dreamweaver Hilfe Einige Informationen zu Programmoptionen sind in diesem Handbuch nicht enthalten Einf hrung 15
131. chen 1 Mal um entspricht um in Raum und oder mehrmals umm in summen es entspricht jedoch keiner Zeichenfolge in Kugel Das voranstehende Zeichen 0 oder bl au entspricht blau in tiefblau und 1 Mal bau in vorbauen es entspricht jedoch keiner Zeichenfolge in schlau oder verbleuen Ein einziges Zeichen au er ar entspricht tar und rar im Satz Zeilenvorschub neue Zeile ein Star ist rar x y Entweder x oder y FFO000 0000FF entspricht FF0000 in BGCOLOR FFOO000 und 0O000FF in FONT COLOR 0000FF n Genau n Vorkommen des e 2 entspricht ee in leer und den voranstehenden Zeichens beiden ersten e in Seeelefant es entspricht jedoch keiner Zeichenfolge in Geld n m Mindestens n und h chstens m F 2 4 entspricht FF in FF0000 und Vorkommen des voranstehenden Zeichens den ersten vier F in FFFFFF Site Verwaltung 143 144 Kapitel7 Zeichen Entspricht Beispiel abc abc b B d D f n r S t w w Beliebige der in Klammern eingeschlossenen Zeichen Verwenden Sie einen Bindestrich um einen Zeichenbereich anzugeben a f entspricht beispielsweise abcdefl Beliebige nicht in den Klammern eingeschlossene Zeichen Verwenden Sie einen Bindestrich um einen Zeichenbereich anzugeben a f entspricht beispielsweise abcdef Eine Wortabgrenzung beispielsweise ein Leerzeichen oder ein Zeilenumbruch Eine Abgrenzung jedoch kei
132. chenfolge dieseswort Wenn Sie das Kontrollk stchen Regul re Ausdr cke verwenden aktiviert haben steht diese Option nicht zur Verf gung bei regul ren Ausdr cken m ssen Sie explizit angeben da nicht druckbare Zeichen ignoriert werden sollen Regul re Ausdr cke verwenden Bewirkt da bestimmte Zeichen beispielsweise w und b in der Textzeichenfolge als Operatoren f r regul re Ausdr cke interpretiert werden Wenn Sie zum Beispiel nach der Textzeichenfolge der b w b Hund suchen wird sowohl der braune Hund als auch der bellende Hund gefunden Siehe Regul re Ausdr cke auf Seite 143 Text im Dokumentfenster suchen W hlen Sie im Dialogfeld Suchen oder Ersetzen die Option Text um bestimmte Textzeichenfolgen ohne Ber cksichtigung des zugrundeliegenden HTML Codes zu suchen Wenn Sie beispielsweise der schwarze Hund eingeben wird sowohl der schwarze Hund als auch der lt i gt schwarze lt i gt Hund gefunden Unter Suchen und Ersetzen auf Seite 137 wird genau beschrieben wie Sie einen Suchvorgang einleiten Text im HTML Quellcode suchen W hlen Sie im Dialogfeld Suchen oder Ersetzen die Option HTML Quelle um bestimmte Textzeichenfolgen im HTML Quellcode zu suchen Wenn Sie zum Beispiel den Text schwarze Hund suchen werden im folgenden Code zwei Entsprechungen gefunden im ALT Attribut und im ersten Satz lt IMG SRC barnaby gif WIDTH 100 HEIGHT 100 ALT Barnaby der schwarze Hund gt lt BR gt Wir
133. chere Farben um die Auswahl auf websichere Farben zu beschr nken Dabei wird die websichere Farbe verwendet die der ausgew hlten Farbe am hnlichsten ist Klicken Sie auf die Schaltfl che mit dem Radiergummi um die aktuelle Farbe zu entfernen ohne dabei eine andere Farbe auszuw hlen Klicken Sie auf die Schaltfl che mit der Farbpalette um den Systemfarbw hler zu ffnen Dabei ist die Auswahl nicht auf websichere Farben beschr nkt Websichere Farben In HTML werden Farben entweder als Hexadezimalwerte z B FF0000 oder als Farbnamen red ausgedr ckt Die Farben die im 256 Farbmodus sowohl in Netscape Navigator als auch in Microsoft Internet Explorer auf Windows und Macintosh Systemen gleicherma en zur Verf gung stehen werden als websicher bezeichnet Im allgemeinen wird davon ausgegangen da es 216 gemeinsame Farben gibt und da jeder Hexadezimalwert der die Paare 00 33 66 99 CC oder FF entsprechende RGB Werte 0 51 102 153 204 und 255 kombiniert eine websichere Farbe darstellt Genaue Tests ergeben jedoch da es nur 212 websichere Farben gibt Internet Explorer unter Windows gibt die Farben 0033FF 0 51 255 3300FF 51 0 255 00FF33 0 255 51 und 33FF00 51 255 0 nicht korrekt wieder Alle Farbw hler in Dreamweaver basieren auf der Palette mit 212 websicheren Farben Wenn Sie eine Farbe aus der Palette ausw hlen wird ihr Hexadezimalwert angezeigt Die vier oben genannten Farben befinden
134. ches HTML Tag und den zugeh rigen Inhalt auszuw hlen Wenn Sie auf lt body gt klicken wird der gesamte Hauptteil des Dokuments angezeigt Das Feld links neben dem Mini Launcher zeigt die gesch tzte Dokumentgr e und Download Zeit der Seite einschlie lich aller verkn pften Elemente wie Bilder und Shockwave Filme Siehe Download Zeit und Gr e berpr fen auf Seite 153 Die Schaltfl chen unten rechts im Dokumentfenster bilden den Mini Launcher Hierbei handelt es sich um eine kleinere Version des Launchers Mit den Schaltfl chen im Mini Launcher ffnen Sie Site Fenster Bibliothekspalette Stilpalette Verhaltensweisen Inspector Zeitleisten Inspector und HTML Inspector Mit dem Popup Men f r die Fenstergr e k nnen Sie das Dokumentfenster auf voreingestellte oder benutzerdefinierte Gr en einstellen Siehe Das Dokumentfenster vergr ern oder verkleinern auf Seite 78 Dokumentgr e und Download Zeit lt body lt table gt lt u gt lt td gt 430 x 409 IK 1 sec D O o Z Toa TT o ooo Tags Popup Men f r Mini Launcher die Fenstergr e Der Eigenschaften Inspector Im Eigenschaften Inspector werden die Eigenschaften des ausgew hlten Objekts angezeigt Eormat Keine Hyperlink nderungen die Sie an einer Eigenschaft vornehmen werden sofort im Dokumentfenster wiedergegeben Die angezeigten Eigenschaften richten sich danach welches Objekt ausgew hlt ist Sie
135. chte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Interaktivit t und Animation hinzuf gen 273 274 Kapitel 16 Audio steuern Verwenden Sie die Aktion Audio steuern um Audio wiederzugeben oder zu stoppen Sie k nnen beispielsweise festlegen da ein Audio Effekt wiedergegeben wird wenn der Anwender die Maus ber einen Hyperlink bewegt oder da ein Musik Clip abgespielt wird wenn eine Seite geladen wird Weiterhin k nnen Sie festlegen da der Anwender die Musik durch einen Mausklick stoppen kann Hinweis Browser ben tigen gegebenenfalls das Plug In LiveAudio oder ein hnliches Plug In um Audio wiedergeben zu k nnen So verwenden Sie die Aktion Audio steuern 1 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus 2 W hlen Sie im Popup Men Aktionen die Option Audio steuern F hren Sie einen der folgenden Schritte aus Um mit der Aktion Audio wiederzugeben geben Sie den Pfad und den Namen einer Audio Datei in das Feld Audio wiedergeben ein oder klicken Sie auf die Schaltfl che Durchsuchen und w hlen Sie eine Audio Datei aus gt Um mit der Aktion Audio zu stoppen w hlen Sie die Aktion Audio stoppen und w hlen Sie dann im angrenzenden Popup Men eine Audio Datei Klicken Sie auf OK 5 Pr fen Sie o
136. ckt So erstellen Sie eine verschachtelte Ebene mit der Ebenenpalette 1 W hlen Sie Fenster gt Ebenen um die Ebenenpalette zu ffnen 2 Halten Sie die Strg Iaste Windows bzw die Befehlstaste Macintosh gedr ckt w hlen Sie in der Ebenenpalette eine Ebene aus und ziehen Sie sie zur Zielebene 3 Sobald ein Rahmen um die Zielebene angezeigt wird lassen Sie die Maustaste los Ebenen Voreinstellungen w hlen Mit den Voreinstellungen f r Ebenen definieren Sie die Standardeinstellungen f r neue Ebenen W hlen Sie Bearbeiten gt Voreinstellungen und klicken Sie auf die Kategorie Ebenen um die Voreinstellungen f r Ebenen zu ndern Tag Bestimmt das Standard Tag das f r die Ebene verwendet wird Mit SPAN und DIV werden CSS Ebenen erstellt mit LAYER und ILAYER dagegen Netscape Ebenen Sichtbarkeit Bestimmt ob Ebenen standardm ig sichtbar sind oder nicht Breite und H he Legt die Standardbreite und h he der Ebenen fest die mit dem Befehl Einf gen gt Ebene erstellt werden Hintergrundfarbe Bestimmt die Standardfarbe f r den Hintergrund Hintergrundbild Gibt ein Standardbild f r den Hintergrund an Verschachteln Bestimmt da eine Ebene die innerhalb einer bereits vorhandenen Ebene gezeichnet wird eine verschachtelte Ebene ist Sie k nnen diese Einstellung vor bergehend au er Kraft setzen indem Sie die Strg Taste Windows bzw die Befehlstaste Macintosh dr cken w hrend Sie eine Ebene zeichnen
137. d Wide Web Consortium ist f r die Cascading Style Sheets Spezifikation CSS1 zust ndig Diese Spezifikation definiert Stileigenschaften die das Erscheinungsbild von Elementen steuern zum Beispiel Schriftart Farbe Auff llung R nder und Wortabstand In Dreamweaver k nnen Sie alle CSS1 Eigenschaften festlegen Siehe Text mit Stylesheets formatieren auf Seite 175 In Microsoft Internet Explorer 4 0 k nnen Sie mit einer Skriptsprache wie JavaScript oder VBScript die Positionierungs und Stileigenschaften von Elementen ndern nachdem die Seite geladen wurde In Netscape Navigator 4 0 k nnen Sie zwar die Positionierungseigenschaften ndern nachdem die Seite geladen wurde nicht jedoch die Stileigenschaften Externe Stylesheets oder Hyperlinks zu externen Stylesheets erstellen Bei einem externen Stylesheet handelt es sich um eine Textdatei die ausschlie lich Stilspezifikationen enth lt Wenn Sie ein externes Stylesheet bearbeiten wirken sich die nderungen auf alle Dokumente auf die mit dem Stylesheet verkn pft sind Die Dreamweaver HTML Help Pages sind mit einem Stylesheet namens help css verkn pft Sie k nnen diese Datei in einem Texteditor ffnen um den Code f r eine Stildefinition zu sehen die Datei befindet sich im Ordner Help html ffnen Sie eine der Themendateien diese Dateien beginnen mit einer Zahl um zu sehen wie bestimmte Stile angewandt werden und wie das Stylesheet mit Hilfe eines LINK Tags mit dem Dok
138. d beschrieben wie Sie Dreamweaver auf einem Windows oder Macintosh Computer installieren So installieren Sie Dreamweaver 1 Legen Sie die Dreamweaver CD in das CD ROM Laufwerk Ihres Computers ein F hren Sie einen der folgenden Schritte aus In Windows w hlen Sie Start gt Ausf hren Klicken Sie dann auf Durchsuchen und w hlen Sie die Datei Setup exe auf der Dreamweaver CD Klicken Sie im Dialogfeld Ausf hren auf OK um die Installation zu starten Auf dem Macintosh doppelklicken Sie auf das Symbol des Dreamweaver Installationsprogramms Folgen Sie den Anweisungen auf dem Bildschirm Starten Sie Ihren Computer neu wenn Sie dazu aufgefordert werden Hinweise zu den Lehrmedien Das Dreamweaver Paket enth lt mehrere Medien die Ihnen dabei helfen sollen das Programm schnell zu erlernen und Ihre eigenen professionellen Web Seiten zu erstellen Dazu geh ren Online HTML Hilfeseiten die in Ihrem Browser angezeigt werden ShowMe Filme ein Lehrgang ein gedrucktes Handbuch sowie eine Web Site die regelm ig auf den neuesten Stand gebracht wird Dreamweaver Lehrgang Wenn Sie bisher nur wenig Erfahrung mit der Erstellung von Web Sites haben sollten Sie mit dem Dreamweaver Lehrgang beginnen Der Lehrgang zeigt Ihnen wie Sie mit einigen der wichtigsten und leistungsst rksten Dreamweaver Funktionen eine Muster Site bearbeiten Sie finden den Lehrgang sowohl in der Dreamweaver Hilfe als auch im Handbuch Dreamweaver v
139. d das Dokument mit einem Pfad der mit Datei beginnt im Browser angezeigt Hyperlinks die als Site Stamm relative Pfade angegeben wurden funktionieren in manchen F llen nicht richtig wenn sie mit einem Pfad Datei in einem Browser angezeigt werden Download Zeit und Gr e berpr fen Unten im Dokumentfenster wird die Gr e sowie die gesch tzte Download Zeit der aktuellen Seite angezeigt Bei der Berechnung der Gr e wird der gesamte Inhalt der Seite ber cksichtigt einschlie lich aller verkn pften Objekte wie beispielsweise Bilder und Plug Ins Zur Berechnung der gesch tzten Download Zeit wird die Verbindungsgeschwindigkeit verwendet die Sie im Dialogfeld Voreinstellungen in der Kategorie Statusleiste angegeben haben Die tats chliche Download Zeit kann jedoch variieren und richtet sich nach den allgemeinen Internet Bedingungen So w hlen Sie Voreinstellungen f r Download Zeit und Gr e 1 W hlen Sie Bearbeiten gt Voreinstellungen und klicken Sie unter Kategorie auf Statusleiste 2 W hlen Sie die Verbindungsgeschwindigkeit die zur Berechnung der Download Zeit verwendet werden soll Die durchschnittliche Verbindungsgeschwindigkeit in Deutschland betr gt 28 8 Kpbs Wenn Sie Ihre Web Seiten f r ein Intranet entwerfen sollten Sie eventuell 1500 T1 Geschwindigkeit w hlen Site Verwaltung 153 154 Kapitel 7 KAPITEL 8 Roundtrip HTML Roundtrip HTML berblick Roundtrip HTML ist eine besondere
140. d eingef gt werden soll W hlen Sie dann Einf gen gt Bild oder klicken Sie in der Tafel Allgemein der Objektpalette auf die Schaltfl che Bild einf gen Klicken Sie in der Objektpalette auf die Schaltfl che Bild einf gen und ziehen Sie den Cursor an die Stelle auf der Seite an der Sie das Bild einf gen m chten Ziehen Sie ein Bild vom Desktop an die gew nschte Stelle auf der Seite Fahren Sie dann mit Schritt 3 fort Daraufhin wird ein Dialogfeld angezeigt Geben Sie hier den Pfad der Quelldatei ein oder navigieren Sie zur gew nschten Datei Unter Relative und absolute Pfade auf Seite 113 wird genauer beschrieben wie Sie Pfadnamen angeben Wenn dieses Dialogfeld nicht angezeigt werden soll deaktivieren Sie in den allgemeinen Voreinstellungen die Option Beim Einf gen von Objekten Dialog zeigen Hinweis Inhalt der mit einem stammrelativen Pfad verkn pft ist wird nicht angezeigt wenn Sie eine Vorschau von lokalen Dateien in einem Browser anzeigen Der Grund hierf r ist da das Erkennen von Site St mmen nicht Aufgabe des Browsers sondern des Servers ist Wenn Sie eine Vorschau von Inhalt anzeigen m chten der mit stammrelativen Pfaden verkn pft ist bertragen Sie die Datei auf einen entfernten Server und zeigen Sie die Seite von dort in einem Browser an Siehe auch Relative und absolute Pfade auf Seite 113 Legen Sie die Eigenschaften des Bildes im Eigenschaften Inspector fest Siehe Bildeigenschaften e
141. d mit einem H kchen versehen sind werden eingeblendet Die Symbole f r unsichtbare Elemente werden jedoch nur im Dokumentfenster angezeigt wenn Ansicht gt Unsichtbare Elemente aktiviert ist In der Dreamweaver Hilfe finden Sie eine genaue Beschreibung der Voreinstellungen f r unsichtbare Elemente Dokumente einrichten Zu den grundlegenden Eigenschaften eines HTML Dokuments geh ren Seitentitel Hintergrundbild und Hintergrundfarbe sowie Farben f r Text und Hyperlinks Mit dem Seitentitel wird ein Dokument identifiziert und benannt Hintergrundbilder und farben gestalten das allgemeine Erscheinungsbild des Dokuments und verschiedene Textfarben unterscheiden Hypertext von regul rem Text und zeigen weiterhin an welche Hyperlinks bereits besucht wurden und welche nicht Seitentitel ndern Der Titel einer HTML Seite ist sehr wichtig Er identifiziert die Seite in Verlaufs und Textmarkenlisten und hilft den Anwendern dabei bei der Anzeige im Browser den berblick zu behalten Wenn Sie keinen Seitentitel angeben wird die Seite im Browser Fenster und in Verlaufs und Textmarkenlisten als Unbenanntes Dokument aufgef hrt So ndern Sie den Titel einer Seite 1 F hren Sie einen der folgenden Schritte durch gt W hlen Sie ndern gt Seiteneigenschaften gt Klicken Sie mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh in das Dokumentfenster und w hlen Sie dann im Kontextmen die Option Seit
142. dann unter Kategorie die Option Markierung und aktivieren Sie neben Gesperrte Bereiche die Option Zeigen Wird nach wie vor keine Markierungsfarbe angezeigt w hlen Sie Ansicht gt Unsichtbare Elemente 2 W hlen Sie Fenster gt Vorlagen um die Vorlagenpalette zu ffnen Die Vorlagenpalette enth lt eine Liste aller Vorlagendateien dwt in der lokalen Site die sich im Unterordner Templates des Ordners Olivebranch_site befinden 3 Klicken Sie in der Vorlagenpalette auf die Vorlagendatei cat_product_winter dwt um sie in der Liste zu markieren cat_product t_product_winter Dw2_cat_produet Replace with product image 4 Passen Sie die Gr e der Vorlagenpalette an um eine Vorschau der Winter Vorlage in der Palette anzuzeigen Die Winter Vorlage hat zwar ein anderes Design als die Vorlage die momentan auf die Produktseiten angewandt ist da aber beide Vorlagen die gleichen editierbaren Bereiche enthalten k nnen Sie sie problemlos auf die Seite anwenden neu L schen rnen DW2_oat_produot Replace with product image Lehrgang 59 60 Kapitel 2 Klicken Sie auf Auf Seite anwenden um die Winter Vorlage auf die Produktseite f r Weinsorten anzuwenden Schlie en Sie die Vorlagenpalette Dr cken Sie F12 um eine Vorschau der neuen Produktseite f r Weinsorten in einem Browser Fenster anzuzeigen Nachdem Sie eine Vorschau der Seite angezeigt haben schlie en Sie das Browser Fenster
143. de Aktion Soll eine Aktion vollst ndig entfernt werden w hlen Sie sie aus und dr cken Sie die Entf Taste 5 Nehmen Sie im angezeigten Dialogfeld die notwendigen nderungen vor und klicken Sie auf OK W hlen Sie Fenster gt Bibliothek um die Bibliothekspalette zu ffnen L schen Sie das urspr ngliche Bibliothekselement 8 W hlen Sie im Dokumentfenster die Elemente aus die das Bibliothekselement bilden Achten Sie darauf da Sie genau die gleichen Elemente ausw hlen die im urspr nglichen Bibliothekselement enthalten waren 9 Klicken Sie in der Bibliothekspalette auf die Schaltfl che Erstellen und benennen Sie das neue Element mit dem Namen des Elements das Sie in Schritt 7 gel scht haben Achten Sie darauf da Sie genau die gleiche Schreibweise und Gro Kleinschreibung verwenden 10 W hlen Sie ndern gt Bibliothek gt Seiten aktualisieren 11 W hlen Sie im Popup Men Nachsehen in die Option Dateien mit Der Name des gerade erstellten Bibliothekselements sollte jetzt im angrenzenden Popup Men angezeigt werden 12 Aktivieren Sie unter Aktualisieren das Kontrollk stchen Bibliothekselemente und klicken Sie auf Starten Bibliothekselemente Eigenschaften einstellen Verwenden Sie die Eigenschaften von Bibliothekselementen um die Quelldatei eines Elements festzulegen und es editierbar zu machen oder um das Element neu zu erstellen nachdem Sie es bearbeitet haben Doppelklicken Sie auf ein
144. den Sie k nnen die Abmessungen von einer einzigen Ebene ndern oder mehrere Ebenen gleichzeitig auf die gleiche Breite oder H he einstellen Der Eigenschaften Inspector enth lt unterschiedliche Elemente je nachdem ob Sie mit einer einzigen oder mit mehreren Ebenen arbeiten Siehe Ebeneneigenschaften einstellen auf Seite 219 und Eigenschaften f r mehrere Ebenen einstellen auf Seite 221 Weiterhin sind die Ebenenbefehle im Men ndern nur verf gbar wenn Sie mehrere Ebenen ausgew hlt haben Wenn Sie verhindern m chten da Ebenen sich berlappen aktivieren Sie die Option berlappungen verhindern Siehe Ebenen berlappungen verhindern auf Seite 232 Ebenen verwenden 223 224 Kapitel 12 Ebenen aktivieren M chten Sie Objekte in eine Ebene plazieren m ssen Sie die Ebene zun chst aktivieren Wenn Sie eine Ebene aktivieren wird der Cursor in der Ebene plaziert die Ebenenrahmen werden hervorgehoben und der Auswahlgriff wird angezeigt dadurch wird die Ebene jedoch nicht ausgew hlt So aktivieren Sie eine Ebene gt Klicken Sie auf eine beliebige Stelle innerhalb der Ebene Ebenen ausw hlen W hlen Sie eine oder mehrere Ebenen aus um sie auszurichten neu zu positionieren auf die gleiche Breite oder H he einzustellen etc Eine vollst ndige Liste der Optionen finden Sie unter Ebeneneigenschaften einstellen auf Seite 219 So w hlen Sie eine Ebene mit einer der folgenden Methoden aus gt Klicken Si
145. der Kombination Wenn Sie eine Schriftart hinzuf gen m chten die nicht auf Ihrem System installiert ist geben Sie den Namen der Schriftart in das Textfeld unter der Liste Verf gbare Schriftarten ein und klicken Sie dann auf die Schaltfl che lt lt damit die Schriftart der Kombination hinzugef gt wird Mit dieser Funktion k nnen Sie beispielsweise eine Windows spezifische Schriftart angeben wenn Sie Ihre Web Site auf einem Macintosh entwerfen Wenn Sie alle gew nschten Schriftarten ausgew hlt haben w hlen Sie eine generische Schriftfamilie aus der Liste Verf gbare Schriftarten und klicken Sie dann auf die Schaltfl che lt lt um die generische Schriftfamilie in die Liste Gew hlte Schriftarten zu verschieben Zu den generischen Schriftfamilien geh ren cursive fantasy monospace sans serif und serif Wenn keine der Schriftarten in der Liste Gew hlte Schriftarten auf dem System des Anwenders installiert ist wird der Text in der Standardschriftart der jeweiligen generischen Schriftfamilie angezeigt Beispielsweise ist die Standardschriftart f r monospace auf den meisten Systemen Courier Textfarbe ndern Sie k nnen die Farbe von ausgew hltem Text ndern Die neue Farbe hat Vorrang vor der Iextfarbe die in den Seiteneigenschaften definiert wurde So ndern Sie die Textfarbe 1 2 W hlen Sie den Text aus ndern Sie die Textfarbe mit einer der folgenden Methoden W hlen Sie eine Farbe aus der Palette de
146. der Name des Tags das lt HR gt Tag wird beispielsweise horizontale Linie genannt Das NAME Attribut ist optional wenn Sie es festlegen wird tagName in der Fehlermeldung verwendet Wenn Sie keinen Namen angeben wird statt dessen htm Tag verwendet nichtunterst tztesAttribut ist ein Attribut das nicht unterst tzt wird Tags oder Attribute die nicht ausdr cklich erw hnt sind werden nicht unterst tzt Legen Sie nicht unterst tzte Tags oder Attribute nur fest wenn Sie benutzerdefinierte Fehlermeldungen erstellen m chten unterst tztesAttribut ist ein von htm Tag unterst tztes Attribut Der Browser interpretiert nur Tags die ohne die Bezeichnung Error aufgelistet werden als unterst tzte Tags g ltigerWert ist ein Wert der vom Attribut unterst tzt wird Folgende Leerstellen sind erforderlich in der Zeile ELEMENT vor der schlie enden spitzen Klammer gt sowie in der Wertliste nach der f hrenden Klammer vor der schlie enden Klammer und vor und nach jedem Pipe Zeichen Vor den W rtern ELEMENT ATTLIST Error msg und htmlmsg mu ein Ausrufezeichen ohne Leerstelle stehen ELEMENT ATTLIST Error msg Ihtmimsg Errors und Warnings k nnen im Bereich ELEMENT oder ATTLIST vorkommen Imsg Meldungen k nnen nur einfachen Text enthalten htmImsg Meldungen dagegen beliebigen g ltigen HTML Code einschlie lich Hyperlinks HTML Kommentare lt gt k nnen nicht ausdr cklich in Browser P
147. der Site Map TM AE Datei Bearbeiten Ansicht Site Fenster Hilfe g My_Tutorial E evetinden t Aburen e Bereitsteten Site Navigation E index htm DW2_indez htm DW2_about_main htm 228 8 a a a a B B B B B B B B B B B B B B B B B E B A Library Template Templates Vorlagen about_main htm cat_main_index htm cat_pt_cheeses_asiago htm cat_pr_mustards_cranberry htm cat_p _eils_beechnut htm cat_pr_wines_flc him DW2_about_main htm DW2_cat_cheeses_asiago h DWw2_cat_main_index htm DW2_cat_mustards_cranbe DW2_cat_oils_beechnut htm DW2_cat_wines_fle htm DWw2_events_main htm DW2_index htm events_main htm footer_librany htm home htm home_logo jpg index htm olive styles css Die Lehrgang Version der Homepage enth lt erst einen Hyperlink Im n chsten Abschnitt werden Sie ihr weitere Hyperlinks hinzuf gen 6 Lassen Sie das Site Fenster ge ffnet damit Sie schen k nnen wie die Site Map aktualisiert wird wenn Sie der Homepage Hyperlinks hinzuf gen Lehrgang 29 30 Kapitel 2 Hyperlinks erstellen Die Bilder auf der linken Seite der Homepage sollen dem Anwender als Wegweiser durch die Olivebranch Site dienen Das oberste Bild namens about ist bereits mit der entsprechenden Seite in der Site verkn pft Sie erstellen nun Hyperlinks zwischen zwei weiteren Grafiken events und catalog und anderen Seiten der Site Das Bild gift basket wird in
148. der die Ebene ziehen soll Eine Ebene hat das Ablageziel erreicht wenn ihre linke und obere Koordinate mit den Werten in den Feldern Links und Oben bereinstimmt Die Werte sind relativ zur oberen linken Ecke des Browser Fensters Klicken Sie auf Aktuelle Pos abrufen damit die aktuelle Position der Ebene automatisch in die Felder eingetragen wird 13 Geben Sie in das Feld Einrasten falls innerhalb einen Wert ein in Pixeln um festzulegen wie nahe der Anwender die Ebene an das Ablageziel heranziehen mu damit die Ebene am Ziel einrastet Wenn Sie gr ere Werte eingeben kann der Anwender das Ablageziel leichter finden Bei einfachen Puzzlen und Hintergrundmanipulationen brauchen Sie keine weiteren Schritte auszuf hren Wenn Sie auf Weitere Optionen klicken k nnen Sie den Ziehgriff f r die Ebene definieren die Bewegung der Ebene beim Ziehen verfolgen und festlegen da eine Aktion ausgel st wird wenn der Anwender die Ebene ablegt Sie k nnen festlegen da der Anwender auf einen bestimmten Bereich klicken mu damit die Ebene gezogen werden kann W hlen Sie dazu im Popup Men Ziehgriff die Option Bereich in Ebene und geben Sie die linke und obere Koordinate sowie die Breite und H he des Ziehgriffs in die entsprechenden Felder ein Diese Option ist n tzlich wenn das Bild in der Ebene ber ein Element verf gt das sich zum Ziehen eignet beispielsweise eine Titelleiste oder der Griff einer Schublade Aktivieren Si
149. dia Elemente ein indem Sie Einf gen gt Shockwave Einf gen gt Flash Film oder Einf gen gt Plug In w hlen 2 F hren Sie einen der folgenden Schritte aus gt W hlen Sie eines der eingef gten Multimedia Elemente aus und w hlen Sie dann Ansicht gt Plug Ins gt Wiedergeben gt W hlen Sie Ansicht gt Plug Ins gt Alle wiedergeben um alle Multimedia Elemente auf der Seite wiederzugeben f r die Plug Ins erforderlich sind So stoppen Sie die Wiedergabe des Plug In Inhalts gt W hlen Sie ein Multimedia Element aus und w hlen Sie dann Ansicht gt Plug Ins gt Stoppen oder w hlen Sie Ansicht gt Plug Ins gt Alle stoppen um die Wiedergabe des Inhalts aller Plug Ins zu stoppen Interaktivit t und Animation hinzuf gen 309 310 Kapitel 16 Fehlerbehebung Wenn Sie die oben angegebenen Schritte ausgef hrt haben jedoch nicht der gesamte Inhalt des Plug Ins im Dokumentfenster wiedergegeben wird versuchen Sie folgendes gt Stellen Sie sicher da das zugeh rige Plug In auf Ihrem Computer installiert ist und da die Plug In Version mit der Filmversion kompatibel ist gt ffnen Sie die Datei badplugins cfg in einem Texteditor und berpr fen Sie ob das problematische Plug In in dieser Datei aufgef hrt wird Die Datei badplugins cfg enth lt eine Liste der Plug Ins die einen Programmabsturz oder andere schwerwiegende Probleme verursachen Wenn bei einem bestimmten Plug In Probleme auftreten sollte
150. die Attribute deren Kontrollk stchen unter Kurzschrift verwenden f r aktiviert sind Text formatieren 183 184 Kapitel 9 CSS Stile in HTML Markup konvertieren Wenn Sie die Textformatierung wie Familie Gr e Farbe und Dekoration der Schriftart mit CSS Stilen definiert haben und sp ter diese Formatierung in einem 3 0 Browser anzeigen m chten k nnen Sie den Befehl Datei gt Konvertieren gt 3 0 Browser kompatibel verwenden um soviel Stilinformationen wie m glich in HTML Tags zu konvertieren So konvertieren Sie eine Datei die auf Stilen basiert in eine 3 0 Browser kompatible Datei 1 W hlen Sie Datei gt Konvertieren gt 3 0 Browser kompatibel 2 W hlen Sie im angezeigten Dialogfeld die Option CSS Stile in HTML Markup Wenn Sie die Option Ebenen in Tabelle w hlen werden alle Ebenen durch eine einzige Tabelle ersetzt die die urspr ngliche Positionierung beibeh lt Die CSS Stile werden sofern m glich durch HTML Tags ersetzt wie beispielsweise B und FONT CSS Markup das nicht in HTML konvertiert werden kann wird entfernt Unter CSS Stile in HTML Markup Konvertierungstabelle auf Seite 185 finden Sie Einzelheiten dazu welche Stile konvertiert und welche entfernt werden 3 Klicken Sie auf OK Dreamweaver ffnet die konvertierte Datei in einem neuen unbenannten Fenster Hinweis Sie m ssen die Funktion In 3 0 Browser kompatibel konvertieren jedesmal anwenden wenn Sie die urspr ngliche Datei
151. die Dateiorganisation auf Ihrem System indem die Struktur der entfernten Web Site auf Ihrem lokalen System nachgebildet wird Die Hyperlinks die Sie in der lokalen Site erstellen funktionieren auch in der entfernten Site da die Struktur der beiden Sites identisch ist Sie erstellen eine lokale Site in Dreamweaver indem Sie mit dem Befehl Sites definieren einen lokalen Stammordner ausw hlen Siehe Lokale Sites erstellen auf Seite 104 Anschlie end k nnen Sie im Dialogfeld Sites definieren weitere Optionen ausw hlen um die lokale Site mit einem entfernten Server zu assoziieren Siehe Sites definieren auf Seite 128 Bei der bertragung von Dateien zwischen lokalen und entfernten Sites beh lt Dreamweaver eine identische Ordnerstruktur bei Dadurch wird verhindert da Hyperlinks und Referenzen versehentlich getrennt werden und nicht mehr funktionieren Wenn die Dateien auf eine Site bertragen werden auf der die Ordner nicht vorhanden sind werden die erforderlichen Ordner automatisch erstellt Dreamweaver bietet mehrere Funktionen mit denen Sie Ihre Site strukturieren in und zwischen Dokumenten navigieren und Dateien an einen entfernten Server bertragen k nnen Wenn Sie gemeinsam mit anderen Personen an einer Web Site arbeiten k nnen Sie Dateien im entfernten Server einchecken und auschecken um zu verhindern da mehrere Personen gleichzeitig die gleiche Datei bearbeiten Dreamweaver f hrt keine Versionskontrolle durch und
152. die Filme an 1 2 W hlen Sie in Dreamweaver Hilfe gt Dreamweaver Hilfeseiten Klicken Sie links im Inhaltsverzeichnis auf Einf hrung und anschlie end auf Dreamweaver Tour Klicken Sie auf ShowMe um die Tour zu sehen Schlie en Sie anschlie end den Browser Zeigen Sie eine Vorschau der fertigen Web Site an Als n chstes sollten Sie sich die fertige Web Site ansehen damit Sie wissen wie Ihre Arbeit zum Schlu aussehen soll So zeigen Sie die fertige Olivebranch Site an 1 W hlen Sie in Dreamweaver Datei gt ffnen Gehen Sie zum Dreamweaver Ordner ffnen Sie den Ordner Tutorial und anschlie end den Unterordner Olivebranch_site 2 W hlen Sie im Ordner Olivebranch_site die Datei index htm um die Olivebranch Homepage im Dokumentfenster zu ffnen Diese Seite ist bereits fertiggestellt und Sie sollten sie daher nicht bearbeiten In diesem Lehrgang bearbeiten Sie eine andere Version der Seite 3 W hlen Sie Datei gt Vorschau in Browser und w hlen Sie dann den Browser aus in dem Sie die Olivebranch Homepage anzeigen m chten Zeigen Sie diese Site mit einem 4 0 Browser an Hinweis Flash Player mu in Ihrem Standard Browser installiert sein damit Sie die w chentlichen Sonderangebote der Olivebranch Homepage sehen k nnen Wenn Flash Player nicht installiert ist suchen Sie das Installationsprogramm im Flash Ordner auf Ihrer Dreamweaver Produkt CD oder laden Sie das Programm von http www macrom
153. die Gesamtanzahl der Bilder und die Anzahl der Bilder pro Sekunde Bps festlegen Die Standardeinstellung von 15 Bildern pro Sekunde stellt eine gute Durchschnittsrate f r die meisten Browser mit g ngigen Windows und Macintosh Systemen dar H here Raten f hren nicht unbedingt zu einer Leistungsverbesserung Browser geben grunds tzlich jedes Bild der Animation wieder auch wenn sie die angegebene Bildrate auf dem System des Anwenders nicht erreichen k nnen B 1 5 10 1 OmyLayer 2 Interaktivit t und Animation hinzuf gen 293 294 Kapitel 16 Zur ckspulen Bewegt den Wiedergabekopf zum ersten Bild in der Zeitleiste zur ck R ckw rts Bewegt den Wiedergabekopf nach links zum vorigen Bild Klicken Sie auf R ckw rts und halten Sie die Maustaste gedr ckt um die Zeitleiste r ckw rts abzuspielen Wiedergeben Bewegt den Wiedergabekopf nach rechts zum n chsten Bild Klicken Sie auf Wiedergeben und halten Sie die Maustaste gedr ckt um die Zeitleiste fortlaufend abzuspielen Auto Wdg Bewirkt da die Zeitleiste automatisch wiedergegeben wird wenn die aktuelle Seite in einem Browser geladen wird Auto Wdg f gt dem BODY Tag der Seite eine Verhaltensweise an die die Aktion Zeitleiste wiedergeben ausf hrt wenn die Seite geladen wird Schleife Bewirkt da die aktuelle Zeitleiste eine unendliche Schleife ausf hrt w hrend die Seite in einem Browser ge ffnet ist Schleife f gt das Verhalten Gehe zu Zeitleisten Bild in
154. dner Configuration Behaviors Actions im Dreamweaver Anwendungsordner 3 Starten Sie Dreamweaver neu Interaktivit t und Animation hinzuf gen 265 266 Kapitel 16 Die Aktionen f r Verhaltensweisen verwenden die im Dreamweaver Lieferumfang enthalten sind Die Aktionen f r Verhaltensweisen die zum Lieferumfang von Dreamweaver geh ren k nnen in allen 4 0 Browsern eingesetzt werden Einige Aktionen funktionieren in lteren Browsern jedoch nicht Einzelheiten ber die Funktionsweise von Aktionen in spezifischen Browsern finden Sie in der folgenden Tabelle see the topics below wie Sie Optionen f r die Aktionen w hlen Macintosh Windows Aktion Netscape Netscape Internet Internet Netscape Netscape Internet Internet 2 x 3x Explorer Explorer 2 x 3 x Explorer Explorer 3 0 3 01 3 0 3 01 Call JavaScript Change OK schl gt OK schl gt Schl gt OK OK schl gt OK schl gt OK OK Property bei bei ohne Fehler bei bei Objektenin Objektenin fehl Objektenin Objekten in Ebenen Ebenen Ebenen Ebenen ohne Fehler ohne Fehler ohne Fehler ohne Fehler fehl fehl fehl fehl Check OK OK OK OK OK OK OK OK Browser Check OK OK Schl gt OK OK OK OK OK Plugin ohne Fehler feh Control Schl gt OK Schl gt Schl gt Schl gt OK Schl gt Schl gt Shockwave ohne Fehler ohneFehler ohneFehler ohne Fehler ohne Fehler ohne Fehler or Flash feh feh fehl feh fehl fehl Control Fehler OK Schl gt Schl gt Schl gt OK Schl gt Schl
155. dynamischem HTML erstellen auf Seite 292 Klicken Sie mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh auf den Zeitleisten Inspector um ein Kontextmen mit allen relevanten Befehlen zu ffnen Wiedergabekopf Zeigt welches Bild der Zeitleiste momentan auf der Seite angezeigt wird Timeine1 2 Popup Men Zeitleiste B Popup Men Zeitleiste Legt fest welche Zeitleisten des Dokuments im Zeitleisten Inspector angezeigt werden Animationskan le Zeigen Leisten zum Animieren von Ebenen und Bildern an Animationsleisten Zeigen die Dauer jedes Objekts Eine einzelne Zeile kann mehrere Leisten enthalten die unterschiedliche Objekte repr sentieren Es ist aber nicht m glich ein Objekt in einem bestimmten Bild mit verschiedenen Leisten zu steuern Schl sselbilder Bilder in einer Leiste in denen Sie Eigenschaften z B die Position des Objekts festgelegt haben Dreamweaver berechnet die Zwischenwerte f r die Bilder zwischen den Schl sselbildern Schl sselbilder werden durch kleine Kreise gekennzeichnet Verhaltenskanal Der Kanal f r Verhaltensweisen die bei einem bestimmten Bild in der Zeitleiste ausgef hrt werden sollen eese X B Verhaltenskanal 5 1 1 Bildnummern Geben die Anzahl der Bilder an die jede Leiste einnimmt Der Wert zwischen den Schaltfl chen R ckw rts und Wiedergeben bezicht sich auf das aktuelle Bild Sie steuern die Dauer der Animation indem Sie
156. dynamischen Umgebung keine Verwirrung entsteht wenn Abrollbalken angezeigt und wieder entfernt werden Diese Option funktioniert nur in Browsern die Abrollbalken unterst tzen gt Auto bewirkt da Abrollbalken nur dann angezeigt werden wenn der Inhalt der Ebene ber ihren Rand hinausgeht Abschn Definiert den sichtbaren Teil der Ebene Geben Sie in Pixeln die Werte f r den Abstand vom Ebenenrand an Die Einstellungen O oben und L links sind relativ zur Ebene nicht zur Seite Verw Links oben SeiteX SeiteY nur Netscape Ebenen Hiermit k nnen Sie eine Ebene relativ zu ihrer bergeordneten Ebene positionieren Mit der Option Links oben wird die Ebene relativ zur oberen linken Ecke der bergeordneten Ebene positioniert Mit der Option SeiteX SeiteY wird die Ebene dagegen an einer absoluten Position relativ zur oberen linken Ecke der Seite positioniert unabh ngig von der Position der bergeordneten Ebene Qu nur Netscape Ebenen Hiermit k nnen Sie ein anderes HTML Dokument innerhalb der Ebene anzeigen Geben Sie den Pfad des Dokuments ein oder klicken Sie auf das Ordnersymbol um das Dokument zu suchen und auszuw hlen Beachten Sie da diese Eigenschaft nicht im Dokumentfenster angezeigt wird O U nur Netscape Ebenen Gibt die Ebene oberhalb O oder unterhalb U der aktuellen Ebene in der Stapelreihenfolge Z Index an In der Liste rechts neben dem Popup Men O U werden nur die Ebenen angezeigt die bereits im
157. e Macintosh gedr ckt und klicken Sie auf einen Frame gt Klicken Sie auf einen Frame im Frame Inspector Siehe Frame Eigenschaften einstellen auf Seite 239 So zeigen Sie die Frameset Eigenschaften mit einer der folgenden Methoden an gt Klicken Sie im Dokumentfenster auf einen Frame Rahmen gt Klicken Sie auf den Rahmen der die Frames im Frame Inspector umgibt Siehe Frameset Eigenschaften einstellen auf Seite 240 Frame Eigenschaften einstellen Wenn Sie die Frame Eigenschaften anzeigen m chten halten Sie die Alt Taste Windows bzw die Wahltaste Macintosh gedr ckt und klicken Sie auf einen Frame Eventuell m ssen Sie unten rechts im Eigenschaften Inspector auf den Erweiterungspfeil klicken damit alle der folgenden Frame Eigenschaften angezeigt werden Frame Name Bestimmt den Namen des aktuellen Frames der f r Hyperlink Ziele und Skriptreferenzen verwendet werden soll Ein Frame Name sollte aus einem einzigen Wort bestehen er kann Unterstriche _ jedoch keine Bindestriche Punkte und Leerzeichen enthalten Quelle Gibt das Quelldokument des Frames an Geben Sie einen Dateinamen ein oder klicken Sie auf das Ordnersymbol um die Datei zu suchen und auszuw hlen Sie k nnen eine Datei auch in einem Frame ffnen indem Sie den Cursor in den Frame plazieren und dann Datei gt ffnen in Frame w hlen Frames verwenden 239 240 Kapitel 13 Rollen Bestimmt ob Abrollbalken angezeigt werden sollen w
158. e position absolute left 97px top 114px width 54px height 69px z index 1 gt Inhalt der verschachtelten Ebene lt div gt lt div gt Wenn Sie eine Ebene innerhalb einer anderen Ebene zeichnen legen Sie mit den Voreinstellungen f r Ebenen fest da es sich dabei um eine verschachtelte Ebene handelt W hlen Sie dazu Bearbeiten gt Voreinstellungen w hlen Sie die Kategorie Ebenen und aktivieren Sie das Kontrollk stchen Verschachteln Siehe Ebenen Voreinstellungen w hlen auf Seite 218 Ebenen verwenden 217 218 Kapitel 12 So erstellen Sie verschachtelte Ebenen gt Um eine verschachtelte Ebene einzuf gen plazieren Sie den Cursor innerhalb einer vorhandenen Ebene und w hlen Sie Einf gen gt Ebene gt Um eine verschachtelte Ebene durch Ziehen und Ablegen zu erstellen klicken Sie in der Objektpalette auf die Schaltfl che Ebene halten Sie die Maustaste gedr ckt ziehen Sie die Ebene in eine bereits vorhandene Ebene und legen Sie sie dort ab gt Um eine verschachtelte Ebene zu zeichnen klicken Sie in der Objektpalette auf die Schaltfl che Ebene lassen Sie die Maustaste los klicken Sie in eine vorhandene Ebene und zeichnen Sie die neue Ebene dazu mu das Kontrollk stchen Verschachteln in den Voreinstellungen f r Ebenen aktiviert sein Wenn das Kontrollk stchen Verschachteln nicht aktiviert ist halten Sie beim Zeichnen der Ebene die Strg Taste Windows bzw die Befehlstaste Macintosh gedr
159. e Linie angezeigt Wenn Sie die Tabelle f r das Seitenlayout verwenden geben Sie f r den Rahmen den Wert 0 an Wenn Sie den Wert 0 gew hlt haben und die Zell und Tabellenrahmen anzeigen m chten w hlen Sie Ansicht gt Tabellenrahmen Heller Rahmen und Dunkler Rahmen Definieren Rahmenfarben die einen Hervorhebungs bzw einen Schatteneffekt haben damit der Rahmen dreidimensional erscheint M chten Sie die standardm igen Graustufen wiederherstellen entfernen Sie die Farbwerte und lassen Sie die Felder leer Rahmenfarbe Definiert die Rahmenfarbe f r die ganze Tabelle 7 Mit den Hg Optionen legen Sie Hintergrundbild oder Hintergrundfarbe f r die Tabelle fest Zeilen und Zelleigenschaften einstellen W hlen Sie eine beliebige Kombination von Zellen aus und ndern Sie dann das Erscheinungsbild individueller Zellen Zeilen oder Spalten mit dem Eigenschaften Inspector Unter Tabellenelemente ausw hlen auf Seite 200 wird beschrieben wie Sie Zellen Zeilen oder Spalten ausw hlen und unter Tabelleneigenschaften einstellen auf Seite 203 erfahren Sie wie Sie die Formatierung auf die ganze Tabelle anwenden So formatieren Sie eine Zeile Spalte oder Zelle 1 W hlen Sie eine beliebige Kombination von Zellen in der Tabelle aus 2 W hlen Sie Fenster gt Eigenschaften um den Eigenschaften Inspector zu ffnen Klicken Sie unten rechts auf den Erweiterungspfeil damit alle Eigenschaften angezeigt werden 3 Legen Sie di
160. e Map erstellen Hyperlinks zu Dokumenten erstellen Mit dem Eigenschaften Inspector k nnen Sie ein Bild oder eine Textstelle im aktuellen Dokument mit einem anderen Dokument verkn pfen So erstellen Sie Hyperlinks zwischen Dokumenten 1 W hlen Sie ein Bild oder eine Textstelle im Dokumentfenster aus 2 ffnen Sie den Eigenschaften Inspector Fenster gt Eigenschaften und f hren Sie dann einen der folgenden Schritte aus gt Geben Sie einen Pfad in das Feld Hyperlink ein Wenn Sie einen Hyperlink zu einem Dokument in Ihrer Site erstellen m chten geben Sie einen dokument oder stammrelativen Pfad ein M chten Sie dagegen einen Hyperlink zu einem Dokument au erhalb Ihrer Site erstellen geben Sie einen absoluten Pfad ein gt Klicken Sie auf das Ordnersymbol um eine Datei zu suchen und auszuw hlen Der Pfad der Datei wird im Feld URL angezeigt Geben Sie im Popup Men Relativ zu an ob der Pfad dokumentrelativ oder stammrelativ sein soll Klicken Sie dann auf Ausw hlen gt Ziehen Sie eine Datei aus dem Site Fenster in das Feld Hyperlink des Eigenschaften Inspectors 3 Damit das verkn pfte Dokument nicht im aktuellen Frame oder Fenster sondern in einem anderen angezeigt wird w hlen Sie im Popup Men Ziel einen Frame Namen aus oder w hlen Sie eines der folgenden reservierten Ziele gt _leer l dt das verkn pfte Dokument in einem neuen unbenannten Browser Fenster gt bergeordnet l dt das verkn
161. e Sequenz auszuw hlen Wenn Sie mehrere Sequenzen ausw hlen m chten halten Sie beim Klicken die Umschalttaste gedr ckt Dr cken Sie Strg A Windows bzw Befehlstaste A Macintosh um alle Sequenzen auszuw hlen 2 Kopieren Sie die Auswahl oder schneiden Sie sie aus F hren Sie einen der folgenden Schritte aus Bewegen Sie den Wiedergabekopf an eine andere Stelle in der aktuellen Zeitleiste gt W hlen Sie eine andere Zeitleiste aus dem Popup Men Zeitleiste gt ffnen Sie ein anderes Dokument oder erstellen Sie ein neues Dokument und klicken Sie in den Zeitleisten Inspector Interaktivit t und Animation hinzuf gen 299 300 Kapitel 16 4 F gen Sie die Auswahl in die Zeitleiste ein Die Animationsleisten f r ein Objekt k nnen sich nicht berlappen da eine Ebene sich nicht gleichzeitig an zwei Stellen befinden kann und ein Bild auch nicht gleichzeitig zwei verschiedene Quellen haben kann Wenn die eingef gte Animationsleiste eine andere Animationsleiste des gleichen Objekts berlappen w rde verschiebt Dreamweaver die Auswahl automatisch zum ersten nicht berlappenden Bild Wenn Sie Animationssequenzen in ein anderes Dokument einf gen sollten Sie die beiden folgenden Prinzipien beachten gt Wenn Sie eine Animationssequenz f r eine Ebene kopieren und das neue Dokument eine Ebene mit dem gleichen Namen enth lt weist Dreamweaver die Animationseigenschaften der vorhandenen Ebene im neuen Dokument
162. e Tabellenzellen ausw hlen und ihre Eigenschaften ndern Siehe Tabellenelemente ausw hlen auf Seite 200 Eine einzelne Tabellenzelle kann in mehrere Zellen geteilt werden Siehe Zellen verbinden und teilen auf Seite 210 Mit vordefinierten Designs k nnen Sie Tabellen schnell formatieren Siehe Tabellen mit einem vordefinierten Design formatieren auf Seite 206 Sie k nnen Tabellen nach Zeile oder nach Spalte numerisch oder alphabetisch sortieren Siehe Tabellen sortieren auf Seite 207 Funktionen zur Produktivit tssteigerung Diese Funktionen erm glichen einen schnelleren und effizienteren Arbeitsablauf gt Passen Sie Ihren Arbeitsbereich an Ihre ganz pers nlichen Anforderungen an indem Sie Paletten und Inspectoren in einer Palette im Registerformat zusammenfassen Siehe Andockbare schwebende Paletten auf Seite 72 Sie k nnen das Dokumentfenster schnell und einfach auf eine voreingestellte oder benutzerdefinierte Gr e einstellen Siehe Das Dokumentfenster vergr ern oder verkleinern auf Seite 78 Mit Kontextmen s k nnen Sie direkt auf die Befehle zugreifen die Sie am h ufigsten verwenden Siehe Kontextmen s auf Seite 71 Sie k nnen den HEAD Inhalt im Dokumentfenster anzeigen und ndern Siehe HEAD Inhalt anzeigen und bearbeiten auf Seite 87 Plug Ins k nnen direkt im Dreamweaver Dokumentfenster wiedergegeben werden Siehe Plug Ins im Dokumentfenster wiedergeben auf Seite 309 Erweiterbare U
163. e diese Option nicht wenn Sie m chten da der Anwender auf eine beliebige Stelle der Ebene klicken kann damit die Ebene gezogen werden kann Aktivieren Sie bei Bedarf eine der Optionen unter Beim Ziehen Aktivieren Sie Ebene nach vorn bringen wenn die Ebene beim Ziehen an die erste Stelle der Stapelreihenfolge verschoben werden soll Legen Sie dann im Popup Men fest ob die Ebene im Vordergrund gelassen oder ob sie wieder ihre urspr ngliche Position in der Stapelreihenfolge einnehmen soll Geben Sie in das Feld JavaScript aufrufen JavaScript Code oder einen Funktionsnamen beispielsweise monitorLayer ein damit der Code oder die Funktion wiederholt ausgef hrt wird w hrend die Ebene gezogen wird Sie k nnen beispielsweise eine Funktion schreiben die die Koordinaten der Ebene berwacht und in einem Textfeld Hinweise anzeigt wie beispielsweise Sie kommen n her oder Sie sind meilenweit vom Ablageziel entfernt Siehe Informationen ber die ziehbare Ebene zusammenstellen auf Seite 278 Geben Sie in das zweite Feld JavaScript aufrufen JavaScript Code oder einen Funktionsnamen beispielsweise evaluateLayerPos ein um den Code oder die Funktion auszuf hren wenn die Ebene abgelegt wird Aktivieren Sie das Kontrollk stchen Nur wenn eingerastet wenn der JavaScript Code erst ausgef hrt werden soll wenn die Ebene das Ablageziel erreicht hat Klicken Sie auf OK Interaktivit t und Animation hinzuf gen 277 278 Kapite
164. e ein fahrendes Auto zeigen m chten brauchen Sie nur die Reifen zu animieren gt Erstellen Sie einfache Animationen Erstellen Sie keine Animationen die die Funktionsf higkeit der aktuellen Browser bersteigen Browser spielen grunds tzlich jedes Bild in einer Zeitleisten Animation ab auch bei fallender System oder Internet Leistung Filme Applets und andere Multimedia Elemente hinzuf gen Um ein Java Applet einen Shockwave Film einen Flash Player Film oder ein beliebiges ActiveX Steuerelement bzw Netscape Plug In auf einer Seite einzuf gen plazieren Sie den Cursor an der Stelle an der sich das Objekt befinden soll und klicken Sie in der Objektpalette auf die entsprechende Schaltfl che Mit den Schaltfl chen der Objektpalette wird der erforderliche HTML Code eingef gt um ein Objekt auf der Seite anzuzeigen Legen Sie die Quelldatei die Ma e und sonstige Parameter im Eigenschaften Inspector fest Hinweis Es gibt keinen allgemein g ltigen Standard zum Identifizieren der Quelldateien von ActiveX Steuerelementen Schlagen Sie in der Dokumentation des jeweiligen ActiveX Steuerelements nach um festzustellen welche Parameter verwendet werden sollten Shockwave Filme einf gen Shockwave ist der Macromedia Standard f r interaktives Multimedia auf dem Web Hierbei handelt es sich um ein komprimiertes Format mit dem Multimedia Dateien die in Macromedia Director erstellt wurden schnell heruntergeladen und von den g ngig
165. e einen festen Ausgangspunkt nicht g ltig Daher sollten Sie Ihre neue Datei erst speichern bevor Sie einen dokumentrelativen Pfad erstellen Wenn Sie einen dokumentrelativen Pfad erstellen bevor die Datei gespeichert wurde verwendet Dreamweaver einen absoluten Pfad der mit Datei beginnt bis Sie die Datei speichern Dateien im Site Fenster anzeigen Mit dem Site Fenster k nnen Sie lokale und entfernte Sites anzeigen Site Dokumente hinzuf gen und entfernen sowie die Storyboarding Funktion verwenden Das Site Fenster besteht aus zwei Fensterbereichen einer Trennleiste und mehreren Schaltfl chen Wenn Sie nderungen an den Optionen des Site Fensters vornehmen werden diese gespeichert und sind auch dann noch g ltig wenn Sie das Site Fenster das n chste Mal ffnen Weitere Informationen hierzu finden Sie unter Optionen f r das Site Fenster auf Seite 130 Lokale und entfernte Sites anzeigen Im Site Fenster kann der Inhalt von sowohl lokalen als auch entfernten Sites angezeigt werden F r lokale Sites kann eine Dateiliste eine visuelle Darstellung genannt Map oder beides angezeigt werden F r entfernte Sites k nnen dagegen nur Dateilisten angezeigt werden So zeigen Sie Site Dateien mit einer der folgenden Methoden an gt W hlen Sie Fenster gt Sites gt Klicken Sie im Site Fenster auf die Schaltfl che Site Dateien z Site Olive Branch Datei Bearbeiten Ansicht Site EM Olive Branch Site Navigatio
166. e folgenden Optionen f r das Erscheinungsbild fest Horiz Legt die horizontale Ausrichtung des Zellinhalts fest M gliche Werte sind Standard in der Regel links f r normale Zellen und zentriert f r Kopfzeilenzellen links rechts und zentrieren Vert Legt die vertikale Ausrichtung des Zellinhalts fest M gliche Werte sind Standard in der Regel Mitte oben Mitte unten oder Grundlinie B und H Legen die Breite und H he der ausgew hlten Zellen in Pixeln fest M chten Sie Breite und H he als Prozentwert angeben tragen Sie hinter dem Wert ein Prozentzeichen ein Hg oben Legt das Hintergrundbild f r die Zellen fest Hg unten Legt die Hintergrundfarbe f r die Zellen fest Die Hintergrundfarbe wird nur innerhalb der Zellen angezeigt das hei t Zellraum und Tabellenrahmen werden nicht in der Hintergrundfarbe dargestellt Wenn Sie f r Zellraum und Zellauff llung einen anderen Wert als 0 gew hlt haben erscheinen daher L cken zwischen den farbigen Bereichen selbst wenn der Rahmen auf 0 eingestellt ist Rahmenfarbe Definiert die Farbe f r die Rahmen der Zellen 4 Legen Sie die folgenden Layout Optionen fest Verbinden und Teilen Kombinieren oder trennen Zellen Siehe Zellen verbinden und teilen auf Seite 210 Kein Umbruch Verhindert da W rter umgebrochen werden Dabei werden die Zellen automatisch verbreitert damit der gesamte Inhalt hineinpa t Normalerweise werden die Zellen zun chst breiter damit das l
167. e im Dokumentfenster auf das Ebenensymbol das die Position der Ebene im HTML Code markiert Wenn das Ebenensymbol nicht sichtbar ist w hlen Sie Ansicht gt Unsichtbare Elemente gt Klicken Sie auf den Auswahlgriff einer Ebene Wenn der Auswahlgriff nicht angezeigt wird klicken Sie in die Ebene damit er sichtbar wird Ela gt Klicken Sie auf den Ebenenrahmen gt Wenn keine Ebenen aktiviert oder ausgew hlt sind halten Sie die Umschalttaste gedr ckt und klicken Sie in eine Ebene gt Wenn mehrere Ebenen ausgew hlt sind halten Sie die Strg und die Umschalttaste Windows bzw die Befehls und die Umschalttaste Macintosh gedr ckt und klicken Sie in eine Ebene Dadurch wird die Auswahl aller anderen Ebenen aufgehoben gt Klicken Sie in der Ebenenpalette auf den Namen der Ebene So w hlen Sie mehrere Ebenen mit einer der folgenden Methoden aus gt Halten Sie die Umschalttaste gedr ckt und klicken Sie in zwei oder mehr Ebenen oder klicken Sie auf die Ebenenrahmen Halten Sie die Umschalttaste gedr ckt und klicken Sie in der Ebenenpalette auf zwei oder mehr Namen Wenn mehrere Ebenen ausgew hlt wurden sind Rahmen und Griffe der zuletzt ausgew hlten Ebene schwarz markiert Ebenen vergr ern oder verkleinern Sie k nnen eine einzige Ebene verkleinern bzw vergr ern oder die Gr e von mehreren Ebenen gleichzeitig ndern um sie auf die gleiche Breite und H he einzustellen Wenn d
168. e und H he mit einer der folgenden Methoden gt W hlen Sie die Tabelle aus und w hlen Sie dann ndern gt Tabelle und anschlie end Zellh hen l schen oder Zellbreiten l schen gt W hlen Sie Fenster gt HTML und ndern Sie Breite und H he direkt im HTML Inspector gt Geben Sie im Eigenschaften Inspector spezifische Werte f r H he und Breite in die Felder H und B ein Zeilen und Spalten hinzuf gen und entfernen Mit den Befehlen im Men ndern gt Tabelle oder im Kontextmen k nnen Sie Zeilen und Spalten in eine Tabelle einf gen bzw aus einer Tabelle entfernen So f gen Sie Zeilen oder Spalten hinzu 1 Klicken Sie in die Zelle in die Sie eine neue Zeile oder Spalte einf gen m chten 2 F hren Sie einen der folgenden Schritte aus Um eine Zeile hinzuzuf gen w hlen Sie ndern gt Tabelle gt Zeile einf gen oder w hlen Sie im Kontextmen den Befehl Tabelle gt Zeile einf gen gt Um eine Spalte hinzuzuf gen w hlen Sie ndern gt Tabelle gt Spalte einf gen oder w hlen Sie im Kontextmen den Befehl Tabelle gt Spalte einf gen gt Um sowohl Zeilen als auch Spalten hinzuzuf gen w hlen Sie ndern gt Tabelle gt Zeilen oder Spalten einf gen oder w hlen Sie im Kontextmen den Befehl Tabelle gt Zeilen oder Spalten einf gen Daraufhin wird ein Dialogfeld angezeigt Geben Sie hier an wie viele Zeilen und Spalten Sie hinzuf gen m chten Legen Sie weiterhin fest ob d
169. eck oder Auscheck Status der Datei nicht ge ndert Siehe Dateien auf einem entfernten Server bereitstellen auf Seite 136 Auschecken bertr gt eine Kopie der Datei vom entfernten Server an Ihre lokale Site und sperrt die Datei auf dem Server Wenn das Kontrollk stchen Ein Auschecken von Dateien aktivieren f r die aktuelle Site deaktiviert ist steht diese Option nicht zur Verf gung Siehe Dateien auf einem entfernten Server einchecken und auschecken auf Seite 134 Einchecken bertr gt eine Kopie der lokalen Datei an den entfernten Server und erm glicht es anderen Mitarbeitern die Datei zu bearbeiten Die lokale Datei ist nun schreibgesch tzt Wenn das Kontrollk stchen Ein Auschecken von Dateien aktivieren f r die aktuelle Site deaktiviert ist steht diese Option nicht zur Verf gung Siehe Dateien auf einem entfernten Server einchecken und auschecken auf Seite 134 Liste der aktuellen Sites Enth lt eine Liste der Sites die Sie definiert haben Wenn Sie zu einer anderen Site wechseln m chten w hlen Sie einfach ihren Namen in der Liste aus W hlen Sie unten in der Liste den Befehl Sites definieren wenn Sie eine neue Site hinzuf gen oder eine vorhandene Site bearbeiten m chten siehe Sites definieren auf Seite 128 Site Dateien Ansicht Bewirkt da links im Site Fenster die Dateistruktur der entfernten Site angezeigt wird Dies ist die Standardansicht des Site Fensters Site Map Ansicht Bewirkt da links im Site
170. edia com shockwave download herunter Lehrgang 19 20 Kapitel 2 4 Bewegen Sie die Maus ber die vier Elemente links auf der Seite about events und so weiter Sie sehen da die Elemente markiert werden Hiermit wird angezeigt da es sich um aktive Hyperlinks handelt Sie k nnen auf diese Elemente klicken um die zugeh rigen Seiten zu sehen Hinweis Der Abschnitt gift basket der Site wird nicht verwendet 5 Schlie en Sie anschlie end den Browser Anordnung der Dateien im Lehrgang Sowohl die fertigen als auch die halbfertigen HTML Dateien dieses Lehrgangs befinden sich im Unterordner Olivebranch_site des Ordners Tutorial Bilder und andere Dateien die zu der Site geh ren sind in den Ordnern unter dem Ordner Olivebranch_site gespeichert Der vollst ndige Pfad zum Ordner Olivebranch_site richtet sich danach wo Sie Dreamweaver 2 0 installiert haben Jede Datei hat einen aussagekr ftigen Namen Die HTML Datei der Seite die die von Olivebranch unterst tzten Veranstaltungen zeigt hei t beispielsweise events_main htm Die Namen der halbfertigen Dateien des Lehrgangs hneln denen der entsprechenden fertigen Dateien sie beginnen jedoch mit DW2_ die halbfertige Version der Datei events_main htm hei t beispielsweise DW2_events_main htm Lokale Sites definieren Wenn Sie Ihre Arbeit mit Dreamweaver beginnen m ssen Sie zun chst eine lokale Site erstellen Diese Site definiert die Struktur der Seiten die Sie erstell
171. ei werden die Tabellenzellen entsprechend erweitert gt F gen Sie Text ein den Sie aus Dreamweaver oder einer anderen Textverarbeitungsanwendung kopiert haben W hlen Sie den Befehl Als Text einf gen um Abs tze beizubehalten Siehe Text und Objekte hinzuf gen auf Seite 81 2 Dr cken Sie die Tabulatortaste um zur n chsten Zelle zu springen oder dr cken Sie Umschalttaste Tabulatortaste um zur vorigen Zelle zu springen Wenn Sie sich in der letzten Zelle der Tabelle befinden und die Tabulatortaste dr cken wird automatisch eine weitere Zeile hinzugef gt Sie k nnen auch die Pfeiltasten verwenden um in andere Zellen zu springen Tabellen erstellen 199 200 Kapitel 11 So f gen Sie der Tabelle eine Grafik hinzu 1 Klicken Sie in die Zelle in die Sie die Grafik einf gen m chten 2 Klicken Sie in der Tafel Allgemein der Objektpalette auf die Schaltfl che Bild einf gen oder w hlen Sie Einf gen gt Bild 3 W hlen Sie im angezeigten Dialogfeld eine Bilddatei aus Tabellenelemente ausw hlen Sie k nnen in einem einzigen Arbeitsschritt eine ganze Tabelle Zeile Spalte oder einen zusammenh ngenden Zellbereich der Tabelle ausw hlen Anschlie end k nnen Sie folgende Aktionen vornehmen gt Sie k nnen das Erscheinungsbild der ausgew hlten Zellen oder des enthaltenen Textes ndern Siehe Tabellen formatieren auf Seite 202 gt Sie k nnen zusammenh ngende Zellbereiche kopieren und einf gen Siehe Ze
172. eichen da eine Zeitleiste sich selbst stoppt Siehe auch Verhaltensweisen berblick auf Seite 262 Gehe zu Zeitleisten Bild Bewirkt da die Zeitleiste zu einem bestimmten Bild bergeht Das Kontrollk stchen Schleife im Zeitleisten Inspector f gt nach dem letzten Bild der Animation die Aktion Gehe zu Zeitleisten Bild ein Dadurch wird wieder Bild 1 aufgerufen und die Animation beginnt von vorne Zeitleiste wiedergeben Spielt eine Zeitleiste ab dem ersten Bild ab Das Kontrollk stchen Auto Wdg im Zeitleisten Inspector f hrt die Aktion Zeitleiste wiedergeben aus wenn die Seite geladen wird Zeitleiste stoppen Stoppt eine Zeitleiste Interaktivit t und Animation hinzuf gen 301 302 Kapitel 16 Zeitleisten umbenennen Wenn Sie eine im Zeitleisten Inspector angezeigte Zeitleiste umbenennen m chten w hlen Sie ndern gt Zeitleiste gt Zeitleiste umbenennen und geben Sie einen neuen Namen ein oder geben Sie einen neuen Namen in das Popup Men Zeitleiste ein Wenn Ihr Dokument die Verhaltensaktion Zeitleiste wiedergeben enth lt wenn es beispielsweise eine Schaltfl che enth lt auf die der Anwender klicken mu damit die Zeitleiste gestartet wird m ssen Sie das Verhalten bearbeiten so da der neue Zeitleisten Name verwendet wird Animationstips f r Zeitleisten Folgende Vorschl ge k nnen die Leistung Ihrer Animationen verbessern und die Erstellung von Animationen erleichtern gt Blenden Sie Ebene
173. eien auszuw hlen die nicht direkt hintereinander aufgelistet sind So ffnen Sie mit einer der folgenden Methoden eine Seite um sie zu bearbeiten gt Doppelklicken Sie auf die Datei gt W hlen Sie die Datei aus und w hlen Sie dann Datei gt Auswahl ffnen Windows oder Site gt ffnen Macintosh So f gen Sie der Site mit einer der folgenden Methoden eine bereits vorhandene Datei hinzu gt Ziehen Sie eine Datei aus Windows Explorer oder dem Macintosh Finder und legen Sie sie auf einer Datei in der Site Map ab Die Seite wird der Site hinzugef gt Dabei wird ein Hyperlink zwischen der Seite und der Datei auf der Sie sie abgelegt haben erstellt gt W hlen Sie Site gt Verkn pfen mit bestehender Datei Windows oder Site gt Site Map Ansicht gt Verkn pfen mit bestehender Datei Macintosh gt Klicken Sie in der Site Map auf eine Datei Daraufhin wird das Dateizeiger Symbol angezeigt Klicken Sie auf das Symbol und ziehen Sie es zu der Datei die Sie hinzuf gen m chten Site Planung 121 122 Kapitel 6 So erstellen Sie eine neue Datei und f gen einen Hyperlink hinzu 1 2 W hlen Sie in der Site Map eine HTML Datei aus W hlen Sie Site gt Verkn pfen mit neuer Datei Windows oder Site gt Site Map Ansicht gt Verkn pfen mit neuer Datei Macintosh oder w hlen Sie im Kontextmen die Option Verkn pfen mit neuer Datei Geben Sie im angezeigten Dialogfeld die folgenden Informationen
174. eigt mit denen Sie die Gr e des Elements ndern k nnen Wenn keine Ziehgriffe angezeigt werden sind noch weitere Elemente ausgew hlt Klicken Sie in diesem Fall auf eine andere Stelle des Dokumentfensters und w hlen Sie das Element erneut aus Sie k nnen auch den Tag Selektor unten im Dokumentfenster verwenden um Elemente auszuw hlen Ver ndern Sie die Gr e des Elements gt Ziehen Sie den Griff an der rechten Seite um die Breite des Elements zu ndern gt Ziehen Sie den Griff an der unteren Seite um die H he des Elements zu ndern gt Ziehen Sie den Griff in der unteren rechten Ecke um H he und Breite des Elements gleichzeitig zu ndern gt Halten Sie die Umschalttaste gedr ckt und ziehen Sie den Griff in der unteren rechten Ecke um das Verh ltnis zwischen Breite und H he beizubehalten w hrend Sie die Gr e des Elements ndern Elemente k nnen visuell auf eine Mindestgr e von 6 x 6 Pixel verkleinert werden M chten Sie das Element noch weiter verkleinern auf beispielsweise 1 x 1 Pixel verwenden Sie dazu den Eigenschaften Inspector M chten Sie die urspr nglichen Abmessungen eines ge nderten Elements wiederherstellen klicken Sie im Eigenschaften Inspector auf die Felder H und B Bilder einf gen 193 194 Kapitel 10 Mit einem externen Bild Editor arbeiten Sie k nnen ein ausgew hltes Bild von Dreamweaver aus in einem externen Bild Editor ffnen Wenn Sie die Bilddatei im exte
175. eigt werden soll geben Sie einen Fensternamen in das Feld Ziel ein oder w hlen Sie einen Frame Namen aus dem Popup Men Siehe Hyperlinks erstellen auf Seite 105 Bilder einf gen 195 6 Geben Sie in das Feld Alt einen alternativen Text ein der in Nur Text Browsern f r den Hyperlink angezeigt werden soll In einigen Browsern wird dieser Text als QuickInfo angezeigt wenn der Anwender mit der Maus auf den Hyperlink zeigt 7 Wiederholen Sie die Schritte 3 bis 6 bis Sie alle Hyperlinks definiert haben Klicken Sie dann auf OK 196 Kapitel 10 KAPITEL 11 Tabellen erstellen Tabellen erstellen berblick Tabellen helfen Ihnen beim Layout Ihrer Daten Weiterhin k nnen Sie mit Tabellen steuern wo Text und Grafiken auf der Seite angeordnet werden Nachdem Sie eine Tabelle erstellt haben k nnen Sie ihr Inhalt hinzuf gen Zell und Zeileneigenschaften ndern sowie mehrere Zellen kopieren und einf gen Sie k nnen Tabellen in Ebenen und umgekehrt Ebenen in Tabellen konvertieren Sowohl Tabellen als auch Ebenen steuern die Positionierung von Seitenelementen Ebenen werden jedoch in 3 0 und lteren Browsern nicht unterst tzt Wenn Sie beim Design Ihrer Web Seiten h ufig den Inhalt neu positionieren k nnen Sie Ebenen verwenden und diese anschlie end in Tabellen konvertieren um das Ergebnis in lteren Browsern anzuzeigen Siehe Ebenen zum Tabellen Design verwenden auf Seite 230 197 198 Kapitel 11 Tabellen erste
176. einem benannten Anker 1 2 W hlen Sie im Dokumentfenster eine Textstelle oder ein Bild aus Geben Sie in das Feld Hyperlink des Eigenschaften Inspectors das Zeichen und den Namen des Ankers ein Zum Beispiel Um einen Hyperlink zu einem Anker namens zwei in der aktuellen Datei herzustellen geben Sie zwei ein Um einen Hyperlink zu einem benannten Anker names zwei in einer anderen Datei im gleichen Ordner herzustellen geben Sie Dateiname html zwei ein So erstellen Sie mit dem Dateizeiger Symbol einen Hyperlink zu einem benannten Anker 1 W hlen Sie Ansicht gt Unsichtbare Elemente damit der Anker angezeigt wird 2 W hlen Sie im Dokumentfenster eine Textstelle oder ein Bild aus F hren Sie einen der folgenden Schritte aus Klicken Sie im Eigenschaften Inspector auf das Dateizeiger Symbol und ziehen Sie es zu dem Anker zu dem Sie einen Hyperlink erstellen m chten Dabei kann es sich entweder um einen Anker im gleichen Dokument oder um einen Anker in einem anderen ge ffneten Dokument handeln gt Halten Sie die Umschalttaste gedr ckt klicken Sie in das Dokumentfenster und ziehen Sie den Cursor zu dem Anker zu dem Sie den Hyperlink erstellen m chten Dabei kann es sich entweder um einen Anker im gleichen Dokument oder um einen Anker in einem anderen ge ffneten Dokument handeln E Mail Nowhere und Skript Hyperlinks erstellen In der Regel werden Hyperlinks zu Dokumenten und benannten Ankern erstellt
177. einer Zeitleiste definiert haben k nnen Sie n tzliche nderungen vornehmen z B Bilder hinzuf gen und entfernen die Startzeit der Animation ndern usw So ndern Sie eine Zeitleiste mit einer der folgenden Methoden gt Ziehen Sie das Symbol des letzten Bildes um die Animation zu verl ngern Alle Schl sselbilder in der Animation werden daraufhin verschoben so da ihre relative Position konstant bleibt Halten Sie die Strg Iaste Windows bzw die Befehlstaste Macintosh gedr ckt w hrend Sie das Symbol des letzten Bildes ziehen um zu verhindern da die anderen Schl sselbilder verschoben werden gt Bewegen Sie das Schl sselbildsymbol in der Leiste nach links oder rechts damit die Ebene die Schl sselbildposition fr her oder sp ter erreicht gt W hlen Sie eine oder alle zur Animation geh renden Leisten aus und ziehen Sie sie nach links oder rechts um die Startzeit der Animation zu ndern Halten Sie die Umschalttaste gedr ckt um mehrere Leisten auszuw hlen gt W hlen Sie die ganze Leiste aus und ziehen Sie das Objekt auf der Seite um die Position des Animationspfades insgesamt zu verschieben Dreamweaver pa t dabei die Position aller Schl sselbilder an Wenn Sie nderungen vornehmen w hrend eine ganze Leiste ausgew hlt ist wirken sich diese nderungen auf alle Schl sselbilder aus gt W hlen Sie ndern gt Zeitleiste gt Bild hinzuf gen oder Bild entfernen um Bilder zur Zeitleiste hin
178. eise www public docs oder public_htmi htdoc Es kann sich auch um den Anmeldeordner handeln lassen Sie das Feld in diesem Fall leer Geben Sie Ihren Anmeldenamen und Ihr Kennwort ein Ihr Kennwort wird automatisch gespeichert Wenn Sie das Kontrollk stchen Speichern deaktivieren werden Sie immer aufgefordert Ihr Kennwort einzugeben wenn Sie eine Verbindung zum entfernten Server herstellen Aktivieren Sie das Kontrollk stchen Firewall verwenden wenn Sie eine Firewall eingerichtet haben die bei der Verbindung zum entfernten Server ber cksichtigt werden mu Siehe Site FTP Voreinstellungen w hlen auf Seite 132 Site Verwaltung 129 130 Kapitel7 12 W hlen Sie links in der Liste Kategorie die Option Ein Auschecken gt Aktivieren Sie das Kontrollk stchen Ein Auschecken von Dateien aktivieren wenn Sie mit anderen Personen an der Web Site arbeiten oder wenn Sie alleine an der Web Site arbeiten dabei jedoch mehrere Computer verwenden Mit dieser Option k nnen Sie anderen Personen mitteilen da Sie eine Datei ausgecheckt haben um sie zu bearbeiten Weiterhin kann diese Option Sie darauf hinweisen da Sie eine neuere Version der gleichen Datei auf einem anderen Computer gespeichert haben Siehe Das Eincheck Auscheck System auf Seite 133 gt Wenn Sie das Kontrollk stchen Dateien beim ffnen auschecken aktivieren werden Dateien automatisch ausgecheckt wenn Sie sie im Site Fenster durch Doppelklicke
179. eite Option deaktivieren w hlen Sie Nicht mehr fragen wenn die Aufforderung Bereitstellen Einchecken angezeigt wird Hinweis Wenn Sie diese Optionen deaktiviert haben die Aufforderung Abh ngige Dateien einschlie en jedoch angezeigt werden soll dr cken Sie die Alt Taste Windows bzw die Wahltaste Macintosh wenn Sie Abrufen Bereitstellen Einchecken oder Auschecken w hlen FTP Verbindung Bestimmt da die Verbindung zur entfernten Site getrennt wird wenn innerhalb des angegebenen Zeitraums keinerlei Aktivit t aufgetreten ist FTP Zeit berschreitung Gibt an wie lange in Sekunden Dreamweaver versucht eine Verbindung zum entfernten Server herzustellen Wenn der Server innerhalb des angegebenen Zeitraums nicht reagiert wird eine entsprechende Warnmeldung angezeigt Firewall Host Gibt die Adresse des Proxy Servers an zu dem die Verbindung hergestellt wird wenn Sie sich hinter einer Firewall befinden Wenn Sie keine Firewall eingerichtet haben lassen Sie dieses Feld leer Firewall Anschlu Bestimmt ber welchen Anschlu die Verbindung zum FTP Server hergestellt wird Der Standardanschlu f r FTP ist 21 wenn Sie einen anderen Anschlu verwenden m chten geben Sie die Nummer in dieses Feld ein Sites definieren ffnet das Dialogfeld Sites definieren in dem Sie eine neue Site erstellen oder eine vorhandene Site bearbeiten k nnen Siehe Sites definieren auf Seite 128 Das Eincheck Auscheck System Wenn Sie i
180. eite geladen wurde function getPos containingLayer nestedLayer var layerRef navigator appName Netscape document layers containingLayer document layers nest edLayer document all nestedLayer var curVertPos layerRef MM_UPDOWN document tracking curPosField value curVertPos Anstatt den Wert von MM_UPDOWN oder MM _LEFTRIGHT in einem Formularfeld anzuzeigen k nnten Sie eine Funktion schreiben die eine Meldung im Formularfeld anzeigt und zwar je nachdem wie nahe der Wert der Ablagezone ist Sie k nnten jedoch auch eine andere Funktion aufrufen um je nach Wert eine Ebene ein oder auszublenden Wie Sie auf den Wert von MM_UPDOWN oder MM_LEFTRIGHT reagieren bleibt allein Ihrer Phantasie und Ihren JavaScript Kenntnissen berlassen Die MM_SNAPPED Eigenschaft enth lt n tzliche Informationen f r den Fall da eine Seite mehrere Ebenen enth lt die alle ihr Ziel erreichen m ssen bevor der Anwender zur n chsten Seite bzw zur n chsten Aufgabe bergehen kann Sie k nnten beispielsweise eine Funktion schreiben deren Aufgabe es ist zu z hlen wie viele Ebenen den MM_SNAPPED Wert TRUE haben diese Funktion wird dann jedesmal aufgerufen wenn eine Ebene abgelegt wird Wenn so viele Ebenen eingerastet sind da der angegebene Z hlwert erreicht ist k nnen Sie den Anwender auf die n chste Seite schicken oder eine Meldung mit einem Lob einblenden Wenn Sie die Aktion Ebene ziehen in mehreren Ebenen mit dem on
181. ekt W hlen Sie im Popup Men Eigenschaft eine Eigenschaft aus oder geben Sie den Namen der Eigenschaft in das Textfeld ein Um die Eigenschaften anzuzeigen die in den einzelnen Browsern ge ndert werden k nnen w hlen Sie verschiedene Browser aus dem Popup Men Wenn Sie eine Eigenschaft manuell eingeben achten Sie darauf da Sie den genauen JavaScript Namen der Eigenschaft verwenden beachten Sie auch da bei JavaScript Eigenschaften die Gro Kleinschreibung ber cksichtigt wird Geben Sie den neuen Wert f r die Eigenschaft in das Feld Neuer Wert ein und klicken Sie auf OK Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Interaktivit t und Animation hinzuf gen 269 270 Kapitel 16 Browser berpr fen Verwenden Sie die Aktion Browser berpr fen um Besucher je nach Browser Marke und Version auf verschiedene Seiten zu schicken Sie k nnen so beispielsweise veranlassen da Besucher die Netscape Navigator 4 0 oder neuer verwenden auf eine Seite geschickt werden Besucher die Microsoft Internet Explorer 4 0 oder neuer verwenden dagegen auf eine andere Seite gelangen und da Besucher die einen beliebigen anderen Browser verwenden auf der aktuellen Seite bleiben Es ist sinnvoll dieses
182. ekte werden auf der Seite nicht an der Stelle angezeigt an der ihr Code eingef gt wurde So kann eine Ebene sich beispielsweise an einer beliebigen Stelle der Seite befinden der zur Ebene geh rige Code ist jedoch an einer festen Position Dreamweaver zeigt die Position des Codes f r unsichtbare Elemente durch Symbole an Um den HTML Code zu sehen der zum ausgew hlten Text oder Objekt geh rt w hlen Sie Fenster gt HTML damit der HTML Inspector ge ffnet wird gt Um HTML Code auszuw hlen ohne dabei den HTML Inspector zu ffnen klicken Sie im Tag Selektor unten links im Dokumentfenster auf ein Tag Im Tag Selektor werden immer die Tags angezeigt die sich auf die aktuelle Auswahl oder Cursorposition beziehen Wenn Sie beispielsweise einen Hyperlink f r ein Bild definiert haben sieht der HTML Code in etwa folgenderma en aus lt a href http www macromedia com gt lt img src agraphic gif gt lt a gt Wenn Sie im Dokumentfenster auf das Bild klicken wird lt img src agraphic gif gt ausgew hlt Um den Hyperlink auszuw hlen klicken Sie im Dokumentfenster auf das Bild und klicken Sie dann im Tag Selektor auf lt a gt Unsichtbare Elemente W hlen Sie Ansicht gt Unsichtbare Elemente um die Symbole f r unsichtbare Elemente im Dokumentfenster ein oder auszublenden Bei unsichtbaren Elementen kann es sich beispielsweise um Formulare benannte Anker Kommentare und Skripte handeln Wenn Sie unsichtbare El
183. eld Seiteneigenschaften k nnen Sie Standardfarben f r normalen Text Hyperlinks besuchte Hyperlinks und aktive Hyperlinks definieren Sie k nnen auch ein vordefiniertes Farbschema f r den Seitenhintergrund und die Textfarben ausw hlen Siehe Farben w hlen auf Seite 86 So definieren Sie die Standardtextfarben mit einer der folgenden Methoden gt W hlen Sie ndern gt Seiteneigenschaften und w hlen Sie dann eine Farbe f r Text Hyperlinks besuchte Hyperlinks und aktive Hyperlinks gt W hlen Sie Befehle gt Farbschema einstellen und w hlen Sie dann eine Hintergrundfarbe sowie ein Farbschema f r Text und Hyperlinks Im Musterfeld wird angezeigt wie das Farbschema in einem Browser aussieht Dokumente erstellen 85 86 Kapitel 4 Farben w hlen Zahlreiche Dialogfelder und Eigenschaften Inspectoren in Dreamweaver verf gen ber ein Farbfeld mit dem eine Farbpalette ge ffnet wird Verwenden Sie die Farbpalette um eine Farbe f r ein Element auszuw hlen So w hlen Sie Farben in Dreamweaver 1 Klicken Sie in einem Dialogfeld oder Eigenschaften Inspector auf ein Farbfeld Farbfeld CCOOFF F hren Sie einen der folgenden Schritte aus um eine Farbe zu w hlen gt W hlen Sie mit der Pipette eine Farbe aus der Palette aus Alle Farben in der Palette sind websicher W hlen Sie mit der Pipette von einer beliebigen Stelle auf dem Desktop eine Farbe aus Klicken Sie auf die Pipette f r websi
184. ellen beibehalten Sie k nnen jedoch auch nur den Inhalt der Zelle kopieren und einf gen Die Zellen k nnen entweder am Einf gepunkt oder anstelle eines ausgew hlten Bereichs in eine vorhandene Tabelle eingef gt werden Wenn Sie mehrere Tabellenzellen einf gen m chten mu der Inhalt der Zwischenablage mit der Struktur bzw mit den ausgew hlten Zellen der Tabelle kompatibel sein in die die Zellen eingef gt werden sollen So k nnen Sie Zellen in einer Tabelle ausschneiden oder kopieren 1 W hlen Sie eine oder mehrere Zellen in der Tabelle aus Die ausgew hlten Zellen m ssen ein Rechteck bilden damit sie ausgeschnitten oder kopiert werden k nnen Siehe Tabellenelemente ausw hlen auf Seite 200 men m mr 09 25 98 California Sonoma nen on Prer i 10 01 88 Pear Canning Demonstration 11am 1pm amne Oregon 10 08 98 7pm 9pm Benefit for Southwest Chamber Ensemble Scottsdale Arizona Auswahl ist nicht korrekt Diese Zellen k nnen nicht ausgeschnitten oder kopiert werden 09 25 98 California Sonoma sem aem ann 10 01 98 g Canning Demonstration 11am 1pm Bend Oregon 10 08 38 7pm 9pm Benefit for Southwest Chamber Ensemble Scottsdale Arizona Auswahl ist korrekt Die Zellen k nnen ausgeschnitten oder kopiert werden 2 Verwenden Sie die Befehle im Men Bearbeiten um die Zellen auszuschneiden oder zu kopieren Wenn Sie eine ganze Zeile oder eine ganze Spalte ausw hlen und dann Bear
185. em Fenster ffnen 281 URL Siehe Pfade absolut und relativ Ursprung zur cksetzen Befehl 79 USEMAP Attribut 195 v VBScript 166 Verarbeiten von Formularen 248 Verbinden Trennen Option 130 Vergr ern Ebenen 225 Frames 241 Seitenelemente 192 Tabellenzellen 208 Verhaltenskanal 292 Verhaltensweisen Aktionen 262 Aktionen erstellen 264 ndern 264 anf gen 262 Browser Kompatibilit t 266 Definition 262 Ereignisse 262 in Vorlagen 97 in Zeitleisten positionieren 301 l schen 264 von Drittanbietern 265 Verhaltensweisen Inspector 264 Verkleinern Ebenen 225 Frames 241 Seitenelemente 192 Tabellenzellen 208 Verschachteln Ebenen 217 Frames 236 Verschachtelte FONT Tags kombinieren wenn m glich Option 161 Versteckte Dateien einblenden und ausblenden 124 Versteckte Formularfelder 83 Verzeichnisstruktur Site 127 Von Vorlage l sen Befehl 99 Index 347 Voreinstellungen 72 Allgemein 72 Bibliothek 253 Ebenen 218 HTML Format 158 HTML Tag Farben 160 HTML Umschreiben 158 Markierungsfarben 74 Schriftarten 73 Schwebende Fenster 73 Site FTP 132 Stylesheets 183 Unsichtbare Elemente 83 Vorlagen 93 Vorschau in Browser 153 Vorlage auf Seite anwenden Befehl 98 Vorlagen als nicht editierbar definieren 96 bearbeiten 91 99 Dokumente erstellen 98 Dokumente von Vorlage l sen 99 editierbare Bereiche suchen 99 erstellen 90 gesperrte Bereiche 91 Seite aktualisieren 99 Seiteneigenschaften 91 Stile 97 Ta
186. emente einblenden k nnen Sie sie ausw hlen anzeigen und ihre Eigenschaften im Eigenschaften Inspector ndern Die Elementsymbole die angezeigt werden wenn Sie Ansicht gt Unsichtbare Elemente w hlen richten sich nach den Einstellungen der Kategorie Unsichtbare Elemente im Dialogfeld Voreinstellungen So k nnen Sie beispielsweise festlegen da Symbole f r benannte Anker angezeigt werden nicht jedoch f r Zeilenumbr che Siehe Unsichtbare Elemente Voreinstellungen w hlen auf Seite 83 Einige unsichtbare Elemente Kommentare benannte Anker und Skripte k nnen mit den Schaltfl chen der Tafel Unsichtbare Elemente in der Objektpalette erstellt und mit dem Eigenschaften Inspector ge ndert werden Siehe Die Objektpalette auf Seite 69 Unsichtbare Elemente Voreinstellungen w hlen Mit den Voreinstellungen f r unsichtbare Elemente k nnen Sie Symbole f r die Elemente ein oder ausblenden die im Dokumentfenster nicht sichtbar sind Dabei kann es sich beispielsweise um Skripte Kommentare und benannte Anker handeln Wenn Sie unsichtbare Elemente einblenden k nnen Sie sie ausw hlen anzeigen sowie ihre Eigenschaften im Eigenschaften Inspector ndern Dokumente erstellen 83 84 Kapitel 4 Sie ndern diese Voreinstellungen indem Sie Bearbeiten gt Voreinstellungen w hlen auf Unsichtbare Elemente klicken und dann festlegen welche Elemente aus oder eingeblendet werden sollen Die Elemente die im Dialogfel
187. en Eventuell m ssen Sie die Gr e der Ebene ndern damit Sie sie an eine Position ziehen k nnen an der keine berlappungen mit anderen Ebenen entstehen Lehrgang 39 A W hlen Sie die Ebene aus und ndern Sie ihre Gr e wie erforderlich um sie an den Bereich im Tracing Bild anzupassen 5 Wiederholen Sie diese Schritte und f gen Sie der Seite weitere Ebenen ber den Bereichen Farm photo with daughter und Tree photo des Tracing Bildes hinzu Bilder hinzuf gen F gen Sie nun Grafiken in die einzelnen Ebenen ein und richten Sie die Grafiken ber dem Tracing Bild aus So f gen Sie Grafiken in die Ebenen ein und richten sie ber dem Tracing Bild aus 1 Klicken Sie einmal auf die Ebene Diana close up photo um den Cursor in diese Ebene zu plazieren ohne sie dabei auszuw hlen Eine aktive Ebene in die Sie den Cursor plaziert haben sieht folgenderma en aus 40 Kapitel2 2 W hlen Sie Einf gen gt Bild und w hlen Sie dann im Ordner Assets die Datei about_diana jpg um der Ebene das Bild hinzuzuf gen 3 Wenn die Grafik in der Ebene angezeigt wird w hlen Sie die ganze Ebene aus indem Sie auf ihren Rahmen klicken Verwenden Sie dann die nach oben unten rechts oder links gerichteten Pfeiltasten um die Grafik ber dem Tracing Bild auszurichten Passen Sie gegebenenfalls die Gr e der Ebene noch einmal an damit sie dem Bereich des Tracing Bildes m glichst genau entspricht Vorher
188. en Siehe Dokumente auf Grundlage einer Vorlage erstellen auf Seite 98 Vorlagen 97 98 Kapitel 5 Dokumente auf Grundlage einer Vorlage erstellen Sie k nnen eine Vorlage als Grundlage f r ein neues Dokument verwenden oder auf ein bereits vorhandenes Dokument anwenden So erstellen Sie mit einer der folgenden Methoden ein Dokument auf Grundlage einer Vorlage gt W hlen Sie Datei gt Neu von Vorlage W hlen Sie im angezeigten Dialogfeld eine Vorlage aus und klicken Sie auf Ausw hlen gt Erstellen Sie ein neues Dokument und ziehen Sie eine Vorlage aus der Vorlagenpalette in das Dokument So wenden Sie mit einer der folgenden Methoden eine Vorlage auf ein bereits vorhandenes Dokument an gt W hlen Sie ndern gt Vorlagen gt Vorlage auf Seite anwenden W hlen Sie eine Vorlage aus der Liste aus und klicken Sie auf Ausw hlen gt Ziehen Sie die Vorlage aus der Vorlagenpalette in das Dokumentfenster gt W hlen Sie die Vorlage in der Vorlagenpalette aus und klicken Sie auf Auf Seite anwenden Wenn Sie eine Vorlage auf ein bereits vorhandenes Dokument anwenden wird der Inhalt der Vorlage zum Dokument hinzugef gt Falls das Dokument bereits auf einer Vorlage basiert versucht Dreamweaver editierbare Bereiche die in beiden Vorlagen die gleichen Namen haben aneinander anzupassen und den Inhalt der editierbaren Bereiche in die editierbaren Bereiche der neuen Vorlage einzuf gen Wenn bestimmte edit
189. en werden Eine Site ist der Speicherort f r alle Dokumente und Dateien einer Web Site F r eine lokale Site m ssen Sie einen Namen und einen lokalen Stammordner angeben damit Dreamweaver wei wo Sie die Dateien der Site speichern m chten Sie sollten eine lokale Site f r jede Ihrer Web Sites erstellen In diesem Lehrgang definieren Sie den Ordner Obivebranch_site als lokalen Site Ordner So erstellen Sie eine lokale Site 1 ffnen Sie das Dialogfeld Site Definition in Dreamweaver folgenderma en gt Wenn Sie mit einem Macintosh arbeiten w hlen Sie Site gt Neue Site gt Wenn Sie mit Windows arbeiten w hlen Sie Datei gt Neue Site 2 Stellen Sie im Dialogfeld Site Definition sicher da unter Kategorie die Option Lokale Infos aktiviert ist 3 Geben Sie f r Ihre Site den Namen Mein_Lehrgang in das Feld Site Name ein Der Name Ihrer lokalen Site ist im Prinzip ein Kurzname der direkt zu dem Ordner f hrt den Sie als Ihre lokale Site definiert haben 4 Klicken Sie auf das Ordnersymbol rechts neben dem Feld Lokaler Stammordner suchen Sie den Ordner Olivebranch_site und klicken Sie auf Ausw hlen Site Definition f r My_Tutorial Lokale Infos Sile Map Lapout C TutoriaOlivebranch_site m x X _Abrechen _Hite Hinweis Der vollst ndige Pfad des Ordners Olivebranch_site richtet sich danach wo Sie Dreamweaver 2 0 installiert haben Lehrgang 21 22 Kapitel 2 5 Klicken Sie auf OK We
190. en Anfangs und den Schlu CFML Tags Wenn das ausgew hlte Tag leer ist also kein Schlu TIag hat ist die Schaltfl che Inhalt deaktiviert Wenn Ihr Dokument ASP oder CFML Code enth lt jedoch keine Markierungen angezeigt werden stellen Sie zun chst sicher da die Option Ansicht gt Unsichtbare Elemente aktiviert ist Wenn diese Option aktiviert ist aber trotzdem keine Markierungen angezeigt werden erkennt Dreamweaver den Code nicht als CFML oder ASP Dies kann passieren wenn die HTML Tags Bedingungen enthalten wie im folgenden ASP Code lt input type Kontrollk stchen name Monat value Oktober lt if Monat Oktober then gt aktiviert lt end if gt gt So bearbeiten Sie CFML oder ASP Code wenn keine Markierung angezeigt wird 1 Plazieren Sie den Cursor im Dokumentfenster ungef hr an der Stelle an der sich der CFML oder ASP Code befindet 2 W hlen Sie Fenster gt HTML um den HTML Inspector zu ffnen Klicken Sie auf die Titelleiste oder auf die Statusleiste des HTML Inspectors Klicken Sie nicht in die Mitte des HTML Inspectors da der Cursor sonst von dem zu bearbeitenden CFML oder ASP Code weg bewegt wird Bearbeiten Sie den Code direkt im HTML Inspector Dr cken Sie F10 um den HTML Inspector zu schlie en und zum Dokumentfenster zur ckzukehren Unter Dreamweaver erweitern berblick in den Dreamweaver Help Pages wird beschrieben wie Sie CFML oder ASP Code verarbeiten und die
191. en Ordner oder eine ganze Site durchsuchen und Weitersuchen w hlen wird die n chste gefundene Stelle im aktuellen Dokument markiert Enth lt das Dokument keine weiteren Stellen des gesuchten Textes wird das n chste Dokument ge ffnet das den gesuchten Text enth lt Mit Alle suchen wird eine Liste aller Dokumente erstellt die den gesuchten Text enthalten Text zwischen bestimmten Tags suchen W hlen Sie im Dialogfeld Suchen oder Ersetzen die Option Text erweitert um Textzeichenfolgen zu suchen die sich entweder innerhalb oder au erhalb bestimmter Tags befinden Wenn Sie beispielsweise nach dem Wort Unbenannt zwischen den TITLE Tags suchen werden alle unbenannten Seiten in Ihrer Site gefunden Unter Suchen und Ersetzen auf Seite 137 finden Sie genauere Informationen ber die verschiedenen Suchvorg nge So f hren Sie eine erweiterte Textsuche durch 1 F hren Sie zun chst die Schritte durch die unter Suchen und Ersetzen auf Seite 137 beschrieben sind 2 Geben Sie in das Textfeld neben dem Popup Men Suchen nach den Text ein den Sie suchen m chten Geben Sie zum Beispiel Unbenannt ein 3 W hlen Sie entweder Innerhalb des Tags oder Au erhalb des Tags und w hlen Sie dann im Popup Men rechts daneben ein Tag aus W hlen Sie beispielsweise Innerhalb des Tags und dann das TITLE Tag A Klicken Sie auf die Schaltfl che mit dem Pluszeichen wenn Sie die Suche auf Tags mit bestimmten Attributen beschr nken m
192. en Sie die Umschalttaste gedr ckt und ziehen Sie den Cursor von der Auswahl weg Beim Ziehen wird das Dateizeiger Symbol angezeigt 3 Zeigen Sie mit dem Cursor auf ein anderes ge ffnetes Dokument auf einen sichtbaren Anker in einem ge ffneten Dokument oder auf eine Datei im Site Fenster 4 Lassen Sie die Maustaste los um den Hyperlink zu erstellen So wird das Dateizeiger Symbol mit gedr ckter Umschalttaste von einer Auswahl im Dokument zu einer Datei im Site Fenster gezogen Site Planung 107 108 Kapitel 6 So erstellen Sie einen Hyperlink von einer Datei in der Site Map 1 W hlen Sie eine HTML Seite in der Site Map aus Das Dateizeiger Symbol wird neben der Datei angezeigt 2 Ziehen Sie das Dateizeiger Symbol und zeigen Sie damit auf ein anderes ge ffnetes Dokument auf einen sichtbaren Anker in einem ge ffneten Dokument oder auf eine Datei im Site Fenster Lokaler Ordner en Co WINDOWS DESKTOP Dlivebranch_site H E Assets H E Library H 6 Templates B on f index htm E A text files _tutorial_cat_pr_ch_brie _tutorial_events_main htr about_main html about_us_comp jpg main_index htm 5 055 about_m FA events_main html So wird das Dateizeiger Symbol von einer ausgew hlten Datei in der Site Map zu einer Datei in der Site Dateien Ansicht des Site Fensters gezogen Unter Site Maps erstellen auf Seite 118 wird genauer beschrieben wie Sie eine Sit
193. en folgendes lt p gt Einen Textabsatz dessen linker Rand eingezogen ist und der vor dem f hrenden und nach dem schlie enden P Tag nicht aber nach dem f hrenden und vor dem schlie enden P Tag einen Umbruch aufweist lt p gt lt p gt N chster Absatz lt p gt Wenn Sie die Einstellungen in lt P BREAK 1 1 1 2 gt ndern erhalten Sie folgendes lt p gt Einen Textabsatz ohne linken Einzug der je einen Umbruch vor und nach dem f hrenden P Tag und vor dem schlie enden P Tag und zwei Umbr che nach dem schlie enden P Tag aufweist lt p gt lt p gt N chster Absatz lt p gt Browser Profile erstellen und bearbeiten Browser Profile sind Dateien mit denen Ihre Dokumente verglichen werden wenn Sie eine Ziel Browser Pr fung durchf hren siehe Kompatibilit t einer Seite mit Ziel Browsern berpr fen auf Seite 148 Jedes Profil enth lt Informationen zu den HTML Tags und Attributen die von einem bestimmten Browser unterst tzt werden Es kann au erdem Warnungen Fehlermeldungen und Vorschl ge f r Ersatz Tags enthalten Browser Profile werden auf Ihrer Festplatte im Ordner Configuration BrowserProfiles gespeichert der sich im Dreamweaver Anwendungsordner befindet Sie k nnen mit einem Texteditor wie beispielsweise BBEdit HomeSite Editor oder SimpleText vorhandene Profile bearbeiten oder neue erstellen dazu brauchen Sie Dreamweaver nicht zu beenden Dreamweaver anpassen 319 320 Kapite
194. en kann der Anwender eine Ebene ziehen Diese Aktion eignet sich zum Erstellen von Puzzlen Schiebereglern und anderen beweglichen Elementen der Benutzeroberfl che Sie k nnen folgendes festlegen die Richtung in die der Anwender die Ebene ziehen kann horizontal vertikal oder in eine beliebige Richtung ein Ziel zu dem der Anwender die Ebene ziehen soll ob die Ebene am Ziel einrasten soll wenn sie sich innerhalb einer bestimmten Anzahl an Pixeln vom Ziel entfernt befindet was geschehen soll wenn die Ebene das Ziel erreicht und vieles mehr Die Aktion Ebene ziehen mu aufgerufen werden bevor der Anwender die Ebene ziehen kann Sie sollten daher sicherstellen da das ausl sende Ereignis stattfindet bevor der Anwender versucht die Ebene zu ziehen Es empfiehlt sich die Aktion Ebene ziehen mit dem onLoad Ereignis an das BODY Objekt anzuf gen Sie k nnen es jedoch auch mit dem onMouseOver Ereignis an einen Hyperlink anf gen der die gesamte Ebene f llt z B ein Hyperlink der ein Bild umgibt Interaktivit t und Animation hinzuf gen 275 276 Kapitel 16 So verwenden Sie die Aktion Ebene ziehen 1 W hlen Sie Einf gen gt Ebene oder klicken Sie in der Objektpalette auf die Schaltfl che Ebene und zeichnen Sie im Dokumentfenster eine Ebene F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus W hlen Sie im Popup Men Aktionen die Option Ebene ziehen Wenn Ebene ziehen nicht a
195. en m chten lesen Sie den Abschnitt Bibliothek Voreinstellungen w hlen auf Seite 253 gt Sie k nnen auch eine Farbe f r Drittanbieter Tags festlegen damit Sie sie leichter von Dreamweaver Tags unterscheiden k nnen Dreamweaver zusammen mit anderen Anwendungen einsetzen Dreamweaver erleichtert das Web Design sowie den Entwicklungsproze da Sie ganz einfach mit anderen Anwendungen arbeiten k nnen Unter den folgenden Themen wird beschrieben wie Sie andere Anwendungen einsetzen beispielsweise Browser HTML Editoren Bild Editoren und Animationsprogramme gt Unter Mit anderen HTML Editoren arbeiten auf Seite 163 wird beschrieben wie Sie Dreamweaver mit anderen HTML Editoren wie beispielsweise HomeSite oder BBEdit verwenden gt Sie k nnen angeben welche Browser Sie f r die Vorschau Ihrer Site verwenden m chten Einzelheiten finden Sie unter Vorschau in Browsern anzeigen auf Seite 152 gt Sie k nnen externe Bild Editoren wie beispielsweise Macromedia Fireworks von Dreamweaver aus starten Einzelheiten finden Sie unter Mit einem externen Bild Editor arbeiten auf Seite 194 gt Unter Flash Player Filme einf gen auf Seite 305 wird beschrieben wie Sie Ihrer Site mit Hilfe von Flash Player Filmen Animationen hinzuf gen gt Unter Shockwave Filme einf gen auf Seite 303 finden Sie Einzelheiten dazu wie Sie Ihre Site mit Hilfe von Shockwave Filmen interaktiv gestalten k nnen KAPITEL 4 Dokumente
196. en und ndern In manchen F llen m ssen Sie Symbole ausw hlen die Seitenelemente markieren die nicht im Dokumentfenster sichtbar sind Siehe Elemente im Dokumentfenster ausw hlen auf Seite 82 75 76 Kapitel 4 Mit dem Dialogfeld Seiteneigenschaften richten Sie Dokumente ein und definieren grundlegende Seitenelemente Der Seitentitel dient zur Identifikation eines Dokuments Mit Hintergrundbildern sowie Farben f r Hintergrund Text und Hyperlinks passen Sie Ihre Seite an Ihre Anforderungen an und heben Hypertext von normalem Text ab Siehe Dokumente einrichten auf Seite 84 Wenn Sie Farben verwenden m chten k nnen Sie eine Farbe vom Desktop oder aus der Farbpalette ausw hlen Dabei k nnen Sie die Auswahl auf websichere Farben beschr nken oder eine Farbe verwenden die der Auswahl exakt entspricht Siehe Farben w hlen auf Seite 86 In Dreamweaver k nnen Sie den HEAD Inhalt des Dokuments ganz einfach anzeigen und bearbeiten ohne da Sie dabei den HTML Quellcode direkt bearbeiten m ssen Siehe HEAD Inhalt anzeigen und bearbeiten auf Seite 87 Neue HTML Dokumente erstellen Sie k nnen in Dreamweaver neue leere HTML Dokumente oder neue Dokumente auf Grundlage einer Vorlage erstellen Weiterhin k nnen Sie bereits vorhandene HTML Dokumente ffnen unabh ngig davon wie sie erstellt wurden In der Regel erstellen Sie HTML Dokumente f r eine bestimmte Web Site Unter Lokale Sites erstellen auf Seite 104 wird b
197. eneigenschaften gt W hlen Sie Ansicht gt Head Inhalt und klicken Sie auf die Schaltfl che Titel 2 Geben Sie den Seitentitel in das Feld Titel ein und klicken Sie auf OK Der Titel wird in der Titelleiste des Dokumentfensters angezeigt Der Dateiname der Seite sowie der Ordner in dem die Datei gespeichert ist werden in Klammern neben dem Titel angegeben Hintergrundbilder oder Seitenfarben definieren Mit dem Dialogfeld Seiteneigenschaften k nnen Sie ein Bild oder eine Farbe f r den Seitenhintergrund definieren Wenn Sie sowohl ein Hintergrundbild als auch eine Hintergrundfarbe definieren wird die Farbe angezeigt w hrend das Bild heruntergeladen wird Enth lt das Hintergrundbild durchsichtige Pixel ist die Hintergrundfarbe durch das Bild hindurch sichtbar So definieren Sie ein Hintergrundbild oder eine Hintergrundfarbe 1 W hlen Sie ndern gt Seiteneigenschaften oder w hlen Sie im Kontextmen die Option Seiteneigenschaften 2 Geben Sie den Pfad des Hintergrundbildes in das Feld Hintergrundbild ein oder klicken Sie auf Durchsuchen um das gew nschte Bild zu suchen und auszuw hlen Wenn das Hintergrundbild nicht das ganze Browser Fenster ausf llt wird es mehrmals nebeneinander und bereinander angeordnet 3 W hlen Sie aus dem Feld Hintergrundfarbe eine Farbe f r den Hintergrund aus Weitere Informationen hierzu finden Sie unter Farben w hlen auf Seite 86 Standardtextfarben definieren Im Dialogf
198. enn nicht gen gend Platz f r den Inhalt des aktuellen Frames vorhanden ist Die Standardeinstellung ist bei den meisten Browsern Auto Keine Gr en nderung Legt fest da der aktuelle Frame nicht vergr ert oder verkleinert werden kann und verhindert da die Frame Rahmen gezogen werden k nnen Im Dokumentfenster k nnen Frames grunds tzlich vergr ert oder verkleinert werden diese Option verhindert jedoch da ihre Gr e in einem Browser ge ndert werden kann Rahmen Steuert den Rahmen des aktuellen Frames Folgende Optionen stehen zur Auswahl Ja Nein und Standard Diese Einstellung hat Vorrang vor den Rahmeneinstellungen des Framesets Siehe Frameset Eigenschaften einstellen auf Seite 240 Bei den meisten Browsern lautet die Standardeinstellung Ja Wenn Sie einen Rahmen entfernen m chten mu f r alle angrenzenden Frames die Option Nein gew hlt werden oder die Option Standard sowie die Option Nein f r das bergeordnete Frameset Rahmenfarbe Legt die Farbe f r alle Rahmen fest die an den aktuellen Frame angrenzen Diese Einstellung hat Vorrang vor der Rahmenfarbe die f r das Frameset definiert wurde Siehe Frameset Eigenschaften einstellen auf Seite 240 Randbreite Stellt die Breite des linken und des rechten Randes in Pixeln ein dies ist der Abstand zwischen dem Frame Rahmen und dem Inhalt Randh he Stellt die H he des oberen und des unteren Randes in Pixeln ein dies ist der Abstand zwischen dem Fr
199. entfernt auch keine Dateien und Ordner vom entfernten Server die nicht mehr im lokalen Stammordner vorhanden sind 127 128 Kapitel7 Sites definieren Mit dem Befehl Sites definieren k nnen Sie Informationen ber den entfernten Server und den lokalen Stammordner hinzuf gen oder ndern sowie die Voreinstellungen zum Ein und Auschecken f r eine vorhandene Site ndern Weiterhin k nnen Sie mit diesem Befehl eine neue Site erstellen So definieren Sie eine Site 1 W hlen Sie im Site Fenster im Popup Men der aktuellen Sites den Befehl Sites definieren oder w hlen Sie Datei gt Neue Site Windows bzw Site gt Sites definieren Macintosh Datei Bearbeiten Ansicht Site Fenster 2 Klicken Sie im angezeigten Dialogfeld auf Neu oder w hlen Sie eine vorhandene Site aus und klicken Sie auf Bearbeiten 3 Geben Sie im Bereich Lokale Infos des Dialogfelds Site Definition einen Site Namen ein und klicken Sie auf das Ordnersymbol um einen lokalen Stammordner zu suchen und auszuw hlen der lokale Stammordner bildet die oberste Ebene Ihrer Site 4 Aktivieren Sie das Kontrollk stchen Cache um Aufgaben der Hyperlink und Site Verwaltung zu beschleunigen Siehe Hyperlinks verwalten auf Seite 145 5 Geben Sie den URL Ihrer Site in das Feld HTTP Adtresse ein Die HTTP Adresse der Web Site dreameentral ist beispielsweise http www dreamcentral com Bei der berpr fung von Hyperlinks wird anhand dieser Angabe ermittelt
200. entspricht Der Flash Film wird durch ein graues Rechteck dargestellt m Va IS Nun geben Sie den Flash Film im Dokumentfenster wieder und richten ihn ber der Ebene this week s specials aus So geben Sie den Flash Film im Dokumentfenster wieder gt W hlen Sie Ansicht gt Plug Ins gt Alle wiedergeben mi Lehrgang 65 66 Kapitel 2 So richten Sie die Ebene mit dem Flash Film ber der Ebene this week s specials aus 1 W hlen Sie die ganze Ebene aus indem Sie auf ihren Rahmen klicken Ziehen Sie dann an den Griffen bis die Ebene korrekt ber der Ebene this week s specials ausgerichtet ist Der Flash Film enth lt verschiedene Farbbereiche und eine horizontale Linie die genau mit dem statischen Bild this week s special bereinstimmen Diese Elemente helfen Ihnen dabei die Flash Film Ebene ber der Bild Ebene zu plazieren Hinweis Der Flash Film kann je nach Bildschirmaufl sung unterschiedlich aussehen Wenn die Flash Film Ebene nicht korrekt ber der Ebene this week specials ausgerichtet werden kann w hlen Sie Fenster gt Eigenschaften um den Eigenschaften Inspector zu ffnen Setzen Sie dann die Abmessungen des Flash Films auf B 329 H 94 zur ck Die beiden bereinander angeordneten Ebenen sollten folgenderma en aussehen W hlen Sie Datei gt Speichern um die vorgenommenen nderungen zu speichern Sites berpr fen Sie haben jetzt alle erforderlichen nderun
201. er lokalen Site gespeichert werden Sie erstellen die Cache Datei indem Sie im Dialogfeld Site Definition die Option Cache aktivieren Die Cache Datei wird automatisch aktualisiert wenn Sie mit Dreamweaver Hyperlinks in den Dateien Ihrer lokalen Site hinzuf gen ndern oder l schen So erstellen Sie eine Cache Datei f r Ihre Site 1 W hlen Sie Datei gt Sites ffnen gt Sites bearbeiten Windows oder Site gt Sites definieren Macintosh 2 W hlen Sie im Dialogfeld Sites definieren die gew nschte Site aus klicken Sie auf Bearbeiten und aktivieren Sie dann unter der Kategorie Lokale Infos das Kontrollk stchen Cache Site Verwaltung 145 146 Kapitel7 So k nnen Sie die Cache Datei f r Ihre Site neu erstellen gt W hlen Sie Site gt Site Cache neu erstellen Wenn Sie nach dem Start von Dreamweaver zum ersten Mal Hyperlinks in Dateien in Ihrer lokalen Site hinzuf gen ndern oder l schen werden Sie dazu aufgefordert den Cache zu laden Wenn Sie auf Ja klicken wird der Cache geladen und alle Hyperlinks der gerade ge nderten Dateien werden automatisch aktualisiert Wenn Sie dagegen Nein w hlen wird die nderung zwar im Cache aufgezeichnet der Cache wird jedoch nicht geladen und die Hyperlinks werden nicht aktualisiert Bei gr eren Sites kann es ein paar Minuten dauern bis der Cache geladen wird In dieser Zeitspanne werden haupts chlich die Zeitstempel der Dateien in der lokalen Site mit den Zeitstempeln
202. er Sie einen editierbaren Bereich einf gen m chten W hlen Sie ndern gt Vorlagen gt Neuer editierbarer Bereich Geben Sie im Dialogfeld Neuer editierbarer Bereich einen Namen f r den Bereich ein Der Name des Bereichs wird in geschweifte Klammern eingeschlossen Bereichsname und als markierter Platzhalter in die Vorlage eingef gt Nachdem die Vorlage auf ein Dokument angewandt wurde k nnen Sie den Platzhalter durch Text Bilder oder anderen Inhalt ersetzen Hinweis Die folgenden Zeichen d rfen nicht f r Bereichsnamen verwendet werden Apostroph Anf hrungszeichen spitze Klammern lt gt Und Zeichen amp Vorlagen Voreinstellungen w hlen Mit den Voreinstellungen f r Markierungen k nnen Sie die Markierungsfarben f r die editierbaren und gesperrten Bereiche einer Vorlage w hlen Die Farbe f r die editierbaren Bereiche wird in der Vorlage selbst angezeigt die Farbe f r die gesperrten Bereiche dagegen in den Dokumenten die auf der Vorlage basieren So ndern Sie die Markierungsfarben f r Vorlagen 1 W hlen Sie Bearbeiten gt Voreinstellungen und anschlie end die Kategorie Markierung 2 Klicken Sie auf das Farbfeld f r Editierbare Bereiche und w hlen Sie eine Markierungsfarbe aus W hlen Sie anschlie end eine Markierungsfarbe f r Gesperrte Bereiche 3 Klicken Sie auf Anzeigen um diese Farben im Dokumentfenster ein oder auszublenden A Klicken Sie auf OK So zeigen Sie Mar
203. er ausw hlen der als quivalent des Dokumentstamms auf einem Server dient Dreamweaver verwendet diesen Ordner f r alle Hyperlinks zu lokalen Dateien die als stammrelative URLs angegeben werden Stammrelative Hyperlinks funktionieren erst wenn das Dokument in einer lokalen Site gespeichert wurde Zur Definition einer lokalen Site w hlen Sie Site gt Sites definieren Siehe Lokale Sites erstellen auf Seite 104 Hinweis Der Inhalt von Hyperlinks die mit stammrelativen Pfaden erstellt wurden wird nicht angezeigt wenn Sie eine lokale Vorschau der Dokumente in einem Browser anzeigen Der Grund hierf r ist da Browser im Gegensatz zu Servern keine Site St mme erkennen k nnen Wenn Sie eine Vorschau von stammrelativen Hyperlinks anzeigen m chten m ssen Sie die Datei an einen entfernten Server bertragen und von dort anzeigen Dokumentrelative Pfade Diese Pfade sind relativ zu dem Ordner der das aktuelle Dokument enth lt Beispielsweise bezieht sich document htm auf ein Dokument im aktuellen Ordner document htm ist ein Dokument das sich in dem Ordner befindet der dem aktuellen Ordner bergeordnet ist bei htmldocs document htm handelt es sich um ein Dokument im Ordner htmidocs der sich wiederum im aktuellen Ordner befindet Dokumentrelative Pfade sind besonders gut geeignet wenn Sie Hyperlinks zu Dateien erstellen die sich stets im gleichen Ordner befinden wie das aktuelle Dokument Hinweis Dokumentrelative Pfade sind ohn
204. erden soll Hinweis Wenn das Ein und Auschecken von Dateien f r die Site aktiviert ist versucht Dreamweaver die zu ndernden Dateien auszuchecken Falls eine Datei nicht ausgecheckt werden kann wird eine Warnmeldung angezeigt und die fehlerhaften Referenzen bleiben unver ndert Siehe Das Eincheck Auscheck System auf Seite 133 So reparieren Sie Hyperlinks mit Hilfe des Eigenschaften Inspectors 1 Doppelklicken Sie im Dialogfeld Hyperlink Pr fer auf einen Eintrag in der Spalte Dateien Daraufhin wird das Dokument ge ffnet das fehlerhafte Bild bzw der fehlerhafte Hyperlink wird ausgew hlt und Pfad und Dateiname werden im Eigenschaften Inspector markiert Wenn der Eigenschaften Inspector nicht angezeigt wird w hlen Sie Fenster gt Eigenschaften um ihn zu ffnen 2 berschreiben Sie den markierten Text und geben Sie einen neuen Pfad und Dateinamen ein oder klicken Sie auf das Ordnersymbol um die Datei zu suchen Wenn Sie eine Bildreferenz aktualisieren und das neue Bild nicht in der korrekten Gr e angezeigt wird klicken Sie im Eigenschaften Inspector auf die Schaltfl chen B und H oder klicken Sie auf die Schaltfl che Aktualisieren um die Werte f r Breite und H he neu einzustellen Die Schaltfl chen B und H ndern sich von Fettdruck zu normaler Schrift Site Verwaltung 151 152 Kapitel7 3 Speichern Sie die Datei Die reparierten Hyperlinks werden aus der Liste Fehlerhafte Hyperlinks entfernt Wenn S
205. eren 288 Formularobjekt Untermen 247 Fotos 187 Frame teilen Befehle 236 Frame Inspector 238 Frames 235 ausw hlen 237 Dateien in Frames speichern 237 Eigenschaften 239 erstellen 236 Hintergrundfarbe ndern 243 Hyperlink Ziele 109 in nicht unterst tzten Browsern 244 Inhalt ndern 244 Rahmen 242 Tastenkombinationen 329 vergr ern oder verkleinern 241 verschachtelt 236 Frames und Framesets Option 158 Framesets ausw hlen 237 Dateien in Framesets speichern 237 Eigenschaften 240 Hyperlink Ziele 109 Rahmen 242 verschachtelt 236 Framesets Siehe auch Frames Framesets speichern Befehl 237 FTP Protokoll 135 Verbindung und Zeit berschreitung Optionen 132 Voreinstellungen 132 G Gehe zu URL Aktion 280 Gehe zu Zeitleisten Bild Aktion 291 Gesperrte Bereiche Farbe 91 GIF Bilder 187 als Tracing Bild 79 Gitternetz Ebenen einrasten 227 visuelles Hilfsmittel 80 Grafiken Siehe Bilder Grafik Tools 10 Gro Kleinschreibung beachten Option 137 HEAD Elemente 69 HEAD Inhalt 87 Herunterladen Gr e und Zeit sch tzen 153 Verhaltensweisen 265 Hilfe 13 Tastenkombinationen 335 Hilfsmittel 77 Hintergrund Seitenbild 85 Hintergrund HTML Tag Farben Option 160 Hohe ASCIH Zeichen in Dateinamen 136 Horizontale Linien 81 HTML Bearbeitung 155 Index 341 HTML Code CSS Attribut Konvertierung 185 externe Editoren definieren 163 Farben f r Tags 160 Formatierungssteuerungen f r Quellcode 157 Formatierungs Tag
206. erladen m chten So w hlen Sie neuere lokale Dateien gt W hlen Sie Ansicht gt Neuere lokale ausw hlen Windows oder Site gt Site Dateien Ansicht gt Neuere lokale ausw hlen Macintosh So w hlen Sie neuere entfernte Dateien gt W hlen Sie Ansicht gt Neuere entfernte ausw hlen Windows oder Site gt Site Dateien Ansicht gt Neuere entfernte ausw hlen Macintosh Unter Das Eincheck Auscheck System auf Seite 133 wird genauer beschrieben wie Sie mit lokalen und entfernten Sites arbeiten Site Maps erstellen Mit der Site Map Ansicht k nnen Sie lokale Sites als visuelle Darstellungen verkn pfter Symbole anzeigen Ihrer Site neue Dateien hinzuf gen sowie Hyperlinks hinzuf gen ndern und entfernen Die Site Map Ansicht ist ideal f r die Storyboarding Funktion geeignet Sie k nnen schnell und einfach einen Prototyp der gesamten Site Struktur und anschlie end einen Ausdruck der Site Map erstellen Hinweis Die Site Map Ansicht kann nur f r lokale Sites verwendet werden Wenn Sie eine Site Map einer entfernten Site erstellen m chten m ssen Sie zun chst den gesamten Inhalt auf Ihr lokales Laufwerk kopieren So zeigen Sie eine Site Map mit einer der folgenden Methoden an gt W hlen Sie Fenster gt Site Map um das Site Fenster zu ffnen gt Klicken Sie im Site Fenster auf die Schaltfl che Site Map Die Homepage der Site bildet den Ausgangspunkt der Site Map Wenn Dreamweaver nicht feststellen
207. erte Datei ein werden auch die zugeh rigen Hyperlinks sowie das Dateisymbol in der Site Map Ansicht angezeigt die Namen werden jedoch kursiv dargestellt So markieren Sie Dateien als versteckt 1 W hlen Sie eine oder mehrere Dateien aus 2 W hlen Sie Ansicht gt Hyperlink einblenden ausblenden Windows oder Site gt Site Map Ansicht gt Hyperlink einblenden ausblenden Macintosh So blenden Sie als versteckt markierte Dateien mit einer der folgenden Methoden ein oder aus gt W hlen Sie Ansicht gt Als versteckt markierte Dateien zeigen Windows oder Site gt Site Map Ansicht gt Als versteckt markierte Dateien zeigen Macintosh W hlen Sie Ansicht gt Layout Windows oder Site gt Site Map Ansicht gt Layout Macintosh um das Dialogfeld Site Definition zu ffnen und aktivieren Sie das Kontrollk stchen Als versteckt markierte Dateien zeigen Abh ngige Dateien sind standardm ig ausgeblendet Sie k nnen w hlen ob sie in der Site Map angezeigt werden sollen So zeigen Sie abh ngige Dateien mit einer der folgenden Methoden an gt W hlen Sie Ansicht gt Abh ngige Dateien zeigen Windows oder Site gt Site Map Ansicht gt Abh ngige Dateien zeigen Macintosh W hlen Sie Ansicht gt Layout Windows oder Site gt Site Map Ansicht gt Layout Macintosh um das Dialogfeld Site Definition zu ffnen und aktivieren Sie das Kontrollk stchen Abh ngige Dateien zeigen Die Site von einem
208. ertige Datei About Us in Dreamweaver gt Doppelklicken Sie im Site Fenster auf die Datei DW2_about_main htm Tabellen in Ebenen konvertieren Wenn Sie komplexe Seitenlayouts erstellen sind Tabellen ein effizientes Hilfsmittel sie werden sowohl in 3 0 als auch in 4 0 Browsern unterst tzt Eine noch bessere Hilfe beim Erstellen komplexer Seitenlayouts sind Ebenen da Sie Seitenelemente die in Ebenen plaziert wurden schnell neu positionieren k nnen indem Sie sie an die gew nschte Position ziehen Ebenen werden in 3 0 Browsern jedoch nicht unterst tzt In Dreamweaver k nnen Sie die Funktionen von Tabellen und Ebenen optimal nutzen da Sie schnell und einfach zwischen Ebenen und Tabellen wechseln k nnen bis Ihr Seiten Design genau Ihren Erwartungen entspricht Die sich ergebende Seite sieht im Tabellenformat in 3 0 und 4 0 Browsern identisch aus Bei der halbfertigen Seite About Us wurde f r die Formatierung eine Tabelle verwendet Konvertieren Sie zun chst die vorhandenen Tabellenzellen in Ebenen So konvertieren Sie vorhandene Tabellenzellen in Ebenen 1 W hlen Sie ndern gt Layout gt Inhalt mit Ebenen neu positionieren 2 Deaktivieren Sie im angezeigten Dialogfeld die Optionen Gitternetz zeigen und Am Gitternetz einrasten Lassen Sie die anderen Optionen jedoch aktiviert Wenn Sie Ebenen erstellen oder ndern und die Option Am Gitternetz einrasten aktiviert ist rasten die Ebenen an der am n chsten gelege
209. erwenden Tour und ShowMe Filme Die Tour sowie die ShowMe Filme in den Dreamweaver Help Pages bieten eine animierte Einf hrung in die wichtigsten Funktionen Die Tour enth lt alle ShowMe Filme der Reihe nach Sie k nnen in den entsprechenden berblicksabschnitten jedoch auch einzelne ShowMe Filme anzeigen Dieses Symbol zeigt an da ein Thema einen ShowMe Film enth lt F r ShowMe Filme ist das Plug In Shockwave Director erforderlich das auf der Dreamweaver CD enthalten ist Wenn Sie Ihre Dreamweaver Kopie elektronisch erworben haben k nnen Sie das neueste Shockwave Plug In von der Macromedia Web Site http www macromedia com shockwave download herunterladen Dreamweaver HTML Help Pages Die Dreamweaver HTML Help Pages enthalten ausf hrliche Informationen zu allen Dreamweaver Funktionen Sie sollten einen der folgenden Browser verwenden um optimale Ergebnisse zu erzielen gt F r Windows wird Netscape Navigator 4 0 und neuer oder Microsoft Internet Explorer 4 0 und neuer empfohlen gt F r den Macintosh wird Netscape Navigator 4 0 und neuer empfohlen Internet Explorer f r den Macintosh wird nicht empfohlen da dieser Browser keine ShowMe Filme wiedergeben kann Wenn Sie mit einem 3 0 Browser arbeiten steht zwar der gesamte Inhalt der Hilfe zur Verf gung einige Funktionen wie beispielsweise die Suchfunktion k nnen jedoch nicht verwendet werden Einf hrung 13 14 Kapitel 1 Da in den Dreamwea
210. es Auge bedeutet da die Ebene nicht sichtbar ist Wenn kein Augensymbol f r eine bestimmte Ebene angezeigt wird bernimmt diese Ebene die Sichtbarkeit der bergeordneten Ebene Das bergeordnete Element f r nicht verschachtelte Ebenen ist der Hauptteil des Dokuments der grunds tzlich sichtbar ist Sie k nnen die Sichtbarkeit aller Ebenen gleichzeitig ndern indem Sie auf das Augensymbol oben in der Spalten berschrift klicken Ebenen verwenden 229 230 Kapitel 12 Ebenen zum Tabellen Design verwenden Ebenen dienen dazu Inhalt auf einer Seite zu positionieren Sie lassen sich leichter bearbeiten und ndern als Tabellenzellen Sie k nnen mit Ebenen schnell und einfach komplexe Seiten Designs erstellen und die Ebenen anschlie end f r die Verwendung in 3 0 Browsern in Tabellen konvertieren Weiterhin k nnen Sie zwischen Ebenen und Tabellen hin und herwechseln um Feineinstellungen am Layout vorzunehmen und das Seiten Design zu optimieren Wenn Sie Ihre Seiten ausschlie lich f r 4 0 und neuere Browser entwerfen k nnen Sie eine Kombination aus Tabellen und Ebenen verwenden und die Ebenen sogar animieren Siehe Animationen mit dynamischem HTML erstellen auf Seite 292 Hinweis Wenn Sie Ihre aktuelle Datei so konvertieren m chten da sie mit 3 0 oder 4 0 Browsern kompatibel ist verwenden Sie die Konvertierungsoptionen im Men Datei Siehe Zwischen 3 0 und 4 0 Browsern konvertieren auf Seite 233 So wechseln
211. es Formularrands und w hlen Sie ein Objekt aus dem Men Einf gen gt Formularobjekt gt Plazieren Sie den Cursor innerhalb des Formularrands und klicken Sie in der Tafel Formulare der Objektpalette auf eine Objektschaltfl che gt Ziehen Sie eine Objektschaltfl che an die gew nschte Stelle innerhalb des Formularrands 2 Legen Sie die Eigenschaften des Objekts im Eigenschaften Inspector fest w hlen Sie Fenster gt Eigenschaften um den Eigenschaften Inspector anzuzeigen falls er noch nicht ge ffnet ist Textfelder Akzeptieren beliebigen alphabetischen oder numerischen Text Der eingegebene Text kann in einer einzelnen Zeile in mehreren Zeilen oder zum Schutz von Kennw rtern als Listenpunkte bzw Sternchen angezeigt werden Siehe Eigenschaften von Textfeldern in den Dreamweaver Help Pages Schaltfl chen bernehmen Standardaufgaben z B das Abschicken oder Zur cksetzen von Formularen oder eine benutzerdefinierte Funktion Sie k nnen eine benutzerdefinierte Beschriftung f r eine Schaltfl che eingeben oder eine der vordefinierten Beschriftungen verwenden Siehe Eigenschaften von Schaltfl chen in den Dreamweaver Help Pages Bildfelder K nnen anstelle der Schaltfl che Abschicken verwendet werden Siehe Eigenschaften von Bildfeldern in den Dreamweaver Help Pages Kontrollk stchen Erm glichen da in einer Gruppe von Optionen gleichzeitig mehrere Optionen aktiviert werden k nnen Siehe Eigenschaften von
212. eschrieben wie Sie eine Site erstellen oder bearbeiten So ffnen Sie eine bereits vorhandene HTML Datei gt W hlen Sie Datei gt ffnen So erstellen Sie ein leeres HTML Dokument gt W hlen Sie Datei gt Neu Wenn Sie den HTML Inspector ffnen w hlen Sie dazu Fenster gt HTML werden Sie feststellen da das Dokument nicht v llig leer ist sondern bereits die Tags HTML HEAD und BODY enth lt um Ihnen den Arbeitseinstieg zu erleichtern W hrend Sie Text in das Dokumentfenster eingeben oder Objekte wie Tabellen und Bilder einf gen k nnen Sie den HTML Inspector ge ffnet lassen und die Erstellung des HTML Quellcodes mitverfolgen Hinweis Wenn Sie eine neue Datei speichern die Sie sp ter auf einem entfernten Server bereitstellen m chten d rfen Sie f r den Dateinamen keine hohen ASCIl Zeichen verwenden beispielsweise Viele Server kodieren diese Zeichen beim Upload so da Hyperlinks zu der Datei nicht mehr funktionieren So erstellen Sie ein neues Dokument auf Grundlage einer Vorlage 1 W hlen Sie Datei gt Neu von Vorlage Daraufhin wird ein Dialogfeld angezeigt in dem die Vorlagen aufgelistet sind die f r die aktuelle Site zur Verf gung stehen Wenn Sie mit einer Vorlage arbeiten sind bestimmte Teile des Dokuments gesperrt und k nnen nicht ge ndert werden Dadurch wird die Einheitlichkeit gew hrleistet wenn Sie eine Vorlage f r mehrere Dokumente in einer Site verwenden 2 W hlen
213. ewirkt einen harten Zeilenumbruch wenn die Zeile die angegebene Spaltenbreite erreicht hat Das Kontrollk stchen Umbruch im HTML Inspector bewirkt dagegen einen weichen Zeilenumbruch wenn die Zeilen ber die Fensterbreite hinausgehen Zeilenumbr che Hiermit k nnen Sie den Typ des entfernten Servers Windows Macintosh oder Unix angeben auf dem Sie Ihre Dateien ver ffentlichen werden Durch die Wahl des korrekten Zeilenumbruchs wird gew hrleistet da der HTML Quellcode auf dem entfernten Server richtig angezeigt wird Diese Einstellung bietet sich auch an wenn Sie mit einem externen Texteditor arbeiten der nur bestimmte Zeilenumbr che erkennt Wenn Sie beispielsweise mit dem externen Editor Notepad arbeiten w hlen Sie CR LF Windows arbeiten Sie mit dem externen Editor SimpleText w hlen Sie CR Macintosh Schreibweise f r Tags und Schreibweise f r Attribute Steuert die Gro oder Kleinschreibung von Element und Attributnamen Schreibweise au er Kraft setzen von Gibt an ob f r Element und Attributnamen die mit den Optionen Schreibweise f r Tags und Schreibweise f r Attribute definierte Schreibweise verwendet werden soll wenn Sie vorhandene HTML Dokumente ffnen Wenn Elementnamen beispielsweise immer in Kleinbuchstaben angezeigt werden sollen geben Sie Kleinbuchstaben f r Elementnamen vor und aktivieren diese Option Wenn Sie anschlie end ein Dokument importieren das gro geschriebene Elementnamen enth lt
214. ezifische Farben definieren und diese auch auf den Inhalt anwenden So legen Sie eine Farbe f r ein bestimmtes Tag fest 1 W hlen Sie im Feld Tag spezifisch ein Tag aus Wenn Sie mehrere aufeinanderfolgende Tags ausw hlen m chten halten Sie die Umschalttaste gedr ckt und klicken Sie auf die gew nschten Tags M chten Sie mehrere nicht aufeinanderfolgende Tags ausw hlen halten Sie die Strg Taste Windows bzw die Befehlstaste Macintosh gedr ckt und klicken Sie auf die gew nschten Tags 2 Klicken Sie auf den Optionsschalter neben dem Farbfeld unter der Tag Liste und w hlen Sie dann mit einer der folgenden Methoden einen neuen Farbwert aus gt Geben Sie in das Textfeld neben dem Farbfeld einen Hexadezimalwert ein gt Klicken Sie auf das Farbfeld und w hlen Sie aus der Palette der browser sicheren Farben oder aus dem Systemfarbw hler eine neue Farbe aus 3 Wenn die Farbe auch f r den Text zwischen den Anfangs und Schlu Tags verwendet werden soll aktivieren Sie das Kontrollk stchen Farbe auf Tag Inhalt anwenden HTML Code optimieren Mit dem Befehl HTML Code optimieren k nnen Sie leere Tags entfernen verschachtelte FONT Tags kombinieren und unleserlichen oder un bersichtlichen HTML Code besser strukturieren So optimieren Sie HTML Code 1 ffnen Sie ein vorhandenes Dokument und w hlen Sie Befehle gt HTML Code optimieren W hlen Sie im angezeigten Dialogfeld die gew nschten Optionen E
215. fehlstaste O Dr cken Sie Umschalttaste Befehlstaste D oder ziehen Sie die Dateien im Site Fenster aus dem Bereich Entfernte Site in den Bereich Lokaler Ordner Dr cken Sie Umschalttaste Befehlstaste U oder ziehen Sie die Dateien im Site Fenster aus dem Bereich Lokaler Ordner in den Bereich Entfernte Site Umschalttaste Wahltaste Befehlstaste D Umschalttaste Befehlstaste Wahltaste U Umschalttaste Wahltaste Befehlstaste F5 Befehlstaste F5 Wahltaste F5 Site Map Aktion Windows Macintosh Site Dateien Ansicht Site Map Ansicht Als Stammordner anzeigen Verkn pfen mit bestehender Datei Hyperlink ndern Hyperlink entfernen Hyperlink einblenden ausblenden Seitentitel zeigen Datei umbenennen Site Map vergr ern Site Map verkleinern F5 Umschalttaste F5 Strg Umschalttaste R Strg Umschalttaste K Strg L Entf Strg Umschalttaste Y Strg Umschalttaste T F2 Strg Pluszeichen Strg Minuszeichen F5 Umschalttaste F5 Befehlstaste Umschalttaste R Befehlstaste Umschalttaste K Befehlstaste L Entf Befehlstaste Umschalttaste Y Befehlstaste Umschalttaste T Befehlstaste Pluszeichen Befehlstaste Minuszeichen Plug Ins wiedergeben Aktion Windows Macintosh Plug In wiedergeben Strg P Befehlstaste P Plug In stoppen Strg Befehlstaste Alle Plug Ins wiedergeben Alle Plug Ins stoppen Strg Umschalttaste P
216. fische HTML Attribute definieren wie Positionierung Special Effects und Maus Rollovers Stylesheets geh ren zum HEAD Bereich des Dokuments und definieren mehrere Stile Stile definieren die Formatierungsattribute f r HTML Tags f r Textbereiche die durch ein CLASS Attribut definiert werden oder f r Text der CSS Kriterien erf llt CSS Cascading Style Sheets Dreamweaver erkennt Stile die in vorhandenen Dokumenten definiert wurden vorausgesetzt sie entsprechen den CSS Richtlinien Stylesheets k nnen f r 4 0 und neuere Browser eingesetzt werden Internet Explorer 3 0 erkennt zwar einige Stilattribute bei den meisten lteren Browsern werden die Stilattribute jedoch ignoriert In Dreamweaver arbeiten Sie mit drei verschiedenen Stiltypen gt Mit HTML Tag Stilen wird die Formatierung eines bestimmten Tags beispielsweise H1 neu definiert Wenn Sie einen Stil f r das H1 Tag erstellen wirkt sich dies umgehend auf alle Textstellen aus die das H1 Tag verwenden gt Benutzerdefinierte Stile hneln den Stilen eines Textverarbeitungsprogramms es besteht jedoch kein Unterschied zwischen Zeichen und Absatzstilen Sie k nnen benutzerdefinierte Stile auf jeden beliebigen Textbereich oder Textblock anwenden Wenn Sie einen Stil auf einen durchgehenden Textblock anwenden beispielsweise auf einen ganzen Absatz oder auf eine ungeordnete Liste wird dem Tag des Blocks ein CLASS Attribut hinzugef gt zum Beispiel P CLASS meinStil
217. g Ins definierte Tag Doppelklicken Sie auf einen Shockwave Film um die Eigenschaften im Eigenschaften Inspector anzuzeigen Siehe auch Shockwave Filme einf gen auf Seite 303 Der Eigenschaften Inspector zeigt zun chst nur die am h ufigsten verwendeten Eigenschaften an Klicken Sie unten rechts auf den Erweiterungspfeil um alle Eigenschaften anzuzeigen Name Legt einen Namen fest um den Film bei der Skripterstellung zu identifizieren Geben Sie in das unbeschriftete Feld ganz links im Eigenschaften Inspector einen Namen ein B und H Legen die H he und Breite des Films in Pixeln fest Sie k nnen auch folgende Einheiten festlegen pc Pica pt Punkt in Zoll mm Millimeter cm Zentimeter oder Prozentsatz vom Wert des bergeordneten Elements Zwischen dem Wert und der Abk rzung darf keine Leerstelle stehen z B 3mm Datei Legt den Pfad zur Shockwave Filmdatei fest Geben Sie einen Wert ein oder klicken Sie auf das Ordnersymbol rechts neben dem Feld um die Datei zu suchen Tag Legt die Tags fest mit denen der Shockwave Film identifiziert wird Sie k nnen OBJECT und EMBED oder Nur Object bzw Nur Embed ausw hlen Es empfiehlt sich den Standardwert OBJECT und EMBED beizubehalten Ausrichten Legt fest wie der Film auf der Seite ausgerichtet wird Die jeweiligen Optionen werden unter Elemente ausrichten auf Seite 192 beschrieben Hg Farbe Legt eine Hintergrundfarbe f r den Filmbereich fest Diese Farbe wird
218. g davon welcher Wert f r die bergeordnete Ebene gilt gt Unsichtbar blendet den Inhalt der Ebene aus unabh ngig davon welcher Wert f r die bergeordnete Ebene gilt Beachten Sie dabei da unsichtbare Ebenen die mit den Tags LAYER und ILAYER erstellt wurden den gleichen Platz in Anspruch nehmen wie sichtbare Ebenen Hg Bild Gibt ein Hintergrundbild f r die Ebene an Geben Sie den Pfad des Bildes in das Textfeld ein oder klicken Sie auf das Ordnersymbol um eine Bilddatei zu suchen und auszuw hlen Hg Farbe Gibt eine Hintergrundfarbe f r die Ebene an Lassen Sie dieses Feld leer wenn der Hintergrund durchsichtig sein soll Tag Bestimmt ob es sich um eine CSS Ebene oder um eine Netscape Ebene handelt Mit den Tags SPAN und DIV werden CSS Ebenen erstellt mit den Tags LAYER und ILAYER dagegen Netscape Ebenen berlauf nur CSS Ebenen Bestimmt das Verhalten der Ebene wenn der Inhalt die Gr e der Ebene berschreitet Folgende Optionen stehen zur Auswahl gt Sichtbar vergr ert die Ebene so da der ganze Inhalt sichtbar ist Die Ebene wird nach rechts und nach unten erweitert gt Unsichtbar beh lt die Gr e der Ebene bei und schneidet den Inhalt ab der nicht in die Ebene pa t Dabei werden keine Abrollbalken angezeigt gt Rollen f gt Abrollbalken in die Ebene ein unabh ngig davon ob der Inhalt die Ebenengr e berschreitet oder nicht Sie k nnen Abrollbalken explizit hinzuf gen damit in einer
219. gemeinsamen Struktur basieren und ein hnliches Erscheinungsbild haben Vorlagen bieten sich an wenn Sie sicherstellen m chten da alle Seiten in einer Site bestimmte gemeinsame Merkmale haben unabh ngig davon ob Sie eine neue Site erstellen oder eine bereits vorhandene Site aktualisieren Mit einer Vorlage k nnen Sie nderungen an mehreren Dokumenten gleichzeitig vornehmen so da Sie nicht f r jede neue Seite die korrekten Einstellungen w hlen oder nderungen an jeder einzelnen Seite vornehmen m ssen Wenn Sie eine neue Vorlage erstellen k nnen Sie festlegen welche Elemente der Seite konstant nicht editierbar sind und welche Elemente ge ndert werden k nnen Angenommen Sie geben eine Online Zeitschrift heraus Das Impressum bleibt in der Regel unver ndert Titel und Inhalt des Leitartikels sind jedoch in jeder Ausgabe anders Sie k nnen Stil und Position des Leitartikels festlegen indem Sie einen Platzhaltertext angeben und als editierbaren Bereich definieren Wenn Sie anschlie end einen neuen Leitartikel schreiben m chten m ssen Sie nur den Platzhaltertext ausw hlen und berschreiben Sie k nnen Vorlagen auch dann noch ndern wenn Sie bereits Dokumente damit erstellt haben Wenn Sie die Dokumente aktualisieren die auf der Vorlage basieren werden die nicht editierbaren Bereiche der Dokumente an die nderungen in der Vorlage angepa t 89 90 Kapitel 5 Vorlagen erstellen Sie k nnen eine Vorlage auf Gru
220. gen an den halbfertigen Dateien vorgenommen Nun sollten Sie sich die ganze Site in einem Browser ansehen So zeigen Sie eine Vorschau der Site in einem Browser an 1 Stellen Sie sicher da die Homepage noch ge ffnet ist und dr cken Sie F12 um die Seite in einem Browser zu ffnen Sehen Sie sich zun chst den Flash Film an und klicken Sie dann auf die Bilder about events und catalog um die anderen Seiten anzuzeigen die Sie f r die Site bearbeitet haben Wenn Sie Ihre Site berpr ft haben schlie en Sie das Browser Fenster Kehren Sie dann zu Dreamweaver zur ck und w hlen Sie Datei gt Schlie en um die Homepage zu schlie en KAPITEL 3 Erste Schritte Erste Schritte berblick Um Ihre Arbeit mit Dreamweaver zu beginnen ffnen oder erstellen Sie einfach ein HTML Dokument Damit Sie m glichst effizient mit dem Programm arbeiten k nnen ist es jedoch hilfreich die grundlegenden Konzepte des Dreamweaver Arbeitsbereichs zu verstehen und Optionen w hlen zu k nnen die f r Ihren Arbeitsstil am besten geeignet sind Der Dreamweaver Arbeitsbereich Der Dreamweaver Arbeitsbereich ist flexibel und f r unterschiedliche Arbeitsweisen und verschiedene Produktkenntnisse gleicherma en geeignet Die folgenden Komponenten des Dreamweaver Arbeitsbereichs werden Sie am h ufigsten verwenden gt Im Dokumentfenster wird das aktuelle Dokument ungef hr so angezeigt wie es in einem Web Browser erscheint gt Der Lau
221. gige Dateien herunterladen m chten Klicken Sie auf Ja Hinweis Wenn Sie die Datei bertragung abbrechen m chten klicken Sie auf Aktuelle Task stoppen das rote X unten rechts oder dr cken Sie Esc Windows bzw Befehlstaste Punkt Macintosh Site Verwaltung 135 136 Kapitel7 Dateien auf einem entfernten Server bereitstellen Wenn Sie eine Datei bereitstellen wird sie von der lokalen Site auf die entfernte Site kopiert Der Auscheck Status der Datei wird dabei nicht ge ndert Wenn Sie eine Datei auf einem entfernten Server bereitstellen und gleichzeitig einchecken m chten w hlen Sie den Befehl Einchecken Siehe Dateien auf einem entfernten Server einchecken und auschecken auf Seite 134 Dreamweaver zeichnet alle Datei bertragungen auf Tritt bei der bertragung einer Datei ein Fehler auf k nnen Sie mit dem FTP Protokoll der Site die Problemursache ermitteln Wenn Sie das Protokoll anzeigen m chten w hlen Sie im Site Fenster den Befehl Fenster gt FTP Protokoll Windows oder Site gt FTP Protokoll Macintosh Hinweis Verwenden Sie keine hohen ASCII Zeichen beispielsweise f r die Namen der Dateien die Sie auf einem entfernten Server bereitstellen m chten Viele Server konvertieren diese Zeichen beim Upload so da Hyperlinks zu den Dateien nicht mehr funktionieren So stellen Sie Dateien auf einem entfernten Server bereit 1 W hlen Sie Fenster gt Sites um das Site Fenster zu ffnen 2
222. h gt 0 history back Wenn Sie den Code in einer Funktion verkapselt haben geben Sie nur den Funktionsnamen ein beispielsweise goBack Klicken Sie auf OK 5 Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Eigenschaften ndern Verwenden Sie die Aktion Eigenschaften ndern um den Wert einer Objekteigenschaft zu ndern beispielsweise die Hintergrundfarbe einer Ebene oder die Aktion eines Formulars Die Eigenschaften die Sie ndern k nnen richten sich nach dem Browser F r JavaScript werden in Microsoft Internet Explorer IE 4 0 wesentlich mehr Eigenschaften bereitgestellt als in IE 3 0 oder Netscape Navigator 3 0 oder 4 0 Hinweis Sie sollten diese Aktion nur verwenden wenn Sie sich sehr gut mit HTML und JavaScript auskennen So verwenden Sie die Aktion Eigenschaften ndern 1 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus W hlen Sie im Popup Men Aktionen die Option Eigenschaften ndern W hlen Sie im Popup Men Objekttyp den Objekttyp dessen Eigenschaften Sie ndern m chten Dadurch werden im Popup Men Benannte Objekte alle benannten Objekte des ausgew hlten Typs angezeigt W hlen Sie im Popup Men Benannte Objekte ein bestimmtes Obj
223. h um vordefinierte Formatierungsattribute die bestimmten HTML Tags entsprechen Wenn Sie zwei oder mehr Stile auf eine Textstelle anwenden kann ein Konflikt zwischen diesen Stilen entstehen der zu unerwarteten Ergebnissen f hrt Siehe Konflikte zwischen Stilen auf Seite 182 So wenden Sie einen benutzerdefinierten Stil an 1 W hlen Sie Fenster gt Stile 2 W hlen Sie den Text aus auf den Sie einen Stil anwenden m chten Plazieren Sie den Cursor in einem Absatz um den Stil auf den ganzen Absatz anzuwenden Wenn der Stil auf ein bestimmtes Tag angewandt werden soll w hlen Sie das Tag im Tag Selektor unten links im Dokumentfenster aus Sie k nnen die Tag Auswahl auch mit dem Popup Men Anwenden auf in der Stilpalette ndern Wenn Sie einen Textbereich innerhalb eines einzigen Absatzes ausw hlen wirkt sich der Stil nur auf den ausgew hlten Textbereich aus 3 Klicken Sie in der Stilpalette auf den Namen eines Stils Sie k nnen benutzerdefinierte Stile auch anwenden indem Sie im Men Text gt Benutzerdefinierter Stil den Namen eines Stils ausw hlen oder indem Sie mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh klicken und dann im Kontextmen den Stilnamen aus dem Men Benutzerdefinierter Stil w hlen Das Tag der aktuellen Auswahl wird neben dem Befehl Benutzerdefinierter Stil angezeigt Text formatieren 181 182 Kapitel 9 Konflikte zwischen Stilen Wenn Sie zwei oder mehr St
224. he oben um eine Spalte auszuw hlen Siehe Framegr en definieren auf Seite 241 Framegr en definieren Ziehen Sie die Frame Rahmen im Dokumentfenster um die Gr e der Frames ungef hr anzugeben anschlie end k nnen Sie mit dem Eigenschaften Inspector definieren in welcher Gr e die Frames in einem Browser angezeigt werden wenn nicht gen gend Platz vorhanden ist um alle Frames in voller Gr e darzustellen So definieren Sie die Frame Gr en 1 Klicken Sie auf einen Frame Rahmen um das Frameset auszuw hlen W hlen Sie Ansicht gt Frame Rahmen wenn die Rahmen nicht sichtbar sind 2 Klicken Sie im Eigenschaften Inspector auf den Erweiterungspfeil damit alle Eigenschaften angezeigt werden 3 W hlen Sie die zu ndernde Zeile oder Spalte aus indem Sie auf eine der Schaltfl chen links oder oben klicken 5 jan zJ Rahmenfarbe m Einheiten n Zeilen Spalten Pixel Auswahl Frames verwenden 241 242 Kapitel 13 4 Geben Sie an wie der Platz zugewiesen werden soll wenn das Browser Fenster vergr ert oder verkleinert wird Geben Sie dazu eine Zahl in das Feld Wert ein und w hlen Sie dann im Popup Men Einheiten eine der folgenden Ma einheiten Pixel Stellt die Gr e der ausgew hlten Spalte oder Zeile auf einen absoluten Wert ein W hlen Sie diese Option f r Frames die grunds tzlich die gleiche Gr e beibehalten sollen wie beispielsweise Navigationsleisten Wenn Sie f
225. hekselement aus 2 Klicken Sie auf den Elementnamen 3 Geben Sie einen neuen Namen ein Wenn Sie ein Bibliothekselement l schen wird das Element aus der Bibliothek entfernt der Inhalt von Dokumenten wird jedoch nicht ver ndert So l schen Sie ein Bibliothekselement 1 W hlen Sie Fenster gt Bibliothek oder klicken Sie im Launcher auf Bibliothek 2 W hlen Sie in der Bibliothekspalette ein Bibliothekselement aus 3 Klicken Sie auf die Schaltfl che L schen oder dr cken Sie die Entf Taste Bibliothekselemente editierbar machen Um ein Bibliothekselement im aktuellen Dokument bearbeiten zu k nnen m ssen Sie den Hyperlink zwischen dem im Dokument enthaltenen Element und der Bibliothek unterbrechen Nachdem Sie eine Instanz eines Bibliothekselements editierbar gemacht haben kann sie nicht mehr von der Bibliothek aus aktualisiert werden So machen Sie ein Bibliothekselement editierbar 1 W hlen Sie im aktuellen Dokument ein Bibliothekselement aus 2 Klicken Sie im Eigenschaften Inspector auf Editierbar machen Seitenelemente wiederverwenden 255 256 Kapitel 15 Verhaltensweisen in einem Bibliothekselement bearbeiten Wenn Sie Bibliothekselemente erstellen die Elemente enthalten zu denen Verhaltensweisen geh ren kopiert Dreamweaver das Element und seine Ereignisbehandlungsroutine in die Bibliothekselementdatei bei der Ereignisbehandlungsroutine handelt es sich um das Attribut das festlegt welches Ereignis auftrete
226. hen dem Doppelpunkt und dem Funktionsnamen keine Leerstelle ein Sie k nnen mit der Skripterstellung auf dem Client zwar eine Vielzahl von Formularverarbeitungsvorg ngen durchf hren die vom Anwender eingegebenen Daten k nnen Sie jedoch nicht speichern oder an einen anderen Anwender senden Dazu ben tigen Sie eine Server Anwendung wie z B ein CGI Skript Common Gateway Interface Sie k nnen CGI Skripte in Perl C Java oder einer anderen Programmiersprache schreiben Im Web finden Sie eine Reihe von Sites die kostenlose CGI Skripte bereitstellen die Sie entweder unver ndert verwenden oder nach Wunsch anpassen k nnen Siehe HTML Ressourcen in den Dreamweaver Help Pages Sie k nnen sich auch an Ihren Internet Dienstanbieter oder Ihr Web Ieam wenden um herauszufinden ob bereits konfigurierte CGI Skripte f r Ihren Server vorhanden sind Formulare erstellen 249 250 Kapitel 14 KAPITEL 15 Seitenelemente wiederverwenden Seitenelemente wiederverwenden berblick Die meisten Web Sites enthalten Informationen die auf allen Seiten der Site angezeigt werden z B als Kopf oder Fu zeile oder Informationen die nur auf einigen Seiten angezeigt werden jedoch h ufig aktualisiert werden m ssen z B Schlagzeilen oder Sonderangebote Dreamweaver bietet zwei M glichkeiten f r den Umgang mit sich wiederholenden Informationen damit Sie diese nicht auf jeder Seite der Site ndern m ssen gt Bibliothekselemente sind f
227. hen und ersetzen 2 2 2222 ceeeeeeeeeeeeeenennenn 328 Mit Tabellen arbeiten 2222 sec eeeeeeeeeenneren een 328 Mit Frames arbeiten 2 222 ces eeeeeeeeeeeneeenenenenenn 329 Mit Ebenen arbeiten 222 css seeeeeeeneeeeenneren een 329 Mit Zeitleisten arbeiten 2 2222 ceseeeeeeeeneneenene nenn 330 Mit Bildern arbeiten 2 2222 s sense eeeeeeeenner reduta 331 Hyperlinks verwalten 22 2222 seen 331 Ziel Browser und Vorschau in Browsern 2 222222 332 Site Verwaltung und FTP u 4er na 332 SiteMap sedienta ae 333 Plug Ins wiedergeben ce sesccnstei ieme aink EEE 333 Seitenelemente anzeigen 22ceneeeeeeeeennen rennen 334 Mit Vorlagen arbeiten u a ne 334 Objekte einf gen speta sree asse dessen na Haha game na Danach 334 Paletten ffnen und schlie en 22 2 2222 ces ceeeeeeee en 335 Hilfe aufrufen 2 4 002 2 ee ans ken 335 INDEX 22 44 aa RE Re een 337 Inhaltsverzeichnis 7 8 Inhaltsverzeichnis KAPITEL 1 Einf hrung Dreamweaver ist ein professioneller visueller Editor zur Erstellung und Verwaltung von Web Seiten Mit Dreamweaver k nnen Sie ganz einfach Seiten erstellen die auf verschiedenen Plattformen und Browsern gleicherma en verwendet werden k nnen Mit der Roundtrip HTMLTM Technologie von Macromedia werden HTML Dokumente importiert ohne da dabei der Code umformatiert wird Dreamweaver erm glicht weiterhin den Einsatz von Dynamic HTML Funktionen wie animierte
228. her auf die Schaltfl che Bibliothek 3 Ziehen Sie ein Element aus der Bibliothekspalette in das Dokumentfenster oder w hlen Sie ein Element aus und klicken Sie auf Zu Seite hinzuf gen Wenn Sie die Strg Taste Windows bzw die Befehlstaste Macintosh gedr ckt halten w hrend Sie das Element aus der Bibliothekspalette ziehen wird der Inhalt des Elements eingef gt ohne da dabei eine Instanz des Elements in der Bibliothekspalette erstellt wird Seitenelemente wiederverwenden 253 254 Kapitel 15 Bibliothekselemente ndern Wenn Sie ein Bibliothekselement bearbeiten ndert sich die Originalelementdatei Mit Dreamweaver k nnen Sie das bearbeitete Element in allen Dokumenten der aktuellen Site aktualisieren Hinweis Die Stilpalette und der Zeitleisten Inspector sind beim Bearbeiten eines Bibliothekselements nicht verf gbar da Bibliothekselemente nur BODY Elemente enthalten k nnen Zeitleisten und Stylesheet Code geh ren jedoch zum HEAD Der Verhaltensweisen Inspector ist ebenfalls nicht verf gbar weil er sowohl im HEAD als auch im BODY Code einf gt Unter Verhaltensweisen in einem Bibliothekselement bearbeiten auf Seite 256 wird genauer beschrieben wie Sie Verhaltensweisen in Bibliothekselementen bearbeiten So bearbeiten Sie ein Bibliothekselement 1 W hlen Sie Fenster gt Bibliothek oder klicken Sie im Launcher auf Bibliothek 2 W hlen Sie ein Bibliothekselement aus und klicken Sie auf ffnen oder dop
229. hin k nnen Sie verschiedene Ma einheiten miteinander kombinieren wie beispielsweise 2in 5mm Im HTML Quellcode werden alle Werte in Pixel umgesetzt Wenn Sie diese Werte ndern wird die Anzeige dieser Bildkopie entsprechend vergr ert oder verkleinert Ge nderte Werte werden fett dargestellt Sie k nnen die urspr nglichen Werte wiederherstellen indem Sie auf die Beschriftungen der Felder klicken Wenn Sie die Breite oder die H he ver ndern hat dies keine Auswirkungen auf die Download Zeit da der Browser alle Bilddaten herunterl dt und erst dann das Bild skaliert Wenn Sie die Download Zeit verk rzen und sicherstellen m chten da alle Kopien eines Bildes die gleiche Gr e haben skalieren Sie die Bilder mit einer Bildbearbeitungsanwendung Quelle Gibt die Quelldatei des Bildes an Geben Sie den Pfad ein oder klicken Sie auf das Ordnersymbol um die Quelldatei zu suchen und auszuw hlen Unter Relative und absolute Pfade auf Seite 113 wird genauer beschrieben wie Sie Pfadnamen eingeben Hyperlink Gibt einen Hyperlink f r das Bild an Geben Sie den URL ein ziehen Sie das Dateizeiger Symbol zu einer Datei im Site Fenster oder klicken Sie auf das Ordnersymbol um ein Dokument in Ihrer Site zu suchen und auszuw hlen Ausrichten Richtet Bild und Text auf der gleichen Linie aus Siehe Elemente ausrichten auf Seite 192 Alt Gibt alternativen Text an der anstelle des Bildes geladen wird wenn es sich um einen Nur TIext Brow
230. hlen das im Tag enthalten sein mu Sie k nnen einen bestimmten Wert f r das Attribut angeben oder beliebiger Wert w hlen Ohne Attribut Hiermit k nnen Sie aus einer Liste ein Attribut ausw hlen das nicht im Tag enthalten sein darf W hlen Sie diese Option wenn Sie beispielsweise alle IMG Tags suchen m chten die nicht das ALT Attribut haben Mit Hiermit geben Sie an da das Tag ein bestimmtes Element enthalten mu Dabei kann es sich um Text Text und Code oder um ein anderes Tag handeln Beim Code lt B gt lt FONT FACE Arial gt berschrift 1 lt FONT gt lt B gt befindet sich beispielsweise das FONT Tag innerhalb des B Iags Ohne Hiermit geben Sie an da das Tag ein bestimmtes Element nicht enthalten darf Dabei kann es sich wiederum um Text Text und Code oder um ein anderes Tag handeln Innerhalb des Tags Hiermit legen Sie fest da sich das gesuchte Tag innerhalb eines bestimmten anderen Tags befinden mu Au erhalb des Tags Hiermit legen Sie fest da das gesuchte Tag sich nicht innerhalb eines bestimmten anderen Tags befinden darf Klicken Sie auf das Pluszeichen und wiederholen Sie Schritt 3 um die Suche noch weiter einzuschr nken W hlen Sie Weitersuchen um die n chste Stelle im aktuellen Dokument zu markieren an der der gesuchte Text gefunden wird Wenn Sie Alle suchen w hlen wird eine Liste erstellt die alle Entsprechungen des gesuchten Textes im aktuellen Dokument enth lt Wenn Sie ein
231. hlstaste W Befehlstaste S Umschalttaste Befehlstaste S Befehlstaste Q 325 326 Appendix A Men Bearbeiten Befehl Windows Macintosh R ckg ngig Strg Z Befehlstaste Z Wiederherstellen Strg Y Befehlstaste Y Umschalttaste Befehlstaste Z Ausschneiden Strg X Befehlstaste X Kopieren Strg C Befehlstaste C Einf gen Strg V Befehlstaste V L schen Entf Entf Alles ausw hlen Strg A Befehlstaste A Externen Editor starten Strg E Befehlstaste E Seiteneigen Strg J Befehlstaste J schaften Voreinstellungen Strg U Befehlstaste U Befehlstaste K Text bearbeiten Aktion Windows Macintosh Neuen Absatz erstellen Zeilenumbruch einf gen Gesch tztes Leerzeichen einf gen Text oder Objekt an eine andere Stelle auf der Seite verschieben Text oder Objekt an eine andere Stelle auf der Seite kopieren Nur Text kopieren HTML Tags werden nicht kopiert Als Text einf gen Eingabetaste Umschalttaste Eingabetaste Strg Umschalttaste Leertaste Ziehen Sie das ausgew hlte Element an die neue Position Halten Sie die Strg Taste gedr ckt und ziehen Sie das ausgew hlte Element an die neue Position Strg Umschalttaste C Strg Umschalttaste V Eingabetaste Umschalttaste Eingabetaste Wahltaste Leertaste Ziehen Sie das ausgew hlte Element an die neue Position Halten Sie die Wahltaste gedr ckt und ziehen Sie das ausgew hlte Element an die neue Position Umschalttaste Befeh
232. i Zeilen oder Spalten l schen die Daten enthalten Zellen verbinden und teilen Mit dem Eigenschaften Inspector oder den Befehlen im Men ndern gt Tabelle k nnen Sie Zellen verbinden oder teilen Sie k nnen eine beliebige Anzahl aneinandergrenzender Zellen miteinander verbinden vorausgesetzt die Auswahl hat eine rechteckige Form Dadurch entsteht eine einzige Zelle die sich ber mehrere Spalten oder Zeilen erstreckt Weiterhin k nnen Sie eine Zelle in eine beliebige Anzahl von Zeilen und Spalten teilen unabh ngig davon ob diese Zelle zuvor verbunden wurde oder nicht Dabei wird die Tabelle automatisch umstrukturiert d h die erforderlichen COLSPANs oder ROWSPANs werden hinzugef gt um die angegebene Tabellenanordnung zu erreichen In der folgenden Abbildung wurden die Zellen in der Mitte der ersten beiden Zeilen verbunden so da sich die daraus entstehende Zelle ber zwei Zeilen erstreckt So verbinden Sie zwei oder mehr Zellen in einer Tabelle 1 W hlen Sie die Zellen aus die Sie miteinander verbinden m chten Die ausgew hlten Zellen m ssen aneinandergrenzen und ein Rechteck bilden 09 26 98 Honey Festival Featuring the Sonoma Strings California Sonoma 3pm 9pm 10 01 98 Pear Canning Demonstration Bend Oregon 11am 1pm E ss Benefit for Southwest Chamber Ensemble Scottsdale Arizona 7pm pm 10 30 98 nn E 10pm Candlelight Walk throught the Orchards Monterey California Die Aus
233. icken Sie auf OK Hyperlinks erstellen Hyperlinks sind Verbindungen zu Dokumenten in Ihrer Site oder in anderen Web Sites Sie k nnen Hyperlinks vom Dokumentfenster aus mit dem Eigenschaften Inspector oder mit dem Men ndern erstellen Sie haben in Dreamweaver mehrere M glichkeiten Hyperlinks zu erstellen gt Zeigen Sie mit dem Dateizeiger Symbol auf die Datei zu der Sie einen Hyperlink erstellen m chten Siehe Hyperlinks mit dem Dateizeiger Symbol erstellen auf Seite 106 Mit dem Eigenschaften Inspector k nnen Sie auf die herk mmliche Weise Hyperlinks erstellen indem Sie einen Pfad eingeben oder die gew nschte Datei suchen Siehe Hyperlinks zu Dokumenten erstellen auf Seite 109 Mit benannten Ankern k nnen Sie zu bestimmten Positionen innerhalb eines Dokuments springen Siehe Hyperlinks zu benannten Ankern erstellen auf Seite 110 Mit E Mail Nowhere und Skript Hyperlinks k nnen Sie Mail Programme ffnen auf JavaScript Ereignisse zugreifen oder JavaScript Code ausf hren Siehe E Mail Nowhere und Skript Hyperlinks erstellen auf Seite 111 Sie k nnen auch in der Site Map Hyperlinks erstellen Siehe Hyperlinks in der Site Map Ansicht erstellen und modifizieren auf Seite 123 Verwenden Sie das Dokumentfenster oder einen Browser um alle Hyperlinks zu testen Siehe Hyperlinks testen auf Seite 113 Bevor Sie Hyperlinks erstellen sollten Sie den Unterschied zwischen relativen und absoluten Pfaden ve
234. icken Sie im Tag Selektor in der unteren linken Ecke des Dokumentfensters auf das lt body gt Tag W hlen Sie im Popup Men Aktionen des Verhaltensweisen Inspectors die Option Ebenen ein ausblenden W hlen Sie die Ebene Ladevorgang aus der Liste Benannte Ebenen Klicken Sie auf Ausblenden 10 Klicken Sie auf OK Bild austauschen Die Aktion Bild austauschen ersetzt ein Bild durch ein anderes indem das SRC Attribut des IMG Tags ge ndert wird Verwenden Sie diese Aktion um Schaltfl chen Rollovers und sonstige Bildeffekte zu erstellen Sie k nnen damit auch mehrere Bilder gleichzeitig austauschen Hinweis Da sich diese Aktion nur auf das SRC Attribut auswirkt sollten Sie als Austauschbild ein Bild mit den gleichen Ma en Breite und H he wie das Originalbild angeben um Verzerrungen zu vermeiden So verwenden Sie die Aktion Bild austauschen 1 W hlen Sie Einf gen gt Bild oder klicken Sie in der Objektpalette auf die Schaltfl che Bild um ein Bild einzuf gen 2 Geben Sie in das Texteingabefeld ganz links im Eigenschaften Inspector einen Namen f r das Bild ein Die Aktion Bild austauschen funktioniert auch wenn Sie die Bilder nicht benennen sie benennt unbenannte Bilder automatisch sobald Sie die Verhaltensweise einem Objekt anf gen Sie k nnen die Bilder im Dialogfeld Bild austauschen jedoch einfacher identifizieren wenn Sie zuvor alle Bilder benannt haben 3 Wiederholen Sie die Schritte 1 und 2 um wei
235. ie ob Ansicht gt Unsichtbare Elemente aktiviert ist W hlen Sie das Formular aus und legen Sie die Formulareigenschaften im Eigenschaften Inspector fest Folgende Optionen stehen zur Auswahl Formularname Weist dem Formular einen Namen zu Wenn Sie ein Formular benennen k nnen Sie es mit einer Skripterstellungssprache wie z B JavaScript oder VBScript steuern Aktion Identifiziert die als URL angegebene Server Anwendung die die Formularinformationen verarbeitet Geben Sie den Pfad der Anwendung ein oder klicken Sie auf das Ordnersymbol um die Datei zu suchen Methode Definiert wie die Formulardaten gehandhabt werden W hlen Sie im Eigenschaften Inspector eine der folgenden Methoden um zu definieren wie die Formulardaten gehandhabt werden Abrufen F gt dem URL Formularwerte hinzu und sendet eine GET Anfrage an den Server Da URLs maximal 8192 Zeichen lang sein d rfen k nnen Sie diese Methode bei langen Formularen nicht verwenden Ver ffentlichen Sendet die Formularwerte in einer Nachricht und sendet eine POST Anfrage an den Server Standard Verwendet die Standardmethode des Browsers in der Regel GET Einem Formular Objekte hinzuf gen Nachdem Sie einem Formular ein Objekt hinzugef gt haben k nnen Sie die Eigenschaften des Objekts im Eigenschaften Inspector festlegen So f gen Sie einem Formular ein Objekt hinzu 1 F hren Sie einen der folgenden Schritte aus gt Plazieren Sie den Cursor innerhalb d
236. ie Option berlappungen verhindern aktiviert ist kann die Gr e einer Ebene nur so ver ndert werden da die Ebene dabei keine anderen Ebenen berlappt Siehe Ebenen berlappungen verhindern auf Seite 232 So ndern Sie die Gr e einer Ebene mit einer der folgenden Methoden gt gt W hlen Sie die Ebene aus und ziehen Sie einen der Gr en nderungsgriffe Um die Ebene in 1 Pixel Schritten zu verkleinern oder zu vergr ern w hlen Sie die Ebene aus halten Sie die Strg Taste Windows bzw die Wahltaste Macintosh gedr ckt und dr cken Sie dann eine der Pfeiltasten Um die Ebene in Gitternetz Inkrementen zu verkleinern oder zu vergr ern halten Sie die Umschalt und die Strg Taste Windows bzw die Umschalt und die Wahltaste Macintosh gedr ckt und dr cken Sie dann eine der Pfeiltasten Wenn Sie eine Ebene vergr ern oder verkleinern wird ihre H he sowie ihre Breite ver ndert Dies hat jedoch keinen Einflu darauf wieviel Inhalt der Ebene sichtbar ist Unter Ebeneneigenschaften einstellen auf Seite 219 wird beschrieben wie Sie den sichtbaren Bereich innerhalb einer Ebene definieren Ebenen verwenden 225 226 Kapitel 12 So ndern Sie die Gr e von mehreren Ebenen 1 W hlen Sie im Dokumentfenster zwei oder mehr Ebenen aus F hren Sie einen der folgenden Schritte aus gt W hlen Sie ndern gt Ebenen gt Auf gleiche Breite einstellen oder Auf gleiche H he einstellen Die zuers
237. ie auf OK um das Dialogfeld zu schlie en tablehead Jetzt verwenden Sie die Stilpalette um den Stil tabellen berschrift auf die Tabellen berschriften der Seite Events anzuwenden 50 Kapitel2 So wenden Sie einen benutzerdefinierten Stil an 1 W hlen Sie im Dokumentfenster alle drei berschriftenzellen der Tabelle aus Dr cken Sie dazu die Strg Iaste Windows bzw die Befehlstaste Macintosh und klicken Sie einmal in jede Zelle 2 Klicken Sie in der Stilpalette auf zabellen berschrift Stylesheet Die Zellen werden im Dokument nun mit dem neuen Stil dargestellt 3 Schlie en Sie die Stilpalette 4 W hlen Sie Datei gt Speichern um die nderungen zu speichern die Sie an der Seite Events vorgenommen haben 5 W hlen Sie Datei gt Schlie en um die Seite zu schlie en Vorlagen anwenden Mit Vorlagen k nnen Sie Dokumente f r Ihre Site erstellen die auf einer gemeinsamen Struktur basieren und ein hnliches Erscheinungsbild haben Vorlagen bieten sich an wenn Sie sicherstellen m chten da alle Seiten in einer Site bestimmte gemeinsame Merkmale haben Nachdem Sie eine Vorlage auf mehrere Seiten angewandt haben k nnen Sie diese Seiten schnell und einfach ndern indem Sie die Vorlage bearbeiten und dann neu auf die Seiten anwenden Dabei bleiben seitenspezifische Elemente wie beispielsweise die Beschreibung des zu verkaufenden Produkts unver ndert die gemeinsamen Vorlagenelemente wie Navig
238. ie die Optionen f r das Umschreiben deaktivieren wird im Dokumentfenster ung ltiges Markup f r den HTML Code angezeigt den Dreamweaver sonst umgeschrieben h tte Falsch verschachtelte und nicht geschlossene Tags reparieren Schreibt ung ltig verschachtelte oder sich berlappende Tags um Der Code lt B gt lt I gt Text lt B gt lt I gt wird beispielsweise folgenderma en umgeschrieben lt B gt lt 1 gt Text lt I gt lt B gt Diese Option f gt auch fehlende abschlie ende Anf hrungszeichen und Schlu klammern ein berz hlige Schlu Tags entfernen L scht Schlu Tags die keine entsprechenden Anfangs Tags haben Beim Reparieren oder Entfernen von Tags Warnmeldung anzeigen Zeigt eine Zusammenfassung des ung ltigen HTML Codes an f r den Dreamweaver einen Korrekturversuch unternommen hat Dabei wird die Position des fehlerhaften Codes Zeilen und Spaltennummer angegeben so da Sie die Korrektur berpr fen k nnen HTML Format Voreinstellungen w hlen Mit den folgenden Voreinstellungen f r das HTML Format k nnen Sie beim Erstellen von Dokumenten die HTML Formatierung steuern wie beispielsweise Einzugsgr e Zeilenl nge und die Schreibweise f r Element und Attributnamen Unter Das Profil zum Formatieren von HTML Quellcode bearbeiten auf Seite 318 finden Sie Informationen ber weitere HTML Formatierungssteuerungen Mit dem Befehl Quellformatierung anwenden k nnen Sie die HTML Formatierungseinstellungen a
239. ie ein Skriptsymbol ausgew hlt haben werden im Eigenschaften Inspector die folgenden Eigenschaften angezeigt Sprache Gibt entweder JavaScript oder VBScript als Skriptsprache an Quelle Gibt eine extern verkn pfte Skriptdatei an Geben Sie den Pfad ein oder klicken Sie auf das Ordnersymbol und w hlen Sie die Datei Bearbeiten ffnet das Skriptfenster so da Sie nderungen an Ihrem Skript vornehmen k nnen Kommentare einf gen Ein Kommentar ist Text den Sie als Beschreibung oder Zusatzinformationen in den HTML Code einf gen Dadurch wird das Erscheinungsbild des Dokuments im Browser nicht beeinflu t Siehe auch Unsichtbare Elemente Voreinstellungen w hlen auf Seite 83 So f gen Sie einen Kommentar ein 1 Plazieren Sie den Cursor an der Stelle an der Sie den Kommentar einf gen m chten 2 Klicken Sie in der Objektpalette auf die Schaltfl che Kommentar oder w hlen Sie Einf gen gt Kommentar Wenn Sie Kommentarsymbole im Dokumentfenster anzeigen m chten w hlen Sie Ansicht gt Unsichtbare Elemente So geben Sie den Text des Kommentars ein 1 W hlen Sie das Symbol des Kommentars aus 2 Geben Sie den Text in den Eigenschaften Inspector ein Wenn Sie einen Kommentar angeben wird der folgende HTML Code erstellt lt Kommentartext gt Roundtrip HTML 167 168 Kapitel 8 KAPITEL 9 Text formatieren Text formatieren berblick Die Formatierungsfunktionen in Dreamweaver sind denen ei
240. ie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Shockwave oder Flash steuern Verwenden Sie die Aktion Shockwave steuern oder Flash steuern um Filme wiederzugeben zu stoppen zur ckzuspulen oder um in einem Shockwave oder Flash Player Film zu einem bestimmten Bild zu gelangen So verwenden Sie die Aktion Shockwave oder Flash steuern 1 W hlen Sie Einf gen gt Shockwave oder Einf gen gt Flash Film um einen Shockwave bzw Flash Player Film einzuf gen 2 W hlen Sie Fenster gt Eigenschaften und geben Sie in das Textfeld ganz links einen Namen f r den Film ein Sie m ssen den Film benennen um die Aktion Shockwave steuern oder Flash steuern anf gen zu k nnen 3 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus 4 W hlen Sie im Popup Men Aktionen die Option Shockwave oder Flash steuern 5 W hlen Sie im Popup Men Shockwave Objekt einen Film aus Dreamweaver f hrt automatisch alle Dateien mit den Erweiterungen der dir swf oder spl auf die im OBJECT oder EMBED Tag des aktuellen Dokuments enthalten sind 6 W hlen Sie eine Option um den Film wiederzugeben zu stoppen zur ckzuspulen oder um zu einem Bild zu gehen Mit Wiedergeben wird der Film ab dem aktuellen Bild wiedergegeben Klicken Sie auf OK 8 Pr fen Sie ob das Standardereignis das gew ns
241. ie im Dialogfeld Hyperlink Pr fer einen neuen Pfad und Dateinamen eingegeben haben oder die nderungen im Eigenschaften Inspector gespeichert haben der Hyperlink jedoch trotzdem noch in der Liste angezeigt wird kann Dreamweaver die neue Datei nicht finden Der Hyperlink gilt daher nach wie vor als fehlerhaft Vorschau in Browsern anzeigen Sie k nnen jederzeit eine Vorschau Ihrer Dokumente in den Ziel Browsern anzeigen indem Sie Datei gt Vorschau in Browser w hlen Sie k nnen auch F12 dr cken um eine Vorschau des aktuellen Dokuments im Prim r Browser anzuzeigen oder Strg F12 Windows bzw Befehlstaste F12 Macintosh um eine Vorschau des aktuellen Dokuments im Sekund r Browser anzuzeigen Sie m ssen das Dokument dazu nicht speichern Bei der Vorschau funktionieren alle Browser Funktionen einschlie lich JavaScript Verhaltensweisen dokumentrelative und absolute Hyperlinks ActiveX Steuerelemente Netscape Plug Ins etc vorausgesetzt Sie haben die erforderlichen Plug Ins oder ActiveX Steuerelemente installiert W hlen Sie Datei gt Vorschau in Browser gt Browser Liste bearbeiten um Ihren Prim r Browser zu ndern oder einen Sekund r Browser zu definieren Sie k nnen f r die Vorschau bis zu 20 Browser definieren die alle im Men Vorschau in Browser angezeigt werden Wenn Sie eine Vorschau Ihres Dokuments in einem lokalen Browser anzeigen wird Inhalt der mit einem stammrelativen Pfad verkn pft ist nicht angeze
242. ie neuen Zeilen oder Spalten vor oder nach den ausgew hlten Zeilen oder Spalten eingef gt werden sollen Klicken Sie dann auf OK Tabellen erstellen 209 210 Kapitel 11 So l schen Sie Zeilen oder Spalten 1 Klicken Sie in eine Zelle innerhalb der Zeile oder Spalte die Sie l schen m chten F hren Sie einen der folgenden Schritte aus Um eine Zeile zu l schen w hlen Sie ndern gt Tabelle gt Zeile l schen oder w hlen Sie im Kontextmen den Befehl Tabelle gt Zeile l schen gt Um eine Spalte zu l schen w hlen Sie ndern gt Tabelle gt Spalte l schen oder w hlen Sie im Kontextmen den Befehl Tabelle gt Spalte l schen So k nnen Sie am unteren oder am rechten Rand der Tabelle Zeilen oder Spalten hinzuf gen bzw l schen 1 W hlen Sie die ganze Tabelle aus Klicken Sie dazu auf die obere linke Ecke der Tabelle oder klicken Sie einmal in die Tabelle und w hlen Sie ndern gt Tabelle gt Tabelle ausw hlen 2 F hren Sie im Eigenschaften Inspector die folgenden Schritte aus Geben Sie f r Zeilen oder Spalten einen h heren Wert ein um Zeilen oder Spalten hinzuzuf gen gt Geben Sie f r Zeilen oder Spalten einen niedrigeren Wert ein um Zeilen oder Spalten zu l schen Zeilen werden unten an die Tabelle angef gt bzw unten von der Tabelle entfernt Spalten werden an der rechten Seite der Tabelle hinzugef gt bzw entfernt Beachten Sie da keine Warnmeldung angezeigt wird wenn Sie dabe
243. ie sie zun chst neu auf die referenzierten Dokumente anwenden bevor Sie die ganze Site aktualisieren Siehe Die Vorlagenpalette auf Seite 97 Stellen Sie sicher da unter Aktualisieren das Kontrollk stchen Vorlagen aktiviert ist Klicken Sie auf Starten XML Inhalt importieren und exportieren Mit den Funktionen zum XML Import und Export k nnen Sie in Dokumenten die auf Vorlagen basieren die editierbaren Bereiche von den gesperrten Bereichen trennen Weiterhin verbinden Sie mit diesen Funktionen die editierbaren Bereiche eines Dokuments das auf einer Vorlage basiert Auf diese Weise k nnen Sie editierbaren Inhalt exportieren ndern oder in anderen Anwendungen entwickeln So exportieren Sie die editierbaren Bereiche eines Dokuments als XML 1 W hlen Sie Datei gt ffnen und ffnen Sie ein Dokument das auf einer Vorlage basiert und editierbare Bereiche hat 2 W hlen Sie Datei gt Exportieren gt Editierbare Bereiche als XML exportieren 3 Daraufhin wird das Dialogfeld Editierbare Bereiche als XML exportieren angezeigt W hlen Sie hier eine Tag Notation und klicken Sie auf OK Weitere Informationen zu Tag Notationen finden Sie unter XML Tag Notationen auf Seite 102 4 Geben Sie im angezeigten Dialogfeld einen Namen f r die XML Datei ein und klicken Sie auf Speichern Wenn ein Dokument exportiert wird enth lt die erstellte XML Datei den Namen der verwendeten Vorlage sowie die Namen aller editierbaren Be
244. ierbare Bereiche nicht bereinstimmen oder wenn ein editierbarer Bereich in der alten Vorlage keine Entsprechung in der neuen Vorlage hat werden Sie in einem Dialogfeld aufgefordert die berz hligen Bereiche zu l schen oder in die neue Vorlage zu bertragen Enth lt die neue Vorlage mehr editierbare Bereiche als die alte werden sie im Dokument als Platzhalter angezeigt Editierbare Bereiche eines Dokuments suchen Alle editierbaren Bereiche im Hauptteil der Vorlage werden unten im Men ndern gt Vorlagen aufgelistet Mit dieser Liste k nnen Sie die Bereiche ausw hlen und bearbeiten So k nnen Sie einen editierbaren Bereich im Dokument suchen und ausw hlen gt W hlen Sie ndern gt Vorlagen und w hlen Sie dann den Namen des Bereichs aus der Liste aus Der Bereich wird im Dokument ausgew hlt und Sie k nnen seinen Inhalt berschreiben Dokumente von einer Vorlage l sen Wenn Ihre Seite auf einer Vorlage basiert und Sie die gesperrten und die editierbaren Bereiche der Seite ndern m chten m ssen Sie sie zun chst von der Vorlage l sen Nachdem die Seite von der Vorlage gel st wurde kann sie genauso bearbeitet werden als ob keine Vorlage angewandt wurde Die Seite wird jedoch nicht mehr aktualisiert wenn Sie anschlie end die Vorlage bearbeiten So l sen Sie ein Dokument von einer Vorlage gt W hlen Sie ndern gt Vorlagen gt L sen von Vorlagenname dwt Die Seite wird von der Vorlage gel st und
245. igt Der Grund hierf r ist da Browser im Gegensatz zu Servern Site St mme nicht erkennen k nnen Wenn Sie eine Vorschau des Inhalts anzeigen m chten der mit stammrelativen Pfaden verkn pft ist bertragen Sie die Datei an einen entfernten Server und zeigen Sie die Vorschau von dort an Siehe auch Relative und absolute Pfade auf Seite 113 Vorschau in Browser Voreinstellungen w hlen In den Voreinstellungen f r die Vorschau in Browsern werden der aktuell definierte Prim r Browser sowie die definierten Sekund r Browser angezeigt Wenn Sie die Voreinstellungen ffnen m chten w hlen Sie Bearbeiten gt Voreinstellungen und anschlie end Vorschau in Browser oder w hlen Sie Datei gt Vorschau in Browser gt Browser Liste bearbeiten Siehe Vorschau in Browsern anzeigen auf Seite 152 Hinzuf gen Definiert einen neuen Browser Bearbeiten ndert Einstellungen des ausgew hlten Browsers Entfernen L scht den ausgew hlten Browser aus der Liste Prim r Browser und Sekund r Browser Gibt an ob es sich beim ausgew hlten Browser um den prim ren oder den sekund ren Browser handelt Mit F12 ffnen Sie den Prim r Browser mit Strg F12 Windows bzw Befehlstaste F12 Macintosh ffnen Sie den Sekund r Browser Online Vorschau nur Windows Mit dieser Option k nnen Sie eine Vorschau der aktuellen Seite auf einem lokalen Server anzeigen und zwar als URL der mit http localhost beginnt Ist diese Option deaktiviert wir
246. ile auf eine Textstelle anwenden kann ein Konflikt zwischen diesen Stilen entstehen der zu unerwarteten Ergebnissen f hrt Beim Anwenden von Stilattributen in Browsern gelten die folgenden Regeln gt Wenn Sie zwei Stile auf den gleichen Text anwenden werden alle Attribute beider Stile im Browser angezeigt es sei denn bestimmte Attribute stehen miteinander in Konflikt Dies ist beispielsweise der Fall wenn ein Stil die Textfarbe Rot vorgibt der andere jedoch Blau gt Wenn die Attribute von zwei Stilen die auf den gleichen Text angewandt werden miteinander in Konflikt stehen wird im Browser das Attribut des innersten Stils angezeigt dies ist der Stil der dem Text selbst am n chsten ist gt Wenn ein direkter Konflikt vorliegt haben die Attribute von benutzerdefinierten Stilen Stile die mit dem CLASS Attribut angewandt werden Vorrang vor den Attributen von HTML Tag Stilen Angenommen der f r H1 definierte Stil im folgenden Beispiel gibt Schriftart Gr e und Farbe f r alle H1 Abs tze an Der benutzerdefinierte Stil Blau der auf diesen Absatz angewandt wird hat jedoch Vorrang vor der Farbeinstellung des H1 Stils Der zweite benutzerdefinierte Stil Rot hat wiederum Vorrang vor Blau da er sich innerhalb des Stils Blau befindet lt H1 gt lt SPAN CLASS Blau gt Dieser Absatz wird vom benutzerdefinierten Stil Blau sowie vom HTML Tag Stil H1 gesteuert lt SPAN CLASS Rot gt Dieser Satz wird jedoch vom Stil R
247. im Dokumentfenster nicht sichtbar sie sind jedoch sichtbar wenn die Seite in einem Browser angezeigt wird So plazieren Sie ein Tracing Bild im Dokumentfenster 1 W hlen Sie Ansicht gt Tracing Bild gt Laden 2 W hlen Sie im angezeigten Dialogfeld ein Bild aus und klicken Sie auf OK 3 Daraufhin wird das Dialogfeld Seiteneigenschaften angezeigt Geben Sie die Transparenz des Bildes an indem Sie den Schieberegler f r die Bildtransparenz ziehen Sie k nnen auch jederzeit im Dialogfeld Seiteneigenschaften ein Tracing Bild w hlen oder die Transparenz des aktuellen Tracing Bildes ndern W hlen Sie dazu ndern gt Seiteneigenschaften Dokumente erstellen 79 80 Kapitel 4 So blenden Sie das Tracing Bild ein oder aus gt W hlen Sie Ansicht gt Tracing Bild gt Zeigen Wenn das Tracing Bild angezeigt wird sind Hintergrundbild und farbe nicht sichtbar So ndern Sie die Position des Tracing Bildes mit einer der folgenden Methoden gt Um die Position des Tracing Bildes zu definieren w hlen Sie Ansicht gt Tracing Bild gt Position einstellen und geben Sie dann Werte f r die X und Y Koordinaten ein gt Um das Bild in 1 Pixel Schritten zu verschieben verwenden Sie die Pfeiltasten gt Um das Bild in 5 Pixel Schritten zu verschieben dr cken Sie die Umschalttaste und die Pfeiltasten gt Um das Tracing Bild zur ck in die linke obere Ecke des Dokumentfensters 0 0 zu verschieben w hlen Sie A
248. in etwa wie folgt aussieht lt include virtual uber html footer html gt Wenn Sie den mit der eingeschlossenen Datei verkn pften Inhalt bearbeiten m chten m ssen Sie die Datei ffnen So bearbeiten Sie ein SSI 1 W hlen Sie das SSI entweder im Dokumentfenster oder im HTML Inspector aus und klicken Sie dann im Eigenschaften Inspector auf Bearbeiten Die eingeschlossene Datei wird in einem neuen Dokumentfenster ge ffnet 2 Bearbeiten Sie die Datei wie gew nscht und speichern Sie sie Die nderungen werden sofort im aktuellen Dokument wiedergegeben sowie in allen Dokumenten die Sie anschlie end ffnen und die diese Datei enthalten Seitenelemente wiederverwenden 259 260 Kapitel 15 KAPITEL 16 Interaktivit t und Animation hinzuf gen Interaktivit t und Animation hinzuf gen berblick Mit Hilfe interaktiver und animierter Elemente k nnen Sie den Besuchern Ihrer Web Seiten R ckmeldungen geben die beim Navigieren und Anklicken aktiver Bildschirmbereiche angezeigt werden ihr Interesse erwecken Konzepte verdeutlichen sowie Formulardaten berpr fen ohne hierzu eine Server Verbindung herzustellen kurz gesagt zus tzliche Informationen und Aktionsm glichkeiten f r Ihre Anwender bereitstellen die diese nutzen k nnen ohne die jeweils aktive Seite verlassen zu m ssen Sie haben verschiedene M glichkeiten um Ihren Seiten mit Dreamweaver Interaktivit t und Animationen hinzuzuf gen gt
249. indem Sie sie ausw hlen und anschlie end Text gt Ausrichten gt Zentrieren w hlen V Abstand und H Abstand Definieren den Abstand der unterhalb und oberhalb bzw rechts und links neben der Tabelle eingehalten werden soll Dieser Wert wird in Pixeln angegeben Zeilenh hen l schen und Spaltenbreiten l schen Diese Schaltfl chen entfernen alle Werte f r die Zeilenh hen bzw die Spaltenbreiten aus der Tabelle Tabellenbreite in Pixel konvertieren Bewirkt da die Tabellenbreite nicht mehr als Prozentsatz des Browser Fensters bemessen wird sondern da die aktuelle Breite in Pixeln angegeben wird Klicken Sie auf die Schaltfl che Tabellenbreite in Prozent konvertieren um die aktuelle Pixel Breite in einen Prozentsatz des Browser Fensters zu konvertieren Tabellen erstellen 203 204 Kapitel 11 5 Legen Sie die folgenden Optionen f r das Zell Layout fest Zellraum Definiert den Abstand zwischen den einzelnen Zellen einer Tabelle Zellauff llung Definiert den Abstand zwischen Inhalt und Rand der Zelle Wenn Sie f r den Zellraum und die Zellauff llung keine Werte angeben gelten in Netscape Navigator Microsoft Internet Explorer und Dreamweaver automatisch die Werte 2 f r den Zellabstand und 1 f r die Zellauff llung 6 Legen Sie diese Optionen f r die Rahmenformatierung fest Rahmen Stellt die Breite des Rahmens ein der die Tabelle umgibt und zwar in Pixeln In den meisten Browsern wird der Rahmen als dreidimensional
250. instellen auf Seite 190 Ein Rollover erstellen Ein Rollover ist ein Bild das sich ndert wenn Sie den Cursor dar ber bewegen Genau genommen besteht ein Rollover aus zwei Bildern dem prim ren Bild dieses Bild wird angezeigt wenn die Seite geladen wird und dem Rollover Bild dieses Bild erscheint wenn der Cursor ber das prim re Bild bewegt wird Unter Bild austauschen auf Seite 287 wird genauer beschrieben wie Sie festlegen da ein Bild ge ndert wird wenn ein anderes Ereignis auftritt beispielsweise ein Mausklick Weiterhin erfahren Sie wie ein anderes Bild nicht das ber das der Cursor bewegt wird ge ndert werden kann So erstellen Sie ein Rollover 1 Plazieren Sie den Cursor an der Stelle im Dokumentfenster an der das Rollover erscheinen soll N F hren Sie einen der folgenden Schritte aus W hlen Sie Fenster gt Objekte um die Objektpalette zu ffnen und klicken Sie auf die Schaltfl che Rollover W hlen Sie Einf gen gt Rollover Bild v v Geben Sie im angezeigten Dialogfeld die folgenden Informationen ein Geben Sie Pfad und Dateinamen des prim ren Bildes in das Feld Originalbild ein oder suchen Sie das gew nschte Bild und w hlen Sie es aus gt Geben Sie Pfad und Dateinamen des Rollover Bildes in das Feld Rollover Bild ein oder suchen Sie das gew nschte Bild und w hlen Sie es aus v gt Wenn Sie einen Hyperlink erstellen m chten ersetzen Sie das Zeichen
251. isten Inspector keine violetten Animationsleisten angezeigt werden enth lt Ihr Dokument keine Zeitleiste Siehe Zeitleisten Animationen erstellen auf Seite 294 2 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus Klicken Sie im Verhaltenskanal der Zeitleiste auf das Bild dem Sie das Verhalten anf gen m chten W hlen Sie im Popup Men Aktionen die Option Gehe zu Zeitleisten Bild W hlen Sie die gew nschte Zeitleiste aus dem Popup Men Zeitleiste Geben Sie in das Feld Gehe zu Bild eine Bildnummer ein oO 1 gt OUO Wenn Sie diese Aktion im Verhaltenskanal einer Zeitleiste hinzuf gen und der Abschnitt der Zeitleiste zwischen dem im Feld Gehe zu Bild angegebenen Bild und dem aktuellen Bild eine Schleife bilden soll geben Sie in das Feld Schleife ein wie oft das Segment die Schleife durchlaufen soll Dieses Feld mu leer bleiben wenn Sie die Aktion Gehe zu Zeitleisten Bild nicht an ein Bild in der Zeitleiste anf gen 7 Klicken Sie auf OK 8 Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Interaktivit t und Animation hinzuf gen 291 292 Kapitel 16 Animationen mit dynamischem HTML erstellen Dynamic HTML DHTML bezieht sich auf die F higkeit Stil ode
252. ite 145 Die Such und Ersetzungsfunktion kann f r die ganze Site und mehrere Dateien gleichzeitig eingesetzt werden so da globale Site nderungen problemlos m glich sind Mit der HTML sensitiven Such und Ersetzungsfunktion k nnen Sie HTML Tags und Attribute suchen Weiterhin k nnen Sie regul re Ausdr cke verwenden um u erst effiziente Suchvorg nge durchzuf hren Siehe Suchen und Ersetzen auf Seite 137 Tools f r Grafiker Mit Hilfe dieser Tools k nnen die Designer in den Entwicklungsproze mit einbezogen werden gt gt Erstellen Sie mit Hilfe von Ebenen komplexe pixelgenaue Seiten Designs und konvertieren Sie die Ebenen anschlie end in Tabellen um Seiten zu erstellen die in allen Browsern verwendet werden k nnen Siehe Ebenen zum Tabellen Design verwenden auf Seite 230 W hlen Sie eine Farbe von einer beliebigen Stelle des Desktops und stellen Sie sie mit der Farbpipette auf die hnlichste websichere Farbe ein Siehe Farben w hlen auf Seite 86 Mit Hilfe von Tracing Bildern k nnen Sie schnell und einfach Seiten von einem Design Modell erstellen Siehe Tracing Bilder verwenden auf Seite 79 Verbesserte Tabellenbearbeitung Mit diesen Funktionen k nnen Sie problemlos gut strukturierte Tabellen in HTML erstellen gt Sie k nnen mehrere Zellen Zeilen und Spalten ganz einfach ausschneiden kopieren und einf gen Siehe Zellen kopieren und einf gen auf Seite 212 Sie k nnen mehrer
253. kann welche Seite in der aktuellen Site die Homepage ist wird das Dialogfeld Site Definition mit der Tafel Site Map Layout ge ffnet und Sie werden aufgefordert die korrekte Seite auszuw hlen HTML Dateien und anderer Seiteninhalt werden in der Site Map durch Symbole dargestellt Hyperlinks werden in der Reihenfolge angezeigt in der sie im HTML Quellcode auftreten gt Roter Text stellt einen fehlerhaften Hyperlink dar gt Blauer Text mit einem Globus Symbol kennzeichnet eine Datei die sich in einer anderen Site befindet oder einen besonderen Hyperlink wie beispielsweise einen E Mail Hyperlink oder einen Skript Hyperlink gt Ein gr nes H kchen kennzeichnet eine Datei die Sie ausgecheckt haben gt Ein rotes H kchen kennzeichnet eine Datei die von einer anderen Person ausgecheckt wurde gt Ein Sperrsymbol in der Form eines Vorh ngeschlosses kennzeichnet eine schreibgesch tzte Datei Windows oder eine gesperrte Datei Macintosh Standardm ig zeigt die Site Map zwei Ebenen der Site Struktur an und geht dabei von der aktuellen Homepage aus Klicken Sie auf die Plus und Minuszeichen Windows oder den Erweiterungspfeil Macintosh neben den Seiten um die Seiten unterhalb der zweiten Ebene ein oder auszublenden Olivebranch Gourmet Foods about us events catalog javascript gm b B Olivebranch b B Olivebranch b B Olivebranch b Bv Olivebranch B cat_feature_
254. keinen Wert angeben versucht Dreamweaver den Wert anhand der bereits eingegebenen ActiveX Eigenschaften zu ermitteln Ausrichten Legt fest wie das Objekt auf der Seite ausgerichtet wird Die jeweiligen Optionen werden unter Elemente ausrichten auf Seite 192 beschrieben Alt Bild Legt ein Bild fest das angezeigt werden soll wenn der Browser das OBJECT Tag nicht unterst tzt V Abstand und H Abstand Legen die Anzahl an Pixeln f r den Leerraum oberhalb unterhalb und zu beiden Seiten des Objekts fest Daten Legt eine zu ladende Datendatei f r das ActiveX Steuerelement fest Viele ActiveX Steuerelemente wie z B Shockwave und RealPlayer verwenden diesen Parameter nicht ID Definiert den optionalen ActiveX ID Parameter Dieser Parameter wird am h ufigsten verwendet um Informationen zwischen ActiveX Steuerelementen weiterzugeben Rahmen Legt die Breite des Rahmens fest der das Objekt umgibt Parameter ffnet ein Dialogfeld in das Sie zus tzliche Parameter eingeben k nnen die an das ActiveX Objekt weitergegeben werden sollen Viele ActiveX Steuerelemente reagieren auf Sonderparameter Siehe Informationen zu Parametern auf Seite 313 Interaktivit t und Animation hinzuf gen 311 312 Kapitel 16 Eigenschaften von Java Applets Nachdem Sie ein Java Applet eingef gt haben k nnen Sie im Eigenschaften Inspector weitere Parameter festlegen Doppelklicken Sie auf ein Java Applet um seine Eigenschaften im Eigenschaften
255. keit ndern 284 Stapelreihenfolge ndern 229 Tastenkombinationen 329 berblick 215 berlappungen verhindern 232 vergr ern oder verkleinern 225 verschachteln 217 verschieben 226 Voreinstellungen 218 ziehbare 278 Ebenen ein ausblenden Aktion 284 Ebenen in Tabellen konvertieren Befehl 230 Ebeneneigenschaften 219 Ebenenpalette 223 Ebenen berlappungen verhindern Befehl 232 Editierbar machen Bibliothekseigenschaft 255 Editierbare Bereiche Farbe 91 suchen 99 Index 339 Eigenschaften ActiveX Steuerelemente 310 anzeigen 69 Bilder 190 Flash Filme 306 Frames 239 Framesets 240 Java Applet 312 mehrere Ebenen 221 Shockwave Filme 304 Tabelle 203 Werte ndern 269 Zeile und Zelle 204 Eigenschaften ndern Aktion 269 Eigenschaften Inspector 69 Ein Auschecken von Dateien aktivieren Option 128 Einchecken und Auschecken von Dateien 133 r ckg ngig 133 Einf gen Aftershock Objekte 307 Applets 303 Filme 303 Flash Filme 305 Multimedia Elemente 303 Shockwave Filme 303 SSIs 258 Einf gen Men ndern 316 Eingebettete Stile 83 Einzug Option 158 Einzug Text 174 Einzugsgr e Option 159 Elemente Ankerpunkte 83 anzeigen Tastenkombinationen 334 ausrichten 192 verschiebbare 275 Elemente Siehe auch Individuelle Seitenelemente Elemente wiederholen 251 E Mail Hyperlinks ndern 146 erstellen 111 EMBED Tag 308 Entfernen HTML Kommentare Dreamweaver Option 161 Entfernen HTML Kommentare nicht Dreamweaver Option 1
256. kierungsfarben im Dokumentfenster an gt W hlen Sie Ansicht gt Unsichtbare Elemente Markierungsfarben werden im Dokumentfenster nur angezeigt wenn Ansicht gt Unsichtbare Elemente aktiviert ist Vorlagen 93 Sowohl gesperrte als auch editierbare Bereiche k nnen ge ndert werden Gesperrte Bereiche 94 sind markiert Nur editierbare Bereiche k nnen ge ndert werden Kapitel 5 Editierbare und gesperrte Bereiche anzeigen Editierbare und gesperrte Bereiche werden im Dokumentfenster als markierte Textstellen und Objekte angezeigt Unter Vorlagen Voreinstellungen w hlen auf Seite 93 wird genauer beschrieben wie Sie die Voreinstellungen f r Markierungen w hlen In Vorlagen werden die editierbaren Bereiche markiert Sie k nnen jedoch sowohl die editierbaren als auch die gesperrten Bereiche in Vorlagen ndern Template example dwt Locked Region Contains material that doesn t change Use templates to create a standard design for a page and apply that design to several documents in your site Templates make it easy to quickly create several pages that share a theme Locked regions are highlighted in documents that use templates lt body gt lt div gt p gt lt font gt 603 Editierbare Bereiche sind markiert In Dokumenten die auf Vorlagen basieren sind die gesperrten Bereiche markiert Sie k nnen nur die editierbaren nicht
257. l 16 14 Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Da Ebenen von 3 0 Browsern nicht unterst tzt werden kommen nur die Optionen 4 0 Browser IE 4 0 und Netscape 4 0 in Frage Hinweis Es ist nicht m glich einem Objekt mit dem onMouseDown Ereignis die Aktion Ebene ziehen anzuf gen Informationen ber die ziehbare Ebene zusammenstellen Wenn Sie einem Objekt die Aktion Ebene ziehen zuweisen f gt Dreamweaver die MM_dragLayer Funktion in den HEAD Ihres Dokuments ein Diese Funktion registriert die Ebene als ziehbar und definiert weiterhin f r jede ziehbare Ebene drei Eigenschaften MM_LEFTRIGHT MM_UPDOWN und MM_SNAPPED Anhand dieser Eigenschaften k nnen Sie in Ihren eigenen JavaScript Funktionen die aktuelle horizontale und vertikale Position der Ebene ermitteln und weiterhin feststellen ob die Ebene das Ablageziel erreicht hat Die folgende Funktion zeigt beispielsweise den Wert der MM_UPDOWN Eigenschaft die aktuelle vertikale Position der Ebene im Formularfeld curPosField an Formularfelder eignen sich zum Anzeigen fortlaufend aktualisierter Informationen da sie sowohl in Netscape Navigator als auch in Microsoft Internet Explorer dynamisch sind das hei t Sie k nnen ihren Inhalt ndern nachdem die S
258. l 17 Browser Profile haben ein besonderes Format Wenn Sie Profile bearbeiten oder erstellen sollten Sie folgende Regeln beachten um bei Ziel Browser Pr fungen Parsing Fehler zu vermeiden gt Die erste Zeile ist f r den Namen des Profils reserviert Auf diese Zeile mu ein einzelner Zeilenumbruch folgen Der Name in dieser Zeile wird im Dialogfeld Ziel Browser berpr fen sowie im Pr fbericht angezeigt und mu eindeutig sein gt Die zweite Zeile ist f r den Designator PROFILE_TYPE BROWSER_PROFILE reserviert Dreamweaver bestimmt anhand dieser Zeile bei welchen Dokumenten es sich um Browser Profile handelt Sie darf nicht ver ndert oder verschoben werden gt Zwei Bindestriche am Anfang einer Zeile weisen auf einen Kommentar hin diese Zeile wird bei der Zielpr fung ignoriert gt Ein Tag Eintrag hat folgende Syntax lt ELEMENT htm Tag NAME tagName gt lt ATTLIST htmITag nichtunterst tztesAttribut1 Error Imsg Das nichtunterst tzteAttribut1 von htm Tag wird nicht unterst tzt Verwenden Sie statt dessen diesesAttribut um ein hnliches Ergebnis zu erzielen unterst tztesAttribut1 unterst tztesAttribut2 g ltigerWert1 g ltigerWert2 g ltigerWert3 nichtunterst tztesAttribut2 Error htmIlmsg lt b gt Verwenden Sie auf keinen Fall dieses nichtunterst tzteAttribut2 vom htmITag lt b gt gt Interpretation htmITag ist das Tag das in einem HTML Dokument angezeigt wird tagName ist
259. ldatei sein die gew nschten nderungen vornehmen und das GIF Bild anschlie end neu erstellen Auch bei dieser Methode wird das Bild im Dokumentfenster aktualisiert wenn Sie zu Dreamweaver zur ckkehren So starten Sie den externen Bild Editor mit einer der folgenden Methoden gt Halten Sie die Strg Taste Windows bzw die Befehlstaste Macintosh gedr ckt und doppelklicken Sie auf das Bild das Sie bearbeiten m chten Klicken Sie mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh auf das gew nschte Bild und w hlen Sie im Kontextmen die Option Bild bearbeiten W hlen Sie das gew nschte Bild aus und klicken Sie im Eigenschaften Inspector auf Bearbeiten Imagemaps erstellen Eine Imagemap besteht aus einem Bild bei dem bestimmten Bildbereichen unterschiedliche Hyperlinks zugewiesen werden Mit dem Imagemap Editor k nnen Sie Client Imagemaps grafisch erstellen und bearbeiten Bei Client Imagemaps werden die Hyperlink Informationen im HTML Dokument gespeichert nicht in einer separaten Map Datei wie dies bei Server Imagemaps der Fall ist Wenn der Anwender auf einen Hyperlink im Bild klickt wird der assoziierte URL direkt an den Server gesendet Dadurch sind Client Imagemaps schneller als Server Imagemaps da der Server nicht analysieren mu auf welche Stelle der Anwender geklickt hat Client Imagemaps werden von Netscape Navigator 2 0 und neuer NCSA Mosaic 2 1 und 3 0 sowie von alle
260. len f gt Dreamweaver ein Symbol f r ein fehlendes Bild in die Objektpalette ein 6 Weisen Sie dem Symbol den gleichen Dateinamen zu wie Ihrer Objektdatei und speichern Sie es im gleichen Ordner wie die Objektdatei Wenn Sie das Objekt beispielsweise Copyright DCD htm genannt und im Ordner Allgemein gespeichert haben nennen Sie das Symbol Copyright DCD gif und speichern Sie es ebenfalls im Ordner Allgemein 7 Starten Sie Dreamweaver neu um das Objekt zu verwenden Das Profil zum Formatieren von HTML Quellcode bearbeiten Das Profil zum Formatieren von HTML Quellcode bestimmt wie Dreamweaver den HTML Quellcode eines Dokuments formatiert Das Profil enth lt Formatierungsvoreinstellungen f r einzelne Tags und Tag Gruppen sowie die mit dem Befehl Voreinstellungen festgelegten Voreinstellungen f r das HTML Format Sie k nnen die Profildatei SourceFormat profile in einem Texteditor bearbeiten und somit genau steuern wie Dreamweaver HTML Code schreibt Das Profil ist eine Textdatei die im Unterordner Configuration des Dreamweaver Anwendungsordners gespeichert ist Die Voreinstellungen f r das HTML Format die Sie mit dem Befehl Voreinstellungen vornehmen werden in der Profildatei SourceFormat profile gespeichert wenn Sie Dreamweaver beenden Die am Profil vorgenommenen nderungen treten erst in Kraft wenn Dreamweaver neu gestartet wird Um Zugriff auf die neuen Voreinstellungen zu haben m ssen Sie daher das Programm beenden
261. len Sie die Spalte aus 2 W hlen Sie Fenster gt Eigenschaften um den Eigenschaften Inspector zu ffnen 3 Geben Sie in das Feld B folgendes ein gt Geben Sie eine Zahl ein um die Spaltenbreite in Pixeln festzulegen gt Geben Sie eine Zahl gefolgt vom Prozentzeichen ein um die Spaltenbreite auf einen Prozentsatz der Tabellenbreite einzustellen Das Popup Men f r Pixel und Prozent wird nur f r ganze Tabellen angezeigt nicht jedoch f r Zellen Zeilen oder Spalten gt Lassen Sie das Feld leer Standardeinstellung damit die Spaltenbreite je nach Zellinhalt und der Breite anderer Spalten automatisch eingestellt wird In der Regel richtet sich die Breite nach der l ngsten Zeile oder dem breitesten Bild Daher kann eine Spalte der Tabelle wesentlich breiter als andere Spalten werden wenn Sie ihr Inhalt hinzuf gen Spaltenbreiten und Zeilenh hen l schen Sie k nnen die Spaltenbreiten sowie die Zeilenh hen schnell und einfach einstellen indem Sie den Tabellenrahmen ziehen Wenn Sie einen Spalten oder Zeilenrahmen ziehen werden automatisch spezifische Werte f r alle anderen Spalten und Zeilen eingestellt und zwar entweder in Pixeln oder als Prozentsatz der aktuellen Tabellenabmessungen je nachdem wie die Tabellenbreite angegeben wurde Wenn Sie die Tabellenrahmen ziehen das Ergebnis jedoch nicht wie gew nscht ausf llt k nnen Sie die Spaltenbreiten l schen und es noch einmal versuchen So ndern Sie Breit
262. lenden die Wachstumsjahreszeit und region der Pflanze wieviel Sonne sie ben tigt wie gro sie wird usw So verwenden Sie die Aktion Ebenen ein ausblenden 1 W hlen Sie Einf gen gt Ebene oder klicken Sie in der Objektpalette auf die Schaltfl che Ebene und zeichnen Sie eine Ebene im Dokumentfenster Wiederholen Sie diesen Schritt um weitere Ebenen zu erstellen 2 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus W hlen Sie im Popup Men Aktionen die Option Ebenen ein ausblenden Wenn Ebenen ein ausblenden nicht ausgew hlt werden kann ist wahrscheinlich eine Ebene ausgew hlt Da Ebenen in beiden 4 0 Browsern keine Ereignisse akzeptieren m ssen Sie ein anderes Objekt ausw hlen z B das BODY Tag oder einen Hyperlink A Tag oder im Popup Men Ereignisse f r die Option IE 4 0 als Browser w hlen W hlen Sie die Ebene deren Sichtbarkeit Sie ndern m chten aus der Liste Benannte Ebenen aus Klicken Sie auf Einblenden um die Ebene anzuzeigen auf Ausblenden um sie auszublenden oder auf Standard um ihre Standardsichtbarkeit wiederherzustellen Wiederholen Sie die Schritte 4 und 5 f r alle weiteren Ebenen deren Sichtbarkeit Sie zu diesem Zeitpunkt ndern m chten Klicken Sie auf OK Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereigni
263. ler feh feh feh feh feh Swap Schl gt OK Schl gt OK Schl gt OK Schl gt Schl gt mage ohne Fehler ohne Fehler ohne Fehler ohne Fehler ohne Fehler Restore feh feh feh feh feh Validate Schl gt OK Schl gt OK Schl gt OK Schl gt Schl gt Form ohne Fehler ohne Fehler ohne Fehler ohne Fehler ohne Fehler feh feh feh feh feh Play Fehler Die Bild Schl gt Schl gt Fehler Die Bild Schl gt Schl gt imeline quellen ohne Fehler ohne Fehler quellen ohne Fehler ohne Fehler Stop animation feh fehl animation feh feh imeline und das und das Ausl sen Ausl sen Go To von von Timeline Verhaltens Verhaltens rame weisen weisen funktion funktion ieren aber ieren aber die Ebenen die Ebenen animation animation schl gt schl gt ohne Fehler ohne Fehler fehl fehl Interaktivit t und Animation hinzuf gen 267 268 Kapitel 16 JavaScript aufrufen Mit der Aktion JavaScript aufrufen k nnen Sie festlegen da eine benutzerdefinierte Funktion oder eine Zeile mit JavaScript Code ausgef hrt wird wenn ein bestimmtes Ereignis auftritt So verwenden Sie die Aktion JavaScript aufrufen 1 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus 2 W hlen Sie im Popup Men Aktionen die Option JavaScript aufrufen 3 Geben Sie den genauen auszuf hrenden JavaScript Code oder den Namen einer Funktion ein Wenn Sie beispielsweise die Schaltfl che R ckw rts erstellen m chten geben Sie folgendes ein if history lengt
264. licken Sie auf Neu um Stile im externen Stylesheet zu definieren Klicken Sie auf Speichern wenn Sie alle Stile definiert haben Externe Stylesheets bearbeiten Wenn Sie ein externes Stylesheet bearbeiten wirken sich die nderungen auf alle Dokumente aus die mit diesem Stylesheet verkn pft sind So bearbeiten Sie ein externes Stylesheet 1 ffnen Sie eines der Dokumente das mit dem zu ndernden Stylesheet verkn pft ist 2 W hlen Sie Fenster gt Stile oder klicken Sie im Launcher auf die Schaltfl che Stile Klicken Sie in der Stilpalette auf die Schaltfl che Stylesheet 4 Klicken Sie im Dialogfeld Stylesheet bearbeiten auf den Namen des externen Stylesheets Daraufhin wird ein zweites Dialogfeld Stylesheet bearbeiten angezeigt in dem die Stile des externen Stylesheets aufgelistet werden 5 Bearbeiten Sie die Stile des externen Stylesheets und klicken Sie anschlie end auf Speichern Diese nderung wirkt sich auf alle Dokumente aus die mit dem externen Stylesheet verkn pft sind Stile erstellen Mit Stilen automatisieren Sie die Formatierung von HTML Tags oder von Textbereichen und Textbl cken die durch ein CLASS Attribut identifiziert werden So erstellen Sie einen Stil 1 W hlen Sie Fenster gt Stile und klicken Sie dann in der Stilpalette auf die Schaltfl che Stylesheet 2 Klicken Sie im Dialogfeld Stylesheet bearbeiten auf Neu W hlen Sie einen der folgenden Stiltypen Benutzerdefinierte
265. licken Sie auf den Ziehgriff der Ebene und ziehen Sie sie ber den generischen Text im Tracing Bild Sie k nnen die Ebene auch mit den Pfeiltasten verschieben Vergr ern oder verkleinern Sie die Ebene gegebenenfalls damit sie der Gr e des Textblocks im Tracing Bild entspricht Da die beiden Textbl cke unterschiedlichen Text enthalten sind die W rter nicht korrekt ber dem Tracing Bild im Arbeitsbereich ausgerichtet Das Tracing Bild ist jedoch nur im Arbeitsbereich sichtbar so da der Text in der Dokumentebene in einem Browser normal angezeigt wird 3 Gehen Sie genauso vor um die Ebene mit dem Buchstaben O ber das O im Tracing Bild zu verschieben Neue Ebenen hinzuf gen F gen Sie jetzt Ebenen hinzu die den Teilen des Tracing Bilds entsprechen die noch nicht auf Ihrer Seite angezeigt werden So f gen Sie einer Seite neue Ebenen hinzu 1 Klicken Sie auf einen leeren Bereich im Dokumentfenster Achten Sie darauf da der Cursor sich nicht innerhalb einer bereits vorhandenen Ebene befindet da sonst verschachtelte Ebenen entstehen die Sie sp ter nicht in eine Tabelle konvertieren k nnen 2 W hlen Sie Einf gen gt Ebene um der Seite eine neue Ebene hinzuzuf gen Schieben Sie die Ebene ber den quadratischen Bereich des Tracing Bilds mit der Beschriftung Diana close up photo Da die Option berlappungen verhindern in der Ebenenpalette aktiviert ist k nnen Sie Ebenen nicht bereinander positionier
266. llen Verwenden Sie die Objektpalette oder das Men Einf gen um eine neue Tabelle zu erstellen So f gen Sie eine Tabelle ein 1 gt F hren Sie einen der folgenden Schritte durch Plazieren Sie den Cursor auf der Seite an der Stelle an der Sie die Tabelle einf gen m chten Klicken Sie dann in der Tafel Allgemein der Objektpalette auf die Schaltfl che Tabelle oder w hlen Sie Einf gen gt Tabelle Ziehen Sie die Schaltfl che Tabelle aus der Objektpalette an die gew nschte Stelle auf der Seite Geben Sie im angezeigten Dialogfeld die folgenden Informationen ein Zeilen und Spalten Geben die Anzahl der Zeilen und Spalten in der Tabelle an Zellauff llung Definiert den Abstand zwischen Zellinhalt und Zellrand oder Zellwand Zellraum Definiert den Abstand zwischen den einzelnen Tabellenzellen Dabei wird der Rand nicht ber cksichtigt Breite Gibt die Breite der Tabelle in Pixeln oder als Prozentsatz des Browser Fensters an Pixel sind f r Tabellen besonders gut geeignet um ein pr zises Layout von Text und Bildern zu erzielen Prozent sind am besten geeignet wenn die Proportionen der Spalten wichtiger sind als ihre tats chliche Breite Rahmen Definiert die Breite des Tabellenrahmens Hinweis Wenn Sie eine Tabelle einf gen m chten ohne diese Informationen eingeben zu m ssen deaktivieren Sie unter den allgemeinen Voreinstellungen die Option Beim Einf gen von Objekten Dialog zeigen Siehe Allgemeine
267. llen kopieren und einf gen auf Seite 212 Sie k nnen auch mehrere nicht zusammenh ngende Zellen in einer Tabelle ausw hlen und die Eigenschaften dieser Zellen ndern Sie k nnen sie jedoch nicht kopieren und einf gen So w hlen Sie eine ganze Tabelle mit einer der folgenden Methoden aus gt Klicken Sie auf die obere linke Ecke der Tabelle oder klicken Sie auf eine beliebige Stelle an der rechten oder der unteren Kante gt Klicken Sie einmal auf die Tabelle und w hlen Sie ndern gt Tabelle gt Tabelle ausw hlen gt Klicken Sie einmal auf die Tabelle und w hlen Sie Bearbeiten gt Alles ausw hlen gt Plazieren Sie den Cursor an einer beliebigen Stelle in der Tabelle und w hlen Sie unten links im Dokumentfenster das lt table gt Tag aus Wenn die Tabelle ausgew hlt ist erscheinen an ihren Seiten Auswahlgriffe So w hlen Sie Zeilen oder Spalten mit einer der folgenden Methoden aus gt Plazieren Sie den Cursor am linken Rand einer Zeile oder ganz oben in einer Spalte Wenn der Auswahlpfeil angezeigt wird klicken Sie mit der Maus gt Klicken Sie in eine Zelle und ziehen Sie den Cursor zur Seite oder nach unten um mehrere Zeilen oder Spalten auszuw hlen So w hlen Sie eine oder mehrere Zellen mit einer der folgenden Methoden aus gt Klicken Sie in eine Zelle und ziehen Sie den Cursor zur Seite oder nach unten zu einer anderen Zelle gt Klicken Sie in eine
268. lstaste C Umschalttaste Befehlstaste V Aktion Windows Macintosh Ein Wort ausw hlen Ausgew hlte Elemente der Bibliothek hinzuf gen Zwischen Dokumentfenster und HTML Inspector wechseln Eigenschaften Inspector ffnen und schlie en Rechtschreibung pr fen Doppelklicken Sie auf das Wort Strg Umschalttaste B Strg Tabulator Strg Umschalttaste J Umschalttaste F7 Doppelklicken Sie auf das Wort Umschalttaste Befehlstaste B Befehlstaste Tabulator oder Wahltaste Tabulator Umschalttaste Befehlstaste J Umschalttaste F7 Text formatieren Befehl Windows Macintosh Einzug Strg Befehlstaste Negativeinzug Strg Befehlstaste Formatieren gt Keine Strg O Null Befehlstaste O Null Absatzstil anwenden Strg T Befehlstaste T berschriften 1 6 auf den Strg 1 6 Befehlstaste 1 6 Absatz anwenden Ausrichten gt Links Strg Alt L Wahltaste Befehlstaste L Ausrichten gt Zentrieren Strg Alt C Wahltaste Befehlstaste C Ausrichten gt Rechts Strg Alt R Wahltaste Befehlstaste R Ausgew hlten Text fett Strg B Befehlstaste B darstellen Ausgew hlten Text kursiv Strg I Befehlstaste I darstellen Stylesheet bearbeiten Strg Umschalttaste E Umschalttaste Befehlstaste E Hinweis Einige Tastenkombinationen f r die Textformatierung k nnen im HTML Inspector nicht verwendet werden Tastenkombinationen 327 328 Appendix A Text suchen und ersetzen Aktion Windows
269. m 4 Lassen Sie den Eigenschaften Inspector ge ffnet F gen Sie nun oben rechts in der Seite eine Grafik ein und verkn pfen Sie sie mit der Olivebranch Homepage So f gen Sie eine Grafik ein und verkn pfen sie mit der Olivebranch Homepage 1 Klicken Sie in die leere Zelle rechts neben dem Katalogbild 2 W hlen Sie Einf gen gt Bild und w hlen Sie dann im Ordner Assets die Datei cat_nav_photos jpg Die Grafik wird in der Zelle angezeigt 3 Stellen Sie sicher da die gerade eingef gte Grafik noch ausgew hlt ist Falls sie nicht mehr ausgew hlt ist klicken Sie einmal darauf um sie wieder auszuw hlen 4 Klicken Sie im Eigenschaften Inspector auf das Ordnersymbol neben dem Feld Hyperlink und w hlen Sie im Ordner Olivebranch_site die Datei DW2_index htm 5 Schlie en Sie den Eigenschaften Inspector Lehrgang 55 Sie haben die Vorlage nun bearbeitet Als n chstes m ssen Sie sie neu auf die Produktseiten anwenden So wenden Sie die Vorlage neu auf die Produktseiten im Katalog an 1 W hlen Sie Datei gt Speichern um Ihre nderungen zu speichern 2 Sie werden gefragt ob Sie alle Dokumente in Ihrer lokalen Site die auf dieser Vorlage basieren aktualisieren m chten Klicken Sie auf Ja Dreamweaver Das Dialogfeld Seiten aktualisieren wird angezeigt Dieses Dialogfeld zeigt den Status der Seiten in der Site w hrend die Vorlage neu angewandt wird z Seiten aktualisieren cat_product dwt 3
270. m ig verwendet die Rechtschreibpr fung ein W rterbuch f r amerikanisches Englisch Sie k nnen das W rterbuch jedoch ndern indem Sie Bearbeiten gt Voreinstellungen gt Allgemein w hlen und dann im Popup Men ein anderes W rterbuch ausw hlen W rterb cher f r andere Sprachen k nnen von der Web Site Dreamweaver Developers Center heruntergeladen werden Dialogfeld Rechtschreibpr fung Mit den folgenden Befehlen unter Text gt Rechtschreibpr fung k nnen Sie die Rechtschreibung Ihres Dokuments berpr fen Zu Pers nlich hinzuf gen F gt das nicht erkannte Wort Ihrem pers nlichen W rterbuch hinzu Wenn Sie W rter aus dem pers nlichen W rterbuch entfernen m chten bearbeiten Sie die Datei Personal dat mit einem Texteditor Ignorieren Ignoriert dieses Vorkommen des nicht erkannten Wortes Alles ignorieren Ignoriert alle Vorkommen des nicht erkannten Wortes ndern Ersetzt dieses Vorkommen des nicht erkannten Wortes durch den Text den Sie in das Feld ndern in eingeben oder mit der Auswahl in der Liste Vorschl ge Alles ndern Ersetzt alle Vorkommen des nicht erkannten Wortes KAPITEL 10 Bilder einf gen Bilder einf gen berblick Wie die meisten Browser kann auch Dreamweaver sowohl JPEG als auch GIF Bilder anzeigen Dreamweaver Microsoft Internet Explorer 4 0 und neuer sowie Netscape Navigator 4 04 und neuer unterst tzen weiterhin PNG Bilder In der Regel eignet sich das JPEG Format am besten f
271. m sondern alleine an den Dateien arbeiten und sowohl Lese als auch Schreibberechtigung ben tigen deaktivieren Sie die Option Ein Auschecken von Dateien aktivieren f r die Site Siehe Sites definieren auf Seite 128 Weitere Informationen finden Sie auch unter Das Eincheck Auscheck System auf Seite 133 Dreamweaver zeichnet alle Datei bertragungen auf Tritt bei der bertragung einer Datei ein Fehler auf k nnen Sie mit dem FTP Protokoll der Site die Problemursache ermitteln Wenn Sie das Protokoll anzeigen m chten w hlen Sie im Site Fenster den Befehl Fenster gt FTP Protokoll Windows oder Site gt FTP Protokoll Macintosh So rufen Sie Dateien von einem entfernten Server ab 1 W hlen Sie Fenster gt Sites um das Site Fenster zu ffnen 2 W hlen Sie im Site Fenster oben im Popup Men der aktuellen Sites die gew nschte Site aus 3 Klicken Sie auf Verbinden um eine Verbindung zum entfernten Server herzustellen Wenn bereits eine Verbindung hergestellt wurde wird anstelle der Schaltfl che Verbinden die Schaltfl che Trennen angezeigt berspringen Sie in diesem Fall diesen Schritt 4 W hlen Sie aus dem Fensterbereich der entfernten Site die gew nschten Dateien aus 5 Klicken Sie auf die Schaltfl che Abrufen oder klicken Sie mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh und w hlen Sie im Kontextmen die Option Abrufen 6 Sie werden nun gefragt ob Sie auch abh n
272. m dreamweaver Absolute Pfade sind g ltig unabh ngig davon wo sich das Quelldokument befindet wenn das Zieldokument verschoben wird kann der Hyperlink jedoch nicht mehr korrekt hergestellt werden Ein absoluter Pfad ist erforderlich wenn Sie einen Hyperlink zu einer Datei erstellen die sich au erhalb der aktuellen Site befindet Stammrelative Pfade Diese Pfade beginnen immer am Stamm der aktuellen Site Alle Dateien der Site die allgemein sichtbar sind befinden sich innerhalb des Site Stamms Stammrelative Pfade beginnen mit einem Schr gstrich womit der Server angewiesen wird am Stamm zu beginnen Der Pfad dreamweaver intro htm stellt beispielsweise einen Hyperlink zu einem Dokument namens intro htm her das sich im Dreamweaver Ordner befindet Der Dreamweaver Ordner befindet sich wiederum am Stamm der Site Site Planung 113 114 Kapitel 6 Stammrelative Pfade sind besonders gut zum Verkn pfen von Dateien geeignet wenn der Inhalt h ufig verschoben wird Bei diesen Pfaden funktionieren die Hyperlinks auch dann wenn das Dokument von dem Sie einen Hyperlink erstellen innerhalb der Site verschoben wird Stammtrelative Pfade eignen sich jedoch nicht f r Sites die lokal angezeigt werden sollen wie beispielsweise Pr sentationen F r solche Sites sollten Sie statt dessen dokumentrelative Pfade verwenden Wenn Sie mit Dreamweaver auf einem lokalen Datentr ger arbeiten definieren Sie eine lokale Site indem Sie einen Ordn
273. main him footer_librany htm home htm home_loge jpg index htm olive styles css a a B B B B B B B B B B B B B B B B B B B A D Titel aboutus Datum 20 11 98 04 06 Gr e 4KB 6 Schlie en Sie das Dokumentfenster f r index htm lassen Sie das Site Fenster jedoch ge ffnet Die Olivebranch Homepage bearbeiten Sie haben nun die Struktur f r Ihre Olivebranch Site eingerichtet Im n chsten Schritt ffnen Sie die halbfertige Version der Homepage um dort Hyperlinks zu erstellen und eine Hintergrundfarbe ein Hintergrundbild sowie einen Seitentitel zu w hlen Das Ergebnis sollte so hnlich wie die fertige Version der Olivebranch Homepage ausfallen So ffnen Sie die halbfertige Olivebranch Homepage in Dreamweaver 1 Doppelklicken Sie im Site Fenster auf DW2_index htm resh from our organic gardens to your table delectables to please the palate and the soul Be MW 2 Schlie en Sie das Site Fenster Lehrgang 23 24 Kapitel 2 Hintergrundbild und Hintergrundfarbe definieren Wenn Sie sowohl ein Hintergrundbild als auch eine Hintergrundfarbe verwenden erscheint die Farbe w hrend das Bild heruntergeladen wird Die Anwender sehen dadurch einen interessanteren Hintergrund w hrend sie darauf warten da das Bild heruntergeladen wird Wenn das Hintergrundbild durchsichtige Pixel hat ist die Farbe durch das Bild sichtbar So definieren Sie eine Hintergrundfa
274. manuell ausw hlen Formular validieren Die Aktion Formular validieren pr ft den Inhalt von angegebenen Textfeldern um sicherzustellen da der Anwender den richtigen Datentyp eingegeben hat F gen Sie diese Aktion mit dem onBlur Ereignis an individuelle Formularfelder an um die Felder zu berpr fen w hrend der Anwender das Formular ausf llt Sie k nnen die Aktion auch mit dem onSubmit Ereignis an das Formular anf gen um mehrere Felder gleichzeitig auszuwerten wenn der Anwender auf die Schaltfl che Abschicken klickt Wenn Sie diese Aktion an ein Formular anf gen verhindern Sie da das Formular an den Server geschickt wird wenn die angegebenen Felder ung ltige Daten enthalten So verwenden Sie die Aktion Formular validieren 1 W hlen Sie Einf gen gt Formular oder klicken Sie in der Objektpalette auf die Schaltfl che Formular um ein Formular einzuf gen 2 W hlen Sie Einf gen gt Formularobjekt gt Textfeld oder klicken Sie in der Objektpalette auf die Schaltfl che Textfeld um ein Textfeld einzuf gen Wiederholen Sie diesen Schritt um weitere Textfelder einzuf gen 3 F hren Sie einen der folgenden Schritte aus Um einzelne Felder zu berpr fen w hrend der Anwender das Formular ausf llt w hlen Sie ein Textfeld aus und w hlen Sie dann Fenster gt Verhaltensweisen gt Um mehrere Felder zu berpr fen wenn der Anwender das Formular abschickt klicken Sie im Tag Selektor unten links im Dokume
275. meisten Browsern lautet die Standardeinstellung Ja Wenn Sie einen Rahmen entfernen m chten mu f r alle angrenzenden Frames die Option Nein gew hlt werden oder die Option Standard sowie die Option Nein f r das bergeordnete Frameset Rahmenfarbe Legt die Farbe f r alle Rahmen fest die an den aktuellen Frame angrenzen So definieren Sie Frameset Rahmen 1 W hlen Sie das Frameset aus indem Sie im Dokumentfenster auf einen Frame Rahmen klicken Sie k nnen auch im Frame Inspector auf den Rahmen klicken der die Frames umgibt Stellen Sie die folgenden Optionen ein Rahmen Steuert den Rahmen der Frames im aktuellen Frameset Wenn Sie Ja w hlen werden dreidimensionale Rahmen angezeigt bei Nein werden flache graue Rahmen angezeigt Wenn Sie Standard w hlen legt der Browser fest wie die Rahmen dargestellt werden Bei den meisten Browsern lautet die Standardeinstellung Ja Rahmenfarbe Definiert die Farbe f r alle Rahmen im aktuellen Frameset Sie k nnen diese Einstellung au er Kraft setzen indem Sie eine Rahmenfarbe f r einen einzelnen Frame definieren Rahmenbreite Definiert die Breite der Rahmen im aktuellen Frameset Geben Sie 0 ein wenn keine Rahmen angezeigt werden sollen Hintergrundfarbe eines Frames ndern Sie ndern die Hintergrundfarbe eines Frames indem Sie die Hintergrundfarbe des Dokuments einstellen das im Frame enthalten ist So ndern Sie die Hintergrundfarbe des Dokuments im Frame 1
276. mgebung Sie k nnen Dreamweaver flexibel an Ihre Arbeitsweise anpassen und gegebenenfalls nach Bedarf erweitern Siehe Dreamweaver erweitern berblick in den Dreamweaver Help Pages gt Mit Befehlen bearbeiten Sie das aktuelle Dokument um beispielsweise Tabellen zu sortieren oder HTML Quellcode zu optimieren Sie k nnen problemlos Ihre eigenen Befehle erstellen genauso wie Objekte oder Aktionen f r Verhaltensweisen Sie k nnen benutzerdefinierte Tags visuell im Dokumentfenster darstellen und Eigenschaften Inspectoren f r sie erstellen so da Sie ihre Eigenschaften schnell und einfach einstellen k nnen Mit selbsterstellten Daten bersetzern k nnen Sie die Ergebnisse der Server Verarbeitung im Dokumentfenster anzeigen Einf hrung 11 12 Kapitel 1 Systemvoraussetzungen F r Dreamweaver ist die folgende Hardware und Software erforderlich F r Microsoft Windows gt gt gt gt Intel Pentium 90 oder gleichwertiger Prozessor mit Windows 95 Windows 98 oder Windows NT Version 4 0 oder neuer 16 MB RAM sowie 20 MB freier Festplattenspeicher Farbbildschirm mit einer Mindestaufl sung von 800 x 600 Pixeln CD ROM Laufwerk F r Macintosh gt gt gt gt Power Macintosh mit System 7 5 5 oder neuer 24 MB RAM sowie 20 MB freier Festplattenspeicher Farbbildschirm mit einer Mindestaufl sung von 800 x 600 Pixeln CD ROM Laufwerk Dreamweaver installieren Im folgenden wir
277. mp nbsp lt TD gt lt TD gt amp nbsp lt TD gt lt TD gt amp nbsp lt TD gt lt TR gt lt TABLE gt 202 Kapitel 11 Tabelleneigenschaften einstellen Wenn Sie eine Tabelle ausgew hlt haben werden ihre Eigenschaften im Eigenschaften Inspector angezeigt Sie k nnen auch den Befehl Tabelle formatieren verwenden um schnell und einfach ein vordefiniertes Design auf eine ausgew hlte Tabelle anzuwenden Siehe Tabellen mit einem vordefinierten Design formatieren auf Seite 206 So definieren Sie Tabelleneigenschaften 1 W hlen Sie die Tabelle aus 2 W hlen Sie Fenster gt Eigenschaften um den Eigenschaften Inspector zu ffnen Klicken Sie unten rechts auf den Erweiterungspfeil damit alle Eigenschaften angezeigt werden Benennen Sie die Tabelle indem Sie einen Namen in das Feld Tabellenname eingeben Legen Sie die folgenden Optionen f r das Tabellen Layout fest Zeilen und Spalten Legen die Anzahl der Zeilen und Spalten in der Tabelle fest B und H Definieren die Breite und die H he der Tabelle und zwar entweder als absoluten Wert in Pixeln oder als Prozentsatz des Browser Fensters Die H he der Tabelle wird in der Regel jedoch nicht festgelegt Ausrichten Hiermit k nnen Sie die Tabelle im Browser links die Standardeinstellung oder rechts ausrichten Bei 4 0 oder neueren Browsern k nnen Sie diese Option auch verwenden um die Tabelle zu zentrieren Bei 3 0 Browsern zentrieren Sie die Tabelle
278. mschalt und die Wahltaste Macintosh gedr ckt und klicken Sie in einen Frame gt W hlen Sie Fenster gt Frames und klicken Sie dann im Frame Inspector auf einen Frame Frames verwenden 237 238 Kapitel 13 So w hlen Sie ein Frameset mit einer der folgenden Methoden aus gt Klicken Sie im Dokumentfenster auf einen Frame Rahmen gt Klicken Sie im Frame Inspector auf den Rand der die Frames umgibt Wenn ein Frameset ausgew hlt ist werden die Rahmen aller im Frameset enthaltenen Frames im Dokumentfenster mit einer gepunkteten Linie nachgezeichnet So w hlen Sie den n chsten Frame aus gt Dr cken Sie die Alt Taste Windows bzw die Befehlstaste Macintosh und dr cken Sie eine der Pfeiltasten um den n chsten Frame auszuw hlen gt Dr cken Sie die Alt Taste Windows bzw die Befehlstaste Macintosh und dr cken Sie den Pfeil nach oben um das bergeordnete Frameset auszuw hlen gt Dr cken Sie die Alt Taste Windows bzw die Befehlstaste Macintosh und dr cken Sie den Pfeil nach unten um den untergeordneten Frame auszuw hlen Wenn der HTML Inspector ge ffnet ist wird der im Dokumentfenster ausgew hlte Bereich im HTML Code angezeigt Mit dem Frame Inspector arbeiten Im Frame Inspector werden die Framesets des aktuellen Dokuments angezeigt Sie k nnen hier Frames und Framesets ausw hlen um ihre Eigenschaften zu ndern Im Frame Inspector wird weiterhin die Hierarchie der Frameset Str
279. mte ausgew hlte Elemente wie beispielsweise Bilder und Plug Ins Browser Standard Richtet sich nach dem Browser In der Regel wird hiermit jedoch eine Ausrichtung an der Grundlinie erzielt Grundlinie und Unten Richtet die Grundlinie des Textes am untersten Punkt des Objekts aus Absolut unten Richtet die absolute Unterkante des Textes einschlie lich Unterl ngen wie beim Buchstaben g am untersten Punkt des Objekts aus Oben Richtet den obersten Punkt des gr ten Zeichens in der Textzeile am obersten Punkt des Objekts aus Textoberkante Richtet das gr te Zeichen in der Textzeile am obersten Punkt des Objekts aus Mitte Richtet die Grundlinie des Textes an der Mitte des Objekts aus Absolute Mitte Richtet die Mitte des Objekts an der Mitte des Textes aus Links Plaziert das Objekt am linken Rand wobei der Text rechts um das Objekt herum verl uft Wenn vor dem Objekt linksb ndiger Text steht bewirkt diese Option normalerweise da links ausgerichtete Objekte in einer neuen Zeile erscheinen Text der dem Objekt folgt wird dann an die vorherige Zeile angeschlossen und erscheint daher oberhalb des Objekts Rechts Plaziert das Objekt am rechten Rand wobei der Text links um das Objekt herum verl uft Wenn vor dem Objekt rechtsb ndiger Text steht bewirkt diese Option normalerweise da rechts ausgerichtete Objekte in einer neuen Zeile erscheinen Text der dem Objekt folgt wird dann an die vorherige Zeile angeschlosse
280. n B index htm Im Fensterbereich Lokaler Ordner werden die Dateien der lokalen Site aufgelistet im Fensterbereich Entfernte Site dagegen die Dateien der entfernten Site Hinweis Wenn Sie eine lokale Site anzeigen f r die keine entsprechende entfernte Site vorhanden ist ist der Fensterbereich Entfernte Site leer Site Planung 115 116 Kapitel 6 So zeigen Sie die Site Map mit einer der folgenden Methoden an gt W hlen Sie Fenster gt Site Map gt Klicken Sie im Site Fenster auf die Schaltfl che Site Map oder klicken Sie auf den Schaltfl chenpfeil Site Map und w hlen Sie Map und Dateien Datei Bearbeiten Ansicht Site 32 EN Olive Branch Nur Map Map und Dateien Im Fensterbereich Lokaler Ordner werden die Dateien der lokalen Site aufgelistet und im Fensterbereich Site Navigation wird die lokale Site als visuelle Darstellung angezeigt So zeigen Sie nur die Site Map an gt Klicken Sie auf den Schaltfl chenpfeil Site Map und w hlen Sie Nur Map Site Anzeige ndern Standardm ig wird die entfernte Site oder lokale Site Map im linken Fensterbereich und die lokale Site im rechten Fensterbereich angezeigt Sie k nnen diese Anordnung der Fensterbereiche jedoch umschalten So bestimmen Sie in welchen Fensterbereichen die lokalen und die entfernten Sites angezeigt werden 1 W hlen Sie Bearbeiten gt Voreinstellungen um das Dialogfeld Voreinstellungen zu ffnen W hlen Sie hier die
281. n ffnen gt Geben Sie einen Auscheck Namen ein Dieser Name wird im Site Fenster neben den Dateien angezeigt die Sie ausgecheckt haben Damit k nnen Mitarbeiter eines Teams feststellen wer gerade an einer ben tigten Datei arbeitet Wenn Sie alleine an Ihrer Web Site arbeiten jedoch mehrere Computer verwenden w hlen Sie f r jeden Computer einen anderen Auscheck Namen beispielsweise AnnaR HeimMac und AnnaR B roPC Auf diese Weise k nnen Sie stets feststellen auf welchem Computer sich die neueste Version einer Datei befindet falls Sie vergessen haben die Datei wieder einzuchecken 13 Klicken Sie auf OK Optionen f r das Site Fenster Im Site Fenster k nnen Sie Standardfunktionen der Dateiverwaltung ausf hren wie beispielsweise neue HTML Dokumente erstellen Dateien verschieben Ordner erstellen und Elemente l schen Verwenden Sie das Site Fenster weiterhin zum Storyboarding mit der Site Map siehe Site Maps erstellen auf Seite 118 und zur bertragung von Dateien zwischen Ihren lokalen und entfernten Sites Standardm ig wird die entfernte Site oder die Site Map im linken Fensterbereich angezeigt die lokale Site dagegen im rechten Bereich Sie k nnen diese Anordnung jedoch mit den Site FTP Voreinstellungen ndern Siehe Site FTP Voreinstellungen w hlen auf Seite 132 Sie ffnen das Site Fenster indem Sie Fenster gt Sites w hlen Im Site Fenster stehen folgende Optionen zur Auswahl Verbinden Trennen
282. n Folgende Optionen stehen zur Auswahl gt Standard gibt keine spezifische Sichtbarkeitseigenschaft an Die meisten Browser interpretieren diesen Wert als bernehmen gt Mit bernehmen geben Sie an da die Sichtbarkeitseigenschaft der bergeordneten Ebene verwendet werden soll gt Sichtbar zeigt den Inhalt der Ebenen an unabh ngig davon welcher Wert f r die bergeordnete Ebene gilt gt Mit Unsichtbar wird der Inhalt der Ebenen transparent unabh ngig davon welcher Wert f r die bergeordnete Ebene gilt Beachten Sie dabei da unsichtbare Ebenen die mit den Tags LAYER und ILAYER erstellt wurden den gleichen Platz in Anspruch nehmen wie sichtbare Ebenen Tag Bestimmt ob es sich um CSS Ebenen oder um Netscape Ebenen handelt Mit den Tags SPAN und DIV werden CSS Ebenen erstellt mit den Tags LAYER und ILAYER dagegen Netscape Ebenen Hg Bild Gibt ein Hintergrundbild f r die Ebenen an Geben Sie den Pfad des Bildes in das Textfeld ein oder klicken Sie auf das Ordnersymbol um eine Bilddatei zu suchen und auszuw hlen Hg Farbe Gibt eine Hintergrundfarbe f r die Ebene an Lassen Sie dieses Feld leer wenn der Hintergrund durchsichtig sein soll Mit der Ebenenpalette arbeiten In der Ebenenpalette werden die Ebenen Ihres Dokuments bersichtlich dargestellt W hlen Sie Fenster gt Ebenen um die Ebenenpalette zu ffnen In der Ebenenpalette werden die Ebenen entsprechend ihrer Struktur aufgelistet die zuerst e
283. n Microsoft Internet Explorer Versionen unterst tzt Dreamweaver ndert keine Referenzen zu Server Imagemaps in vorhandenen Dokumenten Sie k nnen sowohl Client Imagemaps als auch Server Imagemaps im gleichen Dokument verwenden Browser die beide Arten von Imagemaps unterst tzen geben Client Imagemaps den Vorrang Wenn Sie eine Server Imagemap in einem Dokument einschlie en m chten m ssen Sie den entsprechenden HTML Code schreiben So erstellen Sie eine Imagemap 1 W hlen Sie das Bild aus und klicken Sie im Eigenschaften Inspector auf die Schaltfl che Map Eventuell m ssen Sie im Eigenschaften Inspector auf den Erweiterungspfeil unten rechts klicken damit die Schaltfl che Map angezeigt wird 2 Geben Sie den Namen f r die Map in das Feld Map Name ein Dieser Name bildet das NAME Attribut des MAP Tags sowie das USEMAP Attribut des IMG Tags 3 Klicken Sie auf den Kreis oder das Quadrat und ziehen Sie den Cursor ber das Bild um einen Hyperlink in Form eines Kreises oder eines Rechtecks zu erstellen Wenn Sie auf das Polygon klicken k nnen Sie einen Hyperlink mit einer freien Form erstellen klicken Sie einmal um jeden Eckpunkt zu definieren und klicken Sie zweimal um die Form zu schlie en 4 Geben Sie den URL f r den Hyperlink in das Feld Hyperlink ein oder klicken Sie auf das Ordnersymbol um eine Datei zu suchen und auszuw hlen 5 Wenn das verkn pfte Dokument nicht im aktuellen Fenster oder Frame angez
284. n auf Seite 262 aus 2 W hlen Sie im Popup Men Aktionen die Option Browser Fenster ffnen 3 Geben Sie den URL an der angezeigt werden soll oder klicken Sie auf Durchsuchen um eine Datei auszuw hlen Interaktivit t und Animation hinzuf gen 281 282 Kapitel 16 4 Legen Sie eine oder mehrere der folgenden Optionen fest Fensterbreite Legt die Breite des Fensters in Pixeln fest Fensterh he Legt die H he des Fensters in Pixeln fest Navigations Symbolleiste Hierbei handelt es sich um die Reihe der Browser Schaltfl chen darunter Zur ck Weiter Home und Neu laden Standort Symbolleiste Dies ist die Reihe der Browser Optionen einschlie lich des Standortfelds Statusleiste Der graue Bereich am unteren Rand des Browser Fensters in dem Meldungen angezeigt werden z B die verbleibende Ladedauer und die zu Hyperlinks geh renden URLs Men leiste Der Bereich des Browser Fensters Windows oder des Desktops Macintosh in dem die Men s angezeigt werden wie beispielsweise Datei Bearbeiten Ansicht Gehe zu und Hilfe Legen Sie diese Option ausdr cklich fest wenn die Anwender in der Lage sein sollen von dem neuen Fenster aus zu navigieren Wenn Sie diese Option nicht aktivieren kann der Anwender das Fenster nur schlie en oder auf Symbolgr e verkleinern Windows bzw das Fenster schlie en oder die Anwendung beenden Macintosh Abrollbalken falls erforderlich Legt fest da Abrollbalken angezeigt werden
285. n 202 Tabellen s rtieren as anne kai 207 Tabellen und Zellen vergr ern oder verkleinern 208 Zeilen und Spalten hinzuf gen und entfernen 209 Zellen kopieren und einf gen ce 22 se eeeeene ernennen 212 Inhaltsverzeichnis 5 6 KAPITEL 12 Ebenen verwenden 222 c2eeeeeeeeeenee nenn 215 Ebenen verwenden berblick n 215 Ebenen erstellen u ein 216 Mit der Ebenenpalette arbeiten n on ununnunnruun rerun 223 Ebenen manipulieren 222 220 eeeeeeeeeeennen nenn nenn 223 Ebenen verschieben 22222 cseeeeeeseeeeeeneneenen en 226 Stapelreihenfolge der Ebenen ndern creesreeceenn 229 Sichtbarkeit der Ebenen ndern 2222 2ccceseeeeeenenn 229 Ebenen zum Tabellen Design verwenden 2 2222 222000 230 Zwischen 3 0 und 4 0 Browsern konvertieren 222222222 233 KAPITEL 13 Frames verwenden 22 css eeeeeenere nenn 235 Frames verwenden berblick 22222222c cn 235 Frames erstellen 222222 ceeeeeeeeeeeeeneeenenenenenn 236 Frames oder Framesets ausw hlen 2222ccceceeeene 237 Eigenschaften f r Frames und Framesets c ee222 cc 239 Frame Inhalt mit Hilfe von Hyperlinks steuern 244 NOFRAMES Inhalt erstellen 22222222 c essen 244 KAPITEL 14 Formulare erstellen 2 220 aaa 245 Formulare erstellen berblick 2 222220 245 Formula
286. n 300 verbessern 302 Zeitleiste 294 Anker 110 Ankerpunkte 83 f r schwebende Elemente 83 Anwendungen mit Dreamweaver einsetzen 74 Anzeige aktualisieren 117 Anzeigen Dokumentinformationen 68 Ebenen 229 editierbare Bereiche in Vorlagen 94 editierbaren HTML Code 95 entfernte Sites 115 gesperrte Bereiche in Vorlagen 94 gesperrten HTML Code 95 HEAD Inhalt 87 HTML Tag Inhalt 68 lokale Sites 115 Objekteigenschaften 69 Site Map 115 SSIs 259 Applets einf gen 303 vergr ern oder verkleinern 192 ASP Tags 155 bearbeiten 164 Attribute in Browser Profilen 319 Suchvorg nge 139 Audio steuern 274 Auf Seite anwenden Befehl 98 Auschecken und Einchecken von Dateien 133 r ckg ngig 133 Ausrichten Ebenen 227 Seitenelemente 192 Tracing Bild 80 Ausrichten Befehle 174 Austauschbild wiederherstellen Aktion 288 Auswahl als editierbar markieren Befehl 91 337 Ausw hlen Ebenen 224 Elemente 82 Frames und Framesets 237 HTML Code 82 Objekte 82 Auto Umbruch Option 159 Auto Wdg Option 292 BASE Tag 69 BBEdit 164 Bei Erstellung auf Ebene verschachteln 218 Beim Bearbeiten von Stilen Kurzschrift verwenden f r Option 183 Beim Erstellen von Stilen Kurzschrift verwenden f r Option 183 Beim Reparieren oder Entfernen von Tags Warnmeldung anzeigen Option 158 Benannte Anker 110 Benutzerdefinierte Stile Siehe Stylesheets Bereitstellen Befehl 136 Bereitstellen Dateien auf einem entfernten Server 136 Besuchte Hyperlinks Option
287. n Sie einzelne Felder berpr fen stellen Sie sicher da als Standardereignis onBlur oder onChange festgelegt ist Ist dies nicht der Fall w hlen Sie onBlur oder onChange aus dem Popup Men Beide Ereignisse l sen die Aktion Formular validieren aus wenn der Anwender den Cursor vom Feld weg bewegt Sie unterscheiden sich jedoch folgenderma en onBlur tritt auf unabh ngig davon ob der Anwender Text in das Feld eingegeben hat onChange tritt dagegen nur auf wenn der Anwender den Feldinhalt ge ndert hat Geben Sie dem onBlur Ereignis den Vorzug wenn das Feld als erforderlich definiert wurde Interaktivit t und Animation hinzuf gen 289 290 Kapitel 16 Zeitleiste wiedergeben und Zeitleiste stoppen Verwenden Sie die Aktionen Zeitleiste wiedergeben und Zeitleiste stoppen damit Anwender eine Zeitleiste starten und stoppen k nnen indem sie auf einen Hyperlink oder auf eine Schaltfl che klicken oder um eine Zeitleiste automatisch zu starten und zu stoppen wenn der Anwender den Cursor ber einen Hyperlink ein Bild oder ein anderes Objekt bewegt Wenn Sie im Zeitleisten Inspector das Kontrollk stchen Auto Wdg aktivieren wird die Aktion Zeitleiste wiedergeben automatisch ber das onLoad Ereignis an das BODY Tag angef gt So verwenden Sie die Aktionen Zeitleiste wiedergeben und Zeitleiste stoppen 1 W hlen Sie Fenster gt Zeitleisten um den Zeitleisten Inspector zu ffnen und stellen Sie sicher da Ihr Dokument eine Zei
288. n Sie es dieser Datei hinzuf gen gt Pr fen Sie ob der Arbeitsspeicher ausreicht Wenn Sie mit einem Macintosh arbeiten berpr fen Sie auch ob Sie Dreamweaver gen gend Arbeitsspeicher zugewiesen haben Einige Plug Ins ben tigen 2 bis 5 MB zus tzlichen Speicher damit sie ausgef hrt werden k nnen ActiveX Eigenschaften Nachdem Sie ein AxtiveX Objekt eingef gt haben k nnen Sie im Eigenschaften Inspector weitere Parameter festlegen Es gibt keinen allgemein g ltigen Standard zum Identifizieren der Datendateien von ActiveX Steuerelementen Schlagen Sie in der Dokumentation des verwendeten ActiveX Steuerelements nach um festzustellen welche Parameter verwendet werden sollten Klicken Sie im Eigenschaften Inspector auf die Schaltfl che Parameter um Werte f r Eigenschaften einzugeben die nicht im Eigenschaften Inspector angezeigt werden Doppelklicken Sie auf ein ActiveX Objekt um die Eigenschaften im Eigenschaften Inspector anzuzeigen Siehe auch Filme Applets und andere Multimedia Elemente hinzuf gen auf Seite 303 Der Eigenschaften Inspector zeigt zun chst nur die am h ufigsten verwendeten Eigenschaften an Klicken Sie unten rechts auf den Erweiterungspfeil um alle Eigenschaften anzuzeigen ActiveX Legt den Namen fest mit dem das ActiveX Objekt bei der Skripterstellung identifiziert wird Geben Sie in das unbeschriftete Feld ganz links im Eigenschaften Inspector einen Namen ein B und H Legen die H he u
289. n Stil erstellen Klasse Erstellt einen Stil der als CLASS Attribut auf einen Textbereich oder einen Textblock angewandt werden kann HTML Tag neu definieren Hiermit wird die Standardformatierung eines angegebenen HTML Tags neu definiert CSS Selektor verwenden Definiert die Formatierung f r eine bestimmte Tag Kombination oder f r alle Tags mit einem bestimmten ID Attribut Text formatieren 179 4 Geben Sie einen Namen ein Tag oder einen Selektor f r den neuen Stil ein Beachten Sie dabei die folgenden Konventionen gt Die Namen benutzerdefinierter Stile m ssen mit einem Punkt beginnen Wenn Sie den Punkt nicht eingeben f gt Dreamweaver ihn automatisch hinzu gt Geben Sie f r HTML Tag Stile ein HTML Tag ein oder w hlen Sie ein Tag aus dem Popup Men gt Geben Sie bei einem CSS Selektor Kriterien ein die f r einen Selektor g ltig sind zum Beispiel TD H2 oder meinstil oder w hlen Sie einen Selektor aus dem Popup Men 5 Klicken Sie links im Dialogfeld auf eine Kategorie und w hlen Sie dann im rechten Bereich die gew nschten Formatierungseinstellungen f r den neuen Stil Wenn bestimmte Attribute f r den Stil nicht relevant sind lassen Sie sie leer Attribute die nicht im Dokumentfenster angezeigt werden sind im Dialogfeld Stildefinition mit einem Sternchen versehen Einige der CSS Stilattribute die mit Dreamweaver festgelegt werden k nnen werden in Microsoft Internet Explorer 4 0 und Netscape
290. n aufgelistet die mit der Homepage verkn pft sind Wenn der Ordner den Sie als Site Stamm definiert haben eine Datei namens index htm enth lt wird diese Datei automatisch als Homepage f r den Ausgangspunkt der Site Map verwendet Da die Homepage Ihrer Site Mein_Lehrgang den Namen DW2_index htm hat definieren Sie die Homepage neu w hrend Sie die Darstellung der Site Map anpassen So erstellen Sie eine Site Map gt Halten Sie im Site Fenster das Symbol f r die Site Map oben links gedr ckt und w hlen Sie im Popup Men die Option Map und Dateien amp Site My_Tutorial Datei Bearbeiten Ansicht Site Fenster Hilfe Lokaler Ordner 5 Library Bk Ei Im Site Fenster werden jetzt zwei Ansichten Ihrer lokalen Site angezeigt Die linke Seite zeigt in einer Site Map die Struktur der fertiggestellten Olivebranch Site an dabei ist index htm die Homepage auf der rechten Seite wird die Dateiliste angezeigt die Sie bereits kennen Site My_Tutorial Datei Bearbeiten Ansicht Site Fenster Hilfe amp j EN My _Tutorial El Verbinden 2 Abufen Bereitstellen indez htm t about main htm events_main htm Library Template Templates Vorlagen about_main htm cat_main_index htm cat_pr_cheeses_asiago htm cat_pr_mustards_cranbeny ht cat_pr_oils_beechnut htm cat_pr_wines_fic htm DW2_about_main htm DW2_cat_cheeses_asiago h DW2_cat_main_indes htm DW2_
291. n ein und aus anstatt die Quelldatei f r Animationen mit mehreren Bildern zu ndern Wenn Sie die Quelldatei eines Bildes wechseln kann dies die Animation verlangsamen da das neue Bild heruntergeladen werden mu Sie vermeiden auff llige Pausen oder fehlende Bilder wenn alle Bilder in ausgeblendeten Ebenen heruntergeladen werden bevor die Animation ausgef hrt wird gt Verl ngern Sie die Animationsleisten um eine gleichm igere Bewegung zu erzielen Wenn eine Animation nicht gleichm ig abl uft und Bilder von Position zu Position springen ziehen Sie in der Animationsleiste der Ebene das Endbild um die Bewegung auf mehr Bilder zu verteilen Dadurch werden zwischen dem Start und Endpunkt der Bewegung mehr Datenpunkte erstellt Dies f hrt au erdem dazu da sich das Objekt langsamer bewegt Sie k nnen zwar versuchen die Geschwindigkeit zu erh hen indem Sie einen h heren Wert f r Bilder pro Sekunde Bps angeben bedenken Sie dabei jedoch da 15 Bps bei den meisten Browsern auf herk mmlichen Systemen die maximale Geschwindigkeit f r Animationen ist Testen Sie die Animation auf verschiedenen Systemen mit unterschiedlichen Browsern um die besten Einstellungen zu ermitteln gt Verzichten Sie darauf gro e Bitmaps zu animieren Verbessern Sie die Animationsgeschwindigkeit indem Sie gro e Bilder nicht bewegen Erstellen Sie statt dessen zusammengesetzte Bilder und bewegen Sie kleine Bildbereiche Wenn Sie beispielsweis
292. n einem Team arbeiten k nnen Sie Dateien die Sie zwischen einem entfernten Server und Ihrem lokalen Computer bertragen ein oder auschecken Siehe Dateien auf einem entfernten Server einchecken und auschecken auf Seite 134 Wenn Sie eine Datei auschecken teilen Sie den Mitarbeitern des Teams mit Ich arbeite gerade an dieser Datei bitte nehmt im Moment keine nderungen daran vor Eine ausgecheckte Datei ist im Site Fenster durch ein H kchen gekennzeichnet Ein gr nes H kchen bedeutet da Sie selbst die Datei ausgecheckt haben ein rotes H kchen hei t dagegen da die Datei von einem anderen Mitarbeiter des Teams ausgecheckt wurde Im Site Fenster wird auch der Name der Person angezeigt die die Datei ausgecheckt hat Wenn Sie eine Datei wieder einchecken kann sie von anderen Mitarbeitern des Teams ausgecheckt und bearbeitet werden Die lokale Version der Datei ist nun schreibgesch tzt damit Sie keine nderungen daran vornehmen k nnen w hrend die Datei von einer anderen Person ausgecheckt ist Dreamweaver verwaltet die ausgecheckten Dateien indem eine Textdatei mit der Erweiterung ck sowohl auf dem entfernten Server als auch auf der lokalen Site abgelegt wird Diese Datei enth lt den Namen des Anwenders der die Datei ausgecheckt hat Die ck Dateien werden im Site Fenster nicht angezeigt Die ausgecheckten Dateien auf dem entfernten Server sind nicht schreibgesch tzt Wenn Sie Dateien mit einer anderen Anwendu
293. n m glicherweise auch auskommentierte Zeilen mit einigen h ufig verwendeten aber nicht unterst tzten Tags Wenn Sie eine benutzerdefinierte Fehlermeldung hinzuf gen m chten entfernen Sie die beiden Bindestriche am Anfang der Zeile und f gen Sie nach Error entweder msg meldung oder htmimsg lt tag gt meldung lt tag gt hinzu Folgende Notation k nnte beispielsweise im Profil f r Netscape Navigator 3 0 angezeigt werden lt ELEMENT HR name Horizontale Linie gt lt ATTLIST HR COLOR Error gt Wenn Sie eine benutzerdefinierte Fehlermeldung hinzuf gen m chten entfernen Sie die Bindestriche und geben Sie eine eigene Meldung ein Dabei mu der Text Imsg der Meldung vorausgehen lt ELEMENT HR name Horizontale Linie gt lt ATTLIST HR COLOR Error msg Internet Explorer 3 0 unterst tzt COLOR in horizontalen Linien Netscape Navigator 3 0 aber nicht gt Dreamweaver anpassen 323 324 Kapitel 17 APPENDIX A Tastenkombinationen Men Datei Befehl Windows Macintosh Neues Dokument Neues Fenster HTML Datei ffnen ffnen in Frame Schlie en Speichern Alles speichern Beenden Strg Umschalttaste N Strg N Strg O oder ziehen Sie die Datei aus dem Explorer oder dem Site Fenster in das Dokumentfenster Strg Umschalttaste O Strg W Strg S Strg Umschalttaste S Alt F4 oder Strg Q Befehlstaste N Befehlstaste O Umschalttaste Befehlstaste O Befe
294. n oder einen Shockwave Film stoppen Ereignisse werden vom Browser f r jedes Seitenelement definiert Bei onMouseOver onMouseOut und onClick handelt es sich z B um Ereignisse die in den meisten Browsern mit Hyperlinks verbunden sind wohingegen onLoad ein Ereignis darstellt das mit Bildern und dem Dokumenthauptteil verbunden ist Wenn Sie einem Seitenelement eine Verhaltensweise anf gen definieren Sie ein Ereignis sowie die dadurch ausgel ste Aktion Ein Ereignis kann mehrere Aktionen ausl sen und Sie k nnen die Reihenfolge festlegen in der die Aktionen ausgef hrt werden Dreamweaver enth lt mehrere Aktionen f r Verhaltensweisen Weitere Aktionen finden Sie im Extensibility Exchange des Dreamweaver Developers Center sowie auf den Sites von Drittanbietern Siehe Verhaltensweisen von Drittanbietern herunterladen und installieren auf Seite 265 Wenn Sie gute Kenntnisse in JavaScript haben k nnen Sie auch eigene Aktionen f r Verhaltensweisen schreiben Unter Dreamweaver erweitern berblick in den Dreamweaver Help Pages wird genauer beschrieben wie Sie Aktionen f r Verhaltensweisen schreiben Verhaltensweisen anf gen Sie k nnen dem gesamten Dokument dem BODY oder Hyperlinks Bildern Formularelementen oder einer Reihe weiterer HTML Elemente eine Verhaltensweise anf gen Die Elemente die Verhaltensweisen akzeptieren h ngen vom Browser ab Internet Explorer 4 0 bietet beispielsweise f r jedes Element eine wesentli
295. n rechts im Dialogfeld zeigt alle Schriftarten die auf Ihrem System installiert sind 3 Nehmen Sie die gew nschten nderungen vor gt Um Schriftarten zu einer Schriftartkombination hinzuzuf gen oder daraus zu entfernen klicken Sie auf die Richtungspfeile zwischen den beiden Listen Gew hlte Schriftarten und Verf gbare Schriftarten gt Um eine Schriftartkombination hinzuzuf gen oder zu entfernen klicken Sie oben im Dialogfeld auf die Schaltfl chen mit den Plus oder Minuszeichen gt Um eine Schriftart hinzuzuf gen die nicht auf Ihrem System installiert ist geben Sie den Namen der Schriftart in das Textfeld unter der Liste Verf gbare Schriftarten ein und klicken Sie auf den Richtungspfeil damit die Schriftart der Kombination hinzugef gt wird Mit dieser Funktion k nnen Sie beispielsweise eine Windows spezifische Schriftart angeben wenn Sie Ihre Web Site auf einem Macintosh entwerfen gt Um eine Schriftartkombination in der Liste nach oben oder nach unten zu verschieben klicken Sie auf die Richtungspfeile oben im Dialogfeld So f gen Sie der Schriftartliste eine neue Kombination hinzu 1 2 W hlen Sie Text gt Schriftart gt Schriftartliste bearbeiten W hlen Sie eine Schriftart aus der Liste Verf gbare Schriftarten aus und klicken Sie auf die Schaltfl che lt lt um die Schriftart in die Liste Gew hlte Schriftarten zu verschieben Wiederholen Sie Schritt 2 f r alle weiteren Schriftarten in
296. n soll und welche Aktion dadurch aufgerufen wird Dreamweaver kopiert die verkn pften JavaScript Funktionen nicht in das Bibliothekselement sondern f gt sie automatisch in den HEAD des aktuellen Dokuments ein sofern sie noch nicht vorhanden sind wenn Sie das Bibliothekselement in das Dokument einf gen Die JavaScript Funktionen werden nicht mit dem Bibliothekselement gespeichert da es sich hierbei um HEAD Elemente handelt und Bibliothekselemente nur BODY Elemente enthalten k nnen Der Verhaltensweisen Inspector ist beim Bearbeiten eines Bibliothekselements nicht verf gbar da nur die H lfte des Verhaltenscodes zur Inspektion zur Verf gung steht Um eine Verhaltensweise in einem Bibliothekselement bearbeiten zu k nnen m ssen Sie das Element zuerst editierbar machen und es neu erstellen nachdem Sie die nderungen vorgenommen haben So bearbeiten Sie eine Verhaltensweise in einem Bibliothekselement 1 ffnen Sie ein Dokument das das Bibliothekselement enth lt Merken Sie sich sowohl den Namen des Bibliothekselements als auch die genauen enthaltenen Tags Sie ben tigen diese Informationen in den Schritten 8 und 9 2 W hlen Sie das Bibliothekselement aus und klicken Sie im Eigenschaften Inspector auf Editierbar machen 3 W hlen Sie das Element aus an dem das Verhalten angef gt ist 4 W hlen Sie Fenster gt Verhaltensweisen um den Verhaltensweisen Inspector zu ffnen und doppelklicken Sie dann auf die zu ndern
297. n und erscheint daher oberhalb des Objekts Bilder und andere Elemente vergr ern oder verkleinern Sie k nnen Elemente wie Bilder Plug Ins Shockwave oder Flash Filme Applets und ActiveX Steuerelemente im Dokumentfenster visuell vergr ern oder verkleinern Dadurch k nnen Sie feststellen wie ein Element das Layout beeinflu t wenn es unterschiedliche Abmessungen hat Wenn Sie die Gr e eines Elements ndern werden seine Attribute WIDTH und HEIGHT zur ckgesetzt Die Dateigr e des Elements bleibt dabei unver ndert Flash Filme und andere vektorbasierte Elemente sind vollst ndig skalierbar das hei t die Qualit t dieser Elemente wird nicht beeintr chtigt wenn Sie ihre Gr e ndern Bitmap Elemente wie GIF JPEG und PNG Bilder werden dagegen eventuell gr ber oder verzerrt wenn Sie ihre Attribute WIDTH und HEIGHT zur cksetzen Daher sollten Sie die Gr e dieser Elemente in Dreamweaver nur visuell ndern um das Layout festzulegen Wenn Sie die optimale Gr e der Bilder ermittelt haben bearbeiten Sie die Datei in einer Bildbearbeitungsanwendung Dadurch kann die Datei eventuell auch kleiner werden so da das Bild schneller heruntergeladen wird So ver ndern Sie die Gr e eines Elements 1 W hlen Sie das Element im Dokumentfenster aus beispielsweise ein Bild oder einen Shockwave Film Nun werden an der unteren und der rechten Seite sowie in der unteren rechten Ecke des Elements Ziehgriffe angez
298. nander zu trennen Zwischen 3 0 und 4 0 Browsern konvertieren Mit den Konvertierungsoptionen im Men Datei k nnen Sie eine 3 0 Browser kompatible Version einer Seite erstellen die Ebenen enth lt Weiterhin k nnen Sie mit diesen Optionen ein Dokument das Tabellen enth lt in ein Dokument mit Ebenen konvertieren In jedem Fall erstellt Dreamweaver eine separate konvertierte Datei und beh lt das Original unver ndert bei In der Regel sollten Sie die Konvertierung erst dann vornehmen wenn Sie den Entwurf Ihrer Originaldatei vollst ndig abgeschlossen haben Wenn Sie die Originaldatei noch ndern m ssen Sie sie erneut konvertieren Hinweis Wenn Sie eine Seite mit Ebenen erstellt haben und sie anschlie end in einem 3 0 Browser anzeigen m chten verwenden Sie die Layout Befehle im Men ndern um die aktuelle Seite zwischen Tabellen und Ebenen Layout zu konvertieren ohne dabei eine separate Datei zu erstellen Siehe Ebenen zum Tabellen Design verwenden auf Seite 230 So konvertieren Sie eine Datei damit sie in 3 0 Browsern angezeigt werden kann 1 W hlen Sie Datei gt Konvertieren gt 3 0 Browser kompatibel 2 Daraufhin wird ein Dialogfeld angezeigt W hlen Sie hier ob Sie Ebenen in Tabellen oder CSS Stile in HTML Markup Zeichenstile konvertieren m chten oder beides 3 Klicken Sie auf OK Die konvertierte Datei wird in einem neuen unbenannten Fenster ge ffnet Alle Ebenen werden durch eine einzige Tabelle er
299. ncher enth lt Schaltfl chen mit denen die am h ufigsten verwendeten Inspectoren und Paletten ge ffnet und geschlossen werden k nnen Die Schaltfl chen im Launcher sind auch im Mini Launcher unten im Dokumentfenster enthalten so da Sie auch dann schnell und einfach darauf zugreifen k nnen wenn der Launcher geschlossen ist gt Die Objektpalette enth lt Schaltfl chen mit denen Sie verschiedene Objekttypen erstellen k nnen wie beispielsweise Bilder Tabellen Ebenen usw gt Im Eigenschaften Inspector werden die Eigenschaften des ausgew hlten Objekts angezeigt 67 68 Kapitel 3 gt ber Kontextmen s k nnen Sie schnell n tzliche Befehle aufrufen die sich auf die aktuelle Auswahl oder den aktuellen Bereich beziehen gt Mit den andockbaren schwebenden Paletten k nnen Sie schwebende Fenster Inspectoren und Paletten in einem oder mehreren Fenstern im Registerformat zusammenfassen Das Dokumentfenster Im Dokumentfenster wird das aktuelle Dokument ungef hr so angezeigt wie es in einem Web Browser erscheint Die Titelleiste des Dokumentfensters zeigt den Seitentitel sowie in Klammern den Dateinamen Wenn die Datei ungesicherte nderungen enth lt wird weiterhin ein Sternchen in den Klammern angezeigt Unten links im Dokumentfenster befindet sich der Tag Selektor Hier werden die Tags angezeigt die den ausgew hlten Text oder das ausgew hlte Objekt steuern Sie k nnen auf diese Tags klicken um ein spezifis
300. nd Breite des Objekts in Pixeln fest Sie k nnen auch folgende Ma einheiten festlegen pc Pica pt Punkt in Zoll mm Millimeter cm Zentimeter oder Prozentsatz vom Wert des bergeordneten Elements Zwischen dem Wert und der Abk rzung darf keine Leerstelle stehen z B 3mm Klassen ID Mit diesem Wert identifiziert der Browser das ActiveX Steuerelement Geben Sie entweder einen Wert ein oder w hlen Sie einen Wert aus dem Popup Men Wenn die Seite geladen wird verwendet der Browser die Klassen ID um das ActiveX Steuerelement zu finden das f r das jeweilige ActiveX Objekt erforderlich ist Kann der Browser das angegebene ActiveX Steuerelement nicht finden versucht er es von der Site herunterzuladen die unter Basis angegeben ist Basis Legt den URL fest der das ActiveX Steuerelement enth lt Internet Explorer l dt das ActiveX Steuerelement von dieser Site herunter wenn es noch nicht auf dem System des Anwenders installiert ist Einbetten Bewirkt da Dreamweaver im OBJECT Iag des ActiveX Steuerelements ein EMBED Tag einf gt Wenn es f r das ActiveX Steuerelement ein entsprechendes Netscape Plug In gibt wird dieses Plug In durch das EMBED Tag aktiviert Dreamweaver weist die Werte die Sie als ActiveX Eigenschaften angegeben haben den entsprechenden Werten f r Netscape Plug Ins zu Qu Definiert die Datendatei die f r ein Netscape Plug In verwendet werden soll wenn die Option Einbetten aktiviert ist Wenn Sie
301. nd H Abstand Legen die Anzahl an Pixeln f r den Leerraum oberhalb unterhalb und zu beiden Seiten des Films fest Alt Bild nur OBJECT Legt das Bild fest das angezeigt werden soll wenn der Browser des Anwenders keine ActiveX Steuerelemente unterst tzt Parameter ffnet ein Dialogfeld in das Sie zus tzliche Parameter eingeben k nnen die an den Film weitergegeben werden sollen Der Film mu entsprechend konfiguriert worden sein damit er diese Parameter empfangen kann Siehe Informationen zu Parametern auf Seite 313 Qualit t Setzt den QUALITY Parameter f r die OBJECT und EMBED Tags die den Film ausf hren Eine Beschreibung der Optionen finden Sie in der Flash Dokumentation Folgende Optionen stehen zur Auswahl Niedrig Auto Niedrig Auto Hoch und Hoch Skalierung Setzt den SCALE Parameter f r die OBJECT und EMBED Tags die den Film ausf hren Eine Beschreibung der Optionen finden Sie in der Flash Dokumentation Auto Wdg Gibt den Film automatisch wieder wenn die Seite geladen wird Schleife Bewirkt da der Film eine Endlosschleife ausf hrt Aftershock Objekte einf gen und bearbeiten Aftershock ist ein Dienstprogramm von Macromedia das den HTML Code generiert der zum Wiedergeben von Shockwave oder Flash Player Filmen erforderlich ist Sie k nnen von Aftershock erstellte Dateien in Dreamweaver ffnen und ihren Inhalt in andere Dreamweaver Dokumente einf gen Wenn Sie Aftershock Objekte bearbeiten m chten
302. ndardeigenschaften f r Ebenen definiert dazu geh ren u a Tag Sichtbarkeit H he und Breite Wenn Sie die Standardeigenschaften ndern m chten w hlen Sie Bearbeiten gt Voreinstellungen und w hlen Sie die Kategorie Ebenen Siehe Ebenen Voreinstellungen w hlen auf Seite 218 Standardm ig erstellt Dreamweaver Ebenen mit dem DIV Tag und f gt den Ebenencode an der Cursorposition ein Wenn Sie die Ebene zeichnen wird der Code standardm ig ganz oben in der Seite eingef gt direkt nach dem BODY Tag Bei einer verschachtelten Ebene wird der Code innerhalb des Tags eingef gt das die bergeordnete Ebene definiert Sie k nnen verhindern da die erstellten Ebenen sich berlappen Aktivieren Sie dazu in der Ebenenpalette die Option berlappungen verhindern oder w hlen Sie Ansicht gt Ebenen berlappungen verhindern Siehe Ebenen berlappungen verhindern auf Seite 232 So erstellen Sie eine Ebene mit einer der folgenden Methoden gt Um eine Ebene einzuf gen plazieren Sie den Cursor an der Stelle des Dokumentfensters an der die Ebene eingef gt werden soll und w hlen Sie dann Einf gen gt Ebene gt Um eine Ebene durch Ziehen und Ablegen einzuf gen klicken Sie in der Objektpalette auf die Schaltfl che Ebene ziehen Sie die Ebene an die gew nschte Stelle im Dokumentfenster und lassen Sie die Maustaste los gt Um eine Ebene zu zeichnen klicken Sie in der Objektpalette auf die Schaltfl che Ebene la
303. nden Sie die Aktion Popup Meldung 1 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus W hlen Sie im Popup Men Aktionen die Option Popup Meldung Geben die gew nschte Meldung in das Feld Meldung ein Klicken Sie auf OK OO BP U N Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Bilder vorausladen Die Aktion Bilder vorausladen l dt Bilder die nicht sofort auf der Seite angezeigt werden in den Cache Speicher des Browsers z B Bilder die mit Hilfe von Zeitleisten Verhaltensweisen oder JavaScript vertauscht werden Damit werden durch das Herunterladen verursachte Verz gerungen verhindert wenn die Bilder angezeigt werden sollen Hinweis Die Aktion Bild austauschen l dt alle hervorgehobenen Bilder automatisch vor wenn Sie das Kontrollk stchen Bilder vorausladen im Dialogfeld Bild austauschen aktivieren Deshalb brauchen Sie Bilder vorausladen bei der Aktion Bild austauschen nicht zu verwenden So verwenden Sie die Aktion Bilder vorausladen 1 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus 2 W hlen Sie im Popup Men Aktionen die Option Bilder vorausladen 3 Geben Sie den Pfad und Dateinamen des vorauszuladenden Bildes in das
304. ndere Objekte wie Tabellen Bilder und Abs tze rasten nicht am Gitternetz ein Dokumente erstellen 77 78 Kapitel 4 Das Dokumentfenster vergr ern oder verkleinern Das Popup Men f r die Fenstergr e in der Statusleiste enth lt die aktuellen Abmessungen in Pixeln des Dokumentfensters sowie einige g ngige Bildschirmgr en Sie k nnen das Dokumentfenster auf eine der Gr en im Popup Men einstellen und so sicherstellen da Ihre Seite f r eine bestimmte Aufl sung oder mehrere verschiedene Aufl sungen geeignet ist So ndern Sie die Werte im Popup Men f r die Fenstergr e 1 W hlen Sie Bearbeiten gt Voreinstellungen und anschlie end die Kategorie Statusleiste 2 Klicken Sie in der Liste Fenstergr e auf einen Wert f r H he oder Breite und geben Sie einen neuen Wert ein Sie k nnen das Dokument auch auf eine bestimmte Breite einstellen und die H he unver ndert lassen W hlen Sie dazu einen der Werte f r die H he aus und l schen Sie ihn 3 Klicken Sie in das Feld Beschreibung und geben Sie einen aussagekr ftigen Text f r eine bestimmte Gr e ein Beispielsweise k nnten Sie neben den Eintrag f r einen Bildschirm mit der Aufl sung 800 x 600 die Beschreibung SVGA oder Standard PC eingeben und ein Bildschirm mit der Aufl sung 832 x 624 k nnte die Beschreibung 17 Zoll Mac haben So f gen Sie dem Popup Men f r die Fenstergr e einen Wert hinzu 1 W hlen Sie Bearbeiten gt
305. ndern damit die 3 0 kompatible Datei aktualisiert wird Daher sollten Sie den Befehl erst dann w hlen wenn Sie Ihre urspr ngliche Datei vollst ndig fertiggestellt haben CSS Stile in HTML Markup Konvertierungstabelle Wenn Sie die Funktion In 3 0 Browser kompatibel konvertieren w hlen werden die CSS Attribute die in der folgenden Tabelle aufgelistet sind in HTML Markup konvertiert Nicht aufgelistete Attribute werden entfernt Siehe CSS Stile in HTML Markup konvertieren auf Seite 184 CSS Attribut Konvertiert in color ont family ont size ont style oblique ont style kursiv ont weight list style type Quadrat list style type Kreis list style type Listenpunkt list style type gro r misch list style type klein r misch list style type Gro buchstaben list style type Kleinbuchstaben list style text align text decoration unterstrichen text decoration durchgestrichen FONT COLOR FONT FACE FONT SIZE 1 7 UL TYPE Quadrat UL TYPE Kreis UL TYPE Listenpunkt UL TYPE OL TYPE i OL TYPE A OL TYPE a UL oder OL mit TYPE wie zutreffend P ALIGN oder DIV ALIGN wie zutreffend U STRIKE Text formatieren 185 186 Kapitel 9 Rechtschreibung pr fen Mit dem Befehl Rechtschreibpr fung im Men Text k nnen Sie die Rechtschreibung des aktuellen Dokuments berpr fen Dieser Befehl ignoriert HTML Tags und Attributwerte Standard
306. ndert oder umstrukturiert werden und die Seiten auf die Ihre Hyperlinks verweisen wurden zwischenzeitlich eventuell verschoben oder gel scht Siehe Hyperlinks zwischen Dokumenten berpr fen auf Seite 150 und Fehlerhafte Hyperlinks reparieren auf Seite 151 gt Zeigen Sie eine Vorschau Ihrer Seiten in m glichst vielen Browsern und auf m glichst vielen verschiedenen Plattformen an Dadurch k nnen Sie Unterschiede bei Layout Farbe Schriftgr en und Standardgr e des Browser Fensters ermitteln die bei einer berpr fung des Ziel Browsers nicht festgestellt werden k nnen Siehe Vorschau in Browsern anzeigen auf Seite 152 gt Achten Sie darauf da Ihre Seiten nicht zu gro werden und da der Download der Seiten nicht zu lange dauert Wenn eine Seite aus einer einzigen gro en Tabelle besteht wird im Browser so lange nichts angezeigt bis die ganze Tabelle geladen wurde Daher sollten Sie gro e Tabellen eventuell in kleinere unterteilen Ist dies nicht m glich k nnen Sie anderen weniger umfangreichen Inhalt wie beispielsweise eine Begr ung oder ein Werbebanner oben auf der Seite und au erhalb der Tabelle plazieren Die Besucher Ihrer Site k nnen dann diesen Inhalt lesen w hrend die Tabelle heruntergeladen wird Siehe Download Zeit und Gr e berpr fen auf Seite 153 Kompatibilit t einer Seite mit Ziel Browsern berpr fen Die Web Seiten die Sie in Dreamweaver erstellen k nnen Elemente enthalten
307. ndlage eines bereits vorhandenen HTML Dokuments erstellen und sie anschlie end nach Bedarf ndern Sie k nnen jedoch auch eine v llig neue Vorlage erstellen und dabei mit einem leeren HTML Dokument beginnen Vorlagen werden automatisch im Ordner Templates des lokalen Stammordners f r die Site gespeichert Wenn der Ordner Templates nicht vorhanden ist wird er angelegt wenn Sie eine neue Vorlage erstellen So speichern Sie ein vorhandenes Dokument als Vorlage 1 W hlen Sie Datei gt ffnen und w hlen Sie ein vorhandenes Dokument 2 W hlen Sie Datei gt Als Vorlage speichern 3 Daraufhin wird ein Dialogfeld angezeigt W hlen Sie hier eine Site aus und geben Sie in das Feld Speichern unter einen Namen f r die Vorlage ein 4 Klicken Sie auf Speichern So erstellen Sie eine neue leere Vorlage 1 W hlen Sie Fenster gt Vorlagen 2 Klicken Sie in der Vorlagenpalette auf Neu Daraufhin wird der Vorlagenliste in der Palette eine neue unbenannte Vorlage hinzugef gt 3 Achten Sie darauf da die Vorlage noch ausgew hlt ist und geben Sie einen Namen f r sie ein So bearbeiten Sie eine Vorlage 1 W hlen Sie Fenster gt Vorlagen 2 Doppelklicken Sie in der Vorlagenpalette auf den Namen einer Vorlage Seiteneigenschaften f r Vorlagen einstellen Die Seiteneigenschaften der Vorlage steuern s mtliche Optionen des Dokuments mit Ausnahme des Seitentitels Wenn Sie ein Dokument auf Grundlage einer Vorlage erstellen und
308. ne Wortabgrenzung Eine beliebige Ziffer Entspricht 0 9 Ein beliebiges Zeichen das keine Ziffer ist Entspricht 0 9 Formularvorschub Zeilenvorschub Zeilenumbruch Ein beliebiges einzelnes nicht druckbares Zeichen beispielsweise Leerzeichen Tabulator Formularvorschub oder Zeilenvorschub Ein beliebiges einzelnes druckbares Zeichen Ein Tabulator Ein beliebiges alphanumerisches Zeichen einschlie lich Unterstrich Entspricht A Za z0 9_ Ein beliebiges Zeichen nicht jedoch alphanumerisch Entspricht A Za z0 9_ e g entspricht e in Bett f in Flu und g in ganz aeiou entspricht r in orange b in buchen und k in ok bb entspricht b in buchen es entspricht jedoch nichts in Lorbeer oder Snob Bb entspricht b in Lorbeer es entspricht jedoch nichts in buchen d entspricht 3 in C3PO und 2 in Wohnung 2G D entspricht S in 900S und Q in Q45 sbuchen entspricht buchen in jetzt buchen es entspricht jedoch nichts in verbuchen Sbuchen entspricht buchen in verbuchen es entspricht jedoch nichts in jetzt buchen g w entspricht graue in der graue Hund und sowohl gro e als auch graue in der gro e graue Hund W entspricht amp in Hinz amp Kunz und o in 100 y Hyperlinks verwalten Wenn Sie ein Dokument innerhalb einer lokalen Site verschieben oder umbenennen kann Dreamweaver s mtliche Hy
309. ne Stylesheets unterst tzen Sie k nnen ein Beispiel hierf r sehen indem Sie versuchen die Dreamweaver HTML Help Pages in einem 3 0 Browser anzuzeigen Siehe Absatz und berschrift Tags anwenden auf Seite 170 Absatz und berschrift Tags anwenden Mit dem Popup Men Format im Eigenschaften Inspector oder dem Men Text gt Formatieren k nnen Sie die standardm igen Absatz und berschrift Tags anwenden Verwenden Sie Stylesheets um das Erscheinungsbild von Absatz und berschrift Tags neu zu definieren Siehe Text mit Stylesheets formatieren auf Seite 175 So wenden Sie ein Absatz oder berschrift Tag an 1 Plazieren Sie den Cursor in den Absatz oder w hlen Sie den gesamten Text bzw eine bestimmte Textstelle im Absatz aus 2 W hlen Sie einen Absatzstil im Popup Men Format des Eigenschaften Inspectors oder im Men Text gt Formatieren W hlen Sie Keine um einen Absatzstil zu entfernen Das Tag das zum ausgew hlten Stil geh rt beispielsweise P f r Absatz H1 f r berschrift1 PRE f r Vorformatiert und so weiter wird auf den ganzen Absatz angewandt Schriftarteigenschaften ndern Mit dem Eigenschaften Inspector oder dem Men Text ndern Sie die Schriftarteigenschaften f r ausgew hlten Text So ndern Sie Schriftarteigenschaften 1 W hlen Sie die Textstelle aus Wenn Sie keinen Text ausw hlen wirkt sich die nderung auf den Text aus den Sie anschlie end eingeben Nehmen Sie
310. ne Vorschau der Animation auf der Seite anzusehen Wiederholen Sie diese Vorgehensweise um der Zeitleiste weitere Ebenen und Bilder hinzuzuf gen und eine komplexere Animation zu erstellen Eine Zeitleiste durch Ziehen eines Pfades erstellen Wenn Sie eine Animation mit einem komplexen Pfad erstellen m chten ist es eventuell effizienter den Pfad beim Ziehen der Ebene aufzuzeichnen anstatt einzelne Schl sselbilder zu erstellen So erstellen Sie eine Zeitleiste indem Sie einen Pfad ziehen 1 2 W hlen Sie Einf gen gt Ebene um eine Ebene zu erstellen Verschieben Sie die Ebene an die Stelle an der sie sich befinden soll wenn die Animation beginnt Stellen Sie sicher da Sie das richtige Element ausgew hlt haben Sie k nnen eine Ebene ausw hlen indem Sie auf ihr Symbol oder auf ihren Namen in der Ebenenpalette klicken Siehe auch Ebenen manipulieren auf Seite 223 W hlen Sie ndern gt Pfad der Ebene aufzeichnen Ziehen Sie die Ebene ber die Seite um einen Pfad zu erstellen Lassen Sie die Maustaste an der Stelle los an der die Animation enden soll Dreamweaver f gt der Zeitleiste eine Animationsleiste hinzu und gibt dabei die passende Anzahl an Schl sselbildern an Klicken Sie im Zeitleisten Inspector auf die Schaltfl che Zur ckspulen Halten Sie dann die Schaltfl che Wiedergeben gedr ckt um eine Vorschau Ihrer Animation zu sehen Zeitleisten ndern Nachdem Sie die grundlegenden Komponenten
311. nen Gitternetzposition ein Diese Funktion erleichtert zwar die Ausrichtung der Ebenen in diesem Fall bewirkt sie jedoch da Sie die Ebenen nicht wie erforderlich frei auf der Seite verschieben k nnen Klicken Sie auf OK um das Dialogfeld zu schlie en und die Tabellenzellen in Ebenen zu konvertieren Die Tabellenzellen werden in Ebenen konvertiert und die Ebenenpalette wird angezeigt damit Sie den berblick ber alle Ebenen auf der aktuellen Seite behalten Lehrgang 35 36 Kapitel 2 Tracing Bilder als Layout Hilfe hinzuf gen Ein Tracing Bild im JPG GIF oder PNG Format kann Ihnen als visuelles Hilfsmittel dienen wenn Sie das Design f r Ihre Web Seite in einer anderen Grafikanwendung erstellen Das Tracing Bild wird im Hintergrund als eine Art Schablone angezeigt wenn Sie das Layout f r Ihre Seite im Dokumentfenster erstellen In diesem Beispiel verwenden Sie ein Tracing Bild um die Ebenen des Dokuments About Us so zu positionieren da das Seiten Design dem zugrundeliegenden Tracing Bild entspricht So laden Sie ein Tracing Bild 1 W hlen Sie Ansicht gt Tracing Bild gt Laden 2 W hlen Sie im Ordner Assets die Datei about_us_comp gif und klicken Sie auf Ausw hlen 3 Stellen Sie im Dialogfeld Seiteneigenschaften die Transparenz des Tracing Bildes auf 50 ein Seiteneigenschaften Ejfreoecss S E m E wenicntann Zili Neuken Assort us comot Durceueren Assets about_us_
312. nen verwenden 227 228 Kapitel 12 So ndern Sie die Einstellungen f r das Gitternetz und die Einrastfunktion 1 W hlen Sie Ansicht gt Gitternetz gt Einstellungen um das Dialogfeld Gitternetz Einstellungen zu ffnen W hlen Sie die gew nschten Optionen Sichtbares Gitternetz macht das Gitternetz sichtbar Diese Option ist mit dem Befehl Ansicht gt Gitternetz gt Zeigen kombiniert Abstand definiert den Abstand zwischen den Linien des Gitternetzes Geben Sie einen Wert ein und w hlen Sie dann im Popup Men entweder Pixel Zoll oder Zentimeter Farbe definiert die Farbe der Gitternetzlinien Die Standardfarbe ist Hellblau Anzeigen gibt an ob das Gitternetz mit Linien oder mit Punkten dargestellt werden soll Einrasten aktiviert oder deaktiviert die Einrastfunktion Diese Option ist mit dem Befehl Ansicht gt Gitternetz gt Einrasten an kombiniert Einrasten alle definiert einen Wert f r die Einrastfunktion Geben Sie eine Zahl in das Feld Einrasten alle ein und w hlen Sie dann im Popup Men entweder Pixel Zoll oder Zentimeter Der Standardwert lautet 5 Pixel Ebenen k nnen nur am Gitternetz einrasten wenn f r das Gitternetz und die Einrastfunktion der gleiche Einheitenwert gilt Wenn der Abstand beispielsweise auf 50 Pixel eingestellt ist mu auch Einrasten alle auf 50 Pixel eingestellt sein Klicken Sie auf OK Stapelreihenfolge der Ebenen ndern Mit dem Eigenschaften Inspector oder der Ebene
313. ner f r jede Site finden Sie unter Lokale Sites erstellen auf Seite 104 Bibliothekselemente erstellen Sie k nnen aus einem ausgew hlten Abschnitt eines Dokumenthauptteils ein Bibliothekselement erstellen In diesem Fall konvertiert Dreamweaver den ausgew hlten Bereich in ein Bibliothekselement Bibliothekselemente k nnen beliebige BODY Elemente enthalten einschlie lich Text Tabellen Formulare Bilder Java Applets Plug Ins und ActiveX Elemente Dreamweaver speichert jedoch nur Verweise auf die verkn pften Elemente wie beispielsweise Bilder Die Originaldateien m ssen an dem angegebenen Ort verbleiben damit die Bibliothekselemente ordnungsgem funktionieren Bibliothekselemente k nnen auch Verhaltensweisen beinhalten f r deren Bearbeitung jedoch besondere Voraussetzungen gelten Siehe Verhaltensweisen in einem Bibliothekselement bearbeiten auf Seite 256 Bibliothekselemente k nnen keine Zeitleisten oder Stylesheets enthalten da der Code f r diese Elemente zum HEAD geh rt So erstellen Sie ein Bibliothekselement 1 W hlen Sie einen Dokumentabschnitt der als Bibliothekselement gespeichert werden soll 2 F hren Sie einen der folgenden Schritte aus gt W hlen Sie Fenster gt Bibliothek und ziehen Sie die Auswahl in die Bibliothekspalette oder klicken Sie in der Bibliothekspalette auf die Schaltfl che Erstellen Dr cken Sie die Strg Taste Windows bzw die Befehlstaste Macintosh um zu verhindern da
314. nes normalen Textverarbeitungsprogramms sehr hnlich Verwenden Sie das Men Text gt Formatieren oder das Popup Men Format im Eigenschaften Inspector um den Standardstil Absatz Vorformatiert berschrift 1 berschrift 2 und so weiter f r einen Textblock zu definieren Sie k nnen Schriftart Gr e Farbe und Ausrichtung des ausgew hlten Textes mit dem Men Text oder dem Eigenschaften Inspector ndern Mit Stilen k nnen Sie das Erscheinungsbild aller Textstellen definieren die zu einer bestimmten Kategorie geh ren Wenn Sie die Befehle im Men Text oder den Eigenschaften Inspector verwenden wird die Formatierung mit standardm igen HTML Tags angewandt beispielsweise B FONT und CODE diese Tags werden von allen g ngigen Web Browsern unterst tzt Benutzerdefinierte Stile verwenden CSS Cascading Style Sheets um die Formatierung f r alle Textstellen einer bestimmten Klasse zu definieren oder um die Formatierung eines bestimmten Tags wie beispielsweise H1 H2 P oder LI neu zu definieren Diese CSS Stile werden von Netscape Navigator 4 0 und neuer sowie Microsoft Internet Explorer 3 0 und neuer unterst tzt Sie k nnen innerhalb einer Seite sowohl Stile als auch HTML Formatierungen verwenden wie bei Textverarbeitungsprogrammen haben dabei Formatierungen die Sie mit dem Men Text oder dem Eigenschaften Inspector auf den ausgew hlten Text anwenden Vorrang vor den vom Stylesheet vorgegebenen Formatierungen Unter
315. ng als Dreamweaver bertragen k nnten Sie ausgecheckte Dateien daher berschreiben Um dies zu verhindern wird in anderen Anwendungen die ck Datei neben der ausgecheckten Datei in der Dateistruktur angezeigt Sie k nnen das Ein und Auschecken von Dateien f r bestimmte Sites aktivieren und f r andere Sites deaktivieren Siehe Sites definieren auf Seite 128 Unter Dateien von einem entfernten Server abrufen auf Seite 135 und Dateien auf einem entfernten Server bereitstellen auf Seite 136 wird beschrieben wie Sie Dateien zwischen lokalen und entfernten Sites bertragen ohne sie dabei ein oder auszuchecken Site Verwaltung 133 134 Kapitel 7 Dateien auf einem entfernten Server einchecken und auschecken Sie verwenden das Site Fenster um Dateien auf einem entfernten Server ein oder auszuchecken Sie k nnen das Auschecken auch r ckg ngig machen ohne die Datei zu bertragen so da andere Mitarbeiter des Teams die Datei auschecken k nnen So checken Sie Dateien von einem entfernten Server aus 1 W hlen Sie im Site Fenster oben im Popup Men der aktuellen Sites die gew nschte Site aus W hlen Sie eine oder mehrere Dateien aus klicken Sie mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh und w hlen Sie im Kontextmen die Option Auschecken Sie k nnen auch oben im Site Fenster auf die Schaltfl che Auschecken klicken Sie werden nun gefragt ob Sie auch abh ngige Dateien her
316. ngezeigt werden soll wenn der Browser die festgelegte Version oder eine neuere Version hat und welche Seite andernfalls angezeigt werden soll Folgende Optionen stehen zur Auswahl Zu URL gehen Zu Alt URL gehen und Auf dieser Seite bleiben 6 Legen Sie eine Microsoft Internet Explorer Version fest 7 Legen Sie in den angrenzenden Popup Men s fest welche Seite angezeigt werden soll wenn der Browser die festgelegte Version oder eine neuere Version hat und welche Seite andernfalls angezeigt werden soll Folgende Optionen stehen zur Auswahl Zu URL gehen Zu Alt URL gehen und Auf dieser Seite bleiben 8 Legen Sie im Popup Men Andere Browser fest welche Seite angezeigt werden soll wenn es sich beim Browser weder um Netscape Navigator noch um Microsoft Internet Explorer handelt Auf dieser Seite bleiben ist f r andere Browser als Navigator und IE die beste M glichkeit da die meisten dieser Browser JavaScript nicht unterst tzen Diese Browser bleiben ohnehin auf der Seite wenn sie dieses Verhalten nicht erkennen k nnen 9 Geben Sie den Pfad und Dateinamen des URLs und des alternativen URLs in die Textfelder unten im Dialogfeld ein 10 Klicken Sie auf OK 11 Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser
317. ngezeigt werden deaktivieren Sie das Kontrollk stchen Beim Einf gen von Objekten Dialog zeigen Verwenden Sie den Eigenschaften Inspector um die Eigenschaften des Objekts zu ndern nachdem es eingef gt wurde Mit den Voreinstellungen f r die Objektpalette k nnen Sie w hlen ob der Inhalt der Objektpalette nur als Text nur als Symbole oder als Text und Symbole angezeigt wird Kontextmen s In Dreamweaver stehen Ihnen zahlreiche Kontextmen s zur Verf gung mit denen Sie schnell und einfach die wichtigsten Befehle und Eigenschaften f r das aktuelle Objekt oder Fenster aufrufen k nnen In den Kontextmen s werden nur Befehle aufgelistet die f r die aktuelle Auswahl relevant sind So verwenden Sie Kontextmen s 1 gt ffnen Sie das Kontextmen Wenn Sie mit Windows arbeiten klicken Sie mit der rechten Maustaste auf das Fenster oder Objekt Wenn Sie mit einem Macintosh arbeiten klicken Sie mit gedr ckter Strg Taste auf das Fenster oder Objekt W hlen Sie den gew nschten Befehl aus dem Kontextmen aus und lassen Sie die Maustaste los Datei Bearbeiten Ansicht Einf gen ndem Text Befehle Fenste Formatieren gt Liste Ausrichtung Schriftart Stil Benutzerdefinierter Stil Auswahl Gr e N Editierbare Bereiche Hyperlink erstellen vvrvvvvr Erste Schritte 71 72 Kapitel 3 Andockbare schwebende Paletten Die meisten Paletten und Inspectoren in Dreamweaver k
318. nn 156 Formatierungssteuerungen f r HTML Quellcode einstellen 157 HTML Code optimieren 2 2 2222 ceeneeeeeeennen nern 161 Ung ltiges Markup korrigieren 2 222222 00eeeeeeee nenn 162 Mit anderen HTML Editoren arbeiten 2222cccc cc 163 Skripte einf gen sirdir kare era seen esse 166 Kommentare einf gen s ssunueuru rerun r rrr r errre 167 KAPITEL 9 Text formatieren ssaas anaran aea 169 Text formatieren berblick 2 eeeeeeeeeeeeeeeeeee en 169 Text mit HTML Tags formatieren 2220ceeeeeeer nen 170 Listen erstellen 222 22 ces eeeneeeeeesneeeeennenene nen 175 Text mit Stylesheets formatieren 22 2 2222 2 20 runer 175 CSS Stile in HTML Markup konvertieren ceeee222eeeeenn 184 Rechtschreibung pr fen cceneseeeeeeneenee rennen 186 KAPITEL 10 Bilder einf gen ur re a 187 Bilder einf gen berblick 22222c2ee essen 187 Bilder einf gen u a rennes Bene es nn a 188 Ein Rollover erstellen 2 2222 ceceoeeeeeeeneeenene nenn 189 Bildeigenschaften einstellen 2 222222 00eeeeeee rennen 190 Mit einem externen Bild Editor arbeiten 222ccc2 2 194 Imagemaps erstellen 22222222 00eeeeeeeeeeneen nennen 195 KAPITEL 11 Tabellen erstellen 22c2ceeneeeeeee nn 197 Tabellen erstellen berblick 2 2 eeeeeeeeeeeeeee en 197 Tabellen erstellen zu sca00 0 sense an 198 Tabellen formatieren 22222 seeeeeeeneeeeeeneeeneen
319. nn Sie gefragt werden ob Sie eine Cache Datei f r die Site erstellen m chten klicken Sie auf Erstellen Dreamweaver x M chten Sie f r diese Site eine Cache Datei erstellen IN Eine Cache Datei verbessert die Leistung der Site Map und hilft Dreamweaver dabei Ihre Hyperlinks auf dem neuesten Stand zu halten I Nicht mehr fragen Wenn Sie eine Cache Datei im Ordner Olivebranch_site erstellen wird dort eine Aufzeichnung aller vorhandenen Dateien angelegt Dadurch k nnen Hyperlinks schnell aktualisiert werden wenn Sie sp ter Dateien verschieben umbenennen oder l schen Im Site Fenster werden nun alle Dateien und Ordner aufgelistet die in der lokalen Site Mein_Lehrgang enthalten sind Die Liste dient gleichzeitig als Datei Manager und Sie k nnen hier genau wie im Explorer oder im Finder Ihres Computers Dateien kopieren einf gen l schen verschieben und ffnen Site My_Tutorial Me E Datei Bearbeiten Ansicht Site Fenster Hilfe amp l My_ Tutorial E Sver den Abrufen amp Bereitstellen En C 1523_DW2 mmelBuild_Us win Assets Library Template Templates Vorlagen about_main him cat_main_index htm cat_p _cheeses_asiago htm Cal_P _mustards_ cranber y him cat_pr_oils_beechnut hm cat_pr_wines_fle htm DW2_about_main htm DW2_cat_cheeses_asiago h DW2_cat_main_index htm DW2_cat_mustards_cranbe r DW2_cat_oils_beechnut him DW2_cat_wines_fle htm DW2_events_main htm DiWw2_index htm events_
320. npalette k nnen Sie die Stapelreihenfolge der Ebenen ndern Die Ebene die in der Stapelreihenfolge an erster Stelle steht wird ganz oben in der Liste angezeigt Im HTML Code bestimmt der Z Index in welcher Reihenfolge die Ebenen in einem Browser gezeichnet werden Sie k nnen den Z Index der einzelnen Ebenen mit dem Eigenschaften Inspector oder der Ebenenpalette ndern die folgende Methode ist jedoch wesentlich einfacher So ndern Sie die Stapelreihenfolge der Ebenen 1 W hlen Sie Fenster gt Ebenen um die Ebenenpalette zu ffnen 2 W hlen Sie eine Ebene in der Ebenenpalette aus und ziehen Sie sie nach oben oder nach unten 3 Wenn eine Linie zwischen den Ebenen angezeigt wird lassen Sie die Maustaste los Sichtbarkeit der Ebenen ndern Wenn Sie an Ihrem Dokument arbeiten k nnen Sie Ebenen ein oder ausblenden um festzustellen wie die Seite unter verschiedenen Bedingungen aussieht Sie k nnen die Sichtbarkeit der Ebenen mit der Ebenenpalette ndern Wenn Sie die Standardsichtbarkeit f r neue Ebenen definieren m chten w hlen Sie die gew nschte Option in den Voreinstellungen f r Ebenen Siehe Ebenen Voreinstellungen w hlen auf Seite 218 So ndern Sie die Sichtbarkeit der Ebenen 1 W hlen Sie Fenster gt Ebenen um die Ebenenpalette zu ffnen 2 Klicken Sie in die Spalte mit dem Augensymbol um die Sichtbarkeit zu ndern Ein ge ffnetes Auge bedeutet da die Ebene sichtbar ist ein geschlossen
321. nsicht gt Tracing Bild gt Position zur cksetzen So richten Sie das Tracing Bild an einem ausgew hlten Objekt aus 1 W hlen Sie ein Objekt im Dokumentfenster aus 2 W hlen Sie Ansicht gt Tracing Bild gt Mit Auswahl ausrichten Die linke obere Ecke des Tracing Bildes wird an der linken oberen Kante des ausgew hlten Objekts ausgerichtet Mit dem Gitternetz arbeiten Das Gitternetz dient als visuelles Hilfsmittel wenn Sie Ebenen positionieren vergr ern oder verkleinern Wenn Sie Ebenen verschieben oder ihre Gr e ndern und die Einrastfunktion aktiviert ist rasten die Ebenen automatisch am n chsten Gitternetzpunkt ein Dabei spielt es keine Rolle ob das Gitternetz ein oder ausgeblendet ist Siehe Ebenen am Gitternetz einrasten lassen auf Seite 227 Text und Objekte hinzuf gen Sie k nnen Ihrer Seite Inhalt hinzuf gen indem Sie Text eingeben bzw einf gen und Objekte wie Bilder Tabellen und Ebenen hinzuf gen So f gen Sie Ihrem Dokument mit einer der folgenden Methoden Text hinzu gt Geben Sie den Text direkt in das Dokumentfenster ein gt Kopieren Sie Text aus einer anderen Anwendung positionieren Sie dann den Cursor im Dokumentfenster und w hlen Sie Bearbeiten gt Als Text einf gen Dabei werden zwar die Zeilenumbr che beibehalten nicht jedoch die Textformatierungen die in der anderen Anwendung vorgenommen wurden Unter Text formatieren berblick auf Seite 169 wird genauer beschrie
322. nt nicht aufgerufen Dies ist erforderlich damit Sie auf einen Hyperlink klicken k nnen um die zugeh rigen Textstellen oder Bilder zu ndern Wenn Sie die verkn pfte Datei bearbeiten m chten k nnen Sie sie in Dreamweaver ffnen und ndern das Testen von Hyperlinks ist jedoch nur in einem Browser m glich Siehe Ihre Site testen auf Seite 147 So testen Sie Hyperlinks in einem Browser gt W hlen Sie Datei gt Vorschau in Browser So ffnen Sie verkn pfte Dokumente in Dreamweaver mit einer der folgenden Methoden gt W hlen Sie den Hyperlink aus und w hlen Sie dann ndern gt Hyperlink gt Verkn pfte Seite ffnen gt Dr cken Sie die Strg Taste Windows bzw die Befehlstaste Macintosh und doppelklicken Sie auf den Hyperlink Hinweis Das verkn pfte Dokument mu sich auf dem lokalen Datentr ger befinden Relative und absolute Pfade Dokumentpfade lassen sich in die folgenden drei Arten einteilen absolute Pfade stammrelative Pfade und dokumentrelative Pfade Pfade werden in das Feld Hyperlink des Eigenschaften Inspectors oder in das Feld URL des Dialogfelds HTML Datei ausw hlen eingegeben dieses Dialogfeld wird vom Eigenschaften Inspector aus aufgerufen Siehe Hyperlinks zu Dokumenten erstellen auf Seite 109 Absolute Pfade Dies sind vollst ndige Pfade die das Server Protokoll normalerweise http f r Web Seiten beinhalten Ein absoluter Pfad ist beispielsweise http www macromedia co
323. ntfenster auf das lt form gt Tag und w hlen Sie Fenster gt Verhaltensweisen 4 W hlen Sie im Popup Men Aktionen die Option Formular validieren F hren Sie einen der folgenden Schritte aus Wenn Sie ein einzelnes Feld berpr fen w hlen Sie in der Liste Benannte Felder das gleiche Feld aus das Sie auch im Dokumentfenster ausgew hlt haben Wenn Sie mehrere Felder berpr fen w hlen Sie in der Liste Benannte Felder ein Textfeld aus Aktivieren Sie das Kontrollk stchen Erforderlich wenn das Feld Daten enthalten mu W hlen Sie eine der folgenden Optionen unter Akzeptieren aus W hlen Sie Alles wenn das Feld zwar erforderlich ist aber keinen besonderen Datentyp ben tigt Wenn Erforderlich nicht aktiviert ist hat diese Option keine Auswirkung d h die Wirkung ist die gleiche als h tten Sie die Aktion Formular validieren nicht an das Feld angef gt W hlen Sie E Mail Adresse um zu pr fen ob das Feld das Zeichen enth lt W hlen Sie Zahl um zu pr fen ob das Feld nur numerische Zeichen enth lt W hlen Sie Zahl zwischen um zu pr fen ob das Feld nur Zahlen innerhalb eines bestimmten Bereichs enth lt Wenn Sie mehrere Felder berpr fen wiederholen Sie die Schritte 6 und 7 f r alle weiteren zu berpr fenden Felder Klicken Sie auf OK Wenn beim Abschicken des Formulars mehrere Felder validiert werden wird das onSubmit Ereignis automatisch im Popup Men Ereignisse angezeigt Wen
324. ntfernen Leere Tags L scht alle Tags die keinen Inhalt haben So sind lt B gt lt B gt und lt FONT COLOR FF0000 gt lt FONT gt beispielsweise leere Tags das B Tag im Code lt B gt eingegebener Text lt B gt ist jedoch nicht leer Entfernen Redundante verschachtelte Tags L scht alle redundanten Tags Zum Beispiel sind im Code lt B gt Wollen Sie diesen Text lt B gt wirklich lt B gt l schen lt B gt die B Tags um das Wort wirklich redundant und sie werden daher entfernt Entfernen HTML Kommentare nicht Dreamweaver L scht alle Kommentare die nicht von Dreamweaver eingef gt wurden So wird lt begin body text gt beispielsweise entfernt Der Kommentar lt BeginEditable doctitle gt wird jedoch nicht entfernt da es sich hierbei um einen Dreamweaver Kommentar handelt der den Anfang eines editierbaren Bereichs in einer Vorlage markiert Entfernen HTML Kommentare Dreamweaver L scht alle Kommentare die von Dreamweaver eingef gt wurden So wird lt BeginEditable doctitle gt beispielsweise entfernt nicht jedoch lt begin body text gt da es sich nicht um einen Dreamweaver Kommentar handelt Wenn Sie Dreamweaver Kommentare entfernen werden Dokumente die auf Vorlagen basieren in normale HTML Dokumente konvertiert und Bibliothekselemente werden in normalen HTML Code umgewandelt das hei t da sie nicht mehr aktualisiert werden k nnen wenn die urspr ngliche Vorlage bzw das urs
325. nur f r ausgew hlte Zeilen Spalten oder Zellen gelten Sie k nnen auch f r individuelle Tabellenzellen andere Eigenschaftswerte definieren als f r die Tabelle als ganzes beispielsweise Hintergrundfarbe oder Ausrichtung Dabei sollten Sie jedoch wissen wie der HTML Code interpretiert wird Wenn Sie in der Tabelle eine Eigenschaft mehrmals definieren wird sie folgenderma en interpretiert Die Zellformatierung die zum TD Tag geh rt hat Vorrang vor der Zeilenformatierung TR Tag die wiederum Vorrang vor der Tabellenformatierung TABLE Tag hat Angenommen Sie w hlen f r eine bestimmte Zelle die Hintergrundfarbe Blau und stellen anschlie end die Hintergrundfarbe der ganzen Tabelle auf Gelb ein in diesem Fall wird die blaue Zelle nicht gelb da das TD Tag Vorrang vor dem TABLE Tag hat Im folgenden Beispiel gibt das TABLE Tag die Hintergrundfarbe Gelb FFFF99 f r die ganze Tabelle vor Das erste TR Iag definiert f r die entsprechenden Zellen die Farbe Gr n 33FF66 und das zweite TD Iag definiert f r die Zelle die sich oben in der Mitte befindet die Farbe Blau 333399 Die Tags TR und TD in der unteren Zeile wurden nicht ge ndert so da f r diese Zellen die Tabellenfarbe Gelb gilt lt TABLE BORDER 1 WIDTH 75 BGCOLOR FFFF99 gt lt TR BGCOLOR 33FF66 gt lt TD gt amp nbsp lt TD gt lt TD BGCOLOR 333399 gt amp nbsp lt TD gt lt TD gt amp nbsp lt TD gt lt TR gt lt TR gt lt TD gt a
326. nur verf gbar wenn FTP f r den Server Zugriff angegeben wurde Mit diesen Schaltfl chen wird die Verbindung zur entfernten Site hergestellt oder getrennt Standardm ig trennt Dreamweaver die Verbindung zur entfernten Site wenn nach mehr als 30 Minuten keine Aktionen vorgenommen wurden W hlen Sie Bearbeiten gt Voreinstellungen und dann Site FTB um den Wert f r diese Zeit berschreitung zu ndern Aktualisieren nur verf gbar wenn Lokal Netzwerk f r den Server Zugriff angegeben wurde Aktualisiert die Liste der entfernten Ordner Wenn Sie das Laufwerk mit der entfernten Site erst nach dem ffnen des Site Fensters eingeh ngt haben klicken Sie auf diese Schaltfl che damit die Liste der entfernten Ordner angezeigt wird Abrufen Kopiert die ausgew hlten Dateien von der entfernten Site auf Ihre lokale Site Wenn Sie das Kontrollk stchen Ein Auschecken von Dateien aktivieren gew hlt haben sind die lokalen Kopien schreibgesch tzt und die Dateien auf der entfernten Site k nnen von anderen Mitarbeitern des Teams ausgecheckt werden Siehe Dateien von einem entfernten Server abrufen auf Seite 135 Ist das Kontrollk stchen Ein Auschecken von Dateien aktivieren nicht gew hlt wird die Datei mit Lese und Schreibberechtigung auf Ihre lokale Site kopiert Siehe Dateien von einem entfernten Server abrufen auf Seite 135 Bereitstellen Kopiert die ausgew hlten Dateien von der lokalen Site auf die entfernte Site Dabei wird der Einch
327. nzuf gen und die vom Anwender eingegebenen Informationen mit Hilfe von Verhaltensweisen berpr fen Verwenden Sie einen Texteditor um ein Skript oder eine Anwendung zur Verarbeitung von Formulardaten zu schreiben Perl ist die g ngigste Skripterstellungssprache zur Formularverarbeitung C Java und JavaScript stellen weitere M glichkeiten dar Die Dreamweaver Formulare k nnen Standardobjekte enthalten z B Textfelder Schaltfl chen Bildfelder Kontrollk stchen Optionsschalter Listen Men s Dateifelder und versteckte Felder Dreamweaver unterst tzt weiterhin Eingabetypen die das Programm selbst nicht erkennt indem es generische Feldeigenschaften im Eigenschaften Inspector anzeigt Siehe Generische Feldeigenschaften in den Dreamweaver Help Pages 245 246 Kapitel 14 Formulare erstellen Erstellen Sie ein Formular entweder mit Einf gen gt Formular oder ber die Tafel Formulare der Objektpalette So erstellen Sie ein Formular 1 gt F hren Sie einen der folgenden Schritte aus Plazieren Sie den Cursor an der Stelle an der sich das Formular befinden soll und w hlen Sie Einf gen gt Formular Plazieren Sie den Cursor an der Stelle an der sich das Formular befinden soll und klicken Sie in der Tafel Formulare der Objektpalette auf die Schaltfl che Formular Ziehen Sie die Schaltfl che Formular an die gew nschte Stelle auf der Seite Wenn dies nicht zu einem sichtbaren Ergebnis f hrt pr fen S
328. ofil das dem zu erstellenden am n chsten kommt oder das Sie ndern m chten in einem Texteditor 2 ndern Sie den Namen des Profils Der Name wird in der ersten Zeile angezeigt Es ist nicht m glich zwei Profilen den gleichen Namen zu geben F gen Sie neue Tags oder Attribute hinzu die vom Browser unterst tzt werden Beachten Sie dabei die Syntax die unter Browser Profile erstellen und bearbeiten auf Seite 319 beschrieben wurde Um Fehlermeldungen zu einem bestimmten nicht unterst tzten Tag zu vermeiden f gen Sie dieses Tag der Liste der unterst tzten Tags hinzu Wenn Sie der Liste der unterst tzten Tags nicht unterst tzte Tags hinzuf gen speichern Sie das Profil mit einem neuen Namen in einer neuen Datei Wenn Sie das Profil umbenennen bleibt das Originalprofil mit den Tags erhalten die tats chlich unterst tzt werden L schen Sie alle Tags oder Attribute die nicht vom Browser unterst tzt werden Wenn Sie ein Profil f r eine neuere Version von Netscape Navigator oder Microsoft Internet Explorer erstellen ist dieser Schritt berfl ssig da Browser die Unterst tzung von Tags nur selten aufheben 5 F gen Sie beliebige benutzerdefinierte Fehlermeldungen hinzu und beachten Sie dabei die Syntax die unter Browser Profile erstellen und bearbeiten auf Seite 319 beschrieben wurde In den Profilen die zum Lieferumfang von Dreamweaver geh ren werden alle unterst tzten Tags aufgelistet Diese Profile enthalte
329. olge der Parameter gt Verwenden Sie die Schaltfl chen mit den nach oben und unten zeigenden Pfeilen Interaktivit t und Animation hinzuf gen 313 314 Kapitel 16 KAPITEL 17 Dreamweaver anpassen Dreamweaver anpassen berblick Sie haben zahlreiche M glichkeiten Dreamweaver an Ihre spezielle Arbeitsweise anzupassen so da Sie das Programm effizient einsetzen k nnen Der dabei generierte Code ist fehlerlos Im folgenden sind einige M glichkeiten aufgef hrt wie Sie Dreamweaver anpassen k nnen gt Ordnen Sie die Objekte in der Objektpalette so an da die am h ufigsten verwendeten Objekte immer sichtbar sind Erstellen Sie neue Tafeln um die Objekte neu anzuordnen oder f gen Sie neue Objekte hinzu Siehe Die Objektpalette und das Men Einf gen ndern auf Seite 316 gt Bearbeiten Sie die Profildatei SourceFormat profile um eine pr zise Steuerung des von Dreamweaver erstellten HTML Codes zu erzielen Die Profildatei SourceFormat profile enth lt unter anderem alle Einstellungen f r die HTML Format Voreinstellungen Siehe Das Profil zum Formatieren von HTML Quellcode bearbeiten auf Seite 318 gt Bearbeiten Sie vorhandene Browser Profile oder erstellen Sie neue damit Sie genau feststellen k nnen wie Ihre Seite in verschiedenen Browsern funktioniert Siehe Browser Profile erstellen und bearbeiten auf Seite 319 gt Definieren Sie Voreinstellungen f r Farbschemata und Markierungen bis hin zu
330. olgenden Methoden einen neuen Frame gt W hlen Sie ndern gt Frameset gt Frame links rechts unten oder oben teilen gt W hlen Sie Ansicht gt Frame Rahmen halten Sie die Alt Taste Windows bzw die Wahltaste Macintosh gedr ckt und ziehen Sie einen Frame Rahmen im Dokumentfenster um den Frame vertikal oder horizontal zu teilen Wenn Sie dabei von einer der Ecken aus ziehen wird der aktuelle Frame in vier neue Frames unterteilt Datei Bearbeiten An So l schen Sie einen Frame gt Ziehen Sie den Frame Rahmen aus der Seite oder zum Rahmen des bergeordneten Frames Verschachtelte Framesets erstellen Wenn Sie einen vorhandenen Frame teilen wird innerhalb der aktuellen Frameset Datei ein neues Frameset erstellt Ein Frameset das sich innerhalb eines anderen Framesets befindet wird als verschachteltes Frameset bezeichnet So erstellen Sie ein verschachteltes Frameset 1 Plazieren Sie den Cursor in einem vorhandenen Frame 2 W hlen Sie ndern gt Frameset gt Frame links rechts unten oder oben teilen Sie k nnen auch die Alt Taste Windows bzw die Wahltaste Macintosh gedr ckt halten und einen Frame Rahmen im Dokumentfenster ziehen um den Frame vertikal oder horizontal zu teilen Wenn Sie den HTML Code anzeigen m chten w hlen Sie das bergeordnete Frameset aus indem Sie auf einen Frame Rahmen klicken und ffnen Sie dann den HTML Inspector Der Code sieht in etwa folgenderma en aus lt
331. onenten im HEAD Bereich des Dokuments verf gen und dieser Bereich bei Dokumenten die auf Vorlagen basieren nicht editierbar ist Bei Dokumenten die auf Vorlagen basieren k nnen Stile Zeitleisten und Verhaltensweisen nur auf die editierbaren Bereiche angewandt werden Weitere Einzelheiten ber Stile finden Sie unter Text mit Stylesheets formatieren auf Seite 175 Informationen ber Zeitleisten und Verhaltensweisen finden Sie in den Dreamweaver Help Pages unter Interaktivit t und Animation berblick Die Vorlagenpalette Mit der Vorlagenpalette k nnen Sie neue Vorlagen erstellen und bereits vorhandene Vorlagen verwalten So ffnen Sie die Vorlagenpalette gt W hlen Sie Fenster gt Vorlagen Im oberen Bereich der Vorlagenpalette werden alle Vorlagen aufgelistet die f r die Site zur Verf gung stehen Im unteren Bereich wird der Inhalt der ausgew hlten Vorlage angezeigt So bearbeiten Sie eine Vorlage gt W hlen Sie eine Vorlage aus der Liste aus und klicken Sie auf ffnen oder doppelklicken Sie in der Liste auf ihren Namen So benennen Sie eine Vorlage um gt Klicken Sie einmal auf den Namen der ausgew hlten Vorlage Wenn der Name als editierbares Feld dargestellt wird geben Sie einen neuen Namen ein Wenn Sie eine Vorlage umbenennen werden Referenzen zu dieser Vorlage nicht automatisch aktualisiert Sie m ssen die umbenannte Vorlage erneut auf ein Dokument anwenden um die Referenzen zu aktualisier
332. ot gesteuert lt SPAN gt Hier gilt wieder der Stil Blau lt SPAN gt lt H1 gt Stile bearbeiten Wenn Sie einen Stil bearbeiten der bereits auf Textstellen in Ihrem Dokument angewandt wurde werden dadurch umgehend alle Textstellen neu formatiert die von diesem Stil gesteuert werden So bearbeiten Sie einen Stil 1 W hlen Sie Text gt Benutzerdefinierter Stil gt Stylesheet bearbeiten oder klicken Sie in der Stilpalette auf die Schaltfl che Stylesheet 2 W hlen Sie im Dialogfeld Stylesheet bearbeiten einen Stil aus und klicken Sie auf Bearbeiten 3 Klicken Sie links im Dialogfeld auf eine Kategorie und w hlen Sie dann im rechten Bereich die gew nschten Formatierungseinstellungen f r den Stil Wenn bestimmte Attribute f r den Stil nicht relevant sind lassen Sie sie leer Die Stilpalette Mit der Stilpalette k nnen Sie benutzerdefinierte Stile auf die aktuelle Auswahl anwenden In der Stilpalette werden ausschlie lich benutzerdefinierte Stile Klasse angezeigt HTML Tag und CSS Selektor Stile erscheinen nicht in der Stilpalette da diese Stile automatisch auf alle Textbereiche angewandt werden die vom angegebenen Tag oder Selektor gesteuert werden W hlen Sie Fenster gt Stile um die Stilpalette anzuzeigen Anwenden auf Zeigt das Tag der aktuellen Auswahl an Sie k nnen ein anderes Tag aus dem Popup Men ausw hlen Stylesheet ffnet das Dialogfeld Stylesheet bearbeiten Mit diesem Dialogfeld k nnen
333. palte der Tabelle ist So verschieben Sie die Spalten innerhalb einer Tabelle 1 Klicken Sie oben in der Spalte in die Zelle Where und ziehen Sie den Cursor dann zur letzten Zelle der Spalte Dadurch wird die ganze Spalte ausgew hlt Sie k nnen eine Spalte auch folgenderma en ausw hlen Zeigen Sie mit dem Cursor genau auf den oberen Rand der Spalte ohne jedoch darauf zu klicken Wenn ein Auswahlpfeil angezeigt wird klicken Sie einmal um die ganze Spalte auszuw hlen Wenn Sie den Cursor auf den Rand der Tabelle plazieren wird statt dessen die ganze Tabelle ausgew hlt W hlen Sie Bearbeiten gt Ausschneiden Klicken Sie in die Zelle When W hlen Sie die Zelle jedoch nicht aus 4 W hlen Sie Bearbeiten gt Einf gen Die Spalte Where ist nun die erste Spalte der Tabelle Tabellen sortieren Als n chstes sortieren Sie die Zellen in alphabetischer Reihenfolge der Veranstaltungsorte So sortieren Sie Tabellenzellen Klicken Sie auf eine beliebige Stelle der Tabelle und w hlen Sie Befehle gt 1 Y vY vY vN Tabelle sortieren Geben Sie im Dialogfeld Tabelle sortieren die folgenden Optionen an Sortieren nach Spalte 1 Reihenfolge Alphabetisch aufsteigend Dann nach Spalte 2 Reihenfolge Numerisch aufsteigend Tabelle sortieren Sortieren nach Spate 1 z Reihenfolge Alphabetisch z Aufsteigend z Anschlie end nach Spate 2 z Reihenfolge ee Aufsteigend Optionen T Erste
334. pelklicken Sie auf das Element Dreamweaver ffnet ein neues Fenster in dem Sie das Bibliothekselement bearbeiten k nnen 3 Bearbeiten Sie das Bibliothekselement und speichern Sie die nderungen 4 Legen Sie im angezeigten Dialogfeld fest ob die Dokumente der lokalen Site mit dem bearbeiteten Bibliothekselement aktualisiert werden sollen W hlen Sie Ja damit alle Dokumente der lokalen Site mit dem bearbeiteten Bibliothekselement aktualisiert werden W hlen Sie Nein damit die Dokumente erst aktualisiert werden wenn Sie ndern gt Bibliothek gt Aktuelle Seite aktualisieren oder Seiten aktualisieren w hlen Wenn Sie Bibliothekselemente aktualisieren wird der Inhalt des Elements in den Dokumenten ersetzt die das Element enthalten So aktualisieren Sie ein Bibliothekselement 1 W hlen Sie ndern gt Bibliothek gt Seiten aktualisieren 2 W hlen Sie im daraufhin angezeigten Dialogfeld die Dateien die aktualisiert werden sollen gt W hlen Sie Ganze Site um alle Dokumente in der angegebenen Site zu aktualisieren gt W hlen Sie Dateien mit um alle Dokumente zu aktualisieren die das angegebene Bibliothekselement verwenden 3 Klicken Sie auf Starten Wenn Sie ein Bibliothekselement umbenennen wird die Verbindung zwischen Elementen die mit dem alten Namen eingef gt wurden und dem umbenannten Element unterbrochen So benennen Sie ein Bibliothekselement um 1 W hlen Sie in der Bibliothekspalette ein Bibliot
335. perlink ndern Windows oder Site gt Site Map Ansicht gt Hyperlink ndern Macintosh Suchen Sie die gew nschte Datei oder geben Sie einen URL ein Site Planung 123 124 Kapitel 6 So entfernen Sie einen Hyperlink mit einer der folgenden Methoden gt W hlen Sie die Seite in der Site Map aus und w hlen Sie dann Site gt Hyperlink entfernen Windows oder Site gt Site Map Ansicht gt Hyperlink entfernen Macintosh gt W hlen Sie die Seite in der Site Map aus und w hlen Sie im Kontextmen die Option Hyperlink entfernen So ffnen Sie die Quelle eines Hyperlinks 1 W hlen Sie eine Datei in der Site Map aus 2 W hlen Sie Site gt Quelle des Hyperlinks ffnen Windows oder Site gt Site Map Ansicht gt Quelle des Hyperlinks ffnen Macintosh gt Daraufhin werden der Eigenschaften Inspector und die Quelldatei des Hyperlinks ge ffnet Der Hyperlink ist markiert Site Map Dateien einblenden und ausblenden Sie k nnen das Layout der Site Map ndern und versteckte sowie abh ngige Dateien entweder ausblenden oder einblenden Diese Funktion ist n tzlich wenn Sie wichtige Themen oder Inhalte hervorheben bzw weniger wichtiges Material nicht hervorheben m chten Bevor Sie eine HTML Datei ein oder ausblenden k nnen m ssen Sie sie als versteckt markieren Wenn Sie eine als versteckt markierte Datei ausblenden werden auch die zugeh rigen Hyperlinks ausgeblendet Blenden Sie eine als versteckt marki
336. perlinks zu diesem Dokument aktualisieren F r diese Funktion sollte Ihre ganze Site oder ein vollst ndiger unabh ngiger Bereich der Site auf Ihrem lokalen Laufwerk gespeichert sein Die Dateien auf der entfernten Site werden erst dann ge ndert wenn Sie Ihre lokalen Dateien auf dem entfernten Server bereitstellen oder einchecken So aktivieren Sie die Hyperlink Verwaltung 1 W hlen Sie Bearbeiten gt Voreinstellungen und anschlie end Allgemein 2 W hlen Sie im Popup Men Hyperlinks aktualisieren entweder Immer oder Nachfragen und klicken Sie auf OK Wenn Sie Immer w hlen aktualisiert Dreamweaver automatisch alle Hyperlinks zu und von einem ausgew hlten Dokument wenn Sie dieses Dokument verschieben oder umbenennen Unter Hyperlinks in der ganzen Site ndern auf Seite 146 wird beschrieben wie Sie vorgehen wenn Sie eine Datei l schen m chten Wenn Sie Nachfragen w hlen wird ein Dialogfeld angezeigt in dem alle betroffenen Dateien aufgelistet sind Klicken Sie auf Aktualisieren um die Hyperlinks in diesen Dateien zu aktualisieren oder klicken Sie auf Nicht aktualisieren wenn die Dateien nicht ge ndert werden sollen Wenn das Ein und Auschecken von Dateien aktiviert ist versucht Dreamweaver automatisch die Datei auszuchecken bevor nderungen daran vorgenommen werden Die Aktualisierung der Hyperlinks kann beschleunigt werden wenn Sie eine Cache Datei verwenden in der Informationen ber alle Hyperlinks in Ihr
337. pfte Dokument im bergeordneten Frameset oder Fenster des Frames der den Hyperlink enth lt Wenn der Frame der den Hyperlink enth lt nicht verschachtelt ist wird das verkn pfte Dokument im ganzen Browser Fenster geladen gt selbst l dt das verkn pfte Dokument im gleichen Frame oder Fenster wie den Hyperlink Dieses Ziel wird impliziert so da Sie es in der Regel nicht angeben m ssen gt oben l dt das verkn pfte Dokument im ganzen Browser Fenster Dabei werden alle Frames entfernt Site Planung 109 110 Kapitel 6 Hyperlinks zu benannten Ankern erstellen Benannte Anker markieren bestimmte Positionen in einem Dokument Mit benannten Ankern k nnen Sie zu markierten Positionen im aktuellen Dokument springen oder Hyperlinks zu markierten Positionen in einem anderen Dokument erstellen So erstellen Sie einen benannten Anker 1 Plazieren Sie den Cursor im Dokumentfenster an der Stelle an der Sie den benannten Anker erstellen m chten F hren Sie einen der folgenden Schritte durch W hlen Sie Einf gen gt Benannter Anker W hlen Sie Fenster gt Objekte W hlen Sie dann im Popup Men oben in der Objektpalette die Tafel Unsichtbare Elemente und klicken Sie auf die Schaltfl che Anker Geben Sie im angezeigten Dialogfeld einen Namen f r den Anker ein Wenn das Ankersymbol nicht an der Position des Cursors erscheint w hlen Sie Ansicht gt Unsichtbare Elemente So erstellen Sie einen Hyperlink zu
338. pr ngliche Bibliothekselement ge ndert werden Entfernen Spezifische s Tag s L scht die Tags die im Textfeld angegeben sind L schen Sie mit dieser Option benutzerdefinierte Tags die von anderen visuellen Editoren eingef gt wurden und weitere Tags die nicht in der Site erscheinen sollen beispielsweise BLINK Mehrere Tags m ssen durch Kommata voneinander getrennt werden zum Beispiel FONT BLINK Verschachtelte lt font gt Tags kombinieren wenn m glich Vereinigt zwei oder mehr FONT Tags die den gleichen Textbereich steuern So w rde beispielsweise lt FONT SIZE 7 gt lt FONT COLOR FF0000 gt gro rot lt FONT gt lt FONT gt in lt FONT SIZE 7 COLOR FF0000 gt gro rot lt FONT gt ge ndert Protokoll nach Abschlu zeigen Zeigt abschlie end ein Meldungsfeld an in dem die nderungen am Dokument aufgef hrt werden Roundtrip HTML 161 162 Kapitel 8 3 Klicken Sie auf OK Dieser Vorgang kann mehrere Sekunden dauern je nachdem wie gro Ihr Dokument ist und wie viele Optionen Sie ausgew hlt haben HTML Quellcode in vorhandenen Dokumenten formatieren Die Formatierungsoptionen f r den HTML Quellcode die Sie in den Voreinstellungen f r das HTML Format und in der Profildatei SourceFormat profile angeben gelten nur f r Dokumente die Sie anschlie end in Dreamweaver neu erstellen Mit dem Befehl Quellformatierung anwenden k nnen Sie diese Formatierungsoptionen jedoch auch auf bereits vorhandene
339. pro Zeile in der Site Map angezeigt werden Spaltenbreite Gibt an wie breit die Spalten der Site Map in Pixeln sind Symbolbeschriftungen Bestimmt ob unter den Symbolen in der Site Map Dateinamen oder Seitentitel angezeigt werden Sie k nnen die Dateinamen und Seitentitel von der Site Map aus ndern Als versteckt markierte Dateien zeigen Zeigt HTML Dateien die als versteckt markiert wurden in der Site Map an Name und Hyperlinks einer versteckten Datei werden kursiv dargestellt Abh ngige Dateien zeigen Zeigt alle abh ngigen Dateien in der Site Hierarchie an Eine abh ngige Datei hat keinen HTML Inhalt sondern enth lt beispielsweise Bilder Der Browser l dt den Inhalt einer abh ngigen Datei zusammen mit der Hauptseite Mit Seiten in der Site Map arbeiten Wenn Sie mit der Site Map arbeiten k nnen Sie Seiten ausw hlen oder zum Bearbeiten ffnen der Site neue Seiten hinzuf gen Hyperlinks zwischen Dateien hinzuf gen und den Seitentitel ndern So w hlen Sie mehrere Seiten mit einer der folgenden Methoden aus gt Halten Sie die Umschalttaste gedr ckt und klicken Sie um mehrere aufeinanderfolgende Dateien auszuw hlen gt Klicken Sie auf einen leeren Bereich der Ansicht und ziehen Sie den Cursor um die Dateien herum die Sie ausw hlen m chten gt Halten Sie die Umschalttaste und die Strg Iaste Windows bzw die Umschalttaste und die Befehlstaste Macintosh gedr ckt und klicken Sie um mehrere Dat
340. r Positionierungseigenschaften mit einer Skripterstellungssprache zu ndern Zeitleisten verwenden dynamisches HTML um die Eigenschaften von Ebenen und Bildern in einer Reihe von Frames im Zeitverlauf zu ndern Mit Zeitleisten k nnen Sie Animationen erstellen die keine ActiveX Steuerelemente Plug Ins oder Java Applets ben tigen Zeitleisten erstellen Animationen indem Position Gr e Sichtbarkeit und Stapelreihenfolge einer Ebene im Zeitverlauf ge ndert werden Sie eignen sich auch f r andere Aktionen die nach dem Laden der Seiten ausgef hrt werden sollen So k nnen Sie mit Zeitleisten beispielsweise die Quelldatei eines Bildes ndern und zu einem bestimmten Zeitpunkt Verhaltensweisen ausf hren Die Ebenenfunktionen von Zeitleisten funktionieren nur in 4 0 oder neueren Browsern ffnen Sie den HTML Inspector um den von einer Zeitleiste generierten JavaScript Code zu sehen Der Zeitleisten Code befindet sich in der MM_initTimelines Funktion innerhalb eines SCRIPT Iags im HEAD des Dokuments Wenn Sie den HTML Code eines Dokuments bearbeiten das Zeitleisten enth lt sollten Sie darauf achten da Sie keines der Elemente auf die eine Zeitleiste verweist verschieben umbenennen oder l schen Using the Der Zeitleisten Inspector Der Zeitleisten Inspector zeigt die Eigenschaften von Ebenen und Bildern im Zeitverlauf W hlen Sie Fenster gt Zeitleisten um den Zeitleisten Inspector zu ffnen Siehe auch Animationen mit
341. r die anderen Frames eine andere Ma einheit angeben wird ihnen erst dann Platz zugewiesen wenn die in Pixel definierten Frames in voller Gr e angezeigt werden Prozent Definiert da dem aktuellen Frame ein bestimmter Prozentsatz der Frameset Gr e zugewiesen wird Dreamweaver weist diesen Frames erst nach den in Pixel definierten Frames Platz zu jedoch vor Frames f r die eine relative Gr e angegeben wird Relativ Bedeutet da der Platz der dem aktuellen Frame zugewiesen wird proportional zu den anderen Frames berechnet wird Dreamweaver weist den Frames mit relativer Gr enangabe erst dann Platz zu wenn in Pixel und Prozent definierte Frames auf ihre Gr e eingestellt wurden Frames mit relativer Gr enangabe belegen den gesamten restlichen Platz im Browser Fenster Frame und Frameset Rahmen definieren Sie k nnen festlegen wie Frame und Frameset Rahmen auf der Seite angezeigt werden Wenn Sie eine Option f r einen Frame Rahmen definieren wird dadurch die entsprechende Frameset Option au er Kraft gesetzt So definieren Sie Frame Rahmen 1 W hlen Sie den Frame aus Halten Sie dazu die Alt Taste Windows bzw die Umschalt und die Wahltaste Macintosh gedr ckt und klicken Sie auf den Frame oder klicken Sie im Frame Inspector auf den Frame Stellen Sie die folgenden Optionen ein Rahmen Steuert den Rahmen der aktuellen Frames Folgende Optionen stehen zur Auswahl Ja Nein und Standard Bei den
342. r Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Browser Fenster ffnen Verwenden Sie die Aktion Browser Fenster ffnen um einen URL in einem neuen Fenster zu ffnen Sie k nnen die Eigenschaften des neuen Fensters festlegen einschlie lich Name Gr e und Attribute ob seine Gr e ge ndert werden kann ob es eine Men leiste hat usw Wenn Sie keine Attribute f r das Fenster festlegen wird es in der gleichen Gr e und mit den gleichen Attributen wie das Fenster ge ffnet von dem es gestartet wurde Wenn Sie dagegen Attribute festlegen werden alle Attribute die Sie nicht explizit aktivieren automatisch deaktiviert Angenommen Sie definieren berhaupt keine Attribute f r das Fenster in diesem Fall wird es m glicherweise mit einer Gr e von 640 x 480 Pixeln einer Navigations Symbolleiste Standort Symbolleiste Statusleiste und Men leiste ge ffnet Wenn Sie die Fenstergr e jedoch ausdr cklich auf 640 x 480 Pixel einstellen sonst aber keine weiteren Attribute festlegen wird das Fenster mit einer Gr e von 640 x 480 Pixeln aber ohne Navigations Symbolleiste Standort Symbolleiste Statusleiste Men leiste Gr en nderungsgriffe und Abrollbalken ge ffnet So verwenden Sie die Aktion Browser Fenster ffnen 1 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf ge
343. r HTML Inspector Im HTML Inspector wird der Quellcode des aktuellen Dokuments angezeigt Die farbliche Darstellung der einzelnen Tags richtet sich nach den Einstellungen unter HTML Tag Farben Voreinstellungen Wenn Sie den Inhalt des Dokumentfensters bearbeiten oder neue Elemente hinzuf gen werden diese nderungen sofort im HTML Inspector angezeigt Der HTML Inspector ist daher eine wirksame Lernhilfe f r Anwender die HTML noch nicht kennen Der HTML Inspector kann jedoch auch erfahrenen HTML Anwendern dabei helfen die richtige Syntax oder die korrekten Werte f r bestimmte Tags oder Attribute zu w hlen nderungen die Sie direkt im HTML Inspector vornehmen werden erst im Dokumentfenster angezeigt wenn Sie auf eine Stelle au erhalb des HTML Inspectors klicken HTML Code den Sie direkt in den HTML Inspector eingeben wird grunds tzlich nicht umgeschrieben wenn der eingegebene HTML Code ung ltig ist werden die Tags als ung ltige Markup Elemente markiert wenn Sie das Dokumentfenster aktivieren So ffnen Sie den HTML Inspector mit einer der folgenden Methoden gt W hlen Sie Fenster gt HTML gt Klicken Sie im Launcher oder im Mini Launcher auf das Symbol des HTML Inspectors der Mini Launcher befindet sich unten rechts im Dokumentfenster gt Dr cken Sie F10 So wechseln Sie zwischen dem Dokumentfenster und dem HTML Inspector gt Dr cken Sie die Strg Iaste und die Tabulatortaste Windows bzw die Befehls
344. r Web Sites eine lokale Site erstellen Wenn Sie Ihre Site sp ter auf einem entfernten Server publizieren und testen m chten k nnen Sie zus tzliche sitespezifische Informationen angeben Genauere Einzelheiten ber entfernte Sites finden Sie unter Sites definieren auf Seite 128 So erstellen Sie eine lokale Site 1 W hlen Sie Site gt Neue Site 2 W hlen Sie im Dialogfeld Site Definition aus der Liste Kategorie die Option Lokale Infos Geben Sie die folgenden Optionen an Site Name Identifiziert die Site Der Site Name wird im Site Fenster und im Untermen Site gt Site ffnen angezeigt Lokaler Stammordner Bezeichnet den Ordner auf Ihrer Festplatte in dem Site Dateien Vorlagen und Bibliothekselemente gespeichert werden Wenn Dreamweaver stammrelative Hyperlinks aufl st dient dabei dieser Ordner als Bezugspunkt Geben Sie einen Pfad ein oder klicken Sie auf das Ordnersymbol um den gew nschten Ordner zu suchen und auszuw hlen HTTP Adresse Identifiziert den Site URL damit Hyperlinks die sich innerhalb der Site befinden und absolute URLs verwenden verifiziert werden k nnen Siehe Hyperlinks zwischen Dokumenten berpr fen auf Seite 150 Cache Erstellt einen lokalen Cache Speicher um eine h here Geschwindigkeit bei der Hyperlink und Site Verwaltung zu erzielen Wenn Sie diese Option nicht aktivieren fordert Dreamweaver Sie noch einmal auf einen Cache zu erstellen bevor die Site angelegt wird A Kl
345. r alle Sites sicher und sollten grunds tzlich f r Sites verwendet werden die lokal angezeigt werden Siehe Bibliothekselemente verwenden auf Seite 252 gt SSIs Server Einschl sse vom engl Server side includes k nnen nur f r Sites verwendet werden die von einem Server aus angezeigt werden Sie k nnen dar ber hinaus nur auf Servern angezeigt werden die f r die SSI Verarbeitung konfiguriert wurden Erkundigen Sie sich bei Ihrem Webmaster oder Systemadministrator wenn Sie nicht sicher sind ob Ihr Server SSIs unterst tzt Siehe SSIs verwenden auf Seite 258 251 252 Kapitel 15 Bibliothekselemente verwenden Verwenden Sie Bibliothekselemente f r Informationen die auf vielen Seiten Ihrer Site enthalten sind sowie f r Informationen die h ufig aktualisiert werden m ssen Wenn Sie ein Bibliothekselement in einem Dokument positionieren wird eine Kopie des HTML Codes in der Datei eingef gt und ein Verweis auf das externe Originalelement erstellt Durch den Verweis auf das externe Bibliothekselement k nnen Sie den Inhalt der ganzen Site auf einmal aktualisieren indem Sie das Bibliothekselement ndern und dann einen der Aktualisierungsbefehle im Men ndern gt Bibliothek w hlen Dreamweaver speichert Bibliothekselemente in einem Bibliotheksordner der sich f r jede Site im lokalen Stammordner befindet Sie k nnen f r jede Site eine andere Bibliothek definieren Weitere Informationen ber den lokalen Stammord
346. r browser sicheren Farben indem Sie im Eigenschaften Inspector auf das Farbfeld klicken W hlen Sie Text gt Farbe Das Dialogfeld Farbe wird angezeigt W hlen Sie hier eine Farbe aus und klicken Sie auf OK Wenn Sie die Standardtextfarbe ndern m chten w hlen Sie ndern gt Seiteneigenschaften Siehe Standardtextfarben definieren auf Seite 85 Text formatieren 173 174 Kapitel 9 So weisen Sie dem Text wieder die Standardfarbe zu 1 Klicken Sie im Eigenschaften Inspector auf das Farbfeld um die Palette der browser sicheren Farben zu ffnen 2 Klicken Sie auf die Schaltfl che Standard die mittlere Schaltfl che unten rechts Text und Elemente ausrichten Wenn Sie Text auf Ihrer Seite ausrichten m chten verwenden Sie den Eigenschaften Inspector oder das Men Text gt Ausrichten Mit dem Befehl Text gt Ausrichten gt Zentrieren k nnen Sie beliebige Elemente auf der Seite zentrieren So richten Sie Text aus 1 W hlen Sie den Text aus den Sie ausrichten m chten 2 Klicken Sie im Eigenschaften Inspector auf eine Ausrichtungsoption Links Rechts oder Zentrieren oder w hlen Sie Text gt Ausrichten und dann die gew nschte Option So zentrieren Sie Elemente 1 W hlen Sie das gew nschte Element Bild Plug In Tabelle oder ein anderes Seitenelement aus 2 W hlen Sie Text gt Ausrichten gt Zentrieren So k nnen Sie Text einziehen oder den Einzug wieder entfernen 1 W hlen Sie den gew nsch
347. r definieren Klicken Sie auf die Schaltfl che Abfrage speichern diese Schaltfl che ist mit einem Diskettensymbol gekennzeichnet Standardm ig werden Abfragen im Unterordner Configuration Queries im Dreamweaver Anwendungsordner gespeichert Geben Sie im angezeigten Dialogfeld einen aussagekr ftigen Dateinamen f r die Abfrage ein und klicken Sie auf Speichern Wenn Sie mit dem Suchmuster beispielsweise alle IMG Tags suchen die nicht das ALT Attribut enthalten k nnten Sie als Dateinamen f r die Abfrage img_kein_alt dwr eingeben Suchabfragen haben die Erweiterung dwg Ersetzungsabfragen haben die Erweiterung dwr So rufen Sie ein gespeichertes Suchmuster wieder auf 1 2 W hlen Sie Bearbeiten gt Suchen oder Bearbeiten gt Ersetzen Klicken Sie auf die Schaltfl che Abfrage laden diese Schaltfl che ist mit einem Ordnersymbol gekennzeichnet Das Dialogfeld Abfrage laden wird ge ffnet und zeigt automatisch den Ordner Configuration Queries an Sie k nnen zu einem anderen Ordner navigieren wenn Sie Ihre Abfrage nicht im Standardordner gespeichert haben W hlen Sie eine Abfragedatei aus und klicken Sie auf ffnen Wenn Sie mit dem Dialogfeld Suchen arbeiten k nnen Sie nur Suchabfragen dwq Dateien ffnen Arbeiten Sie dagegen mit dem Dialogfeld Ersetzen stehen sowohl Suchabfragen als auch Ersetzungsabfragen dwr Dateien zur Verf gung Klicken Sie auf Weitersuchen Alle suchen Ersetzen oder Alle e
348. rbe f r die Seite 1 W hlen Sie ndern gt Seiteneigenschaften um das Dialogfeld Seiteneigenschaften zu ffnen 2 ndern Sie die Standard Hintergrundfarbe indem Sie in das Feld Hintergrund die Zeichenfolge FFFFCC eingeben In diesem Fall wissen Sie genau welche Hintergrundfarbe Sie verwenden m chten Sie k nnen jedoch auch eine Farbe aus der Palette w hlen oder mit der Pipette eine Farbe von einem Objekt auf der Seite bernehmen Seiteneigenschaften Untitled Document fe Lulfhrrrroc E BE EE esien tann z Dneun TOT e 3 Klicken Sie auf Anwenden damit die Hintergrundfarbe wirksam wird Wenn Sie im Dialogfeld Seiteneigenschaften auf Anwenden klicken wird die Seite im Dokumentfenster sofort aktualisiert Im n chsten Schritt definieren Sie ein Hintergrundbild f r die Seite So definieren Sie ein Hintergrundbild f r die Seite 1 Klicken Sie neben dem Feld Hintergrundbild auf Durchsuchen Windows oder W hlen Macintosh 2 W hlen Sie im Unterordner Assets des Ordners Olivebranch_site die Datei home_bg jpg Seiteneigenschaften Untitled Document ssets rome baro Durchsuchen BFFFFFF T C T TE Westich Laim Zl N o Klicken Sie auf Anwenden um das Hintergrundbild in die Seite einzuf gen 4 Lassen Sie das Dialogfeld Seiteneigenschaften zun chst noch ge ffnet Nachdem Sie die Hintergrundfarbe und das Hintergrundbild definiert haben sollte
349. re Informationen zu bestimmten Voreinstellungsoptionen finden Sie im entsprechenden Thema in der Dreamweaver Hilfe Allgemeine Voreinstellungen w hlen Mit den allgemeinen Voreinstellungen regeln Sie das allgemeine Erscheinungsbild der Dreamweaver Benutzeroberfl che Wenn Sie diese Voreinstellungen ndern m chten w hlen Sie Bearbeiten gt Voreinstellungen und klicken Sie dann auf Allgemein Schriftarten Kodierung Voreinstellungen w hlen Mit den Voreinstellungen f r Schriftarten Kodierung legen Sie fest welche Schriftarten und Schriftartenkodierungen in Dreamweaver standardm ig verwendet werden Diese Einstellungen entsprechen den Schriftarteinstellungen eines Browsers Sie k nnen damit die gew nschte Schriftart und Gr e f r die Arbeit an Ihrem Text verwenden dies hat jedoch keinen Einflu darauf wie das Dokument in einem Browser angezeigt wird Wenn Sie die Voreinstellungen f r Schriftarten Kodierung ndern m chten w hlen Sie Bearbeiten gt Voreinstellungen klicken Sie auf Schriftarten Kodierung und w hlen Sie die gew nschten Optionen Schriftart Einstellungen Bestimmt welche Schriftarten f r Dokumente mit bestimmten Schriftartkodierungen verwendet werden Die Schriftarten m ssen auf Ihrem Computer installiert sein damit sie zur Auswahl stehen wenn Sie Optionen f r Proportionalschriften feste Schriften oder HTML Inspector Schriften w hlen HTML Inspector Diese Schriftart wird f r den Text im H
350. re erstellen 2 222222 ces nanara 246 Einem Formular Objekte hinzuf gen esse 2sereenen 247 Formulare verarbeiten 2 2 2 22222 2e seen eeenenereeeenn 248 KAPITEL 15 Inhaltsverzeichnis Seitenelemente wiederverwenden 251 Seitenelemente wiederverwenden berblick 251 Bibliothekselemente verwenden 2 222222 cneeeeneneeeen nn 252 SSIs verwenden 2 2222 ee r a e E a aS 258 KAPITEL 16 Interaktivit t und Animation hinzuf gen 261 Interaktivit t und Animation hinzuf gen berblick 261 Verhaltensweisen berblick 2222222 262 Die Aktionen f r Verhaltensweisen verwenden die im Dreamweaver Lief erumfang enthalten sind cceeeseeeeeneenr een 266 Animationen mit dynamischem HTML erstellen 292 Filme Applets und andere Multimedia Elemente hinzuf gen 303 KAPITEL 17 Dreamweaver anpassen 22 22 315 Dreamweaver anpassen berblick 222222222 reeeeeen 315 Die Objektpalette und das Men Einf gen ndern 316 Das Profil zum Formatieren von HTML Quellcode bearbeiten 318 Browser Profile erstellen und bearbeiten 22222222 319 APPENDIX A Tastenkombinationen 22222es seen 325 Men Datei ua ia nass ae 325 Men Bearbeiten 222222 eeeeeeeeseseeeeeeneneenen en 326 Text bearbeiten sorda ian a En 326 Text formatieren see sea sen near 327 Text suc
351. reiche So importieren Sie XML Inhalt 1 W hlen Sie Datei gt XML in Vorlage importieren 2 W hlen Sie die XML Datei aus und klicken Sie auf ffnen Wenn die XML Datei importiert wird verbindet Dreamweaver den XML Inhalt mit der Vorlage die in der XML Datei angegeben ist Das Ergebnis wird in einem neuen Dokumentfenster angezeigt Falls die angegebene Vorlage nicht gefunden werden kann werden Sie aufgefordert eine Vorlage auszuw hlen Vorlagen 101 102 Kapitel 5 XML Tag Notationen Beim Export von Inhalt haben Sie in Dreamweaver die Wahl zwischen zwei verschiedenen Tag Notationen Sie k nnen die Namen editierbarer Bereiche als XML Tags oder Dreamweaver Standard XML Tags verwenden Welche Notation geeignet ist richtet sich danach wie der XML Inhalt in Ihre Web Site integriert wird Der folgende XML Code wurde aus einem Dokument exportiert das auf einer Vorlage namens Nachrichtenvorlage basiert Das Dokument hat einen editierbaren Bereich namens Bereich bearbeiten gt Wenn Sie die Namen editierbarer Bereiche als Tags verwenden identifiziert in diesem Beispiel das doctitle Tag den Titel der Vorlage und Bereich bearbeiten identifiziert den editierbaren Bereich lt doctitle gt lt CDATA lt title gt Nachrichtenvorlage lt title gt gt lt doctitle gt lt Bereich bearbeiten gt lt CDATA Bereich bearbeiten gt lt Bereich bearbeiten gt gt Standard Dreamweaver XML Tags verwenden das item name T
352. rnen Editor speichern und wieder zu Dreamweaver zur ckkehren werden alle nderungen des Bildes im Dokumentfenster angezeigt So w hlen Sie einen externen Bild Editor 1 2 3 W hlen Sie Bearbeiten gt Voreinstellungen W hlen Sie links unter Kategorie die Option Externe Editoren Klicken Sie neben dem Feld Bild Editor auf die Schaltfl che Durchsuchen und w hlen Sie Ihren bevorzugten Bild Editor aus Wenn Sie Macromedia Fireworks als externen Bild Editor w hlen und von Dreamweaver aus starten sucht Fireworks automatisch im Ordner der die ausgew hlte Datei enth lt nach einer PNG Datei mit dem gleichen Namen Angenommen Sie haben ein Bild mit der Quelldatei images meinFoto gif ausgew hlt und der Ordner images enth lt auch eine Datei namens meinFoto png in diesem Fall ffnet Fireworks automatisch die PNG Datei Da PNG das native Fireworks Dateiformat ist werden alle urspr nglichen Daten in bezug auf Ebenen Vektoren Farben und Effekte beibehalten und alle Elemente sind stets voll editierbar Die Dateien m ssen die Erweiterung png haben damit Dreamweaver sie als PNG Dateien erkennt Wenn Sie eine andere Bildbearbeitungsanwendung als externen Bild Editor w hlen und von Dreamweaver aus starten ffnet der Editor das ausgew hlte Bild beispielsweise images meinFoto gif Sie k nnen die Originaldatei von der die GIF Datei erstellt wurde auch manuell ffnen meinFoto psd k nnte beispielsweise die Photoshop Origina
353. rofilen erw hnt werden da sie das Parsen beeinflussen Dreamweaver meldet keine Fehler f r Kommentare da diese von allen Browsern unterst tzt werden Folgendes Beispiel zeigt einen Eintrag f r das APPLET Tag der f r Navigator 3 0 g ltig w re lt ELEMENT APPLET Name Java Applet gt lt ATTLIST APPLET Align top middle bottom left right absmiddle absbottom baseline texttop Alt Archive Class Warning htmImsg Dieser Browser ignoriert das lt CODE gt CLASS lt CODE gt Attribut f r das lt CODE gt APPLET lt CODE gt Tag da Code Codebase Height HSpace D Warning htmImsg Dieser Browser ignoriert das lt CODE gt ID lt CODE gt Attribut f r S lt CODE gt APPLET lt CODE gt Tag Verwenden Sie statt dessen lt CODE gt NAME lt CODE gt At ame Style Warning htmImsg Dieser Browser ignoriert das lt CODE gt STYLE lt CODE gt ribut f r das lt CODE gt APPLET lt CODE gt Tag gt VSpace Width Dreamweaver anpassen 321 322 Kapitel 17 Browser Profile erstellen Sie k nnen ein vorhandenes Profil ndern um ein neues Browser Profil zu erstellen Wenn Sie beispielsweise ein Profil f r Netscape Navigator 5 0 erstellen m chten k nnen Sie das Profil f r Navigator 4 0 ffnen neue in Version 5 0 eingef hrte Tags oder Attribute hinzuf gen und das Profil als Netscape Navigator 5 0 speichern So erstellen Sie ein Browser Profil 1 ffnen Sie das Pr
354. rsetzen um den Suchvorgang einzuleiten Regul re Ausdr cke Regul re Ausdr cke sind Muster die bestimmte Zeichenkombinationen im Text beschreiben Mit regul ren Ausdr cken k nnen Sie im Suchvorgang bestimmte Konzepte definieren wie beispielsweise S tze die mit dem Wort Die beginnen oder Attributwerte die eine Zahl enthalten In der folgenden Tabelle werden die Sonderzeichen in regul ren Ausdr cken sowie ihre Bedeutung aufgelistet Weiterhin enth lt die Tabelle konkrete Beispiele Wenn Sie eine Textzeichenfolge suchen m chten die eines der aufgelisteten Sonderzeichen enth lt stellen Sie dem Sonderzeichen einen Schr gstrich voran Angenommen Sie m chten das Sternchen im folgenden Satz suchen Dabei gelten bestimmte Bedingungen In diesem Fall k nnte Ihr Suchmuster folgenderma en aussehen Bedingungen Wenn Sie dem Sternchen keinen Schr gstrich voranstellen werden alle Vorkommen von Bedingungen im Text gefunden nicht nur die auf die ein Sternchen folgt au erdem werden die Begriffe Bedingunge Bedingungenn und Bedingungennn gefunden Zeichen Entspricht Beispiel i Anfang der Eingabe oder Zeile T entspricht T in Tanzen und Singen jedoch nicht in Onkel Toms H tte Ende der Eingabe oder Zeile h entspricht h in hoch nicht jedoch in H he Das voranstehende Zeichen 0 Mal um entspricht um in Raum umm oder mehrmals in summen und u in Kugel Das voranstehende Zei
355. rstehen Weiterhin m ssen Sie wissen wie Sie die verschiedenen Pfadtypen angeben Siehe Relative und absolute Pfade auf Seite 113 Site Planung 105 106 Kapitel 6 Hyperlinks mit dem Dateizeiger Symbol erstellen Sie k nnen Hyperlinks mit dem Dateizeiger Symbol erstellen Zeigen Sie dazu auf ein anderes ge ffnetes Dokument auf eine Datei im Site Fenster oder auf einen sichtbaren Anker in einem ge ffneten Dokument Das Dateizeiger Symbol wird im Eigenschaften Inspector und in der Site Map angezeigt wenn eine Datei ausgew hlt ist Das Symbol erscheint auch wenn Sie eine Auswahl mit gedr ckter Umschalttaste ziehen So erstellen Sie mit dem Dateizeiger Symbol im Eigenschaften Inspector einen Hyperlink zu einem Dokument 1 W hlen Sie im Dokumentfenster eine Textstelle oder ein Bild aus 2 Ziehen Sie das Dateizeiger Symbol aus dem Eigenschaften Inspector und zeigen Sie auf ein anderes ge ffnetes Dokument auf einen sichtbaren Anker in einem ge ffneten Dokument oder auf eine Datei im Site Fenster Das Feld Hyperlink wird aktualisiert und zeigt den Hyperlink an 3 Lassen Sie die Maustaste los um den Hyperlink zu erstellen about_main html about us como ioa So wird das Dateizeiger Symbol aus dem Eigenschaften Inspector zu einer Datei im Site Fenster gezogen So erstellen Sie einen Hyperlink von einer Auswahl in einem ge ffneten Dokument 1 W hlen Sie im Dokumentfenster eine Textstelle aus 2 Halt
356. rstellte Ebene befindet sich ganz unten in der Liste die neueste Ebene ganz oben Verschachtelte Ebenen werden durch Namen dargestellt die mit den bergeordneten Ebenen verbunden sind Klicken Sie auf die Plus oder Minuszeichen bzw auf den Pfeil um verschachtelte Ebenen ein oder auszublenden Mit der Ebenenpalette k nnen Sie berlappungen verhindern die Sichtbarkeit der Ebenen ndern Ebenen verschachteln oder stapeln und eine oder mehrere Ebenen ausw hlen gt Wenn Sie eine Ebene innerhalb einer anderen Ebene verschachteln m chten lesen Sie den Abschnitt Ebenen verschachteln auf Seite 217 gt Wenn Sie eine oder mehrere Ebenen ausw hlen m chten lesen Sie den Abschnitt Ebenen manipulieren auf Seite 223 gt Wenn Sie die Stapelreihenfolge der Ebenen ndern m chten lesen Sie den Abschnitt Stapelreihenfolge der Ebenen ndern auf Seite 229 gt Wenn Sie die Sichtbarkeit einer Ebene ndern m chten lesen Sie den Abschnitt Sichtbarkeit der Ebenen ndern auf Seite 229 gt Wenn Sie verhindern m chten da Ebenen sich berlappen lesen Sie den Abschnitt Ebenen berlappungen verhindern auf Seite 232 Ebenen manipulieren Wenn Sie an Ihrem Seitenlayout arbeiten k nnen Sie Ebenen aktivieren ausw hlen vergr ern oder verkleinern Nachdem Sie eine Ebene aktiviert haben k nnen Sie ihr Inhalt hinzuf gen Eine ausgew hlte Ebene kann ausgerichtet neu positioniert vergr ert oder verkleinert wer
357. rtet wird So starten Sie den externen Editor gt W hlen Sie Bearbeiten gt Externen Editor starten oder klicken Sie in der Titelleiste des HTML Fensters auf die Schaltfl che Externer Editor Roundtrip HTML 163 164 Kapitel 8 BBEdit mit Dreamweaver verwenden nur Macintosh Wenn Sie ein Dokument sowohl in BBEdit als auch in Dreamweaver ge ffnet haben und zwischen den beiden Anwendungen hin und herwechseln wird das Dokument automatisch mit den letzten nderungen aktualisiert Weiterhin wird die aktuelle Auswahl in der jeweils anderen Anwendung bernommen Wenn Sie beispielsweise ein Element in Dreamweaver ausw hlen und dann zu BBEdit wechseln ist dieses Element auch in BBEdit ausgew hlt Wenn Sie mit einer lteren Version von BBEdit oder einem anderen HTML Texteditor arbeiten m chten k nnen Sie die BBEdit Integration deaktivieren Siehe Einen externen Texteditor mit Dreamweaver verwenden auf Seite 163 Wenn Sie die BBEdit Integration deaktivieren wird die jeweils aktuelle Auswahl jedoch nicht bernommen So verwenden Sie BBEdit mit Dreamweaver 1 F hren Sie einen der folgenden Schritte aus gt W hlen Sie Bearbeiten gt BBEdit starten gt Klicken Sie oben rechts im HTML Inspector auf BBEdit 2 Nehmen Sie die gew nschten nderungen in BBEdit vor 3 Klicken Sie in BBEdit in der HTML Tools Palette auf die Schaltfl che Dreamweaver So deaktivieren Sie die BBEdit Integration 1 W hlen Sie Bearbeiten gt
358. s Wenn curDrag kein Objekt darstellt oder wenn es bereits einen MM_SNAPPED Wert hat braucht der Rest der Funktion nicht ausgef hrt zu werden Interaktivit t und Animation hinzuf gen 279 280 Kapitel 16 Gehe zu URL Die Aktion Gehe zu URL ffnet im aktuellen Fenster oder im angegebenen Frame eine neue Seite Mit dieser Aktion kann der Inhalt von zwei oder mehr Frames mit einem Mausklick ge ndert werden So verwenden Sie die Aktion Gehe zu URL 1 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus W hlen Sie im Popup Men Aktionen die Option Gehe zu URL W hlen Sie in der Auswahlliste ffnen in ein Ziel f r den URL Die Auswahlliste f hrt automatisch alle Frames im aktuellen Frameset sowie das Hauptfenster auf Wenn keine Frames vorhanden sind wird nur das Hauptfenster aufgelistet Hinweis Diese Aktion kann zu unerwarteten Ergebnissen f hren wenn ein Frame den Titel oben leer selbst oder bergeordnet hat Browser verwechseln diese Namen manchmal mit den reservierten Zielen oben leer selbst und bergeordnet 4 5 Geben Sie den Pfad und Dateinamen des zu ffnenden Dokuments in das Feld URL ein oder klicken Sie auf Durchsuchen um eine Datei zu suchen und auszuw hlen Wiederholen Sie die Schritte 3 und 4 um weitere Dokumente in anderen Frames zu ffnen Klicken Sie auf OK Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht de
359. s 170 in Formularen 245 in SSIs 259 mit BBEdit bearbeiten 164 optimieren 161 Profil zum Formatieren von Quellcode bearbeiten 318 Quellformat Voreinstellungen 158 Tag Stile 175 Textsuche 139 Umschreiben 158 ung ltig 162 Voreinstellungen 158 vorhandene Dokumente formatieren 162 HTML Code optimieren Befehl 161 HTML Dokumente Siehe HTML HTML Format Voreinstellungen 158 HTML Inspector 156 HTML Inspector Option 73 HTML Tag neu definieren 179 HTML Tag Farben Voreinstellungen 160 HTML Umschreiben Voreinstellungen 158 HTTP Adresse Option 104 Hyperlink Farbe Option 85 Hyperlink Pr fer Dialogfeld 151 342 Index Hyperlinks aktualisieren 145 Anker 110 Dokumente 109 entfernen 123 erstellen 109 Frames mit Hyperlinks ndern 244 in Cache Datei speichern 145 in der Site berpr fen 150 in ganzer Site ndern 146 mit Dateizeiger Symbol erstellen 106 Nachrichtenfenster 111 Pfade 113 Quelle ffnen 123 reparieren 151 Site Map 123 Tastenkombinationen 331 testen 113 berpr fen 150 Ziele 105 zu Ankern 110 zu Dokumenten 105 zu Stylesheets 177 Hyperlink Ziele 109 I ILayer Tag 215 Imagemaps 195 IMG Tag 195 Index Hilfe 14 Inhalt sich wiederholender 251 zu Tabellen hinzuf gen 199 Inhalt mit Ebenen neu positionieren Befehl 230 Inhaltsverzeichnis Hilfe 14 InsertMenu htm 316 Inspectoren ffnen und schlie en 69 Interaktivit t 261 J Java Applets Eigenschaften 312 JavaScript 166 aufrufen 268
360. s Feld Hyperlink des Eigenschaften Inspectors das Zeichen erin Dr cken Sie die Eingabetaste Skript Hyperlinks f hren JavaScript Code aus oder rufen JavaScript Funktionen auf Mit diesen Hyperlinks erhalten Anwender zus tzliche Informationen ber ein bestimmtes Element ohne die aktuelle Seite verlassen zu m ssen Weiterhin k nnen Skript Hyperlinks verwendet werden um Berechnungen Formular berpr fungen und andere Verarbeitungsaufgaben durchzuf hren wenn der Anwender auf ein bestimmtes Element klickt So erstellen Sie einen Skript Hyperlink 1 2 W hlen Sie im Dokumentfenster eine Textstelle oder ein Bild aus Geben Sie in das Feld Hyperlink des Eigenschaften Inspectors javascript ein gefolgt von JavaScript Code oder einem Funktionsaufruf Wenn Sie in das Feld Hyperlink beispielsweise javascript alert Diese Funktion wurde nicht implementiert eingeben wird ein Hyperlink erstellt der eine JavaScript Warnmeldung mit dem Text Diese Funktion wurde nicht implementiert anzeigt Hinweis JavaScript Code steht zwischen doppelten Anf hrungszeichen als Wert des HREF Attributs Sie m ssen daher im Skript Code entweder einfache Anf hrungszeichen verwenden oder den doppelten Anf hrungszeichen Schr gstriche voranstellen zum Beispiel Diese Funktion wurde nicht implementiert Hyperlinks testen Die Hyperlinks im Dokumentfenster sind nicht aktiv das hei t wenn Sie darauf klicken wird das verkn pfte Dokume
361. s mit Hilfe des Eigenschaften Inspectors und des Site Fensters 1 3 Klicken Sie auf das Bild catalog um es im Dokumentfenster auszuw hlen Klicken Sie auf die Titelleiste des Site Fensters um es zu aktivieren oder w hlen Sie Fenster gt Sites Passen Sie die Gr e des Dokumentfensters gegebenenfalls so an da Sie die linke Seite des Dokumentfensters und das Site Fenster nebeneinander anordnen k nnen amp Dliveb TEE ToIxl RE y_Tutorial Iofx Datei Bearbeiten Ansicht Einf gen Datei Bearbeiten Ansicht Site Fenster Hilfe nz Tea Berenel Eenser ie gzj My_Tutorial E eversingen Abruten Bereitstelen G aa cat_pr_mustards_cranbery htm cat_p _ois_beechnut htm cat_p_wines_fle htm DW2_about_main htm DW2_cat_cheeses_asiago h DW2_cat_main_index htm DW2_cat_mustards_cranbe DW2_cat_oils_beechnut htm DW2_cat_wines_fle htm DW2_events_main htm DW2_index htm events_main htm v A Eormat keine gm L B Hyperlink I Sa Ze a i 2244449 BEK 719 sec 7 about_main htm events_main htm Lehrgang 31 4 Klicken Sie im Eigenschaften Inspector auf das Dateizeiger Symbol neben dem Feld Hyperlink ziehen Sie es in das Site Fenster und zeigen Sie damit auf die Datei DW2_cat_main_index htm Der vollst ndige Pfad der Datei wird im Feld Hyperlink des Eigenschaften Inspectors f r das Bild catalog angezeigt
362. s verhindern m chten sollten Sie Ebenen nicht verschachteln So richten Sie zwei oder mehr Ebenen aus 1 W hlen Sie die Ebenen aus 2 W hlen Sie ndern gt Ebenen und anschlie end einen Ausrichtungsbefehl Angenommen Sie w hlen den Befehl Oben ausrichten in diesem Fall werden alle Ebenen so verschoben da sich ihr oberer Rand in der gleichen vertikalen Position befindet wie der obere Rand der zuletzt ausgew hlten Ebene die zuletzt ausgew hlte Ebene ist schwarz markiert Ebenen am Gitternetz einrasten lassen Das Gitternetz kann Ihnen als visuelle Hilfe dienen wenn Sie Ebenen im Dokumentfenster positionieren vergr ern oder verkleinern Wenn Sie Ebenen verschieben oder ihre Gr e ndern und die Einrastfunktion dabei aktiviert ist werden die Ebenen automatisch an der n chstgelegenen Einrastposition plaziert Dabei spielt es keine Rolle ob das Gitternetz ein oder ausgeblendet ist So blenden Sie das Gitternetz mit einer der folgenden Methoden ein gt W hlen Sie Ansicht gt Gitternetz gt Zeigen gt W hlen Sie Ansicht gt Gitternetz gt Einstellungen und aktivieren Sie dann die Option Sichtbares Gitternetz So lassen Sie eine Ebene einrasten 1 W hlen Sie Ansicht gt Gitternetz gt Einrasten an um die Einrastfunktion zu aktivieren oder zu deaktivieren 2 W hlen Sie die Ebene aus und ziehen Sie sie Wenn Sie die Maustaste loslassen rastet die Ebene an der n chsten Gitternetzposition ein Ebe
363. schaften anzuzeigen Plug In Legt einen Namen fest mit dem das Plug In bei der Skripterstellung identifiziert wird Geben Sie in das unbeschriftete Feld ganz links im Eigenschaften Inspector einen Namen ein B und H Legen in Pixeln die H he und Breite fest die dem Objekt auf der Seite zugewiesen werden Sie k nnen auch folgende Ma einheiten angeben pc Pica pt Punkt in Zoll mm Millimeter cm Zentimeter oder Prozentsatz vom Wert des bergeordneten Elements Zwischen dem Wert und der Abk rzung darf keine Leerstelle stehen z B 3mm Quelle Legt die Quelldatendatei fest Geben Sie einen Dateinamen ein oder klicken Sie auf das Ordnersymbol um die Datei zu suchen und auszuw hlen Plg Url Legt den URL des PLUGINSPAGE Attributs fest Geben Sie den vollst ndigen URL der Site ein von der die Anwender das Plug In herunterladen k nnen Wenn der Besucher Ihrer Seite nicht ber das Plug In verf gt versucht der Browser es von diesem URL herunterzuladen Ausrichten Legt fest wie das Objekt auf der Seite ausgerichtet wird Die jeweiligen Optionen werden unter Elemente ausrichten auf Seite 192 beschrieben Alt Legt den alternativen Inhalt fest der angezeigt werden soll wenn der Browser des Anwenders das EMBED Tag nicht unterst tzt Wenn Sie ein Bild w hlen wird es mit dem NOEMBED Tag wiedergegeben Wenn Sie Text eingeben wird er mit dem ALT Attribut des EMBED Tags wiedergegeben V Abstand und H Abstand Legen die An
364. se definiert haben in der Sie dem onMouseOver Ereignis die Aktion Bild austauschen zuweisen sieht das Bild about folgenderma en aus wenn der Anwender den Cursor dar ber bewegt eine hervorgehobene Version des Originalbildes ei ffnen Sie zun chst noch einmal die Homepage Datei die Sie bereits zu einem fr heren Zeitpunkt in diesem Lehrgang bearbeitet haben F gen Sie dann bestimmten Grafikelementen auf der Seite Verhaltensweisen hinzu So ffnen Sie die Seite erneut in Dreamweaver 1 Bringen Sie das Site Fenster in den Vordergrund indem Sie Fenster gt Sites w hlen 2 Doppelklicken Sie auf die Homepage Datei DW2_index htm um sie im Dokumentfenster neu zu ffnen Lehrgang 61 62 Kapitel 2 So f gen Sie einem Grafikelement der Seite eine Verhaltensweise hinzu 1 2 Klicken Sie im Dokumentfenster auf das Bild about um es auszuw hlen W hlen Sie Fenster gt Verhaltensweisen um den Verhaltensweisen Inspector zu ffnen Hier werden alle Verhaltensweisen aufgelistet die f r das ausgew hlte Element definiert wurden in diesem Fall sollten noch keine Verhaltensweisen vorhanden sein F gen Sie der Liste eine neue Aktion hinzu indem Sie auf die Schaltfl che mit dem Pluszeichen klicken und aus dem Popup Men die Option Bild austauschen w hlen Daraufhin wird das Dialogfeld Bild austauschen angezeigt Im Dialogfeld werden alle Bilder aufgelistet die sich auf der Seite befinden W hlen Sie im
365. ser handelt oder wenn im Browser festgelegt wurde da Bilder manuell heruntergeladen werden sollen F r Anwender mit Sehschwierigkeiten die mit Nur Text Browsern Sprach Synthesizer verwenden wird der Text laut vorgelesen Bei einigen Browsern wird dieser Text auch angezeigt wenn der Cursor sich ber dem Bild befindet V Abstand und H Abstand F gt oberhalb und unterhalb bzw links und rechts des Bildes zus tzlichen Zwischenraum ein und zwar in Pixeln Ziel Gibt den Frame oder das Fenster an in dem die verkn pfte Seite geladen werden soll Wenn das Bild keinen Hyperlink enth lt steht diese Option nicht zur Verf gung Im Popup Men werden die Namen aller Frames aufgelistet die im aktiven Dokument enthalten sind Wenn das aktuelle Dokument in einem Browser ge ffnet wird der angegebene Frame jedoch nicht vorhanden ist wird die verkn pfte Seite in einem neuen Fenster geladen das den Namen hat den Sie angegeben haben Anschlie end kann dieses Fenster auch als Ziel f r andere Dateien dienen Sie k nnen auch einen der folgenden reservierten Zielnamen ausw hlen gt leer l dt die verkn pfte Datei in einem neuen unbenannten Browser Fenster gt bergeordnet l dt die verkn pfte Datei im bergeordneten Frameset oder Fenster des Frames in dem der Hyperlink enthalten ist Wenn der Frame der den Hyperlink enth lt nicht verschachtelt ist wird die verkn pfte Datei in das ganze Browser Fenster geladen gt selbst l dt
366. setzt die die urspr ngliche Positionierung beibeh lt Hinweis berlappende Ebenen k nnen nicht konvertiert werden Auch Ebenen die sich au erhalb des linken oder oberen Seitenbereichs befinden k nnen nicht konvertiert werden CSS Markup wird sofern m glich durch HTML Zeichenstile ersetzt CSS Markup das nicht in HTML konvertiert werden kann wird entfernt Unter CSS Stile in HTML Markup Konvertierungstabelle auf Seite 185 finden Sie Einzelheiten dazu welche Stile konvertiert und welche entfernt werden Zeitleisten Code der zur Animierung von Ebenen dient wird entfernt Zeitleisten Code der nicht mit Ebenen assoziiert ist beispielsweise Verhaltensweisen oder nderungen der Bildquelle wird zum vorgesehenen Zeitpunkt ausgef hrt Die Zeitleiste wird automatisch zum Bild 1 zur ckgespult Ebenen verwenden 233 So konvertieren Sie Tabellen in Ebenen gt W hlen Sie Datei gt Konvertieren gt Tabellen in Ebenen Die konvertierte Datei wird in einem neuen unbenannten Fenster ge ffnet Jede Tabellenzelle wird in eine separate Ebene konvertiert leere Zellen werden jedoch nicht konvertiert Inhalt der sich au erhalb der Tabellen befindet wird in eine einzige Ebene plaziert Mit Verhaltensweisen Zeitleisten und CSS k nnen Sie Ihre statische 3 0 Seite nun dynamischer und interessanter gestalten 234 Kapitel 12 KAPITEL 13 Frames verwenden Frames verwenden berblick Frames unterteilen eine Web Seite d
367. sich zwar nicht in der Dreamweaver Palette der websicheren Farben Sie k nnen diese Farben jedoch verwenden indem Sie die Hexadezimalwerte eines beliebigen Farbfelds manuell bearbeiten Wenn Sie eine Farbe w hlen m chten die nicht websicher ist klicken Sie unten rechts auf die Schaltfl che mit der Farbpalette um den Systemfarbw hler zu ffnen UNIX Versionen von Navigator verwenden eine andere Farbpalette als die Windows und Macintosh Versionen Wenn Sie Web Sites f r ausschlie lich UNIX Computer entwickeln oder f r Windows oder Macintosh Systeme mit 24 Bit Bildschirmen und UNIX Systeme mit 8 Bit Bildschirmen sollten Sie daher eventuell Hexadezimalwerte verwenden die die Paare 00 40 80 BF oder FF kombinieren Diese Paare ergeben websichere Farben auf dem Sun Betriebssystem HEAD Inhalt anzeigen und bearbeiten HTML Dateien bestehen aus zwei Hauptbereichen HEAD und BODY Der BODY Bereich bildet den Hauptteil des Dokuments und wird im Browser Fenster sowie im Dokumentfenster in Dreamweaver angezeigt Der HEAD Bereich ist in der Regel nicht sichtbar eine Ausnahme bildet der TITLE Bereich der in der Titelleiste des Browsers und des Dokumentfensters angezeigt wird und weiterhin als Bezeichnung f r Textmarken des Dokuments verwendet wird Der HEAD Bereich enth lt zus tzlich zu TITLE noch weitere wichtige Informationen wie beispielsweise den Dokumenttyp die Sprachkodierung JavaScript und VBScript Funktionen und Varia
368. sse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Ebenen ein ausblenden eignet sich auch zum Erstellen einer Vorlade Ebene Dabei handelt es sich um eine gro e Ebene die den Seiteninhalt zun chst verdeckt aber ausgeblendet wird nachdem alle Seitenkomponenten geladen wurden So erstellen Sie eine Vorlade Ebene 1 Klicken Sie in der Objektpalette auf die Schaltfl che Ebene und zeichnen Sie eine gro e Ebene im Dokumentfenster Achten Sie darauf da die Ebene den gesamten Seiteninhalt abdeckt Ziehen Sie den Ebenennamen in der Ebenenpalette an die erste Stelle der Ebenenliste um festzulegen da sich die Ebene in der Stapelreihenfolge ganz oben befindet Geben Sie in das Texteingabefeld ganz links im Eigenschaften Inspector Ladevorgang als Ebenennamen ein Interaktivit t und Animation hinzuf gen 285 286 Kapitel 16 4 Achten Sie darauf da die Ebene noch ausgew hlt ist und legen Sie im 8 9 Eigenschaften Inspector die Farbe des Seitenhintergrunds als Hintergrundfarbe der Ebene fest E E E E E E E E 177 7 BECOCOOCOCOCCMME A FFFF33 Klicken Sie in die Ebene die jetzt den Rest des Seiteninhalts verdecken sollte und geben Sie bei Bedarf eine Meldung ein Die Meldungen Die Seite wird geladen Bitte warten Sie oder Ladevorgang l uft teilen den Anwendern beispielsweise mit da der Inhalt geladen wird damit sie nicht denken die Seite sei leer Kl
369. ssen Sie die Maustaste los klicken Sie in das Dokumentfenster und zeichnen Sie die Ebene mit dem Cursor Im Dokumentfenster wird daraufhin oben links auf der Seite ein Ebenensymbol angezeigt Wenn dieses Symbol nicht sichtbar ist w hlen Sie Ansicht gt Unsichtbare Elemente Siehe Unsichtbare Elemente Voreinstellungen w hlen auf Seite 83 In der Ebenenpalette wird der Name der neuen Ebene in der Spalte Name angezeigt Wenn Sie weitere Ebenen erstellen werden diese in einer Liste angezeigt wobei die neueste Ebene ganz oben in der Liste aufgef hrt wird Siehe Stapelreihenfolge der Ebenen ndern auf Seite 229 Ebenen verschachteln Wenn Sie eine Ebene innerhalb einer anderen Ebene erstellen entsteht eine verschachtelte Ebene Sie k nnen verschachtelte Ebenen mit der Ebenenpalette erstellen oder indem Sie sie einf gen zeichnen oder ziehen und ablegen Sie k nnen Ebenen verschachteln um sie in einer Gruppe zusammenzufassen Eine verschachtelte Ebene wird zusammen mit der bergeordneten Ebene verschoben und bernimmt auch deren Sichtbarkeit Mit den Tags LAYER und ILAYER erstellte Netscape Ebenen werden gr er um Breite und H he der untergeordneten Ebene zu entsprechen Das folgende Beispiel zeigt HTML Code f r eine verschachtelte Ebene lt div id bergeordnet style position absolute left 56px top 54px width 124px height 158px z index 1 gt Inhalt der bergeordneten Ebene lt div id Verschachtelt styl
370. stellen Sie in einem Texteditor beispielsweise BBEdit oder HomeSite ein leeres Dokument Sie k nnen auch den HTML Inspector von Dreamweaver als Texteditor verwenden dabei m ssen Sie jedoch zuerst alle Tags l schen die angezeigt werden wenn Sie ein neues Dokument erstellen Geben Sie die Tags ein die dieses Objekt in Ihre Dokumente einf gen soll oder f gen Sie die Tags ein Geben Sie beispielsweise folgendes ein lt P gt amp copy 1998 DCD Productions Inc lt BR gt Alle Rechte vorbehalten lt P gt Speichern Sie die Datei Wenn das neue Objekt in einer der vorhandenen Tafeln angezeigt werden soll speichern Sie es in einem der Unterordner des Ordners Objects Allgemein Formulare Head oder Unsichtbare Elemente Wenn Sie eine neue Tafel einrichten m chten erstellen Sie einen neuen Ordner im Ordner Objects und speichern Sie Ihre Datei in diesem Ordner Weitere Ordner in einem der Unterordner des Ordners Objects werden ignoriert F gen Sie das Objekt dem Men Einf gen hinzu Siehe Das Men Einf gen ndern auf Seite 316 Dreamweaver anpassen 317 318 Kapitel 17 5 Erstellen Sie in einer Grafik oder Bildbearbeitungsanwendung wie beispielsweise Macromedia Fireworks ein 18 x 18 Pixel gro es GIF Bild das als Symbol des Objekts in der Objektpalette dient Wenn Sie ein gr eres Bild erstellen wird es automatisch von Dreamweaver auf 18 x 18 Pixel skaliert Wenn Sie kein Symbol f r das Objekt erstel
371. sten Browsern wiedergegeben werden k nnen Die Software zur Wiedergabe von Shockwave Filmen ist als Netscape Plug In und als ActiveX Steuerelement erh ltlich Wenn Sie einen Shockwave Film einf gen verwendet Dreamweaver sowohl das OBJECT Tag f r das ActiveX Steuerelement als auch das EMBED Tag f r das Plug In um in allen Browsern optimale Ergebnisse zu erzielen Wenn Sie im Eigenschaften Inspector nderungen am Film vornehmen ordnet Dreamweaver Ihre Angaben den entsprechenden Parametern f r das OBJECT und das EMBED Tag zu So f gen Sie einen Shockwave Film ein 1 Plazieren Sie den Cursor an der Stelle an der ein Shockwave Film eingef gt werden soll Klicken Sie in der Objektpalette auf die Schaltfl che Shockwave W hlen Sie im angezeigten Dialogfeld eine Filmdatei aus A Geben Sie H he und Breite des Films in die Felder H und B des Eigenschaften Inspectors ein Sonst werden keine weiteren Eigenschaften ben tigt Zus tzliche Informationen zu anderen Eigenschaften finden Sie unter Shockwave Eigenschaften auf Seite 304 Interaktivit t und Animation hinzuf gen 303 304 Kapitel 16 Shockwave Eigenschaften Um sowohl in Internet Explorer als auch in Netscape ein optimales Ergebnis zu gew hrleisten verwendet Dreamweaver beim Einf gen von Shockwave Filmen sowohl das OBJECT Tag als auch das EMBED Tag OBJECT ist das von Microsoft f r ActiveX Steuerelemente definierte Tag und EMBED ist das von Netscape f r Plu
372. stenkombinationen 334 berblick 89 umbenennen 97 Verhaltensweisen 97 Voreinstellungen 93 Zeitleisten 97 Vorlagenpalette 97 Vorschau in Browser 152 Tastenkombinationen 332 Vorschau in Browser Voreinstellungen 153 w Wiedergabekopf 292 W rterbuch bearbeiten 186 w hlen 72 x XML Tags 155 348 Index zZ Zeigen Tracing Bild 80 Zeilen und Spalten formatieren 204 hinzuf gen und entfernen 209 Zeilen und Spalten Option 198 Zeilenumbr che 83 Zeilenumbr che Option 159 Zeitleiste entfernen Befehl 299 Zeitleiste stoppen Aktion 290 Zeitleiste wiedergeben Aktion 290 Zeitleisten ndern 297 Animationstips 302 automatisch wiedergeben 297 Bildquelldatei ndern 298 Ebenenoptionen ndern 298 erstellen 294 in Vorlagen 97 komplexe Pfade 296 mehrere 299 mit Aktionen steuern 301 Schleifen erstellen 297 Schl sselbilder 294 Tastenkombinationen 330 umbenennen 302 Verhaltensweisen positionieren 301 Wiedergabekopf 292 Wiedergabekopf verschieben 291 Zeitleisten Inspector 292 Zellauff llung Option 198 Zellen Siehe Tabellenzellen Zellen verbinden Befehl 210 Zentrierung Option 159 Ziel Browser Browser Profile 319 Dateien in 3 0 kompatibel konvertieren 184 Kompatibilit tspr fung 148 Profil anpassen 322 Tastenkombinationen 332 Ziel Browser berpr fen Befehl 148 Z Index Option Stapelreihenfolge ndern 229 Zweige 125
373. ster als neues Element hinzu L schen Entfernt das ausgew hlte Element aus der Bibliothek ffnen ffnet das ausgew hlte Element zum Bearbeiten in einem neuen Fenster Zu Seite hinzuf gen Positioniert das ausgew hlte Bibliothekselement an der Cursorposition auf der Seite SSIs verwenden SSIs Server Einschl sse vom engl Server side includes sind Anweisungen an den Server die angegebene Datei im aktuellen Dokument einzuschlie en Da diese Einschl sse auf dem Server verarbeitet werden wird der eingeschlossene Inhalt nicht angezeigt wenn Sie Dokumente lokal in einem Browser ffnen Sie k nnen den Inhalt jedoch anzeigen indem Sie in Dreamweaver Datei gt Vorschau in Browser w hlen da Dreamweaver die Einschlu anweisungen genau wie ein Server verarbeitet Wenn Sie einen SSI in ein Dokument plazieren wird lediglich ein Verweis auf eine externe Datei eingef gt Dreamweaver zeigt den Inhalt der externen Datei im Dokumentfenster an und erleichtert somit das Seiten Design Sie k nnen diesen Inhalt jedoch nicht direkt in einem Dokument ndern nderungen an der externen Datei werden automatisch in allen Dokumenten wiedergegeben die diese Datei enthalten So f gen Sie ein SSI ein 1 W hlen Sie Einf gen gt SSI oder klicken Sie in der Tafel Unsichtbare Elemente der Objektpalette auf die Schaltfl che SSI 2 Geben Sie im angezeigten Dialogfeld den Pfad der einzuschlie enden Datei ein oder klicken Sie auf das Ordners
374. sw hlen Ersten untergeordneten Frame oder erstes untergeordnetes Frameset ausw hlen Einen neuen Frame zum Frameset hinzuf gen Mit der Verschiebemethode einen neuen Frame zum Frameset hinzuf gen Halten Sie die Alt Taste gedr ckt und klicken Sie in den Frame Alt Pfeil nach rechts Alt Pfeil nach links Alt Pfeil nach oben Alt Pfeil nach unten Halten Sie die Alt Taste gedr ckt und ziehen Sie den Frame Rahmen Halten Sie die Alt und die Strg Taste gedr ckt und ziehen Sie den Frame Rahmen Halten Sie die Umschalttaste und die Wahltaste gedr ckt und klicken Sie in den Frame Befehlstaste Pfeil nach rechts Befehlstaste Pfeil nach links Befehlstaste Pfeil nach oben Befehlstaste Pfeil nach unten Halten Sie die Wahltaste gedr ckt und ziehen Sie den Frame Rahmen Halten Sie die Wahltaste und die Befehlstaste gedr ckt und ziehen Sie den Frame Rahmen Mit Ebenen arbeiten Aktion Windows Macintosh Ebene ausw hlen Ebene ausw hlen und verschieben Ebene zur Auswahl hinzuf gen oder aus der Auswahl entfernen Ausgew hlte Ebene in Pixel Schritten verschieben Ausgew hlte Ebene in Gitternetz Inkrementen verschieben Ausgew hlte Ebene in Pixel Schritten vergr ern oder verkleinern Strg Umschalttaste Klicken Umschalttaste Strg Ziehen Halten Sie die Umschalttaste gedr ckt und klicken Sie auf die Ebene Pfeiltasten Umschalttaste Pfeilt
375. t Site Map Ansicht Bibliothek Stile Verhaltensweisen Zeitleisten HTML Ebenen Frames Vorlagen Schwebende Fenster Dokumentfenster schlie en Umschalttaste F4 F5 Umschalttaste F5 F6 F7 F8 F9 F10 F11 Strg F10 Strg F11 F4 Strg F4 oder Strg W Umschalttaste F4 F5 Umschalttaste F5 F6 F7 F8 F9 F10 F11 Befehlstaste F10 Befehlstaste F1 1 F4 Befehlstaste W oder Befehlstaste F4 Hilfe aufrufen Befehl Windows Macintosh Hilfethemen F1 Hilfe Dreamweaver Online Strg F1 Befehlstaste F1 Tastenkombinationen 335 336 Appendix A INDEX A Abfrage speichern Option 142 Abh ngige Dateien einblenden und ausblenden 124 Abrufen Befehl 135 Abrufen Dateien von einem entfernten Server 135 Absatz Tags 170 ACTION Attribut 248 Active Server Page Tags 155 ActiveX Steuerelemente Eigenschaften 310 vergr ern oder verkleinern 192 Aftershock Objekte einf gen 307 Aktionen Browser Kompatibilit t 266 Definition 262 erstellen 264 in Verhaltensweisen ndern 264 Verhaltensweisen w hlen 262 Zeitleisten steuern 301 Aktionen Siehe auch Individuelle Aktionen Aktionen Popup Men 264 Aktive Hyperlinks Option 85 Aktualisieren Hyperlinks 145 Aktuelle Seite aktualisieren Befehl 99 Alles speichern Befehl 237 Allgemeine Voreinstellungen 72 Als Text einf gen Befehl 81 Als Vorlage speichern Befehl 90 Animationen 261 entlang komplexer Pfade 296 kopieren und einf gen 299 Objekten zuweise
376. t Bildern arbeiten Aktion Windows Macintosh Bildquelle ndern Bild in einem externen Editor bearbeiten Doppelklicken Sie auf das Bild Halten Sie die Strg Taste gedr ckt und doppelklicken Sie auf das Bild Doppelklicken Sie auf das Bild Halten Sie die Befehlstaste gedr ckt und doppelklicken Sie auf das Bild Hyperlinks verwalten Aktion Windows Macintosh Hyperlink erstellen Text ausw hlen Hyperlink entfernen Ziehen und ablegen um einen Hyperlink von einem Dokument zu erstellen Ziehen und ablegen um einen Hyperlink mit Hilfe des Eigenschaften Inspectors zu erstellen Das verkn pfte Dokument in Dreamweaver ffnen Hyperlinks im aktuellen Dokument berpr fen Hyperlinks in der ganzen Site berpr fen Strg L Umschalttaste Strg L W hlen Sie den Text das Bild oder das Objekt aus halten Sie die Umschalttaste gedr ckt und ziehen Sie die Auswahl zu einer Datei im Site Fenster W hlen Sie den Text das Bild oder das Objekt aus und ziehen Sie dann das Dateizeiger Symbol vom Eigenschaften Inspector zu einer Datei im Site Fenster Halten Sie die Strg Taste gedr ckt und doppelklicken Sie auf den Hyperlink Strg F7 Strg F8 Befehlstaste L Umschalttaste Befehlstaste L W hlen Sie den Text das Bild oder das Objekt aus halten Sie die Umschalttaste gedr ckt und ziehen Sie die Auswahl zu einer Datei im Site Fenster W hlen
377. t ausgew hlten Ebenen werden auf die Breite oder die H he der zuletzt ausgew hlten Ebene eingestellt die zuletzt ausgew hlte Ebene wird schwarz markiert gt Geben Sie im Eigenschaften Inspector unter Mehrere Ebenen Werte f r die Breite und die H he ein Die eingegebenen Werte werden auf alle ausgew hlten Ebenen angewandt Ebenen verschieben Wenn Sie Kenntnisse in der Arbeit mit Grafikanwendungen haben d rfte Ihnen das Verschieben von Ebenen im Dokumentfenster bereits vertraut sein Wenn die Option berlappungen verhindern aktiviert ist k nnen Sie Ebenen nur so verschieben da sie keine anderen Ebenen berlappen Siehe Ebenen berlappungen verhindern auf Seite 232 So verschieben Sie eine oder mehrere Ebenen mit einer der folgenden Methoden gt W hlen Sie die Ebenen aus und ziehen Sie den Auswahlgriff der zuletzt ausgew hlten Ebene diese Ebene ist schwarz markiert gt Um die Ebenen in 1 Pixel Schritten zu verschieben w hlen Sie sie aus und dr cken Sie die Pfeiltasten Wenn Sie dabei die Umschalttaste gedr ckt halten werden die Ebenen um das aktuelle Gitternetz Inkrement verschoben Ebenen ausrichten Mit den Befehlen zur Ebenenausrichtung k nnen Sie eine oder mehrere Ebenen am angegebenen Rand der zuletzt ausgew hlten Ebene ausrichten Wenn Sie eine Ebene ausrichten werden dabei eventuell auch nicht ausgew hlte Ebenen verschoben wenn es sich dabei um untergeordnete Ebenen handelt Wenn Sie die
378. t dem ALT Attribut des APPLET Tags wieder Wenn Sie ein Bild w hlen f gt Dreamweaver zwischen dem f hrenden und dem schlie enden APPLET Tag ein IMG Tag ein Hinweis Um alternativen Inhalt festzulegen der sowohl in Netscape Navigator wenn Java deaktiviert ist und Lynx einem textbasierten Browser zu sehen ist w hlen Sie ein Bild aus und f gen Sie dann im HTML Inspector dem IMG Tag manuell ein ALT Attribut hinzu V Abstand und H Abstand Legen die Anzahl an Pixeln f r den Leerraum oberhalb unterhalb und zu beiden Seiten des Applets fest Parameter ffnet ein Dialogfeld in das Sie zus tzliche Parameter eingeben k nnen die an das Applet weitergegeben werden sollen Viele Applets reagieren auf Sonderparameter Siehe Informationen zu Parametern auf Seite 313 Informationen zu Parametern Im Dialogfeld Parameter k nnen Sie Werte f r die Sonderparameter angeben die f r Shockwave Filme ActiveX Steuerelemente Netscape Plug Ins und Java Applets definiert wurden Informationen zu den ben tigten Parametern finden Sie in der Dokumentation des verwendeten Objekts So geben Sie einen Wert f r einen Parameter ein 1 Klicken Sie auf die Schaltfl che mit dem Pluszeichen 2 Geben Sie den Namen des Parameters in die Spalte Parameter ein 3 Geben Sie den Wert des Parameters in die Spalte Wert ein So entfernen Sie Parameter gt W hlen Sie einen Parameter aus und dr cken Sie die Entf Taste So ndern Sie die Reihenf
379. taste und die Tabulatortaste Macintosh Formatierungssteuerungen f r HTML Quellcode einstellen Dreamweaver bietet die folgenden Steuerungen zur Formatierung von HTML Quellcode Voreinstellungen f r HTML Umschreiben Bestimmt welche nderungen an Ihrem HTML Quellcode vorgenommen werden wenn Sie ein HTML Dokument ffnen Siehe HTML Umschreiben Voreinstellungen w hlen auf Seite 158 Voreinstellungen f r HTML Format Steuert g ngige HTML Formatierungsoptionen wie beispielsweise die Zeilenl nge und Einz ge Siehe HTML Format Voreinstellungen w hlen auf Seite 158 Mit der Profildatei SourceFormat profile k nnen Sie pr zise steuern wie Dreamweaver HTML Code schreibt Siehe Das Profil zum Formatieren von HTML Quellcode bearbeiten auf Seite 318 Voreinstellungen f r HTML Tag Farben Definiert wie HTML Tags und der Text zwischen den Tags im HTML Inspector farblich dargestellt werden Siehe HTML Tag Farben Voreinstellungen w hlen auf Seite 160 Voreinstellungen f r Schriftarten Kodierung Hier k nnen Sie angeben in welcher Schriftart der HTML Quellcode im HTML Inspector angezeigt wird Siehe Schriftarten Kodierung Voreinstellungen w hlen auf Seite 73 Roundtrip HTML 157 158 Kapitel 8 HTML Umschreiben Voreinstellungen w hlen Die folgenden Voreinstellungen gelten f r importierte HTML Dokumente sie wirken sich nicht auf HTML Code aus den Sie direkt im HTML Inspector bearbeiten Wenn S
380. ten Inspector eine Fehlerbeschreibung sowie einen Korrekturvorschlag an Haben Sie HTML Umschreiben deaktiviert wird auch der HTML Code den Dreamweaver umgeschrieben h tte als ung ltig markiert 155 156 Kapitel 8 gt Tags die Dreamweaver nicht erkennt einschlie lich XML Tags werden nicht ge ndert da Dreamweaver nicht beurteilen kann ob es sich dabei um g ltige oder ung ltige Tags handelt Wenn diese Tags andere Tags berlappen interpretiert Dreamweaver sie eventuell als ung ltig und markiert sie daher als fehlerhaft So w rde das benutzerdefinierte Tag im folgenden Beispiel als fehlerhaft markiert lt MeinNeuesTag gt lt B gt Text lt MeinNeuesTag gt lt B gt gt Dreamweaver ndert keine CFML Cold Fusion Markup Language oder ASP Microsoft Active Server Page Tags Bl cke mit CFML oder ASP Code werden im Dokumentfenster nach M glichkeit durch Markierungen gekennzeichnet Siehe Cold Fusion und Active Server Page Dateien in Dreamweaver bearbeiten auf Seite 164 Bevor Sie ASP oder CFML Dokumente in Dreamweaver ffnen sollten Sie das Umschreiben ung ltiger Tags deaktivieren Siehe HTML Umschreiben Voreinstellungen w hlen auf Seite 158 gt Sie k nnen in Dreamweaver einen textbasierten HTML Editor starten um das aktuelle Dokument zu bearbeiten Dreamweaver ist sowohl mit HomeSite Windows als auch mit BBEdit Macintosh integriert Siehe Mit anderen HTML Editoren arbeiten auf Seite 163 De
381. ten Text aus 2 Klicken Sie im Eigenschaften Inspector auf die Schaltfl che Einzug oder Negativeinzug oder w hlen Sie Text gt Einzug oder Negativeinzug oder w hlen Sie im Kontextmen Liste gt Einzug oder Negativeinzug Wenn es sich beim ausgew hlten Text um einen Absatz oder eine berschrift handelt wird dadurch das BLOCKQUOTE Tag angewandt oder entfernt handelt es sich beim ausgew hlten Text um eine Liste wird ein zus tzliches UL oder OL Tag hinzugef gt oder entfernt Listen erstellen Sie k nnen numerierte Listen Listen mit Listenpunkten und Definitionslisten erstellen und zwar entweder mit bereits vorhandenem Text oder mit dem Text den Sie anschlie end neu in das Dokumentfenster eingeben Listen k nnen auch Unterpunkte enthalten So erstellen Sie eine neue Liste 1 Plazieren Sie den Cursor in die Zeile in der Sie eine Liste mit neuen Elementen hinzuf gen m chten 2 Klicken Sie im Eigenschaften Inspector auf die Schaltfl che Geordnete Liste oder Ungeordnete Liste oder w hlen Sie Text gt Liste und w hlen Sie dann den gew nschten Listentyp Ungeordnete Liste mit Listenpunkten Geordnete Liste numeriert oder Definitionsliste 3 Geben Sie den Text der Liste ein Dr cken Sie die Eingabetaste um einen neuen Listeneintrag zu erstellen 4 Dr cken Sie die Eingabetaste zweimal um die Liste fertigzustellen So erstellen Sie eine Liste mit bereits vorhandenem Text 1 W hlen Sie mehrere Abs tze a
382. tere Bilder einzuf gen 4 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus W hlen Sie im Popup Men Aktionen die Option Bild austauschen 6 W hlen Sie in der Liste Bilder das Bild aus dessen Quelle Sie ndern m chten 7 Geben Sie Pfad und Dateinamen des neuen Bildes in das Feld Quelle einstellen auf ein oder klicken Sie auf Durchsuchen um eine Bilddatei auszuw hlen 8 Wiederholen Sie die Schritte 6 und 7 f r alle weiteren Bilder die ge ndert werden sollen 9 Aktivieren Sie das Kontrollk stchen Bilder vorausladen damit die neuen Bilder in den Cache Speicher des Browsers geladen werden Damit werden durch das Herunterladen verursachte Verz gerungen verhindert wenn die Bilder angezeigt werden sollen 10 Klicken Sie auf OK Interaktivit t und Animation hinzuf gen 287 288 Kapitel 16 11 Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Austauschbild wiederherstellen Die Aktion Austauschbild wiederherstellen stellt f r die letzte Gruppe von ausgetauschten Bildern die vorherigen Quelldateien wieder her Diese Aktion wird immer automatisch angef gt wenn Sie die Aktion Bild austauschen an ein Objekt anf gen daher m ssen Sie diese Aktion in der Regel nicht
383. terface mindspring com in das Feld ndern in Hyperlinks zu Ihre Site testen Bevor Sie Ihre Site an einen Server bertragen und zur Ansicht freigeben sollten Sie sie lokal testen Dabei stellen Sie sicher da Ihre Seiten in den Ziel Browsern wie geplant dargestellt werden da alle Hyperlinks funktionieren und da der Download der Seiten nicht zu lange dauert Die folgenden Richtlinien sollen Ihnen dabei helfen eine ansprechende und gut strukturierte Site zu erstellen gt Stellen Sie sicher da Ihre Seiten in den Ziel Browsern wie geplant funktionieren und da sie in anderen Browsern zumindest teilweise funktionsf hig sind Die Seiten sollten in Browsern die weder Stile Ebenen noch JavaScript unterst tzen leserlich und funktionsf hig sein Siehe Kompatibilit t einer Seite mit Ziel Browsern berpr fen auf Seite 148 Bei Seiten die in lteren Browsern nicht funktionsf hig sind sollten Sie eventuell die Verhaltensweise Browser berpr fen verwenden um die Besucher Ihrer Site automatisch an eine andere Seite weiterzuleiten Siehe Browser berpr fen auf Seite 270 Site Verwaltung 147 148 Kapitel7 gt Stellen Sie sicher da alle Hyperlinks der Site funktionieren Wenn Sie eine Hyperlink Pr fung durchf hren erstellt Dreamweaver eine Liste aller Hyperlinks zu externen Sites Sie sollten diese Hyperlinks regelm ig berpr fen um sicherzustellen da sie noch g ltig sind Auch andere Sites k nnen ge
384. tige Olivebranch Homepage enth lt einen Bereich ber w chentliche Sonderangebote in dem verschiedene Produkte rechts in der Seite langsam ein und ausgeblendet werden Der Bereich mit den Sonderangeboten besteht aus zwei Ebenen Die erste Ebene enth lt das statische Bild this week s specials die zweite Ebene die die erste berlappt zeigt einen Flash Film in dem die Produkte ein und ausgeblendet werden Ihre Version der Homepage enth lt bisher nur die Ebene mit dem statischen Bild Im n chsten Schritt f gen Sie den Flash Film in eine Ebene ber der Bild Ebene ein um die Sonderangebote genau wie auf der fertigen Homepage darzustellen Die Ebene mit dem Flash Film befindet sich direkt ber der Ebene mit dem Bild this week s special Sie m ssen daher die Option Ebenen berlappungen verhindern deaktivieren So legen Sie fest da Ebenen sich berlappen d rfen 1 W hlen Sie Fenster gt Ebenen um die Ebenenpalette erneut zu ffnen 2 Deaktivieren Sie die Option Ebenen berlappungen verhindern Als n chstes erstellen Sie die neue Ebene die den Flash Film enthalten soll So f gen Sie eine neue Ebene mit einem Flash Film hinzu 1 W hlen Sie Einf gen gt Ebene 2 Plazieren Sie den Cursor in der neuen Ebene indem Sie einmal darauf klicken 3 W hlen Sie Einf gen gt Flash Film und w hlen Sie dann im Ordner Assets die Datei home_ticker swf Die Ebene wird so vergr ert da sie der Gr e des Flash Films
385. tleiste enth lt Wenn im Zeitleisten Inspector keine violetten Animationsleisten angezeigt werden enth lt Ihr Dokument keine Zeitleiste Siehe Zeitleisten Animationen erstellen auf Seite 294 2 F hren Sie die Schritte 1 bis 3 unter Verhaltensweisen anf gen auf Seite 262 aus 3 W hlen Sie im Popup Men Aktionen die Option Zeitleiste wiedergeben oder Zeitleiste stoppen 4 W hlen Sie im Popup Men die Zeitleiste aus die Sie wiedergeben bzw stoppen m chten oder stoppen Sie alle Zeitleisten 5 Klicken Sie auf OK 6 Pr fen Sie ob das Standardereignis das gew nschte Ereignis ist Ist dies nicht der Fall w hlen Sie ein anderes Ereignis aus dem Popup Men aus Wenn die gew nschten Ereignisse nicht aufgef hrt werden ndern Sie im Popup Men Ereignisse f r den Ziel Browser Gehe zu Zeitleisten Bild Die Aktion Gehe zu Zeitleisten Bild bewegt den Wiedergabekopf zu dem festgelegten Bild Sie k nnen diese Aktion im Verhaltenskanal des Zeitleisten Inspectors einsetzen damit Abschnitte der Zeitleiste eine bestimmte Anzahl von Schleifen ausf hren um einen Hyperlink oder eine Schaltfl che zum Zur ckspulen zu erstellen oder damit der Anwender an verschiedene Stellen der Animation gelangen kann So verwenden Sie die Aktion Gehe zu Zeitleisten Bild 1 W hlen Sie Fenster gt Zeitleisten um den Zeitleisten Inspector zu ffnen und stellen Sie sicher da Ihr Dokument eine Zeitleiste enth lt Wenn im Zeitle
386. tosh auf ein Bild in der Animationsleiste Definieren Sie neue Eigenschaften f r das Objekt indem Sie eine der folgenden Optionen w hlen Wenn Sie die Quelldatei eines Bildes ndern m chten klicken Sie im Eigenschaften Inspector auf das Ordnersymbol neben dem Feld Qu um ein neues Bild zu suchen und auszuw hlen Wenn Sie die Sichtbarkeit einer Ebene ndern m chten w hlen Sie im Popup Men Sichtb des Eigenschaften Inspectors entweder sichtbar unsichtbar oder bernehmen Siehe auch Sichtbarkeit der Ebenen ndern auf Seite 229 Wenn Sie die Gr e einer Ebene ndern m chten ziehen Sie die Gr en nderungsgriffe oder geben Sie im Eigenschaften Inspector neue Werte in die Felder f r Breite und H he ein Internet Explorer 4 0 ist zur Zeit der einzige Browser der die Gr e einer Ebene dynamisch ndern kann Wenn Sie die Stapelreihenfolge einer Ebene ndern m chten geben Sie einen neuen Wert in das Feld Z Index ein oder verwenden Sie die Ebenenpalette um die Stapelreihenfolge der aktuellen Ebene zu ndern Siehe auch Stapelreihenfolge der Ebenen ndern auf Seite 229 Halten Sie die Schaltfl che Wiedergeben gedr ckt um die Animation anzuzeigen Die momentan ausgew hlte Ebene ist immer sichtbar und befindet sich grunds tzlich an erster Stelle der Stapelreihenfolge Deaktivieren Sie alle Fbenen damit die Zeitleiste die Stapelreihenfolge oder Sichtbarkeit steuern kann Mehrere Zeitleisten verwenden
387. ttributen und steuert das Erscheinungsbild eines Textbereichs oder Textblocks Ein Stylesheet enth lt alle Stile f r ein Dokument Im n chsten Schritt erstellen Sie einen benutzerdefinierten Stil mit dem die Tabellen berschriften auf der Seite Events formatiert werden So erstellen Sie einen benutzerdefinierten Stil 1 W hlen Sie Fenster gt Stile um die Stilpalette zu ffnen 2 Klicken Sie auf Stylesheet um das Dialogfeld Stylesheet bearbeiten zu ffnen Stylesheet bearbeiten Verkn pfen Bearbeiten D pitzieren Entemen Stildefinition EEH keine Stil Regel gew hlt Klicken Sie im Dialogfeld Stylesheet bearbeiten auf Neu Stellen Sie sicher da Typ auf Benutzerdefinierten Stil erstellen Klasse eingestellt ist Geben Sie den Namen tabellen berschrift f r den neuen Stil ein und klicken Sie auf OK Neuer Stil x Typ Benutzerdefinierten Stil erstellen Klasse HTML Tag neu definieren P 05 Selektor verwenden Abbrechen Name tablehead 7 Lehrgang 49 6 W hlen Sie auf der linken Seite des Dialogfelds Stildefinition die Kategorie Typ und geben Sie dann die folgenden Formatierungseinstellungen f r den neuen Stil an gt Schriftart Arial Helvetica sans serif gt Gr e 18 Punkte gt Stil Standard Klicken Sie auf OK um das Dialogfeld Stildefinition zu schlie en 8 Das Dialogfeld Stylesheet bearbeiten enth lt nun den Stil tabellen berschrifi Klicken S
388. u erzielen Wenn Sie im Eigenschaften Inspector nderungen am Film vornehmen ordnet Dreamweaver Ihre Angaben den entsprechenden Parametern f r das OBJECT und das EMBED Tag zu So f gen Sie einen Flash Player Film ein 1 Plazieren Sie den Cursor an der Stelle an der Sie einen Film einf gen m chten 2 Klicken Sie in der Objektpalette auf die Schaltfl che Flash Player 3 W hlen Sie im angezeigten Dialogfeld eine Filmdatei aus A Geben Sie H he und Breite des Films in die Felder H und B des Eigenschaften Inspectors ein 5 Sonst werden keine weiteren Eigenschaften ben tigt Zus tzliche Informationen zu den anderen Eigenschaften finden Sie unter Flash Player Eigenschaften auf Seite 306 Interaktivit t und Animation hinzuf gen 305 306 Kapitel 16 Flash Player Eigenschaften Um sowohl in Internet Explorer als auch in Netscape optimale Ergebnisse zu gew hrleisten verwendet Dreamweaver beim Einf gen von Flash Player Filmen sowohl das OBJECT Tag als auch das EMBED Tag Das OBJECT Tag wurde von Microsoft f r ActiveX Steuerelemente definiert und das EMBED Tag wurde von Netscape f r Plug Ins definiert Doppelklicken Sie auf einen Flash Player Film um die folgenden Eigenschaften im Eigenschaften Inspector anzuzeigen Siehe auch Flash Player Filme einf gen auf Seite 305 Der Eigenschaften Inspector zeigt zun chst nur die am h ufigsten verwendeten Eigenschaften an Klicken Sie unten rechts auf den Erweiterungspfeil um
389. uf bereits vorhandene Dokumente anwenden Siehe HTML Quellcode in vorhandenen Dokumenten formatieren auf Seite 162 Einzug Aktiviert den Einzug f r alle Tags die in der Profildatei SourceFormat profile mit INDENT markiert sind Siehe Das Profil zum Formatieren von HTML Quellcode bearbeiten auf Seite 318 Verwenden Gibt an ob f r den Einzug Leerstellen oder Tabulatoren verwendet werden sollen Tabellenzeilen und spalten Bewirkt da die Tags TR und TD automatisch eingezogen werden damit Tabellen Code leichter gelesen werden kann Diese Option kann nur gew hlt werden wenn die Option Einzug aktiviert ist Frames und Framesets Bewirkt da FRAME Tags und verschachtelte FRAMESET Tags automatisch eingezogen werden damit Frameset Dateien leichter gelesen werden k nnen Diese Option kann nur gew hlt werden wenn die Option Einzug aktiviert ist Einzugsgr e Bestimmt die Gr e der Einz ge in Leerstellen oder Tabulatoren je nachdem welche Einstellung unter Verwenden gew hlt ist Wenn Verwenden beispielsweise auf Tabulatoren eingestellt ist und Einzugsgr e auf 4 werden die Tags um vier Tabulatoren eingezogen Tabulatorgr e Bestimmt die Gr e der Tabulatoren in Zeichenabst nden Hinweis Wenn Verwenden auf Tabulatoren eingestellt ist die Einzugsgr e jedoch nicht ein Mehrfaches der Tabulatorgr e ist wird f r den Einzug der Tags eine Kombination aus Tabulatoren und Leerstellen verwendet Auto Umbruch B
390. uktur bersichtlicher dargestellt als im Dokumentfenster Framesets haben dicke dreidimensionale Rahmen Frames werden mit d nnen grauen Linien dargestellt und ihre Namen werden angegeben So zeigen Sie den Frame Inspector an gt W hlen Sie Fenster gt Frames So w hlen Sie einen Frame im Frame Inspector aus gt Klicken Sie im Frame Inspector auf einen Frame So w hlen Sie ein Frameset im Frame Inspector aus gt Klicken Sie auf den Rahmen der die Frames im Frame Inspector umgibt Wenn ein Frameset ausgew hlt ist werden die Rahmen aller im Frameset enthaltenen Frames im Dokumentfenster mit einer gepunkteten Linie nachgezeichnet Eigenschaften f r Frames und Framesets Erscheinungsbild und Eigenschaften der Frame Dokumente werden von zwei verschiedenen Eigenschaftsgruppen gesteuert gt Die Frame Eigenschaften bestimmen Frame Namen Quelldatei R nder sowie Optionen f r Abrollbalken und Gr en nderung f r einzelne Frames innerhalb eines Framesets gt Die Frameset Eigenschaften steuern die Abmessungen der Frames sowie die Farbe und Breite der Rahmen zwischen den Frames W hlen Sie Fenster gt Eigenschaften um den Eigenschaften Inspector zu ffnen Weitere Informationen ber Frames finden Sie unter Frames verwenden berblick auf Seite 235 So zeigen Sie die Frame Eigenschaften mit einer der folgenden Methoden an gt Halten Sie die Alt Taste Windows bzw die Umschalt und die Wahltast
391. ument verkn pft ist Text formatieren 177 178 Kapitel 9 So erstellen Sie ein externes Stylesheet oder einen Hyperlink zu einem externen Stylesheet 1 vyv O N v W hlen Sie Fenster gt Stile oder klicken Sie im Launcher auf Stile Klicken Sie in der Stilpalette auf Stylesheet Klicken Sie im Dialogfeld Stylesheet bearbeiten auf Verkn pfen F hren Sie einen der folgenden Schritte aus Geben Sie den Pfad des externen Stylesheets in das Feld Datei URL ein Erstellen Sie ein neues externes Stylesheet indem Sie einen Dateinamen eingeben der im angegebenen Pfad noch nicht vorhanden ist Externe Stylesheets m ssen die Erweiterung css haben W hlen Sie Verkn pfen oder Importieren um das Tag anzugeben mit dem das externe Stylesheet angef gt werden soll und klicken Sie dann auf OK Sowohl IMPORTIEREN als auch VERKN PFEN bewirken da alle Stile des entfernten Stylesheets im aktuellen Dokument zur Verf gung stehen VERKN PFEN bietet jedoch mehr Funktionen und kann auch in mehr Browsern eingesetzt werden Das externe Stylesheet wird in der Liste der Stylesheets im Dialogfeld Stylesheet bearbeiten angezeigt wobei das Wort VERKN PFEN hinter dem Namen des Stylesheets steht F hren Sie die folgenden Schritte nur aus wenn Sie Stile im externen Stylesheet erstellen oder bearbeiten m chten Doppelklicken Sie auf den Namen des Stylesheets Daraufhin wird ein zweites Dialogfeld Stylesheet bearbeiten ge ffnet K
392. unanrunne eea 87 KAPITEL 5 Vorlagen unsere ee es tpe EEEE S E EEE EEE 89 Vorlagen berblick 40 1 Ban 89 Vorlagen erstellen 2 222222 200eneeeeee nennen rer 90 Editierbare Bereiche einer Vorlage definieren 22200 91 Dokumente auf Grundlage einer Vorlage erstellen 98 Vorlagen ndern und die Site aktualisieren 22er 99 XML Inhalt importieren und exportieren 2222222 sennnnn 101 KAPITEL 6 Site Planung Lie eine NunE PERKE 103 Site Planung berblick 2222222 nanara 103 Lokale Sites erstellen 222222 eeeeeeeeeeeeennerenen en 104 Hyperlinks erstellen 2 22 2222 e e a a 105 Dateien im Site Fenster anzeigen 2 222222 ceneeeeen een 115 Mit Site Dateien arbeiten 2222222 oeeeeeeeeeeeneneenn 117 Site Maps erstellen siasio eie ea e aa a a een enn 118 KAPITEL 7 Site Verwaltung 2 2 222222 aaaea raaa 127 Siee Verwaltung berblick u aaea 127 Sites definieren cespe trrpats rare een 128 Optionen f r das Site Fenster n2222 2 errre 130 Das Fincheck Auscheck System poa eeasseenroroorererseser 133 Suchen und Ersetzen 22 2 2 nanninannan eeaeee 137 Hyperlinks verwalten 22222222 00eeeeeneeeennen ernennen 145 Ihre Site testen osses saneceninopias ounid neriu E EE Ea 147 Inhaltsverzeichnis KAPITEL 8 Roundtip ATMlE 2 5 00 0r RR 195 Roundtrip HTML berblick uses 155 Der HTML Inspector 22 22e22 een een een een
393. unterladen m chten Klicken Sie auf Ja So checken Sie Dateien auf einem entfernten Server ein 1 W hlen Sie im Site Fenster oben im Popup Men der aktuellen Sites die gew nschte Site aus W hlen Sie im lokalen Bereich eine oder mehrere ausgecheckte oder neue Dateien aus Klicken Sie dann mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh und w hlen Sie im Kontextmen die Option Einchecken Sie k nnen auch oben im Site Fenster auf die Schaltfl che Einchecken klicken Ausgecheckte Dateien sind mit einem gr nen H kchen gekennzeichnet Neue Dateien haben weder ein H kchen noch ein Sperrsymbol Sie werden nun gefragt ob Sie auch abh ngige Dateien an den Server bertragen m chten Klicken Sie auf Ja Wenn Sie eine neue Datei einchecken sollten Sie auch die abh ngigen Dateien an den Server bertragen So machen Sie das Auschecken einer Datei r ckg ngig gt W hlen Sie die gew nschte Datei aus klicken Sie mit der rechten Maustaste Windows bzw mit gedr ckter Strg Taste Macintosh und w hlen Sie im Kontextmen die Option Auschecken r ckg ngig Die lokale Kopie der Datei ist nun schreibgesch tzt und nderungen die Sie bereits vorgenommen hatten gehen verloren Dateien von einem entfernten Server abrufen Wenn Sie Dateien abrufen werden sie von der entfernten Site auf Ihre lokale Site kopiert Die kopierten Dateien sind schreibgesch tzt Wenn Sie nicht in einem Tea
394. us die die Liste bilden sollen 2 Klicken Sie im Eigenschaften Inspector auf die Schaltfl che Geordnete Liste oder Ungeordnete Liste oder w hlen Sie Text gt Liste und w hlen Sie dann den gew nschten Listentyp Ungeordnete Liste mit Listenpunkten Geordnete Liste numeriert oder Definitionsliste So erstellen Sie eine Liste mit Unterpunkten 1 W hlen Sie die Listeneintr ge die Unterpunkte bilden sollen 2 Klicken Sie im Eigenschaften Inspector auf die Schaltfl che Einzug oder w hlen Sie Text gt Einzug Text mit Stylesheets formatieren Ein Stil besteht aus mehreren Formatierungsattributen und steuert das Erscheinungsbild eines Textbereichs oder Textblocks Verwenden Sie Stile um ein einzelnes Dokument zu formatieren Wenn Sie dagegen das Erscheinungsbild mehrerer Dokumente gleichzeitig definieren m chten verwenden Sie ein externes Stylesheet ein externes Stylesheet wird extern gespeichert und ist mit dem aktuellen Dokument verkn pft Ein Stylesheet enth lt alle Stile f r ein Dokument Text formatieren 175 176 Kapitel 9 Stile werden durch einen Namen oder ein HTML Tag identifiziert Wenn Sie ein Attribut des Stils ndern wirkt sich diese nderung umgehend auf alle Textstellen aus auf die dieser Stil angewandt wurde Stile in HTML Dokumenten k nnen die meisten der herk mmlichen Textformatierungsattribute steuern wie beispielsweise Schriftart Schriftgr e und Ausrichtung Weiterhin k nnen Stile spezi
395. usgew hlt werden kann ist wahrscheinlich eine Ebene ausgew hlt Da Ebenen in beiden 4 0 Browsern keine Ereignisse akzeptieren m ssen Sie ein anderes Objekt ausw hlen wie beispielsweise das BODY Tag oder einen Hyperlink A Tag oder im Popup Men Freignisse f r die Option IE 4 0 als Browser w hlen W hlen Sie im Popup Men Ebene die Ebene aus die gezogen werden soll W hlen Sie im Popup Men Bewegung entweder Eingeschr nkt oder Uneingeschr nkt Eine uneingeschr nkte Bewegung eignet sich f r Puzzle und andere Drag amp Drop Spiele F r Schieberegler und bewegliche Objekte wie beispielsweise Schubladen Vorh nge und Jalousien sollten Sie eine eingeschr nkte Bewegung w hlen Wenn Sie eine eingeschr nkte Bewegung w hlen geben Sie Werte in die Felder Oben Unten Links und Rechts ein in Pixeln Die Werte sind relativ zur Anfangsposition der Ebene Wenn Sie die Bewegung auf einen rechteckigen Bereich beschr nken m chten geben Sie in alle vier Felder einen positiven Wert ein Soll nur eine vertikale Bewegung m glich sein geben Sie in die Felder Oben und Unten einen positiven Wert und in die Felder Links und Rechts 0 ein Soll nur eine horizontale Bewegung m glich sein geben Sie in die Felder Links und Rechts einen positiven Wert und in die Felder Oben und Unten 0 ein Geben Sie f r das Ablageziel Werte in die Felder Links und Oben ein in Pixeln Beim Ablageziel handelt es sich um die Stelle an die der Anwen
396. ver HTML Help Pages h ufig JavaScript zum Einsatz kommt mu JavaScript in Ihrem Browser aktiviert sein Wenn Sie mit der Suchfunktion arbeiten m chten m ssen Sie weiterhin Java aktivieren Inhaltsverzeichnis Mit dem Inhaltsverzeichnis k nnen Sie alle Informationen nach Thema geordnet anzeigen Wenn Sie auf einen Eintrag klicken werden die zugeh rigen untergeordneten Themen angezeigt Index Den Index k nnen Sie genau wie einen gedruckten Index verwenden um wichtige Begriffe und sinnverwandte Themen zu finden Suchen Mit der Suchfunktion k nnen Sie eine beliebige Zeichenfolge im gesamten Thementext finden Dazu ist ein 4 0 Browser erforderlich und Java mu aktiviert sein gt Um eine bestimmte Zeichenfolge zu suchen geben Sie sie einfach in das Texteingabefeld ein Geben Sie das zu suchende Schl sselwort ein verwenden Sie das Pluszeichen um mehrere W rter zu suchen E around the Clock IV Gro Kleinschreibuna beachten Themen auflisten gt Um Dateien zu suchen die zwei bestimmte Schl sselw rter enthalten beispielsweise Ebenen und Stile trennen Sie die beiden Suchbegriffe mit einem Pluszeichen voneinander ab Geben Sie das zu suchende Schl sselwort ein verwenden Sie das Pluszeichen um mehrere W rter zu suchen layers styles I Gro Kleinschreibung beachten Themen auflisten Kontextbezogene Hyperlinks Sie k nnen relevante Hilfethemen aufrufen indem Sie in Dialogfeldern auf die S
397. wahl in dieser Tabelle hat nicht die Form eines Rechtecks die Zellen k nnen daher nicht miteinander verbunden werden 09 26 98 Honey Festival Featuring the Sonoma Strings Gelifomia Sonoma 3pm 9pm hrs 98 Pear Canning Demonstration Bend Oregon am 1pm 10 08 98 Benefit for Southwest Chamber Ensemble Scottsdale Arizona 7pm 9pm 10 30 98 ifornii os 10pm Candlelight Walk throught the Orchards Monterey California Diese Auswahl hat die Form eines Rechtecks die Zellen k nnen daher miteinander verbunden werden 2 W hlen Sie ndern gt Tabelle gt Zellen verbinden oder klicken Sie im Eigenschaften Inspector auf die Schaltfl che Zellen verbinden Der Inhalt der einzelnen Zellen wird in die neue gr ere Zelle plaziert Dabei gelten die Eigenschaften der Zelle die zuerst ausgew hlt wurde f r die neue verbundene Zelle Tabellen erstellen 211 212 Kapitel 11 So teilen Sie eine verbundene Zelle 1 Klicken Sie in die Zelle oder w hlen Sie eine Zelle aus 2 W hlen Sie ndern gt Tabelle gt Zelle teilen oder klicken Sie im Eigenschaften Inspector auf die Schaltfl che Zelle teilen 3 Daraufhin wird das Dialogfeld Zelle teilen angezeigt Geben Sie hier an ob Sie die Zelle in Zeilen oder in Spalten teilen m chten und legen Sie dann die Anzahl der Zeilen oder Spalten fest Zellen kopieren und einf gen Sie k nnen mehrere Tabellenzellen gleichzeitig kopieren und einf gen Dabei wird die Formatierung der Z
398. weisen werden alphabetisch nach Ereignissen geordnet im Inspector angezeigt Wenn f r ein Ereignis mehrere Aktionen definiert wurden werden sie in der Reihenfolge angezeigt in der sie ausgef hrt werden Die Tags die die aktuelle Auswahl steuern werden oben im Inspector angezeigt ffnen Sie den Verhaltensweisen Inspector indem Sie Fenster gt Verhaltensweisen w hlen oder indem Sie im Launcher auf die Schaltfl che Verhalten klicken Siehe auch Verhaltensweisen berblick auf Seite 262 Aktionen Zeigt eine Liste der Aktionen an die ausgef hrt werden k nnen Wenn Sie eine Aktion ausw hlen wird ein Dialogfeld mit Parametern angezeigt L schen L scht die aktuelle Aktion aus der Liste Aktionen Ereignisse f r Legt die Browser fest in denen die aktuelle Verhaltensweise funktionieren soll Die Auswahl in diesem Men bestimmt welche Ereignisse im Popup Men Ereignisse angezeigt werden Ereignisse Zeigt alle Freignisse an die die Aktion ausl sen k nnen Je nachdem welches Objekt ausgew hlt wurde k nnen verschiedene Freignisse angezeigt werden Wenn die gew nschten Freignisse nicht angezeigt werden stellen Sie sicher da Sie das richtige Objekt ausgew hlt haben Mit dem Tag Selektor unten links im Dokumentfenster k nnen Sie ein bestimmtes Tag ausw hlen Hinweis Das Popup Men Ereignisse wird erst angezeigt wenn Sie eine Aktion ausgew hlt haben Verschiedene Browser erkennen f r diverse Objekte
399. werden diese in Kleinbuchstaben konvertiert Zentrierung Gibt an ob Elemente mit DIV ALIGN center oder CENTER zentriert werden sollen Beide Optionen geh ren zur Spezifikation HTML 4 0 Transitional CENTER wird jedoch von mehr Browsern unterst tzt Roundtrip HTML 159 160 Kapitel 8 HTML Tag Farben Voreinstellungen w hlen Mit den Voreinstellungen f r HTML Tag Farben legen Sie fest welche Farben im HTML Inspector f r Hintergrund Text und Tags verwendet werden sollen Hintergrund Definiert die Hintergrundfarbe des HTML Inspectors Diese Farbe wird nur angezeigt wenn Sie in den HTML Inspector klicken oder Text eingeben wenn der HTML Inspector nicht aktiviert ist wird sein Hintergrund mittelgrau dargestellt Text Gibt die Farbe des Textes an der zwischen den Tags steht beispielsweise werden beim Code lt B gt eingegebener Text lt B gt die W rter eingegebener Text in der Textfarbe angezeigt die Tags jedoch nicht Wenn Sie die Textfarbe bei bestimmten Tags au er Kraft setzen m chten aktivieren Sie die Option Farbe auf Tag Inhalt anwenden Kommentare Definiert die Farbe f r Kommentar Tags lt gt und ihren Inhalt Tag Standard Gibt die Farbe f r alle Tags vor mit Ausnahme von Kommentaren Sie k nnen die Tag Standardfarbe au er Kraft setzen indem Sie die Farbe f r spezifische Tags festlegen Tag spezifisch Sie k nnen die Tag Standardfarbe sowie die Textfarbe au er Kraft setzen indem Sie tag sp
400. wie den beliebtesten Texteditor f r den Macintosh BBEdit Siehe Einen externen Texteditor mit Dreamweaver verwenden auf Seite 163 und BBEdit mit Dreamweaver verwenden nur Macintosh auf Seite 164 Wenn Sie Dreamweaver elektronisch erworben und vom Internet heruntergeladen haben Electronic Software Download ESD k nnen Sie eine Kopie von HomeSite oder BBEdit erhalten indem Sie die CD und das Handbuch auf der Dreamweaver Web Site bestellen http www dreamweaver com Einen externen Texteditor mit Dreamweaver verwenden Sie k nnen Ihren bevorzugten externen Texteditor von Dreamweaver aus starten um den HTML Quellcode Ihres aktuellen Dokuments zu bearbeiten Anschlie end k nnen Sie zu Dreamweaver zur ckkehren und weitere grafische Bearbeitungen am Dokument vornehmen Dreamweaver erkennt die nderungen die extern im Dokument gespeichert wurden und fordert Sie auf das Dokument neu zu laden So w hlen Sie einen externen Editor 1 W hlen Sie Bearbeiten gt Voreinstellungen 2 W hlen Sie links unter Kategorie die Option Externe Editoren Klicken Sie neben dem Feld HTML Editor auf die Schaltfl che Durchsuchen um einen Texteditor auszuw hlen 4 Geben Sie unter Ge nderte Dateien neu laden an wie Dreamweaver sich verhalten soll wenn das Dokument das in Dreamweaver ge ffnet wird extern ge ndert wurde 5 Geben Sie unter Beim Starten speichern an wie Dokumente gehandhabt werden sollen bevor der externe Editor gesta
401. wser Funktionen verwenden Vergleichen Sie Ihre Datei mit der fertigen Seite About Us die Sie bereits in einem Browser ge ffnet haben Wenn Sie die Vorschau Ihrer Datei abgeschlossen haben schlie en Sie beide Browser Fenster Kehren Sie zu Dreamweaver zur ck und w hlen Sie Datei gt Speichern um die nderungen an der Seite About Us zu speichern W hlen Sie Datei gt Schlie en um die Seite zu schlie en Tabellen bearbeiten In der Seite Olivebranch Events werden Konzerte Vorf hrungen und Festivals aufgelistet die Olivebranch unterst tzt Alle Olivebranch Veranstaltungen werden in einer Tabelle aufgef hrt die Datum Ort und eine Beschreibung der Veranstaltung enth lt Die Lehrgangdatei der Seite Events enth lt eine fertige Veranstaltungstabelle In diesem Abschnitt bearbeiten Sie diese Tabelle indem Sie Spalten verschieben und die Informationen in den Tabellenzellen sortieren So ffnen Sie die Seite Events des Lehrgangs 1 Doppelklicken Sie im Site Fenster auf die Datei DW2_events_main htm Wenn das Site Fenster nicht angezeigt wird w hlen Sie Fenster gt Sites um es zu ffnen oder zu aktivieren Die Tabelle auf der Seite sieht folgenderma en aus 2 Stellen Sie das Site Fenster in den Hintergrund lassen Sie es jedoch ge ffnet Lehrgang 45 46 Kapitel 2 Tabellen formatieren Verschieben Sie die Spalte Where von der rechten Seite der Tabelle auf die linke Seite damit sie die erste S
402. x Bestimmt den Z Index d h die Stapelreihenfolge der Ebene Ebenen mit h heren Nummern werden ber Ebenen mit kleineren Nummern angezeigt Sie k nnen positive und negative Werte eingeben Die Stapelreihenfolge der Ebenen l t sich jedoch mit der Ebenenpalette einfacher ndern als mit spezifischen Werten f r den Z Index Siehe Stapelreihenfolge der Ebenen ndern auf Seite 229 Netscape Ebenen mit den Tags LAYER oder ILAYER k nnen auch relativ zu anderen Ebenen auf der Seite gestapelt werden Wenn Sie eine Netscape Ebene ausw hlen werden unten rechts im Eigenschaften Inspector zwei zus tzliche Optionen angezeigt W hlen Sie unter O U eine relative Stapelposition aus und w hlen Sie dann im Popup Men rechts daneben den Namen einer anderen Ebene O gibt eine Ebene oberhalb der aktuellen Ebene an U gibt eine Ebene unterhalb der aktuellen Ebene an Ebenen verwenden 219 220 Kapitel 12 Sichtb Bestimmt den Anfangsstatus f r die Sichtbarkeit der Ebene Mit einer Skriptsprache wie JavaScript k nnen Sie die Sichtbarkeitseigenschaften steuern und den Inhalt der Ebenen dynamisch anzeigen Folgende Optionen stehen zur Auswahl gt Standard gibt keine spezifische Sichtbarkeitseigenschaft an Die meisten Browser interpretieren diesen Wert als bernehmen gt Mit bernehmen geben Sie an da die Sichtbarkeitseigenschaft der bergeordneten Ebene verwendet werden soll gt Sichtbar zeigt den Inhalt der Ebene an unabh ngi
403. ymbol um die Datei zu suchen und auszuw hlen Klicken Sie anschlie end auf OK SSIs in Dreamweaver anzeigen Dreamweaver verarbeitet standardm ig alle bedingungslosen SSIs und zeigt sie im Dokumentfenster an So legen Sie andere zu verarbeitende Dateien fest oder deaktivieren die SSI Verarbeitung 1 W hlen Sie Bearbeiten gt Voreinstellungen gt bersetzung 2 W hlen Sie aus der Liste bersetzer SSIs aus 3 W hlen Sie eine der folgenden Optionen zum bersetzen von SSIs In allen Dateien Dies ist die Standardeinstellung Diese Einstellung sollte nur ge ndert werden wenn der Inhalt eingeschlossener Dateien nicht im Dokumentfenster angezeigt werden soll In keinen Dateien Hiermit wird die Verarbeitung s mtlicher SSIs in Dreamweaver deaktiviert In Dateien mit Erweiterungen Hiermit werden SSIs nur in Dateien mit der Erweiterung stm html htm shtml oder shtm verarbeitet In Dateien die eine der folgenden Bedingungen erf llen Hiermit wird das Dokument zuerst auf bereinstimmungen mit den aufgef hrten regul ren Ausdr cken durchsucht Wenn regul re Ausdr cke vorhanden sind werden die im Dokument enthaltenen SSIs verarbeitet SSIs bearbeiten SSIs werden wie Bibliothekselemente als Ganzes im Dokumentfenster ausgew hlt Der in einem SSI enthaltene HTML Code wird aber im Gegensatz zu Bibliothekselementen nicht im HTML Inspector angezeigt Statt dessen wird die tats chliche Server Anweisung angezeigt die
404. zahl an Pixeln f r den Leerraum oberhalb unterhalb und zu beiden Seiten des Plug Ins fest Rahmen Legt die Breite des Rahmens fest der das Plug In umgibt Parameter ffnet ein Dialogfeld in das Sie zus tzliche Parameter eingeben k nnen die an das Netscape Plug In weitergegeben werden sollen Viele Plug Ins reagieren auf Sonderparameter Das Flash Plug In enth lt z B Parameter f r BGCOLOR SALIGN und SCALE Siehe Informationen zu Parametern auf Seite 313 Plug Ins im Dokumentfenster wiedergeben Sie k nnen direkt im Dokumentfenster eine Vorschau von Filmen und Animationen anzeigen f r die Plug Ins erforderlich sind d h Elemente die das EMBED Tag verwenden Es ist jedoch nicht m glich Filme oder Animationen anzuzeigen f r die ActiveX Steuerelemente erforderlich sind Sie k nnen alle Plug In Elemente gleichzeitig wiedergeben um die Seite so anzuzeigen wie der Anwender sie sieht oder Sie k nnen jedes Plug In Element separat wiedergeben um sicherzustellen da Sie das richtige Multimedia Element eingebettet haben Sie m ssen die richtigen Plug Ins auf Ihrem Computer installieren um Filme wiedergeben zu k nnen Dreamweaver sucht beim Programmstart automatisch nach installierten Plug Ins und durchsucht dabei zuerst den Ordner Configuration Plugins und anschlie end die Plug In Ordner aller installierten Browser So geben Sie den Inhalt eines Plug Ins im Dokumentfenster wieder 1 F gen Sie ein oder mehrere Multime
405. zuzuf gen oder daraus zu entfernen gt Klicken Sie auf Auto Wdg um die Zeitleiste automatisch wiederzugeben wenn die Seite in einem Browser ge ffnet wird Auto Wdg f gt der Seite eine Verhaltensweise an die die Aktion Zeitleiste wiedergeben ausf hrt wenn die Seite geladen wird gt Klicken Sie auf Schleife damit die Zeitleiste eine fortlaufende Schleife ausf hrt Schleife f gt das Verhalten Gehe zu Zeitleisten Bild in den Verhaltenskanal ein und zwar im Anschlu an das letzte Bild der Animation Sie k nnen die Parameter dieser Verhaltensweise bearbeiten um die Anzahl der Schleifen zu definieren Interaktivit t und Animation hinzuf gen 297 298 Kapitel 16 Bild und Ebeneneigenschaften mit Zeitleisten ndern Sie k nnen mit Zeitleisten nicht nur Ebenen verschieben sondern auch die Quelldatei eines Bildes sowie die Sichtbarkeit Gr e und Stapelreihenfolge einer Ebene ndern So ndern Sie Bild und Ebeneneigenschaften mit Zeitleisten 1 gt F hren Sie im Zeitleisten Inspector einen der folgenden Schritte aus W hlen Sie in der Leiste die das zu ndernde Objekt steuert ein vorhandenes Schl sselbild aus Start und Endbild sind Schl sselbilder Um ein neues Schl sselbild zu erstellen klicken Sie auf ein Bild in der Mitte der Animationsleiste und w hlen Sie ndern gt Zeitleiste gt Schl sselbild hinzuf gen oder klicken Sie bei gedr ckter Strg Iaste Windows bzw Befehlstaste Macin

Download Pdf Manuals

image

Related Search

Related Contents

降雪センサー取扱説明書【275KB】  FT ANIOS R444-FR.indd  User Guide  English  user m gebru notice manua bedien manual ikershand e  MANUAL DE INSTRUÇÕES Err2  Installation/Service Manual [ 000995 ]  Serviceunterlagen  Trust eLiga  Startup Manual  

Copyright © All rights reserved.
Failed to retrieve file