Aquarium HTML-Vorlagen

Schnell ladende Aquarium-HTML-Templates für aquatische Inhalte

Ein Aquarium-HTML-Template bietet Ihnen eine fertige Website, in der die Fische bereits ihren Platz haben. Artprofile, Beckenumgebungen und Ausstellungsgalerien befinden sich typischerweise in separaten Blöcken, und das responsive Layout passt sich an Smartphones und Tablets an. Sie passen das Design visuell in Nicepage an und exportieren die Dateien. Danach können Sie den Code manuell bearbeiten oder auf Ihren eigenen Server hochladen.

Eine Art-Karte, viele Fische

Aquarien-Inhalte wiederholen sich, daher sind Designs in dieser Nische meist aus wenigen wiederkehrenden Blöcken aufgebaut:

• Eine Art-Karte kombiniert ein Foto mit dem Namen des Fisches, dem natürlichen Lebensraum und einigen Pflegehinweisen.
• Jeder Lebensraum-Abschnitt behandelt eine Beckenumgebung, von den Wasserwerten bis hin zu den Steinen und Pflanzen im Inneren.
• Ausstellungsblöcke kombinieren eine kurze Beschreibung des Schaubeckens mit einem Galerie-Karussell.
• Öffnungszeiten erhalten einen eigenen kleinen Infoblock.

Das Markup beweist seinen Wert besonders in der Art-Karte. Wenn eine neue Gruppe Diskusfische eintrifft, duplizieren Sie eine bestehende Karte und tauschen Foto sowie Text aus – so muss niemand für einen weiteren Fisch einen neuen Block gestalten. Innerhalb eines Grid-Repeaters verschiebt das Verschieben des Fotos in einer Karte dieses in allen anderen, wodurch selbst eine lange Artenliste in einer einheitlichen Form bleibt.

Von Riffbecken bis zu bepflanzten Aquarien

Ein Meerwasserriff und ein bepflanztes Süßwasserbiotop sehen völlig unterschiedlich aus, passen jedoch beide in denselben Ausstellungsblock, sobald Sie die Fotos und Wasserparameter anpassen. Da die Anordnung unverändert bleibt, wirken sehr unterschiedliche Becken dennoch wie eine geschlossene Kollektion.

Das Galerie-Karussell übernimmt hier den größten Teil der visuellen Arbeit. Mehrere Aufnahmen eines einzelnen Tangwalds teilen sich einen einzigen Platz, durch den sich Besucher mit Pfeilen oder Indikatoren klicken können, sodass die Ausstellung niemals zu einer Wand aus Fotos wird. Das Skript hinter dem Schiebeeffekt wird zusammen mit den exportierten Dateien bereitgestellt, und das Karussell funktioniert überall dort weiter, wo diese Dateien abgelegt werden.

Lateinische Namen vor der Festlegung prüfen

Demo-Inhalte schmeicheln fast jedem Template. Platzhalter-Fische haben meist kurze, einfache Namen, während ein echter Arten-Eintrag häufig auch einen lateinischen Namen enthält, wie etwa Paracheirodon innesi für den Neonsalmler. Fügen Sie Ihren längsten Namen in eine Karte ein und prüfen Sie diesen auf dem Smartphone, wo Text zuerst umbricht und ordentliche Karten leicht ihre Form verlieren.

Bevor Sie sich für ein Design entscheiden, öffnen Sie den exportierten Code und suchen Sie nach einer Art-Karte. Es sollte leicht erkennbar sein, wo die Karte beginnt und endet, welches Element das Foto enthält und wo die Angaben zum Lebensraum stehen. Wenn sich der Ausstellungsblock genauso mühelos erfassen lässt, verrät Ihnen dieser kurze Blick mehr über das Template als jeder Demo-Screenshot.