Blogs@TUBAF

Der Blog-Dienst des UniversitÀtsrechenzentrums der TU Bergakademie Freiberg

12. Dezember 2017 – Marius Baak

Tabellen richtig verwenden

Tabellen wurden in dem dunklen Mittelalter des Internets noch als Mittel zur Gestaltung von Webseiten benutzt, das ist heute (zum GlĂŒck) per Gesetz (BITV 2.0 unter Punkt 1.3) untersagt. Der Grund ist einfach: Barrierefreiheit. Eine Tabelle, die fĂŒr Designzwecke verwendet wird, ist fĂŒr ein LesegerĂ€t nahezu unmöglich vernĂŒnftig einem Sehbehinderten vorzulesen. Das bedeutet selbstverstĂ€ndlich nicht, dass das Benutzen von Tabellen generell untersagt ist, allerdings dĂŒrfen sie nur als Datentabellen benutzt werden. Hier ein Beispiel fĂŒr eine richtig verwendete Tabelle:

Beispieltabelle
Name BĂŒro Durchwahl
Brauer, D. 501 -531
Fassbinder, M. 205 -385
Ostermann, M. 101 -422
Schmitz, A. 308 -816
Theiss, N. 502 -532

Die Tabellen werden automatisch via CSS gestaltet. Es mĂŒssen und sollten also keine Anpassungen von Farben, SchriftgrĂ¶ĂŸen etc. gemacht werden.

Tabelle richtig einfĂŒgen und formatieren

Hier werden die verschiedenen Schritte zum einfĂŒgen und formatieren von Tabellen erlĂ€utert.

Tabelle einfĂŒgen

Es gibt zwei Arten ĂŒber den Editor Tabellen einzufĂŒgen.

  1. MenĂŒ
    1. Im MenĂŒ auf Tabelle klicken.
    2. Mit der Maus ĂŒber den MenĂŒpunkt „Tabelle“ hovern.
    3. GewĂŒnschte Zeilen und Spalten anzahl auswĂ€hlen und mit einem Klick bestĂ€tigen.
  2. Symbolleiste
    1. In der Leiste das Tabellen Symbol auswÀhlen.
    2. Mit der Maus ĂŒber den MenĂŒpunkt „Tabelle“ hovern.
    3. GewĂŒnschte Zeilen und Spalten auswĂ€hlen und mit einem Klick bestĂ€tigen.

Kopfzeile formatieren

  1. Kopfzeile der Tabelle markieren.
  2. Im MenĂŒ auf Tabelle klicken.
  3. Über den MenĂŒpunkt „Zeile“ hovern.
  4. Zeileneigenschaften auswÀhlen.
  5. In dem geöffneten Pop-Up bei Zeilentyp anstatt „Body“ nun „Tabellen-Header“ auswĂ€hlen.

Fußzeile formatieren

  1. Fußzeile der Tabelle markieren.
  2. Im MenĂŒ auf Tabelle klicken.
  3. Über den MenĂŒpunkt „Zeile“ hovern.
  4. Zeileneigenschaften auswÀhlen.
  5. In dem geöffneten Pop-Up bei Zeilentyp anstatt „Body“ nun „Fußzeile“ auswĂ€hlen.

Beschriftung einfĂŒgen

  1. Mit der Maus in die Tabelle klicken, damit die richtige Tabelle ausgewÀhlt ist.
  2. Im MenĂŒ auf Tabelle klicken.
  3. Den MenĂŒpunkt „Tabelleneigenschaften“ auswĂ€hlen.
  4. Den Haken bei „Beschriftung“ setzen und das Pop-Up mit OK bestĂ€tigen.
  5. Über der Tabelle ist nun ein Feld erschienen in das die gewĂŒnschte Beschriftung geschrieben werden kann.

Weitere Links

23. August 2017 – Marius Baak

Tipp: Shortcode fĂŒr Liste der Autoren

Seit heute kann man via Shortcode eine Liste der Blogautoren abrufen.

[netsposts order_post_by=’date_order desc‘]

So funktioniert’s:

  1. Einfach im Editor den Shortcode
  2. Andreas Kluge
  3. Marius Baak
  4. Stefan Clauß
  5. Stefanie Lorenz
  6. Alexander Winterstein
  7. hinzufĂŒgen.
  8. Den Shortcode markieren und danach entweder auf den Button fĂŒr „AufzĂ€hlung“ oder „Nummerierte Liste“ klicken.

