Adobe Dreamweaver CS4

Transkript

1 Richard Beer, Susann Gailus Adobe Dreamweaver CS4 Das umfassende Handbuch Galileo Press

2 Vorwort 23 TEIL I Grundlagen 1 Einleitung Für die Leser An wen richtet sich dieses Buch? Welche Vorkenntnisse benötigen Sie? Warum wir in diesem Buch auf dem PC arbeiten Was ist Dreamweaver und was nicht? Keine HTML-Kenntnisse erforderlich? Anforderungen an einen professionellen HTML-Generator Warum Dreamweaver? Grenzen von Dreamweaver Systemanforderungen von Dreamweaver CS Was ist neu in Dreamweaver CS4? 33 2 Projektablauf für die Buchwebsite Briefing Arbeitsablauf Das Layout Entwurf in Photoshop Dreamweaver und Fireworks 41 3 Programmgrundlagen Die Programmoberfläche Verschiedene Anzeigemöglichkeiten Anpassen der Bedienfeldgruppen Platz zum Arbeiten schaffen Einfügeleiste anpassen Das Dateifenster Verschiedene Dokumentansichten Die Entwurfsansicht Die Codeansicht Live-Ansicht 55 5

3 Ansicht im Testserverbetrieb: Live-Ansicht Live-Code Code einfrieren Code-Navigator Abhängige Dateien Mit mehren Dokumenten arbeiten Codeteilung Wichtige Voreinstellungen Allgemeine Voreinstellungen AP-Elemente (bis Version 8.0: Layer) Codeformat einstellen Codehinweise Codeumschreibung CSS-Stile Dateien vergleichen Dateitypen/Editoren Eingabehilfen Farbe für Code Kopieren und Einfügen (Office) Markierung Neues Dokument Site Statusleiste Unsichtbare Elemente Validator Vorschau im Browser Prüfung auf externen Rechnern Layouthilfen in Dreamweaver Raster einstellen und anzeigen Hilfslinien Die Statusleiste Tracing-Bilder 82 4 Dreamweaver erweitern Befehle speichern Extensions einsetzen Bezugsquellen Extension Manager 85 6

4 TEIL II Statische Websites 5 Eine Site erstellen Die Struktur Pfadangaben Ordnerstruktur Die Site-Verwaltung Regeln beim Arbeiten mit einer Site Site-Definition FTP-Zugang einrichten Eine Alternative zu FTP Testserver Versionskontrolle Cloaking Design Notes Dateiansichtsspalten Weitere Einstellungen Import und Export von Sites Fehlerquellen in der Site-Verwaltung Die Site-Ansicht Synchronisieren und Vergleichen von Dateien Mit der Dateiverwaltung arbeiten Gruppenarbeit Remote-Zugriff einstellen Mit der Gruppenfunktion arbeiten Die Buchwebsite anlegen Grundlegende Dokumenteinstellungen Seiteneigenschaften festlegen Seiteneigenschaften festlegen ohne CSS Seiteneigenschaften festlegen mit CSS Verknüpfungen & Überschriften Titel/Codierung Tracing-Bild - warum und wann? Metaangaben Layouttricks mit Hintergrundbildern Dokumenteinstellungen für die Buchwebsite 126 7

5 7 Tabellen in Dreamweaver Einfügen von Tabellen Hilfsmittel für Tabellen Arbeiten im erweiterten Tabellenmodus Tabelleneigenschaften einstellen Zelleneigenschaften einstellen Fehler vermeiden Verschachtelte Tabellen Was ist 100% DerTrick mit den transparenten GIFs Tabellenumrandungen erstellen Zentrieren mit Tabellen Aufbau der Tabellen für die Buchwebsite Bilder im Web Bildformate bestimmen JPEG GIF PNG Flash Bilder einfügen und bearbeiten Das Bedienfeld Elemente Bilder in Dreamweaver bearbeiten Bild von Text umfließen lassen Image Maps und Hotspots Platzhalterbilder Interaktion mit Photoshop Framesets Funktionsweise von Frames Gestalten mit Framesets Suchmaschinen und Framesets Ein Frameset anlegen Mit Framesets arbeiten Framesets nachbearbeiten Verlinkungen in Framesets Mehrere Frames gleichzeitig neu laden Eingebettete Frames (<iframe>) Anlegen des Framesets für die Buchwebsite 174 8

