Ihr Standort: Kostenloses Kurse / Der beispielhafte Weg zur Website mit Dreamweaver CS4

Der beispielhafte Weg zur Website mit Dreamweaver CS4 - Der Kurs zum kostenlosen Lernen und Nachschlagen

Der beispielhafte Weg zur Website mit Dreamweaver CS4

Kurs starten >>
Beispiele Aufgaben Fragen Dateien
221 53 66 43

Eine Website verwendet heutzutage ein ganzes Bündel aus Technologien wie HTML, CSS, Flash, PHP, SQL usw.. Wohl dem, der da den Überblick nicht verliert. Das Anliegen von Dreamweaver CS4 ist es, all diese Technologien zusammenzuhalten und strukturiert aufzubereiten.

Zudem vereinfacht Dreamweaver CS4 durch seine zahlreichen Assistenten die Erstellung von HTML-Dokumenten, CSS-Regeln und sonstigen Programmtexten. Der Einsatz von Assistenten ermöglicht sogar das Erstellen dynamischer Webseiten.

In dem vorliegenden Werk wird eine beispielhafte Website Schritt für Schritt aufgebaut. Das zugrunde liegende Webdesign ist zeitgemäß. Es verzichtet auf Frames und Tabellen und setzt dagegen auf eine strikte Trennung von Darstellung und Inhalt mittels XHTML und CSS. Ebenso wird das Erstellen dynamischer Webseiten mit PHP und SQL demonstriert, die Einbindung von Multimedia Inhalten thematisiert und die Suchmaschinenoptimierung besprochen.

