Suche
Startseite / Dokumentation Design
Auch kann das System einfach seine Darstellung anhand verschiedener Designvorlagen unterschiedlich anzeigen.
Dabei ist es z.B. auch möglich von HTML zu WML durch einer entsprechende Design-Vorlage umzuschalten.
Ein Designer braucht bei dbXwebApp bezüglich der Umsetzung seiner Vorstellungen keinerlei systembedingte Abstriche machen.
Ein komplettes Design besteht aus mindestens einem HTML Design-Template. Dieses Design-Template ist eine komplette HTML (xHTML) Seite incl. Header Html und Body,
System bedingt müssen alle CSS und JS Dateien immer mit der Pfadangabe „design/default/..“ adressiert werden. Bei der Verwendung eines anderen Designs wird diese Pfadangabe dann vom System automatisch entsprechend ersetzt. Ohne explizite Angabe eines Designs nutzt dbXwebApp immer das Design aus dem Ordner design/default/ .
Schematische Darstellung eines Design-Templates
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
....
</html>
Ob Sie Ihr Layout mit Tabellen oder DIV Container oder auch ganz anders formatieren ist Ihnen völlig frei überlassen. Letztlich muss (sollte) es eine valide HTM / xHTML Seite sein.
Die hier angegebene CSS Datei "design/default/css/layoutb.css" und die JavaScript Datei "design/default/js/common.js" sind hier nur beispielhaft mit angegeben.
Der Platzhalter „{modul_content}“ wird vom System durch den Inhalt des jeweils aktiven Moduls (was über GET oder POST Parameter aktiviert wird) ersetzt.
Der Aufruf [modul=mein_modul]parameter1=wert1¶meter2=wert2[/modul]
wird vom System durch die Ausgabe vom Modul „mein_modul“ ersetzt, wobei dem Modul die Parameter „parameter1“ und „parameter2“ mit übergeben werden. Jedes Modul kann weitere Parameter vom System abfragen (z.B alle POST und GET Parameter).
Bei dbXwebApp erstellt das System nur in ganz wenigen Ausnahmefällen selbst HTML-Teile.
Meistens nutzt das System Templates in das es „nur“ die Daten (z.B den Inhalt einer NEWS) einmischt.
Auch werden (falls nicht ausgeschaltet) alle Modulausgaben in einem DIV Container mit der CSS Class des jeweiligen Moduls ausgegeben. Dadurch ist es recht einfach über die CSS Selektoren jedes Element anzusprechen und individuell zu designen.
Zusätzlich kann übder das Modul dbx_jquery die Seite mit diversen Effekten erweitert werden.
Das Design ist ein wesentlicher Bestandteil eines Internet-Auftritts.
Bei dbXwebApp ist es sehr einfach ein völlig individuelles Design zu entwickeln.Auch kann das System einfach seine Darstellung anhand verschiedener Designvorlagen unterschiedlich anzeigen.
Dabei ist es z.B. auch möglich von HTML zu WML durch einer entsprechende Design-Vorlage umzuschalten.
Ein Designer braucht bei dbXwebApp bezüglich der Umsetzung seiner Vorstellungen keinerlei systembedingte Abstriche machen.
Ein komplettes Design besteht aus mindestens einem HTML Design-Template. Dieses Design-Template ist eine komplette HTML (xHTML) Seite incl. Header Html und Body,
System bedingt müssen alle CSS und JS Dateien immer mit der Pfadangabe „design/default/..“ adressiert werden. Bei der Verwendung eines anderen Designs wird diese Pfadangabe dann vom System automatisch entsprechend ersetzt. Ohne explizite Angabe eines Designs nutzt dbXwebApp immer das Design aus dem Ordner design/default/ .
Schematische Darstellung eines Design-Templates
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>...</title><body>
<meta... />
..
<meta... />
<link href="design/default/css/layoutb.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="design/default/js/common.js"></script>
</head>
....
[modul=mein_modul]parameter1=wert1¶meter2=wert2[/modul]<body>
…
<div>
{modul_content}
</div>
<table>
<tr></table>
<td>[modul=ein_anderes]parameter=anzeigen[/modul]</td>
</tr>
…
</html>
Ob Sie Ihr Layout mit Tabellen oder DIV Container oder auch ganz anders formatieren ist Ihnen völlig frei überlassen. Letztlich muss (sollte) es eine valide HTM / xHTML Seite sein.
Die hier angegebene CSS Datei "design/default/css/layoutb.css" und die JavaScript Datei "design/default/js/common.js" sind hier nur beispielhaft mit angegeben.
Der Platzhalter „{modul_content}“ wird vom System durch den Inhalt des jeweils aktiven Moduls (was über GET oder POST Parameter aktiviert wird) ersetzt.
Der Aufruf [modul=mein_modul]parameter1=wert1¶meter2=wert2[/modul]
wird vom System durch die Ausgabe vom Modul „mein_modul“ ersetzt, wobei dem Modul die Parameter „parameter1“ und „parameter2“ mit übergeben werden. Jedes Modul kann weitere Parameter vom System abfragen (z.B alle POST und GET Parameter).
Bei dbXwebApp erstellt das System nur in ganz wenigen Ausnahmefällen selbst HTML-Teile.
Meistens nutzt das System Templates in das es „nur“ die Daten (z.B den Inhalt einer NEWS) einmischt.
Auch werden (falls nicht ausgeschaltet) alle Modulausgaben in einem DIV Container mit der CSS Class des jeweiligen Moduls ausgegeben. Dadurch ist es recht einfach über die CSS Selektoren jedes Element anzusprechen und individuell zu designen.
Zusätzlich kann übder das Modul dbx_jquery die Seite mit diversen Effekten erweitert werden.
