Musterseite 2016 Überschrift H1

Dies ist eine Formatmusterseite um die Einstellungen des Stylesheets und der DWT-Vorlage zu prüfen. Sie finden hier ausnahmsweise KEINE Informationen zu Exchange selbst, sondern diese Seite zeigt alle eingesetzten Stilmittel des Stylesheets. Normaler Fließtext ist ohne feste Schriftart formatiert und bricht ganz normal um. Links im Text und an anderen Stellen werden ebenfalls über ein CSS formatiert.

H2 Überschrift

Die Überschriften sind einfach als H1 bis H4-Tags gekennzeichnet und über das Stylesheet formatiert. Die H2-Überschrift ist die erste Stufe der Gliederung auf jeder MSXFAQ-Seite. Sie kommt in der Regel mehrfach vor und wird dann rechts oben als Linkbereich unter "Seiteninhalt" eingeblendet.

H3 Überschrift

Seltener kommen vielleicht noch die H3 Menüs zum Einsatz.

H4 Überschrift

Aktuell nutze ich diese Überschrift H4 noch gar nicht. Dann ist es eher an der Zeit die Seite auf mehrere Seiten aufzuteilen. Aber im CSS ist sie dennoch schon mal definiert.

Links

Damit man extern und interne Links besser unterscheiden kann, habe ich die Links, die auf andere Seiten der MSXFAQ verweisen nur mit dem Titel beschriftet während externe Links immer als volle URL sichtbar sind.

Weiterhin kennzeichnet die VBA-Skripte die internen Links mit einer eigenen Klasse "Linkintern", so dass ich diese internen Links mit folgenden Code "grün unterstreichen" kann.

border-bottom-color: green;
border-bottom-width: 3px;
border-bottom-style: solid;

Internet Link auf die Musterseite im Vergleich zu einem externen Link zu www.msxfaq.de.

UL/LI Aufzählung

Wichtige Elemente sind oft als Aufzählung ausgeführt. Auch hier ist ein einfaches CSS-Format definiert. Da ich hier die ersten Zeile quasi als "Aufhänger" nutze, ist diese Zeile "fett" formatiert.

  • Zeile 1
    Unterzeile
    • Zeile 1.1
      Unterzeile
    • Zeile 1.2
      Unterzeile
      • Zeile 1.2.1
        Unterzeile
      • Zeile 1.2.2
        Unterzeile
    • Zeile 1.3
      Unterzeile
  • Zeile 2
    Unterzeile
  • Zeile 3
  • Listen können auch "+" Präfixe habe
  • Listen können auch "-" Präfixe habe
  • Listen können auch "!" Präfixe habe

Text hinter einer Aufzählung

Aufzählungen können auch in Tabellen sein und etwas "platzsparender" aussehen

  • Zeile 1
    Unterzeile
    • Zeile 1.1
    • Zeile 1.2
      • Zeile 1.2.1
      • Zeile 1.2.2
    • Zeile 1.3
  • Zeile 2
  • Zeile 3
  • Listen können auch "+" Präfixe habe
  • Listen können auch "-" Präfixe habe
  • Listen können auch "!" Präfixe habe

Auch die Navigation am rechten Rand ist eine normale "unnumbered Liste" aber über ein eigenes CSS-Format für die Klasse "Menu" etwas anders formatiert.

Nummerierte Liste

Analog dazu gib es die nummerierte Liste im Content

  1. Zeile 1
    Unterzeile
  2. Zeile 2
  3. Zeile 3

Tabelle

Tabellen im Content sind generell mit 90% Breite und zentriert definiert

TH TH TH
TH

Zelle

Zelle

TH

Zelle

Zelle

