Bildergrößen

Bühne: 1364 x 660 Pixel

Portalbild: Mindestens 1920 x 1200 Pixel, Hauptmotiv eher mittig.

Beitragsbilder, Teaser-Bilder: Mindestgröße 1024 x 567 Pixel, Seitenverhältnis 16:9

Bilder in der "Liste Bild-Text": Keine Vorgaben, aber die Bilder sollten die gleiche Größe haben (Mindestbreite 300 Pixel). 
Die Bilder werden vom System auf eine Breite von 300 Pixel skaliert. 

Block "Kacheln" : Quadratisch (mindestens 400 x 400 Pixel).

Highlightkacheln:  Quadratisch, Mindestgröße 400 x 400 Pixel

Logo und Icon:  qudratisch, mindestens 100 x 100 Pixel.

Bubble: Quadratisch, wird auf 80 x 80 Pixel skaliert.

Bilddatenbanken mit lizenzfreien Fotos

Ein Bild sagt mehr als tausend Worte. Es ist unbestritten, dass Bilder viel eher die Aufmerksamkeit auf sich ziehen, als zum Beispiel eine Überschrift. Passende Bilder zu einem Artikel sind deshalb Voraussetzung für den Erfolg. Nur, woher die Bilder nehmen? Es gibt verschiedene Möglichkeiten: selbst fotografieren, kaufen oder kostenlose Bilddatenbanken nutzen.

Kostenlos heißt aber nicht, dass alle Bilder zur komplett freien Nutzung bereitstehen. Darum unser dringender Rat: Lest die AGBs bzw. das Impressum! 

Dort findet ihr Informationen darüber, was kostenlos im Zusammenhang mit der Nutzung von Bildern eigentlich bedeutet. Das kann beispielsweise sein, dass ihr verpflichtet seid, die Bilddatenbank mit oder ohne Nennung des Fotografen zu verwenden und oder einen Backlink zu generieren und noch vieles mehr.

Für den Backlink gibt es in SPDplus die Möglichkeit, die URL als Quell-Link einzutragen,

Bitte lest zum Einstieg unbedingt den Infobrief zum Thema Urheberrecht bei Bildern im Internet; Infobrief der SPD zum Thema Urheberrecht bei Bildern im Internet

Liste der Bilddatenbanken - Bitte beachtet die Nutzungsbedingungen

Fortsetzung folgt.

Infos zum Urheberrecht
Text zu KI
  • Text (Bild) erstellt mit Hilfe von KI. Geprüft und überarbeitet von ...
  • Dieser Artikel wurde teils mit Unterstützung von KI erstellt und vor der Veröffentlichung von ...... sorgfältig geprüft.
Der ReadSpeaker

Seite Januar 2020 steht für alle Internetseiten, die mit unserem CMS erstellt werden, der so genannte ReadSpeaker zur Verfügung. Hierbei handelt es sich um die Sprachwiedergabe der auf den Internetseiten zur Verfügung gestellten Artikel (alle Inhaltsseiten, Termin, Nachrichten, Startseite, etc.) Die Vorteile der Sprachwiedergabe auf Webseiten sind vielschichtig:

Es besteht eine gute Möglichkeit mit Menschen mit Lernbehinderung in Kontakt zu treten. Es bietet sich eine Option für Multitasker oder Nutzer von Mobilgeräten. Es ist eine gute Brücke, um die Inhalte Migrant_innen näherzubringen, die Schwierigkeiten dabei haben, Ihre Inhalte zu verstehen. Darüber hinaus ist es eine nützliche Hilfestellung für unzureichend alphabetisierte Menschen und eine Verbesserung für Sehbehinderte.

Technische Umsetzung

Während man vor einiger Zeit noch eine extra Sprachwiedergabe-Software auf dem eigenen Computer installieren musste, gibt es heutzutage eine Server-basierte Lösung, bei der die Software als Dienstleitung abgerufen wird. Fachchinesich spricht man auch vom Speech as a Service (SaaS).

Vorgehensweise

  • Ein Besucher ruft auf der Internetseite einen Artikel auf ...
  • ... und klickt auf das Lese-Symbol.
  • Readspeaker erstellt die spezifische Audio-Datei ...
  • ... und streamt diese sofort zurück.

Funktionen des ReadSpeakers

Funktionen des ReadSpeakers

Alt-Text wird ebenfalls vorgelesen

