Skip to main content
Loading the Elevenlabs Text to Speech AudioNative Player…

Im Rahmen meines Masterstudiums in Content Strategy an der FH JOANNEUM war einer der Kurse ‚Digital Publication Platforms‘, bei dem wir eine einfache HTML-Website erstellen sollten.

Meine Erfahrungen beschränkten sich auf einen Wirtschaftsinformatik-Kurs in der Oberstufe, das Erstellen eines WordPress-Portfolios mit einem Salient-Template, Kenntnisse im UI/UX-Design sowie in der Bildaufbereitung für das Web.

Diese Fähigkeiten bildeten eine solide Basis, doch der entscheidende Faktor, der mich ermutigte, mich auf das Thema Coding zu freuen, war ChatGPT.

Meine Interaktionen mit ChatGPT: Einblick in den Lernprozess

Im Laufe meines Projekts hatte ich zahlreiche Fragen an ChatGPT, die mir halfen, verschiedene Aspekte des Webdesigns zu verstehen und anzuwenden. Hier sind einige Beispiele für die Arten von Fragen, die ich gestellt habe:

1. Rückfragen zu grundlegenden Konzepten:

  • „Wie macht man eine Liste und was ist der Unterschied zwischen <li>, <ul>, <ol>?“
  • „Was sind die Unterschiede zwischen Padding und Margin und wann verwendet man was?“
  • „Wie bindet man Google Maps ein und wann macht das Sinn?“
Screenshot: ChatGPT-Antwort, die eine Beispielgeschichte zur Integration von Google Maps auf einer Immobilien-Website beschreibt. Die Antwort umfasst den Kontext, die Integration von Google Maps und die Auswirkungen der Integration, sowohl positive als auch mögliche Herausforderungen.
Screenshot: ChatGPT-Antwort auf eine Frage zur Verwendung von und -Tags in HTML. Die Antwort beschreibt die semantische Bedeutung der beiden Tags und erklärt, dass für geordnete Listen und für ungeordnete Listen verwendet wird, mit jeweils unterschiedlichen Bedeutungen und Anwendungen.

2. Direkte Code-Anforderungen:

  • „Wie mache ich einen pinken Button?“
  • „Wie mache ich die Ecken rund?“
  • „Wie kann man Text rechtsbündig machen?“
  • „Wie bekomme ich mehr Abstand zwischen H2 und dem Headerbild?“

Besonders hilfreich bei ChatGPT war, dass es nicht nur Antworten gab, sondern auch Erklärungen und Kommentare im Code hinterließ, was mein Verständnis vertiefte.

Nahaufnahme eines Code-Editors, der CSS-Code zur Gestaltung einer Webseite zeigt. Die Codezeilen definieren Stilregeln wie justify-content: space-between;, align-items: center;, und padding: 20px;. Kommentare auf Deutsch erklären die Funktion der einzelnen Codezeilen, wie zum Beispiel „Verteilt die Elemente gleichmäßig“ und „Fügen Sie nach Bedarf Padding hinzu“.

3. Fehlersuche und Problemlösung:

Wenn etwas nicht funktionierte, nutzte ich ChatGPT, um den Fehler zu finden und zu korrigieren:

  • „Warum sind die Ecken jetzt nicht mehr rund?“
  • „Warum geht die Box nicht bis zum Rand?“

Diese Fragen halfen mir, Fehler im Code zu identifizieren und zu verstehen, warum bestimmte Dinge nicht wie erwartet funktionierten.

Grenzen von ChatGPT und der Wert menschlicher Expertise

Trotz der enormen Hilfe, die mir ChatGPT bot, stieß ich auf seine Grenzen. Dies wurde besonders deutlich, als ich an einem Punkt angelangt war, an dem ich nicht mehr weiterkam, weil ich nicht genau wusste, wie ich ChatGPT das Problem erklären sollte. In diesen Momenten wandte ich mich an meinen Mann, der über tiefgehende Programmierkenntnisse verfügt. Er entdeckte, dass Visual Studio Code Fehler anzeigte, auf die ChatGPT, da es nicht direkt mit dem Programm verbunden ist, nicht hinweisen konnte. Mein Mann gab mir nicht nur Hinweise auf diese technischen Fehler, sondern auch wertvolles Feedback zur Struktur meiner Website.

Screenshot von Visual Code Studio, welches HTML- und CSS-Code für eine Webseite zeigt. Links ist die Dateinavigation zu sehen, während der Hauptteil des Bildschirms den CSS-Code zur Gestaltung von Navigationselementen und Textstilen anzeigt. Anmerkungen und Kommentare im Code erklären verschiedene Stilregeln.

Conclusio

Mir hat es total Spaß gemacht, mich einem Thema anzunähern, das mir früher eher Angst gemacht hat. ChatGPT ermöglichte es mir, in meinem eigenen Tempo und vor allem selbstständig zu lernen. Als jemand, der es bevorzugt, allein zu arbeiten und sich in Klassenräumen unwohl fühlt, war dies ein großer Vorteil. Ich muss hier keine Angst vor „dummen“ Fragen haben.

Zusätzlich sehe ich in ChatGPT ein wertvolles Werkzeug, um das Lernen zu demokratisieren. Es bietet eine Art von Nachhilfe, die keine hohen Kosten verursacht und kann daher vielen Menschen helfen, die sich sonst keine persönliche Unterstützung leisten könnten.

PS: In meinem nächsten Beitrag werde ich detaillierter auf meinen Lernprozess mit ChatGPT eingehen und reflektieren, wie die KI-Unterstützung mein Verständnis und meine Fähigkeiten erweitert hat. 🙂

Let's go

Sie haben Fragen zu

meiner Dienstleistung?

Ich biete spezialisierte Workshops für generative KI im Marketing und Midjourney-Kurse für Werbeagenturen an. 🙋‍♀️💜

Mein Angebot

Tiny

Tiny Bernhard BA ist eine österreichische Designerin und Illustratorin, spezialisiert auf generative KI in der Bildgestaltung. Sie teilt ihre Einblicke und Techniken auf ihrem Blog und lehrt an der FH St. Pölten im Department Digital Business & Innovation.

WordPress Cookie Plugin von Real Cookie Banner