Rheinwerk Design < openbook > Rheinwerk Design - Know-how für Kreative.
Know-how für Kreative

Inhaltsverzeichnis
1 Einleitung
2 Projektablauf für die Buchwebsite
3 Programmgrundlagen
4 Dreamweaver erweitern
5 Eine Site erstellen
6 Grundlegende Dokumenteinstellungen
7 Tabellen in Dreamweaver
8 Bilder im Web
9 Framesets
10 Aktionen
11 Die Zeitleiste
12 CSS in Dreamweaver
13 Ebenen
14 Hyperlinks
15 Vorlagen und Bibliotheken
16 Formulare
17 Quelltext de Luxe
18 Dreamweaver und Flash
19 Office-Daten einfügen
20 Dynamische Websites – eine Einführung
21 Einführung in PHP
22 Lokalen Webserver installieren
23 Dynamische Sites in Dreamweaver einrichten
24 MySQL-Grundlagen
25 Datenbanken mit Dreamweaver anbinden
26 PHP und Dreamweaver
27 Datenbanken abfragen
28 Daten einfügen und dynamische Formulare
29 Datensätze bearbeiten
30 Benutzer authentifizieren und Zugriffsrechte festlegen
31 Fortgeschrittene Techniken
32 Dreamweaver 8 und XML
33 Menüs für dynamische Verhalten
Stichwort
Ihre Meinung?

Spacer
 <<   zurück
Dreamweaver 8 von Richard Beer, Susann Gailus
Webseiten entwickeln mit HTML, CSS, XML, PHP und MySQL
Buch: Dreamweaver 8

Dreamweaver 8
mit CD
639 S., 39,90 Euro
Rheinwerk Design
ISBN 978-3-89842-739-5
gp 9 Framesets
  gp 9.1 Funktionsweise von Frames
    gp 9.1.1 Gestalten mit Framesets
    gp 9.1.2 Suchmaschinen und Framesets
  gp 9.2 Ein Frameset anlegen
  gp 9.3 Mit Framesets arbeiten
    gp 9.3.1 Framesets nachbearbeiten
    gp 9.3.2 Verlinkungen in Framesets
    gp 9.3.3 Mehrere Frames gleichzeitig neu laden


Rheinwerk Computing

9.3 Mit Framesets arbeiten  downtop

Die Arbeit mit Framesets in Dreamweaver ist recht komfortabel. Wenn Sie ein Frameset aufrufen, sehen Sie alle Dokumente gleichzeitig im Dokumentfenster. Sie können jedes der einzelnen Dokumente direkt bearbeiten und sehen dann immer das spätere Ergebnis im Zusammenspiel mit den anderen Dokumenten des Framesets.


Rheinwerk Computing

9.3.1 Framesets nachbearbeiten  downtop

Wenn Sie das Frameset nachträglich bearbeiten wollen, geht das am besten im Quelltext. Klicken Sie dazu im Dokumentfenster wie im Frame-Fenster auf einen Rahmen. Dann ist nicht mehr ein Inhaltsdokument aktiv, sondern das Frameset selbst. Jetzt können Sie auf die Codeansicht umschalten und dann die gewünschten Veränderungen vornehmen.


Probleme bei verschachtelten Frames
Es kommt vor, dass Framesets auf zwei Dateien verteilt werden, wobei der Inhalt eines Frames ein weiteres Frameset ist. Dreamweaver hat Schwierigkeiten, diese Frameset-Dateien zu bearbeiten. Es öffnet immer den Quellcode der untergeordneten Datei. Öffnen Sie in diesem Fall die gewünschte Datei mit einem Texteditor und editieren Sie diese außerhalb von Dreamweaver.


Rheinwerk Computing

9.3.2 Verlinkungen in Framesets  downtop

Sie können Frame-Dateien verlinken wie gewohnt, nur müssen Sie zusätzlich den Ort angeben, wo sich der Link öffnen soll. Nach erfolgter Verlinkung erscheint im Eigenschafteninspektor das Auswahlmenü Ziel, unter anderem auch mit den Namen der einzelnen Frames. Dokumente werden in dem ausgewählten Ziel-Frame dargestellt.

Abbildung 9.6 Ziele für Links in Framesets


Rheinwerk Computing

9.3.3 Mehrere Frames gleichzeitig neu laden  toptop

Wird ein Link angeklickt, müssen häufig neue Inhalte nicht nur in einem, sondern in mehreren Frames neu geladen werden. Diese Aufgabe ist mit HTML nicht zu erreichen, da damit immer nur ein Zielframe angegeben werden kann. An diesem Punkt kommt JavaScript zum Einsatz.

Leider unterstützt Dreamweaver den Austausch mehrerer Frames nicht standardisiert, Sie können sich jedoch mit der im Kapitel über Aktionen beschriebenen Methode gehe zu url behelfen oder das nachfolgende Skript verwenden.

Zwei Frames austauschen | Wenn Sie mit zwei Frames arbeiten, kopieren Sie das JavaScript aus Listing 9.3 in den Head-Bereich Ihres Frameset-Dokumentes:

Listing 9.3 Austausch von zwei Frame-Inhalten

<script type="text/javascript">
<!--
function ZweiFrames(URL1,Frame1,URL2, Frame2) {
 Frame1=eval("parent."+ Frame1);
 Frame2=eval("parent."+ Frame2);
 Frame1.location.href = URL1;
 Frame2.location.href = URL2;
}
//-->
</script>

