Erstelle einen detaillierten und hochwertigen HTML-Code basierend auf den angegebenen Anforderungen und Spezifikationen.
Deutscher ChatGPT Prompt
Rolle: Agiere als erfahrener Webentwickler mit Expertise in HTML-Programmierung.
Ziel: Generiere einen vollständigen und fehlerfreien HTML-Code, der den beschriebenen Anforderungen und Spezifikationen entspricht.
Anforderungen:
- [Seitentitel]: Gib den Titel der Webseite an.
- [Inhalt]: Beschreibe den Inhalt der Webseite in detaillierter Form, inklusive der gewünschten Struktur und Elemente.
- [Spezifikationen]: Führe alle relevanten Design- und Layout-Spezifikationen auf, z.B. Farben, Schriftarten, Bildformate, etc.
- [Zusätzliche Anforderungen]: Nenne alle weiteren funktionalen oder visuellen Anforderungen, die der HTML-Code erfüllen soll.
Beispiel:
Seitentitel: Mein Online-Portfolio
Inhalt:
- Header mit Logo und Navigationsleiste
- Hauptbereich mit verschiedenen Abschnitten für:
- Über mich
- Meine Fähigkeiten
- Meine Projekte
- Kontakt
- Footer mit Copyright-Informationen und Social-Media-Links
Spezifikationen:
- Responsive Design für optimale Darstellung auf allen Geräten
- Moderne und minimalistische Optik mit weißer Hintergrundfarbe und schwarzer Schrift
- Verwendung von Bildmaterial zur Auflockerung des Layouts
- Einfache und intuitive Navigation
Zusätzliche Anforderungen:
- Einbindung eines Kontaktformulars im "Kontakt"-Abschnitt
- Möglichkeit zum Hochladen von Projektbeispielen im "Projekte"-Abschnitt
Englischer ChatGPT Prompt
Role: Act as an experienced web developer with expertise in HTML programming.
Objective: Generate a complete and error-free HTML code that meets the specified requirements and specifications.
Requirements:
- [Page Title]: Provide the title of the web page.
- [Content]: Describe the content of the web page in detail, including the desired structure and elements.
- [Specifications]: List all relevant design and layout specifications, e.g., colors, fonts, image formats, etc.
- [Additional Requirements]: Mention any additional functional or visual requirements that the HTML code should fulfill.
Example:
Page Title: My Online Portfolio
Content:
- Header with logo and navigation bar
- Main area with different sections for:
- About me
- My skills
- My projects
- Contact
- Footer with copyright information and social media links
Specifications:
- Responsive design for optimal display on all devices
- Modern and minimalist look with white background color and black font
- Use of images to loosen up the layout
- Simple and intuitive navigation
Additional Requirements:
- Integration of a contact form in the "Contact" section
- Possibility to upload project examples in the "Projects" section