Verschiedene Elemente einfügen

Content Management Systeme (CMS) ermöglichen die ständige Aktualisierung der Unternehmens-Website durch die Unternehmensmitarbeiter selbst, ohne Unterstützung durch einen externen IT-Dienstleister.

Um die Seiten ansprechend gestalten zu können, gibt es ein paar grundlegende Hinweise und Tipps. Die Informationen und Richtlinien in diesem Beitrag beziehen sich ausschießlich auf die Arbeit mit dem CMS .NET Nuke. Die Arbeit mit anderen CMS wird ähnlich, aber nicht deckungsgleich verlaufen und muss im Einzelnen betrachtet werden, um passende Hinweise und Tipps geben zu können.

Jede Seite besteht aus der Seitenüberschrift, welche auch in der Internet-Registerkarte eingeblendet wird und dem entsprechenden Text. 

Überschrift ändern:

  1. Um die Überschrift schnell zu ändern, klicken Sie auf das Stiftsymbol:
  2. Geben Sie dann Ihren Text ein und bestätigen Sie Ihre Eingabe mit dem dann erscheinenden Symbol .

    Die Formatierung wird entsprechend des Gesamtlayouts angepasst.

Text eingeben

  1. Klicken Sie auf den Link Edit Text:


    Es öffnet sich das Textfeld mit einer Menge aus Word bekannter Formatierungsmöglichkeiten:

     
    Hier können Sie den Text direkt eingeben.
     
  2. Gestalten Sie Ihre Texte sparsam. Die wichtigsten Formatierungsmöglichkeiten sind: 
     

    Fett und Kursiv    Bitte keine Unterstreichung verwenden!

    Ausrichtung des Textes

    Nummerierung und Aufzählung

    Kennzeichnung von Zitaten

    Einfügen von Hyperlinks

    Einfügen von Bildern

    Einfügen von Tabellen

    Ändern der Textfarbe      Bitte sehr sparsam verwenden!

  3. In der Mitte der ersten Zeile befinden sich die bekannten Symbole für das Rückgängigmachen , falls doch mal etwas schief gegangen ist.
     
  4. Wie Sie beim Umschalten in die Quelldaten erkennen können, übernimmt das CMS für Sie die Programmierung und setzt Ihre Einstellungen entsprechend um. 
              Quelldaten anzeigen      Der zweite Klick auf diese Schaltfläche führt zurück.

Tabelle erstellen

  1.  Wenn Sie auf das Tabellensymbol klicken, öffnet sich folgendes Dialogfenster:

     
  2. Bitte geben Sie die gewünschten Daten ein:
     
    Rows: Zeilen
    Columns: Spalten
    Width: Wählen Sie hier immer 100 Percent.
    Height: Lassen Sie die Höhe frei.
    Border size: Geben Sie die Größe des Tabellenrandes ein – meistens 0 (=kein Rand).
    Cell spacing: Abstand der Zellen voneinander – meistens 0.
    Cell padding: Abstand zwischen Text und Tabellenrand – meistens 1.
    Caption: Tabellenüberschrift – werden wir meistens nicht verwenden.
    Summary: Zusammenfassung – bitte frei lassen.

    Cell spacing und Cell padding:

    Cell spacing ist der Abstand der Zellen voneinander, hier gekennzeichnet durch die orangefarbenen Pfeile.

    Cell padding ist der Abstand des Textes vom Zellenrand, hier gekennzeichnet durch die blauen Pfeile.

     
  3. Dann können Sie auf OK klicken und die Daten direkt in die Tabelle eintragen.
     
  4. Um nachträglich noch eine Zeile hinzuzufügen, klicken Sie rechts auf eine Zelle und wählen den Befehl Row und dort den Punkt Insert Row After. Die Zeile wird danach eingefügt.
     
  5. Um Tabelleneigenschaften nachträglich zu ändern, klicken Sie rechts auf die Tabelle und wählen den Befehl Table Properties.
     

Bilder einfügen

  1. Per Klick auf das Symbol   können Sie Bilder einfügen.
    Es öffnet sich folgendes Dialogfenster:

     
  2. In diesem Fenster stellen Sie alle wichtigen Daten zu den Eigenschaften des Bildes ein. Zunächst müssen wir aber das passende Bild finden – also klicken Sie auf Browse Server.

    Es öffnet sich folgendes Fenster:

     
  3. Hier wählen Sie das vorgegebene Verzeichnis. Es beinhaltet alle bereits auf den Webserver  hochgeladenen Bilder, die Sie einmal oder mehrfach verwenden können.

    Falls Sie noch ein neues Bild auf Ihrem PC haben, welches Sie verwenden möchten, muss dieses zunächst auf den Webserver hochgeladen werden. Beachten Sie bitte, dass das Bild nicht mehr als 100 KB haben sollte, um den Speicherplatz auf dem Webserver und die Ladezeit des Bildes möglichst komfortabel zu gestalten. Ändern Sie also die Größe des Bildes in Ihrem Bildbearbeitungsprogramm, bevor Sie die Datei auf den Webserver hochladen.

    Per Klick auf die Schaltfläche Durchsuchen gelangen Sie in einen bekannten Öffnen-Dialog Ihres Windows-Explorers und können die bearbeitete Datei auswählen und dann auf Upload New File klicken. Die Datei wird nun in das entsprechende Verzeichnis auf dem Webserver hochgeladen und steht zur Auswahl bereit.

    Ein Klick auf das entsprechende Bild übernimmt es in das Dialogfenster Image Properties. Sie sehen es rechts in der Vorschau (Preview). Die URL wird in der ersten Zeile angezeigt und die Felder Breite (Width) und Höhe (Height) werden mit den Bildeigenschaften gefüllt.
     
  4. Nun können Sie weitere Einstellungen vornehmen:
     
    Border: gibt die Begrenzung des Bildes an, wenn Sie 0 eintragen erscheint kein Rahmen
    HSpace: gibt den horizontalen Abstand zum Text und zum Rand an.
    VSpace: gibt den vertikalen Abstand zum Text und zum Rand an.
    Align: gibt die Position des Bildes in Relation zum Text an.
    Wählen Sie links (left), um den Text rechts neben dem Bild anzeigen zu lassen und
    rechts (right), um den Text links neben dem Bild anzeigen zu lassen.

Um die Bild und Text genauer anordnen und ausrichten zu können, empfiehlt sich die Verwendung von Tabellen ohne Rahmen, welche in einer Zelle das Bild und in der nächsten den Text beinhalten.

Hyperlinks einfügen

  1. Wenn Sie auf das Hyperlinksymbol klicken, öffnet sich folgendes Dialogfenster:

    Hyperlink
     
  2. Geben Sie im Feld URL direkt die Ziel-Internetadresse im bekannten Format www.adresse.de ein.
     
  3. Wenn Sie auf eine der Seiten Ihres eigenen Internetauftritts verlinken möchten, klicken Sie auf den Button
    Browse Server.
     
  4. Wählen Sie den Befehl Page und dann aus der Liste die entsprechende Seite.

    Hyperlink
    Klicken Sie anschließend auf Use selected link.
    Der interne Link wird in das Feld URL übernommen.
     

Tipp:
Wenn Sie auf externe Webseiten verlinken, empfiehlt es sich, diese Seite in einem neuen Fenster öffnen zu lassen, damit Ihr Besucher Ihre Webseite nicht verlassen muss.

Das erzielen Sie, wenn Sie auf die Registerkarte Target im Dialogfenster Hyperlink klicken und dort New Window (blank) wählen.

Hyperlink