What we did
June 2023 : This month we looked at using AI to code websites.
This month we looked at AI for the web. To start, AI is a way of searching the net using a simple Q & A method, however AI is much more allowing you to use AI to create code search the net or write reports. In a way it’s only limited by your imagination. We started by having a look at how chat works.
Most browsers support their own AI search app, but we also have a number of stand-alone AI apps like ChatGPT and Perplexity. Both Chat and Perplexity need you to set up an account but they are both free for a basic service. In Microsoft’s Edge Browser their AI Chat bot “Bing” has three settings More Creative, More Balance and More Precise. We wont go into AI here but Alex has spoken about ChatGPT in February and its alternatives in May.
So, we then set out to see if AI could help create a web site. We asked Bing chat to “show me the code for a simple website?” Here is the code it supplied
<!DOCTYPE html><html>
<head>
<title>Simple Website </title>
</head>
<body>
<h1>Welcome to my website!</h1>
<p>This is a simple website created using HTML and CSS.</p>
</body>
</html>
We tried ChatGPT and asked it to code a simple blog site. It wrote the HTML, a separate CSS file and a separate JavaScript file. Here is the result.
Next, we tried Perplexity and asked it to build a simple website. This one placed the CSS in the HTML file as a style tag in the head. Here is the result
Then we asked for a Blog site and the CSS was created in a separate file. Have a look.
Steve South
Web Design leader