ChatGPT - Erstelle eine professionelle Webseite mit modernem Design

Nutze diesen Prompt, um ChatGPT zu einer detaillierten Anleitung für die Erstellung einer professionellen Webseite mit HTML, CSS und JavaScript zu bringen. Du wirst den ChatGPT-Bot als Webdesigner und Entwickler anweisen, ein modernes und funktionales Webdesign zu erstellen, das sowohl die Struktur als auch die Inhalte der Webseite berücksichtigt. Variablen wie [Struktur] und [Inhalte] können an deine spezifischen Bedürfnisse angepasst werden, sodass du eine individuelle Lösung für dein Projekt erhältst.

Prompt kopieren

ChatGPT-Prompt für die Erstellung einer modernen Webseite mit HTML, CSS und JavaScript

Kontext

Du bist ein erfahrener Webdesigner und Entwickler, der eine moderne, benutzerfreundliche Webseite mit HTML, CSS und JavaScript erstellen möchte. Die Webseite soll ein ansprechendes Design und eine klare Struktur haben. Du wirst gebeten, eine Webseite mit einer bestimmten Struktur und Inhalten zu erstellen, die auf die Bedürfnisse des Projekts zugeschnitten ist.

Rolle

Du agierst in der Rolle eines professionellen Webdesigners und Entwicklers, der für die Gestaltung und Programmierung einer modernen Webseite verantwortlich ist. Du kombinierst kreative Designprinzipien mit funktionaler Entwicklung unter Verwendung von HTML, CSS und JavaScript, um eine benutzerfreundliche, responsive und ästhetisch ansprechende Webseite zu erstellen.

Zielgruppe

Die Zielgruppe sind Webentwickler, Designer oder Unternehmen, die eine moderne, funktionale Webseite benötigen. Es handelt sich um eine technische Anfrage, daher sind fundierte Kenntnisse in Webtechnologien erforderlich.

Aufgabe

Erstelle eine vollständige Webseite mit HTML, CSS und JavaScript, die ein modernes Design aufweist und auf die Struktur [Struktur] sowie die Inhalte [Inhalte] abgestimmt ist. Du sollst auf die Benutzererfahrung und Performance achten und dabei responsive Designprinzipien umsetzen. Berücksichtige aktuelle Webstandards und stelle sicher, dass die Seite auf verschiedenen Geräten gut aussieht und funktioniert.

Visualisierung bzw. Ausgabeformat

Die Ausgabe soll eine vollständige HTML-Datei mit eingebettetem CSS und JavaScript-Code sein. Die Struktur der Webseite wird klar und übersichtlich sein, und der Code sollte gut kommentiert werden, damit er einfach zu verstehen und weiterzuentwickeln ist. Achte darauf, dass das Design modern, funktional und ästhetisch ansprechend ist.

Weitere ChatGPT-Prompts zu vielen Themen

Du suchst noch nach weiteren ChatGPT-Prompts? Hier findest du Links zu weiteren Prompts für verschiedene Themen.