6 10 Verhalten JavaScript in Dreamweaver Verhalten Rollover erstellen Plug-ins überprüfen Mehrere Frames gleichzeitig austauschen JavaScript-Effekte Erstellen der Rollover-Effekte auf der Buchwebsite CSS in Dreamweaver Ein wenig Theorie zum Einstieg CSS-Voreinstellungen CSS-Werkzeuge auf einen Blick Medientypen Layout-Hilfsmittel Vorgehensweise und Regeln Arten von CSS-Stilen Interne CSS-Stile Externe CSS-Stile CSS-Syntax Selektor-Typen Klassen-Selektoren Tag-Selektoren Kontext-Selektoren ID-Selektoren Erstellen und Bearbeiten von CSS-Stilen Das CSS-Bedienfeld Neue CSS-Regeln erstellen CSS-Regeln bearbeiten CSS-Bearbeitung voreinstellen CSS-Regeln für Texte Zuweisen von CSS in der Eigenschaftenpalette Verknüpfen externer CSS-Dateien CSS-Regeln für unterschiedliche Ausgabemedien Besondere CSS-Anwendungen CSS-Layout ohne Tabellen CSS für barrierefreies Webdesign Das CSS-Boxmodell DOC-Type immer angeben CSS-Stile und DIV-Tags 210 9

7 11.10 AP-Elemente AP-Elemente erstellen und einstellen Erweiterte Einstellungen für AP-Elemente AP-Elemente in Tabellen umwandeln AP-Elemente und JavaScript CSS-Regeln für die Buchwebsite erstellen Aufbau der Buchwebsite mit CSS-und AP-Elementen Spry - Framework für Ajax Was ist Spry? Vorteile Einschränkungen Spry in diesem Buch Spry-Widgets Spry-Menüleiste Spry-Menüleiste anlegen Spry-Menüleiste anpassen Spry-Palette mit Registerkarten Spry-Registerkarten einstellen Spry-Registerkarten füllen Spry-Akkordeon Spry Reduzierbare Palette Spry-Widgets mit CSS gestalten Hyperlinks Verknüpfungen einbauen Ziel angeben Hyperlinks prüfen Anker hinzufügen Hyperlink-Methoden Hyperlinks auf -Adressen Platzhalter für Hyperlinks Vorlagen und Bibliotheken Mit Vorlagen arbeiten Vorlagenerstellen Bearbeitbare Bereiche festlegen Dokument aus Vorlage erstellen Vorlagen entfernen

8 Vorlagen aktualisieren Tricks mit Vorlagen Verschachtelte Vorlagen Wiederholte Bereiche Wiederholte Tabelle Mit Bibliotheken arbeiten Anlegen der Sitestruktur und der Navigation für die Buchwebsite Formulare Übertragungsmethoden für Formulardaten GET POST Formulare per Ein Formular erstellen Formularelemente Variablenvergabe Textfelder Versteckte Textfelder Textbereiche Kontrollkästchen Optionsschalter Auswahllisten und Sprungmenüs Dateifelder Schaltflächen Formulare überprüfen Spry für Formulare Spry-Überprüfung Textfeld Spry-Überprüfung Textbereich Spry-Überprüfung Auswahl Spry-Überprüfung Kennwort Spry-Überprüfung Bestätigung Formulare gestalten Formulare mit Tabellen gestalten Formularelemente mit CSS gestalten Ein Kontaktformular für die Buchwebsite Quelltext de luxe Arbeiten im Quelltext Quellcode formatieren Codeansichtsoptionen

