Dreamweaver: Frames oder Tabellen?

prisa mata

Grünschnabel
Guten Tag allerseits

Ich habe mich bereit erklärt, für einen Kollegen eine einfache Website zu erstellen, da ich ein klein wenig Dreamweaver-Wissen besitze (wirklich ein klein wenig!).
Nun hat er mir das in etwa gewünschte Design (vgl. Anhang) zugestellt und bereits
stellt sich für mich eine erste Grundsatzfrage, für welche ich im www bis jetzt keine Antwort gefunden habe.

Frage an die Experten:
Würdet Ihr bei diesem Design (siehe Anhang) eher Richtung Frames oder Tabellen gehen?
Das Menu ist auf der linken Seite im dünkleren Grün geplant und ist immer gleichbleibend, der Inhalt der Sites sollte immer im mittleren grösseren Rechteck (helleres Grün) erscheinen - nur Texte und Bilder.

Wäre sehr nett, wenn mir da ein Routinier rasch unter die Arme greifen könnte. :)



[MacBook Pro / Adobe Creative Suite 3 (arbeite hauptsächlich mit Ai, Ps, Id]
 

Anhänge

  • bsp_tutorials.jpg
    bsp_tutorials.jpg
    42,9 KB · Aufrufe: 91

Gunah

Erfahrenes Mitglied
das einfachste wäre es wenn du es als nicht so erfahrerner benutzer. baue es mit Tabellen und den Inhalt des hellgrün's, baust du ein Iframe ein.
und links dann das menu. und wenn du die sachen dort anklickst öffnen die sich in dem iframe.

IFrame und Frames sind etwas anders.

MfG Gunah
 

prisa mata

Grünschnabel
besten dank für die rasche antwort, gunah.
ich werde dies mit dem iframe einmal anschauen..
würdest du die grafik als hintergrundbild einfügen und drumherum die tabellen basteln oder die grafik entsprechend slicen und den einzelnen tabellen/zellen hinzufügen?
 
M

Maik

Hi,

es empfiehlt sich, wegen der Ladezeiten, die Grafik entsprechend zu zerteilen.

Und bitte halte dich an unsere Netiquette (Nr.15) bzgl. deiner durchgehenden Kleinschreibung. Vielen Dank.
 

prisa mata

Grünschnabel
Besten Dank für Deine Empfehlung, Maik.

Uups, sorry, ist bereits zur Gewohnheit geworden mit der Kleinschreibung.. :eek: werde mich in Zukunft daran halten.

Ich werde nun versuchen, die Grafik zu slicen und den entsprechenden Zellen zuzuordnen.


PS:
Wirklich ein Super-Forum hier; ein Dankeschön den Machern und Mods!
 

prisa mata

Grünschnabel
Guten Tag

Wie empfohlen, habe ich die Grafik gesliced und die Tabellen entsprechend zusammengestellt. In der Mitte das iFrame.

Wie kann ich nun die einzelnen Menupunkte verlinken, damit jeweils im iFrame der gewünschte Inhalt angezeigt wird?

Habe versucht, hier
http://www.tutorials.de/forum/html/296106-iframe.html
weiterzukommen, leider ohne Erfolg.

Wäre sehr nett, wenn mir jemand weiterhelfen könnte.


HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="800" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="800" height="117"style="background:url(images/oben.gif)">&nbsp;</td>
  </tr>
</table>
<table width="800" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="24" height="370" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="24" height="370" style="background:url(images/links.gif)">&nbsp;</td>
        </tr>
    </table></td>
    <td width="134" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="134" height="31" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
          <!--DWLayoutTable-->
          <tr>
            <img src='images/start.gif'alt="" width="134" height="31" border="0" onMouseOver="this.src='images/start_over.gif'" onMouseOut="this.src='images/start.gif'"/>            
        </table></td>
        </tr>
      <tr>
        <td height="30" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
          <!--DWLayoutTable-->
          <tr>
            <img src='images/dl.gif'alt="" width="134" height="30" border="0" onMouseOver="this.src='images/dl_over.gif'" onMouseOut="this.src='images/dl.gif'"/>
        </table></td>
      </tr>
      <tr>
        <td height="31" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
          <!--DWLayoutTable-->
          <tr>
           <img src='images/ref.gif'alt="" width="134" height="31" border="0" onMouseOver="this.src='images/ref_over.gif'" onMouseOut="this.src='images/ref.gif'"/>
        </table></td>
      </tr>
      <tr>
        <td height="29" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
          <!--DWLayoutTable-->
          <tr>
            <img src='images/bilder.gif'alt="" width="134" height="29" border="0" onMouseOver="this.src='images/bilder_over.gif'" onMouseOut="this.src='images/bilder.gif'"/>
        </table></td>
      </tr>
      <tr>
        <td height="26" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
          <!--DWLayoutTable-->
          <tr>
		<img src='images/zwischenteil.gif'alt="" width="134" height="26" border="0"/>
        </table></td>
      </tr>
      <tr>
        <td height="25" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
          <!--DWLayoutTable-->
          <tr>
		<img src='images/kontakt.gif'alt="" width="134" height="25" border="0" onMouseOver="this.src='images/kontakt_over.gif'" onMouseOut="this.src='images/kontakt.gif'"/>
        </table></td>
      </tr>
      <tr>
        <td height="198" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
          <!--DWLayoutTable-->
          <tr>
            <td width="134" height="198" style="background:url(images/untenlinks.gif)">&nbsp;</td>
          </tr>
        </table>        </td>
      </tr>
    </table></td>
    <td width="41" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="41" height="370" style="background:url(images/rand.gif)">&nbsp;</td>
        </tr>
    </table></td>
    <td width="483" valign="top"><iframe width="483" marginwidth="0" height="370" marginheight="0" scrolling="no" frameborder="0"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="483" height="370">&nbsp;</td>
        </tr>
    </table></iframe></td>
    <td width="118" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="118" height="370" style="background:url(images/rechts.gif)">&nbsp;</td>
      </tr>
    </table>
    </td>
  </tr>
</table>
<table width="800" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="800" height="115" style="background:url(images/unten.gif)">&nbsp;</td>
  </tr>
</table>
</body>
</html>
 

prisa mata

Grünschnabel
Besten Dank Maik.

Leider funktioniert es immer noch nicht ganz.. :(


Code des Buttons:
HTML:
        <td width="134" height="31" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
          <!--DWLayoutTable-->
          <tr>
            <img src='images/start.gif'alt="" width="134" height="31" border="0" onMouseOver="this.src='images/start_over.gif'" onMouseOut="this.src='images/start.gif'" 
            onmousedown="this.src='images/start_over.gif'"/>
            <a href="Meister_Frame1_Startseite.html" target="iframe"></a>

iframe-Code:
HTML:
<td width="483" valign="top"><iframe src="Meister_Frame1_Startseite.html" name="iframe" width="483" marginwidth="0" height="370" marginheight="0" scrolling="no" frameborder="0"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="483" height="370">&nbsp;</td>
        </tr>
    </table></iframe>


Kann mir jemand sagen, warum das mit dem Anzeigen des entspr. HTML-Files im iframe nicht funktioniert, wenn ich auf den Button klicke? Besten Dank.