How I Generated ALL My Website Images Using AI

This recap was written from the class video. Watch it above or on YouTube.

What the class covered

In this class, Dr. Daniel Tanimawo demonstrated how to generate all website images using AI and then build a website using those images. He showed how to import images into a coding environment, generate HTML, CSS, and JavaScript code with AI assistance, and fix errors by asking AI for corrections. The class also covered making the website more advanced with animations, effects, and responsive design for different devices.

Key takeaways

• Use AI to generate website images from prompts.
• Import images into your coding workspace before building the site.
• Ask AI to generate full HTML, CSS, and JavaScript code for your website.
• If you get errors in your code, copy the error and ask AI to fix it.
• Make your website more advanced by requesting animations and effects from AI.
• Test your website on different device views like phone and tablet and adjust code accordingly.

Prompts to try

Give me the full codes. Make sure the images are placed on the right spots. Make it very advanced.

I got this error: [paste error]. Give me the fixed code.

Make the founder container bigger so the full image can show. Add animations and effects to the website where needed.

Give me the full updated HTML, CSS, and JS code again.

Test yourself