Eine Bildgalerie erstellen - HTML und Alternativen

Eine Bildgalerie erstellen - HTML und Alternativen

Hosting-Angebot ansehen

Eine Bildgalerie erstellen: HTML/CSS vs. einfache Alternativen

Webseiten werden durch die Integration von Bildern optisch aufgewertet und gewinnen an Individualität. Dies gilt für jede Art von Webseite, sei es eine Firmenhomepage, ein privater Blog oder ein Online-Shop. Möchte man zu diesem Zweck eine Bildgalerie für die eigene Internetpräsenz erstellen, ist dies mittels HTML und CSS möglich. Dafür sind jedoch gewisse Vorkenntnisse im Umgang mit den textbasierten Auszeichnungssprachen notwendig. Lohnt sich der Aufwand für Anfänger wirklich und welche möglichen Alternativen bieten sich für die Erstellung von Galerien an?

  • Bilder ansprechend und individuell präsentieren
  • Aufwertung der Internetpräsenz
  • Viele Gestaltungsmöglichkeiten mit HTML/CSS
  • Nutzerfreundliche Anwendungen für Laien

Eine Bildgalerie mit HTML und CSS erstellen

Eine Bildgalerie mit HTML und CSS erstellen

Anfänger, die keine der gängigen Programmiersprachen beherrschen, können eine Bildgalerie mit Hilfe einer CSS-definierten Liste und eines HTML Editors erstellen. Der manuelle Codeaufwand ist dafür jedoch nicht zu unterschätzen. In eine unordered list werden die einzelnen Bilder inklusive Bilduntertext als Listenelemente eingefügt. Diese Liste muss jedoch durch weitere Formatangaben ergänzt werden. Um dem Erscheinungsbild einer typischen Galerie zu entsprechen, werden die Aufzählungspunkte entfernt (list-style-type: none;), die einzelnen Bilder nebeneinander angeordnet (float:left;), die Bildgröße definiert (z.B. width: 150px; height: 150px;) und die Bildunterschriften als Blockelement positioniert (display: block;). Im Idealfall sind alle Bilder durch eine gleiche Höhe und Breite gekennzeichnet. Ist dies nicht der Fall, müssen die Angaben entsprechend abgeändert werden, da es sonst zu Qualitätsverlusten kommt. Um die Bildgalerie optisch aufzuwerten, können über die entsprechenden HTML- und CSS-Befehle beispielsweise Abstände zwischen den einzelnen Bildern und Bildreihen eingefügt, Texte zentriert und gefettet, oder Rahmen um die Bilder erzeugt werden.

Wem dieser Aufwand zu groß ist, der kann alternativ auf Open-Source-Anwendungen zurückgreifen. Viele Programme stehen im Internet zum kostenlosen Download bereit. Bei benutzerfreundlichen Anwendungen können die Bilder einfach per Drag & Drop in eine zuvor ausgewählte Gestaltungsvorlage gezogen werden. Das Erstellen und die Einbindung der eigenen Galerie sind so auch für Laien schnell und einfach möglich.


Firmenlogo erstellen

Mit STRATO Bildgalerien ganz ohne HTML-Kenntnisse erstellen

Eine weitere attraktive Alternative, Ihre Bildgalerie zu erstellen, und das ganz ohne HTML-Kenntnisse, bietet Ihnen STRATO. Entscheiden Sie sich für eines der STRATO Hosting-Pakete, können Sie den AppWizard nutzen. Das Homepage-Tool von STRATO hilft bei der Verwaltung von Web-Anwendungen. So wird die Installation und Aktualisierung verschiedener Anwendungen, wie solche zur Erstellung von Bildgalerien, zum Kinderspiel.

Installieren Sie z.B. die Foto-Software Gallery und erstellen Sie ganz einfach Ihre eigene Bildgalerie, ohne HTML-Befehle eingeben zu müssen. Sie können die Anwendung als persönliches Fotoarchiv nutzen oder aber in ein Content Management System (CMS) wie Joomla! einbinden und zur Gestaltung Ihrer Website verwenden. Dank zahlreicher Funktionen kann eine individuelle Galerie gestaltet werden: Fotos können jeder Größe angepasst, rotiert und gespiegelt werden, die Erstellung von Vorschaubildern erfolgt ganz automatisch. Alternativ können Sie sich auch für die Open-Source-basierte Webgalerie Coppermine entscheiden. Sie beinhaltet ein Benutzermanagement, mit dem Zugriffsberechtigungen auf Alben erteilt werden können. Auch verschiedene Audio- und Video-Formate werden von der Webgalerie unterstützt. So können Sie neben einer individuellen Bildgalerie auch selbst aufgenommene Videos einbinden.

Für den Fall, dass Sie keine eigenen Bilder besitzen, die Ihr Webseitenthema illustrieren, steht Ihnen bei STRATO das Bildarchiv Fotolia zur Verfügung. Hier können Sie zu jedem beliebigen Thema Fotos finden und kostenfrei verwenden. Sie müssen lediglich darauf achten, die Bildrechte genau anzugeben, denn urheberrechtsfreie Bilder gibt es so gut wie nicht.

  • Geprüfte Sicherheit

    Geprüfte Sicherheit
  • Service-Sieger

    Service-Sieger
  • Testsieger Webhosting

    Testsieger Webhosting
  • 24/7-Support (optional)

    24/7-Support
  • Deutscher Datenschutz

    Deutscher Datenschutz