Kaufen

Wiederholende Bereiche

aus: Praxis-Workshops Dreamweaver CS4

Loggen Sie sich ein, um dieses Video-Tutorial anzusehen.

Wenn Sie noch kein video2brain Benutzerkonto haben, registrieren Sie sich jetzt kostenlos und unverbindlich. Die Registrierung dauert nur wenige Augenblicke. Sofort stehen hunderte weitere Video-Tutorials zur Verfügung – es lohnt sich!

Registrieren

Über dieses Video

Dieser Film zeigt, wie Sie Datensatzabfragen aus einem Dokument in ein anderes kopieren und wie Sie aus einer Tabelle mit dynamischen Inhalten einen wiederholenden Bereich erstellen können.

Auszug aus: Praxis-Workshops Dreamweaver CS4

Dieses Video-Training gibt Ihnen das nötige Rüstzeug, um dynamische Websites schlank, übersichtlich, modifizierbar und verkaufbar zu gestalten. Ronald Pottkämper zeigt Lösungen, wie Sie dynamische Seiten mit PHP und ASP gestalten, zeigt die Vorteile von Vorlagen auf und wie Sie diese in Contribute oder per InContext-Editing zur Bearbeitung freigeben. In weiteren Workshops tauchen Sie in die Tiefen des CSS-Layouts ein, um Navigationen zu erstellen oder arbeiten mit Web Widgets, die angepasst und dynamisch gestaltet werden. Machen Sie sich fit, um Ihre eigenen Ideen sowie die Wünsche Ihrer Kunden kreativ umzusetzen!

EUR 49,95

Kaufen

Ähnliche Video-Trainings

In diesem Kapitel lernen Sie, wie Sie vorgehen sollen, um dynamische Inhalte per PHP und MySQL in Ihre Website zu integrieren.

Dynamische Websites mit PHP
- Die Installation und Konfiguration von XAMPP und phpMyAdmin ist Inhalt dieses Unterkapitels. Der Trainer zeigt Ihnen, woher Sie XAMPP bekommen und die benötigten Module richtig installieren.
  
  XAMPP
  - Um mit dynamischen Daten arbeiten zu können, muss ein Server, PHP und MySQL installiert werden. XAMPP ist hierfür ideal geeignet.
    
    XAMPP installieren
    
    03:52
  - Der Trainer nimmt im Administrationsbereich von phpMyAdmin Einstellungsänderungen vor. Im Anschluss passt er die Konfigurationsdatei im Dreamweaver an.
    
    phpMyAdmin
    
    02:32
  - In diesem Video lernen Sie, eine Datenbank mit Tabellen anzulegen und diese mit Inhalten zu füllen. Sie erfahren, wie Sie Daten im- und exportieren.
    
    Datenbanken
    
    05:18
- Beobachten Sie in den folgenden Filmen, wie es dem Trainer gelingt, eine Datenbankanbindung in Dreamweaver und Bindungen für Dokumente zu erstellen. Erste Datensätze einzufügen gehört zu den Themen dieses Abschnitts.
  
  Datenbankanbindung - Datensatzabfrage - Livedata-Ansicht
  - Das Einrichten der Site, die Verbindung zum Testserver sowie das Verbinden der Datenbank mit Dreamweaver sind die Themen dieses Videos.
    
    Site definieren
    
    05:33
  - Ein Dokument braucht eine Datensatzgruppe aus der Datenbank, um dynamische Inhalte darstellen zu können. Wie das geht, zeigt dieses Video, genauso wie das Platzieren der Datensätze im Dokument. Außerdem lernen Sie, Ihre Datensatzgruppe zu erweitern.
    
    Bindungen
    
    05:38
  - Dieses Video demonstriert, wie Sie die Datensatzgruppe um eine SQL-Anweisung erweitern, dynamische Bilder einbinden und eine Datensatz-Navigation erstellen.
    
    Navigation
    
    04:12
  - Dreamweaver bietet eine recht komfortable Variante, Datensätze über die Livedata-Ansicht direkt im Programm betrachten zu können, ohne in die Browser-Vorschau wechseln zu müssen. Sehen Sie mehr dazu in diesem Film.
    
    Livedata-Ansicht
    
    01:47
