Step-by-Step Guide

  1. Create an account with ChatGPT.
  2. Prompt it to create an image for the website you want to build.
    ChatGPT will use the image as the theme for your site.
    Art Deco Penguins
  3. Ask ChatGPT to generate the HTML for a landing page using that image.
    Be sure to:
    • Mention that images should be saved in an images folder
    • Tell it the exact filename you used for the image
    • Give it some company background
    HTML generation screenshot
  4. Save the generated code as index.html in your project folder. Saved HTML in folder
  5. Double-click index.html to open it in your browser. Voilà! Your first GenAI-built website.
  6. Have fun! Iterate with ChatGPT to add sections, navigation, images, and more.

🎉 Congratulations — you just built your first website with Generative AI!