Tags, die mit <TH>  (TableHeader> gekennzeichnet sind, werden grau hinterlegt

PRE und CODE Format für Listung etc.

Die Anzeige von Code und anderen Texte als "PRE" werden wie folgt gekennzeichnet.

PRE-Formattet
10 Goto 20
20 Ende

Kennzeichnungen

Im Text ist es immer mal wieder erforderlich, bestimmte Dinge besonders zu kennzeichnen. Das kann in einem Text eine Tastatureingabe oder Befehle aber auch Links zu KBxxxxx-Artikeln deutlich machen oder andere Dinge aufzeigen. Dazu sind vier Formate definiert.

SPAN-tag Bildschirmansicht Druckansicht

mark1

Rot Fett

Fett

mark2

Grün Kursiv

Kursiv

mark3

Blau Fett Kursiv

Fett Kursiv

mark4

Invertiert

Invertiert

KBxxxxx

Magenta

unterstrichelt

Keyword

Orange

 

Über eigene Stylesheets für "Druck" bleiben diese auch beim Schwarz/Weiss-Druck erkenntlich.

Bilder

Bilder kommen in der Regel als Bildschirmfotos zum Einsatz und werden zentriert im Content angezeigt.

Eine zweite Variante sind Bilder die ich ähnlich wie Kapitälchen links oder Rechts von einem Textanfang stellen will, aber der Folgeabsatz und insbesondere Folgeüberschriften nicht auch noch daneben fließen. D.h. nur der direkt dem Bild folgenden Absatz läuft neben dem Bild hier.

Das Bild wird rechts umflossen. Das geht recht einfach, indem ich im Stylesheet hinterlege: "img.floatleft {float:left;}.

Das Bild wird links umflossen. Dazu muss das Bild im Stylesheet entsprechend gekennzeichnet werden mit "img.floatright {float:right;}

Damit die Folgeabschnitte wie Überschriften (h1,h2,h3), Absätze (p) nicht auch noch daneben umher fließen, muss dort ein "clear:both;" addieren.

Kachelmenü

Windows 8 geht auch an mir nicht vorbei und warum soll auf einer Seite mit Verweisen auf unterseiten immer nur eine langweilige "Aufzählungsliste" erscheinen, wenn man die Punkte darin auch einfach als Kachel darstellen kann: Hier ein Beispiel:

  • Unterseite 1
    Beschreibung zur Unterseite 1
  • Unterseite 2
    Beschreibung zur Unterseite 2
  • Unterseite 2
    Beschreibung zur Unterseite 2
  • Unterseite 2
    Beschreibung zur Unterseite 2

Das ganze wird über ein "<ul class="kachelmenu">" gekennzeichnet.

Box Kennzeichnung

Ich habe mittlerweile eine ganze Menge an "Box"-Kennzeichnungen, die auf den Seiten einheitlich zur Kennzeichnung verwendet werde. Hier eine umfangreiche Auswahl.

.boxwarn
Warnung:

.boxinfo
Dies ist ein Infobox.

.boxdownload
Hier gibt es den Download

.boxbaustelle
Das Baustellenschild erlaubt es später immer schnell "unvollständige" Seiten zu finden.

.box64bit
Besonderheiten zu 64bit

.boxandroid
Hinweise für Android Anwender

.boxarchiv
Information zu Archivseiten

.boxcloud
Alles zu Office 365

.boxcmd
Kennzeichnung für CMD-Dateien

.boxcode
Generische PREFORMATTED für Code

.boxcsharp
Generische PREFORMATTED für Code

.boxcvs
CSV-Dateienb

.boxde
Hinweis auf deutsche Besonderheiten

.boxe2010
Exchange 2010 Hinweise

.boxe2013
Exchange 2013 Hinweise

.boxe2k
Exchange 2000/2003 Hinweise

.boxe2k7
Exchange 2007 Hinweise

.boxe55
Exchange 5.5 und früher

.boxen
Englische Hinweise

.boxentourage
Der frühere MAC Client für Exchange

.boxevt
Eventlog

.boxfc
Meine persönlichen Einschätzungen

.boxfrage
Frage

.boxgastbeitrag
Hinweis auf fremde Inhalte, die mir zur Veröffentlichung überlassen wurden

.boxgpo
Informationen zu Gruppenrichtlinien

.boxhtml
Hinweise zu HTML

.boxidee
Hinweis auf Ideen

.boxie
Besonderheiten des Internet Explorer

.boxinfo
Allgemeine Informationen

.boxjob
Jobangebote
https://www.netatwork.de/unternehmen/karriere/

.boxl2013
Lync 2013 Hinweise

boxldif
LDF-Dateiinhalte

.boxlync
Lync 2010 Hinweise

.boxmac
Mac Hinweise

.boxmedia
Links auf Audio und Video-Dateien

.boxnetatwork
Hinweise auf Angebote von Net at Work

.boxnetmon
Netzwerk traces

.boxnodownload
Hinweis dass es hier keinen Download gibt

.boxo2010
Outlok 2010 Hinweise

.boxocs
OCS 2007, 2007R2 Informationen

.boxoff2010
Office 2010 Hinweise

.boxolk
Office 2007

.boxppt
Powerpoint

.boxprodukt
Kommerzielle Produkte

.boxps1
allgemeine PowerShell-Skripte

.boxps365
PowerShell für Office 365

.boxpse
Exchange PowerShell

.boxpslync
Lync PowerShell Befehle

.boxregedit
REGEDIT Formate

.boxreportweb
Verweis auf "ReportWeb"

.boxsip
SIP-Traces

.boxsummary
Zusammenfassungen

.boxteched
Link zu TechEd Vorträgen und Powerpoints

.boxtelnet
Telnet eingaben

.boxvba
Code für VBA Makros

.boxvbs
VBScript Code

.boxvista
Hinweise für Windows Vista

.boxvm
Hinweise für VMWare

.boxw2012
Windows 2012 Hinweise

.boxxml
XML-Dateien

.boxyoutube
Links zu Youtube Videos

.boxzitat
Zitate mit Quellenangabe

Blöcke ID-Tags

Jede Seite enthält mehrere Blöcke, die zur Formatierung genutzt werden. Einige der Blöcke sind auch durch DWT-Tags für DWT-Vorlagen eingeschlossen.

  • breadcrumb
    Navigation am oberen Rand zur alternativen Anzeige der Hyperlinks
  • menu
    Navigation am linken Rand, die durch eine "unnumbered List" aufgebaut wird und ein eigenes Platz sparendes Format verwendet.
  • content
    Hierin ist der eigentliche Inhalt zusammengefasst und entsprechend Formatiert
  • keyword
    Eigener Block für die Kennzeichnung der Schlüsselworte am unteren Rand des Inhalts.