Dreamweaver CS4 Spry-Framework

Dynamische XML- und HTML-Daten anbinden

Lernen Sie, wie Sie das Spry-Framework von Dreamweaver CS4 optimal ausschöpfen! Ronald Pottkämper, erfahrener Webentwickler und Adobe Certified Instructor, zeigt wie Sie dynamische Daten anbinden, diese optisch ansprechend gestalten und benutzerfreundlich aufbereiten. So gestalten Sie Ihren Web-Auftritt professionell und erfüllen die Erwartungen Ihrer Kunden an eine zeitgemäße Website!

Ihr(e) Trainer: Ronald Pottkämper

Erscheinungsdatum: 20.05.2009

EUR 24,95

Es handelt sich bei diesem Video-Training um ein Online-Training.

Sie können die Trainingsinhalte jederzeit online ansehen oder herunterladen.

Was bekomme ich nach dem Kauf?

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!

In den Warenkorb Downloads

Auf die Merkliste Tell-A-Friend Feedback verfassen

Ähnliche Video-Trainings

Dieses Kapitel zeigt Grundlegendes zum Spry-Framework. Sie stellen die Bindung zu einem HTML-Dokument als "Datenlieferant" her und bestimmen, mit welchen Spry-Vorgaben (z.B. "Gestapelte Container") Sie arbeiten möchten. Des Weiteren lernen Sie die richtige Struktur Ihres "Datenlieferanten" kennen.

Grundlegendes zum Spry-Framework
- Definieren Sie mit dem Trainer die Site, um alle Dateien zur Verfügung zu haben, welche Sie für das Arbeiten in den Lektionen benötigen. Danach erstellen Sie einen eigenen Arbeitsbereich um optimal mit dem Spry-Framework arbeiten zu können und erstellen eine Verbindung zu einem Spry-Datensatz.
  
  Programmoberfläche und Datenstruktur
- In diesem Film verbindet der Trainer ein HTML-Dokument mit einer weiteren HTML-Datei, die als Datensatz dient und bestimmt in den Layoutoptionen die Parameter für Tabellen. Sie lernen, dass die Datenanbindung und die Layoutoptionen, wie Tabelle oder Master-/Detail, unabhängig voneinander bestimmt werden können.
  
  Anbindung einer HTML-Datei als Datensatz
- Sie lernen die Layoutvorgaben "Master-/Detail", "Gestapelte Container" und "Gestapelte Container mit Spotlight-Bereich" kennen. Sehen Sie dem Trainer hierbei über die Schulter.
  
  Spry-Datensatz einfügen
- Dieses Video zeigt die Struktur der Datei, die als Datenlieferant dient und worauf Sie zu achten haben, bzw. was Sie vermeiden sollten.
  
  Struktur des Daten-Dokumentes
Im zweiten Teil demonstriert Ronald Pottkämper, wie Sie einen Datensatz erweitern und die Style Sheets der Spry-Vorgaben modifizieren, um sie Ihrem Layout anzupassen.

Spry-Vorgaben einrichten und anpassen
- In diesem Video fügen Sie in ein vorbereitetes Dokument Daten per Spry-Tabelle ein. Im Anschluss passt der Trainer das Aussehen per CSS an.
  
  Spry-Tabelle einfügen und anpassen
- Der Nutzen von Datenanbindungen liegt darin, dass die mit dem Datensatz verknüpften Dokumente automatisch aktualisiert werden, wenn die Datei, welche die Daten liefert, geändert wird. In diesem Video zeigt der Trainer Ihnen wie das funktioniert.
  
  Datensatz erweitern
- Fügen Sie in ein bestehendes Dokument einen Master-/Detailbereich ein, und passen Sie das Style Sheet entsprechend an. Der Trainer demonstriert Ihnen in diesem Film die richtige Vorgehensweise.
  
  Master-/Detailbereich
- In diesem Video fügt der Trainer in ein bestehendes Dokument gestapelte Container ein und bearbeitet das Style Sheet entsprechend.
  
  Gestapelte Container
- An dieser Stelle ist der gestapelte Container an der Reihe. Der Trainer führt Ihnen vor, wie Sie in ein bestehendes Objekt solche Container mit Spotlight-Bereich einfügen.
  
  Gestapelte Container mit Spotlight
