Home

Erste Schritte mit Dreamweaver

1. a CA Suchen 57 Favoriten Medien v EJ wechseln zu Links Adresse e http localhost timetest asp This page was created at 2 39 14 PM on the computer running ASP 3 Lokales Intranet Die angegebene Zeit ist dynamischer Inhalt da sie sich jedes Mal ndert wenn Sie die Seite anfordern Klicken Sie in Ihrem Browser auf die Schaltfl che Aktualisieren um eine neue Seite mit einer anderen Uhrzeit zu generieren Hinweis Wenn Sie sich den Quellcode ansehen im Internet Explorer mit Ansicht gt Quelle k nnen Sie sich davon berzeugen dass hierf r kein clientbasiertes JavaScript verwendet wird Wenn die Seite nicht wie erwartet funktioniert pr fen Sie ob folgende Fehler vorliegen e Die Datei hat nicht die Erweiterung asp e Sie haben im Adressfeld des Browsers den Dateipfad der Seite C Inetput wwwrootltimetest asp anstatt der Seiten URL z B http localhost timetest asp angegeben Wenn Sie den Dateipfad im Browser angeben wie Sie es m glicherweise von normalen HTML Seiten her gewohnt sind wird der Webserver und der Anwendungsserver umgangen Daher wird Ihre Seite vom Server gar nicht verarbeitet e Die URL enth lt einen Schreibfehler Pr fen Sie ob Ihnen ein Schreibfehler unterlaufen ist und achten Sie darauf dass Sie hinter dem Dateinamen keinen Schr gstrich eingeben wie bei http localhost timetest asp e Der Code der Seite enth lt einen Schreibfehler Erstellen Sie nach
2. na2 2 2 el ann 33 Dem Text Stile hinzuf gen 222222sseeeeeeeeeene nennen 35 Bildet hinzuf gen ciie eaey aa o a a a a a A Er 37 Hintergrundfarben festlegen 22222cceeeeeeeeeeeeee raneren 38 Erg nzende Themen 4 72 20 5 zus VE Ei Be a 39 KAPITEL 4 Tutorial Code bearbeiten 222222 eeeeeeeeeeeenee nn 41 Den Codesansehen usa rn Reese 42 Zum Code Arbeitsbereich wechseln nur Windows 2 2222222222 43 Ein Tag mit der Tag Auswahl hinzuf gen 2222222 annern 44 Tags bearbeiten oeae eu NIE RT 45 Informationen ber ein Tag nachschlagen 222c cc 46 Bilder mit Codehinweisen hinzuf gen 2222er en 47 nderungen berpr fen c2ccneseseeseseenesneneneneene nennen 48 Gode drucken u 23033 ws een nn 48 Erg nzende Themen u 3 za za 2 2 aan aa a I OA 48 KAPITEL 5 Tutorial Seiten verkn pfen und in der Vorschau anzeigen 49 Zweite Seitererstellen 2 2 2 8 882042 ner Sr wear an EDER 49 Text Hyperlinks zwischen Seiten hinzuf gen 222222222 ranerne 51 Eine Navigationsleiste erstellen 222222seeeeeeeeeeeee nennen nen 52 Die Navigationsleiste kopieren 22eeeeosseeeeeeeenenennen nenn 55 Vorschau von Seiten in einem Browser anzeigen 2222222 urrunera 56 Eine Remote Site einrichten und die Site ver ffentlichen 56 Erg nzende Themen sa rime eh 202 ae an ten en 56 KAPITEL 6 Webanwendungen 2222cee
3. um zu veranschaulichen wie die Seite aussieht wenn sie Text enth lt layout html lt gt Code Teien EE Design Titel Unbenanntes Dokument Lorem Ipsum Dolor Title News Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec Lorem paun molestie Sed aliquarm sem ut arcu Phasellus sollicitudin dolor sit amet Vestibulum condimentum facilisis nulla In hac habitasse platea consectetuer dictumst Nulla nonummy Cras quis libero Cras venenatis adipiscing elit Aliquam posuere lobortis pede Nullam fringilla urna id leo Donec Praesent aliquet pretium erat Praesent non odio Pellentesque a molestie Sed magna a mauris vulputate lacinia Aenean viverra Class aptent aliquam sem ut taciti sociosqu ad litora torquent per conubia nostra per inceptos CU Phasellus hymenaeos Aliquam lacus Mauris magna eros semper a sollicitudin tempor et rutrum et tortor lt body gt lt div main gt lt div col2 gt lt div feature gt lt h1 gt 522 x 468 2K 1 5ek Speichern Sie die Seite unter einem neuen Dateinamen So speichern Sie die Seite 1 2 W hlen Sie Datei gt Speichern unter Navigieren Sie im Dialogfeld Speichern unter zum Ordner 1 Design innerhalb des Site Stammordners und ffnen Sie diesen Ordner Erinnerung Der Site Stammordner ist der Ordner den Sie bei der Einrichtung der Site im Schritt Mit dem Assistenten zur Site Definition einen lokalen Ordner definieren auf
4. Klicken Sie auf das Ordnersymbol neben dem Textfeld des lokalen Stammordners und w hlen Sie dann im Ordner GettingStarted den Ordner mit den JSP Beispieldateien aus Der Ordner sollte den folgenden Pfad haben m C Dokumente und Einstellungen hr_Benutzername Eigene Dateien Sites Lokal GettingStarted 4 Develop jsp Windows m Benutzer Ihr_Benutzernamel Dokumente Sites Lokal GettingStarted 4 Develop jsp Macintosh Lassen Sie das Dialogfeld Site Definition ge ffnet Definieren Sie einen Webserver Ordner als Dreamweaver Remote Ordner Remote Ordner definieren Definieren Sie nach dem Definieren eines lokalen Ordners einen Webserver Ordner der als Dreamweaver Remote Ordner verwendet werden soll So definieren Sie den Dreamweaver Remote Ordner 1 W hlen Sie im Dialogfeld Site Definition in der Registerkarte Erweitert in der Liste Kategorie die Kategorie Remote Informationen aus Der Bildschirm Remote Informationen wird angezeigt N W hlen Sie im Popupmen Zugriff aus wie Dateien zum Server und vom Server bertragen werden sollen ber ein lokales Netzwerk Option Lokal Netzwerk oder durch FTP Hinweis Es gibt noch andere Optionen im Popupmen Zugriff Diese werden in der vorliegenden Anleitung jedoch nicht beschrieben Weitere Informationen hierzu finden Sie im Hilfethema Dreamweaver verwenden 3 Geben Sie den Pfad bzw die FTP Einstellungen des Webserver Ordners ein den Sie im Abschnitt Stammordner erstelle
5. Tabellen 62 Treiber Definition 66 Treiber bersicht 62 verbinden mit ASP 121 133 147 verbinden mit ASPNET 108 verbinden mit ColdFusion 98 verbinden mit PHP 146 Datenquellen ColdFusion 99 Datensatz einf gen Objekt 78 Datens tze anzeigen 75 einf gen 78 150 Index Datensatzgruppen Definition 67 erstellen 72 testen 74 Siehe auch Datenbanken DBMS Datenbank Managementsystem Siehe Datenbanken Definieren entfernte Ordner 96 106 118 129 144 Definitionen von Begriffen f r Webanwendungen 66 Deinstallieren von Dreamweaver 11 Dialogfelder Neues Dokument 29 Dokument Symbolleiste anzeigen 33 Einf hrung 15 Live Data Ansicht 78 Dokumentation 9 Dokumente duplizieren 50 nicht gespeichert 37 schlie en 34 speichern 30 umbenennen 50 Dokumentfenster 15 dokumentrelative Hyperlinks 37 Dreamweaver anpassen 11 Funktionen 9 installieren 10 Men s 16 registrieren 11 Dreamweaver Support Center 9 Dreamweaver verwenden Benutzerhandbuch 9 Dreamweaver Hilfe 9 Drucken von Code 48 Duplizieren von Dateien 50 dynamische Seiten Beschreibung 67 erstellen 64 verarbeiten 61 97 106 119 130 144 dynamischer Text einf gen 76 E Eigenschafteninspektor 15 Einf geformular f r Datens tze Dialogfeld 79 Einf geformulare f r Datens tze erstellen 78 Einf gen dynamischer Text 76 Rollover Bilder 52 Tabellen 75 Text 34 35 Einf gen Leiste 15 Anwendung Kategorie 77 79
6. lt div id col2 gt lt div id feature gt lt hl gt lt ing src Assets images homelain jpg alt name SplashInage wi lt hl gt Watch the ZX2002 Launch Webcast lt hl gt lt p gt Last week over 320 press partners key customers and users joinec Trio execs and team members at the ZX 2002 launch event held at the 7 A TRIO MOTOR ComrA Watch the ZX2002 Launch Webcast Last week over 320 press partners key customers and users joined Trio execs and team members at the ZX 2002 launch event held at the Midtown lt lt body gt lt div main gt lt div col2 gt lt div feature gt lt h1 gt 576 x274 20K 3 Sek Sie k nnen den Code in der Codeansicht bearbeiten nderungen die Sie am Code vornehmen werden in der Entwurfsansicht erst angezeigt wenn Sie die Anzeige aktualisieren So zeigen Sie nderungen am Code in der Entwurfsansicht an 1 Setzen Sie die Einf gemarke an die Stelle an der Sie den ge nderten Code sehen m chten F hren Sie anschlie end einen der folgenden Schritte aus m Klicken Sie auf eine beliebige Stelle in der Entwurfsansicht a Klicken Sie in der Symbolleiste des Dokuments auf die Schaltfl che Entwurfsansicht aktualisieren Wenn Sie an Ihren eigenen Seiten arbeiten w hlen Sie die Ansicht mit der Sie am besten zurecht kommen Bei den meisten Tutorials in dieser Anleitung wird davon ausgegangen dass Sie mit der Entwurfsansicht arbeiten So zeigen Sie a
7. ndern indem Sie Ihrem Computer einen anderen Namen geben Falls Ihr Computer keinen Namen hat lautet der Servername localhost Der Servername entspricht dem Stammordner des Servers der bei Windows Rechnern in den meisten F llen C Inetpub wwwroot lautet Sie k nnen beliebige im Stammordner gespeicherte Webseiten ffnen indem Sie die folgende URL in einem Browser eingeben der auf Ihrem Computer ausgef hrt wird http Ihr_Servernamel Ihr_Dateiname Angenommen der Servername lautet mer_noire und im Stammordner C Inetpub wwwroot befindet sich eine Webseite namens soleil htm Sie k nnen diese Seite ffnen indem Sie in einem Browser auf dem lokalen Computer die folgende URL eingeben http mer_noire soleil html Hinweis Verwenden Sie in URLs normale Schr gstriche keine umgekehrten Sie k nnen auch jegliche Webseiten ffnen die in einem Unterordner des Stammordners gespeichert sind Dazu geben Sie den Pfad des Unterordners in der URL an Angenommen die Datei soleil html befindet sich im Unterordner gamelan Der Pfad lautet daher C Inetpub wwwroot gamelan soleil html 88 Kapitel 8 Webserver installieren Sie k nnen diese Seite ffnen indem Sie die folgende URL in einem Browser auf Ihrem Computer eingeben http mer_noire gamelan soleil html Wenn der Webserver auf Ihrem Computer ausgef hrt wird k nnen Sie den Servernamen durch localhost ersetzen Durch Eingabe d
8. 146 Kapitel 13 PHP Beispiel Site installieren 4 a N Starten Sie den MySQL Client durch Eingabe des folgenden Befehls mysql uBenutzername pKennwort Wenn Ihr MySQL Benutzername und Ihr Kennwort beispielsweise Tara bzw Telly3 lauten geben Sie den folgenden Befehl ein ysql uTara pTelly3 Wenn Sie kein Kennwort haben lassen Sie das Argument p weg ysql uTara Wenn Sie bei der Installation von MySQL keinen Benutzernamen festgelegt haben geben Sie den Benutzernamen root ein ysql uroot Die Eingabeaufforderung des MySQL Clients wird angezeigt ysql gt Erstellen Sie eine neue Datenbank indem Sie an der MySQL Eingabeaufforderung Folgendes eingeben ysql gt CREATE DATABASE TrioMotors MySQL erstellt die neue Datenbank doch diese enth lt zu diesem Zeitpunkt noch keine Tabellen oder Datens tze Melden Sie sich beim MySQL Client durch Eingabe des folgenden Befehls an der Eingabeaufforderung wieder ab mysql gt quit F llen Sie an der System Eingabeaufforderung die neue Datenbank TrioMotors in MySQL mit Daten In Windows geben Sie Folgendes ein mysql uBenutzername pKennwort TrioMotors lt insert sql Beim Macintosh geben Sie Folgendes ein mysql uBenutzername pKennwort TrioMotors lt Documents insert sq Mit diesem Befehl werden zu der in Schritt 5 erstellten TrioMotors Datenbank Tabellen und Datens tze ber die Datei insert sql hinzugef gt Erstellen Sie im An
9. Das Dialogfeld Verzeichnis bearbeiten wird angezeigt Vergewissern Sie sich dass die Lese und Skriptberechtigungen aktiviert sind Aus Sicherheitsgr nden sollten Sie die Option Ausf hren nicht w hlen m Wenn Sie IIS verwenden starten Sie die IIS Verwaltung klicken Sie in Windows XP auf Start gt Systemsteuerung oder auf Start gt Einstellungen gt Systemsteuerung doppelklicken Sie dann auf Verwaltung und doppelklicken Sie auf Internet Informationsdienste Erweitern Sie die Liste Lokaler Computer dann den Ordner Websites und anschlie end den Ordner Standardwebsite Klicken Sie mit der rechten Maustaste auf den Ordner MySampleApp und klicken Sie dann im Popupmen auf Eigenschaften Sorgen Sie daf r dass im Popupmen Ausf hrberechtigungen die Option Nur Skripts ausgew hlt ist Aus Sicherheitsgr nden sollten Sie die Option Skripts und ausf hrbare Dateien nicht w hlen Klicken Sie dann auf OK Der Webserver ist nun so konfiguriert dass er die Webseiten in Ihrem Stammordner an einen Webbrowser bertragen kann wenn diese ber eine HT TP Anforderung abgerufen werden Im Anschluss an die Konfiguration des Systems m ssen Sie eine Dreamweaver Site definieren System konfigurieren JSP 127 Eine Dreamweaver Site definieren JSP Im Anschluss an die Konfiguration Ihres Systems m ssen Sie die Beispieldateien in einen lokalen Ordner kopieren und eine Dreamweaver Site zur Verwaltung der Dateien definieren Hinweis Wenn
10. Erste Schritte mit Dreamweaver und den Tutorials Weitere Informationen finden Sie unter Tutorial Webanwendungen entwickeln auf Seite 69 Verbindung mit der Beispieldatenbank herstellen ASP NET 109 110 Kapitel 10 ASP NET Beispiel Site installieren KAPITEL 11 ASP Beispiel Site installieren Macromedia Dreamweaver MX 2004 wird mit Beispiel Webseiten im Format von Microsoft Active Server Pages ASP geliefert mit denen Sie kleine Webanwendungen erstellen k nnen In diesem Kapitel wird eines der m glichen Verfahren zum Einrichten der Beispielanwendung mit Microsoft Internet Information Server IIS oder Personal Web Server PWS beschrieben Weitere Informationen ber diese Webserver finden Sie unter Webserver installieren auf Seite 85 Wenn Sie einen anderen Webserver verwenden finden Sie Informationen dazu unter Eine Webanwendung einrichten im Hilfethema Dreamweaver verwenden Dieses Kapitel richtet sich ausschlie lich an Entwickler von ASP Anwendungen Informationen zu ASP NET finden Sie unter ASP NET Beispiel Site installieren auf Seite 101 Das Einrichten einer Webanwendung umfasst drei Schritte Zun chst konfigurieren Sie das System Anschlie end definieren Sie eine Dreamweaver Site Zum Schluss stellen Sie eine Verbindung zwischen der Anwendung und Ihrer Datenbank her Das vorliegende Installationskapitel folgt diesen drei Schritten Dieses Kapitel enth lt die folgenden Themen e
11. Hilfe gt Dreamweaver verwenden So erstellen Sie eine Datenbankverbindung 1 Wenn Sie einen Remote Computer als Server verwenden richten Sie die Beispieldatenbank auf dem Remote Computer ein Weitere Informationen finden Sie unter Datenbank einrichten Remote Computer als Server auf Seite 108 2 Eistellen Sie die Verbindung in Dreamweaver siehe Datenbankverbindung erstellen auf Seite 108 Datenbank einrichten Remote Computer als Server Dieser Abschnitt ist nur relevant wenn der Webserver auf einem Remote Computer ausgef hrt wird Wenn der Webserver auf demselben Computer wie Dreamweaver ausgef hrt wird fahren Sie mit Datenbankverbindung erstellen auf Seite 108 fort Bevor Sie versuchen eine Verbindung mit der Beispieldatenbank herzustellen kopieren Sie die Datenbank auf die Festplatte des Remote Computers Wenn Sie Dreamweaver am Standardspeicherort installiert haben lautet der Pfad zur Datenbankdatei trio mdb auf Ihrer Festplatte wie folgt e C Programme Macromedia DreamweaverMX 2004 Samples Database trio mdb Windows e Programme Macromedia Dreamweaver MX 2004 Samples Database trio mdb Macintosh Sie k nnen die Datei in einem beliebigen Ordner im Remote Computer speichern oder einen neuen Ordner f r die Datei anlegen Notieren Sie in beiden F llen den vollst ndigen Pfad zur Datenbankdatei Hinweis Wenn Sie die Datenbankdatei im Ordner Inetpub auf dem Remote Computer ablegen bestehen gewiss
12. Seiten Datenbankdaten anzeigen 61 dynamisch Definition 57 dynamisch erstellen 64 dynamisch verarbeiten 61 Eigenschaften festlegen 33 erstellen 29 Layout 29 statische 59 vorgefertigt 29 zum Einf gen von Datens tzen 78 Seitendesigns vorgefertigt 29 Seiteneigenschaften festlegen 33 Seiteneigenschaften festlegen 33 Sequel SQL 61 Server Anwendungsserver 61 ASPNET Unterst tzung 103 ausw hlen 86 Fehlerbehebung 87 Grundlagen 88 Hochladen von Dateien 27 98 107 120 131 145 HTTP 88 installieren 86 IP Adressen 89 Stammordner 96 106 118 129 144 testen 87 Webserver Definition 68 Siehe auch Webserver Anwendungsserver serverbasierte Skript Sprachen 65 Servermodelle Siehe Servertechnologien Index 153 Servertechnologien ausw hlen 65 Definition 67 unterst tzte 65 Serververhalten Bedienfeld 77 Site Men 16 Sites Beschreibung 19 definieren 95 104 117 128 142 Definitionen 20 einrichten 19 Elemente hinzuf gen 21 Remote 25 56 statische erstellen 20 Skripts serverbasiert 61 Sprachen serverbasiert 64 65 SQL Structured Query Language 61 Stammordner definieren 96 105 117 129 143 erstellen 93 104 116 127 140 Siehe auch lokale Ordner stammrelative Hyperlinks 37 statische Seiten 59 Siehe auch Seiten statische Sites erstellen 20 Structured Query Language SQL 61 Sun ONE Web Server 68 Symbolleisten Dokument 78 Dokument anzeigen 33 Systemanforderungen 10 Systeme konfigurieren 92 102
13. TD ktd TD Farben Rot L Farben Tan Braun Formulare Arial Formulare Eingabehilfe h 1 h 2 h3 h4 h5 ns Formulare Times Formulare verdana Einfaches Stylesheet mit dem die Tags Hyperlink Effekte body td und th in Verdana Text Arial formatiert werden Text Eingabehilfe v gt Speichern in d 1 Design Assets CSS Levell_Verdana css m EN N EN EN gt A m m N FEN EN rm gt N lt Mit einem Stil versehenen Text hinzuf gen 35 I 6 Klicken Sie unten in diesem Dialogfeld auf die Schaltfl che Durchsuchen Navigieren Sie zum Ordner Assets Ihrer Site und anschlie end zum Ordner CSS innerhalb des Ordners Assets Wenn der Ordner CSS ausgew hlt ist ffnen Sie ihn und klicken Sie dann auf Ausw hlen bzw W hlen Macintosh Tipp Wenn Ihre Site keinen CSS Ordner enth lt k nnen Sie diesen Schritt berspringen Dreamweaver erstellt den CSS Ordner automatisch wenn Sie im Dialogfeld Muster Stylesheets ein Stylesheet zuweisen Klicken Sie auf OK um das Stylesheet zu erstellen und das Dialogfeld Muster Stylesheets zu schlie en Dreamweaver erstellt eine neue Datei mit einigen vordefinierten CSS Stilen Au erdem weist Dreamweaver dem aktuellen Dokument das neue Stylesheet zu Name und Inhalt des Stylesheets werden im Bedienfeld CSS Stile angezeigt Die im Stylesheet definierten Stile werden auf den Text im HTML Dokument angewendet So wird body Text beispiels
14. Weitere Informationen zu stammrelativen und dokumentrelativen Hyperlinks finden Sie im Hilfethema Dreamweaver verwenden So kopieren Sie die Beispieldateien 1 Erstellen Sie einen neuen Ordner namens Sites Lokal in Ihrem Benutzerordner auf der Festplatte Erstellen Sie beispielsweise je nach verwendetem Betriebssystem einen der folgenden Ordner m C Dokumente und Einstellungen hr_Benutzername Eigene Dateien Sites Lokal Windows a Benutzer hr_Benutzernamel Dokumente Sites Lokal Macintosh Hinweis Auf einem Macintosh besteht in Ihrem Benutzerordner bereits ein Ordner namens Sites Verwenden Sie diesen Sites Ordner nicht als lokalen Ordner Der Sites Ordner ist der Ordner in dem Sie Ihre Seiten ablegen um sie ffentlich zug nglich zu machen wenn Sie den Macintosh als Webserver einsetzen 2 Suchen Sie den Ordner GettingStarted im Dreamweaver Anwendungsordner auf der Festplatte Wenn Sie Dreamweaver im Standardordner installiert haben lautet der Pfad wie folgt m C Programme Macromedia Dreamweaver MX 2004 Samples GettingStarted Windows m Programme Macromedia Dreamweaver MX 2004 Samples GettingStarted Macintosh 3 Kopieren Sie den Ordner GettingStarted in den Ordner Sites Lokal Definieren Sie den Ordner GettingStarted nach dem Kopieren als lokalen Dreamweaver Ordner Mit dem Assistenten zur Site Definition einen lokalen Ordner definieren Im Dialogfeld Site Definition k nnen Sie die Site Definition erstellen und einen lok
15. hrt wird und sorgen Sie daf r dass der Ordner die erforderlichen Berechtigungen hat So erstellen Sie einen Stammordner f r Ihre Webanwendung Erstellen Sie auf dem System auf dem ColdFusion ausgef hrt wird im Ordner CFusionMX wwwroot einen Ordner namens MySampleApp Hinweis Notieren Sie sich den Ordnernamen f r die sp tere Verwendung Wenn Sie ihn sp ter eingeben m ssen Sie genau dieselbe Schreibweise Gro und Kleinschreibung wie beim Erstellen verwenden ColdFusion richtet standardm ig einen Webserver ein der Seiten aus dem Ordner CFusionMX wwwroot bertr gt Der Webserver bertr gt alle Seiten in diesem Ordner oder seinen Unterordnern an einen Webbrowser wenn diese ber eine HTTP Anforderung abgerufen werden System konfigurieren ColdFusion 93 Im Anschluss an die Konfiguration des Systems m ssen Sie eine Dreamweaver Site definieren 94 Kapitel 9 ColdFusion Beispiel Site installieren Eine Dreamweaver Site definieren ColdFusion Nach der Konfiguration Ihres Systems m ssen Sie die Beispieldateien in einen lokalen Ordner kopieren und eine Dreamweaver Site zur Verwaltung der Dateien definieren Hinweis Wenn Sie Macromedia HomeSite oder ColdFusion Studio benutzen k nnen Sie sich eine Dreamweaver Site wie eine HomeSite oder Studioprojekt vorstellen So definieren Sie eine Dreamweaver Site 1 Kopieren Sie die Beispieldateien in einen Ordner auf der Festplatte siehe Beispieldateien k
16. 112 124 136 T Tabellen Datenbank 62 einf gen 75 Tag Auswahl 44 Tag Editoren 44 Tag Inspektor 45 Tags bearbeiten 45 Hinweise 47 Referenzinformationen finden 46 serverbasiert 61 Tag Auswahl 44 technischer Support f r Server 85 Terminologie f r Webanwendungen 66 Testserver 87 angeben 97 106 119 130 144 Testverbindung Schaltfl che 27 Text ausw hlen 34 dynamisch 76 formatieren 35 hinzuf gen 33 Platzhalter 33 Platzhaltertext 30 Text Men 16 Textdateien in der Codeansicht 34 Titel Seitentitel festlegen 33 Tomcat Anwendungsserver 66 Treiber f r Datenbanken 62 66 typografische Konventionen 9 U bersicht Men s 16 Umbenennen von Dateien 50 URL Pr fix Option 97 107 119 130 145 URLs dokumentrelativ und stammrelativ 37 vV Variablen in CFML 64 VBScript 65 Verbinden mit Datenbanken ASP 121 133 147 mit Datenbanken ASPNET 108 mit Datenbanken ColdFusion 98 mit Datenbanken PHP 146 mit Remote Sites 26 Ver ffentlichen 25 56 Visual Basic 65 Voreinstellungen Dialogfeld Allgemein Kategorie 43 vorgefertigte Seitendesigns 29 Vorlagen 50 Vorschau anzeigen Rollover Bilder 51 55 bersicht 56 Vorschau in Browser Fehler bei dynamischen Seiten beheben 98 107 120 131 145 154 Index WwW W hlen eines Arbeitsbereich Layouts 14 Webanwendungen ASP einrichten 111 ASPNET einrichten 101 ColdFusion einrichten 91 Definition 68 Einsatzbereiche 57 entwickeln 69 JSP einrich
17. ASPNET Das Dialogfeld Datensatzgruppe bzw Datensatz bei ASP NET wird angezeigt Wenn das angezeigte Dialogfeld etwas komplexer als das Dialogfeld in der folgenden Abbildung aussieht klicken Sie auf die Schaltfl che Einfach Datensatzgruppe Name Datensatzgruppei Q Verbindung Keine Abbrechen Benutzername Testen Kennwort I Erweitert Tabelle Hilfe Spalten Alle O Ausgew hlt Filter Keine v Sortieren Keine 3 Geben Sie im Textfeld Name den Text rs_Comment ein 172 Kapitel 7 Tutorial Webanwendungen entwickeln 4 W hlen Sie im Popupmen Datenquelle ColdFusion oder Verbindung andere Serverseitentypen connTrio aus Das Dialogfeld Datensatzgruppe oder Datensatz wird mit den Daten aus der Datenbank aktualisiert Datensatzgruppe Name rs_Comment OK Verbindung connTrio Abbrechen Benutzername Testen Kennwort Erweitert Tabelle COMMENTS Spalten Alle O Ausgew hlt 5 Wenn f r die Datenquelle oder Verbindung ein Benutzername und ein Kennwort erforderlich sind geben Sie diese nun ein Wenn Sie beim Einrichten der Datenquelle keinen Benutzernamen und kein Kennwort festgelegt haben lassen Sie diese Felder leer 6 Lassen Sie im Popupmen Tabelle COMMENTS ausgew hlt 7 Sorgen Sie daf r dass unter Spalten die Option Alle ausgew hlt ist damit alle Spalten der Tabelle ausgew hlt werden 8 B
18. B ftp macromedia com m Geben Sie im Textfeld f r den Ordner der Ihre Dateien enth lt den Serverpfad vom FTP Stammordner zum Stammordner der Remote Site ein Wenden Sie sich im Zweifelsfall an Ihren Systemadministrator In vielen F llen muss dieses Textfeld leer bleiben m Geben Sie Ihren Benutzernamen und Ihr Kennwort in den entsprechenden Textfeldern ein a Wenn Ihr Server SFTP unterst tzt w hlen Sie die Option Secure FTP SFTP verwenden 26 Kapitel 2 Site einrichten 10 11 12 13 a Klicken Sie auf Testverbindung m Wenn die Verbindung nicht erfolgreich hergestellt werden kann wenden Sie sich an Ihren Systemadministrator Wenn Sie Lokal Netzwerk gew hlt haben klicken Sie auf das Ordnersymbol neben dem Textfeld und suchen Sie den Stammordner der Remote Site Auf Wunsch k nnen Sie das Kontrollk stchen Liste mit entfernten Dateien automatisch aktualisieren deaktivieren um eine schnellere bertragung zu erzielen Nachdem Sie die entsprechenden Daten eingegeben haben klicken Sie auf Weiter Aktivieren Sie nicht das Ein und Auschecken von Dateien f r die Site Trio Motors Wenn Sie zusammen mit anderen Mitgliedern eines Teams an einer gro en Site arbeiten kann mit dem Ein und Auschecken verhindert werden dass die Teammitglieder gegenseitig ihre Dateien berschreiben Wenn Sie oder Ihre Mitarbeiter allerdings mit Macromedia Contribute arbeiten m ssen Sie das Ein und Auschecken von Dateien aktivi
19. Bild auf die Schaltfl che Durchsuchen und zeigen Sie dann btnShowroom_on jpg im Ordner images Ihrer Site an Stellen Sie sicher dass im Popupmen Relativ zu die Option Dokument angezeigt wird und klicken Sie dann auf OK oder Ausw hlen Windows bzw auf W hlen Macintosh Im Textfeld Over Bild wird angegeben welches Bild angezeigt wird wenn der Benutzer im Browser auf das Bild zeigt 9 Lassen Sie die Felder Down Bild und Over bei Down Biild leer 10 Geben Sie im Textfeld Alternativtext den Text Showroom ein Eine Navigationsleiste erstellen 53 11 12 13 14 15 16 17 18 19 20 Geben Sie im Textfeld Wenn angeklickt gehe zu URL den Dateinamen showroom html ein Durch diesen Schritt wird eine Verbindung des Rollover Bilds mit der Seite showroom html hergestellt Diese Seite ist noch nicht vorhanden sie muss erstellt werden wenn die Trio Motors Site fertig gestellt wird Vergewissern Sie sich dass die Option Bilder vorausladen aktiviert ist damit die Rollover Bilder beim ffnen der Seite im Browser ebenfalls geladen werden Nur so erreichen Sie einen schnellen bergang zwischen Bildern wenn Besucher der Seite den Mauszeiger ber das Originalbild bewegen Deaktivieren Sie die Option Zuerst Down Bild zeigen Klicken Sie auf die Schaltfl che mit dem Pluszeichen oben auf der Seite um der Navigationsleiste eine weitere Schaltfl che hinzuzuf gen Wiederholen Sie die Schritte 6 bis 13 Geben S
20. Codeerstellung 14 MDI Multiple Document Interface 14 152 Index Medien 9 zum Erlernen von Dreamweaver 9 Mehrbenutzer Betriebssysteme 11 Men s 16 Microsoft Access 63 Microsoft Internet Information Server IIS Siehe IIS Microsoft Personal Web Server PWS 68 86 Microsoft SQL Server 63 Microsoft Word HTML importieren 34 Modifizieren Men 16 Multiple Document Interface MDI 14 MySQL 63 herunterladen 146 Navigationsleisten kopieren 55 Netscape Enterprise Server 68 Neues Dokument Dialogfeld 29 nicht gespeicherte Dokumente Bilder einf gen 37 numerische Netzwerkadressen 89 oO Oracle 9i 63 P PDF Dokumentation 9 Personal Web Manager starten 116 127 140 PHP Anwendungsserver installieren 138 Fehlerbehebung 139 Mac OSX 141 Servertechnologie 65 Webanwendungen einrichten 135 PHP Macintosh Fehlerbehebung 142 Pipettenzeiger 39 Platzhalter Bilder 31 Bilder ersetzen 37 Text 30 Platzhalterbild hinzuf gen Men element 31 Projekte Begriff in HomeSite und ColdFusion Studio Siehe Sites PWS 68 86 ASPNET Unterst tzung 103 installieren 86 R Referenz Bedienfeld 46 Referenzinformationen 46 Registrieren von Dreamweaver 11 relationale Datenbanken Beschreibung 67 Remote Sites 25 56 Beschreibung 19 verbinden 26 Remote Webserver 25 Rollover Bilder anzeigen Vorschau anzeigen 51 55 erstellen 52 RWS Server 25 56 S Schaltfl chen in Webseiten Rollovers 52 Schlie en von Dokumenten 34
21. ColdFusion MX von der Macromedia Website unter http www macromedia com de software coldfusion herunterladen und installieren Fine Kopie der Entwicklerversion von ColdFusion MX Server befindet sich auch auf der Dreamweaver CD nur f r Windows Hinweis Sie k nnen ColdFusion MX auch auf einem Mac OS X Computer installieren auf dem ein J2EE Server wie beispielsweise JRun oder Tomcat ausgef hrt wird Weitere Informationen finden Sie auf der Macromedia Website unter www macromedia com support coldfusion j2ee cfmx mac onjrunandtomcat html Die Installation ist kompliziert und Dreamweaver wurde nicht mit ColdFusion MX unter Macintosh getestet Dar ber hinaus ist es m glicherweise schwierig ColdFusion MX auf dem Macintosh mit einem Datenbanksystem wie MySQL zu verbinden So installieren Sie ColdFusion MX 1 Melden Sie sich bei Bedarf als Administrator bei Windows an 2 Schlie en Sie alle ge ffneten Anwendungen 3 Doppelklicken Sie auf die Datei des ColdFusion MX Installationsprogramms 4 Folgen Sie den Anweisungen des Installationsprogramms Weitere Informationen finden Sie in der ColdFusion Dokumentation in der Dreamweaver Hilfe Hilfe gt ColdFusion verwenden Erstellen Sie nach dem Installieren und Starten von ColdFusion einen Stammordner f r Ihre Webanwendung Stammordner erstellen Erstellen Sie im Anschluss an die Installation der Serversoftware einen Stammordner f r Ihre Webanwendung in dem System in dem ColdFusion ausgef
22. Dreamweaver im Standardordner installiert haben lautet der Pfad zu der Skriptdatei wie folgt m C Programme Macromedia Dreamweaver MX 2004 Samples Databaselinsert sql Windows m Programme Macromedia Dreamweaver MX 2004 Samples Database insert sql Macintosh Wenn MySQL auf einem Windows Computer ausgef hrt wird kopieren Sie das Skript insert sql in den Ordner mysql bin Wenn MySQL auf einem Macintosh ausgef hrt wird kopieren Sie das Skript insert sql in den Dokumentordner innerhalb Ihres Stammordners N ffnen Sie in dem Computer auf dem MySQL installiert ist ein Fenster mit der Eingabeaufforderung Windows oder ein Terminalfenster Macintosh a In Windows ffnen Sie die Eingabeaufforderung indem Sie Start gt Programme gt Eingabeaufforderung oder Start gt Programme gt Zubeh r gt Eingabeaufforderung w hlen m Beim Macintosh ffnen Sie ein Terminalfenster indem Sie im Ordner C Programme den Ordner Dienstprogramme ffnen und anschlie end auf Terminal doppelklicken Ww Nur Windows Wechseln Sie zum Ordner mysql bin indem Sie an der Eingabeaufforderung folgende Befehle eingeben cd cd mysql bin Hinweis Auf dem Macintosh sollten Sie in der Lage sein mysql von einem beliebigen Ordner aus auszuf hren da der Ordner w hrend der Installation von MySQL zum Pfad hinzugef gt wurde Wenn der folgende Schritt auf dem Macintosh nicht ausgef hrt werden kann geben Sie usr local bin mysal statt mysql ein
23. Dreamweaver verwenden Wenn Sie mit einem Macintosh arbeiten k nnen Sie entweder eine Verbindung mit einem Remote PHP Server herstellen oder PHP Sites auf dem lokalen Rechner mit dem Apache Webserver und dem PHP Anwendungsserver erstellen die im Betriebssystem installiert sind Informationen zum Setup finden Sie auf den folgenden Websites e developer apple com internet macosx php html e hitp www entropy ch software macosx Das Einrichten einer Webanwendung umfasst drei Schritte Zun chst konfigurieren Sie das System Anschlie end definieren Sie eine Dreamweaver Site Zum Schluss stellen Sie eine Verbindung zwischen der Anwendung und Ihrer Datenbank her Die vorliegenden Installationsanleitungen folgen diesen drei Schritten Dieses Kapitel enth lt die folgenden Themen e Setup Checklisten f r PHP Entwickler auf Seite 136 e System konfigurieren PHP auf Seite 136 e Eine Dreamweaver Site definieren PHP auf Seite 142 e Verbindung mit der Beispieldatenbank herstellen PHP auf Seite 146 135 Setup Checklisten f r PHP Entwickler Zum Einrichten einer Webanwendung m ssen Sie zun chst Ihr System konfigurieren dann eine Dreamweaver Site definieren und anschlie end eine Verbindung mit einer Datenbank herstellen Im vorliegenden Abschnitt finden Sie eine Checkliste f r jede dieser Aufgaben Die Aufgaben werden im restlichen Kapitel genauer beschrieben System konfigurieren 1 Sorgen Sie daf r
24. Eingabe aktivieren Nach berschrift zu einfachem Absatz wechseln C Mehrere aufeinanderfolgende Leerzeichen zulassen validator M verwenden Sie lt strong gt und lt em gt anstelle von lt b gt und lt i gt vorschau in Browser C55 anstelle von HTML Tags verwenden Zul ssige H chstzahl der Yerlaufsschritte 50 Rechtschreibw rterbuch Deutsch vj abbrechen __Hife 2 Klicken Sie auf die Schaltfl che Arbeitsbereich ndern Das Dialogfeld Arbeitsbereich Setup wird eingeblendet Arbeitsbereich Setup w hlen Sie Ihr bevorzugtes Arbeitsbereich Layout Sie k nnen das Layout auch sp ter unter Voreinstellungen wechseln DDDppppppn ja 20 s0 z Designer Zum Code Arbeitsbereich wechseln nur Windows 43 3 W hlen Sie die Option Coder 4 Klicken Sie gegebenenfalls auf OK um die Dialogfelder Arbeitsbereich Setup und Voreinstellungen zu schlie en 5 Nun m ssen Sie Dreamweaver beenden und erneut starten Ein Tag mit der Tag Auswahl hinzuf gen Der n chste Schritt beim Erstellen der Homepage f r Trio Motors besteht darin ein div Tag um das Bannerbild am oberen Seitenrand zu legen Anleitungen zum Einf gen von Bildern auf der Seite finden Sie unter Bilder hinzuf gen auf Seite 37 Es gibt mehrere M glichkeiten ein div Tag um ein Bild zu legen in dieser Lektion wird die Verwendung der Tag Auswahl beschrieben die eine Hilfe beim Ein
25. Geldbetr ge deren H he sich nach der Gesamtzahl ihrer Punkte richtet Das Problem ist nun dass das Fitnessprogramm sich als durchschlagender Erfolg erwiesen hat Inzwischen nehmen so viele Mitarbeiter am Programm teil dass Chris am Monatsende geradezu mit E Mails bersch ttet wird Chris fragt Julia ob eine webgest tzte L sung m glich ist Julia empfiehlt eine intranetbasierte Webanwendung die folgende Aufgaben durchf hrt e Die Mitarbeiter k nnen ihre Kilometeranzahl auf einer Webseite in ein einfaches HTML Formular eingeben e Die Kilometeranzahl der Mitarbeiter wird in einer Datenbank gespeichert e Die Fitnesspunkte werden auf Grundlage der Kilometeranzahl berechnet e Die Mitarbeiter k nnen ihre monatliche Leistung verfolgen e Am Monatsende kann Chris dann mit einem einfachen Mausklick die Gesamtanzahl der Punkte anzeigen Julia verwendet Dreamweaver MX 2004 um die Webanwendung schnell und einfach zu erstellen Noch vor der Mittagspause ist sie damit fertig 58 Kapitel 6 Webanwendungen So funktioniert eine Webanwendung Eine Webanwendung ist eine Sammlung statischer und dynamischer Webseiten Statische Webseiten ndern sich nicht wenn sie von den Besuchern der Site aufgerufen werden Der Webserver sendet die Seite an den anfordernden Webbrowser ohne sie zu ndern Eine dynamische Webseite wird dagegen vom Server ge ndert bevor sie an den Browser gesendet wird Wegen der nderungen wird eine solche Sei
26. Ihrer Arbeit dynamischen Inhalt zu generieren und anzuzeigen Als Testserver kann der lokale Computer ein Entwicklungsserver ein Testserver oder ein Produktionsserver verwendet werden solange er ASP NET Seiten verarbeiten kann In vielen F llen so auch beim Einrichten der Trio Site k nnen Sie die gleichen Einstellungen wie bei der Kategorie Remote Information verwenden siehe Remote Ordner definieren auf Seite 106 da sie auf einen Server verweisen der ASP NET Seiten verarbeiten kann 2 W hlen Sie im Popupmen Servermodell die Option ASP NET VB oder ASP NET C 3 W hlen Sie im Textfeld Zugriff die Zugriffsmethode aus Lokal Netzwerk oder FTP die Sie f r den Zugriff auf den Remote Ordner gew hlt haben Dreamweaver gibt die Einstellungen vor die Sie in der Kategorie Remote Informationen festgelegt haben Behalten Sie die Einstellungen unver ndert bei 106 Kapitel 10 ASP NET Beispiel Site installieren 4 Geben Sie im Textfeld URL Pr fix die Stamm URL ein die Sie in einem Webbrowser eingeben w rden um eine Seite in Ihrer Webanwendung anzufordern Um w hrend Ihrer Arbeit Live Daten in Ihren Seiten anzuzeigen erstellt Dreamweaver eine tempor re Datei kopiert diese anschlie end in den Stammordner Ihrer Website und versucht dann diese mit dem URL Pr fix abzurufen Dreamweaver versucht das URL Pr fix aus den Informationen abzuleiten die Sie im Dialogfeld Site Definition eingegeben haben Das vorgeschlagene UR
27. Microsoft Internet Information Server 5 IIS mit dem NET Framework l uft k nnen Sie ASPNET w hlen PHP k nnen Sie w hlen wenn Sie Zugang zu einem Webserver ber einen PHP Anwendungsserver haben und JSP wenn Sie Zugang zu einem Webserver ber einen JSP Anwendungsserver haben zum Beispiel ber Macromedia JRun Eine Entwicklerversion von ColdFusion MX ist auf der Dreamweaver nur Windows Version und auf der Macromedia Website unter www macromedia com de software coldfusion verf gbar Weitere Informationen finden Sie unter Anwendungsserver einrichten im Hilfethema Dreamweaver verwenden Eine Servertechnologie w hlen 65 Weitere Informationen ber ColdFusion finden Sie unter ColdFusion verwenden in der Dreamweaver Hilfe oder auf der Macromedia Website unter www macromedia com de software coldfusion Weitere Informationen ber ASP NET finden Sie auf der Microsoft Website unter www asp net Weitere Informationen ber ASP finden Sie auf der Microsoft Website unter http msdn microsoft com library psdk iisref aspguide htm Weitere Informationen ber JSP finden Sie auf der Website von Sun Microsystems unter http java sun com products jsp Weitere Informationen ber PHP finden Sie auf der PHP Website unter www php net Terminologie f r Webanwendungen In diesem Abschnitt werden h ufig verwendete Begriffe in Bezug auf Webanwendungen beschrieben Ein Anwendungsserver ist Software die ein
28. Schr gstrich aufweisen 12 Speichern Sie die Seite So f gen Sie ein Attribut einem vorhandenen Tag hinzu 1 Setzen Sie die Einf gemarke direkt hinter den letzten Attributwert des Tags und dr cken Sie die Leertaste Daraufhin wird eine Liste der Attribute angezeigt 2 F gen Sie das Attribut hinzu und legen Sie gegebenenfalls einen Wert fest nderungen berpr fen Nachdem Sie nderungen an Ihrem Code vorgenommen haben k nnen Sie umgehend grafisches Feedback anzeigen F hren Sie einen der folgenden Schritte aus um eine grafische Darstellung des Codes zu sehen e Klicken Sie in der Dokumentsymbolleiste auf die Schaltfl che Entwurfsansicht anzeigen beschriftet mit Design oder die Schaltfl che Code und Entwurfsansicht anzeigen beschriftet mit Teilen e Zeigen Sie die Seite in einem Webbrowser an indem Sie lt F12 gt dr cken Um den Browser zu schlie en und zur Codeansicht zur ckzukehren dr cken Sie lt Alt gt lt F4 gt nur Windows Code drucken Sie k nnen Code ausdrucken um ihn zu archivieren Dritten zur Verf gung zu stellen oder offline zu bearbeiten So drucken Sie Code 1 Zeigen Sie eine Seite in der Codeansicht an 2 W hlen Sie Datei gt Code drucken 3 Legen Sie die gew nschten Druckoptionen fest und klicken Sie dann auf OK Windows bzw Drucken Macintosh Erg nzende Themen Weitere Angaben zu den in diesem Tutorial beschriebenen Funktionen finden Sie im Hilfethema Dreamw
29. Sie Macromedia HomeSite oder ColdFusion Studio benutzen k nnen Sie sich eine Dreamweaver Site auch wie eine HomeSite oder ein Studio Projekt vorstellen So definieren Sie eine Dreamweaver Site 1 Kopieren Sie die Beispieldateien in einen Ordner auf der Festplatte siehe Beispieldateien kopieren auf Seite 128 Definieren Sie den Ordner als lokalen Dreamweaver Ordner siehe Lokalen Ordner definieren auf Seite 129 Definieren Sie Ihren Stammordner auf dem Webserver als Remote Ordner f r Dreamweaver siehe Remote Ordner definieren auf Seite 129 Definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten siehe Ordner f r die Verarbeitung dynamischer Seiten festlegen auf Seite 130 Laden Sie die Beispieldateien an den Webserver hoch siehe Beispieldateien hochladen auf Seite 131 Beispieldateien kopieren Kopieren Sie die Beispieldateien aus dem Dreamweaver Anwendungsordner in einen Ordner auf der Festplatte sofern Sie dies nicht bereits durchgef hrt haben So kopieren Sie die Beispieldateien 1 3 Erstellen Sie im Benutzerordner auf Ihrer Festplatte einen neuen Ordner namens Sites Lokal Der Pfad dieses Ordners kann beispielsweise folgenderma en lauten m C Dokumente und Einstellungen hr_Benutzername Eigene Dateien Sites Lokal Windows a Benutzer hr_BenutzernamelDokumente Sites Lokal Macintosh Vorsicht Auf dem Macintosh existiert bereits ein Ordner namens Sites in
30. Sie k nnen Ihren lokalen Computer als Server verwenden wenn Windows 2000 oder Windows XP Professional auf dem Computer installiert ist Wenn Sie mit Windows 98 Windows Me Windows NT Windows XP Home Edition oder einem Macintosh arbeiten m ssen Sie IIS 5 auf einem Remote Computer unter Windows 2000 oder Windows XP Professional ausf hren Um rasch festzustellen ob IIS auf Ihrem Computer installiert ist k nnen Sie die Ordnerstruktur nach dem Ordner C Inetpub bzw D Inetpub durchsuchen Dieser Ordner wird bei der Installation von IIS erstellt Wenn IIS nicht installiert ist holen Sie die Installation jetzt nach Weitere Informationen finden Sie unter Internet Information Server installieren auf Seite 87 Installieren Sie das NET Framework im Anschluss an den Webserver NET Framework installieren F r die Verarbeitung dynamischer Webseiten ist ein Anwendungsserver erforderlich Bei einem Anwendungsserver handelt es sich um Software die einen Webserver bei der Verarbeitung von Webseiten unterst tzt die serverbasierte Skripts oder Tags enthalten Wenn eine solche Seite angefordert wird sendet sie der Webserver nicht sofort an den Browser sondern zun chst zur Verarbeitung an den Anwendungsserver Weitere Informationen finden Sie unter Webanwendungen auf Seite 57 In ASPNET wird der Anwendungsserver das NET Framework genannt Stellen Sie sicher dass das NET Framework auf dem Windows 2000 oder Windows XP Professional
31. System installiert ist und ausgef hrt wird auf dem auch IIS 5 oder h her ausgef hrt wird Wenn Sie das NET Framework installieren m ssen laden Sie es von der Microsoft Website unter www asp net download aspx herunter und befolgen Sie dann die Anleitungen auf der Website Wenn Sie mit Windows 98 Windows Me Windows NT Windows XP Home Edition oder einem Macintosh arbeiten m ssen Sie das NET Framework auf einem Remote Computer mit Windows 2000 oder Windows XP Professional installieren auf dem IIS 5 ausgef hrt wird Erstellen Sie nach dem Installieren und Starten des NET Frameworks einen Stammordner f r Ihre Webanwendung System konfigurieren ASP NET 103 Stammordner erstellen Erstellen Sie nach der Installation der Serversoftware einen Stammordner f r Ihre Webanwendung in dem System in dem Microsoft IIS ausgef hrt wird und sorgen Sie daf r dass der Ordner die erforderlichen Berechtigungen hat So erstellen Sie einen Stammordner f r Ihre Webanwendung 1 Erstellen Sie einen Ordner namens MySampleApp in dem System in dem IIS ausgef hrt wird Hinweis Notieren Sie sich den Ordnernamen f r die sp tere Bezugnahme Wenn Sie ihn sp ter eingeben m ssen Sie genau dieselbe Schreibweise einschlie lich Gro und Kleinschreibung wie beim Erstellen verwenden Es empfiehlt sich diesen Ordner im Ordner C Inetpub wwwroot zu erstellen Der IIS Webserver ist standardm ig so eingerichtet dass er Seiten aus dem Ordn
32. Text v Standardwert 1 80 Kapitel 7 Tutorial Webanwendungen entwickeln 10 11 12 13 Wiederholen Sie die Schritte 3 bis 6 f r das Formularfeld LAST_NAME Geben Sie Nachname als Beschriftung ein w hlen Sie Textfeld f r die Anzeige und Text f r die Sendeart Wiederholen Sie die Schritte 3 bis 6 f r das Formularfeld EMAIL Geben Sie E Mail als Beschriftung ein w hlen Sie Textfeld f r die Anzeige und Text f r die Sendeart W hlen Sie COMMENTS in der Liste der Formularfelder Geben Sie im Feld Beschriftung den Text Kommentar ein Legen Sie den Typ des Formularobjekts f r das Kommentar Formularfeld fest indem Sie einen der folgenden Schritte ausf hren a Wenn Sie ASP NET verwenden w hlen Sie im Popupmen Anzeigen als die Option Textbereich und w hlen Sie dann im Popupmen Senden als die Option VARCHAR a Wenn Sie eine andere Servertechnologie als ASBNET verwenden w hlen Sie im Popupmen Anzeigen als die Option Textbereich und bernehmen Sie im Popupmen Senden als den Standardwert Text Das Dialogfeld sollte anschlie end in etwa folgenderma en aussehen Einf geformular f r Datens tze Datenquelle connTrio Benutzername Abbrechen Kennwort Hilfe Tabele COMMENTS x Nach dem Einf gen hierher gehen comments view cfm Durchsuchen C urspr ngliche Abfragezeichenfolge bergeben Formularfelder Spalte Beschriftung Anzeigen als Senden als FIRST_NAM
33. Unterordnern wenn diese ber eine HT TP Anforderung von einem Webbrowser abgerufen werden Nach dem Konfigurieren des Systems m ssen Sie eine Dreamweaver Site definieren Eine Dreamweaver Site definieren PHP Im Anschluss an die Konfiguration Ihres Systems m ssen Sie die Beispieldateien in einen lokalen Ordner kopieren und eine Dreamweaver Site zur Verwaltung der Dateien definieren Hinweis Wenn Sie Macromedia HomeSite oder ColdFusion Studio benutzen k nnen Sie sich eine Dreamweaver Site wie eine HomeSite oder Studioprojekt vorstellen So definieren Sie eine Dreamweaver Site 1 Kopieren Sie die Beispieldateien in einen Ordner auf der Festplatte siehe Beispieldateien kopieren auf Seite 143 2 Definieren Sie den Ordner als lokalen Dreamweaver Ordner siehe Lokalen Ordner definieren auf Seite 143 3 Definieren Sie Ihren Stammordner auf dem Webserver als Remote Ordner f r Dreamweaver siehe Remote Ordner definieren auf Seite 144 4 Definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten siehe Ordner f r die Verarbeitung dynamischer Seiten festlegen PHP auf Seite 144 5 Laden Sie die Beispieldateien an den Webserver hoch siehe Beispieldateien hochladen auf Seite 145 142 Kapitel 13 PHP Beispiel Site installieren Beispieldateien kopieren Kopieren Sie die Beispieldateien aus dem Dreamweaver Anwendungsordner in einen Ordner auf der Festplatte sofern Sie dies nicht
34. W hlen Sie Hilfe gt Aktivierung gt Registrierung drucken drucken Sie das Formular aus und senden Sie es an die aufgedruckte Adresse Dreamweaver installieren und ausf hren 11 Beispiel Website anzeigen Die in diesem Handbuch gezeigten Beispiele beziehen sich auf eine kleine Beispiel Website f r das fiktive Unternehmen Trio Motors Sehen Sie sich diese Beispielsite in einem Browser an bevor Sie mit den Tutorials beginnen um eine Vorstellung von dem Ergebnis der bungen zu erhalten So zeigen Sie die Beispielsite in einem Browser an 1 ffnen Sie den Ordner Samples im Anwendungsordner von Dreamweaver ffnen Sie dann den Ordner GettingStarted und den Ordner FinalSite 2 ffnen Sie die Datei index html im Ordner FinalSite in einem Browser 3 Nachdem Sie sich die Beispielsite angesehen haben k nnen Sie mit dem n chsten Kapitel in diesem Handbuch fortfahren 12 Einf hrung Willkommen bei Dreamweaver KAPITEL 1 Der Dreamweaver Arbeitsbereich In Windows steht Ihnen in Dreamweaver MX 2004 ein integrierter Arbeitsbereich mit einem gemeinsamen Anwendungsfenster zur Verf gung Im integrierten Arbeitsbereich sind alle Fenster und Bedienfelder in einem einzigen gr eren Anwendungsfenster integriert Sie k nnen zwischen einem designorientierten Layout und einem Layout f r Programmierer w hlen Auf dem Macintosh steht Ihnen in Dreamweaver ein schwebendes Arbeitsbereich Layout zur Verf gung in dem jedes Dokument
35. bereits durchgef hrt haben So kopieren Sie die Beispieldateien 1 Erstellen Sie einen neuen Ordner namens Sites Lokal in Ihrem Benutzerordner auf der Festplatte Sie k nnen zum Beispiel einen der folgenden Ordner erstellen m C Dokumente und Einstellungen hr_Benutzername Eigene Dateien Sites Lokal Windows m Benutzer hr_BenutzernamelDokumente Sites Lokal Macintosh Hinweis Auf einem Macintosh besteht in Ihrem Benutzerordner bereits ein Ordner namens Sites Verwenden Sie diesen Sites Ordner nicht als lokalen Ordner Der Sites Ordner ist der Ordner in dem Sie Ihre Seiten ablegen um sie ffentlich zug nglich zu machen wenn Sie den Macintosh als Webserver einsetzen N Suchen Sie den Ordner GettingStarted im Dreamweaver Anwendungsordner auf der Festplatte Wenn Sie Dreamweaver im Standardordner installiert haben lautet der Pfad wie folgt m C Programme Macromedia Dreamweaver MX 2004 Samples GettingStarted Windows m Programme Macromedia Dreamweaver MX 2004 Samples GettingStarted Macintosh 3 Kopieren Sie den Ordner GettingStarted in den Ordner Sites Definieren Sie den Ordner GettingStarted nach dem Kopieren als lokalen Dreamweaver Ordner Lokalen Ordner definieren Definieren Sie im Anschluss an das Kopieren des Ordners GettingStarted den Ordner in dem sich die PHP Beispieldateien befinden als lokalen Dreamweaver Ordner So definieren Sie den lokalen Dreamweaver Ordner 1 W hlen Sie in Dreamweaver Site gt Sites
36. beschrieben wie die meisten Windows Benutzer einen Microsoft Webserver auf ihrem lokalen Computer installieren und verwenden k nnen Wenn Sie Windows Benutzer sind und ColdFusion Sites entwickeln m chten k nnen Sie den in der Entwicklerversion des ColdFusion MX Anwendungsservers enthaltenen Webserver verwenden Dieser kann kostenlos installiert und verwendet werden Weitere Informationen finden Sie unter Kapitel 9 ColdFusion Beispiel Site installieren auf Seite 91 Wenn Sie Macintosh Benutzer sind k nnen Sie einen Webserver auf einem Computer im Netzwerk oder von einer Web Hosting Firma verwenden Wenn Sie PHP Anwendungen entwickeln m chten k nnen Sie den bereits auf dem Macintosh installierten Apache Webserver verwenden Dieses Kapitel enth lt die folgenden Themen e Erste Schritte auf Seite 86 e Personal Web Server installieren auf Seite 86 e Internet Information Server installieren auf Seite 87 e PWS oder IIS testen auf Seite 87 e Macintosh Webserver testen PHP Entwickler auf Seite 88 e Grundlagen zum Webserver auf Seite 88 Hinweis Macromedia bietet keine technische Unterst tzung f r Software von anderen Herstellern wie z B f r Microsoft Internet Information Server Sollten Sie Hilfe zu einem Microsoft Produkt ben tigen wenden Sie sich an den technischen Support von Microsoft 85 Erste Schritte Wenn Sie Windows Benutzer sind k nnen Sie die folgenden Webserver au
37. dem Installieren und Testen der Serversoftware einen Stammordner f r Ihre Webanwendung System konfigurieren ASP 115 Stammordner erstellen Erstellen Sie im Anschluss an die Installation der Serversoftware einen Stammordner f r Ihre Webanwendung in dem System in dem Microsoft PWS oder IIS ausgef hrt wird und sorgen Sie daf r dass der Ordner die erforderlichen Berechtigungen hat So erstellen Sie einen Stammordner f r Ihre Webanwendung 1 Erstellen Sie in dem System in dem PWS oder IIS ausgef hrt wird einen Ordner namens MySampleApp Hinweis Notieren Sie sich den Ordnernamen f r die sp tere Verwendung Wenn Sie ihn sp ter eingeben m ssen Sie genau dieselbe Schreibweise Gro und Kleinschreibung wie beim Erstellen verwenden Es empfiehlt sich diesen Ordner im Ordner C Inetpub wwwroot zu erstellen Der IS oder PWS Webserver ist standardm ig so eingerichtet dass er Seiten aus dem Ordner Inetpub wwwroot bertr gt Der Webserver bertr gt alle Seiten in diesem Ordner oder seinen Unterordnern an einen Webbrowser wenn diese ber eine HTTP Anforderung abgerufen werden 2 Gehen Sie folgenderma en vor um die Lese und Skriptberechtigungen f r den Ordner zu aktivieren a Wenn Sie PWS verwenden starten Sie Personal Web Manager durch Doppelklicken auf das Webserver Symbol in der Systemablage Das Symbol stellt eine Hand mit einer Website dar Klicken Sie in Personal Web Manager auf das Symbol Erweitert D
38. den Platzhaltertext Lorem ipsum Wenn Sie eine vordefinierte Seite als Grundlage f r Ihre Seite verwenden m ssen Sie den Platzhaltertext durch eigenen Text ersetzen wenn Sie der Seite Inhalt hinzuf gen Hinweis Es kann jedoch sinnvoll sein den Platzhaltertext zun chst beizubehalten und erst den Entwurf und das Layout fertig zu stellen So k nnen Sie bzw Ihre Kunden das Layout ohne st renden Text anzeigen Mit einem Stil versehenen Text hinzuf gen 33 So f gen Sie Ihrer Seite Text hinzu 1 Klicken Sie dreimal auf die Kopfzeile Title unterhalb des Bildplatzhalters in der linken Spalte um die gesamte Kopfzeile auszuw hlen Geben Sie Watch the ZX2002 Launch Webcast ein oder einen beliebigen anderen Titel 3 W hlen Sie den ganzen Abschnitt mit Platzhaltertext direkt unterhalb der neuen Kopfzeile aus und 10 11 12 13 l schen Sie ihn durch Dr cken der R cktaste Windows bzw der R ckschritttaste Macintosh Suchen Sie die Datei mainltem txt im Bedienfeld Dateien Die Datei befindet sich im Ordner Assets innerhalb des Ordners 1 Design Doppelklicken Sie auf das Symbol der Datei um die Datei in Dreamweaver zu ffnen Hinweis In dieser Beispielsite ist die Datei die den zu verwendenden Text enth lt eine Textdatei Andere Sites k nnen Dokumente in diversen unterschiedlichen Formaten enthalten zum Beispiel als in Microsoft Word erstellte HTML Dokumente Sie k nnen diese mit dem Befehl Wor
39. den Tutorials Weitere Informationen finden Sie unter Tutorial Webanwendungen entwickeln auf Seite 69 122 Kapitel 11 ASP Beispiel Site installieren KAPITEL 12 JSP Beispiel Site installieren Macromedia Dreamweaver MX 2004 wird mit Beispiel Webseiten im Format von JavaServer Pages JSP geliefert mit denen Sie kleine Webanwendungen erstellen k nnen In diesem Kapitel wird eines der m glichen Verfahren beschrieben die Sie zum Einrichten der Beispielanwendung mit Microsoft Internet Information Server IIS oder Personal Web Server PWS ausf hren k nnen Weitere Informationen ber diese Webserver finden Sie unter Webserver installieren auf Seite 85 Wenn Sie einen anderen Webserver verwenden finden Sie weitere Informationen unter Webanwendungen einrichten in der Dreamweaver Hilfe Hilfe gt Dreamweaver verwenden Das Einrichten einer Webanwendung umfasst drei Schritte Zun chst konfigurieren Sie das System Anschlie end definieren Sie eine Dreamweaver Site Zum Schluss stellen Sie eine Verbindung zwischen der Anwendung und Ihrer Datenbank her Das vorliegende Installationskapitel folgt diesen drei Schritten Dieses Kapitel enth lt die folgenden Themen Setup Checklisten f r JSP Entwickler auf Seite 123 e System konfigurieren JSP auf Seite 124 e Eine Dreamweaver Site definieren JSP auf Seite 128 e Verbindung mit der Beispieldatenbank herstellen JSP auf Seite 131 Setup C
40. die Beispieldateien in einen lokalen Ordner kopieren und eine Dreamweaver Site zur Verwaltung der Dateien definieren Hinweis Wenn Sie Macromedia HomeSite oder ColdFusion Studio verwenden k nnen Sie sich eine Dreamweaver Site wie ein Projekt in HomeSite oder Studio vorstellen So definieren Sie eine Dreamweaver Site 1 Kopieren Sie die Beispieldateien in einen Ordner auf der Festplatte siehe Beispieldateien kopieren auf Seite 117 Definieren Sie den Ordner als lokalen Dreamweaver Ordner siehe Lokalen Ordner definieren auf Seite 117 Definieren Sie Ihren Stammordner auf dem Webserver als Remote Ordner f r Dreamweaver siehe Remote Ordner definieren auf Seite 118 Definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten siehe Ordner f r die Verarbeitung dynamischer Seiten festlegen auf Seite 119 Laden Sie die Beispieldateien an den Webserver hoch siehe Beispieldateien hochladen auf Seite 120 Beispieldateien kopieren Kopieren Sie die Beispieldateien aus dem Dreamweaver Anwendungsordner in einen Ordner auf der Festplatte sofern Sie dies nicht bereits durchgef hrt haben So kopieren Sie die Beispieldateien 1 Erstellen Sie im Benutzerordner auf Ihrer Festplatte einen neuen Ordner namens Sites Lokal Der Pfad dieses Ordners kann beispielsweise folgenderma en lauten a C Dokumente und Einstellungen hr_Benutzername Eigene Dateien Sites Lokal Windows a Benutzer hr
41. die Navigationsleiste umgibt einen CSS Stil hinzu So erstellen Sie eine Navigationsleiste 1 Wechseln Sie zur Hauptseite index html wenn diese Seite nicht gerade angezeigt wird Wenn die Seite nicht ge ffnet ist doppelklicken Sie im Bedienfeld Dateien auf das Symbol der Seite 2 Setzen Sie die Einf gemarke im Dokumentfenster an die Stelle an der Sie die Navigationsleiste einf gen m chten Auf der Hauptseite von Trio Motors f gen Sie die Navigationsleiste beispielsweise direkt unter der Bannergrafik oben auf der Seite ein W hlen Sie daher das Bild aus und w hlen Sie dann im Tag Selektor unten im Dokumentfenster das Tag lt div 10go gt aus Dr cken Sie nun die Taste lt Nach rechts gt um daf r zu sorgen dass sich die Einf gemarke au erhalb des di v Tags befindet das die Bannergrafik enth lt 3 W hlen Sie Einf gen gt Layoutobjekte gt Div Tag Geben Sie im Dialogfeld Div Tag einf gen im Textfeld Klasse den Namen navbar ein und klicken Sie auf OK Dr cken Sie ee die R cktaste Windows bzw die R ckschritttaste Macintosh um den angezeigten Platzhaltertext zu l schen 4 W hlen Sie Einf gen gt Grafikobjekte gt Navigationsleiste 52 Kapitel 5 Tutorial Seiten verkn pfen und in der Vorschau anzeigen 5 Das Dialogfeld Navigationsleiste einf gen wird angezeigt Navigationsleiste einf gen EEI Ba Navigationsleistenelemente ff u Abbrechen Elementname Eonamedi i E Up Bild Over Bi
42. die rechte Spalte der Schriftgr enzeile Geben Sie in das erste Textfeld den Wert 80 ein und w hlen Sie im zweiten Popupmen die Option Der Text in der Randleiste hat jetzt nur noch 80 seiner urspr nglichen Gr e Nehmen Sie die weiteren gew nschten nderungen vor Wenn Sie die Bearbeitung von Stilen abgeschlossen haben wechseln Sie ber das Men Fenster zum Fenster Levell_Verdana css und speichern Sie die Datei Bilder hinzuf gen In dieser Lektion lernen Sie wie Sie Ihrer Seite Bilder hinzuf gen Sie k nnen zwar Ihre eigenen Bilder verwenden es empfiehlt sich jedoch beim ersten Versuch eines der Bilder hinzuzuf gen die mit der Beispiel Site in Dreamweaver geliefert wurden So f gen Sie Ihrer Seite ein Bild hinzu 1 W vao oA Speichern Sie die Seite falls Sie sie noch nicht gespeichert haben Sie k nnen Bilder zwar auch in ein nicht gespeichertes Dokument einf gen dabei werden Sie jedoch in einem Dialogfeld darauf hingewiesen dass es sich bei der URL des Bildes um den vollst ndigen lokalen Pfad des Bildes handelt Zwar korrigiert Dreamweaver die URL beim Speichern des Dokuments doch ist es einfacher das Dokument vor dem Hinzuf gen von Bildern zu speichern Wenn Sie ein Bild einf gen m chten das einen vorhandenen Bild Platzhalter ersetzen soll doppelklicken Sie auf den Platzhalter Um beispielsweise am oberen Rand der Trio Motors Seite eine Bannergrafik einzuf gen doppelklicken Sie auf den Pl
43. folgenden Optionen m Zeilen 2 m Spalten 4 m Geben Sie f r die Tabellenbreite den Wert 60 ein und w hlen Sie im Popupmen die Option Prozent m Lassen Sie die Randst rke auf dem Wert 1 m Geben Sie f r die Zellauff llung den Wert 2 ein m Geben Sie f r den Zellabstand den Wert 2 ein m W hlen Sie im Abschnitt Kopfzeile die Option Oben Geben Sie im Textfeld Zusammenfassung eine Beschreibung der Tabelle f r Besucher ein die Bildschirmleseprogramme verwenden Geben Sie Folgendes ein Diese Tabelle enth lt alle Kommentare die die Besucher der Site in die Datenbank eingegeben haben Datenbank Datens tze anzeigen 75 Das ausgef llte Dialogfeld sollte folgenderma en aussehen Tabellengr e Zellauff llung 2 Zellabstand 2 A Kopfzeile Eingabehilfen Beschriftung Beschriftung ausrichten Standard Zusammenfassung Diese Tabelle enth lt alle Kommentare die Besucher dieser Site in die Datenbank eingegeben haben 4 Klicken Sie auf OK Die Tabelle wird in das Dokument eingef gt 5 Geben Sie in die oberste Tabellenzeile Beschriftungen f r die Tabelleneintr ge ein a Erste Tabellenzelle Vorname a N chste Tabellenzelle Nachname a N chste Tabellenzelle E Mail Adresse m Letzte Tabellenzelle Kommentare 6 Speichern Sie die Seite Datei gt Speichern Dynamische Felder in die Tabelle einf gen Sie k nnen der Tabelle nun die Felder der Datensatz
44. im Hilfethema Dreamweaver verwenden So erstellen Sie eine Datenbankverbindung 1 Wenn Sie einen Remote Computer als Server verwenden richten Sie die Beispieldatenbank auf dem Remote Computer ein siehe Datenbank einrichten Remote Computer als Server auf Seite 120 2 Erstellen Sie die Verbindung in Dreamweaver siehe Datenbankverbindung erstellen auf Seite 121 Datenbank einrichten Remote Computer als Server Dieser Abschnitt ist nur relevant wenn der Webserver auf einem Remote Computer ausgef hrt wird Wenn der Webserver auf demselben Computer wie Dreamweaver ausgef hrt wird fahren Sie mit Datenbankverbindung erstellen auf Seite 121 fort Vor dem Aufbauen einer Verbindung mit der Beispieldatenbank f hren Sie folgende Aufgaben auf dem Remote Computer aus der als Webserver dient Kopieren Sie die Beispieldatenbank auf die Festplatte Ihres Computers und erstellen Sie einen DSN auf dem Computer der auf die Datenbank verweist 120 Kapitel 11 ASP Beispiel Site installieren So richten Sie die Beispieldatenbank auf dem Remote Computer ein 1 Kopieren Sie die Beispieldatenbank auf die Festplatte des Remote Computers Wenn Sie Dreamweaver am Standardspeicherort installiert haben lautet der Pfad zur Datenbankdatei trio mdb auf Ihrer Festplatte wie folgt m C Programme Macromedia Dreamweaver MX 2004 Samples Database trio mdb Windows u Programme Macromedia Dreamweaver MX 2004 Samples Database trio
45. in einem eigenen Fenster angezeigt wird Bedienfeldgruppen sind anfangs aneinander gedockt lassen sich jedoch abdocken und in eigenen Fenstern anzeigen Fenster werden automatisch aneinander an den Seiten des Bildschirms und am Dokumentfenster eingerastet wenn Sie sie ziehen oder ihre Gr e ndern Hinweis Sie k nnen den Arbeitsbereich anpassen indem Sie Bedienfelder und Bedienfeldgruppen neu anordnen Weitere Informationen finden Sie im Hilfethema Dreamweaver verwenden Dieses Kapitel enth lt die folgenden Themen e Arbeitsbereich Layout w hlen nur Windows auf Seite 14 e bersicht der Fenster und Bedienfelder auf Seite 15 e bersicht der Men s auf Seite 16 13 Arbeitsbereich Layout w hlen nur Windows Wenn Sie Dreamweaver das erste Mal unter Windows starten wird ein Dialogfeld angezeigt in dem Sie das Arbeitsbereich Layout w hlen k nnen Wenn Sie Ihre Auswahl sp ter ndern m chten k nnen Sie ber das Dialogfeld Voreinstellungen auf einen anderen Arbeitsbereich umschalten Arbeitsbereich Setup w hlen Sie Ihr bevorzugtes Arbeitsbereich Layout Sie k nnen das Layout auch sp ter unter Voreinstellungen wechseln ie b s0 je 20 20 iz a0 Gie sA a ra 0 je Gas je So w hlen Sie ein Arbeitsbereich Layout aus e W hlen Sie eines der folgenden Layouts Der Designer Arbeitsbereich ist ein integrierter MDI Arbeitsbereich Multiple D
46. ist und ausgef hrt wird Um rasch festzustellen ob PWS oder IIS auf einem Computer installiert ist k nnen Sie die Ordnerstruktur nach dem Ordner C Inetpub bzw D Inetpub durchsuchen Dieser Ordner wird bei der Installation von PWS und IIS erstellt Wenn PWS oder IIS nicht installiert ist holen Sie die Installation jetzt nach Eine Anleitung hierzu finden Sie unter Webserver installieren auf Seite 85 Installieren Sie den Anwendungsserver im Anschluss an den Webserver PHP Anwendungsserver installieren Windows F r die Verarbeitung dynamischer Webseiten ist ein Anwendungsserver erforderlich Bei einem Anwendungsserver handelt es sich um Software die einen Webserver bei der Verarbeitung von Webseiten unterst tzt die serverbasierte Skripts oder Tags enthalten Wenn eine solche Seite angefordert wird sendet sie der Webserver nicht sofort an den Browser sondern zun chst zur Verarbeitung an den Anwendungsserver Weitere Informationen finden Sie unter Webanwendungen auf Seite 57 Sorgen Sie daf r dass ein PHP Anwendungsserver in dem System installiert ist und ausgef hrt wird in dem auch PWS oder IIS ausgef hrt wird PWS oder IIS kann sich auf der lokalen Festplatte oder auf einem Remote Computer unter Windows befinden Wenn Sie PHP nicht haben k nnen Sie es von der PHP Website unter www php net downloads php herunterladen und installieren W hlen Sie die Windows Installationsdatei aus um PHP mithilfe von Install
47. kann es sich um einen Server Ihres ISP einen Server Ihres Kunden einen Intranet Server in Ihrem Unternehmen oder einen IIS Server Internet Information Services bzw PWS Server auf einem Windows Computer handeln Wenn Sie keinen Zugriff auf einen solchen Server haben setzen Sie sich mit Ihrem ISP Ihrem Kunden oder Ihrem Systemadministrator in Verbindung Sie k nnen einen Webserver auch auf Ihrem lokalen Rechner ausf hren beispielsweise IIS unter Windows oder Apache auf dem Macintosh Weitere Informationen zum Einrichten eines Webservers auf Ihrem lokalen Rechner finden Sie unter Webserver installieren auf Seite 85 Bei dem folgenden Verfahren sollte der Remote Stammordner leer sein Wenn die Remote Site bereits Dateien enth lt erstellen Sie einen leeren Ordner in der Remote Site auf dem Server Dieser leere Ordner dient dann als Remote Stammordner Bei dem folgenden Verfahren wird davon ausgegangen dass Sie eine lokale Site eingerichtet haben Weitere Informationen finden Sie unter Mit dem Assistenten zur Site Definition einen lokalen Ordner definieren auf Seite 21 Dreamweaver Site definieren 25 So stellen Sie eine Verbindung zu einer Remote Site her 1 Erstellen Sie in der Remote Site auf dem Server einen leeren Ordner innerhalb des Web Stammordners des Servers Weisen Sie diesem neuen leeren Ordner den Namen des lokalen Stammordners zu Im Rahmen dieses Tutorials geben Sie dem leeren Ordner auf dem Remote Serv
48. localhost 8500 MySampleApp Hinweis Der ColdFusion Webserver wird standardm ig ber den Port 8500 ausgef hrt Tipp Das URL Pr fix sollte immer ein Verzeichnis angeben und nicht eine bestimmte Seite auf der Site Achten Sie au erdem darauf dass Sie dieselbe Schreibweise Gro und Kleinschreibung wie beim Erstellen des Ordners verwenden 5 Klicken Sie auf OK um die Site zu definieren und das Dialogfeld Sitedefinition zu schlie en Klicken Sie dann auf Fertig um das Dialogfeld Sites verwalten zu schlie en Nachdem Sie einen Ordner f r die Verarbeitung dynamischer Seiten festgelegt haben laden Sie die Beispieldateien an den Webserver hoch Eine Dreamweaver Site definieren ColdFusion 97 Beispieldateien hochladen Nachdem Sie einen Ordner f r die Verarbeitung dynamischer Seiten festgelegt haben laden Sie die Beispieldateien an den Webserver hoch Sie m ssen die Dateien auch dann hochladen wenn der Webserver auf dem lokalen Computer ausgef hrt wird Wenn Sie die Dateien nicht hochladen k nnen Funktionen wie die Live Data Ansicht oder die Vorschau im Browser m glicherweise nicht auf dynamische Seiten angewendet werden So sind m glicherweise die Bild Hyperlinks in der Live Data Ansicht unterbrochen da sich die Bilddateien noch nicht auf dem Server befinden Gleicherma en kann ein Fehler auftreten wenn Sie auf einer Detailseite auf einen Hyperlink klicken w hrend Sie eine Masterseite in einem Browser anzeigen und s
49. verwalten Klicken Sie im Dialogfeld Sites verwalten auf die Schaltfl che Neu und anschlie end auf Site Das Dialogfeld Site Definition wird eingeblendet N Wenn die Registerkarte Grundeinstellungen angezeigt wird klicken Sie auf die Registerkarte Erweitert Geben Sie im Textfeld Site Name Trio PHP ein Dieser Name identifiziert Ihre Site innerhalb von Dreamweaver W A Klicken Sie auf das Ordnersymbol neben dem Textfeld des lokalen Stammordners um ihn zu durchsuchen und den Ordner mit den PHP Beispieldateien innerhalb des Ordners GettingStarted auszuw hlen Der Ordner sollte sich hier befinden m C Dokumente und Einstellungen hr_Benutzername Eigene Dateien Sites Lokal GettingStarted 4 Develop php Windows m Benutzer hr_BenutzernamelDokumente Sites Lokal GettingStarted 4 Develop php Macintosh Lassen Sie das Dialogfeld Site Definition ge ffnet Definieren Sie einen Webserver Ordner als Dreamweaver Remote Ordner Eine Dreamweaver Site definieren PHP 143 Remote Ordner definieren Definieren Sie im Anschluss an das Definieren eines lokalen Ordners einen Webserver Ordner der als Remote Ordner f r Dreamweaver verwendet werden soll So definieren Sie den Remote Ordner f r Dreamweaver 1 W hlen Sie auf der Registerkarte Erweitert im Dialogfeld Site Definition die Option Remote Informationen aus der Kategorieliste Der Bildschirm Remote Informationen wird angezeigt 2 W hlen Sie im Popupmen Zugriff wie
50. w hrend Sie sie erstellen und bearbeiten Im Eigenschafteninspektor k nnen Sie diverse Eigenschaften eines ausgew hlten Seiten oder Textobjekts anzeigen und ndern Jeder Objekttyp verf gt ber spezifische Eigenschaften bersicht der Fenster und Bedienfelder 15 Bedienfeldgruppen sind Gruppen verwandter Bedienfelder die unter einer berschrift zusammengefasst sind Um eine Bedienfeldgruppe zu erweitern klicken Sie auf den Erweiterungspfeil links neben dem Gruppennamen Um eine Bedienfeldgruppe abzudocken ziehen Sie das Grifffeld auf der linken Seite der Titelleiste der Gruppe Im Bedienfeld Dateien k nnen Sie Dateien und Ordner verwalten die Bestandteil einer Dreamweaver Site sind oder die auf einem Remote Server abgelegt sind ber das Bedienfeld Dateien erhalten Sie au erdem Zugriff auf alle Dateien die sich auf dem lokalen Datentr ger befinden hnlich wie im Windows Explorer Windows oder dem Finder Macintosh Dreamweaver enth lt auch weitere hier nicht gezeigte Bedienfelder Inspektoren und Fenster wie das Bedienfeld CSS Stile und den Tag Inspektor Bedienfelder Inspektoren und Fenster werden in Dreamweaver ber das Men Fenster ge ffnet bersicht der Men s Der folgende Abschnitt enth lt eine Kurz bersicht der Men s in Dreamweaver Die Men s Datei und Bearbeiten enthalten die blichen Men elemente wie Neu ffnen Speichern Alle speichern Ausschneiden Kopieren Einf gen R ckg ng
51. zu generieren Hinweis Wenn Sie sich den Quellcode ansehen Ansicht gt Quelltext anzeigen in Safari k nnen Sie sich davon berzeugen dass hierf r kein clientbasiertes JavaScript verwendet wird System konfigurieren PHP 141 Wenn die Seite nicht wie erwartet funktioniert pr fen Sie ob die folgenden m glichen Fehler vorliegen e Die Datei hat nicht die Erweiterung php e Die URL enth lt einen Schreibfehler Pr fen Sie ob Ihnen ein Schreibfehler unterlaufen ist und achten Sie darauf dass Sie hinter dem Dateinamen keinen Schr gstrich eingeben wie bei http localhost Ihr_Benutzernameltimetest php Stellen Sie sicher dass Sie das Tildensymbol vor dem Benutzernamen nicht vergessen haben Der Code der Seite enth lt einen Schreibfehler Der Apache Server wird nicht ausgef hrt Pr fen Sie in den Systemvoreinstellungen in der File Sharing Kategorie ob Personal Web Sharing aktiviert ist Erstellen Sie nach dem Installieren und Testen der Serversoftware einen Stammordner f r Ihre Webanwendung Stammordner erstellen Macintosh Nach der Installation der Serversoftware erstellen Sie auf dem Macintosh auf dem der Webserver ausgef hrt wird einen Stammordner f r Ihre Webanwendung So erstellen Sie einen Stammordner f r Ihre Webanwendung Erstellen Sie im Ordner Benutzer hr_BenutzernamelSites einen Ordner namens MySampleApp Apache verarbeitet alle Seiten in diesem Ordner oder in seinen
52. 2 Live Data Ansicht 78 Anwendung Kategorie in der Einf geleiste 77 79 Anwendungen Web Siehe Webanwendungen Anwendungsserver NET Framework ASP NET installieren 103 ColdFusion MX installieren 93 Definition 66 f r ASP installieren 114 f r JSP installieren 126 PHP installieren 138 bersicht 61 INDEX Anzeigen Dokument Symbolleiste 33 Rollover Bilder 51 55 Apache Tomcat Anwendungsserver 66 Apache Webserver unter Mac OSX 88 Apple Siehe Mac OSX Arbeitsablauf beim Erstellen statischer Sites 20 Arbeitsbereich ndern Schaltfl che 43 Arbeitsbereich Layouts ausw hlen 14 kodieren 43 ASP Anwendungsserver installieren 114 Fehlerbehebung 115 Webanwendungen einrichten 111 Zeit anzeigen 114 ASPNET NET Framework 103 DataSets 72 Server unterst tzt 103 verwendete Sprachen 65 Webanwendungen einrichten 101 Assistent f r die Site Definition 21 Attribute in Codehinweisen 47 Referenzinformationen 46 Auf Datei zeigen Symbol 38 Ausw hlen Bild Quelldatei 38 Farben 39 Servertechnologien 65 Tags 44 ausw hlen Arbeitsbereich Layouts 14 Ausw hlen von Text 34 149 B Bearbeiten Stile 37 Tags 45 Bearbeiten Men 16 Bedienfelder Beschreibungen 15 Bindungen Bedienfeld 72 Serververhalten Bedienfeld 77 Bedienfeldgruppen 16 Bedienfeldgruppen erweitern 16 Befehle Men 16 Beispieldatenbank verbinden mit 98 100 108 120 121 133 146 147 Beispiele von Webanwendungen 57 Beispielsite anzeigen 12 Be
53. 22222 ceeeeeeeeeeeeeeneeneenee nenn 10 Dreamweaver aktivieren 22222222 seeeeeeneenenneenneenenseneenenn 10 Dreamweaver in einer Mehrbenutzerumgebung verwenden 11 MX Dreamweaver 2004 registrieren 2 2 222eeeeeneeeeeeeeenenne nenn 11 Beispiel Website anzeigen 2 222 eennenn 12 KAPITEL 1 Der Dreamweaver Arbeitsbereich 2222222ccnecnen 13 Arbeitsbereich Layout w hlen nur Windows 222222 ccceeeee 14 bersicht der Fenster und Bedienfelder 22222222eeeeeeeeeeeeeee een 15 bersicht der Menus raris oan a Be een A A a 16 KAPITEL 2 Site einrichten 22 2 au 22a ein hs 19 VID A ee ale 19 Eine Site erstellen berblick ber den Arbeitsablauf 22222202 20 Dreamweaver Site definieren 22 22 2222 ceeeeeeeeeeseesneennennenenn 20 Beispieldateien kopieren 2 2222 cceeeeeeeeeeeeeeeeenee nenn 21 Mit dem Assistenten zur Site Definition einen lokalen Ordner definieren 21 Remote Ordner definieren 2 2222 2e2ceeeseeneeneenenssenenenn 25 Lokale Dateien hochladen 2 222222 cseeeeeeeeeeeneneneneneen 27 KAPITEL 3 Tutorial Eine statische Seite erstellen 2 2222222200 29 Eine neue Seite ffnen und speichern 2222 eeeeeeeeeee nennen 29 Einen Bild Platzhalter hinzuf gen 2 22eesseeeeeeeeennenne nn 31 Einen Seitentitel festlegen 0 0 0 ar 33 Mit einem Stil versehenen Text hinzuf gen sense eeeeeneenn nen 33 Textihirizuf gen
54. 2ccceeeeeeeeeeennen 80 Dateien anden Server k pieren Au 2 e 0200202 20 en i e iai AvA 82 Erg nzende Themen esist esre ikad Kaiko nn ia sen ar 82 KAPITEL 8 Webserver installieren 2222222222eeneeneeneenennen 85 Erste Schritte uch ae en se he 86 Personal Web Server installieren 22222222ceeeeeeeeeeeeeennenn 86 Internet Information Server installieren 222222 nenn 87 PWS oder 1IS testen 0 0 a ar ss a Des E 87 Macintosh Webserver testen PHP Entwickler 222222 cc ces 88 Grundlagen zum Webserver 2 2 2 2 ceeeeeeeeeeeeeeeeeeeeeeneennenn 88 KAPITEL 9 ColdFusion Beispiel Site installieren 22222202220 91 Setup Checklisten f r ColdFusion Entwickler 22222222eeeeeecnenn 91 System konfigurieren ColdFusion 22222cceeeeeeeeeeeennen 92 ColdFusion MX installieren 222222ccceeeeeeeeeeeeeeeennenn 93 Stammordner erstellen 4 randenie sn nn ns 93 Eine Dreamweaver Site definieren ColdFusion 2 222222222 ecunu 95 Beispieldateien kopieren 22ccceeeeeeeeeeeeee een nenn 95 Lokalen Ordner definieren sa sissioni ie a Ea nennen 96 Remote Ordner definieren nenn nenn 96 Ordner f r die Verarbeitung dynamischer Seiten festlegen 97 Beispieldateien hochladen enren 98 Verbindung mit der Beispieldatenbank herstellen ColdFusion 98 Datenbank einrichten Remote Computer als Server 2222200 99 ColdFusion Datenquellen er
55. Code und Entwurfsansicht anzeigen Dateiverwaltung Entwurfsansicht anzeigen Vorschau Debug im Browser gt Code Teilen Design Titel Unbenanntes Dokument Io c B lt Serverdebug Ansichtsoptionen Dokumenttitel Entwurfsansicht aktualisieren 2 W hlen Sie im Textfeld Titel den Text Unbenanntes Dokument aus und dr cken Sie die R cktaste Windows bzw die R ckschritttaste Macintosh Geben Sie anschlie end einen Titel f r die Seite ein beispielsweise Homepage f r Trio Motors Dr cken Sie dann die Eingabetaste Windows bzw den Zeilenschalter Macintosh damit der Seitentitel in der Titelleiste des Fensters aktualisiert wird 3 Speichern Sie die Seite Mit einem Stil versehenen Text hinzuf gen Sie k nnen Text im Dokumentfenster eingeben oder aus einer anderen Quelle wie einer Microsoft Word Datei kopieren und dann einf gen Anschlie end k nnen Sie den Text mit CSS Stilen formatieren Bevor Sie mit der Texteingabe beginnen stellen Sie sicher dass die Entwurfsansicht aktiv ist W hlen Sie dazu Ansicht gt Entwurf Text hinzuf gen Wenn Sie in der Entwurfsansicht Text eingeben und formatieren erstellt Dreamweaver den zugrunde liegenden HTML Code der Seite Wenn Sie den Code direkt eingeben m chten verwenden Sie die Codeansicht Einzelheiten zur Codeansicht finden Sie unter Tutorial Code bearbeiten auf Seite 41 Die mit Dreamweaver gelieferten vordefinierten Seiten enthalten
56. E Vorname Textfeld Text LAST_NAME Nachname Textfeld Text EMAIL E Mail Textfeld Text COMMENTS Kommentare Textbereich Text Beschriftung Kommentare Anzeigen als Textbereich Senden als Text Standardwert a Klicken Sie auf OK um das Dialogfeld zu schlie en und das Einf geformular f r Datens tze zu erstellen Das Anwendungsobjekt Einf geformular f r Datens tze wird in das Dokument eingef gt Speichern Sie die Seite Ein Formular zum Einf gen von Datens tzen erstellen 81 Dateien an den Server kopieren Nun kopieren Sie die aktualisierten Seiten an den Server Zeigen Sie nach dem Kopieren der Dateien die Einf geseite f r Datens tze an f gen Sie einen Kommentar oder eine Frage hinzu und senden Sie die Daten ab um die Anwendung zu testen 1 W hlen Sie im Bedienfeld Dateien das Dokument comments add aus und klicken Sie dann auf das blaue Pfeilsymbol f r Dateien bereitstellen um die lokale Datei auf den Server zu kopieren 2 Wenn Dreamweaver Sie fragt ob Sie abh ngige Dateien auf den Server kopieren m chten w hlen Sie Ja Hinweis Bei einigen Servermodellen erstellt Dreamweaver in Ihrem lokalen Ordner einen Ordner namens Connections Wenn die Webanwendung ordnungsgem funktionieren soll m ssen Sie auch diesen Ordner auf den Remote Server kopieren W hlen Sie im Bedienfeld Dateien den Ordner Connections aus und klicken Sie dann auf die Schaltfl che Datei en bere
57. Einf gen Men 16 Einrichten ASP 111 ASPNET 101 ColdFusion 91 JSP 123 PHP 135 Sites 19 Elemente zu einer Site hinzuf gen 21 entfernte Ordner definieren 96 106 118 129 144 Entfernte Webserver 56 Entwurfsansicht 42 Entwurfsansicht aktualisieren Schaltfl che 42 Erstellen CSS Stylesheets 35 Datensatzgruppen 72 Seiten 29 Stammordner ASP 116 Stammordner ASPNET 104 Stammordner ColdFusion 93 Stammordner JSP 127 Stammordner PHP 140 wiederholte Bereiche 77 Extrahieren von Daten aus Datenbanken 61 F Farbauswahl 39 Farben ausw hlen 39 Farben ndern 38 Fehlerbehebung 142 ASP 115 dynamische Seiten Vorschau in Browser 98 107 120 131 145 Live Data Ansicht 98 107 120 131 145 PHP 139 PHP Macintosh 142 Seiten werden nicht angezeigt 115 139 Seiten werden nicht ge ffnet 87 Server 85 87 Felder dynamisch 76 Fenster Men 16 Formatieren von Text 35 FTP File Transfer Protocol 26 Funktionen von Dreamweaver 9 Index 151 G Glossar allgemeiner Begriffe f r Webanwendungen 66 grafische Hyperlinks 52 Griff zum Ziehen einer Bedienfeldgruppe 16 Gruppen von Bedienfeldern 16 H Hauptseite 15 Hilfe Men 16 Hilfesystem 9 Hintergrundfarben ndern 38 Hintergrundfarben festlegen 38 Hinzuf gen Elemente zu einer Site 21 Stile zu Text 35 Text zu einer Seite 33 Hochladen von Dateien 27 98 107 120 131 145 HomeSite 14 43 HTML eingebettete Programmiersprache 64 importieren 34 Siehe auch Co
58. Fusion Studio benutzen k nnen Sie sich eine Dreamweaver Site wie eine HomeSite oder Studioprojekt vorstellen So definieren Sie eine Dreamweaver Site 1 Kopieren Sie die Beispieldateien in einen Ordner auf der Festplatte siehe Beispieldateien kopieren auf Seite 105 2 Definieren Sie den Ordner als lokalen Dreamweaver Ordner siehe Lokalen Ordner definieren auf Seite 105 3 Definieren Sie Ihren Stammordner auf dem Webserver als Remote Ordner f r Dreamweaver siehe Remote Ordner definieren auf Seite 106 4 Definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten siehe Ordner f r die Verarbeitung dynamischer Seiten festlegen auf Seite 106 5 Laden Sie die Beispieldateien an den Webserver hoch siehe Beispieldateien hochladen auf Seite 107 104 Kapitel 10 ASP NET Beispiel Site installieren Beispieldateien kopieren Kopieren Sie die Beispieldateien aus dem Dreamweaver Anwendungsordner in einen Ordner auf der Festplatte sofern Sie dies nicht bereits durchgef hrt haben So kopieren Sie die Beispieldateien fan Erstellen Sie im Benutzerordner auf Ihrer Festplatte einen neuen Ordner namens Sites Lokal Der Ordner kann zum Beispiel an einem der folgenden Pfade erstellt werden m C Dokumente und Einstellungen hr_Benutzername Eigene Dateien Sites Lokal Windows a Benutzer Ihr_BenutzernamelDokumente Sites Lokal Macintosh Hinweis Auf dem Macintosh existiert in Ihrem Benutzer
59. IMS DREAMWEAVERMX Erste Schritte mit Dreamweaver Marken Add Life to the Web Afterburner Aftershock Andromedia Allaire Animation PowerPack Aria Attain Authorware Authorware Star Backstage Bright Tiger Clustercats Cold Fusion Contribute Design in Motion Director Dream Templates Dreamweaver Drumbeat 2000 EDJE EJIPT Extreme 3D Fireworks Flash Fontographer FreeHand Generator HomeSite JFusion JRun Kawa Know Your Site Knowledge Objects Knowledge Stream Knowledge Track LikeMinds Lingo Live Effects MacRecorder Logo und Design Macromedia Macromedia Action Macromedia Flash Macromedia M Logo und Design Macromedia Spectra Macromedia xRes Logo und Design MacroModel Made with Macromedia Made with Macromedia Logo und Design MAGIC Logo und Design Mediamaker Movie Critic Open Sesame Roundtrip HTML Shockwave Sitespring SoundEdit Titlemaker UltraDev Web Design 101 what the web can be und Xtra sind Marken oder eingetragene Marken von Macromedia Inc und sind eventuell in den USA oder in anderen Gerichtsbarkeiten eingetragen 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 Informationen zu Drittparteien Dieses Handbuch enth lt Verweise auf Websites andere
60. Ihrem Benutzerordner Verwenden Sie diesen Sites Ordner nicht als lokalen Ordner Der Sites Ordner ist der Ordner in dem Sie Ihre Seiten ablegen um sie ffentlich zug nglich zu machen wenn Sie den Macintosh als Webserver einsetzen Suchen Sie den Ordner GettingStarted im Dreamweaver Anwendungsordner auf der Festplatte Wenn Sie Dreamweaver am Standardspeicherort installiert haben hat dieser Ordner den folgenden Pfad a C Programme Macromedia Dreamweaver MX 2004 Samples GettingStarted Windows m Programme Macromedia Dreamweaver MX 2004 Samples GettingStarted Macintosh Kopieren Sie den Ordner GettingStarted in den Ordner Sites Lokal Definieren Sie den Ordner GettingStarted nach dem Kopieren als lokalen Dreamweaver Ordner 128 Kapitel 12 JSP Beispiel Site installieren Lokalen Ordner definieren Definieren Sie nach dem Kopieren des Ordners GettingStarted den Ordner in dem sich die JSP Beispieldateien befinden als lokalen Dreamweaver Ordner So definieren Sie den lokalen Dreamweaver Ordner 1 W hlen Sie in Dreamweaver Site gt Sites verwalten Klicken Sie im Dialogfeld Sites verwalten auf die Schaltfl che Neu und anschlie end auf Site Das Dialogfeld Site Definition wird eingeblendet N Wenn die Registerkarte Grundeinstellungen angezeigt wird klicken Sie auf die Registerkarte Erweitert Geben Sie im Textfeld Site Name Trio JSP ein Dieser Name identifiziert Ihre Site innerhalb von Dreamweaver w A
61. L Pr fix ist jedoch m glicherweise nicht korrekt Korrigieren Sie das Pr fix bei Bedarf bzw geben Sie ein neues ein Weitere Informationen finden Sie unter URL Pr fix im Hilfethema Dreamweaver verwenden Wenn der im Textfeld Remote Ordner festgelegte Ordner C Inetpub wwwroot MySampleApp lautet sollte das URL Pr fix folgenderma en aussehen http localhost MySampleApp Tipp Das URL Pr fix sollte immer ein Verzeichnis angeben und nicht eine bestimmte Seite auf der Site Achten Sie au erdem darauf dass Sie dieselbe Schreibweise Gro und Kleinschreibung wie beim Erstellen des Ordners verwenden 5 Klicken Sie auf OK um die Site zu definieren und das Dialogfeld Sitedefinition zu schlie en Klicken Sie dann auf Fertig um das Dialogfeld Sites verwalten zu schlie en Nachdem Sie einen Ordner f r die Verarbeitung dynamischer Seiten festgelegt haben laden Sie die Beispieldateien an den Webserver hoch Beispieldateien hochladen Nachdem Sie einen Ordner f r die Verarbeitung dynamischer Seiten festgelegt haben laden Sie die Beispieldateien an den Webserver hoch Sie m ssen die Dateien auch dann hochladen wenn der Webserver auf dem lokalen Computer ausgef hrt wird Wenn Sie die Dateien nicht hochladen k nnen Funktionen wie die Live Data Ansicht oder die Vorschau im Browser m glicherweise nicht auf dynamische Seiten angewendet werden So sind m glicherweise die Bild Hyperlinks in der Live Data Ansicht unterbroch
62. Ordner GettingStarted Wenn Sie Dreamweaver am Standardspeicherort installiert haben hat dieser Ordner den folgenden Pfad a C Programme Macromedia Dreamweaver MX 2004 Samples GettingStarted Windows m Programme Macromedia DreamweaverMX 2004 Samples GettingStarted Macintosh Kopieren Sie den Ordner GettingStarted in den Ordner Sites Lokal Definieren Sie den Ordner GettingStarted nach dem Kopieren als lokalen Dreamweaver Ordner Eine Dreamweaver Site definieren ColdFusion 95 Lokalen Ordner definieren Definieren Sie im Anschluss an das Kopieren des Ordners GettingStarted den Ordner in dem sich die ColdFusion Beispieldateien befinden als lokalen Dreamweaver Ordner So definieren Sie den lokalen Dreamweaver Ordner 1 W hlen Sie in Dreamweaver Site gt Sites verwalten Klicken Sie im Dialogfeld Sites verwalten auf die Schaltfl che Neu und anschlie end auf Site Das Dialogfeld Site Definition wird eingeblendet N Wenn die Registerkarte Grundeinstellungen angezeigt wird klicken Sie auf die Registerkarte Erweitert Geben Sie im Textfeld Site Name Trio ColdFusion ein Dieser Name identifiziert Ihre Site innerhalb von Dreamweaver w A Klicken Sie auf das Ordnersymbol neben dem Textfeld des lokalen Stammordners und w hlen Sie dann im Ordner GettingStarted den Ordner mit den ColdFusion Beispieldateien aus Der Ordner sollte den folgenden Pfad haben m C Dokumente und Einstellungen hr_Benutzername Eigene Dat
63. SP NET werden Datensatzgruppen als Datens tze bezeichnet Eine Datenbankabfrage ist ein Verfahren mit dem Sie Daten von einer Datenbank anfordern Dies erfolgt unter Verwendung der angegebenen Suchkriterien und wird normalerweise in der Datenbanksprache SQL durchgef hrt Die extrahierten Daten verwenden Sie anschlie end als Inhaltsquelle f r Ihre dynamischen Seiten Dreamweaver MX 2004 verf gt ber eine benutzerfreundliche Oberfl che zur Erstellung einfacher SQL Abfragen Sie ben tigen daher keine SQL Kenntnisse um Datensatzgruppen in Dreamweaver zu erstellen Sie erstellen einen Datensatz mit dem alle Werte aus der COMMENTS Tabelle in der Trio Datenbank ausgew hlt werden Hinweis Bevor Sie dieses Verfahren durchf hren k nnen m ssen Sie eine Verbindung mit der Datenbank einrichten Weitere Informationen finden Sie unter Bevor Sie beginnen auf Seite 7O 1 Setzen Sie in Dreamweaver die Einf gemarke im Dokument comments view an die Stelle an der Sie die Daten anzeigen m chten 2 ffnen Sie das Dialogfeld Datensatzgruppe bzw Datensatz bei ASP NET indem Sie einen der folgenden Schritte durchf hren m Klicken Sie in der Einf geleiste in der Kategorie Anwendung auf die Schaltfl che Datensatzgruppe bzw Datensatz bei ASPNET m W hlen Sie Fenster gt Bindungen um das Bedienfeld Bindungen zu ffnen Klicken Sie dann auf die Schaltfl che mit dem Pluszeichen und w hlen Sie Datensatzgruppe bzw Datensatz f r
64. Seite 9 Wechseln Sie zum Dokument divs css ber das Men Fenster und speichern Sie auch dieses Dokument Dreamweaver hat das Stylesheet divs css beim ndern der Hintergrundfarbe automatisch ge ffnet da die Farbe in diesem Stylesheet definiert ist Erg nzende Themen Weitere Angaben zu den in diesem Tutorial beschriebenen Funktionen finden Sie im Hilfethema Dreamweaver verwenden Erg nzende Themen 39 40 Kapitel 3 Tutorial Eine statische Seite erstellen KAPITEL 4 Tutorial Code bearbeiten Wenn Sie Text Bilder oder anderen Inhalt hinzuf gen erstellt Dreamweaver MX 2004 den entsprechenden HTML Code In diesem Tutorial erfahren Sie wie Sie in der Codeansicht den einem Dokument zugrunde liegenden Code anzeigen und den Code manuell erg nzen und bearbeiten k nnen Wenn Sie Ihre Site bereits eingerichtet und das vorhergehende Tutorial Tutorial Eine statische Seite erstellen auf Seite 29 abgeschlossen haben k nnen Sie die Arbeit mit dem gleichen Ordner und den gleichen Dateien fortsetzen Aber auch wenn Sie das vorhergehende Tutorial nicht abgeschlossen haben k nnen Sie das vorliegende Tutorial durcharbeiten Richten Sie zun chst Ihre Site gem den Anleitungen in Site einrichten auf Seite 19 ein Bearbeiten Sie dann im Rahmen dieses Tutorials die Dateien im Ordner 2 Code Die Dateien im Ordner 2 Code befinden sich genau in dem Zustand den sie nach Abschluss des vorhergehenden Tutorials hab
65. Seite 21 erstellt haben Geben Sie den Dateinamen index html ein Klicken Sie auf Speichern um die Datei im Ordner 1 Design zu speichern Der Dateiname wird nun in Klammern hinter den W rtern Unbenanntes Dokument in der Titelleiste des Fensters angezeigt 30 Kapitel 3 Tutorial Eine statische Seite erstellen Einen Bild Platzhalter hinzuf gen Nun erstellen Sie einen Platzhalter f r die Bilder die Sie sp ter einf gen So f gen Sie einen Bild Platzhalter hinzu 1 Platzieren Sie den Mauszeiger am Anfang der Haupttextspalte unmittelbar vor dem Wort Title und dr cken Sie die Eingabetaste Windows bzw den Zeilenschalter Macintosh um vor dem Titel eine neue Zeile einzuf gen Klicken Sie dann in die neue leere Zeile Lorem Ipsum Dolor Ne a Lore Title dolo cons Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec adip molestie Sed aliquam sem ut arcu Phasellus sollicitudin o7 Vestibulum condimentum facilisis nulla In hac habitasse platea mole dichimet Nilla nanmimmy Cras enie lihera Cras wenenatie aliqu Die Einf gemarke sollte sich nun auf einer separaten Zeile befinden Falls dies nicht der Fall ist setzen Sie die Einf gemarke in die leere Zeile 2 W hlen Sie Einf gen gt Grafikobjekte gt Bild Platzhalter 3 Geben Sie im Dialogfeld Bild Platzhalter den Namen f r den Platzhalter ein beispielsweise SplashImage Hinweis Die Namen von Platzhaltern m ssen mit einem Bu
66. Setup Checklisten f r ASP Entwickler auf Seite 111 e System konfigurieren ASP auf Seite 112 e Eine Dreamweaver Site definieren ASP auf Seite 117 e Verbindung mit der Beispieldatenbank herstellen ASP auf Seite 120 Setup Checklisten f r ASP Entwickler Zum Einrichten einer Webanwendung m ssen Sie Ihr System konfigurieren eine Dreamweaver Site definieren und eine Verbindung mit einer Datenbank herstellen Im vorliegenden Abschnitt finden Sie eine Checkliste f r jede dieser Aufgaben Die Aufgaben werden im restlichen Kapitel genauer beschrieben System konfigurieren 1 Sorgen Sie daf r dass Sie einen Webserver zur Verf gung haben 2 Installieren Sie einen Anwendungsserver 3 Testen Sie Ihre Installation 4 Erstellen Sie einen Stammordner m Dreamweaver Site definieren 1 Kopieren Sie die Beispieldateien in einen Ordner auf der Festplatte 2 Definieren Sie den Ordner als lokalen Dreamweaver Ordner 3 Definieren Sie einen Webserver Ordner als Dreamweaver Remote Ordner 4 Definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten 5 Laden Sie die Beispieldateien an den Webserver hoch Verbindung mit der Datenbank herstellen 1 Wenn Sie einen Remote Computer als Server verwenden kopieren Sie die Beispieldatenbank auf den Remote Computer 2 Erstellen Sie die Verbindung in Dreamweaver System konfigurieren ASP Dieser Abschnitt enth lt Anleitungen f r zwei allgemeine Systemkonf
67. Shield zu installieren und IIS oder PWS zu konfigurieren So installieren Sie PHP unter Windows 1 Melden Sie sich bei Bedarf als Administrator bei Windows an 2 Schlie en Sie alle ge ffneten Anwendungen 3 Doppelklicken Sie auf die Installationsdatei die Sie von der PHP Website heruntergeladen aben 4 Folgen Sie den Anweisungen des Installationsprogramms Im Anschluss an die Installation werden Sie m glicherweise aufgefordert das System oder den Server neu zu starten aber eventuell k nnen Sie PHP auch sofort verwenden Weitere Informationen zur Serverkonfiguration finden Sie in der PHP Dokumentation die Sie von der PHP Website unter www php net download docs php herunterladen k nnen Im Anschluss an die Installation von PHP k nnen Sie den Server testen um sicherzustellen dass er ordnungsgem funktioniert 138 Kapitel 13 PHP Beispiel Site installieren PHP Installation testen Windows Sie k nnen den PHP Anwendungsserver testen indem Sie eine Testseite ausf hren So testen Sie den PHP Anwendungsserver 1 Erstellen Sie in Dreamweaver oder einem beliebigen Texteditor eine einfache Textdatei namens timetest php 2 Geben Sie in der Datei den folgenden Code ein lt p gt This page was created at lt b gt lt php echo date h i s a time gt lt b gt on the computer running PHP lt p gt Dieser Code zeigt die Uhrzeit an zu der die Seite auf dem Server verarbeitet wurde 3 Kopieren Sie die Dat
68. Sie die Dateien auf und vom Server verschieben wollen ber ein lokales Netzwerk Option Lokal Netzwerk oder durch FTP Hinweis Es gibt noch weitere Optionen im Zugriffs Popupmen diese werden aber nicht in diesem Kapitel beschrieben Weitere Informationen hierzu finden Sie im Hilfethema Dreamweaver verwenden 3 Geben Sie den Pfad bzw die FTP Einstellungen des Webserver Ordners ein den Sie im Abschnitt Stammordner erstellen Windows auf Seite 140 erstellt haben Der Ordner kann sich auf der lokalen Festplatte oder auf einem Remote Computer befinden Auch wenn Sie den Ordner auf der Festplatte erstellt haben kann er als g ltiger Remote Ordner verwendet werden Das folgende Beispiel zeigt einen m glichen Remote Ordnerpfad wenn Sie den Zugriff ber Lokal Netzwerk w hlen und sich der Remote Ordner auf Ihrer Windows Festplatte befindet Remote Ordner C Inetpub wwwroot MySampleApp Beim Macintosh sollte dieser Ordner den folgenden Pfad aufweisen Remote Ordner Benutzer Ihr_Benutzername Sites MySampleApp Weitere Informationen ber FTP finden Sie unter Remote Informationen f r den FTP Zugriff einstellen im Hilfethema Dreamweaver verwenden Lassen Sie das Dialogfeld Site Definition ge ffnet und definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten Ordner f r die Verarbeitung dynamischer Seiten festlegen PHP Nachdem Sie den Dreamweaver Remote Ordner definiert haben m ssen Sie eine
69. _BenutzernamelDokumente Sites Lokal Macintosh Hinweis Auf dem Macintosh existiert bereits ein Ordner namens Sites in Ihrem Benutzerordner Verwenden Sie diesen Sites Ordner nicht als lokalen Ordner Der Sites Ordner ist der Ordner in dem Sie Ihre Seiten ablegen um sie ffentlich zug nglich zu machen wenn Sie den Macintosh als Webserver einsetzen Suchen Sie den Ordner GettingStarted im Dreamweaver Anwendungsordner auf der Festplatte Wenn Sie Dreamweaver am Standardspeicherort installiert haben hat dieser Ordner den folgenden Pfad a C Programme Macromedia Dreamweaver MX 2004 Samples GettingStarted Windows m Programme Macromedia Dreamweaver MX 2004 Samples GettingStarted Macintosh Kopieren Sie den Ordner GettingStarted in den Ordner Sites Lokal Definieren Sie den Ordner GettingStarted nach dem Kopieren als lokalen Dreamweaver Ordner Lokalen Ordner definieren Definieren Sie im Anschluss an das Kopieren des Ordners GettingStarted den Ordner in dem sich die ASP Beispieldateien befinden als lokalen Dreamweaver Ordner Eine Dreamweaver Site definieren ASP 117 So definieren Sie den lokalen Dreamweaver Ordner 1 N Ww is W hlen Sie in Dreamweaver Site gt Sites verwalten Klicken Sie im Dialogfeld Sites verwalten auf die Schaltfl che Neu und anschlie end auf Site Das Dialogfeld Site Definition wird eingeblendet Wenn die Registerkarte Grundeinstellungen angezeigt wird klicken Sie auf die R
70. ab 4 Speichern Sie die Seite Einen wiederholten Bereich festlegen TT Seiten anzeigen Im n chsten Schritt zeigen Sie die Seite an In der Live Data Ansicht von Dreamweaver k nnen Sie sehen wie die Seite angezeigt wird wenn sie von einem Server verarbeitet wurde Lassen Sie das Dokument comments view weiterhin aktiv und f hren Sie einen der folgenden Schritte durch um die Daten in Ihren Seiten anzuzeigen e Klicken Sie in der Symbolleiste des Dokuments auf die Schaltfl che Live Data Ansicht e W hlen Sie Ansicht gt Live Data Die Seite wird aktualisiert und enth lt nun Daten die aus der Datenbank extrahiert wurden Customer Comments Previews amp More Vorname Nachname E Mail Kommentare y Kommentere EA S Haben Sie auch samstags ge ffnet L Danke f r den tollen Service Dieter Dietrich dd worldly com Sachiko Matsuda sachi web net Ein Formular zum Einf gen von Datens tzen erstellen Mit der n chsten Seite die Sie f r die Trio Website erstellen k nnen Kunden der Datenbank einen Kommentar hinzuf gen Dreamweaver verf gt ber mehrere Anwendungsobjekte mit denen Sie die Seiten f r Webanwendungen schnell und einfach erstellen k nnen Auch f r die Erstellung der Einf geseite verwenden Sie ein Anwendungsobjekt Das Anwendungsobjekt Datensatz einf gen erstellt ein HTML Formular und Datenfelder die den Feldern in der Datenbank entsprechen sowie die erforderlichen Servers
71. aben Das vorgeschlagene URL Pr fix ist jedoch m glicherweise nicht korrekt Korrigieren Sie das Pr fix bei Bedarf bzw geben Sie ein neues ein Weitere Informationen finden Sie unter URL Pr fix im Hilfethema Dreamweaver verwenden Wenn der im Textfeld Remote Ordner festgelegte Ordner C Inetpub wwwroot MySampleApp lautet sollte das URL Pr fix folgenderma en aussehen http localhost MySampleApp Tipp Das URL Pr fix sollte immer ein Verzeichnis angeben und nicht eine bestimmte Seite auf der Site Achten Sie au erdem darauf dass Sie dieselbe Schreibweise Gro und Kleinschreibung wie beim Erstellen des Ordners verwenden 5 Klicken Sie auf OK um die Site zu definieren und das Dialogfeld Sitedefinition zu schlie en Klicken Sie dann auf Fertig um das Dialogfeld Sites verwalten zu schlie en Nachdem Sie einen Ordner f r die Verarbeitung dynamischer Seiten festgelegt haben laden Sie die Beispieldateien an den Webserver hoch Eine Dreamweaver Site definieren ASP 119 Beispieldateien hochladen Nachdem Sie einen Ordner f r die Verarbeitung dynamischer Seiten festgelegt haben laden Sie die Beispieldateien an den Webserver hoch Sie m ssen die Dateien auch dann hochladen wenn der Webserver auf dem lokalen Computer ausgef hrt wird Wenn Sie die Dateien nicht hochladen k nnen Funktionen wie die Live Data Ansicht oder die Vorschau im Browser m glicherweise nicht auf dynamische Seiten angewendet werden So
72. achrichten html angezeigt wird Die Titelleiste sollte den Text Trio Motors Home Page enthalten gefolgt von einem Ordnernamen und einem Dateinamen Der Dateiname sollte Nachrichten html lauten oder der Name den Sie der Datei im vorigen Abschnitt zugewiesen haben 2 W hlen Sie auf der Seite Nachrichten html in der Haupttextspalte das Bild des Autos aus und dr cken Sie die R cktaste Windows bzw die R ckschritttaste Macintosh Das Bild wird gel scht 3 Klicken Sie dreimal auf die berschrift in der Haupttextspalte Watch the ZX2002 Launch Webcast um sie auszuw hlen Geben Sie dann eine neue berschrift ein wie beispielsweise News 4 Wechseln Sie zum Bedienfeld Dateien um die Datei newsltem txt im Ordner Assets zu suchen Doppelklicken Sie auf das Symbol der Datei um die Datei in Dreamweaver zu ffnen Der Inhalt dieser Datei kann in die Hauptspalte der Nachrichtenseite eingef gt werden 5 W hlen Sie bei aktiviertem Dokumentfenster der Datei newsltem txt die Befehle Bearbeiten gt Alles ausw hlen damit der gesamte Inhalt der Datei markiert wird 50 Kapitel 5 Tutorial Seiten verkn pfen und in der Vorschau anzeigen 6 Dr cken Sie lt Strg gt lt C gt Windows bzw lt Befehl gt lt C gt Macintosh um den gesamten Inhalt zu kopieren 7 Schlie en Sie das Dokumentfenster der Datei newsltem txt 8 Wechseln Sie wieder zum Dokumentfenster der Datei Nachrichten html Dreifachklicken Sie auf d
73. alen Ordner definieren F r dieses Dialogfeld stehen zwei Anzeigearten zur Verf gung Grundeinstellungen oder Erweitert Wenn Sie Grundeinstellungen verwenden werden Sie schrittweise durch die Site Definition geleitet Wenn Sie es vorziehen die Site Informationen ohne Hilfe zu bearbeiten k nnen Sie jederzeit auf die Registerkarte Erweitert klicken Im Folgenden wird beschrieben wie Sie die Optionen in der Dialogfeldversion Grundeinstellungen festlegen die auch als Site Definitions Assistent bezeichnet wird Wenn Sie Einzelheiten zum Festlegen der Optionen in der Version Erweitert ben tigen klicken Sie auf die Registerkarte Erweitert und dann auf die Schaltfl che Hilfe Wenn Sie bereits ber eine Website auf einem Remote Server verf gen und Sie diese Site bearbeiten m chten statt die Beispieldateien zu verwenden finden Sie weitere Informationen unter Vorhandene Websites in Dreamweaver bearbeiten im Hilfethema Dreamweaver verwenden Hilfe gt Dreamweaver verwenden Dreamweaver Site definieren 21 So definieren Sie eine Site 1 Starten Sie Dreamweaver 2 W hlen Sie Site gt Sites verwalten d h klicken Sie im Men Site auf Sites verwalten Das Dialogfeld Sites verwalten wird angezeigt 3 Klicken Sie im Dialogfeld Sites verwalten auf Neu und klicken Sie dann im Popupmen auf Site Das Dialogfeld Site Definition wird eingeblendet 4 Wenn die Registerkarte Erweitert des Dialogfelds angezeigt wird klicken Sie a
74. altsverzeichnis EINF HRUNG Willkommen bei Dreamweaver Dieses Handbuch enth lt eine Einf hrung in Macromedia Dreamweaver MX 2004 f r Benutzer die mit den Grundkonzepten noch nicht vertraut sind Die Tutorials in diesem Handbuch f hren Sie Schritt f r Schritt durch die Erstellung einer einfachen aber funktionsf higen Website Dreamweaver MX 2004 ist ein professioneller HTML Editor zur Gestaltung Codierung und Entwicklung von Websites Webseiten und Webanwendungen In Dreamweaver stehen Ihnen leistungsf hige kreativit tsf rdernde Werkzeuge zur Verf gung die Sie in der visuellen Entwicklungsumgebung aber auch beim manuellen Erstellen von Code einsetzen k nnen Mithilfe der visuellen Bearbeitungsfunktionen von Dreamweaver k nnen Sie Webseiten im Handumdrehen erstellen ohne eine einzige Zeile Code schreiben zu m ssen Und wenn Sie Code lieber manuell erstellen bietet Dreamweaver auch hierf r viele geeignete Werkzeuge und Funktionen Dreamweaver hilft Ihnen auch beim Erstellen dynamischer datenbankgest tzter Webanwendungen unter Verwendung von Serversprachen wie ASB ASP NET CFML ColdFusion Markup Language JSP und PHP Hinweis In diesem Handbuch werden jedoch nicht alle Funktionen von Dreamweaver MX 2004 beschrieben und es bietet auch keine Einf hrung in das Webdesign Ausf hrlichere Informationen zu Dreamweaver finden Sie in der Dreamweaver Hilfe w hlen Sie im Men Hilfe die Option Dreamweaver verwenden Dieses Kap
75. as Betriebssystem selbst f r mehrere Benutzer konfiguriert ist Wenn Sie Dreamweaver erneut installieren oder aktualisieren nachdem Sie Dreamweaver MX 2004 installiert haben erstellt Dreamweaver automatisch Sicherungskopien der vorhandenen benutzerspezifischen Konfigurationsdateien Wenn Sie diese Dateien manuell angepasst haben bleiben Ihre nderungen also erhalten Informationen zur manuellen Anpassung der Konfigurationsdateien finden Sie unter Dreamweaver anpassen im Hilfethema Dreamweaver erweitern Hilfe gt Erweiterungen gt Dreamweaver erweitern Wenn Sie Dreamweaver unter einem Mehrbenutzer Betriebssystem deinstallieren l scht Dreamweaver alle benutzerspezifischen Konfigurationsordner MX Dreamweaver 2004 registrieren Um zus tzliche Unterst tzung von Macromedia zu erhalten sollten Sie Ihre Kopie von Macromedia Dreamweaver MX 2004 auf elektronischem Weg oder per Post registrieren Wenn Sie sich registrieren k nnen Sie gleich die neuesten Informationen ber aktuelle Programmversionen und Produkte von Macromedia abonnieren ber die Websites www macromedia com und www euro macromedia com k nnen Sie sich Informationen ber aktuelle Programmversionen und neue Inhalte auch per E Mail zusenden lassen F hren Sie einen der folgenden Schritte aus um Macromedia Dreamweaver MX 2004 zu registrieren e W hlen Sie Hilfe gt Aktivierung gt Online Registrierung und f llen Sie das elektronische Formular aus e
76. as entsprechende Dialogfeld wird eingeblendet W hlen Sie Basis und klicken Sie im Kontextmen auf Eigenschaften Das Dialogfeld Verzeichnis bearbeiten wird angezeigt Vergewissern Sie sich dass die Lese und Skriptberechtigungen aktiviert sind Aus Sicherheitsgr nden sollten Sie die Option Ausf hren nicht w hlen m Wenn Sie IIS verwenden starten Sie die IIS Verwaltung klicken Sie in Windows XP auf Start gt Systemsteuerung oder auf Start gt Einstellungen gt Systemsteuerung doppelklicken Sie dann auf Verwaltung und doppelklicken Sie auf Internet Informationsdienste Erweitern Sie die Liste Lokaler Computer dann den Ordner Websites und anschlie end den Ordner Standardwebsite Klicken Sie mit der rechten Maustaste auf den Ordner MySampleApp und klicken Sie dann im Popupmen auf Eigenschaften Sorgen Sie daf r dass im Popupmen Ausf hrberechtigungen die Option Nur Skripts ausgew hlt ist Aus Sicherheitsgr nden sollten Sie die Option Skripts und ausf hrbare Dateien nicht w hlen Klicken Sie dann auf OK Der Webserver ist nun so konfiguriert dass er die Webseiten in Ihrem Stammordner an einen Webbrowser bertragen kann wenn diese ber eine HT TP Anforderung abgerufen werden Im Anschluss an die Konfiguration des Systems m ssen Sie eine Dreamweaver Site definieren 116 Kapitel 11 ASP Beispiel Site installieren Eine Dreamweaver Site definieren ASP Im Anschluss an die Konfiguration Ihres System m ssen Sie
77. aste Windows bzw den Zeilenschalter Macintosh Wechseln Sie zum Bedienfeld Dateien und suchen Sie darin die Datei previewsltem doc im Ordner Assets Doppelklicken Sie auf das Symbol der Datei um sie in Microsoft Word zu ffnen Wenn Sie nicht mit Microsoft Word arbeiten k nnen Sie die HTML Version previewsltem html der Datei in Dreamweaver ffnen Diese Datei enth lt Werbetext f r eine besondere Vorschau bei Trio Motors den Sie in der Randleiste auf der Hauptseite einf gen Wenn Sie Ihre eigene Seite erstellen f gen Sie hier Ihren Inhalt ein der in Form einer Word oder Textdatei auch aus anderen Quellen stammen kann Klicken Sie in Microsoft Word oder dem Dokumentfenster der Datei previewsltem html auf Bearbeiten gt Alles markieren damit der gesamte Inhalt der Datei markiert wird Dr cken Sie lt Strg gt lt C gt Windows bzw lt Befehl gt lt C gt Macintosh um den gesamten Inhalt zu kopieren Schlie en Sie die Seite previewsltem doc oder previewsltem html mit dem Befehl Datei gt Schlie en 34 Kapitel 3 Tutorial Eine statische Seite erstellen 14 15 16 Wechseln Sie wieder zum Dokument index html in Dreamweaver W hlen Sie den Absatz Lorem ipsum in der Randleiste aus W hlen Sie Bearbeiten gt Einf gen um den Text einzuf gen Dem Text ist im Microsoft Word Dokument der Word Stil sidebar text zugewiesen Beim Einf gen dieses Textstils in ein HTML Dokument erstellt Dream
78. atenbank her Verbindung mit der Beispieldatenbank herstellen ColdFusion 99 Verbindung zur Datenbank herstellen Nachdem Sie eine ColdFusion Datenquelle erstellt haben k nnen Sie damit in Dreamweaver eine Datenbankverbindung herstellen ffnen Sie in Dreamweaver eine ColdFusion Seite und rufen Sie dann das Bedienfeld Datenbanken auf Fenster gt Datenbanken Ihre ColdFusion Datenquellen werden im Bedienfeld angezeigt Wenn die erstellte Datenquelle im Bedienfeld nicht angezeigt wird f hren Sie einen der folgenden Schritte durch e Klicken Sie auf den Hyperlink um bei Bedarf einen RDS Benutzernamen und ein Kennwort einzugeben berpr fen Sie die Verbindungsparameter im ColdFusion Administrator berpr fen Sie die Einstellungen f r den Ordner ber den Dreamweaver dynamische Seiten verarbeitet siehe Ordner f r die Verarbeitung dynamischer Seiten festlegen auf Seite 97 Weitere Informationen finden Sie unter Fehler bei Datenbankverbindungen beheben in der Dreamweaver Hilfe Hilfe gt Dreamweaver verwenden Wenn die Datenquelle namens connTrio im Bedienfeld angezeigt wird ist die ColdFusion Anwendung installiert und bereit f r die Verwendung mit dem Leitfaden Erste Schritte mit Dreamweaver und den Tutorials Weitere Informationen finden Sie unter Tutorial Webanwendungen entwickeln auf Seite 69 100 Kapitel 9 ColdFusion Beispiel Site installieren KAPITEL 10 ASP NET Beispiel Si
79. atzhalter Banner 600 x 41 Nun wird das Dialogfeld Bildquelle ausw hlen angezeigt Stellen Sie sicher dass im Popupmen Relativ zu im unteren Teil des Dialogfelds die Option Dokument angezeigt wird Informationen ber dokumentrelative und stammrelative URLs finden Sie im Hilfethema Dreamweaver verwenden Suchen Sie ein Bild im Ordner Assets aus wie z B images trio_logo jpg Klicken Sie auf OK um das Bild einzuf gen Das Bild wird nun an der Stelle im Dokumentfenster angezeigt an der sich bisher der Platzhalter befand Bilder hinzuf gen 37 6 Klicken Sie in der Hauptspalte auf den Bild Platzhalter SplashImage den Sie im Abschnitt Einen Bild Platzhalter hinzuf gen auf Seite 31 erstellt haben um ihn auszuw hlen F hren Sie keinen Doppelklick aus Sie k nnen das bereits beschriebene Verfahren verwenden um diesen Platzhalter durch ein Bild zu ersetzen Im Folgenden wird jedoch noch eine andere Methode beschrieben 7 Stellen Sie sicher dass das Bedienfeld Dateien und der Eigenschafteninspektor angezeigt werden w hlen Sie Fenster gt Dateien und Fenster gt rn falls sie nicht angezeigt werden und sorgen Sie daf r dass der Platzhalter im Dokumentfenster weiterhin ausgew hlt ist 8 Ziehen Sie im Eigenschafteninspektor das Dateizeigersymbol neben dem Textfeld Quelle in das Bedienfeld Dateien Achten Sie darauf das Dateizeigersymbol neben dem Textfeld Quelle zu ziehen und nicht das n
80. aufgef hrt sind Eine statische Seite ist eine Webseite die zur Laufzeit nicht von einem Anwendungsserver angepasst sondern unmittelbar an den Browser gesendet wird Weitere Informationen finden Sie unter Statische Webseiten verarbeiten auf Seite 59 Terminologie f r Webanwendungen 67 Eine Webanwendung ist eine Website deren Seiteninhalt teilweise oder insgesamt nicht festgelegt ist Der endg ltige Inhalt dieser Seiten wird erst festgelegt wenn der Besucher die Seite vom Webserver anfordert Da sich der endg ltige Inhalt der Seite je nach den Aktionen des Besuchers von Anforderung zu Anforderung ndern kann wird eine solche Seite als dynamische Seite bezeichnet Ein Webserver ist Software die von Webbrowsern angeforderte Webseiten bereitstellt Eine Seitenanforderung wird generiert wenn der Besucher auf einen Hyperlink auf einer Webseite klickt in einem Browser ein Lesezeichen w hlt oder eine URL im Adresstextfeld des Browsers eingibt H ufig verwendete Webserver sind beispielsweise Microsoft Internet Information Server Microsoft Personal Web Server Apache HTTP Server Netscape Enterprise Server und Sun ONE Web Server 68 Kapitel 6 Webanwendungen KAPITEL 7 Tutorial Webanwendungen entwickeln In diesem Tutorial lernen Sie wie Sie mit Macromedia Dreamweaver MX 2004 schnell in das Entwickeln dynamischer datenbankgest tzter Webanwendungen einsteigen k nnen um Informationen aus einer Datenbank auf Ihren We
81. aver in der Dreamweaver Hilfe Hilfe gt Dreamweaver verwenden Typografische Konventionen In diesem Handbuch werden die folgenden typografischen Konventionen verwendet e Men optionen werden in dem folgenden Format angezeigt Men name gt Men optionsname Optionen in Untermen s werden in dem folgenden Format angezeigt Men name gt Untermen name gt Men optionsname e Code kennzeichnet Namen von HTML Tags und Attributen sowie in Beispielen verwendeten Text e Kursiv in Code kennzeichnet ersetzbare Elemente manchmal als Metasymbole bezeichnet im Code e Fett in Roman kennzeichnet Text den Sie wortw rtlich eingeben sollen Dreamweaver installieren und ausf hren Dieser Abschnitt enth lt Angaben zu den Systemanforderungen f r Dreamweaver und Erkl rungen zur Installation von Dreamweaver Hier erfahren Sie auch wie Sie Dreamweaver an Ihre Anforderungen in einem Mehrbenutzer Betriebssystem wie Windows XP oder Mac OS X anpassen k nnen Dreamweaver installieren und ausf hren 9 Systemanforderungen F r Dreamweaver ist die folgende Hardware und Software erforderlich Systemanforderungen f r Microsoft Windows e Intel Pentium II oder quivalenter Prozessor 600 MHz oder mehr e Windows 98 SE Windows 2000 Windows XP oder Windows NET Server 2003 e Mindestens 128 MB freier Arbeitsspeicher RAM 256 MB empfohlen e Mindestens 275 MB freier Festplattenspeicher e 16 Bit Farbmonitor Tausende von Farben mi
82. ben siehe MySQL Datenbank erstellen auf Seite 146 Klicken Sie auf Testen Dreamweaver versucht eine Verbindung zur Datenbank aufzubauen Wenn keine Verbindung hergestellt werden kann gehen Sie folgenderma en vor m berpr fen Sie Servername Benutzername und Kennwort m berpr fen Sie die Einstellungen f r den Ordner ber den Dreamweaver dynamische Seiten verarbeitet siehe Ordner f r die Verarbeitung dynamischer Seiten festlegen PHP auf Seite 144 m Weitere Informationen finden Sie unter Fehler bei Datenbankverbindungen beheben in der Dreamweaver Hilfe Hilfe gt Dreamweaver verwenden Klicken Sie auf OK Die neue Verbindung wird im Bedienfeld Datenbanken angezeigt Die PHP Beispielanwendung ist nun installiert und bereit f r die Verwendung mit dem Leitfaden Erste Schritte mit Dreamweaver und den Tutorials Weitere Informationen finden Sie unter Tutorial Webanwendungen entwickeln auf Seite 69 148 Kapitel 13 PHP Beispiel Site installieren Sonderzeichen NET Framework 65 installieren 103 Ziffern 127 0 0 1 IP Nummer 89 A Abfragen Datenbank 61 Definition 66 testen 74 Active Server Pages Siehe ASP allgemeine Begriffe f r Webanwendungen Definitionen 66 allgemeine Voreinstellungen 43 ndern Seiteneigenschaften 33 Tags 45 andocken und l sen Bedienfeldgruppen 16 Anforderungen 10 Angeben Testserver 97 106 119 130 144 Ansicht Men 16 Ansichten Codeansicht 4
83. bseiten darstellen zu k nnen Sie werden Daten auf den Webseiten der Trio Motors Site anzeigen wobei Sie die mit Dreamweaver gelieferte Beispieldatenbank verwenden Dar ber hinaus werden Sie mit Dreamweaver ein Formular zum Hinzuf gen von Datens tzen erstellen mit dem die Besucher der Webseite Kommentare abgeben k nnen In diesem Tutorial erstellen Sie die folgenden dynamischen Seiten Eine Seite auf der Kommentare dargestellt werden die sich bereits in der Datenbank befinden Eine Einf geseite auf der Besucher der Site Kommentare an das Unternehmen senden k nnen Dieses Tutorial enth lt die folgenden Lektionen e Bevor Sie beginnen auf Seite 70 e Dokument zum Bearbeiten ffnen auf Seite 71 Eine Datensatzgruppe definieren auf Seite 72 e Datenbank Datens tze anzeigen auf Seite 75 Dynamische Felder in die Tabelle einf gen auf Seite 76 e Einen wiederholten Bereich festlegen auf Seite 77 e Seiten anzeigen auf Seite 78 e Ein Formular zum Einf gen von Datens tzen erstellen auf Seite 78 e Dateien an den Server kopieren auf Seite 82 e Erg nzende Themen auf Seite 82 69 Bevor Sie beginnen Am Ende des Handbuchs Erste Schritte mit Dreamweaver finden Sie Kapitel in denen Schritt f r Schritt beschrieben wird wie Sie die Dreamweaver Arbeitsumgebung f r die Erstellung von dynamischen Seiten einrichten Lesen Sie die Anleitungen die sich auf Ih
84. bserver hoch Beispieldateien hochladen Nachdem Sie einen Ordner f r die Verarbeitung dynamischer Seiten festgelegt haben laden Sie die Beispieldateien an den Webserver hoch Sie m ssen die Dateien auch dann hochladen wenn der Webserver auf dem lokalen Computer ausgef hrt wird Wenn Sie die Dateien nicht hochladen k nnen Funktionen wie die Live Data Ansicht oder die Vorschau im Browser m glicherweise nicht auf dynamische Seiten angewendet werden So sind m glicherweise die Bild Hyperlinks in der Live Data Ansicht unterbrochen da sich die Bilddateien noch nicht auf dem Server befinden Gleicherma en kann ein Fehler auftreten wenn Sie auf einer Detailseite auf einen Hyperlink klicken w hrend Sie eine Masterseite in einem Browser anzeigen und sich die Detailseite nicht auf dem Server befindet So laden Sie die Beispieldateien an den Webserver hoch 1 W hlen Sie im Bedienfeld Dateien Fenster gt Dateien im Fenster Lokale Ansicht den Stammordner der Site aus Der Stammordner sollte der erste Ordner in der Liste sein 2 Klicken Sie im Bedienfeld Dateien in der Symbolleiste auf das blaue Pfeilsymbol Datei en bereitstellen und best tigen Sie dass Sie die gesamte Site hochladen m chten Dreamweaver kopiert alle Dateien in den Webserver Ordner den Sie im Abschnitt Remote Ordner definieren auf Seite 144 festgelegt haben Die Dreamweaver Site ist nun definiert Stellen Sie als N chstes eine Verbindung zur Beispieldatenba
85. chreiben die f r funktionsf hige Seiten erforderlich sind Sie k nnen sie jedoch auch manuell in der Dreamweaver Codeumgebung schreiben Eine Servertechnologie w hlen Mit Dreamweaver k nnen Sie zum Erstellen von Webanwendungen f nf Servertechnologien verwenden ColdFusion ASP NET ASP JSP or PHP Jede dieser Technologien entspricht einem Dokumenttyp in Dreamweaver Bei der Wahl der Technologie f r Ihre Webanwendung sind mehrere Faktoren zu ber cksichtigen darunter der zu verwendende Anwendungsserver und Ihr Kenntnisstand verschiedener Skriptsprachen Wenn Sie noch keine Erfahrung mit der Entwicklung von Webanwendungen oder Anwendungen allgemein haben ist ColdFusion zu empfehlen da diese Technologie eine leicht zu erlernende Serverskriptumgebung bietet die zudem eng in Dreamweaver integriert ist Dreamweaver bietet jedoch auch eine ausgezeichnete Unterst tzung f r andere Servertechnologien mit denen Sie m glicherweise schon vertraut sind wie JSP PHP ASP oder ASP NET Bei der Wahl der Servertechnologie m ssen Sie auch ber cksichtigen welcher Anwendungsserver f r die Webanwendung verwendet werden soll Bei einem Anwendungsserver handelt es sich um Software die einen Webserver bei der Verarbeitung von Webseiten unterst tzt die serverbasierte Skripts oder Tags enthalten Wenn Sie beispielsweise ColdFusion MX Server verwenden k nnen Sie ColdFusion als Servertechnologie w hlen Wenn Sie Zugang zu einem Server haben auf dem
86. chstaben beginnen und d rfen lediglich Buchstaben und Ziffern enthalten 4 Geben Sie im Dialogfeld Bild Platzhalter au erdem eine Breite und eine H he ein Wenn Sie die Seite Trio Motors erstellen geben Sie den Wert 176 f r die Breite und 190 f r die H he ein 5 Lassen Sie die Textfelder Farbe und Alternativtext leer Hinweis Bei einigen Bildern ist es wichtig einen Alternativtext anzugeben um die bildlich dargestellten Informationen auch jenen Besuchern verf gbar zu machen die Ihre Website mithilfe von Bildschirmleseprogrammen oder reinen Textbrowsern lesen Bei Bildern die keine Informationen liefern sollten Sie dagegen das Attribut alt leer lassen Wenn Sie das Textfeld Alternativtext leer lassen f gt Dreamweaver zum Tag img das Attribut alt hinzu Einen Bild Platzhalter hinzuf gen 31 6 Klicken Sie auf OK Daraufhin wird ein graues Feld mit den angegebenen Abmessungen eingeblendet Dies ist ein Platzhalter f r ein Bild Platzhalter werden h ufig eingesetzt um das Layout von Seiten auch dann erstellen zu k nnen wenn die endg ltigen Bilder noch nicht verf gbar sind Lorem Ipsum Dolor New Lorem dolor s SplashImage 176 x 190 consec adipisc Donec molesti aliquan ut arcu Phasell Title sollicit Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec molestie Sed aliquam sem ut arcu Phasellus enllicihidin Westihnhim randimennim farilicie milla Tn har 7 Klicken Sie auf d
87. d HTML importieren in Dreamweaver importieren Weitere Informationen finden Sie im Hilfethema Dreamweaver verwenden Die Textdatei wird in einem neuen Dokumentfenster angezeigt das entlang der linken Seite eine graue oder farbige Leiste aufweist Dieses Fenster wird in der Codeansicht angezeigt Da es sich nicht um eine HTML Datei handelt k nnen Sie in diesem Fall nicht zur Entwurfsansicht wechseln W hlen Sie Ansicht gt Codeansichtsoptionen gt Umbruch um den gesamten Text anzuzeigen mainItem txt ax kalcode ee oa mo c B 20 Last week over 320 press partners key customers and users joined Trio execs and team members at the ZX 2002 launch event held at the Midtowmm Lounge in lower San Francisco The main theater was packed and the crowd cheered with each new unveiling Dr cken Sie im Dokumentfenster der Datei mainltem txt lt Strg gt lt A gt Windows bzw lt Befehl gt lt A gt Macintosh um den gesamten Text auszuw hlen W hlen Sie dann Bearbeiten gt Kopieren um den Text zu kopieren Schlie en Sie die Datei mainltem txt mit dem Befehl Datei gt Schlie en Klicken Sie im Dokumentfenster der Datei index html in die leere Zeile unter der Kopfzeile in der Hauptspalte links und w hlen Sie Bearbeiten gt Text einf gen W hlen Sie in der rechten Spalte der Datei index html in der Randleiste den Text News aus und geben Sie Previews amp More ein Dr cken Sie dann die Eingabet
88. darauf hin dass die Eigenschaft von der aktuellen Auswahl nicht automatisch bernommen wird Die Hintergrundfarbe ist jedoch sichtbar weil der Texthintergrund standardm ig transparent ist sodass die Hintergrundfarbe des bergeordneten Tags gesehen werden kann Tipp Wenn der Name einer Eigenschaft durchgestrichen ist und Sie mit dem Mauszeiger auf dem Namen der Eigenschaft verweilen werden zus tzliche Informationen eingeblendet 5 Klicken Sie auf das Farbfeld in der rechten Spalte der Zeile f r die Hintergrundfarbe Die Farbauswahl wird eingeblendet und der Mauszeiger nimmt die Form einer Pipette an 6 W hlen Sie eine Farbe aus Sie k nnen entweder eine Farbe aus der Palette der Farbauswahl ausw hlen oder auf eine beliebige Stelle des Bildschirms klicken um die Farbe des Pixels zu bernehmen auf das Sie geklickt haben Klicken Sie beispielsweise auf den Hintergrund des Logos Trio um die Hintergrundfarbe der seitlichen Leiste auf eine der Hintergrundfarben des Bildes einzustellen Der Hintergrund der seitlichen Leiste wird nun in der Farbe angezeigt auf die Sie geklickt haben 7 Wenn Sie eine dunkle Farbe w hlen k nnen Sie die Kategorie Schriftart im unteren Teil des Tag Inspektors erweitern w hrend die Regel coll im oberen Teil des Tag Inspektors weiterhin ausgew hlt ist und f r den Text mit dem Farbattribut eine Farbe ausw hlen die sich gut vom Hintergrund abhebt beispielsweise Wei 8 Speichern Sie die
89. dass Sie einen Webserver zur Verf gung haben 2 Installieren Sie den PHP Anwendungsserver 3 Testen Sie Ihre Installation 4 Erstellen Sie einen Stammordner Dreamweaver Site definieren 1 Kopieren Sie die Beispieldateien in einen Ordner auf der Festplatte 2 Definieren Sie den Ordner als lokalen Dreamweaver Ordner 3 Definieren Sie einen Webserver Ordner als Dreamweaver Remote Ordner 4 Definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten 5 Laden Sie die Beispieldateien an den Webserver hoch Verbindung mit der Datenbank herstellen 1 Erstellen Sie eine MySQL Beispieldatenbank 2 Erstellen Sie die Verbindung in Dreamweaver System konfigurieren PHP Sie m ssen das System konfigurieren bevor Sie PHP Seiten darauf ausf hren k nnen Ein Webserver und ein PHP Anwendungsserver m ssen auf Ihrem System installiert sein und ausgef hrt werden Danach m ssen Sie einen Stammordner f r Ihre PHP Dateien anlegen Windows System konfigurieren PHP Dieser Abschnitt enth lt Informationen ber zwei allgemeine Windows Konfigurationen Eine Konfiguration in der Microsoft IIS oder PWS auf der Festplatte installiert ist und eine in der IS oder PWS auf einem Remote Computer unter Windows installiert ist Wenn Sie eine andere Konfiguration verwenden m chten finden Sie weitere Informationen unter Webanwendungen einrichten im Hilfethema Dreamweaver verwenden 136 Kapitel 13 PHP Beispiel Site insta
90. dass er Seiten aus dem Ordner Inetpub wwwroot bertr gt Der Webserver bertr gt alle Seiten in diesem Ordner oder seinen Unterordnern an einen Webbrowser wenn diese ber eine HTTP Anforderung abgerufen werden Gehen Sie folgenderma en vor um die Lese und Skriptberechtigungen f r den Ordner zu aktivieren m Wenn Sie PWS verwenden starten Sie Personal Web Manager durch Doppelklicken auf das Webserver Symbol in der Systemablage Das Symbol stellt eine Hand dar die eine Website h lt Klicken Sie in Personal Web Manager auf das Symbol Erweitert Das entsprechende Dialogfeld wird eingeblendet W hlen Sie Basis und klicken Sie im Kontextmen auf Eigenschaften Das Dialogfeld Verzeichnis bearbeiten wird angezeigt Vergewissern Sie sich dass die Lese und Skriptberechtigungen aktiviert sind Aus Sicherheitsgr nden sollten Sie die Option Ausf hren nicht w hlen m Wenn Sie IIS verwenden starten Sie die IIS Verwaltung klicken Sie in Windows XP auf Start gt Systemsteuerung oder auf Start gt Einstellungen gt Systemsteuerung doppelklicken Sie dann auf Verwaltung und doppelklicken Sie auf Internet Informationsdienste Erweitern Sie die Liste Lokaler Computer dann den Ordner Websites und anschlie end den Ordner Standardwebsite Klicken Sie mit der rechten Maustaste auf den Ordner MySampleApp und klicken Sie dann im Popupmen auf Eigenschaften Sorgen Sie daf r dass im Popupmen Ausf hrberechtigungen die Option Nur Skripts ausge
91. de HTTP Server Siehe Server Hyperlinks dokumentrelativ und stammrelativ 37 erstellen 51 grafisch 52 Hyperlinks Siehe Links l IBM WebSphere Anwendungsserver 66 IIS Internet Information Services 25 56 65 86 ASPNET Unterst tzung 103 installieren 87 Verwaltung starten 104 Inhalt Siehe Text Bilder dynamische Seiten Installieren NET Framework 103 Anwendungsserver ASP 114 Anwendungsserver JSP 126 Anwendungsserver PHP 138 ColdFusion MX 93 Dreamweaver 10 HS 87 PWS 86 integriertes Arbeitsbereich Layout 14 Intranet 26 IP Adressen 89 J Java 65 JavaScript 65 JavaServer Pages JSP 65 JRun 65 JSP Anwendungsserver installieren 126 Webanwendungen einrichten 123 K Konfigurieren Dreamweaver 11 Systeme mit NET Framework 102 Systeme mit ASP Anwendungsserver 112 Systeme mit ColdFusion MX 92 Systeme mit JSP Anwendungsserver 124 Systeme mit PHP Anwendungsserver 136 Kontextmen s 17 Konventionen typografisch 9 Kopieren Dateien 50 Navigationsleisten 55 Text 34 L Live Data Ansicht 78 Fehlerbehebung 98 107 120 131 145 localhost 88 lokale Ordner definieren 96 105 117 129 143 lokale Sites Beschreibung 19 einrichten 19 lokales Netzwerk Verbindungen 26 Lorem Ipsum Platzhaltertext 30 M Macintosh Apache und PHP unter Mac OSX 141 Mac OS X Mehrbenutzerumgebung 11 Server 88 Systemanforderungen 10 Macromedia ColdFusion Studio 14 Macromedia HomeSite 14 Macromedia JRun 65 installieren 126 manuelle
92. der Liste Formularfelder den Eintrag FIRST_NAME aus um festzulegen wie das Feld im Formular dargestellt wird 4 Geben Sie im Textfeld Beschriftung die Beschriftung Vorname ein um den Standardtext zu ersetzen Diese Beschriftung wird im HTML Formular neben dem Textfeld angezeigt 5 Legen Sie den Typ des Formularobjekts f r das Feld fest indem Sie einen der folgenden Schritte ausf hren m Wenn Sie ASP NET verwenden bernehmen Sie im Popupmen Anzeigen als den Standardwert Textfeld und ndern Sie im Popupmen Senden als den Standardwert WChar in VARCHAR m Wenn Sie eine andere Servertechnologie als ASPNET verwenden bernehmen Sie im Popupmen Anzeigen als den Standardwert Textfeld und bernehmen Sie im Popupmen Senden als den Standardwert Text 6 Lassen Sie das Feld Standardwert leer Bei einigen Webanwendungen k nnen Sie in diesem Feld einen Anfangswert festlegen sodass der Benutzer wei was f r Daten eingegeben werden m ssen In diesem Fall k nnen die Besucher an der Beschriftung Vorname eindeutig erkennen dass sie ihren Vornamen eingeben sollen Der Eintrag FIRST_NAME sollte hnlich aussehen wie im folgenden Beispiel Formularfelder j Beschriftung Anzeigen als FIRST_NAME FIRST_NAME Textfeld Text LAST_NAME LAST_NAME Textfeld Text EMAIL EMAIL Textfeld Text COMMENTS COMMENTS Textfeld Text Beschriftung FIRST_NAME Anzeigen als Textfeld v Senden als
93. der ganz noch teilweise kopiert fotokopiert reproduziert bersetzt oder in elektronische oder maschinenlesbare Form konvertiert werden Teilenummer ZDW70M100G Unser Dank geht an folgende Mitarbeiter Unternehmensleitung Sheila McGinn Projektmanagement Charles Nadeau Autor Jed Hartman Redaktion Lisa Stanziano Mary Ferguson Produktionsmanagement Patrice O Neill Mediendesign und produktion Adam Barnett Chris Basmajian Aaron Begley John Francis Jeff Harmon Besonderer Dank gilt Jay London David Deming Jennifer Taylor Lori Hylan Cho Dominic Sagolla Mary Ann Walsh Jennifer Rowe Chris Bedford Jon Varese Rosana Francescato Bonnie Loo Claudia Schwirten Luciano Arruda Masayo Noda Scott Richards Seungmin Lee Udo Pawlik Vincent Truong Gerhard Bock Sabine Hathaway Sandra Wahlen sowie dem gesamten Entwicklungs und QA Team von Dreamweaver Erste Auflage September 2003 Macromedia Inc 600 Townsend St San Francisco CA 94103 USA INHALTSVERZEICHNIS EINF HRUNG Willkommen bei Dreamweaver usu nee 7 Dreamweaver Grundlagen 2222eeeoseeeeeeeenenneee essen 8 Verwendung dieses Handbuchs 2 222222 eseeeeeeeeennn nen 8 Weitere Medien 4 2 4 0 nee een sahen bee eh een 9 Typografische Konventionen 222ececoseeeeeeeenenneeeeenennnnnn 9 Dreamweaver installieren und ausf hren nnn nnnn nunana arera 9 Systemanforderungen nette paa pe nE een kan na 10 Dreamweaver installieren 22 22 2
94. dere Konfiguration verwenden m chten finden Sie weitere Informationen unter Webanwendungen einrichten im Hilfethema Dreamweaver verwenden 124 Kapitel 12 JSP Beispiel Site installieren In der folgenden Abbildung werden die in diesem Abschnitt beschriebenen Konfigurationen dargestellt Lokale Konfiguration Remote Server Konfiguration nur Windows Macintosh und Windows C Dreamweaver MX B PWS oder IIS m I JSP Anwendungsserver Website Stammordner in Netzwerk oder FTP Zugriff C Inetpub wwwroot PWS oder IIS JSP Anwendungsserver Website Stammordner in C Inetpub wwwroot So konfigurieren Sie das System 1 TE Sie daf r dass Sie einen Webserver zur Verf gung haben siehe Vorhandensein eines Webservers berpr fen auf Seite 126 2 Installieren Sie den JSP Anwendungsserver siehe JSP Anwendungsserver installieren auf Seite 126 3 Erstellen Sie einen Stammordner siehe Stammordner erstellen auf Seite 127 Hinweis Die Installation des Webservers und Anwendungsservers muss nur ein einziges Mal durchgef hrt werden System konfigurieren JSP 125 Vorhandensein eines Webservers berpr fen Zum Entwickeln und Testen dynamischer Webseiten ben tigen Sie einen Webserver Bei einem Webserver handelt es sich um Software die von Webbrowsern angeforderte Webseiten bereitstellt Sorgen Sie daf r dass Microsoft IIS oder PWS auf der Festplatte oder einem Remo
95. dner Benutzer hr_BenutzernamelSites auf Ihrem Macintosh speichern wobei hr_Benutzername Ihr Macintosh Benutzername ist Als Inhalt der HTML Seite ist eine einzelne Zeile ausreichend beispielsweise lt p gt Mein Webserver funktioniert lt p gt ffnen Sie dann die Testseite in einem Webbrowser mit einer HTTP Anforderung indem Sie in Ihrem Webbrowser die folgende URL eingeben http localhost Ihr_Benutzernamelmy TestFile html Hinweis Standardgem befindet sich der Apache Server am Anschluss 80 Wenn Ihre Seite im Browser angezeigt wird bedeutet dies dass der Webserver normal ausgef hrt wird Wird die Seite nicht im Browser angezeigt sorgen Sie daf r dass der Server aktiv ist ffnen Sie hierzu die Systemvoreinstellungen und sehen Sie sich das Bedienfeld mit den Voreinstellungen f r Sharing an Die Option Personal Web Sharing sollte aktiviert sein Standardm ig k nnen PHP Dateien auf dem Apache Webserver nicht ausgef hrt werden Sie m ssen den Server konfigurieren bevor Sie PHP verwenden k nnen Weitere Informationen finden Sie unter System konfigurieren PHP auf Seite 136 Grundlagen zum Webserver Bei einem Webserver handelt es sich um Software die von Webbrowsern angeforderte Webseiten bereitstellt Webserver werden manchmal auch HT TP Server genannt Angenommen Sie entwickeln Webanwendungen mit IIS Der Standardname des Webservers entspricht dem Namen Ihres Computers Sie k nnen den Servernamen
96. dungsserver erstellen n on ununun eannan 114 Installation testen si troemneri ass wen Aa EEE ESEE KAER 114 Stammordner erstellen m sul nr TE LAEE EE 116 Eine Dreamweaver Site definieren ASP 2222222 ceeeeeeeeeen nn 117 Beispieldateien kopie en s sosrare geiir eei arin Tee eaa aa E ARa 117 Lokalen Ordner definieren n on nnnnnnu nenene rneer 117 Remote Ordner definieren n a nnennennrun runearen ranr 118 Ordner f r die Verarbeitung dynamischer Seiten festlegen 119 Beispieldateien hochladen on nnnnnnnunrun ranean rarene 120 Verbindung mit der Beispieldatenbank herstellen ASP o n ananuna 120 Datenbank einrichten Remote Computer als Server 2222000 120 Datenbankverbindung erstellen 2222222 ceeeeeeeeeeeenen nenn 121 KAPITEL 12 JSP Beispiel Site installieren 22222cceceeenen 123 Setup Checklisten f r JSP Entwickler 22222ssseeeeeeeenenenn nen 123 System konfigurieren JSP 2222222 ceeeeeeeeeeeeeeeeeeenen en 124 Vorhandensein eines Webservers berpr fen 222222cnnennnn 126 JSP Anwendungsserver installieren 2222222sseeeeeeseennnen nenn 126 Stammordner erstellen 22222 a i a a EAA een 127 Eine Dreamweaver Site definieren JSP 2222ceeeceeeeeeee ee 128 Beispieldateien k pieren si Au ac te ren EEEE EEE 128 Lokalen Ordner definieren 2222222 sneeneeeeeeennnnn nennen 129 Remote Ordner definieren 2222222 eeeeeeeene
97. e statische Seite berhaupt nicht statisch sein Sie kann beispielsweise durch ein Rollover Bild oder einen Flash Inhalt eine SWF Datei zum Leben erweckt werden In dieser Dokumentation wird eine Seite jedoch als statisch bezeichnet wenn sie ohne Anderungen an den Browser gesendet wird So funktioniert eine Webanwendung 59 Wenn eine statische Seite vom Webserver angefordert wird liest der Server zun chst die Anforderung Anschlie end sucht er die Seite und sendet sie an den Browser Dies wird in der folgenden Abbildung veranschaulicht Schritt 1 Der Webbrowser Webbrowser fordert eine statische Seite an Anforderung Schritt 3 Der Webserver sendet die Seite an den i Browser Schritt 2 Der Webserver sucht die Seite lt HTML gt lt p gt Hi lt HTML gt Bei Webanwendungen stehen bestimmte Codezeilen noch nicht fest wenn die Seite vom Besucher angefordert wird Diese Zeilen m ssen durch einen bestimmten Mechanismus festgelegt werden bevor die Seite an den Browser gesendet werden kann Dieser Mechanismus wird im folgenden Abschnitt beschrieben 60 Kapitel 6 Webanwendungen Dynamische Webseiten verarbeiten Auf Wenn eine statische Webseite angefordert wird sendet der Webserver die Seite umgehend und ohne nderungen an den Browser Wenn der Webserver die Anforderung einer dynamischen Seite empf ngt ist die Reaktion jedoch anders Die Seite wird an eine spezielle Software zum Bearbe
98. e um einen Stil namens sidebar text hinzuzuf gen W hlen Sie diesmal unter Selektor Typ die Kategorie Klasse aus und geben Sie im Textfeld Name die Bezeichnung sidebar text ein der Punkt am Anfang muss eingegeben werden Stellen Sie die Gr e auf 80 ein Wenn Sie diesen Schritt durchf hren k nnen Sie das folgende Verfahren berspringen Speichern Sie die Seite 36 Kapitel 3 Tutorial Eine statische Seite erstellen So bearbeiten Sie einen Stil im Stylesheet 1 amp N A Bz BE a N D Wenn Sie den Text f r die Randleiste aus dem HTML Dokument und nicht aus dem Word Dokument kopiert haben k nnen Sie das folgende Verfahren berspringen Wenn Sie den Text aus dem Word Dokument kopiert haben f hren Sie das folgende Verfahren durch Klicken Sie im Dokumentfenster auf den Textabsatz in der Randleiste ffnen Sie den Tag Inspektor Fenster gt Tag Inspektor und w hlen Sie die Registerkarte Relevante CSS W hlen Sie im oberen Teil der Registerkarte Relevante CSS die Regel p sidebar text aus In der Statuszeile in der Mitte des Bedienfelds steht Im aktuellen Dokument Klicken Sie auf die Schaltfl che Kategorieansicht zeigen in der Mitte des Bedienfelds Sie k nnen CSS Eigenschaften nach Kategorie oder alphabetisch anordnen Erweitern Sie die ee Schriftart und f hren Sie bei Bedarf einen Bildlauf nach unten durch um zur Eigenschaft Schriftgr e zu gelangen Klicken Sie in
99. e Sicherheitsrisiken Es empfiehlt sich daher die Datei in einem Ordner zu speichern der nicht ffentlich zug nglich ist Erstellen Sie eine Verbindung wenn die Datenbank eingerichtet ist Datenbankverbindung erstellen Im letzten Schritt des Setup Prozesses m ssen Sie eine Verbindung zur Datenbank erstellen So erstellen Sie eine Datenbankverbindung in Dreamweaver 1 ffnen Sie in Dreamweaver eine ASP NET Seite und rufen Sie dann das Bedienfeld Datenbanken auf Fenster gt Datenbanken 2 Klicken Sie im Bedienfeld Datenbanken auf die Schaltfl che mit dem Pluszeichen und w hlen Sie im Popupmen die Option OLE DB Verbindung Das Dialogfeld OLE DB Verbindung wird ge ffnet 3 Geben Sie connTrio als Verbindungsname ein 4 Klicken Sie auf die Schaltfl che Vorlagen 108 Kapitel 10 ASP NET Beispiel Site installieren N oo 9 Das Dialogfeld Verbindungszeichenfolgen Vorlage wird eingeblendet W hlen Sie in der Liste der Vorlagen die Option Microsoft Access 2000 Microsoft Jet 4 0 Provider und klicken Sie auf OK Dreamweaver f gt im Dialogfeld OLE DB Verbindung eine Verbindungszeichenfolgen Vorlage ein Die Vorlage enth lt Platzhalter f r fehlende Informationen in der Verbindungszeichenfolge Geben Sie in der Zeile Datenquelle den gesamten Pfad der Beispieldatenbankdatei in Ihrem lokalen Computer oder im Remote Computer ein Wenn ASP NET auf Ihrem lokalen Computer ausgef hrt wird und Sie Dreamweaver im S
100. e in einem Webbrowser anzeigen k nnen Eine Remote Site Die auf dem Server gespeicherten Dateien die eine Website bilden und zwar eher aus Sicht des Autors als aus Sicht des Besuchers 19 e Eine lokale Site Die Dateien auf Ihrer lokalen Festplatte die den Dateien in der Remote Site entsprechen Normalerweise sieht der Arbeitsablauf mit Dreamweaver so aus dass Sie Dateien auf der lokalen Festplatte bearbeiten und sie anschlie end an eine Remote Site bertragen e Fine Dreamweaver Site Definition Die Definitionsmerkmale einer lokalen Site sowie Angaben dazu wie sich die lokale Site zu einer Remote Site verh lt Eine Site erstellen berblick ber den Arbeitsablauf Die Reihenfolge der Lektionen in diesem Handbuch entspricht einem m glichen Arbeitsablauf zur Erstellung einer Site Bei der Erstellung Ihrer eigenen Sites k nnen Sie den Arbeitsablauf verwenden der f r Ihre konkrete Situation am besten geeignet ist So erstellen Sie eine Website 1 Planen vorbereiten und eine Dreamweaver Site einrichten siehe Dreamweaver Site definieren auf Seite 20 2 Seiten erstellen das Layout der Seiten anpassen und Inhalt hinzuf gen siehe Tutorial Fine statische Seite erstellen auf Seite 29 3 Code bei Bedarf bearbeiten siehe Tutorial Code bearbeiten auf Seite 41 4 Seiten verkn pfen siehe Tutorial Seiten verkn pfen und in der Vorschau anzeigen auf Seite 49 5 Vorschau der Site ansehen und S
101. eamweaver eine Datenbankverbindung 1 N A W ffnen Sie in Dreamweaver eine JSP Seite und rufen Sie dann das Bedienfeld Datenbanken auf Fenster gt Datenbanken Klicken Sie im Bedienfeld auf die Schaltfl che mit dem Pluszeichen und w hlen Sie im Popupmen den Eintrag ODBC Datenbank Sun JDBC ODBC Treiber aus Das Dialogfeld ODBC Datenbank Sun JDBC ODBC Treiber wird eingeblendet Geben Sie connTrio als Verbindungsname ein Nur Windows F hren Sie einen der folgenden Schritte aus m Wenn der Server auf Ihrem lokalen Computer ist w hlen Sie die Option Mithilfe des Treibers in diesem Rechner aus m Wenn der Server ein Remote System ist w hlen Sie die Option Mithilfe des Treibers auf dem Testserver Macintosh Benutzer k nnen diesen Schritt ignorieren da alle Datenbankverbindungen ber Treiber auf dem Testserver erfolgen Verbindung mit der Beispieldatenbank herstellen JSP 133 5 Ersetzen Sie den Platzhalter odbc dsn im Textfeld URL durch TrioMotors Im URL Textfeld sollte jetzt Folgendes stehen jdbe odbce TrioMotors Wenn Sie Dreamweaver auf einem Windows Computer verwenden hat Dreamweaver w hrend der Installation einen DSN namens IrioMotors erstellt der auf die Microsoft Access Datenbank im Ordner Samples Database im Anwendungsordner von Dreamweaver MX 2004 verweist Klicken Sie auf Testen a Dreamweaver versucht eine Verbindung zur Datenbank aufzubauen Wenn keine Verbindung h
102. eaver verwenden 48 Kapitel 4 Tutorial Code bearbeiten KAPITEL 5 Tutorial Seiten verkn pfen und in der Vorschau anzeigen In diesem Tutorial wird erl utert wie Sie mit Macromedia Dreamweaver MX 2004 Links Rollover Bilder und eine Navigationsleiste in eine Seite einf gen eine Vorschau der Seite in einem Browser anzeigen und die Seite auf einer Website publizieren Wenn Sie Ihre Site bereits eingerichtet und die vorhergehenden Tutorials Tutorial Eine statische Seite erstellen auf Seite 29 und Tutorial Code bearbeiten auf Seite 41 abgeschlossen haben k nnen Sie die Arbeit mit dem gleichen Ordner und den gleichen Dateien fortsetzen Aber auch wenn Sie die vorhergehenden Tutorials nicht abgeschlossen haben k nnen Sie das vorliegende Tutorial durcharbeiten Richten Sie zun chst Ihre Site gem den Anleitungen in Site einrichten auf Seite 19 ein Bearbeiten Sie dann im Rahmen dieses Tutorials die Dateien im Ordner 3 Link Die Dateien im Ordner 3 Link befinden sich genau in dem Zustand den sie nach Abschluss des vorhergehenden Tutorials haben Wenn Sie f r ein Tutorial zum Coder Arbeitsbereich umgeschaltet haben nur bei Windows doch ansonsten den Designer Arbeitsbereich bevorzugen k nnen Sie ber das Dialogfeld Voreinstellungen Bearbeiten gt Voreinstellungen den Arbeitsbereich wechseln bevor Sie mit diesem Tutorial beginnen Dieses Tutorial enth lt die folgenden Lektionen e Zweite Seite e
103. ebanwendungen auf Seite 66 Webanwendungen Eine Webanwendung besteht aus einer Website deren Seiteninhalt teilweise oder insgesamt nicht festgelegt ist Der endg ltige Inhalt einer Seite wird erst festgelegt wenn der Besucher die Seite vom Webserver anfordert Da sich der endg ltige Inhalt der Seite je nach den Aktionen des Besuchers von Anforderung zu Anforderung ndern kann wird eine solche Seite als dynamische Seite bezeichnet Webanwendungen werden gezielt zur Bew ltigung verschiedener Herausforderungen und Problemstellungen erstellt In diesem Abschnitt werden h ufige Verwendungszwecke f r Webanwendungen beschrieben Sie finden hier auch ein einfaches Beispiel H ufige Verwendungszwecke f r Webanwendungen Webanwendungen bieten unter anderem folgende Vorteile sowohl f r Besucher als auch f r Entwickler e Besucher k nnen Informationen in inhaltsreichen Websites schnell und einfach finden Solche Webanwendungen erm glichen es den Besuchern den Inhalt wie gew nscht zu durchsuchen und zu organisieren und beliebig durch den Inhalt zu navigieren Als Beispiele lassen sich u a unternehmensinterne Intranets Microsoft MSDN www msdn microsoft com und Amazon com www amazon com nennen 57 e Die von Besuchern der Site eingegebenen Daten k nnen erfasst gespeichert und analysiert werden Fr her wurden Daten die in HTML Formulare eingegeben wurden zur Verarbeitung per E Mail an Mitarbeiter oder CGI Anwendungen g
104. eben dem Textfeld Hyperlink Halten Sie die Maustaste gedr ckt w hrend Sie auf den Ordner Assets zeigen wenn der Ordner geschlossen ist der Ordner wird ge ffnet Halten Sie die Maustaste gedr ckt w hrend Sie a den Ordner images zeigen bis sich der Mauszeiger ber der Datei homeMain jpg befindet Lassen Sie die Maustaste los um die Datei homeMain jpg auszuw hlen Im Dokument wird nun das Bild eines Autos angezeigt wo sich bisher der Platzhalter befand Wenn das falsche Bild angezeigt wird berpr fen Sie den Dateinamen im Feld Quelle Falls Sie die falsche Datei ausgew hlt haben ziehen Sie das Dateizeigersymbol erneut in das Bedienfeld Dateien 9 Wenn Sie ein Bild an einer Stelle einf gen m chten an der sich noch kein Platzhalter befindet klicken Sie in der Entwurfsansicht an die gew nschte Stelle um die Einf gemarke dorthin zu setzen W hlen Sie dann Einf gen gt Bild Wenn Sie ein Bild einf gen dessen Bilddatei sich nicht im lokalen Stammordner der Site befindet kann das Bild in Dreamweaver automatisch in die Site kopiert werden 10 Speichern Sie die Seite So lassen Sie den Text um das Bild flie en 1 W hlen Sie das Bild des Autos in der Hauptspalte aus 2 Klicken Sie im Bedienfeld CSS Stile Fenster gt CSS Stile auf die Schaltfl che Neuer CSS Stil 3 W hlen Sie im Dialogfeld Neuer CSS Stil unter Selektor Typ die Option Erweitert aus und geben Sie im Textfeld Selektor SplashImage ein einschlie lich de
105. eeeeeeeeseeeeeeeenenenn 57 Webanwendungen nee ann nn Hess 57 H ufige Verwendungszwecke f r Webanwendungen 22c220 57 Beispiel f r eine Webanwendung 2222ccceeeeeeeeeeee nenn 58 So funktioniert eine Webanwendung 22eeeeeeeeeeeeeeenne nn 59 Statische Webseiten verarbeiten 2222222 ceseeseeeeeeneeneeneenn 59 Dynamische Webseiten verarbeiten 22222ceeeeeeeeeeeenenn 61 Auf Datenbanken zugreifen 2222eeeeeseeeeeeeesnnnnne nenn 61 Dynamische Seiten erstellen 22222cceeeeeeeeeeeeeeeeee nenn 64 Eine Servertechnologie w hlen 2222seeeeeeeeeee nennen nen 65 Terminologie f r Webanwendungen 222222222 nnneeeene ernennen 66 KAPITEL 7 Tutorial Webanwendungen entwickeln 222220c2eeeen 69 Bevor Sie beginnen 0 aan 70 Dokument zum Bearbeiten ffnen 22 22 2eeseeeeeeneeneeneneeenenn 71 Eine Datensatzgruppe definieren 222eeeesseeeeeeennnnnenennnen 72 Datenbank Datens tze anzeigen 2 222 eeeeeeeeeeeeeeeeeeee nenn 75 Dynamische Felder in die Tabelle einf gen 222ccccceccen 76 Einen wiederholten Bereich festlegen 22222eeeeeeeeeeeenn nen 77 Sitem anzeigen rn a ee hr ner Sn Di 78 4 Inhaltsverzeichnis Ein Formular zum Einf gen von Datens tzen erstellen 222220 78 Ein Anwendungsobjekt Einf geformular f r Datens tze hinzuf gen 78 Das Einf geformular erstellen 2222
106. een nennen nen 129 Ordner f r die Verarbeitung dynamischer Seiten festlegen 130 Beispieldateien hochladen 22eceeeeeeeeeeeeennen nenn 131 Verbindung mit der Beispieldatenbank herstellen JSP 131 Sun JDBC ODBC Bridge Treiber installieren 222222cceeeeecn 131 Datenbank einrichten Remote Computer als Server 22 22 2000 132 Datenbankverbindung erstellen 22222cseeeeeeeenennee nenn 133 KAPITEL 13 PHP Beispiel Site installieren 222222 ccceeeee 135 Setup Checklisten f r PHP Entwickler 2222222sseeeeeeeeenennnn 136 System konfigurieren PHP 222222 eeeeeeeeeeeeennen nennen 136 Windows System konfigurieren PHP 2222222seeeeeeeenn 136 Macintosh System konfigurieren PHP 22222seeeeeeeeenn 141 Eine Dreamweaver Site definieren PHP 22222 ce ces 142 Beispieldateien kopieren 22e222sseeeeeeeeenneeeeenennen nenn 143 Lokalen Ordner definieren 22222222 neeeeeeeeenenenn nennen 143 Remote Ordner definieren 22222 2ssseeeeeeeeeenennn nennen 144 Ordner f r die Verarbeitung dynamischer Seiten festlegen PHP 144 Beispieldateien hochladen 222eeeeeeeeeeeeeennen nenn 145 Verbindung mit der Beispieldatenbank herstellen PHP 146 MySQL Datenbank erstellen 22222222 ceeeeeeeeneeneen en 146 Datenbankverbindung erstellen 222222nneeeeeeeennnnnnn 147 6 Inh
107. egisterkarte Erweitert Geben Sie im Textfeld Site Name Trio ASP ein Dieser Name identifiziert Ihre Site innerhalb von Dreamweaver Klicken Sie auf das Ordnersymbol neben dem Textfeld des lokalen Stammordners und w hlen Sie dann im Ordner GettingStarted den Ordner mit den ASP Beispieldateien aus Der Ordner sollte den folgenden Pfad haben m C Dokumente und Einstellungen hr_Benutzername Eigene Dateien Sites Lokal GettingStarted 4 Develop asp Windows m Benutzer Ihr_Benutzernamel Dokumente Sites Lokal GettingStarted 4 Develop asp Macintosh Lassen Sie das Dialogfeld Site Definition ge ffnet Definieren Sie einen Webserver Ordner als Dreamweaver Remote Ordner Remote Ordner definieren Definieren Sie im Anschluss an das Definieren eines lokalen Ordners einen Webserver Ordner der als Remote Ordner f r Dreamweaver verwendet werden soll So definieren Sie den Remote Ordner f r Dreamweaver 1 N W hlen Sie im Dialogfeld Site Definition in der Registerkarte Erweitert in der Liste Kategorie die Kategorie Remote Informationen aus Das Dialogfeld Remote Informationen wird eingeblendet W hlen Sie im Popupmen Zugriff wie Sie die Dateien auf und vom Server verschieben wollen ber ein lokales Netzwerk Option Lokal Netzwerk oder durch FTP Hinweis Es gibt noch andere Optionen im Popupmen Zugriff Diese werden in der vorliegenden Anleitung jedoch nicht beschrieben Weitere Informationen hierzu finden Sie im Hilf
108. ehalten Sie im Popupmen Filter die Einstellung Keine bei um alle Zeilen der Tabelle auszuw hlen Eine Datensatzgruppe definieren 73 9 W hlen Sie im ersten Popupmen Sortieren die Option LAST_NAME und im zweiten Popupmen Aufsteigend Hiermit geben Sie an dass die abgerufenen Datens tze alphabetisch nach dem Nachnamen der Kunden sortiert werden Datensatzgruppe Name rs_Comment OK Verbindung connTrio Abbrechen Benutzername Testen Kennwort Erweitert Tabelle COMMENTS Spalten Alle Ausgew hlt Filter Keine v E Sortieren LAST_NAME v Aufsteigend v 10 Klicken Sie auf Testen um die Datensatzgruppe bzw den Datensatz zu testen SQL Anweisung testen Daten COMME FIRST LASTN TELEPH EMAIL SUBMIT COMME 1 Letitia Riley 210 651 letitiarile 13 08 2 Sie k nn 2 Sachiko Matsuda 0 476 sachi w 20 092 Die letzt 3 Dieter Dietrich dd worl 24 0972 F rden Die Datens tze der Datenbank die den Auswahlkriterien Ihrer Datensatzgruppe oder Ihres Datensatzes entsprechen werden im Fenster SQL Anweisung testen angezeigt In diesem Fall haben Sie alle Daten in der Tabelle ausgew hlt 11 Klicken Sie auf OK um das Fenster SQL Anweisung testen zu schlie en 12 Klicken Sie auf OK um das Dialogfeld Datensatzgruppe oder Datensatz zu schlie en und eine Datensatzgruppe bzw einen Datensatz zu erstellen Die Da
109. ei in den Ordner Inetpub wwwroot des Windows Rechners auf dem PWS oder IIS ausgef hrt wird 4 Geben Sie in Ihrem Webbrowser die URL der Testseite ein und dr cken Sie die Eingabetaste Wenn Sie PHP auf dem lokalen Rechner installiert haben k nnen Sie die folgende URL eingeben http localhost timetest php Die Testseite sollte nun ge ffnet werden und die Uhrzeit anzeigen siehe Abbildung Datei Bearbeiten Ansicht Favoriten Extras E http localhost timetest php Microsoft Internet Explorer DR ar Q zur ck z z x a N f Suchen 57 Favoriten amp Medien Adresse E http localhost timetest php v Wechseln zu Links This page was created at 12 14 44 pm on the computer running PHP 3 Lokales Intranet Die angegebene Zeit ist dynamischer Inhalt da sie sich jedes Mal ndert wenn Sie die Seite anfordern Klicken Sie in Ihrem Browser auf die Schaltfl che Aktualisieren um eine neue Seite mit einer anderen Uhrzeit zu generieren Hinweis Wenn Sie sich den Quellcode ansehen im Internet Explorer mit Ansicht gt Quelle k nnen Sie sich davon berzeugen dass hierf r kein clientbasiertes JavaScript verwendet wird Wenn die Seite nicht wie erwartet funktioniert pr fen Sie ob die folgenden Fehler vorliegen e Die Datei hat nicht die Erweiterung php e Sie haben im Adressfeld des Browsers den Dateipfad der Seite C Inetput wwwroot timetest php anstatt der Seiten URL z B http localhost t
110. eien Sites Lokal GettingStarted 4 Develop coldfusion Windows m Benutzer hr_Benutzernamel Dokumente Sites Lokal GettingStarted 4 Develop coldfusion Macintosh Lassen Sie das Dialogfeld Site Definition ge ffnet Definieren Sie einen Webserver Ordner als Dreamweaver Remote Ordner Remote Ordner definieren Definieren Sie im Anschluss an das Definieren eines lokalen Ordners einen Webserver Ordner der als Remote Ordner f r Dreamweaver verwendet werden soll So definieren Sie den Remote Ordner f r Dreamweaver 1 W hlen Sie im Dialogfeld Site Definition in der Registerkarte Erweitert in der Liste Kategorie die Kategorie Remote Informationen aus Der Bildschirm Remote Informationen wird angezeigt N W hlen Sie im Popupmen Zugriff wie Sie die Dateien zum Server und vom Server bertragen m chten ber ein lokales Netzwerk Option Lokal Netzwerk oder durch FTP Hinweis Es gibt noch andere Optionen im Popupmen Zugriff Diese werden in der vorliegenden Anleitung jedoch nicht beschrieben Weitere Informationen hierzu finden Sie im Hilfethema Dreamweaver verwenden 3 Geben Sie den Pfad bzw die FTP Einstellungen des Webserver Ordners ein den Sie im Abschnitt Stammordner erstellen auf Seite 93 erstellt haben Der Ordner kann sich auf der lokalen Festplatte oder auf einem Remote Computer befinden Auch wenn Sie den Ordner auf der Festplatte erstellt haben kann er als g ltiger Remote Ordner verwendet werden Das f
111. ein Fehler auftreten wenn Sie auf einer Detailseite auf einen Hyperlink klicken w hrend Sie eine Masterseite in einem Browser anzeigen und sich die Detailseite nicht auf dem Server befindet So laden Sie die Beispieldateien an den Webserver hoch 1 W hlen Sie im Bedienfeld Dateien Fenster gt Dateien im Fenster Lokale Ansicht den Stammordner der Site aus Der Stammordner sollte der erste Ordner in der Liste sein 2 Klicken Sie im Bedienfeld Dateien in der Symbolleiste auf das blaue Pfeilsymbol Datei en bereitstellen und best tigen Sie dass Sie die gesamte Site hochladen m chten Dreamweaver kopiert alle Dateien in den Webserver Ordner den Sie im Abschnitt Remote Ordner definieren auf Seite 129 festgelegt haben Die Dreamweaver Site ist nun definiert Stellen Sie als N chstes eine Verbindung zur Beispieldatenbank her die mit Dreamweaver installiert wurde Verbindung mit der Beispieldatenbank herstellen JSP Bei der Installation kopiert Dreamweaver eine Beispieldatenbank im Format von Microsoft Access auf die Festplatte Im vorliegenden Abschnitt wird beschrieben wie Sie eine Verbindung zu dieser Beispieldatenbank erstellen Hinweis Weitere Informationen zur Verbindung mit anderen Datenbanken finden Sie unter Datenbankverbindungen f r JSP Entwickler im Hilfethema Dreamweaver verwenden So erstellen Sie eine Datenbankverbindung 1 Installieren Sie den Bridge Treiber siehe Sun JDBC ODBC Bridge Treiber i
112. eine direkte Vorschau in Dreamweaver angezeigt Dreamweaver kann die unterschiedlichen Verhaltensweisen der verschiedenen Browser nicht simulieren Mit der Funktion Vorschau in Browser k nnen Sie feststellen wie die Seiten aussehen wenn Sie sie ver ffentlichen So zeigen Sie eine Vorschau Ihrer Seite an 1 Wechseln Sie zur Datei index html Wenn die Datei nicht ge ffnet ist holen Sie dies jetzt nach 2 Dr cken Sie die Taste lt F12 gt Ihr Prim rbrowser wird gestartet falls er nicht bereits gestartet wurde Die Seite index htm wird im Browser angezeigt Hinweis Normalerweise erkennt Dreamweaver den Prim rbrowser automatisch und zeigt die Vorschau in diesem Browser an Falls die Vorschau gar nicht oder nicht im gew nschten Browser angezeigt wird wechseln Sie wieder zu Dreamweaver falls erforderlich und w hlen Sie dann Datei gt Vorschau in Browser gt Browserliste bearbeiten Daraufhin wird das Dialogfeld mit den Voreinstellungen f r die Vorschau im Browser eingeblendet F gen Sie hier der Liste den korrekten Browser hinzu Um weitere Informationen anzuzeigen klicken Sie im Dialogfeld Voreinstellungen auf die Schaltfl che Hilfe 3 Wenn Sie eine Navigationsleiste in Ihre Seite eingef gt haben setzen Sie den Mauszeiger auf die Rollover Bilder damit Sie sehen k nnen wie sich die Bilder ndern Klicken Sie auf die Schaltfl che NEWS amp EVENTS um zu pr fen ob der Hyperlink funktioniert Hinweis Die ande
113. eistenbilder im Dokumentfenster aus Klicken Sie im Tag Selektor auf das Tag lt div navbar gt das sich am weitesten rechts befindet Klicken Sie im Bedienfeld CSS Stile Fenster gt CSS Stile auf die Schaltfl che Neuer CSS Stil W hlen Sie unter Selektor Typ die Kategorie Klasse aus und geben Sie im Textfeld Name den Namen navbar ein Beachten Sie den Punkt am Anfang des Namens A O N W hlen Sie unter Definieren die Option Nur dieses Dokument Klicken Sie auf OK W hlen Sie im Dialogfeld CSS Stil Definition die Kategorie Block aus W hlen Sie im Popupmen Leerraum die Option Kein Umbruch Klicken Sie auf OK um den Stil zu definieren und das Dialogfeld zu schlie en Hinweis Rollover Bilder und Navigationsleisten ndern sich nicht wenn Sie im Dokumentfenster von Dreamweaver mit der Maus darauf zeigen Die Bilder ndern Sie nur in einem Browser Um sicherzustellen dass die Navigationsleiste funktioniert m ssen Sie eine Vorschau der Seite in einem Browser anzeigen Einzelheiten zur Vorschau finden Sie unter Vorschau von Seiten in einem Browser anzeigen auf Seite 56 vo N Wu Die Navigationsleiste kopieren Sie haben nun eine funktionsf hige Navigationsleiste erstellt die Sie in allen anderen Seiten verwenden k nnen In dieser Lektion kopieren Sie die Bilder f r die Navigationsleiste und f gen sie in die zweite Seite ein Es stehen mehrere andere M glichkeiten zur Verf gung um Inhalt in Dreamweaver wiederz
114. ellen Bei einem Rollover Bild handelt es sich um ein Bild dessen Darstellung sich ndert wenn ein Besucher der Site mit der Maus auf das Bild zeigt Beispielsweise kann eine Schaltfl che auf der Seite aufleuchten wenn der Besucher mit der Maus darauf zeigt In Dreamweaver k nnen Sie problemlos eine Navigationsleiste erstellen die aus mehreren Rollover Bildern besteht Ein Rollover Bild besteht aus zwei Bildern das erste Bild wird angezeigt wenn die Seite im Browser geladen wird und das zweite wird angezeigt wenn der Besucher den Mauszeiger auf das urspr ngliche Bild setzt In einer Navigationsleiste k nnen Sie f r jede Schaltfl che bis zu vier Bilder definieren Die ersten beiden sind die regul ren Rollover Bilder und die beiden anderen zeigen an dass die jeweilige Navigationsschaltfl che auf der Seite bereits aktiv ist In dieser Lektion erstellen Sie jedoch eine Navigationsleiste die lediglich auf den beiden standardm igen Rollover Bildern f r jede Schaltfl che basiert Hinweis Beim Erstellen eines Rollover Bilds oder einer Navigationsleiste m ssen Sie darauf achten dass alle Bilder f r jede Schaltfl che genau dieselbe Breite und H he in Pixel aufweisen Wenn sich die Schaltfl chen der Navigationsleiste nicht in einer Tabelle befinden k nnen sie in einigen Browsern in die n chste Zeile verschoben werden wenn der Besucher das Browserfenster zu sehr verkleinert Um dies zu verhindern f gen Sie dem div Tag das
115. en Dieses Tutorial enth lt die folgenden Lektionen e Den Code ansehen auf Seite 42 e Zum Code Arbeitsbereich wechseln nur Windows auf Seite 43 Ein Tag mit der Tag Auswahl hinzuf gen auf Seite 44 e Tags bearbeiten auf Seite 45 e Informationen ber ein Tag nachschlagen auf Seite 46 e Bilder mit Codehinweisen hinzuf gen auf Seite 47 e nderungen berpr fen auf Seite 48 e Code drucken auf Seite 48 Erg nzende Themen auf Seite 48 41 Den Code ansehen Dreamweaver erm glicht die Anzeige der Seite in einer von zwei Ansichten In der Entwurfsansicht in der das Dokument wie in einem Browser aussieht und in der Codeansicht in der Sie den zugrunde liegenden HTML Code anzeigen k nnen Sie k nnen auch eine geteilte Ansicht anzeigen in der Sie die Codeansicht und die Entwurfsansicht gleichzeitig sehen k nnen So zeigen Sie den HTML Code Ihrer Seite an 1 W hlen Sie Ansicht gt Symbolleisten gt Dokument um die Symbolleiste des Dokuments anzuzeigen falls sie noch nicht sichtbar ist 2 Klicken Sie in der Symbolleiste Dokument auf die Schaltfl che Code und Entwurfsansicht anzeigen die Schaltfl che hat die Beschriftung Teilen T Teilen Das Fenster wird geteilt und enth lt nun die Entwurfsansicht und den zugrunde liegenden HTML Code index html 3x e code E33 Teien La Design Titel Trio Home Page Eee ce lt div id main gt A
116. en Datensatz einf gen auf Assistent Einf geformular f r Datens tze a W hlen Sie Einf gen gt Anwendungsobjekte gt Datensatz einf gen gt Assistent Das Dialogfeld Einf geformular f r Datens tze wird angezeigt Einf geformular f r Datens tze Datenquelle Keiner Benutzername Kennwort Tabelle Nach dem Einf gen hierher gehen urspr ngliche Abfragezeichenfolge bergeben Formularfelder aa Spalte Beschriftung _ Anzeigenals _ senden als I Beschriftung Anzeigen als Textbereich m Senden als Text 4 W hlen Sie im Popupmen Datenquelle CmoldFusion oder Verbindung den Eintrag connTrio aus 5 Wenn f r die Datenquelle oder Verbindung ein Benutzername und ein Kennwort erforderlich sind geben Sie diese nun ein Wenn Sie beim Einrichten der Datenquelle oder Verbindung keinen Benutzernamen und kein Kennwort festgelegt haben lassen Sie diese Felder leer Stellen Sie sicher dass im Popupmen Tabelle der Eintrag COMMENTS ausgew hlt ist 7 Klicken Sie auf die Schaltfl che Durchsuchen neben dem Textfeld Nach dem Einf gen hierher gehen oder Bei Erfolg hierher gehen f r ASP NET 8 W hlen Sie im daraufhin angezeigten Dialogfeld die Datei comments view aus und klicken Sie dann auf OK um das Dialogfeld zu schlie en Nachdem die Besucher einen Kommentar eingegeben haben wird die Seite mit allen Kommentaren angezeigt Bei gr eren Webanwendungen k nnen Sie stat
117. en da sich die Bilddateien noch nicht auf dem Server befinden Gleicherma en kann ein Fehler auftreten wenn Sie auf einer Detailseite auf einen Hyperlink klicken w hrend Sie eine Masterseite in einem Browser anzeigen und sich die Detailseite nicht auf dem Server befindet So laden Sie die Beispieldateien an den Webserver hoch 1 W hlen Sie im Bedienfeld Dateien Fenster gt Dateien im Fenster Lokale Ansicht den Stammordner der Site aus Der Stammordner ist der erste Ordner in der Liste 2 Klicken Sie im Bedienfeld Dateien in der Symbolleiste auf das blaue Pfeilsymbol Datei en bereitstellen und best tigen Sie dass Sie die gesamte Site hochladen m chten Dreamweaver kopiert alle Dateien in den Webserver Ordner den Sie im Abschnitt Remote Ordner definieren auf Seite 106 festgelegt haben Die Dreamweaver Site ist nun definiert Stellen Sie als N chstes eine Verbindung zur Beispieldatenbank her die zusammen mit Dreamweaver installiert wurde Eine Dreamweaver Site definieren ASP NET 107 Verbindung mit der Beispieldatenbank herstellen ASP NET Bei der Installation kopiert Dreamweaver eine Beispieldatenbank im Format von Microsoft Access auf die Festplatte In diesem Abschnitt wird beschrieben wie Sie eine Verbindung zu dieser Beispieldatenbank erstellen Hinweis Weitere Informationen zur Verbindung mit anderen Datenbanken finden Sie unter Datenbankverbindungen f r ASP NET Entwickler in der Dreamweaver Hilfe
118. en dann eine Dreamweaver Site definieren und anschlie end eine Verbindung mit einer Datenbank herstellen Im vorliegenden Abschnitt finden Sie eine Checkliste f r jede dieser Aufgaben Die Aufgaben werden im weiteren Verlauf des Kapitels genauer beschrieben System konfigurieren 1 Installieren Sie den ColdFusion Anwendungsserver enth lt einen Webserver 2 Erstellen Sie einen Stammordner Dreamweaver Site definieren 1 Kopieren Sie die Beispieldateien in einen Ordner auf der Festplatte 2 Definieren Sie den Ordner als lokalen Dreamweaver Ordner 3 Definieren Sie einen Webserver Ordner als Dreamweaver Remote Ordner 4 Definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten 5 Laden Sie die Beispieldateien an den Webserver hoch 91 Verbindung mit der Datenbank herstellen 1 Wenn Sie einen Remote Computer als Server verwenden kopieren Sie die Beispieldatenbank auf den Remote Computer 2 Erstellen Sie eine ColdFusion Datenquelle im ColdFusion Administrator 3 Erstellen Sie die Verbindung in Dreamweaver System konfigurieren ColdFusion Dieser Abschnitt enth lt Anweisungen f r zwei allgemeine Systemkonfigurationen Eine Anweisung f r den Fall dass ColdFusion auf Ihrer Festplatte installiert ist und eine f r den Fall dass ColdFusion auf einem Remote Computer unter Windows installiert ist Wenn Sie eine andere Konfiguration verwenden m chten finden Sie weitere Informationen unter Webanwendungen ein
119. en kopieren auf Seite 21 2 Definieren Sie den Ordner als lokalen Dreamweaver Ordner siehe Mit dem Assistenten zur Site Definition einen lokalen Ordner definieren auf Seite 21 3 Definieren Sie einen Order auf einem Webserver als Dreamweaver Remote Ordner siehe Remote Ordner definieren auf Seite 25 4 Laden Sie die Beispieldateien an den Webserver hoch siehe Lokale Dateien hochladen auf Seite 27 20 Kapitel 2 Site einrichten Beispieldateien kopieren Beim Erstellen einer lokalen Site k nnen Sie bereits vorhandene Elemente Bilder oder andere Inhalte in einem Ordner innerhalb des Stammordners der Site ablegen Somit stehen diese Elemente zur Verf gung wenn Sie Ihren Seiten sp ter Inhalte hinzuf gen m chten Die mit Dreamweaver gelieferten Beispieldateien enthalten Elemente f r die Site die Sie im Rahmen dieser Erste Schritte Tutorials erstellen Die erste Aufgabe beim Erstellen der Site besteht darin die Beispieldateien vom Dreamweaver Anwendungsordner in einen geeigneten Ordner auf der Festplatte zu kopieren Hinweis Die empfohlene Ordnerstruktur und Speicherposition f r die lokale Site wurde gew hlt damit Sie den Tutorials problemlos folgen k nnen Wenn sich die Beispieldateien jedoch an der empfohlenen Stelle befinden k nnen Sie in der Beispielsite keine zum Site Stammordner relative Hyperlinks verwenden Daher wird in diesen Tutorials nur von dokumentrelativen Hyperlinks Gebrauch gemacht
120. en ASP Anwendungsserver PWS und US ben gleichzeitig die Funktion eines ASP Anwendungsservers aus Weitere Informationen ber das Installieren und Testen von PWS oder IIS finden Sie unter Webserver installieren auf Seite 85 Sie sollten den Server testen um sicherzustellen dass er ordnungsgem funktioniert Installation testen Sie k nnen die ASP Engine von PWS oder IIS testen indem Sie eine Testseite ausf hren So testen Sie die ASP Engine von PWS oder IIS 1 Erstellen Sie in Dreamweaver oder einem beliebigen Texteditor eine einfache Textdatei namens timetest aspor 2 Geben Sie in der Datei den folgenden Code ein lt p gt This page was created at lt b gt lt Time gt lt b gt on the computer running ASP lt p gt Dieser Code zeigt die Uhrzeit an zu der die Seite auf dem Server verarbeitet wurde 3 Kopieren Sie die Datei in den Ordner Inetpub wwwroot des Windows Rechners auf dem PWS oder IIS ausgef hrt wird 4 Geben Sie in Ihrem Webbrowser die URL der Testseite ein und dr cken Sie die Eingabetaste Wenn PWS oder IIS auf dem lokalen Computer ausgef hrt wird k nnen Sie die folgende URL eingeben http localhost timetest asp 14 Kapitel 11 ASP Beispiel Site installieren Die Testseite sollte nun ge ffnet werden und die Uhrzeit anzeigen siehe Abbildung http localhost timetest asp Microsoft Internet Explorer DER Datei Bearbeiten Ansicht Favoriten Extras Fd Q zur ck v z
121. en Webserver bei der Verarbeitung von Webseiten unterst tzt die serverbasierte Skripts oder Tags enthalten Wenn eine solche Seite vom Server angefordert wird bergibt der Webserver die Seite zur Verarbeitung an den Anwendungsserver bevor sie an den Browser gesendet wird Weitere Informationen finden Sie unter So funktioniert eine Webanwendung auf Seite 59 Zu den h ufig verwendeten Anwendungsservern geh ren Macromedia ColdFusion Macromedia JRun Server Microsoft NET Framework IBM WebSphere und Apache Tomcat Eine Datenbank ist eine in Tabellen gespeicherte Datensammlung Jede Zeile der Tabelle bildet einen Datensatz und jede Spalte bildet ein Feld im Datensatz wie im Folgenden gezeigt Felder Spalten Number Lastname Firstname Position Goa a ee a Datenbanktreiber ist Software die die Rolle eines Dolmetschers zwischen einer Webanwendung und einer Datenbank bernimmt Die Daten in einer Datenbank werden in einem speziellen Format gespeichert Mithilfe eines Datenbanktreibers kann die Webanwendung Daten lesen und bearbeiten die normalerweise nicht entziffert werden k nnten Ein Datenbankmanagementsystem DBMS oder Datenbanksystem ist Software die zur Erstellung und Bearbeitung von Datenbanken dient H ufig verwendete Datenbanksysteme sind beispielsweise Microsoft Access Oracle 9i und MySQL Eine Datenbankabfrage ist ein Vorgang bei dem eine Datensatzgruppe aus einer Datenbank extrahiert wird Eine Abfra
122. en body Text in der Hauptspalte links 9 Dr cken Sie er Windows bzw lt Befehl gt lt V gt Macintosh um den gesamten neuen Text einzuf gen 10 Setzen Sie die Einf gemarke vor das Wort Example in der Entwurfsansicht und dr cken Sie die Eingabetaste Windows bzw den Zeilenschalter Macintosh um f r das Beispiel einen separaten Absatz zu erstellen 11 Setzen Sie die Einf gemarke vor den Begriff Home Page in der Entwurfsansicht und dr cken Sie die Eingabetaste Windows bzw den Zeilenschalter Macintosh um f r diesen Begriff einen separaten Absatz zu erstellen 12 Speichern Sie die Seite Text Hyperlinks zwischen Seiten hinzuf gen Hyperlinks k nnen in einer beliebigen Phase der Site Erstellung erstellt werden Wenn Sie die Lektionen in diesem Handbuch bisher der Reihe nach durchgearbeitet haben haben Sie bereits Seiten erstellt und Inhalt eingef gt In dieser Lektion erstellen Sie Hyperlinks zwischen den von Ihnen erstellten Seiten Die Hyperlinks f r eine Site k nnen auch mit den beiden folgenden Methoden erstellt werden Erstellen Sie zun chst mehrere Dummy Seiten erstellen Sie Hyperlinks zwischen diesen Seiten und f gen Sie erst dann Inhalt hinzu e Bei der Erstellung einer Seite k nnen Sie Hyperlinks zu Seiten angeben die noch nicht vorhanden sind Sp ter erstellen Sie dann Seiten mit den Dateinamen auf die die bereits erstellten Hyperlinks verweisen So erstellen Sie einen Hyperli
123. er Das Fenster Testserver wird angezeigt F r Dreamweaver ist ein Testserver erforderlich um w hrend Ihrer Arbeit dynamischen Inhalt zu generieren und anzuzeigen Als Testserver kann der lokale Computer ein Entwicklungsserver ein Testserver oder ein Produktionsserver verwendet werden solange er ASP Seiten verarbeiten kann In vielen F llen so auch beim Einrichten der Trio Site k nnen Sie die gleichen Einstellungen wie bei der Kategorie Remote Information verwenden siehe Remote Ordner definieren auf Seite 118 da sie auf einen Server verweisen der ASP Seiten verarbeiten kann 2 W hlen Sie im Popupmen Servermodell die Option ASPJavaScript oder ASP VBScript 3 W hlen Sie im Textfeld Zugriff die Zugriffsmethode aus Lokal Netzwerk oder FTP die Sie f r den Zugriff auf den Remote Ordner gew hlt haben Dreamweaver gibt die Einstellungen vor die Sie in der Kategorie Remote Informationen festgelegt haben Behalten Sie die Einstellungen unver ndert bei 4 Geben Sie im Textfeld URL Pr fix die Stamm URL ein die Sie in einem Webbrowser eingeben w rden um eine Seite in Ihrer Webanwendung anzufordern Um w hrend Ihrer Arbeit Live Daten in Ihren Seiten anzuzeigen erstellt Dreamweaver eine tempor re Datei kopiert diese in den Stammordner Ihrer Website und versucht diese mit dem URL Pr fix abzurufen Dreamweaver versucht das URL Pr fix aus den Informationen abzuleiten die Sie im Dialogfeld Site Definition eingegeben h
124. er Inetpub wwwroot bertr gt Der Webserver bertr gt alle Seiten in diesem Ordner oder seinen Unterordnern an einen Webbrowser wenn diese ber eine HTTP Anforderung abgerufen werden 2 Um die Skriptberechtigung f r den Ordner zu aktivieren starten Sie die IS Verwaltung klicken Sie in Windows XP auf Start gt Systemsteuerung oder auf Start gt Einstellungen gt Systemsteuerung doppelklicken Sie dann auf Verwaltung und doppelklicken Sie auf Internet Informationsdienste Erweitern Sie die Liste Lokaler Computer dann den Ordner Websites und anschlie end den Ordner Standardwebsite Klicken Sie mit der rechten Maustaste auf den Ordner MySampleApp und klicken Sie dann im Popupmen auf Eigenschaften Sorgen Sie daf r dass im Popupmen Ausf hrberechtigungen die Option Nur Skripts ausgew hlt ist Aus Sicherheitsgr nden sollten Sie die Option Skripts und ausf hrbare Dateien nicht w hlen Klicken Sie dann auf OK Der Webserver ist nun so konfiguriert dass er die Webseiten in Ihrem Stammordner an einen Webbrowser bertragen kann wenn diese ber eine HTTP Anforderung abgerufen werden Nach der Konfiguration des Systems m ssen Sie eine Dreamweaver Site definieren Eine Dreamweaver Site definieren ASP NET Im Anschluss an die Konfiguration Ihres Systems m ssen Sie die Beispieldateien in einen lokalen Ordner kopieren und eine Dreamweaver Site zur Verwaltung der Dateien definieren Hinweis Wenn Sie Macromedia HomeSite oder Cold
125. er Seite bewirken die folgenden Aktionen 1 Eine Variable namens department wird erstellt der die Zeichenfolge Sales zugewiesen wird 2 Der Wert Sales der Variablen wird in den HTML Code geschrieben Der Anwendungsserver gibt die folgende Seite an den Webserver zur ck lt html gt lt head gt lt title gt Trio Motors Informationsseite lt title gt lt head gt lt body gt _ lt hl1 gt Uber Trio Motors lt h1 gt lt p gt Trio Motors ist ein f hrender Automobilhersteller lt p gt lt p gt Besuchen Sie unbedingt unsere Seite Sales lt p gt lt body gt lt html gt Der Webserver sendet die Seite an den Browser zur ck in dem sie folgenderma en angezeigt wird ber Trio Motors Trio Motors ist ein f hrender Automobilhersteller Besuchen Sie unbedingt unsere Seite Sales 64 Kapitel 6 Webanwendungen Sie w hlen eine Skript oder tagbasierte Sprache entsprechend der auf dem Server vorhandenen Servertechnologie Im Folgenden werden die gebr uchlichsten Programmiersprachen f r die f nf von Dreamweaver MX 2004 unterst tzten Servertechnologien aufgelistet Servertechnologie Programmiersprache ColdFusion ColdFusion Markup Language CFML ASP NET Visual Basic C Active Server Pages ASP VBScript JavaScript JavaServer Pages JSP Java PHP PHP Weitere Informationen finden Sie unter Eine Servertechnologie w hlen auf Seite 65 Dreamweaver kann die serverbasierten Skripts oder Tags s
126. er beispielsweise den Namen GettingStarted damit er denselben Namen wie der lokale Stammordner hat W hlen Sie in Dreamweaver Site gt Sites verwalten W hlen Sie eine Site aus zum Beispiel Trio Motors und klicken Sie auf Bearbeiten Klicken Sie oben im Dialogfeld auf die Registerkarte Grundeinstellungen NR O N Die ersten Seiten dieser Registerkarte haben Sie bereits beim Einrichten der lokalen Site ausgef llt Klicken Sie daher mehrmals auf Weiter bis der Schritt Dateifreigabe oben im Assistenten markiert ist Site Definition f r Trio Motors Grundeinstellungen Erweitert Site Definition Dateifreigabe Wie stellen Sie eine Verbindung zum Riemote Server her EEE lt zur ck _ weiter gt _ Abbrechen Hie 6 W hlen Sie im Popupmen Wie stellen Sie eine Verbindung zum Remote Server her die Methode aus mit der Sie eine Verbindung zur Remote Site herstellen m chten Die beiden gebr uchlichsten Verfahren zum Herstellen einer Verbindung mit einem Server im Internet sind FTP und SFTP Zum Herstellen einer Verbindung mit einem Server in einem Intranet oder mit dem lokalen Rechner falls Sie diesen als Webserver einsetzen wird normalerweise Lokal Netzwerk gew hlt Wenn Sie nicht genau wissen welche Methode geeignet ist wenden Sie sich an den Systemadministrator des Servers 7 Wenn Sie FTP gew hlt haben geben Sie die folgenden Optionen an m Geben Sie den Hostnamen des Servers ein wie z
127. er folgenden URLs wird beispielsweise die gleiche Seite in einem Browser ge ffnet http mer_noire gamelan soleil html http localhost gamelan soleil html Hinweis Anstelle des Servernamens oder des Wortes localhost k nnen Sie auch den Ausdruck 127 0 0 1 verwenden beispielsweise http 127 0 0 1 gamelan soleil htm Grundlagen zum Webserver 89 90 Kapitel 8 Webserver installieren KAPITEL 9 ColdFusion Beispiel Site installieren Macromedia Dreamweaver MX 2004 wird mit Beispielseiten im Format von ColdFusion MX geliefert mit denen Sie kleine Webanwendungen erstellen k nnen In diesem Kapitel wird ein m gliches Verfahren beschrieben mit dem Sie eine Beispielanwendung einrichten k nnen Das Einrichten einer Webanwendung umfasst drei Schritte Zun chst konfigurieren Sie das System Dann definieren Sie eine Dreamweaver Site Zum Schluss stellen Sie eine Verbindung zwischen der Anwendung und Ihrer Datenbank her Die vorliegende Anleitung ist in diese drei Schritte gegliedert Dieses Kapitel enth lt die folgenden Themen e Setup Checklisten f r ColdFusion Entwickler auf Seite 91 e System konfigurieren ColdFusion auf Seite 92 e Eine Dreamweaver Site definieren ColdFusion auf Seite 95 e Verbindung mit der Beispieldatenbank herstellen ColdFusion auf Seite 98 Setup Checklisten f r ColdFusion Entwickler Zum Einrichten einer Webanwendung m ssen Sie zun chst Ihr System konfigurier
128. er h her Website Stammordner in Netzwerk ader FTP Zugriff C lnetpub wwwroot IIS5 oder h her NET Framework Website Stam mordner in C Inetpub wwwroot 102 Kapitel 10 ASP NET Beispiel Site installieren So konfigurieren Sie das System 1 Sorgen Sie daf r dass Sie einen Webserver zur Verf gung haben siehe Vorhandensein eines Webservers berpr fen auf Seite 103 2 Installieren Sie das NET Framework siehe NET Framework installieren auf Seite 103 3 Erstellen Sie einen Stammordner siehe Stammordner erstellen auf Seite 104 Hinweis Die Installation des Webservers und des NET Frameworks muss nur ein einziges Mal durchgef hrt werden Vorhandensein eines Webservers berpr fen Zum Entwickeln und Testen dynamischer Webseiten ben tigen Sie einen Webserver Bei einem Webserver handelt es sich um Software die von Webbrowsern angeforderte Webseiten bereitstellt ASP NET Seiten k nnen nur mit dem Webserver Microsoft IIS 5 oder h her verwendet werden Microsoft Personal Web Server PWS unterst tzt ASPNET nicht Da IS 5 nur in den Betriebssystemen Windows 2000 und Windows XP Professional als Dienst enthalten ist k nnen Sie nur diese beiden Windows Versionen verwenden um ASPNET Anwendungen auszuf hren Windows 98 Me und NT werden nicht unterst tzt Stellen Sie sicher dass IIS 5 auf einem Computer mit Windows 2000 oder Windows XP Professional installiert ist und ausgef hrt wird
129. er im Netzwerk ausgef hrt verwenden Sie den Namen dieses Computers als Dom nennamen Wenn PWS oder IIS beispielsweise auf einem Computer namens rockford pc ausgef hrt wird geben Sie im Browser die folgende URL ein http rockford pc myTestFile html Hinweis Weitere Informationen ber Computernamen finden Sie unter Grundlagen zum Webserver auf Seite 88 Wenn Ihre Seite im Browser angezeigt wird bedeutet dies dass der Webserver normal ausgef hrt wird Wird die Seite dagegen nicht im Browser angezeigt stellen Sie sicher dass der Server aktiv ist Bei PWS beispielsweise doppelklicken Sie in der Taskleiste auf das Symbol des Webservers eine Hand die eine Webseite h lt Das Dialogfeld Personal Web Manager wird eingeblendet Wenn Sie im Bedienfeld Ver ffentlichen darauf hingewiesen werden dass das Webpublishing deaktiviert ist klicken Sie auf die Schaltfl che Starten und geben Sie dann im Browser die korrekte URL erneut ein Wenn die Seite immer noch nicht ge ffnet werden kann stellen Sie sicher dass sich die Testseite im Ordner Inetpub wwwroot befindet und die Dateierweiterung htm oder html hat PWS oder IIS testen 87 Macintosh Webserver testen PHP Entwickler Sie k nnen den bereits auf Ihrem Macintosh installierten Apache Webserver verwenden um PHP Anwendungen zu entwickeln Sie k nnen den Server testen indem Sie eine einfache HTML Seite mit dem Namen Eigenelestdatei html erstellen und im Or
130. eren F r die Trio Motors Beispielsite ist diese Funktion jedoch nicht erforderlich Klicken Sie auf Weiter Klicken Sie auf Fertig um das Einrichten der Remote Site abzuschlie en Klicken Sie erneut auf Fertig um das Dialogfeld Sites verwalten zu schlie en Lokale Dateien hochladen Nachdem Sie die lokalen Ordner und Remote Ordner eingerichtet haben k nnen Sie Ihre Dateien vom lokalen Ordner an den Webserver hochladen Um die Seiten ffentlich zug nglich zu machen m ssen die Dateien auch dann hochgeladen werden wenn sich der Webserver auf Ihrem lokalen Computer befindet So bertragen Sie Ihre Seiten auf eine Remote Site 1 4 2 W hlen Sie im Bedienfeld Dateien Fenster gt Dateien den lokalen Stammordner der Site aus Klicken Sie im Bedienfeld Dateien in der Symbolleiste auf das blaue Pfeilsymbol Datei en bereitstellen Dreamweaver kopiert alle Dateien in den Remote Ordner den Sie im Abschnitt Remote Ordner definieren auf Seite 25 festgelegt haben Dies kann einige Zeit dauern weil Dreamweaver alle Dateien der Site hochladen muss darunter mehrere Versionen einiger Dateien f r die Verwendung in mehreren Tutorials ffnen Sie die Remote Site in einem Browser um sicherzustellen dass alle Dateien korrekt bertragen wurden Dreamweaver Site definieren 27 28 Kapitel 2 Site einrichten KAPITEL 3 Tutorial Eine statische Seite erstellen In diesem Tutorial erfahren Sie wie Sie in Macromedia D
131. ergestellt werden kann gehen Sie folgenderma en vor m berpr fen Sie den DSN und die anderen Verbindungsparameter m berpr fen Sie die Einstellungen f r den Ordner ber den Dreamweaver dynamische Seiten verarbeitet siehe Ordner f r die Verarbeitung dynamischer Seiten festlegen auf Seite 130 m Weitere Informationen finden Sie unter Fehler bei Datenbankverbindungen beheben in der Dreamweaver Hilfe Hilfe gt Dreamweaver verwenden 7 Klicken Sie auf OK Die neue Verbindung wird im Bedienfeld Datenbanken angezeigt Die JSP Beispielanwendung ist nun installiert und bereit f r die Verwendung mit dem Leitfaden Erste Schritte mit Dreamweaver und den Tutorials Weitere Informationen finden Sie unter Tutorial Webanwendungen entwickeln auf Seite 69 134 Kapitel 12 JSP Beispiel Site installieren KAPITEL 13 PHP Beispiel Site installieren Macromedia Dreamweaver MX 2004 wird mit Beispiel Webseiten im PHP Format geliefert mit denen Sie kleine Webanwendungen erstellen k nnen In diesem Kapitel wird eines der m glichen Verfahren beschrieben die Sie zum Einrichten der Beispielanwendung mit Microsoft Internet Information Server IIS oder Personal Web Server PWS ausf hren k nnen Weitere Informationen ber diese Webserver finden Sie unter Webserver installieren auf Seite 85 Wenn Sie einen anderen Webserver verwenden finden Sie Informationen dazu unter Eine Webanwendung einrichten im Hilfethema
132. esendet Mit Webanwendungen k nnen Formulardaten direkt in einer Datenbank gespeichert werden Zudem k nnen Daten extrahiert und webbasierte Berichte zu Analysezwecken erstellt werden Beispiele sind Seiten f r das Online Banking oder f r Online Bestellungen Umfragen und Formulare mit Kunden Feedback Websites deren Inhalt sich h ufig ndert k nnen schneller aktualisiert werden Durch den Einsatz von Webanwendungen m ssen Webdesigner den HTML Code einer Site nicht st ndig aktualisieren Inhalt Provider wie Nachrichtenredaktionen stellen der Webanwendung Inhalt zur Verf gung und die Webanwendung aktualisiert die Site automatisch Beispiele sind die Zeitschrift Economist www economist com sowie CNN www cnn com Beispiel f r eine Webanwendung Julia ist professionelle Webdesignerin mit solider Erfahrung in Macromedia DreamweaverMX Ihre Aufgabe ist die Verwaltung der Intranet und Internet Sites eines mittelst ndischen Unternehmens mit 1000 Mitarbeitern Eines Tages spricht der Personalsachbearbeiter Chris sie an und bittet sie um Hilfe bei dem folgenden Problem Die Personalabteilung verwaltet ein Fitnessprogramm bei dem die Mitarbeiter Punkte f r jeden Kilometer erhalten den sie entweder gehen Rad fahren oder joggen Alle Mitarbeiter m ssen Chris per E Mail mitteilen wie viele Kilometer sie jeweils pro Monat zur ckgelegt haben Am Monatsende bearbeitet Chris alle E Mails und die Mitarbeiter erhalten als Preis kleinere
133. ethema Dreamweaver verwenden Geben Sie den Pfad bzw die FTP Einstellungen des Webserver Ordners ein den Sie im Abschnitt Stammordner erstellen auf Seite 116 erstellt haben Der Ordner kann sich auf der lokalen Festplatte oder auf einem Remote Computer befinden Auch wenn Sie den Ordner auf der Festplatte erstellt haben kann er als g ltiger Remote Ordner verwendet werden Das folgende Beispiel zeigt einen m glichen Remote Ordnerpfad wenn Sie den Zugriff ber Lokal Netzwerk w hlen und sich der Remote Ordner auf Ihrer Windows Festplatte befindet Remote Ordner C Inetpub wwwroot MySampleApp Weitere Informationen ber FTP finden Sie unter Remote Informationen f r den FTP Zugriff einstellen im Hilfethema Dreamweaver verwenden Lassen Sie das Dialogfeld Site Definition ge ffnet und definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten 118 Kapitel 11 ASP Beispiel Site installieren Ordner f r die Verarbeitung dynamischer Seiten festlegen Nachdem Sie den Dreamweaver Remote Ordner definiert haben m ssen Sie einen Ordner angeben um dynamische Seiten zu verarbeiten Dreamweaver verwendet diesen Ordner um w hrend der Entwicklung Ihrer Anwendung dynamische Seiten anzuzeigen und Datenbanken zu verbinden So definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten 1 Klicken Sie im Dialogfeld Site Definition auf der Registerkarte Erweitertin der Liste Kategorie auf Testserv
134. f gen von Tags und geeigneten Attributwerten ist So schreiben Sie Code mit der Tag Auswahl 1 ffnen Sie die Datei index html falls sie nicht bereits ge ffnet ist und zeigen Sie sie in der Codeansicht an Ansicht gt Code 2 W hlen Sie Ansicht gt Codeansichtsoptionen gt Umbruch um den Zeilenumbruch zu aktivieren sofern er noch nicht bereits aktiviert ist 3 W hlen Sie im Code direkt hinter dem ersten body Tag das img Tag f r das Bannerbild am Seitenanfang aus Hinweis Sorgen Sie daf r dass das gesamte img Tag ausgew hlt ist einschlie lich den spitzen Klammern davor und dahinter 4 Klicken Sie mit der rechten Maustaste Windows bzw bei gedr ckter Taste lt Ctrl gt Macintosh auf den ausgew hlten Text und w hlen Sie dann im Kontextmen den Befehl Tag einf gen Die Tag Auswahl wird eingeblendet 5 Erweitern Sie in der Tag Auswahl die Kategorie HTML Tags und anschlie end die Unterkategorie Formatierung und Layout und w hlen Sie dann Allgemein W hlen Sie in der im rechten Fenster angezeigten Liste von Tagnamen die Option div Hinweis Sie k nnen auch die Kategorie HTML Tags und dann das div Tag im rechten Fenster ausw hlen ohne zuerst Formatierung und Layout zu vergr ern 6 Klicken Sie auf Einf gen Es wird ein Tag Editor f r das div Tag angezeigt 7 W hlen Sie im Tag Editor die Kategorie Stylesheet Eingabehilfe und geben Sie im Textfeld Klasse den Namen logo ein Tag Editor Div Allgeme
135. f Ihrem Computer installieren und einsetzen Microsoft Personal Web Server PWS oder Internet Information Server IS eine erweiterte Version von PWS Der Webserver kann auch auf einem Windows Computer im Netzwerk installiert werden damit er anderen Entwicklern im Team zur Verf gung steht Wenn Sie Windows Benutzer sind und ColdFusion Anwendungen entwickeln m chten k nnen Sie stattdessen den mit der Entwicklungsversion von ColdFusion MX installierten Webserver verwenden Weitere Informationen finden Sie unter Kapitel 9 ColdFusion Beispiel Site installieren auf Seite 91 M glicherweise ist PWS oder IIS bereits auf Ihrem Computer installiert berpr fen Sie ob Ihre Ordnerstruktur den Ordner C Inetpub oder D Inetpub enth lt Dieser Ordner wird bei der Installation von PWS und IIS erstellt Wenn der Ordner nicht vorhanden ist gehen Sie folgenderma en vor Windows 98 Kopieren Sie die PWS Setup Datei von der Windows 98 CD auf Ihre Festplatte Diese Datei befindet sich im Ordner Add Ons PWS Installieren Sie dann den Webserver Eine Anleitung hierzu finden Sie unter Personal Web Server installieren auf Seite 86 Windows 2000 Installieren Sie IIS Weitere Informationen finden Sie unter Internet Information Server installieren auf Seite 87 Windows XP Professional Installieren Sie IIS Weitere Informationen finden Sie unter Internet Information Server installieren auf Seite 87 Wenn Sie Macintosh Benutzer
136. fad bzw die FTP Einstellungen des Webserver Ordners ein den Sie im Abschnitt Stammordner erstellen auf Seite 104 erstellt haben Der Ordner kann sich auf der lokalen Festplatte oder auf einem Remote Computer befinden Auch wenn Sie den Ordner auf der Festplatte erstellt haben kann er als g ltiger Remote Ordner verwendet werden Das folgende Beispiel zeigt einen m glichen Remote Ordnerpfad wenn Sie den Zugriff ber Lokal Netzwerk w hlen und sich der Remote Ordner auf Ihrer Windows Festplatte befindet Remote Ordner C Inetpub wwwroot MySampleApp Weitere Informationen ber FTP finden Sie unter Remote Informationen f r den FTP Zugriff einstellen im Hilfethema Dreamweaver verwenden Lassen Sie das Dialogfeld Site Definition ge ffnet und definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten Ordner f r die Verarbeitung dynamischer Seiten festlegen Nachdem Sie den Dreamweaver Remote Ordner definiert haben m ssen Sie einen Ordner angeben um dynamische Seiten zu verarbeiten Dreamweaver verwendet diesen Ordner um w hrend der Entwicklung Ihrer Anwendung dynamische Seiten anzuzeigen und Datenbanken zu verbinden So definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten 1 Klicken Sie im Dialogfeld Site Definition auf der Registerkarte Erweitert in der Liste Kategorie auf Testserver Das Fenster Testserver wird angezeigt Dreamweaver ben tigt die Dienste eines Testservers um w hrend
137. fortzufahren Der n chste Bildschirm des Assistenten wird eingeblendet in dem Sie eine bersicht Ihrer Einstellungen sehen k nnen Klicken Sie auf Weiter und im n chsten Dialogfeld auf Fertig Ihre neue Site wird nun im Dialogfeld Sites verwalten angezeigt Klicken Sie auf Fertig um das Dialogfeld Sites verwalten zu schlie en 24 Kapitel 2 Site einrichten Im Bedienfeld Dateien wird der neue lokale Stammordner der aktuellen Site angezeigt Die Dateiliste im Bedienfeld Dateien hat die Funktion eines Dateimanagers mit dem Sie Dateien genauso wie auf einem Computer Desktop kopieren einf gen l schen verschieben und ffnen k nnen w Dateien 3 Dateien B Trio Motors ij Lokale Ansicht w Aclstrials Site Trio Motors C Dokumente und Eins A EZ Sie haben jetzt einen lokalen Stammordner f r Ihre Site festgelegt Sie k nnen nun die restlichen Tutorials in diesem Handbuch durcharbeiten um die Beispielsite f r Trio Motors zu erstellen oder Sie k nnen Ihre eigenen Seiten bearbeiten Wenn Sie das Erstellen und Bearbeiten von Seiten abgeschlossen haben definieren Sie einen Remote Ordner auf einem Server Anschlie end k nnen Sie Ihre Seiten ver ffentlichen Remote Ordner definieren Der n chste Schritt nach dem Erstellen einer Website ist ihre Ver ffentlichung durch das Laden der Dateien auf einen Remote Webserver Zun chst ben tigen Sie Zugriff auf einen Remote Webserver Dabei
138. ge besteht aus Suchkriterien die in einer Datenbanksprache namens SQL ausgedr ckt werden Die Abfrage kann beispielsweise vorgeben dass nur bestimmte Spalten oder Datens tze in die Datensatzgruppe aufgenommen werden 66 Kapitel 6 Webanwendungen Eine dynamische Seite ist eine Webseite die zur Laufzeit von einem Anwendungsserver angepasst und erst dann an den Browser gesendet wird Weitere Informationen finden Sie unter So funktioniert eine Webanwendung auf Seite 59 Eine Datensatzgruppe ist eine Datenteilmenge die aus Tabellen einer Datenbank extrahiert wird wie im folgenden Beispiel gezeigt Datensatzgruppentabelle Eine relationale Datenbank ist eine Datenbank die mehr als eine Tabelle enth lt wobei die Daten von den Tabellen gemeinsam genutzt werden Die folgende Datenbank ist relational da die Spalte DepartmentID von zwei Tabellen genutzt wird EmpEmployees EmpDepartments DepartmentlD DepartmentName Eine Servertechnologie wird von einem Anwendungsserver verwendet um zur Laufzeit dynamische Seiten zu ndern Die Dreamweaver Entwicklungsumgebung unterst tzt die folgenden Servertechnologien e Macromedia ColdFusion e Microsoft ASPNET e Microsoft Active Server Pages ASP e Sun JavaServer Pages JSP e PHP Hypertext Preprocessor PHP Mit der Code Entwicklungsumgebung von Dreamweaver k nnen Sie auch Seiten f r beliebige andere Servertechnologien entwickeln die nicht in der obigen Liste
139. gruppe hinzuf gen 1 F hren Sie einen der folgenden Schritte aus um das Bedienfeld Bindungen zu ffnen falls es nicht bereits ge ffnet ist a W hlen Sie Fenster gt Bindungen m Klicken Sie in der Bedienfeldgruppe Anwendung auf den Erweiterungspfeil und w hlen Sie dann das Bedienfeld Bindungen 2 F hren Sie einen der folgenden Schritte aus um der Tabelle das Feld FIRST_NAME hinzuzuf gen a Setzen Sie die Einf gemarke in die Tabellenzelle unter der Beschriftung Vorname W hlen Sie dann im Bedienfeld Bindungen die Option FIRST_NAME und klicken Sie auf Einf gen m Ziehen Sie FIRST_NAME aus dem Bedienfeld Bindungen in die Tabellenzelle unterhalb der Beschriftung Vorname 76 Kapitel 7 Tutorial Webanwendungen entwickeln 3 Wiederholen Sie Schritt 2 um der Tabelle die Felder LAST_NAME EMAIL und COMMENTS nicht jedoch COMMENT_ID hinzuzuf gen Die Tabelle sollte nun folgenderma en aussehen M glicherweise m ssen Sie das Dokumentfenster verbreitern um alles zu sehen 609 311 Vorname Nachname E Mail I Kommentare rs_Comment FIRST_NAME rs Comment LAST_NAME rs_Comment EMAIL rs_Comment COMMENT_ID 4 Speichern Sie die Seite Einen wiederholten Bereich festlegen Die erstellte Tabelle enth lt nur eine Zeile f r Daten Damit alle Datens tze angezeigt werden m ssen Sie diese Tabellenzeile als wiederholten Bereich festlegen Wenn die Tabelle in einem Browser angezeigt
140. hecklisten f r JSP Entwickler Zum Einrichten einer Webanwendung m ssen Sie zun chst Ihr System konfigurieren dann eine Dreamweaver Site definieren und anschlie end eine Verbindung mit einer Datenbank herstellen Im vorliegenden Abschnitt finden Sie eine Checkliste f r jede dieser Aufgaben Die Aufgaben werden im restlichen Kapitel genauer beschrieben System konfigurieren 1 Sorgen Sie daf r dass Sie einen Webserver zur Verf gung haben 2 Installieren Sie den JSP Anwendungsserver 3 Erstellen Sie einen Stammordner 123 Dreamweaver Site definieren Kopieren Sie die Beispieldateien in einen Ordner auf der Festplatte Definieren Sie den Ordner als lokalen Dreamweaver Ordner 1 2 3 Definieren Sie einen Webserver Ordner als Dreamweaver Remote Ordner 4 Definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten 5 Laden Sie die Beispieldateien an den Webserver hoch Verbindung mit der Datenbank herstellen 1 Installieren Sie einen JDBC ODBC Bridge Treiber 2 Wenn Sie einen Remote Computer als Server verwenden kopieren Sie die Beispieldatenbank auf den Remote Computer 3 Erstellen Sie die Verbindung in Dreamweaver System konfigurieren JSP Dieser Abschnitt enth lt Anweisungen f r zwei allgemeine Systemkonfigurationen Eine Konfiguration in der Microsoft IIS oder PWS auf der Festplatte installiert ist und eine in der IIS oder PWS auf einem Remote Computer unter Windows installiert ist Wenn Sie eine an
141. hlen wird eingeblendet Dreamweaver Site definieren 23 11 12 13 14 15 16 Navigieren Sie im Dialogfeld Lokalen Stammordner f r Site w hlen zun chst zum Ordner Sites Lokal auf der Festplatte d h zu dem Ordner in den Sie die Beispieldateien kopiert haben siehe Beispieldateien ee auf Seite 21 W hlen Sie den Ordner GettingStarted innerhalb des Ordners Sites Lokal aus Offnen Sie den Ordner GettingStarted und klicken Sie auf Ausw hlen Windows bzw auf W hlen Macintosh Site Definition f r Trio Motors nn Grundeinstellungen Erweitert Site Definition Dateibearbeitung Teil 3 Wie m chten Sie Ihre Dateien in der Entwicklungsphase bearbeiten Lokale Kopien auf meinem Rechner bearbeiten und anschlie end auf den Server laden empfohlen ber lokales Netzwerk direkt auf dem Server bearbeiten Wo auf Ihrem Rechner m chten Sie Ihre Dateien speichem CATrio Motors Klicken Sie auf Weiter um mit dem n chsten Schritt fortzufahren Auf der n chsten Seite des Assistenten werden Sie gefragt wie Sie die Verbindung zum Remote Server herstellen W hlen Sie an dieser Stelle im Popupmen die Option Keine Ihre Remote Site k nnen Sie sp ter einrichten siehe Remote Ordner definieren auf Seite 25 Im Moment ben tigen Sie nur Informationen ber die lokale Site damit Sie mit der Erstellung einer Seite beginnen k nnen Klicken Sie auf Weiter um mit dem n chsten Schritt
142. hzuvollziehen wenn Sie das mitgelieferte Beispielmaterial verwenden 8 Einf hrung Willkommen bei Dreamweaver Weitere Medien Das Dreamweaver Paket enth lt verschiedene Lehrmedien die Ihnen helfen sollen das Programm schnell zu erlernen und eigene professionelle Websites und Webseiten zu erstellen Die Dreamweaver Hilfe enth lt umfassende Informationen zur Verwendung aller Aspekte von Dreamweaver Die Dreamweaver Hilfe wird im Hilfesystem des Betriebssystems angezeigt Microsoft HTML Hilfe Windows oder Apple Hilfe Macintosh Dreamweaver verwenden ist eine PDF Version der Dreamweaver Hilfe die Informationen zur Verwendung der Befehle und Funktionen von Dreamweaver enth lt Einige Themen sind in der PDF Version nicht enthalten Zu diesen Themen finden Sie in der Dreamweaver Hilfe weitere Informationen Die PDF Datei ist auf der Dreamweaver CD verf gbar Die Website des Dreamweaver Support Center unter http www macromedia com go dreamweaver_support_de wird regelm ig mit den neuesten Informationen zu Dreamweaver aktualisiert und enth lt Ratschl ge von erfahrenen Benutzern Beispiele Tipps und Updates sowie Informationen zu weiterf hrenden Themen Macromedia DevNet unter http www macromedia com go developer_de bietet Tools Tutorials und vieles mehr zu allen Macromedia Produkten Weitere Informationen zu den Informations und Lehrmedien f r Dreamweaver finden Sie unter Einf hrung in die Lehrmedien von Dreamwe
143. ich die Detailseite nicht auf dem Server befindet So laden Sie die Beispieldateien an den Webserver hoch 1 W hlen Sie im Bedienfeld Dateien Fenster gt Dateien im Fenster Lokale Ansicht den Stammordner der Site aus Der Stammordner ist der erste Ordner in der Liste 2 Klicken Sie im Bedienfeld Dateien in der Symbolleiste auf das blaue Pfeilsymbol Datei en bereitstellen und best tigen Sie dass Sie die gesamte Site hochladen m chten Dreamweaver kopiert alle Dateien in den Webserver Ordner den Sie im Abschnitt Remote Ordner definieren auf Seite 96 festgelegt haben Die Dreamweaver Site ist nun definiert Stellen Sie als N chstes eine Verbindung zur Beispieldatenbank her die zusammen mit Dreamweaver installiert wurde Verbindung mit der Beispieldatenbank herstellen ColdFusion Bei der Installation kopiert Dreamweaver eine Beispieldatenbank im Microsoft Access Format auf die Festplatte In diesem Abschnitt wird beschrieben wie Sie eine Verbindung zu dieser Beispieldatenbank erstellen Hinweis Weitere Informationen zum Verbinden mit anderen Datenbanken finden Sie unter Datenbankverbindungen f r ColdFusion Entwickler im Hilfethema Dreamweaver verwenden So erstellen Sie eine Datenbankverbindung 1 Wenn Sie einen Remote Computer als Server verwenden richten Sie die Beispieldatenbank auf dem Remote Computer ein Weitere Informationen finden Sie unter Datenbank einrichten Remote Computer als Server a
144. icht Einf gen Modifizieren Text Befehle Site Fenster Hilfe itled 1 s2 Code Teilen 4 Design Tel unbfnanntes Dokument Tee co Remote ar w aCe trala Format Standard x Stil Keine Ischriftart Standardschriftar v Gr e Standard v Tag Selektor Eigenschafteninspektor Dateien Bedienfeld Auf der Hauptseite nicht abgebildet k nnen Sie ein k rzlich bearbeitetes Dokument ffnen oder ein neues Dokument erstellen Von der Hauptseite aus k nnen Sie au erdem N heres ber Dreamweaver erfahren indem Sie an einer Tour durch das Produkt teilnehmen oder ein Tutorial durcharbeiten Die Einf geleiste enth lt Schaltfl chen zum Einf gen verschiedener Objekttypen wie Bildern Tabellen und Ebenen in ein Dokument Jedes Objekt entspricht einem HTML Codeabschnitt in dem Sie beim Einf gen verschiedene Attribute festlegen k nnen Sie k nnen beispielsweise eine Tabelle einf gen indem Sie in der Einf geleiste auf das Symbol Tabelle klicken Wenn Sie es vorziehen k nnen Sie zum Einf gen von Objekten anstelle der Einf geleiste auch das Men Einf gen verwenden Die Dokument Symbolleiste enth lt Schaltfl chen und Popupmen s mit denen Sie verschiedene Ansichten des Dokumentfensters wie die Entwurfsansicht und die Codeansicht diverse Ansichtsoptionen und h ufig verwendete Operationen wie das Anzeigen einer Vorschau im Browser aufrufen k nnen Im Dokumentfenster werden die Dokumente angezeigt
145. icken Sie auf das Ordnersymbol neben dem Textfeld des lokalen Stammordners und w hlen Sie dann im Ordner GettingStarted den Ordner mit den ASP NET Beispieldateien aus Der Ordner sollte den folgenden Pfad haben m C Dokumente und Einstellungen hr_Benutzername Eigene Dateien Sites Lokal GettingStarted 4 Develop aspnet Windows m Benutzer hr_Benutzernamel Dokumente Sites Lokal GettingStarted 4 Develop aspnet Macintosh Lassen Sie das Dialogfeld Site Definition ge ffnet Definieren Sie einen Webserver Ordner als Dreamweaver Remote Ordner Eine Dreamweaver Site definieren ASP NET 105 Remote Ordner definieren Definieren Sie im Anschluss an das Definieren eines lokalen Ordners einen Webserver Ordner der als Remote Ordner f r Dreamweaver verwendet werden soll So definieren Sie den Remote Ordner f r Dreamweaver 1 W hlen Sie im Dialogfeld Site Definition in der Registerkarte Erweitert in der Liste Kategorie die Kategorie Remote Informationen Der Bildschirm Remote Informationen wird angezeigt W hlen Sie im Popupmen Zugriff wie Sie die Dateien zum Server und vom Server bertragen m chten ber ein lokales Netzwerk Option Lokal Netzwerk oder durch FTP Hinweis Es gibt noch andere Optionen im Popupmen Zugriff Diese werden in der vorliegenden Anleitung jedoch nicht beschrieben Weitere Informationen zu diesen Optionen finden Sie in der Dreamweaver Hilfe Hilfe gt Dreamweaver verwenden Geben Sie den P
146. ie Kopfzeile Lorem Ipsum Dolor oben auf der Seite W hlen Sie im Tag Selektor unten im Dokumentfenster das Tag lt h1 gt aus und dr cken Sie die R cktaste Windows bzw die R ckschritttaste Macintosh Der Text und das h1 Tag werden gel scht 8 Behalten Sie die Einf gemarke an ihrem Ort und wiederholen Sie die Schritte 2 bis 6 um einen weiteren Bildplatzhalter einzuf gen Geben Sie diesem Platzhalter den Namen Banner und geben Sie f r die Breite den Wert 600 und f r die H he den Wert 41 ein Sie werden diese Platzhalter sp ter durch ein Bannerbild ersetzen das quer ber den Anfang der Seite verl uft 9 Speichern Sie die Seite 32 Kapitel 3 Tutorial Eine statische Seite erstellen Einen Seitentitel festlegen Sie k nnen verschiedene Eigenschaften f r eine Seite festlegen beispielsweise den Titel die Hintergrundfarbe die Textfarbe usw W hlen Sie zum Festlegen von Seiteneigenschaften Modifizieren gt Seiteneigenschaften Wenn nur der Seitentitel festgelegt werden soll der Titel der in der Titelleiste des Browsers angezeigt wird kann dazu die Dokument Symbolleiste verwendet werden So legen Sie einen Seitentitel f r Ihre Seite fest 1 W hlen Sie Ansicht gt Symbolleisten gt Dokument um die Symbolleiste des Dokuments anzuzeigen falls sie noch nicht sichtbar ist Die Symbolleiste des Dokuments wird oberhalb des Dokumentfensters angezeigt Codeansicht anzeigen Keine Browser Pr ffehler
147. ie den JDBC ODBC Bridge Treiber auf dem Computer So richten Sie die Beispieldatenbank auf dem Remote Computer ein 1 Kopieren Sie die Datenbank auf die Festplatte des Remote Computers Wenn Sie Dreamweaver am Standardspeicherort installiert haben lautet der Pfad zur Datenbankdatei trio mdb auf Ihrer Festplatte wie folgt m C Programme Macromedia Dreamweaver MX 2004 Samples Database trio mdb Windows m Programme Macromedia Dreamweaver MX 2004 Samples Database trio mdb Macintosh Sie k nnen die Datei in einem beliebigen Ordner im Remote Computer speichern oder einen neuen Ordner f r die Datei anlegen Vorsicht Wenn Sie die Datenbankdatei im Ordner Inetpub auf dem Remote Computer ablegen bestehen gewisse Sicherheitsrisiken Es empfiehlt sich daher die Datei in einem Ordner zu speichern der nicht ffentlich zug nglich ist 132 Kapitel 12 JSP Beispiel Site installieren 2 w 1 Stellen Sie sicher dass der Microsoft Access Treiber Version 4 0 oder eine h here Version im Remote Computer installiert ist Pr fen Sie zun chst ob der Treiber bereits installiert ist Informationen hierzu finden Sie unter Die im Windows System installierten ODBC Treiber anzeigen im Hilfethema Dreamweaver verwenden Wenn der Treiber nicht installiert ist laden Sie die MDAC Pakete 2 5 und 2 7 MDAC Microsoft Data Access Components auf den Remote Computer herunter Die MDAC Pakete k nnen Sie von der Microsoft Website unte
148. ie einen der folgenden Schritte aus m Wenn der Server Ihr lokaler Computer ist w hlen Sie die Option Mithilfe des lokalen DSN m Wenn der Server ein Remote System ist w hlen Sie die Option Mithilfe des DSN auf dem Testserver Macintosh Benutzer k nnen diesen Schritt ignorieren da alle Datenbankverbindungen ber DSNs auf dem Testserver erfolgen Klicken Sie auf die Schaltfl che DSN und w hlen Sie in der Liste der DSN den Namen TrioMotors aus Wenn Sie Dreamweaver auf einem Windows Computer verwenden hat Dreamweaver w hrend der Installation einen DSN namens TIrioMotors erstellt der auf die Microsoft Access Datenbank im Ordner Samples Database im Anwendungsordner von Dreamweaver MX 2004 verweist Klicken Sie auf Testen Dreamweaver versucht eine Verbindung zur Datenbank aufzubauen Wenn keine Verbindung hergestellt werden kann gehen Sie folgenderma en vor m berpr fen Sie den DSN m berpr fen Sie die Einstellungen f r den Ordner ber den Dreamweaver dynamische Seiten verarbeitet siehe Ordner f r die Verarbeitung dynamischer Seiten festlegen auf Seite 119 m Weitere Informationen finden Sie unter Fehler bei Datenbankverbindungen beheben im Hilfethema Dreamweaver verwenden Klicken Sie auf OK Die neue Verbindung wird im Bedienfeld Datenbanken angezeigt Die ASP Beispielanwendung ist nun installiert und bereit f r die Verwendung mit dem Leitfaden Erste Schritte mit Dreamweaver und
149. ie im Hilfethema Dreamweaver verwenden Als zweite Seite wird in der Trio Motors Site die Nachrichtenseite erstellt Sie erstellen die Nachrichtenseite indem Sie zun chst eine Kopie der Hauptseite index html anlegen Anschlie end entfernen Sie den Inhalt der nicht auf der Nachrichtenseite enthalten sein soll und f gen den neuen Inhalt hinzu Unter Mit einem Stil versehenen Text hinzuf gen auf Seite 33 wird genauer beschrieben wie Sie Text hinzuf gen und formatieren So erstellen Sie eine Kopie der ersten Seite index html 1 W hlen Sie im Bedienfeld Dateien die Datei index html aus 2 Klicken Sie im Kontextmen des Bedienfelds Dateien auf Bearbeiten gt Duplizieren Eine Kopie der Datei wird eingeblendet Tipp Wenn die Kopie nicht sofort angezeigt wird klicken Sie im Bedienfeld Site auf die Schaltfl che Aktualisieren um die Kopie einzublenden 3 W hlen Sie die neue duplizierte Datei aus Klicken Sie nach einer kurzen Pause noch einmal auf die Datei damit der Dateiname bearbeitet werden kann das gleiche Verfahren kommt auch im Windows Explorer und im Macintosh Finder zum Einsatz 4 Geben Sie der neuen Datei einen neuen Namen wie beispielsweise Nachrichten html So entfernen Sie berfl ssiges Material aus der neuen Seite 1 Doppelklicken Sie im Bedienfeld Dateien auf die neue Seite Nachrichten html um sie zu ffnen berpr fen Sie anhand der Titelleiste des Dokumentfensters dass die Datei N
150. ie news_button f r den Elementnamen btnNews jpg f r Up Bild btnNews_on jpg f r Over Bild News f r den Alternativtext und news html als URL ein Klicken Sie erneut auf die Schaltfl che mit dem Pluszeichen oben auf der Seite um der Navigationsleiste eine weitere Schaltfl che hinzuzuf gen Wiederholen Sie die Schritte 6 bis 13 Geben Sie owners_button f r den Elementnamen btnOwners jpg f r Up Bild btnOwners_on jpg f r Over Bild Owners f r den Alternativtext und owners html als URL ein Klicken Sie erneut auf die Schaltfl che mit dem Pluszeichen oben auf der Seite um der Navigationsleiste eine weitere Schaltfl che hinzuzuf gen Wiederholen Sie die Schritte 6 bis 13 Geben Sie services_button f r den Elementnamen btnServices jpg f r Up Bild btnServices_on jpg f r Over Bild Services f r den Alternativtext und services html als URL ein Sorgen Sie im Popupmen Einf gen unten im Dialogfeld daf r dass die Einstellung Horizontal ausgew hlt ist Deaktivieren Sie das Kontrollk stchen Tabellen verwenden Klicken Sie auf OK um das Dialogfeld zu schlie en und die Navigationsleiste zu erstellen Im Dokument werden die Bilder angezeigt die Sie als Up Bilder definiert haben Speichern Sie die Seite 54 Kapitel 5 Tutorial Seiten verkn pfen und in der Vorschau anzeigen So gew hrleisten Sie dass alle Schaltfl chen der Navigationsleiste immer auf derselben Zeile bleiben 1 W hlen Sie eines der Navigationsl
151. ig und Wiederholen Das Men Datei enth lt auch diverse andere Befehle zum Anzeigen oder Verarbeiten des aktuellen Dokuments wie Vorschau in Browser und Code drucken Das Men Bearbeiten enth lt Auswahl und Suchbefehle wie bergeordnetes Tag ausw hlen und Suchen und ersetzen In Windows k nnen Sie ber das Men Bearbeiten auch die Voreinstellungen aufrufen Beim Macintosh ffnen Sie das Dialogfeld Voreinstellungen ber das Men Dreamweaver ber das Men Ansicht k nnen Sie die verschiedenen Ansichten Ihres Dokuments aufrufen wie Entwurfsansicht und Codeansicht und diverse Seitenelemente Dreamweaver Werkzeuge und Symbolleisten ein oder ausblenden Das Men Einf gen ist eine Alternative zur Leiste Einf gen um in ein Dokument Objekte einzuf gen Im Men Modifizieren k nnen Sie Eigenschaften des ausgew hlten Seitenelements oder Objekts ndern In diesem Men k nnen Sie Tag Attribute bearbeiten Tabellen und Tabellenelemente ndern und verschiedene Aktionen f r Bibliothekselemente und Vorlagen ausf hren Das Men Text erm glicht das einfache Formatieren von Textzeichenfolgen ber das Men Befehle k nnen Sie auf diverse Befehle zugreifen z B zum Formatieren von Code nach pers nlichen Einstellungen zum Erstellen eines Fotoalbums und zum Optimieren von Bildern mit Macromedia Fireworks Das Men Site enth lt Men optionen zur Verwaltung von Sites sowie zum Upload und Download von Dateien Tipp Einige Fun
152. igurationen Eine Konfiguration in der Microsoft IIS oder PWS auf der Festplatte installiert ist und eine in der IIS oder PWS auf einem Remote Computer unter Windows installiert ist Wenn Sie eine andere Konfiguration verwenden m chten finden Sie weitere Informationen unter Webanwendungen einrichten im Hilfethema Dreamweaver verwenden 12 Kapitel 11 ASP Beispiel Site installieren In der folgenden Abbildung werden die in diesem Abschnitt beschriebenen Konfigurationen dargestellt Lokale Konfiguration Remote Server Konfiguration nur Windows Macintosh und Windows PWS oder IIS Website Stammordner in C Inetpub wwwroot Netzwerk oder FTP Zugriff PWS oder IIS Website Stammordner in c Inetpub wwwroot So konfigurieren Sie das System 1 Sorgen Sie daf r dass Sie einen Webserver zur Verf gung haben siehe Vorhandensein eines Webservers berpr fen auf Seite 114 2 Erstellen Sie bei Bedarf einen Anwendungsserver siehe ASP Anwendungsserver erstellen auf Seite 114 3 Testen Sie Ihre Installation siehe Installation testen auf Seite 114 4 Erstellen Sie einen Stammordner siehe Stammordner erstellen auf Seite 116 Hinweis Die Installation des Webservers und Anwendungsservers muss nur ein einziges Mal durchgef hrt werden System konfigurieren ASP 113 Vorhandensein eines Webservers berpr fen Zum Entwickeln und Testen dynamischer Webseiten ben tigen Sie ei
153. im Dialogfeld Select Component ausgew hlt ist Sie sollte standardm ig bereits ausgew hlt sein Bei der Installation des SDK wird der Treiber automatisch installiert F r Entwicklungszwecke mit weniger anspruchsvollen Datenbanksystemen wie etwa Microsoft Access reicht der Sun JDBC ODBC Bridge Treiber aus F r Produktionszwecke ist er jedoch nicht ausgelegt Mit diesem Treiber kann beispielsweise immer nur eine JSP Seite eine Verbindung zur Datenbank herstellen die gleichzeitige Nutzung durch mehrere Threads ist nicht m glich Weitere Informationen ber Beschr nkungen des Treibers finden Sie in Artikel 17392 im Macromedia Support Center unter www macromedia com go jdbc odbc_problems in englischer Sprache Nach der Installation des Bridge Treibers richten Sie gegebenenfalls die Datenbank ein und erstellen Sie dann eine Datenbankverbindung in Dreamweaver Datenbank einrichten Remote Computer als Server Dieser Abschnitt ist nur relevant wenn ein Remote Computer als Server verwendet wird Wenn der Webserver auf demselben Computer wie Dreamweaver ausgef hrt wird fahren Sie mit Datenbankverbindung erstellen auf Seite 133 fort Vor dem Aufbauen einer Verbindung mit der Beispieldatenbank f hren Sie folgende Aufgaben auf dem Remote Computer aus der als Webserver dient Kopieren Sie die Beispieldatenbank auf die Festplatte Ihres Computers erstellen Sie einen DSN auf dem Computer der auf die Datenbank verweist und installieren S
154. imetest php eingegeben Wenn Sie den Dateipfad im Browser angeben wie Sie es m glicherweise von normalen HTML Seiten her gewohnt sind wird der Webserver und der Anwendungsserver umgangen Daher wird Ihre Seite vom Server gar nicht verarbeitet System konfigurieren PHP 139 Die URL enth lt einen Schreibfehler Pr fen Sie ob Ihnen ein Schreibfehler unterlaufen ist und achten Sie darauf dass Sie hinter dem Dateinamen keinen Schr gstrich eingeben wie bei http localhost timetest php Der Code der Seite enth lt einen Schreibfehler Erstellen Sie nach dem Installieren und Testen der Serversoftware einen Stammordner f r Ihre Webanwendung Stammordner erstellen Windows Erstellen Sie im Anschluss an die Installation der Serversoftware einen Stammordner f r Ihre Webanwendung in dem System in dem Microsoft PWS oder IIS ausgef hrt wird und sorgen Sie daf r dass der Ordner die erforderlichen Berechtigungen hat So erstellen Sie einen Stammordner f r Ihre Webanwendung 1 Erstellen Sie einen Ordner namens MySampleApp in dem System in dem PWS oder IIS ausgef hrt wird Hinweis Notieren Sie sich den Ordnernamen f r die sp tere Verwendung Wenn Sie ihn sp ter eingeben m ssen Sie genau dieselbe Schreibweise Gro und Kleinschreibung wie beim Erstellen verwenden Es empfiehlt sich diesen Ordner im Ordner C Inetpub wwwroot zu erstellen Der IS oder PWS Webserver ist standardm ig so eingestellt
155. in Div Stylesheet Eingabehilfe Stylesheet Eingabehilfe Sprache Ereignisse Klasse logo ID stil Titel bTag Info 44 Kapitel 4 Tutorial Code bearbeiten 8 Klicken Sie auf OK um den Tag Editor zu schlie en und das Tag einzuf gen Dreamweaver f gt das div Tag in die Seite ein wobei es um das Bild Tag gelegt wird 9 Klicken Sie auf Schlie en um die Tag Auswahl zu schlie en 10 Speichern Sie die Seite Tags bearbeiten Im Folgenden wird beschrieben wie Sie die Attribute eines Tags mit dem Tag Inspektor schnell ndern k nnen So bearbeiten Sie ein Tag mit dem Tag Inspektor 1 ffnen Sie die Datei index html in der Codeansicht falls sie noch nicht ge ffnet ist 2 ffnen Sie den Tag Inspektor falls er noch nicht bereits angezeigt wird durch Klicken auf Fenster gt Tag Inspektor W hlen Sie dann die Registerkarte Attribute Im Tag Inspektor werden die Attribute des im Dokumentfenster ausgew hlten Tags angezeigt Zeigen Sie alle m glichen Attribute des Tags in alphabetischer Reihenfolge an indem Sie im Tag Inspektor auf die Schaltfl che Listenansicht zeigen klicken Tag lt img gt Attribute BET align A alt border class controls dir dynsrc height 4 hspace id Banner ismap lang longdesc loop lowsrc name Banner x 3 Klicken Sie in der Codeansicht des Dokumentfensters zwischen die ge ffnete und die geschlossene Klammer eines Tag
156. io Site k nnen Sie die gleichen Einstellungen wie bei der Kategorie Remote Information verwenden siehe Remote Ordner definieren auf Seite 96 da sie auf einen Server verweisen der ColdFusion Seiten verarbeiten kann 2 W hlen Sie im Popupmen Servermodell die Option ColdFusion 3 W hlen Sie im Textfeld Zugriff die Zugriffsmethode aus Lokal Netzwerk oder FTP die Sie f r den Zugriff auf den Remote Ordner gew hlt haben Dreamweaver gibt die Einstellungen vor die Sie in der Kategorie Remote Informationen festgelegt haben Behalten Sie die Einstellungen unver ndert bei 4 Geben Sie im Textfeld URL Pr fix die Stamm URL ein die Sie in einem Webbrowser eingeben w rden um eine Seite in Ihrer Webanwendung anzufordern Um w hrend Ihrer Arbeit Live Daten in Ihren Seiten anzuzeigen erstellt Dreamweaver eine tempor re Datei kopiert diese in den Stammordner Ihrer Website und versucht diese mit dem URL Pr fix abzurufen Hinweis Dreamweaver versucht das URL_ Pr fix aus den Informationen abzuleiten die Sie im Dialogfeld Site Definition eingegeben haben Wenn das vorgeschlagene URL Pr fix jedoch nicht korrekt ist korrigieren Sie die URL oder geben Sie ein neues URL_ Pr fix ein Weitere Informationen finden Sie unter URL Pr fix im Hilfethema Dreamweaver verwenden Wenn der im Textfeld Remote Ordner festgelegte Ordner C CFusionMX wwwroot MySampleApp lautet sollte das URL Pr fix folgenderma en aussehen http
157. ionen finden Sie unter URL Pr fix im Hilfethema Dreamweaver verwenden Wenn der im Textfeld Remote Ordner festgelegte Ordner C Inetpub wwwroot MySampleApp lautet sollte das URL Pr fix folgenderma en aussehen http localhost MySampleApp Tipp Das URL Pr fix sollte immer ein Verzeichnis angeben und nicht eine bestimmte Seite auf der Site Achten Sie au erdem darauf dass Sie dieselbe Schreibweise Gro und Kleinschreibung wie beim Erstellen des Ordners verwenden 5 Klicken Sie auf OK um die Site zu definieren und das Dialogfeld Sitedefinition zu schlie en Klicken Sie dann auf Fertig um das Dialogfeld Sites verwalten zu schlie en Nachdem Sie einen Ordner f r die Verarbeitung dynamischer Seiten festgelegt haben laden Sie die Beispieldateien an den Webserver hoch 130 Kapitel 12 JSP Beispiel Site installieren Beispieldateien hochladen Nachdem Sie einen Ordner f r die Verarbeitung dynamischer Seiten festgelegt haben laden Sie die Beispieldateien an den Webserver hoch Sie m ssen die Dateien auch dann hochladen wenn der Webserver auf dem lokalen Computer ausgef hrt wird Wenn Sie die Dateien nicht hochladen k nnen Funktionen wie die Live Data Ansicht oder die Vorschau im Browser m glicherweise nicht auf dynamische Seiten angewendet werden So sind m glicherweise die Bild Hyperlinks in der Live Data Ansicht unterbrochen da sich die Bilddateien noch nicht auf dem Server befinden Gleicherma en kann
158. ite ver ffentlichen siehe Vorschau von Seiten in einem Browser anzeigen auf Seite 56 und Remote Ordner definieren auf Seite 25 6 Fakultativ Dynamische Seiten hinzuf gen in denen Informationen aus Datenbanken angezeigt werden siehe Webanwendungen auf Seite 57 und Tutorial Webanwendungen entwickeln auf Seite 69 Dreamweaver Site definieren Normalerweise wird eine Website vor dem Erstellen folgenderma en geplant Sie bestimmen die Anzahl der zu erstellenden Seiten den Inhalt der einzelnen Seiten das Layout der Seiten und die Verkn pfung der einzelnen Seiten untereinander Die in diesem Tutorial beschriebene Beispielsite ist jedoch sehr einfach und bedarf daher keiner gr eren Planung Die Site besteht lediglich aus ein paar Webseiten die durch Hyperlinks verbunden sind Bei der Erstellung dieser Site k nnen Sie also direkt beim Einrichten Ihrer lokalen Site beginnen Wenn Sie eine lokale Site mit den Beispieldateien einrichten kopieren Sie die Beispieldateien zun chst in einen lokalen Ordner und erstellen Sie dann eine Dreamweaver Sitedefinition sodass Sie die Dateien innerhalb von Dreamweaver bearbeiten k nnen Hinweis Wenn Sie mit Macromedia HomeSite und ColdFusion Studio arbeiten k nnen Sie sich eine Dreamweaver Site wie ein HomeSite oder Studio Projekt vorstellen So richten Sie eine lokale Site ein 1 Kopieren Sie die Beispieldateien in einen Ordner auf der Festplatte siehe Beispieldatei
159. itel enth lt die folgenden Themen e Dreamweaver Grundlagen auf Seite 8 e Dreamweaver installieren und ausf hren auf Seite 9 e Beispiel Website anzeigen auf Seite 12 Dreamweaver Grundlagen Um die Grundlagen von Dreamweaver zu erlernen verwenden Sie das Handbuch Erste Schritte Nutzen Sie au erdem andere Ressourcen wie das Hilfesystem und das Macromedia Support Center Verwendung dieses Handbuchs Das Handbuch ist in mehrere Kapitel unterteilt Zum Lesen ist die folgende Reihenfolge zu empfehlen 1 Diese Einf hrung enth lt die wichtigsten Informationen zur Installation und Verwendung von Dreamweaver Der Dreamweaver Arbeitsbereich auf Seite 13 bietet einen berblick ber den Arbeitsbereich von Dreamweaver MX 2004 Site einrichten auf Seite 19 enth lt die Beschreibung zum Einrichten einer Site Wenn Sie dieses Kapitel gelesen haben k nnen Sie die Funktionen auf Wunsch auch selbst ausprobieren anstatt die restliche Anleitung durchzugehen Wenn Sie bereits Websites erstellt aber noch nicht mit Dreamweaver gearbeitet haben sollten Sie die Anleitungen f r die statischen Websites lesen Tutorial Eine statische Seite erstellen auf Seite 29 Tutorial Code bearbeiten auf Seite 41 und Tutorial Seiten verkn pfen und in der Vorschau anzeigen auf Seite 49 In diesen Tutorials werden die Grundlagen der Erstellung einer kleinen aber funktionsf higen statischen Website unter Ver
160. iten der Seite weitergeleitet Diese Software wird als Anwendungsserver bezeichnet Der Anwendungsserver liest den Code auf der Seite stellt die Seite gem den Anweisungen im Code fertig und entfernt den Code dann aus der Seite Daraus ergibt sich eine statische Seite die der Anwendungsserver an den Webserver zur ckgibt Der Webserver sendet die Seite anschlie end an den Browser Die Seite die beim Browser eingeht besteht ausschlie lich aus HTML Im Folgenden wird dieser Vorgang veranschaulicht Schritt 1 Der Webbrowser Webbrowser fordert eine Schritt 5 Der Webserver sendet die Seite an den Browser Schritt 2 Der Webserver sucht die Seite und lt HTML gt lt HTML gt bergibt sie an den lt p gt Hi Anwendungs lt HTML gt lt HTML gt server Schritt 4 Der Anwendungsserver gibt die fertige Seite an den Schritt 3 Der Webserver zur ck Anwendungs servor analysiert ie Anweisungen stellt die Seite fertig Datenbanken zugreifen Anwendungsserver erm glichen die Arbeit mit Serverressourcen wie z B Datenbanken So kann eine dynamische Seite den Anwendungsserver beispielsweise anweisen Daten aus einer Datenbank zu extrahieren und in den HTML Code der Seite einzuf gen Weitere Informationen finden Sie unter Einf hrung in Datenbanken im Hilfethema Dreamweaver verwenden Die Anweisung Daten aus einer Datenbank zu extrahieren wird als Datenbankabfrage bezeichnet Eine Abfrage besteht a
161. itstellen um den Ordner auf den Server zu kopieren 3 Sorgen Sie daf r dass comments add das aktive Dokument ist W hlen Sie dann Datei gt Vorschau in Browser oder dr cken Sie lt F12 gt um die Seite anzuzeigen 4 Geben Sie Testdaten in das Formular ein und klicken Sie dann auf die Schaltfl che Datensatz einf gen um die Daten abzuschicken Die Daten in der Datenbank werden aktualisiert und die Seite comments view wird eingeblendet Aktualisierung anzeigen Sie k nnen die nderungen an den Datenbankdaten anzeigen lassen indem Sie das im ersten Teil dieser Lektion erstellte Dokument comments view ffnen oder Sie k nnen die nderungen durch Anzeigen der Datenbank sehen e Doppelklicken Sie in Dreamweaver im Bedienfeld Dateien auf das Dokument comments view klicken Sie dann auf Datei gt Vorschau in Browser und w hlen Sie einen Browser aus um die Seite darin anzuzeigen Der eingef gte Datensatz wird in der Liste Customer Comments angezeigt e Suchen Sie in Dreamweaver im Bedienfeld Datenbank Fenster gt Datenbank das Datenbanksymbol conn Trio und klicken Sie vor Tabellen auf die Schaltfl che mit dem Pluszeichen um die Liste der in der Datenbank enthaltenen Tabellen anzuzeigen Klicken Sie mit der rechten Maustaste Windows bzw bei gedr ckter Taste lt Ctrl gt Macintosh auf die Tabelle COMMENTS und w hlen Sie Daten anzeigen Eine Liste der in der Datenbank enthaltenen Datens tze wird angezeig
162. kripts zur Erstellung einer dynamischen Seite Ein Anwendungsobjekt Einf geformular f r Datens tze hinzuf gen Mit dem Anwendungsobjekt Einf geformular f r Datens tze k nnen Sie ein Formular erstellen das es den Besuchern der Site erm glicht Daten in eine Datenbank einzugeben Dabei k nnen Sie die Felder f r das Formular ausw hlen die Felder beschriften und die einzuf genden Formularobjekte ausw hlen Wenn ein Benutzer Daten in die Formularfelder eingibt und auf die Schaltfl che Senden klickt wird ein neuer Datensatz in die Datenbank eingef gt Sie k nnen auch festlegen dass eine bestimmte Seite ge ffnet wird nachdem ein Datensatz erfolgreich abgeschickt wurde So wei der Benutzer dass die Datenbank aktualisiert wurde 1 Suchen Sie im Bedienfeld Dateien die Datei comments add und doppelklicken Sie auf die Datei um sie zu ffnen Das Dokument wird im Dokumentfenster ge ffnet Setzen Sie die Einf gemarke im Dokument an das Ende des Textabsatzes in der Hauptspalte und zwar hinter das Wort possible Dr cken Sie dann die Eingabetaste bzw den Zeilenschalter um die Einf gemarke an der Stelle zu platzieren an der Sie das Anwendungsobjekt einf gen werden 78 Kapitel 7 Tutorial Webanwendungen entwickeln 3 F hren Sie einen der folgenden Schritte aus um ein Objekt f r das Einf gen von Datens tzen in die Seite einzuf gen 5 m Klicken Sie in der Einf geleiste in der Kategorie Anwendung im Popupm
163. ktionen die sich in fr heren Versionen von Dreamweaver im Men Site befanden sind nun im im Kontextmen des Bedienfelds Dateien enthalten ber das Men Fenster k nnen Sie auf alle Bedienfelder Inspektoren und Fenster von Dreamweaver zugreifen Befehle die sich auf die Symbolleisten auswirken finden Sie im Men Ansicht ber das Men Hilfe k nnen Sie auf die Dreamweaver Dokumentation zugreifen Hier finden Sie auch Hilfethemen zur Verwendung von Dreamweaver und zum Erstellen von Erweiterungen f r Dreamweaver sowie Referenzmaterial f r die diversen Sprachen 16 Kapitel 1 Der Dreamweaver Arbeitsbereich Au er den Men s der Men leiste verf gt Dreamweaver auch ber zahlreiche Kontextmen s Diese erm glichen den einfachen Zugriff auf Befehle die sich auf die aktuelle Auswahl oder den aktuellen Bereich beziehen Um ein Kontextmen anzuzeigen klicken Sie mit der rechten Maustaste Windows bzw bei gedr ckter Taste lt Ctrl gt Macintosh auf ein Element in einem Fenster bersicht der Men s 17 18 Kapitel 1 Der Dreamweaver Arbeitsbereich KAPITEL 2 Site einrichten In diesem Kapitel wird die Einrichtung einer Dreamweaver MX 2004 Site beschrieben In Dreamweaver besteht eine Site normalerweise aus zwei Teilen aus einer Reihe von Dateien auf einem lokalen Computer der lokalen Site und einem Speicherort auf einem Remote Server auf den die Dateien geladen werden wenn sie publizie
164. ld Down Bild Over bei Down Bild Alternativtext wenn angeklickt gehe zu URL lo ee Durchsuchen in Hauptfenster Optionen V Bilder vorausladen x C Zuerst Down Bild zeigen Einf gen Horizontal Tabellen verwenden 6 Geben Sie im Textfeld Elementname einen Namen f r die Schaltfl che ein beispielsweise showroom_button Dadurch erh lt die Schaltfl che einen eindeutigen Namen und kann im HTML Code leichter gefunden werden 7 Klicken Sie neben dem Textfeld Up Bild auf die Schaltfl che Durchsuchen und zeigen Sie dann die Datei btnShowroom jpg im Ordner images Ihrer Site an im Ordner Assets Stellen Sie sicher dass im Popupmen Relativ zu die Option Dokument angezeigt wird und klicken Sie dann auf OK oder Ausw hlen Windows bzw auf W hlen Macintosh Im Textfeld Up Bild wird der Pfad zu dem Bild angezeigt Assets images btnShowroom jpg Hinweis Wenn ein l ngerer Pfad angezeigt wird haben Sie wahrscheinlich ein Bild in einem anderen Ordner ausgew hlt oder m glicherweise haben Sie im Popupmen Relativ zu nicht die Option Dokument gew hlt Klicken Sie auf die Schaltfl che Durchsuchen und versuchen Sie es erneut Im Textfeld Up Bild wird angegeben welches Bild angezeigt wird wenn sich die Schaltfl che im Up Status befindet Dies ist normalerweise der Fall wenn die Seite erstmalig in den Browser geladen wird 8 Klicken Sie neben dem Textfeld Over
165. licke dauert Bei der Produktaktivierung werden keine pers nlichen Daten sondern nur die Seriennummer Ihres Produkts bertragen Weitere Informationen finden Sie in der Macromedia Produktaktivierungszentrale unter http www macromedia com go activation_de 10 Einf hrung Willkommen bei Dreamweaver Dreamweaver in einer Mehrbenutzerumgebung verwenden In Mehrbenutzer Betriebssystemen wie Windows 2000 Windows XP oder Mac OS X werden Anwendungen meist in einem Ordner installiert aus dem sie von allen Benutzern ausgef hrt werden k nnen beispielsweise im Ordner C Programme Windows oder Programme Macintosh In einem Mehrbenutzer Betriebssystem k nnen nur Benutzer mit Administratorrechten Anwendungen in solchen Ordnern installieren Sie haben viele M glichkeiten Dreamweaver benutzerdefiniert einzurichten Dreamweaver verhindert dass sich die benutzerdefinierten Konfigurationen verschiedener Benutzer gegenseitig beeintr chtigen Damit sich Ihre Anpassungen nicht auf andere Benutzer auswirken erstellt Dreamweaver automatisch Kopien verschiedener Konfigurationsdateien wenn Sie die Anwendung das erste Mal in einem der kompatiblen Mehrbenutzer Betriebssysteme ausf hren Diese benutzerspezifischen Konfigurationsdateien werden in einem pers nlichen Ordner gespeichert Hinweis Bei lteren Betriebssystemen beispielsweise Windows 98 verwenden alle Benutzer eine einheitliche Gruppe von Dreamweaver Konfigurationsdateien auch wenn d
166. llieren In der folgenden Abbildung werden die in diesem Abschnitt beschriebenen Konfigurationen dargestellt Lokale Konfiguration nur Windows O Dreamweaver MX E PWS oder IIS PHP Anwendungsserver Website Stammordner in C Inetpub wwwroot So konfigurieren Sie das System Remote Server Konfiguration Macintosh und Windows m Dreamweaver MX Netzwerk oder FTP Zugriff PWS oder IIS PHP Anwendungsserver Website Stammordner in C Inetpub wwwroot 1 TE Sie daf r dass Sie einen Webserver zur Verf gung haben siehe Vorhandensein eines We servers berpr fen Windows auf Seite 138 2 Installieren Sie den PHP Anwendungsserver siehe PHP Anwendungsserver installieren Windows auf Seite 138 3 Testen Sie Ihre Installation siehe PHP Installation testen Windows auf Seite 139 4 Erstellen Sie einen Stammordner siehe Stammordner erstellen Windows auf Seite 140 Hinweis Die Installation des Webservers und Anwendungsservers muss nur ein einziges Mal durchgef hrt werden System konfigurieren PHP 137 Vorhandensein eines Webservers berpr fen Windows Zum Entwickeln und Testen dynamischer Webseiten ben tigen Sie einen Webserver Bei einem Webserver handelt es sich um Software die von Webbrowsern angeforderte Webseiten bereitstellt Sorgen Sie daf r dass Microsoft IIS oder PWS auf der Festplatte oder einem Remote Computer unter Windows installiert
167. m Webbrowser eingeben w rden um eine Seite in Ihrer Webanwendung anzufordern Um w hrend Ihrer Arbeit Live Daten in Ihren Seiten anzuzeigen erstellt Dreamweaver eine tempor re Datei kopiert diese anschlie end in den Stammordner Ihrer Website und versucht dann diese mit dem URL Pr fix abzurufen Dreamweaver versucht das URL Pr fix aus den Informationen abzuleiten die Sie im Dialogfeld Site Definition eingegeben haben Das vorgeschlagene URL Pr fix ist jedoch m glicherweise nicht korrekt Korrigieren Sie das Pr fix bei Bedarf bzw geben Sie ein neues ein Weitere Informationen finden Sie unter URL Pr fix in der Dreamweaver Hilfe Hilfe gt Dreamweaver verwenden F r den PHP Beispielinhalt in Windows lautet das URL Pr fix wie folgt URL Pr fix http localhost MySampleApp Beim Macintosh sollte dieser Ordner den folgenden Pfad aufweisen URL Pr fix http 1localhost Ihr_Benutzername MySampleApp Tipp Das URL Pr fix sollte immer ein Verzeichnis angeben und nicht eine bestimmte Seite auf der Site Achten Sie au erdem darauf dass Sie dieselbe Schreibweise Gro und Kleinschreibung wie beim Erstellen des Ordners verwenden 5 Klicken Sie auf OK um die Site zu definieren und das Dialogfeld Sitedefinition zu schlie en Klicken Sie dann auf Fertig um das Dialogfeld Sites verwalten zu schlie en Nachdem Sie einen Ordner f r die Verarbeitung dynamischer Seiten festgelegt haben laden Sie die Beispieldateien an den We
168. mdb Macintosh Sie k nnen die Datei in einem beliebigen Ordner im Remote Computer speichern oder einen neuen Ordner f r die Datei anlegen Hinweis Wenn Sie die Datenbankdatei im Ordner Inetpub auf dem Remote Computer ablegen bestehen gewisse Sicherheitsrisiken Es empfiehlt sich daher die Datei in einem Ordner zu speichern der nicht ffentlich zug nglich ist 2 Stellen Sie sicher dass der Microsoft Access Treiber Version 4 0 oder eine h here Version im Remote Computer installiert ist Pr fen Sie zun chst ob der Treiber bereits installiert ist Informationen hierzu finden Sie unter Die im Windows System installierten ODBC Treiber anzeigen im Hilfethema Dreamweaver verwenden Wenn der Treiber nicht installiert ist laden Sie die MDAC Pakete 2 5 und 2 7 MDAC Microsoft Data Access Components auf den Remote Computer herunter Die MDAC Pakete k nnen Sie von der Microsoft Website unter http www microsoft com data download htm herunterladen Diese Pakete enthalten die aktuellsten Microsoft Treiber einschlie lich des Microsoft Access Treibers Hinweis Beachten Sie dabei dass zuerst MDAC 2 5 und dann MDAC 2 7 installiert werden muss 3 Erstellen Sie einen DSN namens TrioMotors der auf die Beispieldatenbank im Remote Computer verweist Anleitungen hierzu finden Sie auf der Microsoft Website in den folgenden Artikeln m Wenn auf dem Remote Computer Windows 98 ausgef hrt wird lesen Sie Artikel 300595 un
169. media JRun einem vollst ndigen JSP Anwendungsserver von der Macromedia Website unter www macromedia com de software jrun herunterladen und installieren JRun ist f r Windows und Macintosh verf gbar In dieser Anleitung wird die Ausf hrung von JRun auf dem Macintosh jedoch nicht beschrieben So installieren Sie JRun 1 Melden Sie sich bei Bedarf als Administrator bei Windows an 2 Schlie en Sie alle ge ffneten Anwendungen 3 Doppelklicken Sie auf die Installationsdatei der JRun Testversion Der Er ffnungsbildschirm wird angezeigt is Wenn JRE Java Runtime Environment noch nicht im System installiert ist w hlen Sie die entsprechende Option im Er ffnungsbildschirm aus um es zu installieren Da der JRun Anwendungsserver auf Java basiert muss zuerst JRE in dem System in dem der Anwendungsserver ausgef hrt werden soll installiert werden Im Anschluss an die Installation von JRE k nnen Sie den JRun Anwendungsserver installieren n W hlen Sie im Er ffnungsbildschirm die entsprechende Option aus um JRun zu installieren a Befolgen Sie die auf dem Bildschirm angezeigten Anleitungen um die Installation durchzuf hren und das Programm zu testen Erstellen Sie eine JRun Verbindung mit dem IIS oder PWS Webserver Eine Anleitung hierzu finden Sie in der JRun Dokumentation N Erstellen Sie nach dem Installieren und Starten von JRun einen Stammordner f r Ihre Webanwendung 126 Kapitel 12 JSP Beispiel Site ins
170. n Dateibearbeitung M chten Sie eine Servertechnologie wie ColdFusion ASP NET ASP JSP oder PHP verwenden Nein keine Servertechnologie verwenden Ja Servertechnologie verwenden Wenn Sie eine Site f r die Erstellung einer Webanwendung einrichten m ssen Sie einen dynamischen Dokumenttyp w hlen zum Beispiel Macromedia ColdFusion Microsoft Active Server Pages ASP Microsoft ASP NET Sun JavaServer Pages JSP oder PHP Hypertext Preprocessor PHP Geben Sie dann Informationen zum Anwendungsserver an Weitere Informationen finden Sie unter Kapitel 7 Tutorial Webanwendungen entwickeln auf Seite 69 Klicken Sie auf Weiter um mit dem n chsten Schritt fortzufahren Auf der n chsten Seite des Assistenten werden Sie gefragt wie Sie mit Ihren Dateien arbeiten m chten W hlen Sie die Option Lokale Kopien auf meinem Rechner bearbeiten und anschlie end auf den Server laden empfohlen Bei der Entwicklung Ihrer Site k nnen Sie auf verschiedene Arten mit Ihren Dateien arbeiten In dieser Lektion verwenden wir jedoch die genannte Option Klicken Sie auf das Ordnersymbol neben dem Textfeld Im Textfeld k nnen Sie einen Ordner auf der lokalen Festplatte angeben in dem Dreamweaver die lokale Version der Site Dateien ablegen soll Sie k nnen den exakten Ordnernamen jedoch auch angeben indem Sie zum entsprechenden Ordner navigieren statt seinen Pfad einzugeben Das Dialogfeld Lokalen Stammordner f r Site w
171. n auf Seite 127 erstellt haben Der Ordner kann sich auf der lokalen Festplatte oder auf einem Remote Computer befinden Auch wenn Sie den Ordner auf der Festplatte erstellt haben kann er als g ltiger Remote Ordner verwendet werden Das folgende Beispiel zeigt einen m glichen Remote Ordnerpfad wenn Sie den Zugriff ber Lokal Netzwerk w hlen und sich der Remote Ordner auf Ihrer Windows Festplatte befindet Remote Ordner C Inetpub wwwroot MySampleApp Weitere Informationen ber FTP finden Sie unter Remote Informationen f r den FTP Zugriff einstellen in der Dreamweaver Hilfe Hilfe gt Dreamweaver verwenden Lassen Sie das Dialogfeld Site Definition ge ffnet und definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten Eine Dreamweaver Site definieren JSP 129 Ordner f r die Verarbeitung dynamischer Seiten festlegen Nachdem Sie den Dreamweaver Remote Ordner definiert haben m ssen Sie einen Ordner angeben um dynamische Seiten zu verarbeiten Dreamweaver verwendet diesen Ordner um w hrend der Entwicklung Ihrer Anwendung dynamische Seiten anzuzeigen und Datenbanken zu verbinden So definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten 1 Klicken Sie im Dialogfeld Site Definition auf der Registerkarte Erweitert in der Liste Kategorie auf Testserver Der Bildschirm Testserver wird angezeigt F r Dreamweaver ist ein Testserver erforderlich um w hrend Ihrer Arbeit dynamischen Inhalt
172. n Ordner angeben um dynamische Seiten zu verarbeiten Dreamweaver verwendet diesen Ordner um w hrend der Entwicklung Ihrer Anwendung dynamische Seiten anzuzeigen und Datenbanken zu verbinden So definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten 1 Klicken Sie im Dialogfeld Site Definition auf der Registerkarte Erweitert in der Liste Kategorie auf Testserver Das Fenster Testserver wird angezeigt F r Dreamweaver ist ein Testserver erforderlich um w hrend Ihrer Arbeit dynamischen Inhalt zu generieren und anzuzeigen Als Testserver kann der lokale Computer ein Entwicklungsserver ein Testserver oder ein Produktionsserver verwendet werden solange er PHP Seiten verarbeiten kann In vielen F llen so auch beim Einrichten der Trio Site k nnen Sie die gleichen Einstellungen wie bei der Kategorie Remote Information verwenden siehe Remote Ordner definieren auf Seite 144 da sie auf einen Server verweisen der PHP Seiten verarbeiten kann 2 W hlen Sie im Popupmen Servermodell die Option PHP MySQL 144 Kapitel 13 PHP Beispiel Site installieren 3 W hlen Sie im Textfeld Zugriff die Zugriffsmethode aus Lokal Netzwerk oder FTP die Sie f r den Zugriff auf den Remote Ordner gew hlt haben Dreamweaver gibt die Einstellungen ein die Sie in der Kategorie Remote Informationen festgelegt haben Behalten Sie die Einstellungen unver ndert bei 4 Geben Sie im Textfeld URL Pr fix die Stamm URL ein die Sie in eine
173. n Sie eine ColdFusion Datenquelle im ColdFusion Administrator ColdFusion Datenquellen erstellen Erstellen Sie im ColdFusion Administrator eine ColdFusion Datenquelle namens connTrio die auf die Beispieldatenbankdatei verweist So erstellen Sie eine ColdFusion Datenquelle 1 ffnen Sie in Dreamweaver eine ColdFusion Seite 2 Klicken Sie im Bedienfeld Datenbanken Fenster gt Datenbanken auf die Schaltfl che Datenquellen ndern Der ColdFusion Administrator wird in einem Browser ge ffnet 3 Melden Sie sich beim ColdFusion Administrator an und erstellen Sie mit dem Microsoft Access Treiber eine Datenquelle namens connTrio die auf die Datenbankdatei trio mdb verweist Wenn ColdFusion auf Ihrem lokalen Computer ausgef hrt wird und Sie Dreamweaver am Standardspeicherort installiert haben erstellen Sie eine Datenquelle die auf die Datenbankdatei im folgenden Ordner verweist C Programme Macromedia DreamweaverMX 2004 Samples Database trio mdb Wenn ColdFusion auf einem Remote Computer ausgef hrt wird erstellen Sie eine Datenquelle die auf die Datenbankdatei verweist die Sie in Datenbank einrichten Remote Computer als Server auf Seite 99 auf dem Remote Computer gespeichert haben Weitere Informationen finden Sie in der ColdFusion Dokumentation in der Dreamweaver Hilfe Hilfe gt ColdFusion verwenden Nach der Erstellung der ColdFusion Datenquelle stellen Sie in Dreamweaver eine Verbindung mit der D
174. ndows 98 sollten stattdessen PWS installieren Weitere Informationen finden Sie unter Personal Web Server installieren auf Seite 86 Wenn Sie mit Windows 2000 oder Windows XP Professional arbeiten pr fen Sie ob IIS bereits in Ihrem System installiert und aktiv ist berpr fen Sie dazu ob der Ordner C Inetpub vorhanden ist Ist dies nicht der Fall wurde IIS wahrscheinlich nicht auf Ihrem System installiert So installieren Sie IIS unter Windows 2000 und XP Professional 1 W hlen Sie Start gt Einstellungen gt Systemsteuerung gt Software bzw Start gt Systemsteuerung gt Software 2 W hlen Sie Windows Komponenten hinzuf gen entfernen 3 W hlen Sie Internet Information Services IIS und klicken Sie auf Weiter 4 Folgen Sie den Anweisungen des Installationsprogramms Nach der Installation k nnen Sie den Webserver testen PWS oder IIS testen Erstellen Sie zum Testen des Webservers eine einfache HTML Seite namens my TestFile html und speichern Sie diese im Ordner Inetpub wwwroot auf dem Computer auf dem der Webserver l uft Als Inhalt der HTML Seite ist eine einzelne Zeile ausreichend beispielsweise lt p gt Mein Webserver funktioniert lt p gt ffnen Sie die Testseite nun mit einer HTTP Anforderung in einem Webbrowser Wenn PWS oder IIS auf dem lokalen Computer ausgef hrt wird geben Sie die folgende URL in Ihrem Webbrowser ein http localhost myTestFile html Wird PWS oder IIS auf einem Comput
175. nen Webserver Bei einem Webserver handelt es sich um Software die von Webbrowsern angeforderte Webseiten bereitstellt Sorgen Sie daf r dass Microsoft IIS oder PWS auf der Festplatte oder einem Remote Computer unter Windows installiert ist und ausgef hrt wird Macintosh Benutzer m ssen Microsoft IS oder PWS auf einem Remote Computer unter Windows installieren Um rasch festzustellen ob PWS oder IIS auf Ihrem Computer installiert ist k nnen Sie die Ordnerstruktur nach dem Ordner C Inetpub bzw D Inetpub durchsuchen Dieser Ordner wird bei der Installation von PWS und IIS erstellt Wenn PWS oder IIS nicht installiert ist holen Sie die Installation jetzt nach Eine Anleitung hierzu finden Sie unter Webserver installieren auf Seite 85 Im Anschluss an die Installation des Webservers m ssen Sie einen Anwendungsserver erstellen ASP Anwendungsserver erstellen F r die Verarbeitung dynamischer Webseiten ist ein Anwendungsserver erforderlich Bei einem Anwendungsserver handelt es sich um Software die einen Webserver bei der Verarbeitung von Webseiten unterst tzt die serverbasierte Skripts oder Tags enthalten Wenn eine solche Seite angefordert wird sendet sie der Webserver nicht sofort an den Browser sondern zun chst zur Verarbeitung an den Anwendungsserver Weitere Informationen finden Sie unter Webanwendungen auf Seite 57 Wenn Sie PWS oder IIS auf einem Windows Computer installiert haben ben tigen Sie keinen separat
176. nennen von Dateien 50 Benutzeroberfl che 13 Bereiche wiederholte 77 Betriebssysteme Mehrbenutzer 11 Betriebssysteme Anforderungen 10 Bilder au erhalb einer Site 38 einf gen 37 hinzuf gen 21 Platzhalter 31 Quelldatei ausw hlen 38 Rollover 52 Bindungen Bedienfeld 72 Browser Unterschiede 56 c C Sprache 65 CFML ColdFusion Markupsprache 64 Checklisten ASP Setup 111 ASPNET Setup 101 ColdFusion Setup 91 JSP Setup 123 PHP Setup 136 Code drucken 48 mit der Tag Auswahl erstellen 44 Code und Entwurfsansicht 42 Code Arbeitsbereich 43 Codeansicht nderungen in der Entwurfsansicht anzeigen 42 Anzeigen von Textdateien 34 Codehinweise 47 ColdFusion installieren 93 verwendete Sprachen 65 Webanwendungen einrichten 91 ColdFusion Markup Language CFML 64 ColdFusion MX Server Developer Edition 93 ColdFusion Studio 14 43 ColdFusion Administrator 99 CSS Stylesheets anf gen 35 CSS Stylesheets erstellen 35 D DataSets ASPNET Datensatzgruppen 72 Datei Men 16 Dateien bereitstellen Schaltfl che 27 82 Dateien zum Remote Server hochladen 25 56 82 Dateien hochladen 27 82 98 107 120 131 145 Dateien Bedienfeld 16 Daten aus Datenbanken extrahieren 61 Daten dynamisch einf gen 76 Datenbank Managementsysteme 66 Datenbanken Abfragen 61 66 ausw hlen 63 Beschreibung 66 dateibasiert 63 Daten anzeigen 61 75 Datensatzgruppen 62 in Webanwendungen verwenden 58 relational 67 serverbasiert 63
177. nk her die zusammen mit Dreamweaver installiert wurde Eine Dreamweaver Site definieren PHP 145 Verbindung mit der Beispieldatenbank herstellen PHP Bei der Installation kopiert Dreamweaver ein SQL Skript auf die Festplatte Mit diesem Skript k nnen Sie eine MySQL Beispieldatenbank automatisch erstellen In diesem Abschnitt wird beschrieben wie Sie eine Verbindung zu dieser Beispieldatenbank erstellen Es wird davon ausgegangen dass MySQL auf einem lokalen oder Remote Computer bereits installiert und konfiguriert wurde Sie k nnen dieses Datenbanksystem von der MySQL Website unter www mysql com herunterladen und installieren So erstellen Sie eine Datenbankverbindung 1 Erstellen Sie die MySQL Beispieldatenbank mit dem SQL Skript siehe MySQL Datenbank erstellen auf Seite 146 2 Erstellen Sie die Verbindung in Dreamweaver siehe Datenbankverbindung erstellen auf Seite 147 MySQL Datenbank erstellen Dreamweaver MX 2004 enth lt ein SQL Skript mit dem Sie eine MySQL Beispieldatenbank erstellen und mit Daten f llen k nnen Pr fen Sie zun chst ob MySQL auf dem lokalen Computer oder einem Remote Computer installiert und konfiguriert ist Die aktuellste Version steht auf der MySQL Website unter www mysql com zum Download bereit So erstellen Sie die MySQL Beispieldatenbank 1 Kopieren Sie die SQL Skriptdatei insert sql in einen geeigneten Ordner auf dem Computer in dem MySQL installiert ist Wenn Sie
178. nk zwischen der Nachrichtenseite und der Datei index html 1 Wechseln Sie zur Nachrichtenseite falls diese Seite nicht bereits angezeigt wird Wenn die Seite nicht ge ffnet ist doppelklicken Sie im Bedienfeld Dateien auf das Symbol der Seite 2 W hlen Sie unten in der Haupttextspalte auf der linken Seite das Wort Homepage aus Wenn Sie noch keinen Text in die linke Spalte der Nachrichtenseite eingegeben haben geben Sie jetzt das Wort Homepage in die Textspalte ein und w hlen Sie es aus 3 Klicken Sie im Eigenschafteninspektor Fenster gt Eigenschaften auf das Ordnersymbol neben dem Textfeld Hyperlink Navigieren Sie zur Datei index html die sich im gleichen Ordner wie die Datei Nachrichten html befindet und klicken Sie auf OK Windows bzw W hlen Macintosh um einen Hyperlink zu dieser Datei zu erstellen Der Text Home Page wird nun blau und unterstrichen dargestellt um darauf hinzuweisen dass es sich um einen Hyperlink handelt Hinweis Hyperlinks funktionieren jedoch nur in einem Browser im Dokumentfenster von Dreamweaver funktionieren Hyperlinks nicht wenn Sie darauf klicken Um sicherzustellen dass der Hyperlink korrekt funktioniert m ssen Sie eine Vorschau der Seite in einem Browser anzeigen Einzelheiten zur Vorschau finden Sie unter Vorschau von Seiten in einem Browser anzeigen auf Seite 56 4 Speichern Sie die Seite Text Hyperlinks zwischen Seiten hinzuf gen 51 Eine Navigationsleiste erst
179. nnen Sie eine Datenbank auf Serverbasis verwenden die beispielsweise in Microsoft SQL Server Oracle 9i oder MySQL erstellt wurde So funktioniert eine Webanwendung 63 Wenn sich Ihre Datenbank nicht auf demselben System wie der Webserver befindet m ssen Sie sicherstellen dass zwischen den beiden Systemen eine schnelle Verbindung besteht damit die Webanwendung z gig und rationell arbeiten kann Dynamische Seiten erstellen Die Erstellung dynamischer Seiten besteht aus zwei Schritten Zun chst muss der HTML Code geschrieben werden und dann m ssen dem HTML Code die serverbasierten Skripts oder Tags hinzugef gt werden durch die die Seite dynamisch wird Im resultierenden Code ist die Programmiersprache im HTML Code der Seite eingebettet Daher werden diese Sprachen auch als HTML eingebettete Programmiersprachen bezeichnet Im folgenden Beispiel wird CFML ColdFusion Markup Language verwendet lt html gt lt head gt lt title gt Trio Motors Informationsseite lt title gt lt head gt lt body gt lt hl1 gt ber Trio Motors lt h1 gt lt p gt Trio Motors ist ein f hrender Automobilhersteller lt p gt lt eingebettete Anweisungen beginnen hier gt lt cfset department Sales gt lt cfoutput gt lt p gt Besuchen Sie unbedingt unsere Seite departmenti lt p gt lt cfoutput gt lt eingebettete Anweisungen enden hier gt lt body gt lt html gt Die eingebetteten Anweisungen auf dies
180. nstallieren auf Seite 131 2 Wenn Sie einen Remote Computer als Server verwenden richten Sie die Beispieldatenbank auf dem Remote Computer ein siehe Datenbank einrichten Remote Computer als Server auf Seite 132 3 Erstellen Sie die Verbindung in Dreamweaver siehe Datenbankverbindung erstellen auf Seite 133 Sun JDBC ODBC Bridge Treiber installieren Vor dem Aufbauen einer Verbindung mit der Beispieldatenbank installieren Sie auf dem Computer der als Webserver verwendet wird den Sun JDBC ODBC Bridge Treiber Mit dem Bridge Treiber k nnen Sie Windows DSNs Data Source Names zur Erstellung von Verbindungen verwenden Der Treiber ist im Lieferumfang von Sun Java 2 SDK Standard Edition f r Windows enthalten Verbindung mit der Beispieldatenbank herstellen JSP 1931 Um herauszufinden ob Sie bereits ber das Java 2 SDK und damit ber den Treiber verf gen suchen Sie auf der Festplatte nach einem der folgenden Ordner c jdk1 2 x c jdk1 3 x c j2sdk1 4 x Hinweis Der Begriff Java 2 bezieht sich hierbei auf Java 1 2 und h here Versionen Wenn Sie das SDK noch nicht haben k nnen Sie es von der Sun Website unter http java sun com j2se herunterladen Doppelklicken Sie im Anschluss an den Download auf die Installationsdatei um das Installationsprogramm auszuf hren Befolgen Sie die auf dem Bildschirm angezeigten Anleitungen und achten Sie darauf dass die Komponente Java 2 Runtime Environment
181. ocument Interface in dem alle Dokumentfenster und Bedienfelder in einem einzigen gr eren Anwendungsfenster integriert und die Bedienfeldgruppen an der rechten Seite angedockt sind Dieses Layout wird f r die meisten Benutzer empfohlen Hinweis Auch in diesem Handbuch wird meist vorausgesetzt dass Sie den Designer Arbeitsbereich verwenden Der Coder Arbeitsbereich ist derselbe integrierte Arbeitsbereich doch sind die Bedienfeldgruppen hnlich wie in Macromedia HomeSite und Macromedia ColdFusion Studio an der linken Seite angedockt Au erdem wird in den Dokumentfenstern standardm ig die Codeansicht angezeigt Dieses Layout ist f r Benutzer von HomeSite oder ColdFusion Studio empfehlenswert sowie f r andere Personen die manuell kodieren und einen vertrauten Arbeitsbereich verwenden m chten Hinweis n beiden Layouts k nnen Sie die Bedienfeldgruppen im Arbeitsbereich beidseitig andocken 14 Kapitel 1 Der Dreamweaver Arbeitsbereich bersicht der Fenster und Bedienfelder In diesem Abschnitt finden Sie eine kurze Beschreibung einiger Elemente des Dreamweaver Arbeitsbereichs Einige Details zur Verwendung dieser Werkzeuge finden Sie in diesem Handbuch noch an sp terer Stelle Ausf hrliche Informationen finden Sie im Hilfethema Dreamweaver verwenden Einf geleiste Dokument Symbolleiste Dokumentfenster Bedienfeldgruppen J Mai rome dia Dreamweaver MX 2004 Unbenanntes Dokument Untitled 1 iten Ans
182. oder Attributen anzeigen m chten w hlen Sie das entsprechende Tag oder Attribut im entsprechenden Popupmen im Bedienfeld Referenz aus i w Code Referenz Buch O REILLY HTML Referenz v Tag lu v Beschreibung v A lt LI gt NN all IE all HTML all lt LI gt lt LI gt HTML End Tag Optional The 1i element is a single list item that is nested inside an ol or ul list container The outer container determines whether the 1i item is preceded with a number or letter indicating sequence within an order or a symbol that doesn t connote any particular order A special category of style sheet attributes are devoted to list formatting If you apply a style sheet rule to an 1i element to adjust the color in Navigator 4 only the leading symbol is colored To color the text as well wrap the 1i element inside a span element and apply the style to the span element This workaround operates fine in other CSS capable browsers Example lt ul gt lt LI gt Larry lt LI gt lt LIMloe lt LI gt lt LI gt Curly lt LI gt lt ul gt amp 46 Kapitel 4 Tutorial Code bearbeiten Bilder mit Codehinweisen hinzuf gen Wenn Sie der Seite den Code manuell hinzuf gen m chten klicken Sie einfach in das Dokumentfenster und geben den Text ein Mit Codehinweisen k nnen Sie Ihre Arbeit beschleunigen In dieser Lektion f gen Sie mithilfe von Codehinweisen ein Bild in die Trio Motors Seite ein So schreiben Sie Code mithilfe
183. olgende Beispiel zeigt einen m glichen Remote Ordnerpfad wenn Sie den Zugriff ber Lokal Netzwerk w hlen und sich der Remote Ordner auf Ihrer Windows Festplatte befindet Remote Ordner C CFusionMX wwwroot MySampleApp Weitere Informationen ber FTP finden Sie unter Remote Informationen f r den FTP Zugriff einstellen im Hilfethema Dreamweaver verwenden 96 Kapitel 9 ColdFusion Beispiel Site installieren Lassen Sie das Dialogfeld Site Definition ge ffnet und definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten Ordner f r die Verarbeitung dynamischer Seiten festlegen Nachdem Sie den Dreamweaver Remote Ordner definiert haben m ssen Sie einen Ordner angeben um dynamische Seiten zu verarbeiten Dreamweaver verwendet diesen Ordner um w hrend der Entwicklung Ihrer Anwendung dynamische Seiten anzuzeigen und Datenbanken zu verbinden So definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten 1 Klicken Sie im Dialogfeld Site Definition auf der Registerkarte Erweitert in der Liste Kategorie auf Testserver Der Bildschirm Testserver wird angezeigt Dreamweaver ben tigt die Dienste eines Testservers um w hrend Ihrer Arbeit dynamischen Inhalt zu generieren und anzuzeigen Als Testserver kann der lokale Computer ein Entwicklungsserver ein Testserver oder ein Produktionsserver verwendet werden solange er ColdFusion Seiten verarbeiten kann In vielen F llen so auch beim Einrichten der Tr
184. opieren auf Seite 95 Definieren Sie den Ordner als lokalen Dreamweaver Ordner siehe Lokalen Ordner definieren auf Seite 96 Definieren Sie Ihren Stammordner auf dem Webserver als Remote Ordner f r Dreamweaver siehe Remote Ordner definieren auf Seite 96 Definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten siehe Ordner f r die Verarbeitung dynamischer Seiten festlegen auf Seite 97 Laden Sie die Beispieldateien an den Webserver hoch siehe Beispieldateien hochladen auf Seite 98 Beispieldateien kopieren Kopieren Sie die Beispieldateien aus dem Dreamweaver Anwendungsordner in einen Ordner auf der Festplatte sofern Sie dies nicht bereits durchgef hrt haben So kopieren Sie die Beispieldateien 1 3 Erstellen Sie im Benutzerordner auf Ihrer Festplatte einen neuen Ordner namens Sites Lokal Der Pfad dieses Ordners kann beispielsweise folgenderma en lauten a C Dokumente und Einstellungen hr_Benutzername Eigene Dateien Sites Lokal Windows a Benutzer hr_BenutzernamelDokumente Sites Lokal Macintosh Hinweis Auf dem Macintosh existiert in Ihrem Benutzerordner bereits ein Ordner namens Sites Verwenden Sie diesen Sites Ordner nicht als lokalen Ordner Der Sites Ordner ist der Ordner in dem Sie Ihre Seiten ablegen um sie ffentlich zug nglich zu machen wenn Sie den Macintosh als Webserver einsetzen Suchen Sie im Dreamweaver Anwendungsordner auf der Festplatte den
185. ordner bereits ein Ordner namens Sites Verwenden Sie diesen Sites Ordner nicht als lokalen Ordner Der Sites Ordner ist der Ordner in dem Sie Ihre Seiten ablegen um sie ffentlich zug nglich zu machen wenn Sie den Macintosh als Webserver einsetzen N Suchen Sie im Dreamweaver Anwendungsordner auf der Festplatte den Ordner GettingStarted Wenn Sie Dreamweaver am Standardspeicherort installiert haben hat dieser Ordner den folgenden Pfad m C Programme Macromedia Dreamweaver MX 2004 Samples GettingStarted Windows m Programme Macromedia Dreamweaver MX 2004 Samples GettingStarted Macintosh 3 Kopieren Sie den Ordner GettingStarted in den Ordner Sites Lokal Definieren Sie den Ordner GettingStarted nach dem Kopieren als lokalen Dreamweaver Ordner Lokalen Ordner definieren Definieren Sie im Anschluss an das Kopieren des Ordners GettingStarted den Ordner in dem sich die ASPNET Beispieldateien befinden als lokalen Dreamweaver Ordner So definieren Sie den lokalen Dreamweaver Ordner fan W hlen Sie in Dreamweaver Site gt Sites verwalten Klicken Sie im Dialogfeld Sites verwalten auf die Schaltfl che Neu und anschlie end auf Site Das Dialogfeld Site Definition wird eingeblendet N Wenn die Registerkarte Grundeinstellungen angezeigt wird klicken Sie auf die Registerkarte Erweitert Geben Sie im Textfeld Site Name Trio ASP NET ein Dieser Name identifiziert Ihre Site innerhalb von Dreamweaver W A Kl
186. r http www microsoft com data download htm herunterladen Diese Pakete enthalten die aktuellsten Microsoft Treiber einschlie lich des Microsoft Access Ireibers Hinweis Beachten Sie dabei dass zuerst MDAC 2 5 und dann MDAC 2 7 installiert werden muss Erstellen Sie einen DSN namens TrioMotors der auf die Beispieldatenbank im Remote Computer verweist Anleitungen hierzu finden Sie auf der Microsoft Website in den folgenden Artikeln m Wenn auf dem Remote Computer Windows 98 ausgef hrt wird lesen Sie Artikel 300595 unter support microsoft com default aspx scid kb en us 300595 a Wenn auf dem Remote Computer Windows 2000 ausgef hrt wird lesen Sie Artikel 300596 unter support microsoft com default aspx scid kb en us 300596 m Wenn auf dem Remote Computer Windows XP ausgef hrt wird lesen Sie Artikel 305599 unter support microsoft com default aspx scid kb en us 305599 Sorgen Sie daf r dass der Sun JDBC ODBC Bridge Treiber im Remote Computer installiert ist Sie verwenden diesen Treiber zusammen mit dem DSN um eine Verbindung mit der Datenbank herzustellen Eine Anleitung hierzu finden Sie unter Sun JDBC ODBC Bridge Treiber installieren auf Seite 131 Wenn die Datenbank der DSN und der Bridge Treiber installiert sind stellen Sie in Dreamweaver eine Datenbankverbindung her Datenbankverbindung erstellen Im letzten Schritt des Setup Prozesses m ssen Sie eine Verbindung zur Datenbank erstellen So erstellen Sie in Dr
187. r Anbieter Macromedia hat keinerlei Einfluss auf die Gestaltung dieser Websites und bernimmt daher keine Verantwortung f r deren Inhalt Der Aufruf von Websites anderer Anbieter die in diesem Handbuch erw hnt werden geschieht auf eigene Gefahr Macromedia stellt diese Links nur aus Gr nden der Benutzerfreundlichkeit bereit und die Tatsache dass diese Links auf der Macromedia Website erscheinen bedeutet nicht dass Macromedia den Inhalt dieser Drittanbieter Sites empfiehlt oder Verantwortung daf r bernimmt Hinweise zu Software von Drittanbietern und oder zus tzliche Bedingungen finden Sie unter http www macromedia com go thirdparty_de Opera Browser Copyright 1995 2002 Opera Software ASA und Zulieferer Alle Rechte vorbehalten Apple Haftungsausschluss APPLE COMPUTER INC LEHNT JEDE AUSDR CKLICHE ODER STILLSCHWEIGENDE GEW HRLEISTUNG IN BEZUG AUF DAS ENTHALTENE COMPUTER SOFTWAREPAKET SEINE MARKT BLICHKEIT ODER EIGNUNG F R EINEN BESTIMMTEN ZWECK AB DER AUSSCHLUSS STILLSCHWEIGENDER GEW HRLEISTUNG IST IN MANCHEN STAATEN NICHT ZUL SSIG DAHER TRIFFT DER OBIGE GEW HRLEISTUNGSAUSSCHLUSS EVENTUELL NICHT AUF SIE ZU DURCH DIESE GEW HRLEISTUNG ERHALTEN SIE BESTIMMTE RECHTSANSPR CHE M GLICHERWEISE HABEN SIE JE NACH DER F R SIE ZUST NDIGEN GERICHTSBARKEIT WEITERE RECHTE Copyright 1997 2003 Macromedia Inc Alle Rechte vorbehalten Dieses Handbuch darf ohne die vorherige schriftliche Genehmigung von Macromedia Inc we
188. r Attribute anzuzeigen die f r das Tag in Frage kommen Beginnen Sie mit der Eingabe von src und dr cken Sie die Eingabetaste Windows bzw den Zeilenschalter Macintosh sobald das Attribut src im Hinweismen ausgew hlt ist Das Wort Durchsuchen wird unter dem gerade eingegebenen Code angezeigt Dr cken Sie die Eingabetaste Windows bzw den Zeilenschalter Macintosh um zu einer Datei zu navigieren Nun wird das Dialogfeld Datei ausw hlen angezeigt Navigieren Sie in Ihrem Site Ordner zur Bilddatei Assets images preview jpg und klicken Sie auf OK Windows bzw W hlen Macintosh Die URL der Bilddatei wird als Wert des src Attributs eingef gt und die Einf gemarke befindet sich hinter dem abschlie enden Anf hrungszeichen Dr cken Sie die Leertaste w hlen Sie das Attribut alt im Hinweismen aus und dr cken Sie die Eingabetaste Windows bzw den Zeilenschalter Macintosh Lassen Sie die Anf hrungszeichen leer da dieses Bild nur eine Abbildung ist Dr cken Sie die Taste lt Nach rechts gt um die Einf gemarke rechts neben die Anf hrungszeichen zu setzen Bilder mit Codehinweisen hinzuf gen 47 11 Geben Sie ein Leerzeichen einen Schr gstrich und eine schlie ende spitze Klammer gt ein um das Tag zu vervollst ndigen Hinweis Bei dieser Seite handelt es sich um ein XHTML Dokument und leere XHTML Tags d h Tags ohne abschlie ende Tags m ssen vor der schlie enden spitzen Klammer einen
189. reamweaver MX 2004 eine Seite erstellen und speichern und anschlie end Text Bilder und Farben in die Seite einf gen Richten Sie vor Beginn des Tutorials Ihre Site gem den Anleitungen in Site einrichten auf Seite 19 ein Dieses Tutorial enth lt die folgenden Lektionen Eine neue Seite ffnen und speichern auf Seite 29 e Einen Bild Platzhalter hinzuf gen auf Seite 31 e Einen Seitentitel festlegen auf Seite 33 e Mit einem Stil versehenen Text hinzuf gen auf Seite 33 e Bilder hinzuf gen auf Seite 37 e Hintergrundfarben festlegen auf Seite 38 Erg nzende Themen auf Seite 39 Eine neue Seite ffnen und speichern Nach dem Einrichten einer Website k nnen Sie Seiten f r die Website erstellen Wenn Sie Ihre Seiten von Grund auf neu gestalten k nnen Sie von der Dreamweaver Startseite aus eine neue Seite erstellen Sie k nnen auch den Men befehl Datei gt Neu w hlen wenn Sie eines der zahlreichen vorgefertigten Seitendesigns verwenden m chten In diesem Tutorial wird jedoch davon ausgegangen dass Sie das Seitendesign layout html verwenden das Bestandteil des Beispielinhalts von Dreamweaver ist 29 So ffnen Sie eine Seite 1 2 Erweitern Sie im Bedienfeld Dateien den Ordner 1 Design und doppelklicken Sie auf die Datei layout html Die Seite layout html wird in einem neuen Dokumentfenster angezeigt Die Seite enth lt den Platzhaltertext Lorem ipsum
190. ren Anwendungsserver beziehen Wenn Sie sich nicht sicher sind welchen Anwendungsserver Sie verwenden wenden Sie sich an Ihren Systemadministrator Kapitel 9 ColdFusion Beispiel Site installieren auf Seite 91 Kapitel 10 ASPNET Beispiel Site installieren auf Seite 101 Kapitel 11 ASP Beispiel Site installieren auf Seite 111 Kapitel 12 JSP Beispiel Site installieren auf Seite 123 Kapitel 13 PHP Beispiel Site installieren auf Seite 135 In diesen Einrichtungskapiteln f hren Sie die folgenden Schritte durch e System konfigurieren e Dreamweaver f r die Zusammenarbeit mit dem gew hlten Anwendungsserver konfigurieren e Eine Verbindung zur Datenbank definieren Sie k nnen dieses Tutorial erst durcharbeiten wenn Sie die obigen Aufgaben beendet haben Die Bildschirmaufnahmen in diesem Tutorial zeigen Dialogfelder f r Macromedia ColdFusion Sie k nnen jedoch die Lektionen in diesem Tutorial auch mit allen anderen von Dreamweaver MX 2004 unterst tzten Servermodellen ausf hren 70 Kapitel 7 Tutorial Webanwendungen entwickeln Dokument zum Bearbeiten ffnen Bei der Entwicklung einer Datenbankanwendung empfiehlt es sich zun chst eine Seite zu erstellen in der die Datens tze aus der Datenbank angezeigt werden In diesem Tutorial erstellen Sie eine Anwendung mit einer dynamischen Webseite die Daten aus einer Tabelle mit Kundenkommentaren aus der Datenbank abruft Sp ter er
191. ren Schaltfl chen auf der Navigationsleiste f r Trio Motors verweisen auf Seiten die noch nicht erstellt wurden 4 Rufen Sie wieder Dreamweaver auf um die erforderlichen nderungen vorzunehmen und die Seiten auf die Remote Site zu laden Eine Remote Site einrichten und die Site ver ffentlichen Sie haben nun eine kleine aber funktionelle Website erstellt Nun m ssen Sie die Site ver ffentlichen indem Sie die Dateien auf einen Remote Webserver bertragen Zum Ver ffentlichen Ihrer Seiten f hren Sie die Verfahren in Remote Ordner definieren auf Seite 25 und Lokale Dateien hochladen auf Seite 27 durch Erg nzende Themen Weitere Angaben zu den in diesem Tutorial beschriebenen Funktionen finden Sie im Hilfethema Dreamweaver verwenden 56 Kapitel 5 Tutorial Seiten verkn pfen und in der Vorschau anzeigen KAPITEL 6 Webanwendungen Eine Webanwendung besteht aus einer Sammlung von Webseiten die miteinander mit Besuchern sowie mit verschiedenen Ressourcen auf einem Webserver darunter auch mit Datenbanken interagieren Bevor Sie eigene Webanwendungen erstellen sollten Sie sich mit den in diesem Kapitel behandelten Konzepten vertraut machen Dieses Kapitel enth lt die folgenden Themen e Webanwendungen auf Seite 57 e So funktioniert eine Webanwendung auf Seite 59 e Dynamische Seiten erstellen auf Seite 64 e Eine Servertechnologie w hlen auf Seite 65 e Terminologie f r W
192. richten im Hilfethema Dreamweaver verwenden In der folgenden Abbildung werden die in diesem Abschnitt beschriebenen Konfigurationen dargestellt Lokale Konfiguration Remote Server Konfiguration nur Windows Macintosh und Windows O Dreamweaver MX Li PWS oder IIS L E ColdFusion MX Server Website Stammordner in Netzwerk oder FTP Zugriff CAlnetpub wwwroot PWS oder IIS ColdFusion MX Server Website Stammordner in C Inetpub wwwroot So konfigurieren Sie das System 1 Installieren Sie den ColdFusion Anwendungsserver 2 Erstellen Sie einen Stammordner 92 Kapitel 9 ColdFusion Beispielsite installieren Hinweis Den Anwendungsserver m ssen Sie nur einmal installieren ColdFusion MX installieren Sie ben tigen einen Webserver und einen Anwendungsserver um dynamische Webseiten zu verarbeiten ColdFusion MX enth lt beide Server Bei einem Webserver handelt es sich um Software die von Webbrowsern angeforderte Webseiten bereitstellt Bei einem Anwendungsserver handelt es sich um Software die einen Webserver bei der Verarbeitung von Webseiten unterst tzt die serverbasierte Skripts oder Tags enthalten Wenn eine solche Seite angefordert wird sendet sie der Webserver nicht sofort an den Browser sondern zun chst zur Verarbeitung an den Anwendungsserver Weitere Informationen finden Sie unter Webanwendungen auf Seite 57 Sie k nnen eine voll funktionsf hige Entwicklerversion von
193. rstellen auf Seite 49 e Text Hyperlinks zwischen Seiten hinzuf gen auf Seite 51 e Eine Navigationsleiste erstellen auf Seite 52 e Die Navigationsleiste kopieren auf Seite 55 e Vorschau von Seiten in einem Browser anzeigen auf Seite 56 e Eine Remote Site einrichten und die Site ver ffentlichen auf Seite 56 e Erg nzende Themen auf Seite 56 Zweite Seite erstellen In dieser Lektion erstellen Sie die zweite Seite f r Ihre Site Sp ter verkn pfen Sie die Seiten mithilfe von Hyperlinks Dreamweaver bietet mehrere M glichkeiten um die zweite Seite zu erstellen In dieser Lektion erstellen Sie die zweite Seite indem Sie die erste Seite kopieren So wird gew hrleistet dass beide Seiten das gleiche Layout haben 49 ji Hinweis Wenn Sie stattdessen selbst ein neues Layout f r die zweite Seite erstellen m chten k nnen Sie die mit Dreamweaver gelieferten vordefinierten Seitendesigns verwenden oder mit den Dreamweaver Funktionen zum Ebenenzeichnen oder Tabellenbearbeiten eigene Seitendesigns gestalten Diese Optionen werden in der vorliegenden Lektion jedoch nicht behandelt Weitere Informationen hierzu finden Sie im Hilfethema Dreamweaver verwenden Bei einer komplexeren Site l sst sich ein einheitliches Seitenlayout am einfachsten mithilfe einer Vorlage erzielen Informationen zu den Themen Ebenen di v Tags CSS Layouts Tabellenbearbeitung Layoutmodus Frames und Vorlagen finden S
194. rt werden sollen der Remote Site Wenn Sie eine Site eingerichtet haben k nnen Sie Dreamweaver mit Ihren eigenen Seiten ausprobieren Sie k nnen jedoch auch die restlichen in dieser Anleitung beschriebenen Tutorials durcharbeiten in denen beschrieben wird wie eine Site mit dem in Dreamweaver MX 2004 enthaltenen Beispielinhalt erstellt wird Normalerweise wird eine Website in Dreamweaver erstellt indem zun chst die Seiten auf der lokalen Festplatte erstellt und bearbeitet werden Anschlie end werden Kopien dieser Seiten auf einen Remote Webserver bertragen und so ffentlich verf gbar gemacht Dreamweaver kann zwar auch auf andere Weise eingesetzt werden beispielsweise k nnen Sie einen Webserver auf Ihrem lokalen Computer ausf hren Dateien auf einen Testserver bertragen Dateien ohne Festlegen einer Site bearbeiten oder einen durch Mounting installierten Datentr ger wie eine lokale Festplatte verwenden doch wird in diesen Lektionen davon ausgegangen dass Sie lokal arbeiten und Ihre Dateien dann an einen Remote Server bertragen Dieses Kapitel enth lt die folgenden Themen ber Sites auf Seite 19 Eine Site erstellen berblick ber den Arbeitsablauf auf Seite 20 Dreamweaver Site definieren auf Seite 20 ber Sites In Dreamweaver ist das Wort Site eine Kurzform die sich auf einen der folgenden Begriffe beziehen kann e Eine Website Mehrere auf einem Server gespeicherte Seiten die Besucher der Sit
195. s In der Registerkarte Attribute des Tag Inspektors werden Informationen zu den HTML Attributen des Tags angezeigt 4 Klicken Sie in der Code Ansicht auf das img Tag f r das Bild trio_logo jpg Die Registerkarte Attribute des Tag Inspektors enth lt Angaben zu den Attributen des img Tags 5 Klicken Sie im Tag Inspektor auf das leere Textfeld neben dem alt Attribut geben Sie Trio Motors ein und dr cken Sie dann die Fingabetaste Windows bzw den Zeilenschalter Macintosh Dreamweaver zeigt den neuen Wert im Tag Inspektor an und ndert den Code im Dokumentfenster 6 Speichern Sie die Seite Tags bearbeiten 45 Informationen ber ein Tag nachschlagen Wenn Sie Hilfe zu den Attributen und Attributwerten eines Tags ben tigen steht Ihnen in Dreamweaver Referenzmaterial zur Verf gung So schlagen Sie Informationen ber ein Tag nach 1 ffnen Sie die Datei index html in der Codeansicht falls sie noch nicht ge ffnet ist 2 W hlen Sie im Dokumentfenster den Attributnamen alt nicht den Attributwert in einem img Tag aus 3 Klicken Sie mit der rechten Maustaste Windows bzw bei gedr ckter Taste lt Ctrl gt Macintosh auf den ausgew hlten Text und w hlen Sie dann im Popupmen die Option Referenz Das Bedienfeld Referenz wird mit Informationen ber das Attribut alt ge ffnet Hinweis Sie k nnen auch Fenster gt Referenz w hlen um das Bedienfeld Referenz anzuzeigen 4 Wenn Sie Informationen zu anderen Tags
196. s Rautenzeichens W hlen Sie unter Definieren die Option Nur dieses Dokument 4 Klicken Sie auf OK 5 W hlen Sie im Dialogfeld CSS Stildefinition die Kategorie Box aus und w hlen Sie dann im Popupmen Schwebend die Option links 6 Klicken Sie auf OK um den Stil zu definieren und das Dialogfeld zu schlie en 7 Der Stil wird dem Bild zugewiesen dessen ID Attribut den Wert SplashImage hat und der Text flie t nun um das Bild herum Hintergrundfarben festlegen Mit dem in Dreamweaver vordefinierten Stil erhielt die Randleiste einen grauen Hintergrund Bei den meisten Sites empfiehlt es sich jedoch die Hintergrundfarbe an das Farbschema der Site anpassen So legen Sie die Hintergrundfarbe der Randleiste fest 1 Klicken Sie auf die berschrift in der Randleiste 2 W hlen Sie im Tag Inspektor Fenster gt Tag Inspektor die Registerkarte Relevante CSS 38 Kapitel 3 Tutorial Eine statische Seite erstellen 3 W hlen Sie in der Liste der Regeln die sich auf die aktuelle Auswahl beziehen die Zeile mit der angewandten Regel coll aus In der Statuszeile in der Mitte des Tag Inspektors wird nun Folgendes angezeigt In Datei divs css Dies weist darauf hin dass diese Regel in der Datei divs css definiert ist 4 Klicken Sie auf die Schaltfl che Kategorieansicht zeigen und erweitern Sie dann die Kategorie Hintergrund Der Eigenschaftenname f r die Hintergrundfarbe wird durchgestrichen angezeigt Dies weist
197. schluss an die Erstellung der MySQL Datenbank in Dreamweaver eine Verbindung zu dieser Datenbank Datenbankverbindung erstellen Der letzte Schritt des Setup Prozesses besteht aus dem Erstellen einer Verbindung zur Datenbank So erstellen Sie in Dreamweaver eine Datenbankverbindung 1 ffnen Sie in Dreamweaver eine PHP Seite und rufen Sie dann das Bedienfeld Datenbanken auf Fenster gt Datenbanken Klicken Sie im Bedienfeld auf die Schaltfl che mit dem Pluszeichen und w hlen Sie im Popupmen die Option MySQL Verbindung Das Dialogfeld MySQL Verbindung wird ge ffnet Geben Sie connTrio als Verbindungsname ein Verbindung mit der Beispieldatenbank herstellen PHP 147 A n N oo Geben Sie im Textfeld MySQL Server den Computer an der als Host f r MySQL verwendet wird Geben Sie eine IP Adresse oder einen Servernamen ein Wenn MySQL auf demselben Computer wie Dreamweaver ausgef hrt wird geben Sie localhost ein Geben Sie Ihren MySQL Benutzernamen und Ihr Kennwort ein Wenn Sie bei der Installation von MySQL keinen Benutzernamen festgelegt haben geben Sie den Benutzernamen root ein Wenn Sie kein Kennwort haben lassen Sie das entsprechende Textfeld leer Geben Sie im Textfeld Datenbank den Datenbanknamen TrioMotors ein oder klicken Sie auf Ausw hlen und w hlen Sie dann TrioMotors in der Liste der MySQL Datenbanken aus TrioMotors ist der Name der MySQL Beispieldatenbank die Sie erstellt ha
198. sind m glicherweise die Bild Hyperlinks in der Live Data Ansicht unterbrochen da sich die Bilddateien noch nicht auf dem Server befinden Gleicherma en kann ein Fehler auftreten wenn Sie auf einer Detailseite auf einen Hyperlink klicken w hrend Sie eine Masterseite in einem Browser anzeigen und sich die Detailseite nicht auf dem Server befindet So laden Sie die Beispieldateien an den Webserver hoch 1 W hlen Sie im Bedienfeld Dateien Fenster gt Dateien im Fenster Lokale Ansicht den Stammordner der Site aus Der Stammordner sollte der erste Ordner in der Liste sein 2 Klicken Sie im Bedienfeld Dateien in der Symbolleiste auf das blaue Pfeilsymbol Datei en bereitstellen und best tigen Sie dass Sie die gesamte Site hochladen m chten Dreamweaver kopiert alle Dateien in den Webserver Ordner den Sie im Abschnitt Remote Ordner definieren auf Seite 118 festgelegt haben Die Dreamweaver Site ist nun definiert Stellen Sie als N chstes eine Verbindung zur Beispieldatenbank her die zusammen mit Dreamweaver installiert wurde Verbindung mit der Beispieldatenbank herstellen ASP Bei der Installation kopiert Dreamweaver eine Beispieldatenbank im Microsoft Access Format auf die Festplatte Im vorliegenden Abschnitt wird beschrieben wie Sie eine Verbindung zu dieser Beispieldatenbank erstellen Hinweis Weitere Informationen zur Verbindung mit anderen Datenbanken finden Sie unter Datenbankverbindungen f r ASP Entwickler
199. sind und PHP Anwendungen entwickeln m chten k nnen Sie den bereits auf Ihrem Macintosh installierten Webserver verwenden Weitere Informationen finden Sie unter Macintosh Webserver testen PHP Entwickler auf Seite 88 Personal Web Server installieren Benutzer von Windows 98 sollten PWS installieren Wenn Sie Windows 2000 oder Windows XP Professional verwenden installieren Sie stattdessen IIS Weitere Informationen finden Sie unter Internet Information Server installieren auf Seite 87 Sie k nnen PWS in dem Windows 98 System installieren in dem auch Macromedia Dreamweaver MX 2004 ausgef hrt wird PWS kann nur installiert werden wenn Microsoft Internet Explorer 4 01 oder h her im System installiert ist So installieren Sie PWS 1 Doppelklicken Sie auf die PWS Installationsdatei auf der Windows 98 CD 2 Folgen Sie den Anweisungen des Installationsassistenten 3 Wenn Sie nach Ihrem Webpublishing Standardverzeichnis gefragt werden bernehmen Sie das vorgegebene Verzeichnis C Inetpub wwwroot 4 Klicken Sie auf Fertig stellen um die Installation abzuschlie en Nach der Installation k nnen Sie den Webserver testen Weitere Informationen finden Sie unter PWS oder IIS testen auf Seite 87 86 Kapitel 8 Webserver installieren Internet Information Server installieren Wenn Sie mit Windows 2000 oder Windows XP Professional arbeiten sollten Sie Internet Information Server IIS installieren Benutzer von Wi
200. stellen 222222cccceeeeenenn 99 Verbindung zur Datenbank herstellen 2 22222eecceeesneeecn 100 KAPITEL 10 ASP NET Beispiel Site installieren 22222ccc000 101 Setup Checklisten f r ASPNET Entwickler 222eececseeeeeeecnn 101 System konfigurieren ASPNET 22222222sseeeeeeeeenneenenn 102 Vorhandensein eines Webservers berpr fen 2 222222 n nenn 103 NET Framework installieren 222ccccceeeeeeeeeeeeeeeen en 103 Stammordner erstellen 22222222 eeeeeeeeenen nennen nen 104 Eine Dreamweaver Site definieren ASPNET 22222 cc cc 104 Beispieldateien kopieren au un wessen sen 105 Lokalen Ordner definieren 2222222 eeeeeeeeeeeee nennen nen 105 Remote Ordner definieren 2 222222 eeeeeeeeeee nennen nen 106 Ordner f r die Verarbeitung dynamischer Seiten festlegen 106 Beispieldateien hochladen nenn 107 Verbindung mit der Beispieldatenbank herstellen ASPNET 108 Datenbank einrichten Remote Computer als Server 222222222 108 Datenbankverbindung erstellen 22222ccseeeeeeeeeeenennnn 108 Inhaltsverzeichnis 5 KAPITEL 11 ASP Beispiel Site installieren 222222 cceeeeeeen 111 Setup Checklisten f r ASP Entwickler 22cccceeeeeeeeeeeennnn 111 System konfigurieren ASP o a nanneunnnnnanrru rnrn errre 112 Vorhandensein eines Webservers berpr fen o n nnnusunanuun nna 114 ASP Anwen
201. stellen Sie eine weitere dynamische Webseite die es Kunden erm glicht Kommentare oder Fragen direkt in die Datenbank einzugeben Suchen Sie zun chst die Dokumente mit denen Sie bei der Erstellung dieser Seiten arbeiten werden 1 ffnen Sie das Bedienfeld Dateien mit dem Befehl Fenster gt Dateien Das Bedienfeld Dateien wird ge ffnet i Dateien z Dateien Trio Motors x Lokale Ansicht 9 C trale Site Trio Motors C Dokumente und Ein a Im 2 W hlen Sie im Popupmen Site die Site Trio Motors aus die Sie zuvor eingerichtet haben Weitere Informationen finden Sie in den Einrichtungskapiteln die in Bevor Sie beginnen auf Seite 70 aufgef hrt sind 3 Doppelklicken Sie im Bedienfeld Dateien auf die Datei comments view um sie zu ffnen Das Dokument wird im Dokumentfenster ge ffnet 4 Wenn das Dokument derzeit in der Codeansicht angezeigt wird klicken Sie in der Dokumentsymbolleiste auf die Schaltfl che Entwurfsansicht anzeigen beschriftet mit Design oder die Schaltfl che Code und Entwurfsansicht anzeigen beschriftet mit Teilen So k nnen Sie Ihre Arbeit im Verlauf des Tutorials mit den Bildschirmbeispielen vergleichen Dokument zum Bearbeiten ffnen 71 Eine Datensatzgruppe definieren Sie erstellen nun eine Datensatzgruppe f r die Auswahl der anzuzeigenden Daten Eine Datensatzgruppe ist eine Datenmenge die mit einer Datenbankabfrage aus einer Datenbank extrahiert wird In A
202. stseite ausf hren Bevor Sie jedoch den Webserver zur Verarbeitung von PHP Seiten und Inhalten aus MySQL Datenbanken verwenden k nnen m ssen Sie den Server f r die Zusammenarbeit mit PHP und MySQL konfigurieren Informationen hierzu finden Sie unter www macromedia com devnet mx dreamweaver articles php_macintosh html So testen Sie den Apache Webserver und den PHP Anwendungsserver 1 Konfigurieren Sie den Server gem den Anleitungen im Artikel auf der Macromedia Website 2 Erstellen Sie in Dreamweaver oder einem beliebigen Texteditor eine einfache Textdatei namens timetest php 3 Geben Sie in der Datei den folgenden Code ein lt p gt This page was created at lt b gt lt php echo date h i s a time gt lt b gt on the computer running PHP lt p gt Dieser Code zeigt die Uhrzeit an zu der die Seite auf dem Server verarbeitet wurde 4 Kopieren Sie die Datei in den Ordner Benutzer Ihr_BenutzernamelSites auf Ihrem Macintosh Dieser Sites Ordner ist Ihr pers nlicher Stammordner f r den Apache Webserver 5 Geben Sie im Webbrowser die folgende URL ein und dr cken Sie die Eingabetaste http localhost Ihr_Benutzernameltimetest php Die Testseite sollte nun ge ffnet werden und die Uhrzeit anzeigen Die angegebene Zeit ist dynamischer Inhalt da sie sich jedes Mal ndert wenn Sie die Seite anfordern Klicken Sie in Ihrem Browser auf die Schaltfl che Aktualisieren um eine neue Seite mit einer anderen Uhrzeit
203. t der gerade eingegebene Kommentar ist der letzte Eintrag in der Tabelle Erg nzende Themen In diesem Tutorial haben Sie sich mit einigen der Werkzeuge vertraut gemacht die Ihnen f r die Erstellung dynamischer datenbankgesteuerter Seiten zur Verf gung stehen Sie haben gelernt wie Sie Datensatzgruppen erstellen um die gew nschten Daten f r Ihre Website zu definieren Weiterhin haben Sie mit einem Dreamweaver Anwendungsobjekt eine funktionelle Webanwendung erstellt die eine Interaktion mit in Datenbanken gespeicherten Daten erm glicht 82 Kapitel 7 Tutorial Webanwendungen entwickeln Informationen zur Erstellung einer einfachen statischen Website in Dreamweaver finden Sie unter Kapitel 3 Tutorial Eine statische Seite erstellen auf Seite 29 Einzelheiten ber die Dreamweaver Funktionen zur Code Erstellung finden Sie unter Kapitel 4 Tutorial Code bearbeiten auf Seite 41 Ausf hrliche Informationen zum Entwickeln von Webanwendungen finden Sie unter den folgenden Themen im Hilfethema Dreamweaver verwenden Daten f r Ihre Seite ermitteln Quellen f r dynamischen Inhalt definieren e Dynamischen Inhalt zu Webseiten hinzuf gen e Datenbank Datens tze anzeigen Erg nzende Themen 83 84 Kapitel 7 Tutorial Webanwendungen entwickeln KAPITEL 8 Webserver installieren Zum Entwickeln und Testen dynamischer Webseiten ben tigen Sie einen funktionsf higen Webserver In diesem Kapitel wird
204. t einer Mindestaufl sung von 1024 x 768 Pixel Millionen von Farben empfohlen Systemanforderungen f r Apple Macintosh e Power Macintosh G3 oder h here Version 500 MHz oder mehr e Mac OS X 10 2 6 e Mindestens 128 MB freier Arbeitsspeicher RAM 256 MB empfohlen e Mindestens 275 MB freier Festplattenspeicher e 16 Bit Farbmonitor Tausende von Farben mit einer Mindestaufl sung von 1024 x 768 Pixel Millionen von Farben empfohlen Dreamweaver installieren Im Folgenden werden Sie Schritt f r Schritt durch die Installation von Dreamweaver auf Ihrem Windows oder Macintosh Computer geleitet Hinweis In bestimmten Betriebssystemen k nnen Sie Dreamweaver nur installieren oder deinstallieren wenn Sie auf dem System ber Administratorrechte verf gen Weitere Informationen finden Sie unter Dreamweaver in einer Mehrbenutzerumgebung verwenden auf Seite 11 So installieren Sie Dreamweaver 1 Legen Sie die Dreamweaver CD in das CD ROM Laufwerk des Computers ein 2 Doppelklicken Sie auf das Symbol des Dreamweaver MX 2004 Installationsprogramms 3 Folgen Sie den Bildschirmanweisungen 4 Starten Sie bei entsprechender Aufforderung Ihren Computer neu Dreamweaver aktivieren Wenn Sie als Einzelbenutzer arbeiten m ssen Sie Ihre Lizenz innerhalb von 30 Tagen nach der Installation aktivieren Die Aktivierung erfolgt ber eine Internetverbindung oder telefonisch im Rahmen eines einfachen nahtlosen Verfahrens das nur wenige Augenb
205. tallieren Stammordner erstellen Erstellen Sie im Anschluss an die Installation der Serversoftware einen Stammordner f r Ihre Webanwendung in dem System in dem Microsoft PWS oder IIS ausgef hrt wird und sorgen Sie daf r dass der Ordner die erforderlichen Berechtigungen hat So erstellen Sie einen Stammordner f r Ihre Webanwendung 1 Erstellen Sie einen Ordner namens MySampleApp in dem System in dem PWS oder IIS ausgef hrt wird Hinweis Notieren Sie sich den Ordnernamen f r die sp tere Verwendung Wenn Sie ihn sp ter eingeben m ssen Sie genau dieselbe Schreibweise Gro und Kleinschreibung wie beim Erstellen verwenden Es empfiehlt sich diesen Ordner im Ordner C Inetpub wwwroot zu erstellen Der IIS oder PWS Webserver ist standardgem so eingerichtet dass er Seiten aus dem Ordner Inetpub wwwroot bertr gt Der Webserver bertr gt alle Seiten in diesem Ordner oder seinen Unterordnern an einen Webbrowser wenn diese ber eine HTTP Anforderung abgerufen werden 2 Gehen Sie folgenderma en vor um die Lese und Skriptberechtigungen f r den Ordner zu aktivieren m Wenn Sie PWS verwenden starten Sie den Personal Web Manager durch Doppelklicken auf das Webserver Symbol in der Systemablage Das Symbol stellt eine Hand mit einer Website dar Klicken Sie im Personal Web Manager auf das Symbol Erweitert Das entsprechende Dialogfeld wird eingeblendet W hlen Sie Basis und klicken Sie im Kontextmen auf Eigenschaften
206. tandardordner installiert haben verwenden Sie den folgenden Pfad C Programme Macromedia Dreamweaver MX 2004 Samples Database trio mdb Hinweis Abh ngig davon wo Sie Dreamweaver installiert haben kann der Pfad etwas anders aussehen Sie k nnen zum Beispiel als Wert f r Datenquelle den folgenden Pfad f r eine Datenbank auf Ihrer Festplatte eingeben Datenquelle C Programme Macromedia Dreamweaver MX 2004 Samples Database trio mdb Diesen Pfad k nnen Sie zum Beispiel f r eine Datenbank auf einem Remote Computer eingeben Datenquelle C Benutzer Denman Sites Daten global mdb L schen Sie die Zeilen Benutzername und Kennwort F r die Access Datenbank ist kein Benutzername und kein Kennwort erforderlich Klicken Sie auf Testen Dreamweaver versucht eine Verbindung zur Datenbank aufzubauen Wenn keine Verbindung hergestellt werden kann gehen Sie folgenderma en vor m berpr fen Sie den Pfad zur Datenbank m berpr fen Sie die Einstellungen f r den Ordner ber den Dreamweaver dynamische Seiten verarbeitet siehe Ordner f r die Verarbeitung dynamischer Seiten festlegen auf Seite 106 m Weitere Informationen finden Sie unter Fehler bei Datenbankverbindungen beheben in der Dreamweaver Hilfe Hilfe gt Dreamweaver verwenden Klicken Sie auf OK Die neue Verbindung wird im Bedienfeld Datenbanken angezeigt Die ASP NET Beispielanwendung ist installiert und bereit f r die Verwendung mit dem Leitfaden
207. tdessen eine Seite anzeigen auf der Sie sich f r den Kommentar bedanken und dem Besucher mitteilen dass Sie sich bald mit einer Antwort melden werden 9 F hren Sie die restlichen Schritte des Assistenten durch indem Sie das Verfahren im n chsten Abschnitt durcharbeiten Ein Formular zum Einf gen von Datens tzen erstellen 79 Das Einf geformular erstellen Im Bereich Formularfelder des Assistenten Einf geformular f r Datens tze definieren Sie das Formular in das Besucher Daten eingeben 1 F hren Sie im Assistent Einf geformular f r Datens tze die folgenden Schritte aus um die Felder zu entfernen die nicht im Formular enthalten sein sollen W hlen Sie COMMENT _ID und klicken Sie auf die Schaltfl che mit dem Minuszeichen a W hlen Sie TELEPHONE und klicken Sie auf die Schaltfl che mit dem Minuszeichen a W hlen Sie SUBMIT_DATE und klicken Sie auf die Schaltfl che mit dem Minuszeichen a W hlen Sie ANSWERED und klicken Sie auf die Schaltfl che mit dem Minuszeichen 2 Wenn Sie eine Seite f r ASP NET erstellen ndern Sie die alphabetische Reihenfolge der Formularfelder indem Sie Folgendes durchf hren m W hlen Sie in der Liste Spalte den Eintrag COMMENTS und klicken Sie auf den Abw rtspfeil um COMMENTS unter LAST_NAME zu verschieben m W hlen Sie in der Liste Spalte den Eintrag EMAIL und klicken Sie auf den Abw rtspfeil um EMAIL unter LAST_NAME zu verschieben 3 W hlen Sie in
208. te Computer unter Windows installiert ist und ausgef hrt wird Macintosh Benutzer m ssen Microsoft IIS oder PWS auf einem Remote Computer unter Windows installieren Um rasch festzustellen ob PWS oder IIS auf Ihrem Computer installiert ist k nnen Sie die Ordnerstruktur nach dem Ordner C Inetpub bzw D Inetpub durchsuchen Dieser Ordner wird bei der Installation von PWS und DIS erstellt Wenn PWS oder IIS nicht installiert ist holen Sie die Installation jetzt nach Eine Anleitung hierzu finden Sie unter Webserver installieren auf Seite 85 Installieren Sie den Anwendungsserver im Anschluss an den Webserver JSP Anwendungsserver installieren F r die Verarbeitung dynamischer Webseiten ist ein Anwendungsserver erforderlich Bei einem Anwendungsserver handelt es sich um Software die einen Webserver bei der Verarbeitung von Webseiten unterst tzt die serverbasierte Skripts oder Tags enthalten Wenn eine solche Seite angefordert wird sendet sie der Webserver nicht sofort an den Browser sondern zun chst zur Verarbeitung an den Anwendungsserver Weitere Informationen finden Sie unter Webanwendungen auf Seite 57 Sorgen Sie daf r dass ein JSP Anwendungsserver in dem System installiert ist und ausgef hrt wird in dem auch PWS oder IIS ausgef hrt wird PWS oder IIS kann sich auf der lokalen Festplatte oder auf einem Remote Computer befinden Wenn Sie keinen JSP Anwendungsserver haben k nnen Sie eine Testversion von Macro
209. te als dynamisch bezeichnet Sie k nnen beispielsweise eine Seite erstellen auf der Fitnessergebnisse angezeigt werden wobei bestimmte Einzelheiten wie der Name des Mitarbeiters und die Ergebnisse aber erst festgelegt werden wenn die Seite von einem Mitarbeiter angefordert wird Statische Webseiten verarbeiten Eine statische Website besteht aus mehreren zusammengeh rigen HTML Seiten und Dateien die sich auf einem Computer befinden auf dem ein Webserver ausgef hrt wird Bei einem Webserver handelt es sich um Software die von Webbrowsern angeforderte Webseiten bereitstellt Eine Seitenanforderung wird generiert wenn ein Besucher auf einen Hyperlink auf einer Webseite klickt in einem Browser ein Lesezeichen w hlt oder eine URL im Adresstextfeld des Browsers eingibt Der endg ltige Inhalt einer statischen Webseite wird vom Designer festgelegt und ndert sich nicht wenn die Seite angefordert wird Beispiel lt html gt lt head gt lt title gt Trio Motors Informationsseite lt title gt lt head gt lt body gt lt hl gt ber Trio Motors lt h1 gt lt p gt Trio Motors ist ein f hrender Automobilhersteller lt p gt lt body gt lt html gt Der gesamte HTML Code der Seite wird vom Designer geschrieben bevor die Seite auf dem Server abgelegt wird Da der HTML Code sich nicht mehr ndert wenn die Seite auf dem Server abgelegt wurde wird eine solche Seite als statisch bezeichnet Hinweis Genau genommen muss ein
210. te installieren Macromedia Dreamweaver MX 2004 wird mit Beispielseiten im Format von ASPNET geliefert mit denen Sie kleine Webanwendungen erstellen k nnen In diesem Kapitel wird eines der m glichen Verfahren beschrieben die Sie zum Einrichten der Beispielanwendung befolgen k nnen Dieses Kapitel richtet sich an Entwickler von ASBNET Anwendungen Informationen ber ASP finden Sie unter ASP Beispiel Site installieren auf Seite 111 Das Einrichten einer Webanwendung umfasst drei Schritte Zun chst konfigurieren Sie das System Anschlie end definieren Sie eine Dreamweaver Site Zum Schluss stellen Sie eine Verbindung zwischen der Anwendung und Ihrer Datenbank her Das vorliegende Installationskapitel folgt diesen drei Schritten Dieses Kapitel enth lt die folgenden Themen e Setup Checklisten f r ASPNET Entwickler auf Seite 101 e System konfigurieren ASBNET auf Seite 102 e Eine Dreamweaver Site definieren ASPNET auf Seite 104 e Verbindung mit der Beispieldatenbank herstellen ASBNET auf Seite 108 Setup Checklisten f r ASP NET Entwickler Zum Einrichten einer Webanwendung m ssen Sie Ihr System konfigurieren eine Dreamweaver Site definieren und eine Verbindung mit einer Datenbank herstellen Im vorliegenden Abschnitt finden Sie eine Checkliste f r jede dieser Aufgaben Die Aufgaben werden im restlichen Kapitel genauer beschrieben System konfigurieren 1 Sorgen Sie daf r dass Sie einen Webser
211. ten 123 PHP einrichten 135 bersicht 57 Webseiten Siehe Seiten Webserver 25 56 Definition 68 Funktion des Webservers berpr fen 103 114 126 138 Siehe auch Server Anwendungsserver WebSphere 66 weitere Medien 9 wiederholte Bereiche erstellen 77 Windows 10 11 Word HTML importieren Befehl 34 Z Zeiger Pipette 39 Zeit anzeigen in ASP 114 Zugriff Siehe Microsoft Access Index 155 156 Index
212. tensatzgruppe wird im Bedienfeld Bindungen angezeigt Im Dokumentfenster werden keine nderungen vorgenommen 74 Kapitel 7 Tutorial Webanwendungen entwickeln Tipp Wenn im Bedienfeld Bindungen nicht alle Datensatzgruppenfelder angezeigt werden klicken Sie auf die Schaltfl che mit dem Pluszeichen Windows oder den Erweiterungspfeil Macintosh neben der Datensatzgruppe rs_Commernt um die Struktur der Datensatzgruppe zu erweitern i w Anwendung Bindungen Dokumenttyp ColdFusion 8 Datensatzgruppe rs_Comment COMMENT_ID FIRST_NAME LAST_NAME TELEPHONE EMAIL SUBMIT_DATE COMMENTS ANSWERED AAAA Datenbank Datens tze anzeigen Nun erstellen Sie eine Seite auf der die Datens tze aufgelistet werden die derzeit in der Tabelle COMMENTS vorhanden sind Sie erstellen diese Seite dynamisch statt die Informationen manuell einzugeben Zun chst erstellen Sie eine Tabelle zur Strukturierung der Datenliste 1 Setzen Sie die Einf gemarke im Dokument comments view in die leere Zeile nach der berschrift Customer Comments 2 F hren Sie einen der folgenden Schritte aus um eine Tabelle einzuf gen m Klicken Sie in der Einf geleiste auf die Kategorie Allgemein und dann auf die Schaltfl che Tabelle oder ziehen Sie die Schaltfl che in das Dokument a W hlen Sie Einf gen gt Tabelle Das Dialogfeld Tabelle einf gen wird eingeblendet 3 W hlen Sie im Dialogfeld die
213. ter support microsoft com default aspx scid kb en us 300595 m Wenn auf dem Remote Computer Windows 2000 ausgef hrt wird lesen Sie Artikel 300596 unter support microsoft com default aspx scid kb en us 300596 m Wenn auf dem Remote Computer Windows XP ausgef hrt wird lesen Sie Artikel 305599 unter support microsoft com default aspx scid kb en us 305599 Wenn die Datenbank der Datenbanktreiber und der DSN installiert sind stellen Sie inDreamweaver eine Datenbankverbindung her Datenbankverbindung erstellen Im letzten Schritt des Setup Prozesses m ssen Sie eine Verbindung zur Datenbank erstellen Wenn Ihr lokaler Computer als Webserver dient k nnen Sie den Datenquellennamen DSN verwenden den Dreamweaver w hrend der Installation erstellt hat um rasch eine Verbindung zur Datenbank herzustellen Weitere Informationen zu Datenquellennamen finden Sie unter DSN verwenden im Hilfethema Dreamweaver verwenden Verbindung mit der Beispieldatenbank herstellen ASP 121 So erstellen Sie in Dreamweaver eine Datenbankverbindung 1 N A W sa N ffnen Sie in Dreamweaver eine ASP Seite und rufen Sie dann das Bedienfeld Datenbanken auf Fenster gt Datenbanken Klicken Sie auf die Plus Schaltfl che auf dem Bedienfeld und w hlen Sie im Popupmen die Option Data Source Name DSN Das Dialogfeld Data Source Name DSN wird eingeblendet Geben Sie connTrio als Verbindungsname ein Nur Windows F hren S
214. uf Grundeinstellungen Daraufhin wird die erste Seite des Site Definitions Assistenten angezeigt und Sie werden aufgefordert einen Namen f r Ihre Site einzugeben 5 Geben Sie in das Textfeld einen Namen ein ber den die Site in Dreamweaver identifiziert wird Dies kann ein ganz beliebiger Name sein Sie k nnten die Site beispielsweise Trio Motors nennen Site Definition f r Trio Motors Grundeinstellungen Erweitert Site Definition Dateibearbeitung Dat Eine Site in Macromedia Dreamweaver MX 2004 ist eine Sammlung von Dateien und Ordnern die einer Website auf einem Server entsprechen wie m chten Sie die Site nennen Trio Motors Beispiel MeineSite Wenn Sie direkt ber FTP oder RDS auf dem Server arbeiten m chten sollten Sie stattdessen eine FTP oder RDS Serververbindung herstellen ber Serververbindungen k nnen Sie jedoch keine Vorg nge f r die ganze Site ausf hren wie die berpr fung von Yerkn pfungen oder Ausf hrung von Siteberichten lt Zur ck Abbrechen 6 Klicken Sie auf Weiter um mit dem n chsten Schritt fortzufahren Auf der n chsten Seite des Assistenten werden Sie gefragt ob Sie eine Servertechnologie einsetzen m chten 22 Kapitel 2 Site einrichten 7 W hlen Sie Nein um anzugeben dass es sich zun chst um eine statische Site ohne dynamische 10 Seiten handelt Site Definition f r Trio Motors Grundeinstellungen Erweitert Site Definitio
215. uf Seite 99 2 Erstellen Sie eine ColdFusion Datenquelle im ColdFusion Administrator siehe ColdFusion Datenquellen erstellen auf Seite 99 3 Zeigen Sie die Verbindung in Dreamweaver an siehe Verbindung zur Datenbank herstellen auf Seite 100 98 Kapitel 9 ColdFusion Beispiel Site installieren Datenbank einrichten Remote Computer als Server Dieser Abschnitt ist nur relevant wenn der Webserver auf einem Remote Computer ausgef hrt wird Wenn der Webserver auf demselben Computer wie Dreamweaver ausgef hrt wird fahren Sie mit ColdFusion Datenquellen erstellen auf Seite 99 fort Bevor Sie versuchen eine Verbindung mit der Beispieldatenbank herzustellen kopieren Sie die Datenbank auf die Festplatte des Remote Computers Wenn Sie Dreamweaver am Standardspeicherort installiert haben lautet der Pfad zur Datenbankdatei trio mdb auf Ihrer Festplatte wie folgt e C Programme Macromedia DreamweaverMX 2004 Samples Database trio mdb Windows e Programme Macromedia DreamweaverMX 2004 Samples Database trio mdb Macintosh Sie k nnen die Datei in einem beliebigen Ordner im Remote Computer speichern oder einen neuen Ordner f r die Datei anlegen Vorsicht Wenn Sie die Datenbankdatei im Ordner Inetpub auf dem Remote Computer ablegen bestehen gewisse Sicherheitsrisiken Es empfiehlt sich daher die Datei in einem Ordner zu speichern der nicht ffentlich zug nglich ist Wenn die Datenbank installiert ist erstelle
216. us Suchkriterien die in einer Datenbanksprache namens SQL Structured Query Language ausgedr ckt werden Die SQL Abfrage wird in die serverbasierten Skripts oder Tags der Seite geschrieben So funktioniert eine Webanwendung 61 Anwendungsserver k nnen nicht direkt mit Datenbanken kommunizieren da sie das spezielle Datenformat der Datenbanken nicht entziffern k nnen hnlich wie auch ein Word Dokument nicht immer korrekt in Notepad oder BBEdit angezeigt werden kann Die Kommunikation zwischen Anwendungsserver und Datenbank ist nur ber einen Datenbanktreiber m glich Dabei handelt es sich um Software mit der Funktion eines Vermittlers zwischen dem Anwendungsserver und der Datenbank Nachdem der Treiber die Kommunikation aufgebaut hat wird die Datenbankabfrage ausgef hrt und eine Datensatzgruppe erstellt Eine Datensatzgruppe ist eine Datenmenge die aus einer Tabelle bzw mehreren Tabellen einer Datenbank extrahiert wird Die Datensatzgruppe wird wieder an den Anwendungsserver geleitet der die Daten in die Seite einf gt Das folgende Beispiel zeigt eine einfache in SQL geschriebene Datenbankabfrage SELECT lastname firstname fitpoints FROM employees Diese Anweisung erstellt eine Datensatzgruppe mit drei Spalten deren Zeilen den Nachnamen den Vornamen und die Fitnesspunkte aller Mitarbeiter enthalten die in der Datenbank gespeichert sind Weitere Informationen finden Sie im Anhang Einf hrung in SQL im Hilfethema Dream
217. usschlie lich die Entwurfsansicht an 1 W hlen Sie Ansicht gt Symbolleisten gt Dokument um die Symbolleiste des Dokuments anzuzeigen falls sie noch nicht sichtbar ist 2 Klicken Sie in der Symbolleiste des Dokuments auf die Schaltfl che Entwurfsansicht anzeigen 42 Kapitel 4 Tutorial Code bearbeiten Zum Code Arbeitsbereich wechseln nur Windows Auf Wunsch k nnen Sie Ihren Arbeitsbereich auch nach der Installation noch so gestalten dass er der beliebten Code Entwicklungsumgebung von Macromedia HomeSite und ColdFusion Studio gleicht Hinweis Macintosh Benutzer k nnen den Arbeitsbereich nicht ndern So wechseln Sie zum Code Arbeitsbereich 1 W hlen Sie Bearbeiten gt Voreinstellungen und w hlen Sie dann links in der Liste die Kategorie Allgemein Die Kategorie Allgemein wird angezeigt Voreinstellungen Kategorie Bedienfelder Codeformat Codehinweise Codeumschreibung c55 Stile Dateitypen Editoren Ebenen Eingabehilfen Farbe f r Code Layoutmodus Allgemein Dokumentoptionen V Startseite anzeigen C Dokument beim Start erneut ffnen Warnung beim ffnen schreibgesch tzter Dateien Hyperlinks beim Verschieben von Dateien aktualisieren Nachfragen Y Markierung Neues Dokument Office kopierenjeinf gen Schriftarten Site Statusleiste Unsichtbare Elemente Bearbeitungsoptionen Arbeitsbereich ndern Beim Einf gen von Objekten Dialogfeld zeigen Doppelbyte Inline
218. uverwenden Dazu geh ren beispielsweise Bibliothekselemente Vorlagen und Codefragmente Weitere Informationen zu diesen Themen finden Sie im Hilfethema Dreamweaver verwenden So kopieren Sie die Navigationsleiste in eine andere Seite 1 W hlen Sie in der Datei index html das Rollover Bild Showroom aus 2 Klicken Sie im Tag Selektor auf das Tag lt di vifrowl gt Das div Tag mit den Rollovern f r das Banner Logo und die Navigationsleiste ist ausgew hlt W hlen Sie Bearbeiten gt Kopieren Wechseln Sie zur Datei Nachrichten html W hlen Sie das Bannerbild am oberen Rand der Seite aus Klicken Sie im Tag Selektor auf das Tag lt divifrow1 gt W hlen Sie Bearbeiten gt Einf gen Die Rollover Bilder in der Navigationsleiste werden zusammen mit dem f r die Rollover Funktion erforderlichen Code eingef gt N AV A WW 8 Speichern Sie die Seite Nachrichten html Die Navigationsleiste kopieren 55 Vorschau von Seiten in einem Browser anzeigen Die Entwurfsansicht vermittelt Ihnen einen Eindruck davon wie die Seite ungef hr in einem Browser dargestellt wird Um die genaue Darstellung der Seite zu sehen m ssen Sie eine Vorschau im Browser anzeigen Jede Version eines jeden Browsers hat ihre ganz spezifischen Eigenarten Dreamweaver versucht HTML Code zu erstellen der in allen Browsern m glichst gleich dargestellt wird Manchmal lassen sich die browserspezifischen Unterschiede jedoch nicht vermeiden Daher wird auch k
219. ver zur Verf gung haben 2 Installieren Sie das Microsoft NET Framework 3 Erstellen Sie einen Stammordner Dreamweaver Site definieren 1 Kopieren Sie die Beispieldateien in einen Ordner auf der Festplatte 2 Definieren Sie den Ordner als lokalen Dreamweaver Ordner 3 Definieren Sie einen Webserver Ordner als Dreamweaver Remote Ordner 4 Definieren Sie einen Ordner f r die Verarbeitung dynamischer Seiten 5 Laden Sie die Beispieldateien an den Webserver hoch 101 Verbindung mit der Datenbank herstellen 1 Wenn Sie einen Remote Computer als Server verwenden kopieren Sie die Beispieldatenbank auf den Remote Computer 2 Erstellen Sie die Verbindung in Dreamweaver System konfigurieren ASP NET Dieser Abschnitt enth lt Anweisungen f r zwei allgemeine Systemkonfigurationen Eine Anweisung f r den Fall dass Windows 2000 oder Windows XP Professional auf Ihrer Festplatte installiert ist und eine f r den Fall dass Windows 2000 oder Windows XP Professional auf einem Remote Computer unter Windows installiert ist Wenn Sie eine andere Konfiguration verwenden m chten finden Sie weitere Informationen unter Webanwendungen einrichten im Hilfethema Dreamweaver verwenden In der folgenden Abbildung werden die in diesem Abschnitt beschriebenen Konfigurationen dargestellt Lokale Konfiguration Remote Server Konfiguration nur Windows Macintosh und Windows C Dreamweaver MX B C Dreamweaver MX I liS 5 od
220. von Codehinweisen 1 2 10 ffnen Sie die Datei index html in der Codeansicht falls sie noch nicht ge ffnet ist Suchen Sie den Code f r die Kopfzeile die den Text Previews amp amp More enth lt W hlen Sie im Code in dem leeren Absatz hinter diesem Text die Entit t f r gesch tzte Leerzeichen amp nbsp aus Wenn sich hinter dem Kopfzeilentext kein leerer Absatz befindet geben Sie nach dem schlie enden h2 Tag den folgenden Code ein lt p gt lt p gt Setzen Sie dann die Einf gemarke zwischen das ffnende lt p gt Tag und das abschlie ende lt p gt Tag Geben Sie eine ge ffnete spitze Klammer ein lt An der Einf gemarke wird eine Tag Liste eingeblendet Hinweis Sie k nnen die Zeitdauer f r die Verz gerung vor dem Einblenden der Liste einstellen indem Sie Bearbeiten gt Voreinstellungen bzw Dreamweaver gt Voreinstellungen Macintosh und dann links in der Liste die Kategorie Codehinweise w hlen In der Codeansicht k nnen Sie durch Dr cken der Tastenkombination Strg gt lt Leertaste gt jederzeit ein Codehinweise Men aufrufen und das Codehinweise Men durch Dr cken der Taste lt Eso gt jederzeit wieder schlie en W hlen Sie in der Liste das Tag img aus und dr cken Sie dann die Eingabetaste Windows bzw den Zeilenschalter Macintosh um das Tag einzuf gen Tipp Beginnen Sie mit der Eingabe eines Tags wenn Sie es schnell aufrufen m chten Dr cken Sie die Leertaste um eine Liste de
221. w hlt ist Aus Sicherheitsgr nden sollten Sie die Option Skripts und ausf hrbare Dateien nicht w hlen Klicken Sie dann auf OK Der Webserver ist nun so konfiguriert dass er die Webseiten in Ihrem Stammordner an einen Webbrowser bertragen kann wenn diese ber eine HT TP Anforderung abgerufen werden Im Anschluss an die Konfiguration des Systems m ssen Sie eine Dreamweaver Site definieren Weitere Informationen finden Sie unter Eine Dreamweaver Site definieren PHP auf Seite 142 140 Kapitel 13 PHP Beispiel Site installieren Macintosh System konfigurieren PHP Wenn Sie einen Macintosh verwenden k nnen Sie PHP Seiten mit dem auf Ihrem Betriebssystem installierten Apache Webserver und PHP Anwendungsserver ausf hren Konfigurieren Sie Ihr System indem Sie sicherstellen dass der Webserver und der PHP Anwendungsserver aktiv sind und legen Sie einen Stammordner f r die PHP Dateien an Dieser Abschnitt enth lt die folgenden Themen e PHP Installation testen Macintosh auf Seite 141 e Stammordner erstellen Macintosh auf Seite 142 Weitere Informationen zu Apache und PHP unter Macintosh finden Sie auf der Apple Website unter developer apple com internet macosx php html Au erdem finden Sie n tzliche Informationen unter www entropy ch software macosx PHP Installation testen Macintosh Sie k nnen den Apache Webserver und den PHP Anwendungsserver auf Ihrem Macintosh testen indem Sie eine Te
222. weaver einen CSS Stil namens sidebar text wobei die Stildefinition aus dem Word Dokument bernommen und dem eingef gten Text zugewiesen wird Speichern Sie die Seite Dem Text Stile hinzuf gen Sie haben mehrere M glichkeiten um HTML Text mit Stilen zu versehen Beispielsweise k nnen Sie mithilfe von CSS Stilen Cascading Stylesheets bestimmten HTML Tags konkrete Textformatierungen zuweisen In dieser Lektion wird gezeigt wie Sie auf Grundlage eines vordefinierten Stylesheets ein einfaches CSS Stylesheet erstellen das neue Stylesheet auf Text anwenden und die Stile modifizieren So erstellen Sie ein CSS Stylesheet 1 Klicken Sie im Bedienfeld CSS Stile Fenster gt CSS Stile auf die Schaltfl che Stylesheet anf gen Das Dialogfeld Entferntes Stylesheet hinzuf gen wird angezeigt Klicken Sie unten in diesem Dialogfeld auf den Hyperlink Muster Stylesheets Das Dialogfeld Muster Stylesheets wird angezeigt Es enth lt eine Liste der vordefinierten Stylesheets W hlen Sie ein Stylesheet aus Treffen Sie f r die Site von Trio Motors die Auswahl Einfach Verdana wodurch die Tags body td und th durch die Zuordnung von Schriftarten neu definiert werden Muster Stylesheets Einfach Arial h h Einfach Times Paragrap paragrapn p Einfach Verdana paragraph paragraph p Farben Blau Farben BlaufGraufLila TH th TH th Farben Blau wei Gelt Farben Gelb Braun td TD td TD Farben Grau Braun td
223. weaver verwenden 62 Kapitel 6 Webanwendungen Im Folgenden wird veranschaulicht wie eine Datenbankabfrage durchgef hrt wird und Daten an den Browser zur ckgegeben werden Schritt 1 Der Webbrowser fordert eine dynamische Seite an Schritt 2 Der Webserver sucht die Seite und bergibt siean den Anwendungsserver Schritt 3 Der Anwendungs server analysiert die Anweisungen auf der Seite Schritt 4 Der Anwendungsserver sendet die Abfrage an den Datenbanktreiber Schritt 5 Der Treiber f hrt die Datenbankabfrage aus Webbro lt HTML gt lt HTML gt wser lt HTML gt lt p gt Hi lt HTML gt t Anwendungsserver Datenb Datensatzgruppe ank Schritt 9 Der Webserver sendet die Seite an den Browser Schritt 8 Der Anwendungsserver f gt Daten in die Seite ein und bergibt die Seite dann an den Webserver Schritt 7 Der Treiber bergibt die Datensatzgruppe an den Anwendungsserver Schritt 6 Die Datensatzgruppe wird an den Treiber zur ckgegeben Mit Ihrer Webanwendung k nnen Sie praktisch jede Datenbank verwenden sofern auf dem Server der entsprechende Datenbanktreiber installiert ist Wenn Sie kleine kosteng nstige Anwendungen erstellen m chten k nnen Sie eine Datenbank auf Dateibasis verwenden die beispielsweise in Microsoft Access erstellt wurde Wenn Sie robuste Anwendungen f r kritische Gesch ftsabl ufe erstellen m chten k
224. weise in der Schriftart Verdana angezeigt Speichern Sie die Seite So f gen Sie Stile in ein Stylesheet ein 1 N w is a v N ce Klicken Sie im Dokumentfenster auf den Kopfzeilentext den Sie zuvor eingegeben haben in Text hinzuf gen auf Seite 33 W hlen Sie im Bedienfeld CSS Stile Fenster gt CSS Stile das Stylesheet Levell_Verdana css aus Klicken Sie auf die Schaltfl che Neuer CSS Stil Das Dialogfeld Neuer CSS Stil wird angezeigt W hlen Sie unter Selektor Typ die Kategorie Tag aus und w hlen Sie im Popupmen Tag die Option h1 falls diese nicht bereits ausgew hlt ist Behalten Sie die Option Levell_Verdana css im Popupmen Definieren unver ndert bei Klicken Sie auf OK Das Dialogfeld CSS Stil Definition wird eingeblendet Geben Sie im Textfeld Gr e den Wert 120 ein W hlen Sie im Popupmen neben dem Textfeld Gr e die Option Klicken Sie auf OK um den Stil des Tags h1 neu zu definieren und das Dialogfeld zu schlie en 9 Klicken Sie in der Randleiste auf die berschrift Previews amp More 10 11 12 Wiederholen Sie die Schritte 2 bis 8 um das Tag h2 neu zu definieren Stellen Sie dessen Gr e auf 100 ein Die Kopfzeilen auf der Seite sind jetzt nur noch geringf gig gr er als der Haupttext Wenn Sie den Text f r die Randleiste aus dem HTML Dokument und nicht aus dem Word Dokument kopiert haben wiederholen Sie die oben beschriebenen Schritt
225. wendung der visuellen Werkzeuge zur Anwendungserstellung von Dreamweaver gezeigt Sie enthalten auch eine Anleitung zum manuellen Bearbeiten von Code mit den Funktionen in Dreamweaver Lesen Sie Webanwendungen auf Seite 57 wenn Ihnen die Konzepte von Webanwendungen nicht bekannt sind Wenn Sie sich ber die Entwicklung von Webanwendungen informieren m chten sollten Sie sich zun chst f r eine Servertechnologie entscheiden ColdFusion ASP NET ASP JSP oder PHP und das entsprechende Kapitel zur Einrichtung lesen ColdFusion Beispiel Site installieren auf Seite 91 ASP NET Beispiel Site installieren auf Seite 101 ASP Beispiel Site installieren auf Seite 111 JSP Beispiel Site installieren auf Seite 123 oder PHP Beispiel Site installieren auf Seite 135 Installieren Sie gegebenenfalls einen Webserver entsprechend der Anleitung in Webserver installieren auf Seite 85 In der Anleitung zur Webanwendung wird beschrieben wie mit Dreamweaver eine einfache datenbankgest tzte Webanwendung entwickelt werden kann Tutorial Webanwendungen entwickeln auf Seite 69 Wenn Sie ein Kapitel lesen sollten Sie es von vorn bis hinten durcharbeiten Die Lektionen in diesem Handbuch greifen auf Seitenlayouts und Beispielinhalte aus dem Lieferumfang von Dreamweaver zur ck Nat rlich k nnen Sie Ihre erste Dreamweaver Site auch mit eigenen Layouts und Inhalten erstellen Die Lektionen sind jedoch einfacher nac
226. wird enth lt die Tabelle je eine Zeile f r jeden Datensatz der die Suchkriterien f r Datensatzgruppen erf llt 1 F hren Sie einen der folgenden Schritte aus um die untere Tabellenzeile im Dokumentfenster auszuw hlen a Klicken Sie in eine der Zellen und klicken Sie dann im Tag Selektor auf das Tag lt tr gt m Setzen Sie den Mauszeiger an den linken Rand der Tabellenzelle Wenn der Mauszeiger die Form eines nach rechts weisenden Pfeils annimmt klicken Sie auf den Rahmen der Tabellenzelle um sie auszuw hlen N F hren Sie einen der folgenden Schritte aus um einen wiederholten Bereich zu erstellen m Klicken Sie im Bedienfeld Serververhalten auf die Schaltfl che mit dem Pluszeichen und w hlen Sie Bereich wiederholen m Klicken Sie in der Einf geleiste in der Kategorie Anwendung auf die Schaltfl che Wiederholter Bereich a W hlen Sie Einf gen gt Anwendungsobjekte gt Wiederholter Bereich Nun wird das Dialogfeld Bereich wiederholen angezeigt Bereich wiederholen l E o Cx Abbrechen Anzeigen 10 Gleichzeitige Datens tze TR O Alle Datens tze w Klicken Sie im Dialogfeld auf OK um die Standardeinstellung zu bernehmen Die Tabellenzeile wird nun von einem Rahmen umgeben links neben der Zeile und dar ber wird eine Registerkarte angezeigt die darauf hinweist dass es sich um einen wiederholten Bereich handelt Die Beschriftung der Registerkarte h ngt von der verwendeten Servertechnologie
227. zu generieren und anzuzeigen Als Testserver kann der lokale Computer ein Entwicklungsserver ein Testserver oder ein Produktionsserver verwendet werden solange er JSP Seiten verarbeiten kann In vielen F llen so auch beim Einrichten der Trio Site k nnen Sie die gleichen Einstellungen wie bei der Kategorie Remote Information verwenden siehe Remote Ordner definieren auf Seite 129 da sie auf einen Server verweisen der JSP Seiten verarbeiten kann 2 W hlen Sie im Popupmen Servermodell die Option JSP 3 W hlen Sie im Textfeld Zugriff die Zugriffsmethode aus Lokal Netzwerk oder FTP die Sie f r den Zugriff auf den Remote Ordner gew hlt haben Dreamweaver gibt die Einstellungen vor die Sie in der Kategorie Remote Informationen festgelegt haben Behalten Sie die Einstellungen unver ndert bei 4 Geben Sie im Textfeld URL Pr fix die Stamm URL ein die Sie in einem Webbrowser eingeben w rden um eine Seite in Ihrer Webanwendung anzufordern Um w hrend Ihrer Arbeit Live Daten in Ihren Seiten anzuzeigen erstellt Dreamweaver eine tempor re Datei kopiert diese in den Stammordner Ihrer Website und versucht diese mit dem URL Pr fix abzurufen Dreamweaver versucht das URL Pr fix aus den Informationen abzuleiten die Sie im Dialogfeld Site Definition eingegeben haben Das vorgeschlagene URL Pr fix ist jedoch m glicherweise nicht korrekt Korrigieren Sie das Pr fix bei Bedarf bzw geben Sie ein neues ein Weitere Informat

Erste Schritte mit Dreamweaver

Contents

Download Pdf Manuals

Related Search

Related Contents