9 Code übersichtlich halten Code halbautomatisch erstellen Kommentare Codefragmente (Snippets) einsetzen Codefragmente mit Kollegen teilen Tag-Inspektor Eigene Tag-Vorgaben oder-bibliotheken Quelltext in der Entwurfsansicht bearbeiten Quelltext automatisch optimieren Suchen und ersetzen Dreamweaver und Flash Flash einsetzen oder nicht? Flash einfügen Filme einbinden Eigenschaften einstellen Möglichkeiten im Zusammenspiel mit Flash Sound mit Flash Flash mit Aktionen steuern Flash in Dreamweaver öffnen Office-Dateien einfügen Word-Texte einfügen Excel-Tabellen einfügen CSV-Daten importieren Weitere Einfügemöglichkeiten 347 TEIL IM Dynamische Websites 20 Dynamische Websites - Einführung Vorteile dynamischer Sites Statische versus dynamische Sites Dynamische Sites und Suchmaschinen Dynamische Sites und Sessions Typen dynamischer Websites Web-Content-Management-ISysteme (WCMS) Content-Management-Systeme (CMS) Redaktionssysteme Shopsysteme

10 Foren Portale Personalisierte Websites Weblogs Client- und serverseitiges Skripting Konzeption dynamischer Sites Besonderheiten für das Layout Trennung von Layout und Inhalt Konzeption der Administrationsebene Planung, Planung, Planung Einführung in PHP Was ist PHP? »Hallo Welt«in PHP Vorteile von PHP PHP und HTML PHP in HTML einbinden Schreibweise von Zahlen und Zeichen HTML in PHP einbinden Variablen in PHP Vergleichsoperatoren Boolesche Operatoren Schleifen programmieren for-schleifen while-schleifen do-while-schleifen foreach-schleifen Bedingungen mit PHP if-anweisung if-else-anweisung switch-anweisung Dateien einbinden Mit MySQL verbinden MySQL-Datenbanken abfragen Mit Sessions arbeiten Fazit Lokalen Webserver installieren Webserver-Grundlagen Vorbereitung: Firewall einstellen oder ausschalten

11 22.3 WAMP installieren ХАЛЛРР testen und konfigurieren Eigene Serverroot angeben phpmyadmin in die Serverroot legen MySQL Internet Information Server als Alternative installieren IIS verwalten PHP auf IIS installieren MySQL unter IIS installieren phpmyadmin unter IIS installieren Installation des IIS 7 und PHP unter Windows Vista Business Dynamische Sites in Dreamweaver einrichten Testserver-Einstellungen Site-Einstellungen testen Buchwebsite für dynamische Inhalte einrichten MySQL-Grundlagen Einführung in Datenbanken Relationale Datenbanken Relationstypen Primärschlüssel Redundanzfreiheit Prozessdatenfreiheit Fremdschlüssel Referenzielle Integrität Endlosschleifen MySQL-Datentypen Erstellen einer MySQL-Datenbank MySQL-Datenbank mit phpmyadmin anlegen Einfügen von Datensätzen Import von Daten Export von Daten zum Provider MySQL und Microsoft Access Benutzerverwaltung mit MySQL Einführung in SQL Daten abfragen mit SELECT Datensatz abfragen mit WHERE Daten sortieren mit ORDER BY Datensatz aktualisieren mit UPDATE

12 Datensatz löschen mit DELETE Datensatz einfügen mit INSERT Datenstruktur der Buchwebsite Datenstruktur der Website Primärschlüssel festlegen Datenbanken mit Dreamweaver anbinden Datenbanken konnektieren Konnektierung von MySQL mit PHP Bedienfeldgruppe Anwendung Das Bedienfeld Datenbanken PHP und Dreamweaver Variablen in Dreamweaver Variablen senden Mit Variablen arbeiten PHP einfügen in Dreamweaver PHP-Befehle einsetzen PHP-Referenz PHP von Hand coden Fehlersuche mit PHP Fehlermeldungen anzeigen Externe Variablen anzeigen Häufige PHP-Fehlerquellen Datenbanken abfragen Das Bedienfeld Bindungen Datensätze in Dreamweaver abfragen Einfache Abfragen erstellen Anzeigen von Datensätzen Formatieren in der Live-Ansicht Erweiterte Abfragen erstellen Mehrere Datensätze abfragen Bestimmte Datensätze abfragen Datensatz-ID mit URL übergeben Einstellbare Variablentypen Testen der Abfragen Dynamische Tabellen Erstellen einer dynamischen Tabelle

