Hallo,
Nachdem ich meinen shop gerade von frame auf noframe mit Tabellenlayout umgebaut habe,
bin ich jetzt total verunsichert, weil in einem Webdesign-Forum nur gegen ein tabellenbasieres Layout geschrieben wird.
Frame/Noframe ist etwas ganz anderes als Tabelle/CSS.
Das erstere kombiniert mehrere HTML-Seiten zu einem
Bildschirm. Tabelle/CSS bezieht sich aber auf die Gestaltung einer
einzigen HTML-Seite. Und beim frameless Layout, ist das
die einzige Seite die angezeigt wird.
Wir verwenden derzeit eine Mischform aus Tabelle und CSS.
Das Grundlayout mittlerweile per CSS aber alle Auflistungen der Artikel per Tabelle.
Alles über Tabelle zu machen hat den Nachteil, dass sehr viel Code geschrieben werden muss
und dadurch der Quelltext sehr unübersichtlich wird.
Hier mal ein Beispiel wie kurz ein Shoptemplate sein kann:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/template-de.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<meta NAME="Author" CONTENT="Hans Ophuels">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Produktkatalog</title>
<!-- InstanceEndEditable -->
<!--spmacro:include(include/user.ipl)-->
<link rel="stylesheet" href="../css/stile.css" type="text/css">
</head>
<body>
<div id="wrap">
<div id="header">
<div id="teaser">
</div>
<div id="logo">
<img width="195" src="../design/trinos-logo.gif"></div>
</div>
<div id="headbar">
<div id="sitemenu">
<a href="http://__xxpath__?show0,__xxsession__">Home</a>
<a href="http://__xxpath__?showbynameFirma,__xxsession__">Firma</a>
<a href="http://__xxpath__?showbynameReferenzen,__xxsession__">Referenzen</a>
<a href="http://__xxpath__?showbynameSuche,__xxsession__">Suche</a>
<a href="http://__xxpath__?showbynameTech-Info,__xxsession__">Tech-Info</a>
<a href="http://__xxpath__?showbynameAGB,__xxsession__">AGB</a>
<a href="http://__xxpath__?showbynameImpressum,__xxsession__">Impressum</a>
</div>
</div>
<div id="content">
<!-- InstanceBeginEditable name="Content" -->
   <div align="center">
    <p><span class="titel"> __ptitel__ </span>__pimage__</p>
  Hier der Inhalt
   </div>
  <!-- InstanceEndEditable -->
</div>
<div id="sidebar">
<br />
<div class="box">
<h3>Suchen</h3>
<form method="POST" action="http://__xsuchen__">
<input class="input_text" type="text" name="suchbegriff" value="Suchbegriffe" style="width: 97%;" onFocus='javascript:if (this.value=="Suchbegriffe") this.value=""'>
</form>
</div>
   <br>
   __user::showMenu__
<p>
<div class="box">
<h3>Katalog</h3>
__catalog__</div>
</p>
<br />
<div class="box">
<h3>Warenkorb</h3>
Artikel im Warenkorb:Â __wkanzahl__<br>
__wkorbanzeigen__
</div>
  </div> <!-- sidebar -->
<div id="footer"> __logo__
</div>
</div>
</body>
<!-- InstanceEnd --></html>
Und so sieht es dann z.B. aus: