Arbeitserleichterung durch Snippets

Beim Erstellen von Webseiten werden oftmals immer wiederkehrende Aktionen und Objekte benötigt. Ein Beispiel hierfür wäre die Einbindung von kleinen Bilder samt Untertitel oder Quellenangabe, welche illustrierend neben dem Haupttext platziert werden.

Die Kombination von Bild und Untertitel legt es nahe, beides in Form einer Tabelle einzubinden. Da in dieser Tabelle außer den Inhalten vielleicht lediglich noch die Breite variabel sein wird, ist es lohnenswert sich einen Baustein zu basteln, der sich per Klick einfügen lässt. Ein solcher Code-Schnipsel wird von MSEW als "Snippet" bezeichnet. Die Organisation der Snippets vollzieht sich im Fenster oben rechts.

Über einen Rechtsklick auf den Ordner "HTML"öffnet sich ein Dialog, in dem man einen neuen Ordner, z.B. "Tabellen" erstellen kann. Anschließend wird zunächst die Tabelle in der gewünschten Form angelegt oder aus einer bestehenden Datei geladen.

Im Quelltext:

In der Vorschau:

Kopieren Sie anschließend der kompletten Quellcode des Objekts in die Zwischenablage.

Ein Rechtsklick auf den neuen Ordner "Tabellen" im Snippet-Fenster öffnet das Menü "New Snippet". Nun kann unter einer entsprechender Namensvergabe der kopierte Quellcode eingefügt werden:

Zu beachten ist, dass die Einfügeoption " Apply Snippet " nur dann verfügbar ist, wenn der Cursor an der entsprechenden Stelle im Quellcode platziert ist. Es genügt dann ein Doppelklick auf das ausgewählte Snippet und der Codeschnipsel wird eingefügt.