|
|
Nützliche Codes für die Website
Nachfolgend finden Sie eine Sammlung von nützlichen Codes, die häufige Anwendung in einer Website-Erstellung finden.
Anmerkung: Code-Einfügungen für xhtml-Seiten können abweichen.
|
Horizontale Zentrierung im Browser: Einfügung im Masterrahmen-html
Wer die Website für jeden Browser horizontal zentrieren möchte verwendet folgenden Code im Masterrahmen “html”. Mit der Taste “F10” die Masterrahmen-Eigenschaften abrufen:
Auf “html” klicken, Code wie folgt einfügen:
Beginn des Haupttextes/Body:
Code:
<div align="center">
Ende des Haupttextes/Body:
Code:
</div>
Sollte nur das Layout zentriert werden, nicht aber die Elemente im Masterrahmen, so wird der Code nur im Layout-html (mit F9 abrufen) eingefügt.
Seitenzentrierung im XHTML
|
Absolute Seitenzentrierung: Einfügung im Masterrahmen-html:
Wie bewirkt man eine absolute Seitenzentrierung im Browser? Diese Funktion eignet sich nur für Websites, die auf allen Seiten exakt die gleiche Breite und Höhe haben, sonst springt das layout beim Seitenwechsel.
Masterrahmen-Eigenschaften mit “F10” abrufen. Auf “html” klicken. In folgende Karteireiter Code eingeben:
Beginn des Haupttextes/Body:
<table border=0 cellspacing=0 cellpadding=0 width="100%" height="100%">
<tr valign=middle align=center>
<td valign=middle align=center>
"Ende des Haupttextes":
</td></tr></table>
Von der Methodik her erfolgt die Einfügung wie auf obigen Bildern beschrieben.
|
Erzwingen des Scrollbalkens - Verhindert das Seitenspringen bei unterschiedlich langen Seiten
Folgenden Code zwischen den Headtags im Masterrahmen-html platzieren:
<style type="text/css">
html {
overflow-y: scroll;
}
</style>
Das Abrufen der Masterrahmeneigenschaften erfolgt wie oben beschrieben.
|
Einfügung von Bildtiteln statt Alt-Texten (Suchmaschinenfreundlich)
Bild markieren > Objekt-html > Im Tag > Bildtitel in Einführungszeichen einfügen:
Title=”meinbild”
|
Pagetracker Google-Webmaster:
Code-Einfügung im Masterrahmen-html vor dem ersten Body-Ausschnitt = „inner“ (Zwischen den Head-Tags)
|
Pagetracker Google analytics:
Code-Einfügung (Urchin.js) Ende des Haupttextes
|
Link zu einer bestimmten Seite in einem pdf:
diedomain.de/testlink.pdf#page=3
Fragen zu den NOF-Tutorials beantworten wir gerne in unserem Netobjects-Forum.
|
|
Nach oben
|
|
|
