Prompt-copy-save-deploy cycle

As explained in Build a Website with ChatGPT

A workflow of generating content with prompts, copying the result, saving it to files, and deploying those files to the web.

The prompt-copy-save-deploy cycle turns a plain-English request into a web page: prompt ChatGPT, copy its code, save the code as an HTML file, and upload it to a web host. section 1.5 section 2.1

Use the cycle in this order:

• Prompt ChatGPT with the page goal, required data, user action, and interface for starting that action. section 2.6
• Copy the generated code using the Copy Code button or icon. section 2.6
• Paste the code into a text editor and save it as index.html inside a project folder. section 2.1 section 2.6
• Upload the project files to a web-hosting provider, then open the page in a browser. section 1.4.4

Expect to repeat the cycle. Create separate pages with separate prompts, or build one page component at a time and deploy after assembling the HTML file. section 1.4.5

A first-page workflow

Ask ChatGPT for a web page, copy the response, paste it into a new text file, save it as index.html in a project subfolder, and upload the project data to your host. If the result is incomplete or has problems, refine the prompt and repeat the process. section 2.6 section 1.5

Figure 2.1 The prompt-copy-save-deploy cycle that you’ll be using in this chapter

Follow the visual sequence from prompt to copied code, saved HTML file, and deployed web page. section 2.1

How Build a Website with ChatGPT covers it

How deep it goes

Explains four operational steps and repetition for pages or components, while deferring more ambitious project techniques.

Examples

Uses index.html, project folders, multiple pages, page components, and drag-and-drop deployment to a host.

What you can do after

Build it from scratch by prompting for code, saving an index.html file, uploading project data, and refining incomplete results.

How it connects

Connects prompting with HTML, CSS, JavaScript, text editors, project folders, web hosting, and static web pages.

liveBookmanning.com

Read Build a Website with ChatGPT on liveBook Get the book at manning.com

Related concepts

• prompthas part · An input, typically containing instructions or context, supplied to an artificial-intelligence model to guide or elicit its output.
• HTMLproduces · HTML (HyperText Markup Language) is the standard markup language for structuring content and elements in web documents.
• ChatGPTuses · ChatGPT is OpenAI’s conversational AI service, which lets users interact with generative AI models and related tools through natural-language prompts.
• websiteuses · A website is a collection of related web pages and resources made accessible through the web under a common site identity or address.
• deploymentkind of · Deployment is the process of making software, models, or other computational systems available to operate in a target environment.

This explainer was generated by Manning's knowledge graph from the text of Build a Website with ChatGPT. The section links point to the parts of the book it draws on.