Inhalt

  • Der beispielhafte Weg zur Website mit Dreamweaver CS4
    • Vorwort
    • 1 Erste Schritte
      • 1.1 Warum Dreamweaver CS4?
        • 1.1.1 Beispiel 1: Dreamweaver CS4 installieren
        • 1.1.2 Beispiel 2: Dreamweaver CS4 starten
      • 1.2 Anlegen einer Website
        • 1.2.1 Beispiel 3: Website anlegen
      • 1.3 Übungsaufgaben
        • 1.3.1 Aufgabe 1: Legen Sie eine neue Website an
        • 1.3.2 Aufgabe 2: Öffnen Sie die Website webuebung
      • 1.4 Verständnisfragen
    • 2 Elemente der Arbeitsoberfläche
      • 2.1 Die einzelnen Fenster und Hilfsmittel der Arbeitsoberfläche
        • 2.1.1 Beispiel 4: Dokumentenfenster
        • 2.1.2 Beispiel 5: Entwurfs-Ansicht
        • 2.1.3 Beispiel 6: Live-Ansicht und Browser-Ansicht
        • 2.1.4 Beispiel 7: Code-Ansicht
        • 2.1.5 Beispiel 8: Teilen-Ansicht
        • 2.1.6 Beispiel 9: Visuelle Hilfsmittel einfügen
        • 2.1.7 Beispiel 10: Browserkompatibilität prüfen
        • 2.1.8 Beispiel 11: HTML-Code überprüfen
        • 2.1.9 Beispiel 12: CSS-Layout-Hintergründe einblenden
      • 2.2 Die Statuszeile
        • 2.2.1 Beispiel 13: HTML-Tags in der Statuszeile
        • 2.2.2 Beispiel 14: Symbole in der Statuszeile
      • 2.3 Code-Navigator
        • 2.3.1 Beispiel 15: Beispiel Code
      • 2.4 Der Eigenschafteninspektor
        • 2.4.1 Beispiel 16: Texteigenschaften
        • 2.4.2 Beispiel 17: CSS-Eigenschaften
      • 2.5 Paletten
        • 2.5.1 Beispiel 18: Das Dateien-Fenster
        • 2.5.2 Beispiel 19: Die CSS-Stile-Palette
        • 2.5.3 Beispiel 20: Die Einfügen-Palette
        • 2.5.4 Beispiel 21: Das Register Allgemein
        • 2.5.5 Beispiel 22: Das Register Layout
        • 2.5.6 Beispiel 23: Das Register Spry
        • 2.5.7 Beispiel 24: Paletten verschieben und Arbeitsansicht speichern
      • 2.6 Übungsaufgaben
        • 2.6.1 Aufgabe 3: Erstellen einer neuen Webseite mit Layout und CSS-Datei
        • 2.6.2 Aufgabe 4: Wechseln zwischen Entwurfs- und Code-Ansicht
        • 2.6.3 Aufgabe 5: Wechseln zwischen Entwurfs- und LIVE-Ansicht und Änderungen im Quellcode
        • 2.6.4 Aufgabe 6: Einfügen des visuellen Hilfsmittels Raster und Testen der Browser-Kompatibilität
        • 2.6.5 Aufgabe 7: Überprüfen des HTML-Codes unserer neuen Seite
        • 2.6.6 Aufgabe 8: Scrollen und Ansicht vergrößern und verkleinern
        • 2.6.7 Aufgabe 9: Verwenden des Code-Navigators
        • 2.6.8 Aufgabe 10: Ändern von Textattributen mit dem Eigenschafteninspektor
        • 2.6.9 Aufgabe 11: Arbeiten mit der CSS-Stile-Palette
        • 2.6.10 Aufgabe 12: Arbeiten mit der CSS-Stile-Palette
        • 2.6.11 Aufgabe 13: Arbeiten mit der Einfügen-Palette
        • 2.6.12 Aufgabe 14: Verschieben der Einfügen-Palette in die Mitte des Bildschirms
      • 2.7 Verständnisfragen
    • 3 Vorlage für die Website „Stadtlupe“ erstellen
      • 3.1 Erstellen der Ordner für die Website Stadtlupe
        • 3.1.1 Beispiel 25: Ordner Stadtlupe anlegen
      • 3.2 Die Schritte beim Erstellen einer Vorlage
        • 3.2.1 Beispiel 26: Layout-Vorlagenauswahl öffnen
        • 3.2.2 Beispiel 27: Unterschiede der einzelnen Layout-Vorlagen herausfinden
        • 3.2.3 Beispiel 28: Leere HTML-Seite anlegen
        • 3.2.4 Beispiel 29: HTML-Seite als Vorlage speichern
        • 3.2.5 Beispiel 30: Vorlagen-Seite in der Live-Ansicht anzeigen
        • 3.2.6 Beispiel 31: Vorlagen-Seite im Browser anzeigen
      • 3.3 Einfügen der Elemente in die Vorlage
        • 3.3.1 Beispiel 32: Generelle Bestandteile einer Webseite
      • 3.4 CSS-Regeln, die erläutert werden
        • 3.4.1 Beispiel 33: Kopfbereich einer Vorlage bearbeiten
        • 3.4.2 Beispiel 34: Den Bereich body bearbeiten
        • 3.4.3 Beispiel 35: Navigation einfügen
        • 3.4.4 Beispiel 36: Hyperlink einfügen
        • 3.4.5 Beispiel 37: Bearbeitbaren Bereich einfügen
        • 3.4.6 Beispiel 38: Vorlagenseite für die Seite index.html verwenden
        • 3.4.7 Beispiel 39: Elemente in index.html einfügen
      • 3.5 Übungsaufgaben
        • 3.5.1 Aufgabe 15: HTML-Seite als Vorlage speichern
        • 3.5.2 Aufgabe 16: Kopfbereich der Vorlage ändern
        • 3.5.3 Aufgabe 17: Body- und Fußbereich der Vorlage ändern
        • 3.5.4 Aufgabe 18: Vertikale Navigationsleiste einfügen
        • 3.5.5 Aufgabe 19: Seiten unter Verwendung der Vorlage uebung_vorlage.dwt erstellen
        • 3.5.6 Aufgabe 20: Fußzeile in der Vorlage uebung_vorlage.dwt bearbeiten
        • 3.5.7 Aufgabe 21: Hyperlinks in das Menü der Vorlage uebung_vorlage.dwt einfügen
      • 3.6 Verständnisfragen
    • 4 Die CSS-Regeln im Einzelnen
      • 4.1 Ändern einer Überschrift über den Eigenschafteninspektor
        • 4.1.1 Beispiel 40: CSS-Regel über den Eigenschafteninspektor zuweisen
      • 4.2 Arten von Stilen
        • 4.2.1 Beispiel 41: Klassenstile
        • 4.2.2 Beispiel 42: HTML-Tag-Stile
        • 4.2.3 Beispiel 43: Eine Regel für mehrere Tags
        • 4.2.4 Beispiel 44: Klassenstile zuweisen
        • 4.2.5 Beispiel 45: CSS-Klassenstil in der Webseite index.html anwenden
        • 4.2.6 Beispiel 46: Klassenstil entfernen
        • 4.2.7 Beispiel 47: Klassenstil umbenennen
      • 4.3 Kategorien der CSS-Stile
      • 4.4 Exkurs: Spry-Navigationsmenü
        • 4.4.1 Beispiel 48: CSS-Regel für Spry-Menü vergeben
        • 4.4.2 Beispiel 49: Menü-Position bestimmen
        • 4.4.3 Beispiel 50: Hintergrundfarbe des Spry-Menüs ändern
        • 4.4.4 Beispiel 51: Hintergrund des Spry-Menüs transparent machen
        • 4.4.5 Beispiel 52: Schriftfarbe im Spry-Menü ändern
        • 4.4.6 Beispiel 53: Schriftgröße der einzelnen Menüpunkte ändern
        • 4.4.7 Beispiel 54: Rahmen der Navigationsleiste ändern
        • 4.4.8 Beispiel 55: Hovern
      • 4.5 Einbinden von Hyperlinks
        • 4.5.1 Beispiel 56: Hyperlinks über den Assistenten einfügen
        • 4.5.2 Beispiel 57: Externe Hyperlinks einfügen
        • 4.5.3 Beispiel 58: Interne Hyperlinks einfügen
        • 4.5.4 Beispiel 59: Benannten Anker dokumentübergreifend verwenden
        • 4.5.5 Beispiel 60: E-Mail-Links
        • 4.5.6 Beispiel 61: Hyperlinks auf Bilder
        • 4.5.7 Beispiel 62: Hyperlinks löschen
      • 4.6 Übungsaufgaben
        • 4.6.1 Aufgabe 22: Ändern einer Überschrift im #mainContent unter Verwendung einer Klasse
        • 4.6.2 Aufgabe 23: Ändern eines Klassennamens
        • 4.6.3 Aufgabe 24: Zuweisen eines transparenten Hintergrunds für das Navigationsmenü
        • 4.6.4 Aufgabe 25: Ändern der Überschriftposition innerhalb des Bereichs #mainContent
        • 4.6.5 Aufgabe 26: Ändern der Schriftgröße des Menütexts und der Breite des Bereichs #sidebar
        • 4.6.6 Aufgabe 27: Ändern der Breite des Untermenüs
        • 4.6.7 Aufgabe 28: Wechseln der Hoverfarbe des Menüs in einen Grünton
        • 4.6.8 Aufgabe 29: Einfügen eines externen Hyperlinks
        • 4.6.9 Aufgabe 30: Einfügen eines internen Hyperlinks mit einer internen Webseite
        • 4.6.10 Aufgabe 31: Einfügen eines internen Hyperlinks mit einem Anker
      • 4.7 Verständnisfragen
    • 5 Mit Bildern arbeiten
      • 5.1 Das Einfügen von Bildern
        • 5.1.1 Beispiel 63: Bild im Bilderstammordner speichern, in der HTML-Seite einfügen und Alternativtext vergeben
        • 5.1.2 Beispiel 64: Bilder auf Webseiten anordnen
        • 5.1.3 Beispiel 65: Bilder mit Fließtext anordnen
        • 5.1.4 Beispiel 66: Bilder und Text mit so genannten AP Divs darstellen
        • 5.1.5 Beispiel 67: AP Divs mit Bild und Text einfügen
        • 5.1.6 Beispiel 68: Sechs AP Divs zueinander anordnen
        • 5.1.7 Beispiel 69: AP Divs mit Bild, Fließtext und Abstandshalter
      • 5.2 Einfügen von Icons innerhalb eines Texts
        • 5.2.1 Beispiel 70: Bild innerhalb eines Textes einfügen
      • 5.3 Übungsaufgaben
        • 5.3.1 Aufgabe 32: Einfügen von Bildern und Fließtext
        • 5.3.2 Aufgabe 33: Einfügen von Bildern und Fließtext in ein Div-Element
      • 5.4 Verständnisfragen
    • 6 Das Kontakt-Formular
      • 6.1 Ein Kontaktformular und die Sicherstellung der benötigten Daten
        • 6.1.1 Beispiel 71: Kontakt-Formular anlegen
      • 6.2 Unterschied zwischen den Methoden GET und POST
      • 6.3 Einbinden der einzelnen Formular-Elemente
        • 6.3.1 Beispiel 72: Tabelle für Formularstruktur einfügen
        • 6.3.2 Beispiel 73: Textfelder einfügen
        • 6.3.3 Beispiel 74: Textbereich einfügen
        • 6.3.4 Beispiel 75: Kontrollkästchen einfügen
        • 6.3.5 Beispiel 76: Schriftgröße innerhalb der Tabelle ändern
        • 6.3.6 Beispiel 77: Optionsschalter einfügen
        • 6.3.7 Beispiel 78: Auswahllisten einfügen
        • 6.3.8 Beispiel 79: Schaltflächen einfügen
      • 6.4 Formularüberprüfung
        • 6.4.1 Beispiel 80: Textfelder überprüfen
        • 6.4.2 Beispiel 81: Kontrollkästchen (Check-Boxen) überprüfen
        • 6.4.3 Beispiel 82: Optionsfelder (Radio-Buttons) überprüfen
        • 6.4.4 Beispiel 83: Listenfelder überprüfen
        • 6.4.5 Beispiel 84: Spry-Überprüfungen nachträglich bearbeiten
      • 6.5 Formularelemente mit CSS formatieren
        • 6.5.1 Beispiel 85: Schriftgröße und Schriftart von Textfeldern über CSS ändern
      • 6.6 Übungsaufgaben
        • 6.6.1 Aufgabe 34: Erstellen eines Kontaktformulars
        • 6.6.2 Aufgabe 35: Überprüfen Sie die Eingaben in das Kontaktformular
      • 6.7 Verständnisfragen
    • 7 Exkurs: Mit Tabellen arbeiten
      • 7.1 Warum braucht es dennoch Tabellen?
        • 7.1.1 Beispiel 86: Tabelle mit zwei Zeilen und vier Spalten über ganze Seite einfügen
        • 7.1.2 Beispiel 87: Tabelle mit Informationen füllen
        • 7.1.3 Beispiel 88: Tabelle löschen
        • 7.1.4 Beispiel 89: Spaltenbreite ändern
        • 7.1.5 Beispiel 90: Abstände der Inhalte einer Zelle zum Zellrand zuweisen und Abstände zwischen den einzelnen Zellen erzeugen
        • 7.1.6 Beispiel 91: Zellinhalte ausrichten mit dem Eigenschafteninspektor
        • 7.1.7 Beispiel 92: Zellinhalte ausrichten mit CSS
      • 7.2 Weitere Formatierungen
        • 7.2.1 Beispiel 93: Rand am unteren Ende einer Zeile einfügen
        • 7.2.2 Beispiel 94: Hintergrund für die gesamte Tabelle und für die Kopfzeile der Tabelle erzeugen
        • 7.2.3 Beispiel 95: Eine Klasse für einen Zeilenhintergrund erstellen und verwenden
      • 7.3 Zuweisen einer anderen Schriftart und -größe
        • 7.3.1 Beispiel 96: Neue Attribute über eine Klasse zuweisen
        • 7.3.2 Beispiel 97: Neue Attribute über eine ID zuweisen
      • 7.4 Andere Methoden zum Formatieren von Tabellen
        • 7.4.1 Beispiel 98: Tabellenzeilen über den Eigenschafteninspektor formatieren
        • 7.4.2 Beispiel 99: Randstärke der Tabelle ändern
        • 7.4.3 Beispiel 100: Randstärke über eine CSS-Regel ändern
        • 7.4.4 Beispiel 101: Innere Randstärke der einzelnen Zellen einer Tabelle ändern
      • 7.5 Tabellen und das berühmte transparente GIF
        • 7.5.1 Beispiel 102: Breite und Höhe von Tabellenzellen mit einem 1pixel.gif ändern
      • 7.6 Importieren von Tabellendaten und sortieren
        • 7.6.1 Beispiel 103: EXCEL-Tabelle importieren
        • 7.6.2 Beispiel 104: Tabelle aus einer Textdatei importieren und sortieren
      • 7.7 Hilfsmittel für das Layout einer dreispaltigen Seite
        • 7.7.1 Beispiel 105: 3-spaltiges Layout mit einer Tabelle erstellen
        • 7.7.2 Beispiel 106: Design einer dreispaltigen Seite mit AP Divs
      • 7.8 Übungsaufgaben
        • 7.8.1 Aufgabe 36: Erstellen einer Tabelle
        • 7.8.2 Aufgabe 37: Formatieren der einzelnen Zeilen der Tabelle
      • 7.9 Verständnisfragen
    • 8 Seiten mit Div-Elementen strukturieren und Layout-Grundsätze
      • 8.1 Div-Elemente in eine Seite einfügen
        • 8.1.1 Beispiel 107: Neue Seite öffnen und body-Eigenschaften mittels CSS-Regel festlegen
        • 8.1.2 Beispiel 108: Div-Element (Container) auf einem HTML-Dokument einfügen und formatieren
        • 8.1.3 Beispiel 109: Div-Element löschen
        • 8.1.4 Beispiel 110: Div-Element für den Kopfbereich der Website einfügen und formatieren
        • 8.1.5 Beispiel 111: Div-Element für den Inhalt der Website einfügen und formatieren
        • 8.1.6 Beispiel 112: Div-Element für den Fußbereich der Website einfügen und formatieren
        • 8.1.7 Beispiel 113: Div-Element für das Logo einfügen und formatieren
        • 8.1.8 Beispiel 114: Div-Element für die Navigation einfügen und formatieren
        • 8.1.9 Beispiel 115: Div-Element für ein Banner einfügen und formatieren
        • 8.1.10 Beispiel 116: Div-Element für eine linke Spalte einfügen und formatieren
        • 8.1.11 Beispiel 117: Div-Element für eine rechte Spalte einfügen und formatieren
        • 8.1.12 Beispiel 118: Spalte anpassen
        • 8.1.13 Beispiel 119: Alternatives Layout verwenden
      • 8.2 Übungsaufgaben
        • 8.2.1 Aufgabe 38: Fügen Sie Div-Elemente nach der unten dargestellten Anordnung ein
      • 8.3 Verständnisfragen
    • 9 Mit Frames arbeiten
      • 9.1 Die Kopfseite für den Frame
        • 9.1.1 Beispiel 120: Kopfseite für den Frame erstellen
      • 9.2 Die Menü- und die Indexseite für den Frame
        • 9.2.1 Beispiel 121: Menüseite für den Frame erstellen
        • 9.2.2 Beispiel 122: Indexseite für den Frame erstellen
      • 9.3 Weitere Seiten für den Frame
        • 9.3.1 Beispiel 123: Seite der Firmenstruktur und Downloadseite für den Frame erstellen
      • 9.4 Das Frameset
        • 9.4.1 Beispiel 124: Frameset erstellen
        • 9.4.2 Beispiel 125: Frameset markieren und speichern
      • 9.5 Einrichten der Standardsicht auf das Frame
        • 9.5.1 Beispiel 126: Kopfseite in das Frameset einfügen
        • 9.5.2 Beispiel 127: Menüseite in das Frameset einfügen
        • 9.5.3 Beispiel 128: Erste Seite im mainFrame einfügen
        • 9.5.4 Beispiel 129: Die einzelnen Menüpunkte verlinken
        • 9.5.5 Beispiel 130: Mit dem Ziel _blank verlinken
        • 9.5.6 Beispiel 131: Mit dem Ziel _top verlinken
      • 9.6 IFrame
        • 9.6.1 Beispiel 132: IFrame einfügen und einer Grafik zuweisen
      • 9.7 Übungsaufgaben
        • 9.7.1 Aufgabe 39: Erstellen der Kopfseite eines Framesets
        • 9.7.2 Aufgabe 40: Erstellen Sie die Seite frame_menue.html
        • 9.7.3 Aufgabe 41: Erstellen Sie die Seite uebung_frame_index.html
        • 9.7.4 Aufgabe 42: Erstellen Sie ein Frameset und fügen Sie die entsprechenden Seiten ein
      • 9.8 Verständnisfragen
    • 10 Dynamische Webseiten
      • 10.1 Risiken einer PHP-Webanwendung
        • 10.1.1 Was wird als Cross-Site Scripting (XSS) bezeichnet?
        • 10.1.2 Wie kann ein XSS-Angriff erfolgen?
        • 10.1.3 Folgende Zwecke kann ein XSS-Angriff erreichen
        • 10.1.4 Der Angriff über eine Code Injection
        • 10.1.5 Wie kann man derartigen Angriffen vorbeugen (als Webmaster)?
        • 10.1.6 Was kann der Benutzer gegen einen XSS-Angriff unternehmen?
      • 10.2 Download und Installation der nötigen Programme
        • 10.2.1 Beispiel 133: XAMPP-Webserver downloaden
      • 10.3 Installation von PHP und phpMyAdmin
      • 10.4 Den lokalen Webserver XAMPP absichern
        • 10.4.1 Beispiel 134: Passwort für den lokalen Server vergeben
      • 10.5 MySQL-Datenbank und Dreamweaver CS4 zusammenführen
        • 10.5.1 Beispiel 135: Website, die mit der MySQL-Datenbank arbeiten soll, in den Ordner htdocs übertragen
        • 10.5.2 Beispiel 136: Lokalen Server bei Dreamweaver CS4 anmelden
        • 10.5.3 Beispiel 137: Datenbank erstellen
        • 10.5.4 Beispiel 138: Die Tabelle Buecher einrichten und Eingeben des ersten Datensatzes
        • 10.5.5 Beispiel 139: Weiteren Datensatz eingeben
        • 10.5.6 Beispiel 140: Eine bestehende MySQL-Datenbank in phpMyAdmin öffnen
        • 10.5.7 Beispiel 141: Weitere Datensätze einfügen
        • 10.5.8 Beispiel 142: Die Datenbank auf Ihrer Website mit Dreamweaver CS4 einrichten
        • 10.5.9 Beispiel 143: PHP-Seite für die Anzeige der Datenbankdaten einrichten
        • 10.5.10 Beispiel 144: Datenbankverbindung einrichten
        • 10.5.11 Beispiel 145: Bindungen einrichten
        • 10.5.12 Beispiel 146: Tabellenfelder aus der Datenbank in die Tabellenspalte unseres PHP-Dokuments einfügen
        • 10.5.13 Beispiel 147: Datensatzinhalte auf der PHP-Seite formatieren
        • 10.5.14 Beispiel 148: Buchumschlag in die Anzeige übernehmen
        • 10.5.15 Beispiel 149: Mehrerer Datensätze automatisch anzeigen
        • 10.5.16 Beispiel 150: Datensätze nach unterschiedlichen Kriterien anzeigen
        • 10.5.17 Beispiel 151: Datensatzstruktur durch Einfügen eines neuen Feldes ändern
        • 10.5.18 Beispiel 152: Neue Daten in die bisherigen Datensätze einfügen
        • 10.5.19 Beispiel 153: Erstellen der Datensatzgruppen für die WORD- und die EXCEL-Datensätze
      • 10.6 Ändern der Datensatztabelle über einen Webseitenzugriff
        • 10.6.1 Beispiel 154: Formular mit der Datensatzstruktur erstellen
        • 10.6.2 Beispiel 155: Funktion für das Einfügen eines neuen Datensatzes einrichten
        • 10.6.3 Beispiel 156: Neuen Datensatz über das eben erstellte Formular einfügen
        • 10.6.4 Beispiel 157: Eingefügten Datensatz ansehen
        • 10.6.5 Beispiel 158: Datensatz ändern
      • 10.7 Löschen eines Datensatzes
        • 10.7.1 Beispiel 159: Löschkennzeichen-Feld in den Datensatz einfügen
        • 10.7.2 Beispiel 160: Die neue Datensatzstruktur in der PHP-Seite datensatz_aendern.php aktualisieren
        • 10.7.3 Beispiel 161: Alle - als nicht gelöscht markierten - Datensätze anzeigen
        • 10.7.4 Beispiel 162: Löschkennzeichen in einem Datensatz vergeben
        • 10.7.5 Beispiel 163: Wiederholter Löschversuch
        • 10.7.6 Beispiel 164: Auch gelöschte Datensätze anzeigen
        • 10.7.7 Beispiel 165: Nur gelöschte Datensätze anzeigen
      • 10.8 Datensatz über Eingabeparameter suchen
        • 10.8.1 Beispiel 166: Suchformular erstellen
        • 10.8.2 Beispiel 167: Alle gelöschten bzw. nicht gelöschten Datensätze abwechselnd im gleichen Dokument anzeigen
      • 10.9 Benutzer authentifizieren
        • 10.9.1 Beispiel 168: Tabelle für Benutzerdaten anlegen
        • 10.9.2 Beispiel 169: Daten in neuer Tabelle eingeben
        • 10.9.3 Beispiel 170: Zwei Testseiten für den erlaubten bzw. nicht erlaubten Zugriff erstellen
        • 10.9.4 Beispiel 171: Login-Seite erstellen
        • 10.9.5 Beispiel 172: Einblick in den Quellcode der Seite login.php
        • 10.9.6 Beispiel 173: Neue Login-Seite für das Festlegen von Zugriffsebenen erstellen
        • 10.9.7 Beispiel 174: Zugriffsebene für bestimmte Webseiten vergeben
        • 10.9.8 Beispiel 175: Mehrere Zugriffsrechte für eine Webseite vergeben
      • 10.10 Anlegen eines Formulars für das Aufnehmen neuer Benutzer
        • 10.10.1 Beispiel 176: Anmeldeformular für neue Benutzer erstellen
      • 10.11 Arbeiten mit mehreren Tabellen
        • 10.11.1 Beispiel 177: Tabelle anlegen
        • 10.11.2 Beispiel 178: Bestellungen in Tabelle eingeben
        • 10.11.3 Beispiel 179: Bestellungen anzeigen
      • 10.12 Sessions
        • 10.12.1 Beispiel 180: Sessions starten
        • 10.12.2 Beispiel 181: Formular zum Speichern von Daten einer Session erstellen
        • 10.12.3 Beispiel 182: Übermittelte Daten einer Session auswerten
        • 10.12.4 Beispiel 183: Ausgewertete Daten in einer PHP-Seite anzeigen
        • 10.12.5 Beispiel 184: Session beenden
      • 10.13 Übungsaufgaben
        • 10.13.1 Aufgabe 43: Anlegen einer neuen Datenbank und einer Tabelle für die Aufnahme von Kundendaten
        • 10.13.2 Aufgabe 44: Anlegen eines Formulars für das Eingeben von Kundendaten
        • 10.13.3 Aufgabe 45: Auflisten von Kundendaten aus der Datenbanktabelle kundenkontakt für interne Zwecke
        • 10.13.4 Aufgabe 46: Suchen eines bestimmten Kundensatzes aus der Datenbanktabelle kundenkontakt
        • 10.13.5 Aufgabe 47: Suchen eines bestimmten Kundensatzes aus der Datenbanktabelle kundenkontakt für das Ändern und eventuellen Löschen des Datensatzes
      • 10.14 Verständnisfragen
    • 11 Grafikobjekte, Medien, JS gesteuerte AP- und Spry-Elemente
      • 11.1 Rollover-Bilder
        • 11.1.1 Beispiel 185: Symbol für Rollover-Schaltflächen mit Fireworks CS4 erstellen
        • 11.1.2 Beispiel 186: Schaltflächen-Status festlegen
        • 11.1.3 Beispiel 187: Schaltfläche testen
        • 11.1.4 Beispiel 188: Textelemente hinzufügen
        • 11.1.5 Beispiel 189: Einzelne Schaltflächen exportieren
        • 11.1.6 Beispiel 190: Schaltflächen mit einem Hyperlink versehen
        • 11.1.7 Beispiel 191: Schon vorhandene Schaltflächen über Adobe Fireworks CS4 einbinden
        • 11.1.8 Beispiel 192: Vorhandene Schaltflächen mit der Navigationsleiste eines Grafikobjekts einbinden
      • 11.2 JPG-Dateien für Rollover-Bilder einer Hyperlink-Schaltfläche
        • 11.2.1 Beispiel 193: Zwei Schaltflächen-Bilder für den Rollover-Effekt auswählen
      • 11.3 Zwei Bilder, die Platz sparend übereinander liegen
        • 11.3.1 Beispiel 194: Zwei Bilder an der gleichen Position abwechselnd erscheinen lassen
      • 11.4 Flash-Filme
        • 11.4.1 Beispiel 195: Flash-Film einfügen
      • 11.5 Einfügen eines Films
        • 11.5.1 Beispiel 196: Film von www.youtube.com laden
        • 11.5.2 Beispiel 197: Film in Flash-Format konvertieren
      • 11.6 Google Maps für die eigene Webseite
        • 11.6.1 Beispiel 198: Google-Maps-Karte in die eigene Webseite einfügen
      • 11.7 Mit JavaScript gesteuerte AP-Elemente
        • 11.7.1 Beispiel 199: Alle drei AP-Elemente erstellen
        • 11.7.2 Beispiel 200: Neue AP Div-Namen vergeben
        • 11.7.3 Beispiel 201: Tabelle für die Hyperlinks einfügen
        • 11.7.4 Beispiel 202: Bilder in die AP Divs einfügen
        • 11.7.5 Beispiel 203: Stapelungsreihenfolge der AP Divs festlegen
        • 11.7.6 Beispiel 204: Verhalten auf den jeweiligen Link zuweisen
        • 11.7.7 Beispiel 205: Erscheinungsmodus von Bildern durch das Zuweisen eines Verhaltens steuern
      • 11.8 Spry-Registerkarten
        • 11.8.1 Beispiel 206: Spry-Registerkarte einfügen
        • 11.8.2 Beispiel 207: Inhalte in eine Spry-Registerkarte einfügen
        • 11.8.3 Beispiel 208: Abstand zwischen Bild und Text mittels CSS-Regel festlegen
      • 11.9 Spry-Akkordeon
        • 11.9.1 Beispiel 209: Spry-Akkordeon (Accordion) einfügen
        • 11.9.2 Beispiel 210: Inhalte einfügen
        • 11.9.3 Beispiel 211: Abstand zwischen Bild und Text mittels CSS-Regel festlegen
        • 11.9.4 Beispiel 212: Höhe des jeweiligen Bereichs mittels CSS-Regel festlegen
      • 11.10 Reduzierbare Paletten
        • 11.10.1 Beispiel 213: Spry-Reduzierbare Palette einfügen
        • 11.10.2 Beispiel 214: Inhalte einfügen
        • 11.10.3 Beispiel 215: Abstand zwischen Bild und Text mittels CSS-Regel festlegen
      • 11.11 Übungsaufgaben
        • 11.11.1 Aufgabe 48: Einfügen von Spry-Registerkarten
        • 11.11.2 Aufgabe 49: Einfügen von Spry-Reduzierbaren Paletten
        • 11.11.3 Aufgabe 50: Einfügen von Spry-Akkordeon
        • 11.11.4 Aufgabe 51: Einfügen von Spry-Akkordeon innerhalb eines DIV-Containers
      • 11.12 Verständnisfragen
    • 12 Website ins Internet stellen
      • 12.1 Die Übertragungsschritte
        • 12.1.1 Beispiel 216: Daten bei Dreamweaver CS4 eintragen
        • 12.1.2 Beispiel 217: Zum Server Kontakt aufnehmen
        • 12.1.3 Beispiel 218: Daten vom lokalen Server zum Webserver übertragen
        • 12.1.4 Beispiel 219: Cloaking verwenden
      • 12.2 Die Sache mit den Suchmaschinen
        • 12.2.1 Beispiel 220: Meta-Tag-Daten über die Quellcode-Ansicht eintragen
        • 12.2.2 Beispiel 221: Meta-Tag-Daten per Assistent eintragen
      • 12.3 Übungsaufgaben
        • 12.3.1 Aufgabe 52: Einfügen von Meta-Informationen über eine Datei
        • 12.3.2 Aufgabe 53: Einfügen von Meta-Informationen über den Assistenten
      • 12.4 Verständnisfragen
    • 13 Lösungen der Verständnisfragen
    • Index