Hier ein nur mit DFM2HTML erstelltes Beispiel einer einfachen Webseite, die sich
automatisch an das Browserfenster, oder, wie jetzt hier, an ein iFrame anpasst. Die Besonderheit ist, dass jede Seite
ein anderes Bild als Banner anzeigt, welches sich ebenfalls in der Größe anpasst.
Man kann das ganz einfach erreichen, indem man die div. Bilder in ein Verzeichnis - hier "JPGs" -
kopiert und dann in einem Direct-HTML Objekt folgende code-Zeile einfügt:
<p style="position:absolute; overflow:hidden; top:-16px; left:0px; bottom:0px; right:0px; " class="zeile"><img src="JPGs/cove1.JPG" alt="" width="100%" />
Das Direct-HTML Objekt muss dafür im Pos.-TAB auf ausfüllend gesetzt werden. Im Beispiel erscheint das Bild auf den Seiten, die zu einem Page-Objekt gehören. Darauf liegt jeweils eine weitere Seite, die das Text-Label enthält. Man kann auch dieser Seite ein solches Bild auf dieselbe Weise einfügen. Siehe Seite3. Gut daran zu erkennen, dass es aus dem Fenster nach oben "weg scrollt". Alle Seiten sind nach ihrer Positionierung in ihrem Pos.-TAB unter Abstand konstant halten zu für alle Kanten markiert. Wenn man so ein Bild/Banner anstatt in einzelnen Seiten auf dem sog. Index anzeigen will, fügt man die code-Zeile vor </HEAD> ein. (in Seiteneigenschaften / HTML einfügen)
Das ist nicht so elegant wie die unter "...für Fortgeschrittene / Variabler Hintergrund" beschriebene Methode und hat den Nachteil, dass man sie nicht für ein immer komplett Fenster füllendes Hintergrundbild einsetzen kann. Nur für Banner.
Innerhalb dieses Editors gibt es dann nur noch die Möglichkeit für nur ein einziges Fließtext-Label. Man muss dazu ein Text-Objekt einfügen und im Pos.-TAB und Abstand konstant halten zu oben, rechts u. links setzen. Es kann sein, dass man das Text-Label mittels Anordnen in den Vordergrund rücken muss, wenn man das Direct.HTML Objekt erst später einsetzt. Am ansprechendsten wird das Textfeld, wenn man im Mehr-TAB unter Horiz.Ausrichtung auf Blocksatz geht. Achtung! Fließtext funktioniert nicht, wenn man das Textfeld mit einem Farbhintergrund versieht.
Man kann aber auch hier wieder von der Möglichkeit eines iFrames Gebrauch machen und z.B. mit WORD erstellte umfangreichere HTML-Dokumente, die man wiederum in einem neuen Verzeichnis ablegt, einbetten, siehe Seite2.
Damit nur 1 scrollbalken im Bedarfsfall angezeigt wird, sollte man für die Hauptseiten des "Page-Control-Objektes im Pos.-TAB / Abstand konstant halten zu alle 4 Häkchen setzen.
Der kleine Nachteil hierbei ist, dass man das Ergebnis, also das Bild plus Text, erst nach dem Publizieren sieht und nicht schon im Bearbeitungsfenster selbst. Insgesamt darf man nicht erwarten, dass die so erstellte webseite so flexibel wird, wie mit den entsprechenden und populären Wordpress Vorlagen, aber immerhin, wenn man die Inhalte nicht allzu verschachtelt haben will...
<p style="position:absolute; overflow:hidden; top:-16px; left:0px; bottom:0px; right:0px; " class="zeile"><img src="JPGs/cove1.JPG" alt="" width="100%" />
Das Direct-HTML Objekt muss dafür im Pos.-TAB auf ausfüllend gesetzt werden. Im Beispiel erscheint das Bild auf den Seiten, die zu einem Page-Objekt gehören. Darauf liegt jeweils eine weitere Seite, die das Text-Label enthält. Man kann auch dieser Seite ein solches Bild auf dieselbe Weise einfügen. Siehe Seite3. Gut daran zu erkennen, dass es aus dem Fenster nach oben "weg scrollt". Alle Seiten sind nach ihrer Positionierung in ihrem Pos.-TAB unter Abstand konstant halten zu für alle Kanten markiert. Wenn man so ein Bild/Banner anstatt in einzelnen Seiten auf dem sog. Index anzeigen will, fügt man die code-Zeile vor </HEAD> ein. (in Seiteneigenschaften / HTML einfügen)
Das ist nicht so elegant wie die unter "...für Fortgeschrittene / Variabler Hintergrund" beschriebene Methode und hat den Nachteil, dass man sie nicht für ein immer komplett Fenster füllendes Hintergrundbild einsetzen kann. Nur für Banner.
Innerhalb dieses Editors gibt es dann nur noch die Möglichkeit für nur ein einziges Fließtext-Label. Man muss dazu ein Text-Objekt einfügen und im Pos.-TAB und Abstand konstant halten zu oben, rechts u. links setzen. Es kann sein, dass man das Text-Label mittels Anordnen in den Vordergrund rücken muss, wenn man das Direct.HTML Objekt erst später einsetzt. Am ansprechendsten wird das Textfeld, wenn man im Mehr-TAB unter Horiz.Ausrichtung auf Blocksatz geht. Achtung! Fließtext funktioniert nicht, wenn man das Textfeld mit einem Farbhintergrund versieht.
Man kann aber auch hier wieder von der Möglichkeit eines iFrames Gebrauch machen und z.B. mit WORD erstellte umfangreichere HTML-Dokumente, die man wiederum in einem neuen Verzeichnis ablegt, einbetten, siehe Seite2.
Damit nur 1 scrollbalken im Bedarfsfall angezeigt wird, sollte man für die Hauptseiten des "Page-Control-Objektes im Pos.-TAB / Abstand konstant halten zu alle 4 Häkchen setzen.
Der kleine Nachteil hierbei ist, dass man das Ergebnis, also das Bild plus Text, erst nach dem Publizieren sieht und nicht schon im Bearbeitungsfenster selbst. Insgesamt darf man nicht erwarten, dass die so erstellte webseite so flexibel wird, wie mit den entsprechenden und populären Wordpress Vorlagen, aber immerhin, wenn man die Inhalte nicht allzu verschachtelt haben will...