chatgpt ist besonders gut in allem, was mit Computerprogrammierung oder sogar der Erstellung von Websites zu tun hat. Anhand eines konkreten Beispiels gehen wir dem auf den Grund.

Wir gehen hier davon aus, dass Sie über minimale Kenntnisse im Erstellen einer Webseite verfügen:

• Sie wissen, dass eine Webseite in einer relativ einfachen Sprache namens HTML geschrieben ist.
• Sie wissen wahrscheinlich auch, dass es möglich ist, die Darstellung dieser Webseite in einer anderen Sprache, CSS, zu definieren. Für eine einfache Webseite können Sie jedoch auf CSS verzichten;
• Sie wissen vielleicht auch, dass es möglich ist, bestimmte Aktionen mithilfe einer Sprache wie Javascript zu programmieren. Dieser Teil ist eindeutig der komplexeste.

ChatGPT kann Ihnen beim Erstellen einer Webseite sehr helfen, vor allem durch die Programmierung in Javascript, was sehr gut funktioniert.

Einfache Webseite

Hier haben wir ChatGPT gebeten, eine Seite zu erstellen, die die Zahl des Tages im Jahr eines Datums und auch die der Woche finden kann.

Deshalb haben wir diese Anfrage an ChatGPT gesendet:

« Könnten Sie eine Webseite erstellen, die bei gegebenem Datum den Tag des Jahres (in Anzahl der verstrichenen Tage) und die aktuelle Wochennummer anzeigt? Daher fordert die App den Benutzer auf, ein Datum einzugeben, und gibt die Antwort zurück. Das Design der Seite muss elegant und zeitgemäß sein. »

Anschließend erstellte ChatGPT den gesamten Code für eine Seite, mit HTML, CSS und Javascript. Dieser letzte Teil wäre am kompliziertesten zu definieren gewesen und daher sind die von ChatGPT programmierten Anweisungen sehr nützlich.

Kopieren wir diesen Text in einen HTML-Editor, geben der Seite einen Namen und laden ihn dann auf eine bestehende Website hoch. Hier ist, was wir bekommen.

Verschönern Sie die Website

Die Website, die ChatGPT uns angeboten hat, funktioniert wie erwartet, es mangelt ihr jedoch auffallend an Schwung. Wir werden es daher bitten, sein Erscheinungsbild zu verbessern – zur Erinnerung: ChatGPT merkt sich, was wir zuvor geschrieben haben, und ist offen für Dialoge, wie in diesem Artikel beschrieben: „Wie nutzt man ChatGPT gut?“ »

Hier ist unsere nächste Anfrage:

„Meine Website verfügt über ein Stylesheet namens daniel.css, das sich im Stammverzeichnis der Website befindet. Könnten Sie dieses Stylesheet verwenden? »

Wenn Sie eine solche Anfrage stellen, müssen Sie natürlich „daniel.css“ durch ein auf Ihrer Website vorhandenes CSS-Stylesheet ersetzen. Hier ist, was wir von diesem Austausch erhalten haben.

Verbessern Sie die Präsentation

Was die Präsentation betrifft, ist es noch nicht so weit, daher werden wir einige Anweisungen hinzufügen:

„So sieht die Website nicht besonders gut aus. Könnten Sie die Datumsanfrage zentrieren und den Eingabebereich vergrößern? »

Jetzt hat uns ChatGPT den Code für die folgende Seite bereitgestellt.

Verbessern Sie den Seitenstil weiter

Gehen wir bei der Verschönerung einer solchen Seite, aber auch in ihrer praktischen Seite, noch einen Schritt weiter, indem wir dafür sorgen, dass standardmäßig das aktuelle Jahr angezeigt wird – was wiederum die Erstellung von Javascript-Code erfordert. Hier ist die neue Abfrage:

« Es ist viel besser. Könnten Sie nun festlegen, dass im Eingabefeld standardmäßig das aktuelle Jahr angezeigt wird? Und auch die Anzahl der Tage und die Anzahl der Woche fett und übersichtlich darzustellen? »

Der Code ist in ChatGPT vorhanden. Denken Sie jedoch bei Bedarf daran, dass Sie den HTML-Code der Webseite anzeigen können, indem Sie (von Chrome aus) einen Rechtsklick in Windows oder mit Strg-Klick in Mac ausführen und „ Quellcode der Seite anzeigen ».

Ein didaktischer Charakter

Wenn Sie Javascript lernen oder Ihre Kenntnisse verbessern möchten, zögern Sie nicht, ChatGPT zu bitten, jede der von ihm verwendeten Anweisungen im Detail zu erklären.