- Dieses Video zeigt, wie Sie eine Datenanbindung mit einem XML-File realisieren. Der Trainer gibt Ihnen Tipps, worauf Sie bei der Verknüpfung achten müssen, wie Sie Bilder dynamisch einbinden und erklärt Ihnen, wie die Grundstruktur eines XML-Dokuments aussieht.
  
  Master-/Detailbereich mit XML
Lernen Sie, wie Sie XML-Dokumente anbinden und worauf Sie bei der Struktur des XML-Files achten sollten. Im Anschluss greifen wir in den Quellcode ein, um beispielsweise den "Master- /Detailbereich" noch effizienter mit dynamischen Inhalten zu versehen. Zum krönenden Abschluss fügen Sie diverse Codeschnipsel ein (JavaScript und HTML), um ein "Pop-Up-Fenster" zu erstellen, in welchem sich per Mausklick die Inhalte dynamisch ändern.

Standard-Spry-Vorgaben modifizieren
- In diesem Film erstellt der Trainer einen Master-/Detailbereich und passt das Style Sheet an, um ein tolles Ergebnis zu erzielen. Seien Sie gespannt auf die Ausführungen des Trainers.
  
  Master-/Detailbereich Teil 1
- In dieser Lektion fügt der Trainer die Bereiche Master und Detail in andere Div-Tags des Dokumentes ein und passt das CSS weiter an.
  
  Master-/Detailbereich Teil 2
- Der Masterbereich dient Ihnen als Navigation, um in einem Spry-Akkordeon die Datensätze anzuzeigen, die zum Detailbereich gehören. Entnehmen Sie aus diesem Video, wie dies dem Trainer gelingt.
  
  Master-/Detailbereich mit Spry-Akkordeon
- Dieser Film zeigt, wie Sie ein vorgefertigtes Dokument mit einer dynamisch generierten Tabelle anpassen, um per Mausklick wiederum dynamisch erzeugte Informationen in einem Pop-Up anzuzeigen. Der Trainer arbeitet mit Codeschnipseln um JavaScript, CSS und einen Div-Tag einzufügen.
  
  Dynamische Pop-Ups

Durch gezieltes Eingreifen in den Quellcode holen Sie noch mehr aus den Standardvorgaben heraus und das Einbinden von XML- und HTML-Dokumenten als "Datenbank" erlaubt Ihnen, auf "kleinstem Raum" eine Fülle an Informationen zur Verfügung zu stellen. Durch Einbinden zusätzlicher JavaScripts stellen Sie beliebig viele Inhalte per Mausklick zur Verfügung.

Ronald Pottkämper führt Sie gezielt an die Möglichkeiten heran, die das Spry-Framework für Webdesigner und Webentwickler bietet, die ihre Seiten interessanter gestalten und schlanke Layouts entwickeln möchten.

Aus dem Inhalt:

Grundlegendes zum Spry-Framework

Im ersten Kapitel lernen Sie Grundlegendes zum Spry-Framework. Sie stellen die Bindung zu einem HTML-Dokument als "Datenlieferant" her und bestimmen, mit welchen Spry-Vorgaben (z.B. "Gestapelte Container") Sie arbeiten möchten. Des Weiteren lernen Sie die richtige Struktur Ihres "Datenlieferanten" kennen.

Spry-Vorgaben einrichten und anpassen

Im zweiten Teil demonstriert Ronald Pottkämper, wie Sie einen Datensatz erweitern und die Style Sheets der Spry-Vorgaben modifizieren, um sie Ihrem Layout anzupassen.

Standard-Spry-Vorgaben modifizieren

Sehen Sie, wie Sie XML-Dokumente anbinden und worauf Sie bei der Struktur des XML-Files achten sollten. Im Anschluss greifen wir in den Quellcode ein, um beispielsweise den "Master- /Detailbereich" noch effizienter mit dynamischen Inhalten zu versehen. Zum krönenden Abschluss fügen Sie diverse Codeschnipsel ein (JavaScript und HTML), um ein "Pop-Up-Fenster" zu erstellen, in welchem sich per Mausklick die Inhalte dynamisch ändern.