ChatGPT – Create Website in 1 Minute using #openai #ChatGPT

ChatGPT: Optimizing Language Models for Dialogue
Check out full video and related content @briandesign

In this video we will use ChatGPT to create a website.
OpenAI trained a model called ChatGPT which interacts in a conversational way. The dialogue format makes it possible for ChatGPT to answer followup questions, admit its mistakes, challenge incorrect premises, and reject inappropriate requests. ChatGPT is a sibling model to InstructGPT, which is trained to follow an instruction in a prompt and provide a detailed response.

This tutorial gives a beginner’s demo of how to access and use OpenAI ChatGPT. It’s a Tutorial for Beginners.
How to use ChatGPT :

How to use Prompts in ChatGPT :

Python Tutorials Playlist

Learn Data Structures and Algorithms

Imagine being able to have a language conversation about anything with a computer. This is now possible and available to many people for the first time with ChatGPT. In this episode we take a look at the consequences and some interesting insights from Open AI’s CEO Sam Altman.

chatgpt,chatgpt explained,chatgpt coding,chatgpt trading bot,chatgpt how to use,chatgpt examples,chatgpt python,chatgpt api,chatgpt demo chatgpt 3,OpenAI ChatGPT Tutorial for Beginners,openai chatbot gpt,chatgpt programming,create website with chatgpt,

Credits to :@briandesign

I am going to ask Chad gbt to write code To create a website I’m going to say Right Code for a website template using HTML And CSS for a pizza rest Orance Include actually no I’m saying include Images And I’m just going to leave it to that Let AI Chad gbt do its thing and let’s Go ahead and see what happens so now it Looks like it is thinking trying to find Out a solution to my current uh question Or response I put right here so now it Says here is an example so now we got The Body we got some CSS being written out Okay there we go main section image Ul’s Lis in there okay okay Okay we got a little about section There’s links you need to place them With join images and links okay so That’s kind of cool so let’s do this Let’s copy the code Bring it over to my vs code editor and See what this created for us so I just Opened up my code editor and let’s just Paste this code in and looks like the CSS is already infused here so I don’t Have to use my style CSS file and I’ll Just go open with live server and let’s See what we just created and look at This basic template so far nothing fancy But hey if you had to go in here and

Write this out yourself I mean that Could take you know definitely more than Uh 30 seconds that it took for the Chad Gbt to make so let’s do this let’s Rewrite this but um Let’s do uh create a website template Using HTML and CSS code For a pizza restaurant Include a nav menu Let’s see contact form Add images and this would be a little More specific because this first website We’ve created didn’t have an actual uh Nav menu so let’s see what chat GPT does So I got another Prompt right here give it a couple Seconds and let’s see the magic happen And see what it ends up creating for us This time All right so here it is here’s example Okay Similar similar style like this okay you Got a little CSS action going Okay got a lot of a lot of C says this Time let’s see what the HTML looks like All right so header now okay there we go There we go we got a nav menu okay Let’s see we’ve got images It looks like it’s using a pre-defined Website so I don’t even know Pizza Heaven but let’s copy this code now Go over here Select This then I’m gonna go back over to my

New menu And so far it looks like it’s keeping The same exact layouts but at least you Can see here we got these little nav Menus now and obviously it’s not perfect But just from the basics what I just did There we have a simple website template So let’s try one more website and then After that I’m going to ask it a bunch Of random stuff that makes no sense Regarding that’s not has nothing to do With coding and just show you guys the Things let’s do another one and let’s Say uh Write code for a and let’s keep the Theme restaurant just because uh I want To see how it changes up it’s uh code Depending on how you write it because I Was using website template this time Right code for restaurant using HTML and CSS include a navigation menu so I’m Gonna make it more Specific instead of just saying nav Let’s see navigation menu uh let’s do Body section That describes the restaurants Menu with prices and images And let’s just keep it at that see what It does and you guys can get the idea Once you mess around with this more In what is it capable of even doing and It seems like if you do include Specifics it will actually include it so For example I said prices in this prompt

So I think we’re going to see let’s see We definitely should see prices Somewhere if I don’t see prices then you Know chat gbt man is playing with me Let’s see okay got nav okay Got a little belt section looks like Spaghetti twelve dollars that’s cool Yeah look at that look at that got our Prices in there contact form yo this one Looks probably the best let’s see Obviously it’s not the most uh code but In terms of what I was asking it I think I think it has it you can see here too If you’ve never coded basically this is Assuming I have the images like on my Computer and I would have like a folder And stuff but for anyone who knows Basically they already know so ideally If I start using it with like the um Dolly the image generator I’m sure but I Still have I’ve just started messing Around with this today guys so I gotta Play around and more but here this one Looks a little bit uh I’d say more nav Menu I could probably specify like have The links over here Assuming these are the images And it’s like kind of almost it’s like Responsive but it is in a sense to where Like the lines actually over okay so Super basic look at this super basic

You May Also Like

Leave a Reply

Your email address will not be published. Required fields are marked *