HTML-Grundmodell für eigenes Design

HTML-Grundmodell für ein eigenes Design
Das einfachste Modell für den HTML-Code einer Jimdo-Page definieren wir wie folgt: Ein Container mit fester Breite und einer Kopfgrafik, der die zwingenden Inhaltsbereiche (VARIABLEN)

• Navigation
• Sidebar
• Content und
• Footer

beinhaltet.

Dies wird im HTML-Modell (rechts) wie folgt aufgebaut. Die Pflicht-Variablen sind unterstrichen, Bereich 1 (Body) wird nur per CSS und nicht im HTML definiert.

Der HTML-CODE kann wie folgt im Bereich Layout (Design) > Eigenes Layout > HTML hinterlegt und abgespeichert werden

<div id="container">
<div id="header">
<img src="header.jpg" alt="" />
</div> 

  <div id="navigation">
    <var levels="1,2,3" expand="false" variant="standard" edit="1">navigation</var>
    <div id="sidebar">
      <var>sidebar</var>
    </div>
  </div>

  <div id="content">
    <var>content</var>
  </div>

  <div id="footer">
    <div class="gutter">
      <var>footer</var>
    </div>
  </div>
</div>