Als Alt-Text bezeichnet man im HTML-Code denjenigen Teil in Bildern und ähnlichen Elementen, die einen Hinweis darauf enthalten sollen, was in dem dargestellten Element zum Ausdruck kommt. Kann beispielsweise das Bild nicht geladen werden oder wird das Format vom Webbrowser nicht unterstützt, wird stattdessen der Alt-Text angezeigt. Dies soll sehbehinderten Menschen oder Websitebesuchern, deren Browser keine Bilder darstellen kann oder soll, den Inhalt eines Bildes vermitteln.Es gilt gemäß der offiziellen HTML-Spezifikation als Mangel, bei Bildern auf diesen Alt-Text zu verzichten.

Bitte achtet also künftig darauf, wenn ihr bei Artikeln über die Mediendatenbank Bilder zuordnet, dass ein vernünftiger Alt-Text eingetragen wird, da dieser vom ReadSpeaker mit vorgelesen wird!

Aufbau einer Internet-Präsenz mit SPDplus

Wie sollte man beim Aufbau einer neuen Internet-Präsenz mit SPDplus vorgehen?

Da sich die Internetseite aus mehreren Elementen zusammensetzt, muss bei der Ersteinrichtung darauf geachtet werden, alle Elemente zusammenzufügen, damit sich anschließend keine Fehlermeldungen einfinden.

1. Man beginnt mit Meine Weseite im Hauptmenü, wo die gründlegenden Einstellungen der Seite und ihr Aussehen festgelegt werden.

2. Als nächstes sollte das Impressum erstellt werden.

3. Man kann jetzt in die Seite Kontakt noch individuelle Text einfügen.

4. Als nächster Schritt sollte die Startseite aufgebaut werden.

5. Nach diesen grundsätzlichen Arbeiten, kann mit dem Erstellen von Terminen, Meldungen und Inhaltsseiten begonnen werden.

6. Die Inhaltsseiten müssen in die Navigation eingebunden, die Termine und Meldungen organisiert das System chronologisch.

Wenn die Internet-Präsenz fertig ist und ins Netz gehen kann, informiert cms-admin @spd.de. Unser Team leitet dann alles weitere in die Wege.

Viel Spaß und Erfolg beim Aufbau eurer Website.

Bei Fragen und Problemen wendet euch bitte an cms-admin @spd.de

MP4-Dateien einbinden

Wir werden immer wieder gefragt, ob es möglich ist, in SPDplus mp4-Dateien - also Videos - hochzuladen und einzubinden. Ja, es ist möglich, aber nicht so einfach wie das Einbinden von YouTube-Videos. Hier kommt die Anleitung:

Das Einbinden von mp4-Dateien geht nur über das Applikationsmodul. 
Dort muss man einen kleinen Code eingeben. Davor und dahinter muss unbedingt ein spitze Klammer: <  >

video src="/uploads/spd_Beispiel/videos/test_ak.mp4" controls></video

Der kursive Teil des Codes ist der Ort, an dem das Video in den Dateien liegt. Um das herauszufinden, lädt man zunächst das Video hoch. Danach geht man auf Dateien und klickt auf den Erdball ganz rechts von dem Video-Namen. In dem neuen Browserfenster ist der Pfad zu finden. Hier kopiert man den Teil hinter upload/ und fügt ihn in den Code ein. 

Falls das Video zu groß ist, kann man den Code noch um Größenangaben erweitern. Davor und dahinter muss unbedingt ein spitze Klammer: <  >: 

video src="/uploads/spd_Beispiel/videos/test_ak.mp4" controls width="320" height="240"></video

Die Zahlen hinter width (Breite) und heights (Höhe) sind nur Beispiele und können individuell angepasst werden (bitte Proportionen beachten).

Countdown zur Europawahl

Auf Wunsch einiger User veröffentlichen wir hier einen Countdown bis zur Europawahl.

Das Script muss in das Applikationsmodul eingebunden werden.

<script src="https://cdn.logwork.com/widget/countdown.js"></script>

<a href="https://logwork.com/countdown-epy4" class="countdown-timer" data-style="circles" data-timezone="Europe/Berlin" data-language="de" data-textcolor="#080808" data-date="2024-06-09 08:00" data-background="#e60707" data-digitscolor="#030303" data-unitscolor="#000000">9. Juni 2024</a>

Fragen, Probleme? Hier wird euch umfassend geholfen: cms-admin@spd.de