13 Dynamische Tabelle mit Serververhalten Wiederholte Bereiche mit AP-Elementen Bilder dynamisch einfügen Bilder aus Datenbanken verlinken Vorbereitungen für dynamisch eingefügte Bilder In Datensätzen navigieren Datensatznavigation erstellen Bereiche in Abhängigkeit von Daten anzeigen Datensatzanzahl anzeigen Individuelle Datensatznavigationen erstellen HTML-Attribute dynamisch generieren Eigenschaften aus Datenquellen einfügen Daten in der URL mit Hyperlinks übergeben Automatische Master-und Detailseiten Ausgabe formatieren Aufbau der dynamischen Inhalte der Buchwebsite Das Funktionsschema Die Masterseite Die Detailseiten Anlegen der Abfragen URL-Parameter übergeben Datensatznavigation erstellen Aufbau des CSS-Layouts Daten einfügen und dynamische Formulare Neue Datensätze einfügen Der Assistent für Einfügeformulare Eigene Einfügeformulare verwenden Bestehende Datensätze manipulieren Ein Änderungsformular erstellen Andere Möglichkeiten Dynamische Auswahlliste erstellen Dynamische Kontrollkästchen (Checkboxen) Datensätze bearbeiten Datensätze verändern Ein Änderungsformular erstellen Datensatznavigation für Datensatzänderungen Datensatznavigation mit zwei Dokumenten und Auswahlseiten

14 29.2 Datensätze löschen Daten aus mehreren Tabellen verbinden Administrationsebene für die Buchwebsite anlegen Frameset anlegen Auswahlseiten CSS für Administrationsebene anlegen Benutzer authentifizieren und Zugriffsrechte festlegen Benutzer verwalten Schema einer Benutzerauthentifizierung Tabelle für die Benutzerverwaltung Benutzer anmelden Zugriffsrechte beschränken Neue Benutzer anlegen Zugriffsrechte für die Website zum Buch Fortgeschrittene Techniken SQL-Abfragen Eigene SQL-Abfragen einbinden Abfragen verschachteln Eine Volltextsuche Arbeiten mit Sessions Serververhalten Eigene Serververhalten schreiben Positionierung im Code Bedingungen als Serververhalten anlegen Serververhalten anderen zur Verfügung stellen Menüs für dynamische Verhalten Dynamische Verhalten zuweisen Tabellendaten importieren Spry-XML-Datensatz Spry-Bereich Spry-Wiederholung Spry-Wiederholungsliste Datensatzgruppen Dynamische Daten Bereich wiederholen 623 V

15 Bereich anzeigen Seitenerstellung für Datensatzgruppe Datensatzgruppen-Navigationsstatus Master-Detaildatensatz Datensatz einfügen Datensatz aktualisieren Datensatz löschen Benutzerauthentifizierung XSL-Transformation Dreamweaver und XML Einführung in XML XML und CSS XML-Attribute DTDs DTDs mit Dreamweaver entwickeln Externe DTDs Einbinden von DTDs in Dreamweaver XML, XSLT und CSS XSLT-Einführung RSS-Feed einbinden XSLT-Fragmente und ganze XSLT-Seiten Clientseitige XSLT-Transformation Serverseitige XSLT-Transformation mit PHP Spry und XML Was ist Ajax? XML-Daten anbinden Spry-Bereiche Spry-Wiederholungen Spry-Wiederholungsliste Spry-Tabelle Kritiken an Spry 670 Die DVD zum Buch 671 Index