- In diesem Unterkapitel zeigt Ihnen der Trainer, wie Bilder per Datenabfrage ein- oder ausgeblendet werden können, wie Sie "Wiederholende Bereiche" erstellen und eine Datensatznavigation sowie einen Navigationsstatus einfügen können.
  
  Datensätze einfügen, Datensatznavigation, Datensatznavigationsstatus
  - In diesem Video lernen Sie, wie Sie Bilder dynamisch ein- und ausblenden können.
    
    Versteckte Bilder
    
    03:13
  - Dieser Film zeigt, wie Sie Datensatzabfragen aus einem Dokument in ein anderes kopieren und wie Sie aus einer Tabelle mit dynamischen Inhalten einen wiederholenden Bereich erstellen können.
    
    Wiederholende Bereiche
    
    04:41
  - Erstellen Sie gemeinsam mit dem Trainer eine eigene Datensatznavigation mit Bildern und weisen diesen dann die benötigten Serververhalten zu.
    
    Datensatznavigation
    
    06:48
  - Sie lernen, wie Sie einen Datensatz-Navigationsstatus in Ihr Dokument einfügen können.
    
    Datensatzgruppen - Navigationsstatus
    
    01:30
- In diesem Unterkapitel erstellt der Trainer Master-Detailseiten, aktualisiert Datensätze, erstellt neue Datensätze und definiert eine Suchabfrage, um bestimmte Datensätze abzurufen.
  
  Master-Detailseiten und Datensätze einfügen
  - Erstellen Sie zwei Seiten, die als Master- und Detailseite fungieren. Eine Verknüpfung zwischen beiden Dokumenten wird automatisch eingefügt. Wie das funktioniert, zeigt Ihnen der Trainer in diesem Video.
    
    Master-Detailseite Einstieg
    
    03:54
  - Sie erstellen erneut einen Master-Detailbereich, diesmal mit bereits gestalteten Dokumenten. Die einzelnen Datensätze werden dann an die richtige Position gebracht und im Quellcode werden PHP-Codeschnipsel an die richtigen Stellen verschoben.
    
    Master-Detailseite anpassen
    
    10:46
  - Dieses Video zeigt, wie Datensätze mit dem Assistenten "Aktualisierungsformular für Datensätze" geändert werden können. Seien Sie auf die Ausführungen des Trainers gespannt.
    
    Datensatz mit dem Assistenten aktualisieren
    
    05:21
  - Der Trainer greift das Thema "Datensätze aktualisieren" wieder auf. Sie arbeiten dabei mit vorgefertigten Dokumenten, welche die Datensätze von der Master- über die Detailseite bis zur Aktualisierungsseite "durchreichen". Sie lernen dynamische Optionsschaltergruppen kennen und weisen einem Button ein Serververhalten zum Aktualisieren von Datensätzen zu. Zum Schluss kommt dann noch der optische Feinschliff.
    
    Datensatz aktualisieren mit Buttons
    
    13:51
  - In diesem Film arbeiten Sie mit dem Assistenten "Einfügeformular für Datensätze" und erweitern die Datenbank um einen Datensatz.
    
    Datensatz mit dem Assistenten einfügen
    
    08:55
  - Dieser Film beschäftigt sich wieder mit dem Thema "neue Datensätze einfügen". Sie arbeiten jedoch mit einem bereits gestalteten Dokument ohne Verwendung des Datensatz-Assistenten. Zum Abschluss überprüfen Sie noch die Formularfelder.
    
    Datensatz in vorgegebene Datei einfügen
    
    07:31
  - Dieses Video demonstriert, wie Sie eine Suchabfrage "einschränken" können. Unter Verwendung eines PHP-Codeschnipsels finden Sie dann nur Datensätze, die in bestimmte Rubriken gehören.
    
    Suchabfragen
    
    07:18
- Sie lernen in diesem Abschnitt, wie Sie den Zugriff auf Seiten steuern, einen neuen User für bestimmte Seiten anlegen, und wie Sie mit Code-Fragmenten beispielsweise eine Datumsangabe erstellen können.
  
  Zugriffsrechte, Variablen und Serververhalten
  - Damit nicht jeder machen kann, was er will, schränken Sie die Zugriffsrechte auf Dokumente ein, so dass einige Seiten nur für den Administrator zugänglich sind.
    
    Zugriffsrechte
    
    08:28
  - Legen Sie einen neuen User an, unter Verwendung des Assistenten "Einfügeformular für Datensätze". Überprüfen Sie die Formularfelder und fragen ab, ob der Username bereits existiert.
    
    Neue User
    
    07:41
  - In diesem Video lernen Sie, wie Sie eine Sitzungsvariable definieren, ein neues Serververhalten bestimmen und vorgefertigten PHP-Code für eine Datums- und Uhrzeitangabe einfügen.
    
    Sitzungsvariablen
    
    06:11
  - In diesem abschließenden Film geht der Trainer noch auf die Möglichkeiten ein, einen Testserver per FTP einzurichten. Sie sehen noch einmal, wie Sie aus der lokalen Datenbank Ihre Tabellen exportieren und diese dann im phpMyAdmin-Bereich des Providers importieren. Der Datentransfer der Dokumente und Images läuft über den ganz normalen FTP-Upload der Remote-Informationen.
    
    Daten hochladen
    
    07:45
