Build a Website with ChatGPT

Create a portfolio of cool and creative websites—all without having to write your own code.

Build a Website with ChatGPT teaches you zero-coding web development utilizing powerful generative AI tools like ChatGPT. If you can open a web browser, you’re ready to start building—absolutely no coding experience required.

Inside Build a Website with ChatGPT you’ll learn the important skills of AI-assisted web programming, such as:

• Crafting effective prompts to generate HTML, CSS, and JavaScript
• Converting text into images with DALL-E integration
• Building navigation bars, image galleries, and contact forms
• Deploying fully functional sites to the web for free
• Customizing the generated code for unique sites

Inside Build a Website with ChatGPT you’ll learn the high-level coding concepts that let you check and perfect AI output, prompting skills that deliver the exact code you need, and how to properly deploy your site to the web—for free! Annotated code samples and advice on code customization give you the perfect balance of understanding and convenience. Plus, you’ll get access to a tried-and-tested repository of prompts and working code.

About the technology

You can build amazing websites even if you don’t know HTML, CSS, and JavaScript. Just describe what you want in plain English, and let ChatGPT take care of the gnarly details! This book guides you step-by-step as you create user-friendly forms, interesting graphics, and interactive web pages using nothing but AI and your imagination.

About the book

Build a Website with ChatGPT shows you how to make websites in an AI-first world—no experience required! You’ll start with the basics of generating pages with ChatGPT, and by the end of the second chapter your first site will be up and running. Author Paul McFedries then shows you how to add interesting text and graphics, forms for user input, and even custom CSS to give your pages some pizzazz. As you go, you’ll expand your new AI skills to create photo galleries, portfolios, catalog pages and more.

What's inside

• Writing effective prompts to create code, text, and graphics
• Adding navigation bars, image galleries, and contact forms
• Deploying your sites to the web for free
• Adding your unique touches to AI-generated pages

About the reader

No experience with web development or programming required. If you can create a Word document, you can build a website!

About the author

Paul McFedries has written over 100 books on web development and other technology topics including Web Design Playground (Manning Publications).

The technical editor on this book was Anirudh V. Prabhu.

Table of Contents

1 Introducing website creation with ChatGPT
2 Creating and deploying your first web page
3 Working with fonts, colors, and headings
4 Adding structure to a page
5 Publishing page posts
6 Adding links and navigation
7 Creating site content
8 Generating site forms
9 Adding lists to your pages
10 Setting up a photo gallery
11 Creating a portfolio page
12 Building an article page
13 Coding an interactive course catalog
A Getting ready to build web pages with ChatGPT
B Deploying your site
C Learning a few ChatGPT best practices