Die Links in Ihrem Navigationsmenü müssen Sie nun nach folgendem Schema umschreiben:

<a href="javascript:ZweiFrames('URL1','Frame1','URL2', 'Frame2')">LINK</a>

Drei Frames austauschen | Arbeiten Sie mit drei Frames, müssen Sie das JavaScript aus Listing 9.4 in den Head-Bereich Ihres Frameset-Dokumentes kopieren:

<script type="text/javascript">
<!--
function DreiFrames(URL1, Frame1,URL2, Frame2,URL3, Frame3) {
 Frame1=eval("parent."+ Frame1);
 Frame2=eval("parent."+ Frame2);
 Frame3=eval("parent."+ Frame3);
 Frame1.location.href = URL1;
 Frame2.location.href = URL2;
 Frame3.location.href = URL3;
}
//-->
</script>

Listing 9.4 Austausch von drei Frame-Inhalten

Verändern Sie die Links in dem Menü wie folgt:

<a href="javascript:DreiFrames('URL1','Frame1','URL2','Frame2','URL3','Frame3')">LINK</a>

Der Aufruf des JavaScripts in den <a href>-Tags übergibt die beiden Parameter »URL« und »Frame« an das JavaScript im Head-Bereich und führt es aus.


Nur für User mit aktivem JavaScript benutzbar
Leider funktioniert diese Navigation nur, wenn der User JavaScript aktiviert hat. Wenn Sie auch Benutzer mit deaktiviertem JavaScript erreichen wollen, müssen Sie eine zweite Variante der Website bauen, mit einer Navigation ohne JavaScript.

Schritt für Schritt: Anlegen des Framesets für die Buchwebsite

1 Letterbox installieren

Bevor Sie ein Frameset für die Buchwebsite anlegen, installieren Sie bitte die Erweiterung »Letterbox Frameset« von der CD-ROM zum Buch. Siehe dazu das Kapitel 4 »Dreamweaver erweitern«.

2 Frameumrandung anlegen

Legen Sie zunächst eine Datei mit dem Namen rahmen.htm für die Frameumrandung an. In dieser Datei definieren Sie die gleichen Hintergrundeinstellungen wie in dummy.htm aus Kapitel 6.

3 HTML-Dokument für das Frameset

Wählen Sie als Nächstes aus dem Menü Datei • Neu…, und erstellen Sie ein neues HTML-Dokument. Diese Datei wird das Frameset beinhalten.

4 Frameset einfügen

Wählen Sie nun aus der Einfügeleiste den Punkt Insert Letterbox Frameset aus.

5 Einzeldokumente festlegen

Legen Sie anschließend die einzelnen Dokumente des Framesets fest und stellen Sie alle Rahmen auf Nein und 0 ein. Das Dokument rahmen.htm ergibt die Umrandung des Framesets, das Dokument dummy.htm wird als Dokument in der Mitte des Framesets eingefügt.

6 Größe der Frames

Aktivieren Sie nun im Bedienfeld Frames oder direkt im Dokumentfenster einen der Rahmen, und wechseln Sie anschließend in den Quelltext.

Stellen Sie im Quelltext die Abmessungen der einzelnen Frames wie im Listing ersichtlich ein.

<frameset rows="1*,600,1*" cols="*" frameborder="no" border="0">
  <frame src="rahmen.htm" name= "topspace" frameborder="No" scrolling="No" 
  noresize="noresize" marginwidth="0" marginheight="0" id="topspace" />
<frameset cols="1*,804,1*" border="0" frameborder="no">

7 Frameset speichern

Als letzten Schritt wählen Sie aus dem Menü Datei • Frameset speichern unter… und speichern das Frameset unter dem Namen index.htm ab.

Wenn Sie bisher alles korrekt angelegt haben, müsste Ihre Website jetzt im Browser wie in der folgenden Abbildung dargestellt aussehen.

 

Ihre Meinung

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de.

 <<   zurück
  
  Zum Rheinwerk-Shop
Zum Rheinwerk-Shop: Adobe Dreamweaver CS3
Die Neuauflage:
Adobe Dreamweaver CS3
Jetzt bestellen


 Ihre Meinung?
Wie hat Ihnen das Openbook gefallen?
Ihre Meinung

 Buchtipps
Zum Rheinwerk-Shop: Adobe Dreamweaver CC






 Adobe
 Dreamweaver CC


Zum Rheinwerk-Shop: Adobe Dreamweaver CC Einstieg






 Adobe Dreamweaver
 CC Einstieg


Zum Rheinwerk-Shop: Responsive Webdesign






 Responsive Webdesign


Zum Rheinwerk-Shop: Suchmaschinen-Optimierung






 Suchmaschinen-
 Optimierung


Zum Rheinwerk-Shop: Schrödinger lernt HTML5, CSS3 und JavaScript






 Schrödinger lernt
 HTML5, CSS3
 und JavaScript


 Lieferung
Versandkostenfrei bestellen in Deutschland, Österreich und der Schweiz
InfoInfo




Copyright © Rheinwerk Verlag GmbH 2006
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das Openbook denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt.
Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.


Nutzungsbestimmungen | Datenschutz | Impressum

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de

Cookie-Einstellungen ändern