Der Weg zur gestalteten Playlist-HTML-Seite

So stellen Sie Ihre eigene weihnachtliche Playlist zusammen und bringen sie online:

  • Vorgehensweise

  • 1.)   Playlist generieren lassen

    Der Prompt ist ganz einfach: Erstelle eine Playlist für Weihnachten, Genre: IHR MUSIKGENRE

  • 2.)   Playlist als Markdown abspeichern

    Wenn Sie bei der Antwort Ihres Chatbots den Button «Copy» oder «Export» anklicken, erhalten Sie als Markdown formatierten Text.

  • 3.)   Eine HTML-Seite erstellen lassen
    • 3.1)   durch einen Chatbot (ChatGPT, Claude, Kimi K2 ...)

      Am einfachsten ist es, wenn Sie den Markdown-Text ohne Veränderung an Ihren Chatbot übergeben. Der Prompt dazu:

      ```markdown
  **1. Johann Sebastian Bach – Weihnachtsoratorium BWV 248**
  - Das berühmteste mit festlichem Chor und Orchesterklang.
  **2. Camille Saint-Saëns – Oratorio de Noël**
  - Ein kurzes, besinnliches Weihnachtsoratorium, ideal für entspannte Stunden.
      ... (Rest der Liste ausgelassen)
```

      Erstelle hieraus eine HTML-Seite. Mache mir zunächst einen Vorschlag, wie die Seite aufgebaut sein soll.

    • 3.2)   durch Google Stitch

      Bei Stitch liegt der Fokus auf dem Design der Seite. Dieses können Sie interaktiv bearbeiten und ganz Ihren Vorstellungen anpassen. Am Ende können Sie das Design sowohl als HTML als auch als Bild exportieren. Interessant ist insbesondere auch die Übergabe an Googles Jules, der den HTM Code Ihres Designs in ein GitHub Repository Ihrer Wahl transferiert.

    • 3.3)   durch repl.it

      Bei Replit können sie den bereits erwähnten Prompt eingeben, und er wird Ihnen daraus eine HTML-Seite erstellen, die Sie mit einem Mausklick auch gleich online stellen können.

    ▶ Hier finden Sie eine ausführliche Darstellung des Prozesses Umwandlung einer Markdown-Playlist in HTML

  • 4.)   Bilder:
    Was wäre Weihnachten ohne Bilder? Aus der Flut des vorhandenen Materials heisst es auswählen. Und dabei stets beachten, dass fremde Bilder wahrscheinlich dem Urheberrecht unterstehen und nicht ohne Zustimmung des Rechteinhabers verwendet werden dürfen.
    Die wichtigsten Bildquellen sind:
    • 4.1)   eigene Bilder verwenden
    • 4.2)   generieren lassen (Nano Banana, CoPilot, Ideogram, Seedream, Midjourney ...)
    • 4.3)   von einer Plattform wie Unsplash, Pexels oder Pixabay
    • 4.4)   von einem kommerziellen Stock Photo-Anbierter wie IStock, Getty Images etc.
  • 5.)   Am Ergebnis feilen.
    Das ist unter Umständen der aufwändigste Teil. Für viele Zwecke mag die automatisch von der KI erstellte Seite ausreichen, aber sie bleibt dann eher unpersönlich und reflektiert nicht unbedingt die werte Ihres Unternehmens.
  • 6.)   Beispiele:
    Die Möglichkeiten, eine Playlist zu erstellen sind nicht nur inhaltlich, sondern auch formal beinahe grenzenlos. Wir haben deshalb einige Beispiele für KI-unterstützte Playlists erstellt.