Dieses Kapitel behandelt das Thema dynamische Seiten mit ASP. Folgen Sie dem Trainer vom Einrichten und Konfigurieren des Servers, über die nötigen Einstellungen in Dreamweaver, bis zu den einzelnen ASP-Dokumenten.

Dynamische Websites mit ASP
- Dieses Video zeigt, welche "Vorarbeiten" Sie leisten müssen um in Dreamweaver eine Datenbank per ASP abfragen zu können. Sie lernen, wie Sie den "Internet Information Service", kurz IIS, installieren und konfigurieren können. Danach richten Sie einen Microsoft Access Treiber für die benötigte Datenbank ein und konfigurieren auch deren Einstellungen.
  
  Installation und Konfiguration
  
  06:31
- In dieser Lektion stellt der Trainer in Dreamweaver die Verbindung zur Datenbank her, weist einem Dokument eine Datensatzabfrage zu, fügt die Datensätze ins Dokument ein und erstellt eine Datensatznavigation.
  
  Datenbank verbinden
  
  07:27
- Fügen Sie gemeinsam mit dem Trainer Datensätze zu einem Dokument hinzu und definieren Sie eine Tabelle als "Wiederholenden Bereich". Außerdem erzeugt der Trainer eine Datensatznavigation und einen Datensatznavigationsstatus.
  
  Wiederholende Bereiche
  
  05:03
- In diesem Video lernen Sie, wie Sie mit dem Datensatzassistenten ein Einfügeformular für Datensätze erstellen können.
  
  Datensatz mit dem Assistenten einfügen
  
  06:12
- In diesem Video arbeiten Sie mit einem bereits vorgefertigten Dokument, um Datensätze in die Datenbank einzufügen. Sie lernen, worauf Sie dabei achten müssen und wie Sie ein Serververhalten definieren, um das Dokument funktionstüchtig zu machen.
  
  Datensatz einfügen, in bestehender Datei
  
  04:31
- Zum Aktualisieren von Datensätzen gibt es ebenfalls einen Assistenten in Dreamweaver. Dieses Video zeigt, welche Einstellungen Sie vornehmen müssen.
  
  Datensatz mit dem Assistenten aktualisieren
  
  05:16
- In diesem Film arbeitet der Trainer wieder mit einem vorbereiteten Dokument. Lernen Sie, wie Sie vorgehen müssen, um das Formular funktionstüchtig zu gestalten und wie Sie ein Serververhalten zuweisen.
  
  Datensatz aktualisieren, in bestehender Datei
  
  06:55
- Dieses Video demonstriert die Vorgehensweise, um zu einer Detailseite zu navigieren, also einem Dokument, welches einen bestimmten Datensatz wiedergibt, der auf der "Masterseite" verlinkt wurde.
  
  Detailseiten-Navigation
  
  04:56
- In diesem Video fragen Sie aus einer Tabelle User und Passwörter ab. Gemäß der Angaben, also falsch oder richtig, wird der User auf eine entsprechende Seite weitergeleitet.
  
  Login User
  
  04:55
- Um den Zugriff auf Seiten einzuschränken, besteht die Möglichkeit, Daten aus der Datenbank abzufragen, um festzustellen ob sich jemand als "User" oder "Admin" angemeldet hat. Diese Abfrage steuert dann den Seitenzugriff. Sehen Sie mehr zu diesem Thema in diesem Video.
  
  Zugriff beschränken
  
  05:53
In diesem Kapitel beschäftigen Sie sich mit Framesets. Obwohl sie aus dem modernen Webdesign zwar fast völlig verschwunden sind, gibt es einige Bereiche, in denen der Einsatz von Framesets sinnvoll ist. Lassen Sie sich von den vielen Facetten, die Framesets bieten, überzeugen.

Framesets
- Der Film behandelt Pro und Contra von Framesets. Erfahren Sie, in welchen Bereichen Framesets heutzutage doch noch wertvoll sind.
  
  Pro & Contra Framesets
  
  04:15