Wenn man nun statt „Visuell“ den Editor auf „Text“ stellt, dann sollte um den Shortcode ein <ul></ul> oder <ol></ol> Tag gesetzt sein. So sollte es aussehen:
<ul>

  • Andreas Kluge
  • Marius Baak
  • Stefan Clauß
  • Stefanie Lorenz
  • Alexander Winterstein
  • </ul> bzw. <ol>
  • Andreas Kluge
  • Marius Baak
  • Stefan Clauß
  • Stefanie Lorenz
  • Alexander Winterstein
  • </ol>

    Und so sieht das Resultat aus:

    09. Juli 2017 – Marius Baak

    Tipp: Autoren Seite

    In dem letzten Update haben wir die Profilseite der Autoren ĂŒberarbeitet. Vorher wurden wie in einer Blogroll die einzelnen BeitrĂ€ge angezeigt. Jetzt ist es ĂŒbersichtlicher und zeigt neben der BeitragsĂŒberschriften auch eine kurze Biografie, die Webseite, und die verschiedenen Social Media Profile an, sofern sie im Backend eingetragen sind.

    Wo finde ich die Felder um etwas einzutragen?

    Hier kann man Profil bearbeiten auswÀhlen.

    Wenn man im Backend eingeloggt ist, kann man einfach ĂŒber die Willkommensnachricht hovern und dann „Profil bearbeiten“ auswĂ€hlen.

    Wenn man dann etwas runter scrolled, dann sieht man schon die einzelnen Felder, die man ausfĂŒllen kann.

     

     

     

    Felder zum ausfĂŒllen fĂŒr das Autoren Profil

    Die E-Mail Adresse wird automatisch von Shibboleth ausgefĂŒllt und kann nicht geĂ€ndert werden.

    Was genau in die anderen Felder geschrieben wird steht in diesem Beitrag weiter unten.

    Biografie und Webseite

    Die Biografie und die Webseite konnte man schon vor dem Update im Backend eintragen. Wenn nichts in die Felder eingetragen ist, dann wird auch nichts auf der Profilseite ausgegeben.

    Social Media

    Doch was muss wo eintragen werden, damit der korrekte Link angezeigt wird?

    Facebook

    Bei Facebook wird das eingegeben, was hinter dem „/“ nach Facebook.com steht. Wenn man zum Beispiel das Facebook Profil des URZ angeben wollen wĂŒrde, dann mĂŒsste man in die Facebook-ID „Rechenzentrum.Bergakademie“ eintragen (selbstverstĂ€ndlich ohne die „“).

    URL Beispiel fĂŒr die URZ Facebook Seite

    Xing

    Bei XING muss, Ă€hnlich wie bei Facebook, das eingegeben werden, was hinter dem „/“ nach xing.com/profile/ steht. Im Falle meiner Xing-Seite wĂ€re es „Marius_Baak“.

    Beispiel der XING URL

    Twitter

    Beispiel des Twitter Usernames.

    Bei Twitter wird der Username angegeben, also der Name, vor dem das @ steht. Der Username entspricht gleichzeitig dem Namen bzw. der Bezeichnung, die hinter dem „/“ von Twitter.com steht.

    Beispiel der Twitter URL.

    Skype

    Bei Skype wird ebenfalls der einzigartige Username eingegeben.

    Instagram

    Bei Instagram wird auch der Username eingegeben. Der Username muss nicht zwangslÀufig dem angezeigten Namen entsprechen.

    Instagram Profil der TU Freiberg.

    Das, was auf dem Bild im roten Kasten steht ist der Username. Was im blauen Kasten steht ist der angezeigte Name.

    Snapchat

    Bei Snapchat wird auch der einzigartige Username angegeben.

    08. Juli 2017 – Marius Baak

    Beitragsbild

    Im Rahmen des letzten Updates wurden auch die Beitragsbilder neu formatiert.

    Doch was genau ist ein Beitrags- bzw. Artikelbild? Das Beitragsbild kommt als Teaser zum Einsatz, wenn der Artikel nicht in voller LĂ€nge angezeigt wird. In Zukunft soll es zum Beispiel, Ă€hnlich wie bei der TU Hauptseite, auf der Portalseite in der Übersicht der neuen BeitrĂ€ge zu sehen sein.

    Vorteile von einem Beitragsbild

    • Weckt Interesse an dem Beitrag
    • LĂ€sst den Artikel besser aussehen
    • Inhalte mit Bildern schneiden bei Suchmaschinen besser ab, als Inhalte ohne Bilder

    „Beitragsbild“ weiterlesen

    22. Oktober 2014 – Alexander Winterstein

    Twitterfeed: BeitrÀge auf Facebook und Twitter automatisch veröffentlichen

    Mit dem Anbieter Twitterfeed wird regelmĂ€ĂŸig das Blog nach neuen BeitrĂ€gen durchsucht. Das Ganze passiert ĂŒber den RSS Feed. Sobald ein neuer Artikel veröffentlicht wurde, wird dieser ganz automatisch getwittert und/oder in der Statusmeldung der Facebook-Seite veröffentlicht.

    Voraussetzung dafĂŒr ist eine Registrierung auf twitterfeed.com. Dort wird ein neuer Feed erstellt, indem man einen Namen und die Feed-Adresse http://blogs.hrz.tu-freiberg.de/MEIN_BLOG/feed/ eintrĂ€gt. Im zweiten Schritt könnennoch weitere Einstellungen vorgenommen werden, z.B. wie hĂ€ufig der Blogfeed durchsucht oder welche Elemente des Artikels gepostet werden sollen. Im dritten Schritt muss man sich mit dem Social Media-Account verbinden. Außer Facebook und Twitter stehen auch noch LinkedIn und App.Net zur Auswahl.

    13. Dezember 2013 – Stefanie Lorenz

    Erste Schritte

    Nach dem ersten Login im eigenen Blog sollte man einige erste Einstellungen vornehmen, welche im Folgenden kurz erlÀutert werden.

    Äußere Erscheinung

    Es ist zu empfehlen zuerst unter „Design“ ein ansprechendes Theme fĂŒr den Blog zu wĂ€hlen und eine Kopfgrafik (Design -> Kopfzeile) hochzuladen. Der Blogtitel und Beschreibungstext welcher ĂŒber der Kopfgrafik erscheint, kann unter Einstellungen -> Allgemein verĂ€ndert werden. Mit den vorhanden BeispieleintrĂ€gen kann so zuerst das Erscheinungsbild des Blogs getestet werden.

    Anschließend sollten aber sowohl der Beispiel-Eintrag als auch die Beispiel-Seite gelöscht werden und der Blog mit eigenen Inhalten gefĂŒllt werden.

    Inhalte

    DafĂŒr kann man statische Seiten anlegen, welche dann wie z.B. im klassichen TUBAF Layout oben in der blauen Leiste erscheinen. Diese Verlinkungen, z.B. die Reihenfolge, können außerdem unter Design -> MenĂŒs bearbeitet werden.

    FĂŒr regelmĂ€ĂŸig BeitrĂ€ge verwendet man die Beitrags-Funktion. Zu jedem neuen Ereignis o.Ă€. kann dort ein Artikel erstellt werden. Dieser kann außerdem einer bestimmten Kateogrie zugeteilt werden. So kann man die BeitrĂ€ge chronologisch geordnet auf der Startseite sehen, bzw. bei Auswahl einer Kategorie nach eben jener gefiltert.
    Auf der Portalseite erscheinen zudem die neusten Artikel aus allen Blogs im Netzwerk.
    Mit einem Klick auf „Veröffentlichen“ wird ein Artikel-Entwurf fĂŒr alle zugĂ€nglich im Blog dargestellt.

    Einstellungen & Erweiterungen

    Mit den sogenannten „Widgets“ (Design -> Widgets) können Inhalte in der Sidebar und im Footer eingestellt werden, wie z.B Linklisten, eine Übersicht der Kategorien, ein Kalender, Textinformationen, …

    Unter Einstellungen -> Lesen kann eingestellt werden, ob die Startseite des Blogs eine statische Seite sein soll oder klassisch eine chronologische Ansicht aller Artikel.

    Unter „Plugins“ findet man eine vVelzahl von Erweiterungen fĂŒr den Blog. Eine entsprechende Beschreibung ist dabei jeweils in der Auflistung zu finden. Damit kann der Funktionsumfang des Blogs erheblich ausgebaut werden. Es empfiehlt sich einen Blick auf diese Liste zu werfen, um den Blog den eigenen BedĂŒrfnissen noch besser anzupassen.

    Die FunktionalitÀt und Konfiguration der einzelnen Plugins werden in gesonderten BeitrÀge nÀher erlÀutert.