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>