- Dieses Video zeigt, wie Sie ein Frameset anlegen und die entsprechenden Parameter für das gesamte Frameset, wie auch für die einzelnen Frames bestimmen können.
  
  Framesets anlegen
  
  10:28
- Der Trainer öffnet vorgefertigte HTML-Dokumente in den einzelnen Frames über "Öffnen in Frame". Danach erstellt er ein weiteres Frameset, bei dem er abermals die Parameter bestimmt und Änderungen im Quellcode vornimmt, um dann ein Frameset in eines der Frames zu laden.
  
  Frameset im Frameset
  
  08:03
- Innerhalb eines Framesets können Sie gezielt Frames ansprechen, in denen eine Seite geöffnet werden soll. Über die Verhaltensweisen gelingt es Ihnen sogar, mehrere Dokumente in verschiedenen Frames zu öffnen.
  
  Navigation im Frameset
  
  03:23
- Ebenfalls eine sehr pfiffige Möglichkeit ist der Bildaustausch innerhalb von Framesets über die Verhaltensweisen. Anstatt ganze Seiten neu zu laden, können Sie gezielt einige Elemente verändern.
  
  Bildtausch im Frameset
  
  05:17
- iFrames stellen eine weitere Möglichkeit dar, Inhalte anzeigen zu lassen. In iFrames können andere HTML-Dokumente dargestellt werden. Im Anschluss wirft der Trainer noch einen Blick in den Noframes-Inhalt.
  
  iFrame und Noframes-Content
  
  07:26
Dieses Kapitel macht Sie fit im Umgang mit Vorlagen. Sie erfahren, wie Sie bearbeitbare Bereiche sowie wiederholende und optionale Bereiche erstellen und wie Sie Vorlagen geschickt auf Dokumente anwenden.

Vorlagen
- In diesem Video lernen Sie, wie Sie eine Vorlage erstellen und diese mit bearbeitbaren, wiederholenden und optionalen Bereichen versehen. Anschließend öffnen Sie ein neues Dokument, welches sich auf eine Vorlage bezieht.
  
  Vorlagen Basics
  
  06:15
- Ändern von Layout-Vorlagen, anwenden einer Vorlage auf ein bestehendes Dokument und Modifikationsmöglichkeiten von Vorlagen sind die Themen dieses Videos.
  
  Vorlagen anwenden
  
  05:01
- Dieser Film zeigt, wie Sie ein bereits komplett gestaltetes Dokument zu einer Vorlage machen. Bestimmen Sie die entsprechenden Bereiche dieser Vorlage und lernen Sie im Anschluss, wie Sie Attribute von optionalen Bereichen editieren.
  
  Vorlagen erzeugen
  
  08:33
Aufbauend auf das vorherige Kapitel lernen Sie die Vorteile von Contribute und InContext Editing kennen um Ihren Kunden den Zugriff auf einzelne Abschnitte von Dokumenten zu ermöglichen.

Contribute und InContext Editing
- In diesem Film nimmt der Trainer die Grundeinstellungen vor, um die Kompatibilität mit Contribute zu gewährleisten.
  
  Einstellungen in Dreamweaver
  
  03:15
- Sie lernen die Programmoberfläche von Contribute kennen, sehen die Bearbeitungsmöglichkeiten an den mit Vorlagen erstellten Dokumenten und stellen eine Verbindung zum Webserver her, um Ihre Seiten mit Contribute bearbeiten zu können.
  
  Einstellungen Contribute
  
  10:49
- Rollen- und Rechtevergabe sind Thema dieses Videos. Sie lernen, wie Sie ganz gezielt bestimmen können, auf welche Dokumente wer zugreifen darf und welche Änderungen von wem vorgenommen werden dürfen. Außerdem erstellen und speichern Sie einen "Schlüssel" für den Nutzer von Contribute.
  
  Rollen und Rechte mit Contribute
  
  04:49
- Dieses Video zeigt die Grundlagen des neuen Tools in Dreamweaver CS4, "InContext Editing". Ähnlich wie bei Vorlagen können Sie bearbeitbare und wiederholende Bereiche bestimmen. Zum Abschluss werden die benötigten Dateien auf den Server gespielt.
  
  InContext Basics
  
  06:12
- Dieser Abschnitt zeigt, wie Sie auf der Adobe Website mit InContext Editing arbeiten können. Sie haben die Möglichkeit, Sites anzulegen und User einzuladen, damit diese, ähnlich wie in Contribute, Bereiche bearbeiten können.
  
  InContext Website
  
  08:41
Dieses Kapitel stellt einen Workshop zum Thema Navigation mit CSS dar. Sie lernen, wie Sie von Grund auf eine Navigation mit Images und Bildern erstellen, diese mit einem "Mouse-Over" und "Mouse-Down" belegen, ohne dazu JavaScript zu bemühen.

Navigation mit CSS
- Dieser Film zeigt Ihnen, wie Sie eine Navigation mit CSS erstellen können. Vorbereitend müssen Sie das Layout-Dokument mit einem Div-Tag versehen und das CSS-Dokument modifizieren. Danach fügen Sie eine Liste mit fünf Elementen ein.
  
  Div-Navigation
  
  03:55
- In diesem Video wird ein neues CSS-Dokument angelegt, in dem die CSS-Regeln für die Navigation abgebildet werden. Sehen Sie sich an, wie sich das Ganze im Layout-Dokument auswirkt.
  
  Neue CSS-Regeln anlegen
  
  06:11
- In diesem Video ergänzt der Trainer das Style-Sheet um weitere Regeln. Änderungen und Kontrolle im Layout-Dokument zeigen Ihnen, ob Sie richtig gearbeitet haben. Nachdem die Navigationsbuttons sichtbar werden, erstellen Sie die hover-Klassen.
  
  Die hover-Klassen
  
  08:25
- In dieser Lektion erstellen Sie noch den "Gedrückt"-Zustand der Buttons. Sie nehmen Änderungen im Quellcode der Layout-Datei vor und verlinken die Navigationselemente. Zum Schluss kommt dann noch der optische Feinschliff.
  
  Der "Gedrückt"-Zustand
  
  08:51
Auf der Adobe Website stehen zahlreiche, kostenlose Web Widgets zur Verfügung. Sie lernen, wie Sie diese installieren, ins Dokument einfügen und die einzelnen Komponenten wie Bilder und Style-Sheets Ihren Bedürfnissen anpassen können. Anschließend arbeiten Sie noch mit einem der Spry-Tools und fügen dynamische Inhalte ein.

Web Widgets
- Über Dreamweaver steigt der Trainer auf der Adobe-Seite ein und installiert eine der Extensions über den Extension-Manager.
  
  Einführung in die Web Widgets
  
  02:17
- In diesem Film zeigt Ihnen der Trainer die Verwendung und Konfiguration des Web Widgets "YUI TreeView". Sie lernen die HTML-Struktur dieses Widgets kennen.
  
  YUI Treeview konfigurieren
  
  07:41
- Dieses Video zeigt, wie Sie das zum Widget gehörende Style-Sheet anpassen. Ändern Sie die Farben für Ihre Menüelemente und schauen Sie sich das Resultat im Browser an.
  
  YUI Treeview Style-Sheet anpassen
  
  06:13
- Der Trainer führt Ihnen in diesem Film vor, wir er die Bilddatei ändert, die die Knoten der Baum-Struktur anzeigt. Ein kurzer Blick nach Photoshop und ein Blick ins Style-Sheet zeigen, wie Sie am Besten vorgehen.
  
  YUI Treeview Bilder anpassen
  
  06:15
- In diesem Video arbeitet der Trainer mit dem Web Widget "Thickbox", welches er dem Dokument hinzufügt. Sehen Sie ihm hierbei über die Schulter.
  
  Thickbox einfügen
  
  02:08
- Der Trainer setzt die Lektion fort und gestaltet das Widget über eine Datenbankanbindung und einen wiederholenden Bereich dynamisch. Mehr dazu in diesem Film.
  
  Thickbox mit Datenbank
  
  05:57
- In diesem Video fügt der Trainer eine Spry-Palette mit Registerkarten ein und platziert in den einzelnen Registerkarten Datensätze aus der Datenbank.
  
  Thickbox und Registerkarten
  
  08:39
- In dieser Lektion lernen Sie, wie Sie JavaSript in einem externen Dokument speichern können, das über die Verhaltensweisen generiert wurde. Dabei bleibt die volle Funktionsweise der Verhaltensweisen in Dreamweaver erhalten. So können Sie Ihre Dokumente extrem "verschlanken".
  
  JavaScript externalisieren
  
  08:49

Wiederholende Bereiche

aus: Praxis-Workshops Dreamweaver CS4

Über dieses Video

Auszug aus: Praxis-Workshops Dreamweaver CS4

Filminformationen