Up next in 10
How to Build a Website Using AI – Complete Beginner Guide!
In this video, you’ll learn how to build a website using ai step by step, even if you have zero coding knowledge. Whether you’re a student, freelancer, or business owner, this tutorial will show you the easiest way to get your website live in minutes.
If you’ve been wondering how to create a website using ai, this guide covers everything from choosing the right AI tools to designing and publishing your site quickly.
💡 We’ll also show you how to create a website using ai for free using powerful tools that don’t require any technical skills. You don’t need to hire a developer anymore—just follow along and start building today.
By the end of this video, you’ll be able to confidently create a website using ai for your business, portfolio, blog, or online store.
#howtobuildawebsiteusingai #aiwebsite #createwebsite #aitools #webdevelopment #nocode
Show More Show Less View Video Transcript
0:00
Hi friends, welcome to tutors funny
0:03
channel. Today I'm going to teach how to
0:06
make the website using a so before you
0:10
are diving into the how to make the
0:11
website you must study how to write the
0:15
prompt correctly. There is a prompt
0:17
engineering. Okay. So if you are learn
0:19
prompt engineering correctly you will be
0:21
able to make the website using a
0:23
otherwise you cannot do it. Okay. So
0:27
first you have to tell them to clear
0:30
away. Clear way I mean. So here you have
0:33
to tell them. So here this is the this
0:36
how you can tell them. So create a
0:39
simple HTML portfolio. This is a we are
0:42
going to create a portfolio website. How
0:44
to create generate a portfolio website
0:45
using AI. So you can see you can clearly
0:48
mention that create a simple HTML
0:50
portfolio web page for school student.
0:54
Okay. We have to tell them
0:57
with whom you are creating the website
0:58
for
1:00
school student. Okay. So your main
1:03
object adjective is what? Create a
1:06
simple
1:08
HTML for your website for whom.
1:11
Okay. So school student include what you
1:14
have to tell them include what are the
1:16
things you are going to include that.
1:18
Okay. You have to include these are the
1:19
pages about us, skills and contact
1:23
section. Okay. Okay. So, use output out.
1:27
What is the output you are expecting?
1:29
I'm expecting the output as HTML CSS.
1:32
So, you have to tell them here create a
1:34
simple HTML for your web page for
1:36
student school student include these are
1:39
the relevant pages with this is the
1:42
output must uh must we have to receive
1:45
the receive. Okay. We have to receive
1:47
the output as an HTML CSS format. What
1:51
is the output we are going to receive?
1:53
Okay. as a HTML CSS form. You have to
1:55
clearly mention these are the things.
1:57
Okay. Then only we will be able to
1:59
create a professional website. Okay. Now
2:02
what I'm going to do first I have to
2:05
clearly you have to type the prompt.
2:07
Okay. So that is a prompt engine. So
2:09
first way what you are going to type go
2:11
to my chat dbt you type act as a
2:17
world best
2:21
web developer.
2:27
So first first line we have we have to
2:30
tell them a to act who I okay hack to
2:34
mean we have train them to make the
2:37
prompt for web developer so this is for
2:40
so if you are not we we have to straight
2:42
away have to put it them okay you just
2:45
copy and put it them AI doesn't know uh
2:49
at whom act as whom how to work with so
2:53
you have to clearly tell them like this
2:55
after that you already generate the
2:57
prompt here. You just copy this link and
3:00
paste it over here.
3:04
Create a clear uh simple HTML 44 for
3:07
your website for school student include.
3:08
These are the these are the pages
3:11
with with basic CSS style. So click
3:14
create.
3:17
Now you can see
3:19
how it's professional. Uh here features
3:23
these are the pages. These are the
3:24
quotes.
3:27
Okay. So these are the course. So I'm
3:30
going to this code snip we just copied.
3:32
I don't know how the output will be.
3:34
Okay. So this one pages are designed. So
3:37
what I'm going to do is I have I already
3:39
open the VS code editor. If you if you
3:41
don't know the editor which are which
3:44
editor we have to use to write the code.
3:46
Okay. You have to go to that uh Google
3:49
and type visual code.
3:57
code. This is the editor where we have
3:59
to write the code professionally. You
4:01
have download and installation. After
4:03
install them, you have to open up. You
4:05
can see this welcome screen. Now you
4:08
have to create this. You already create
4:10
one folder. Okay. Here I'm going to
4:13
create a page which is a index.html.
4:17
Okay. This is the homepage. This nothing
4:20
but index means a homepage. Okay. The
4:23
the thing is the web browser understand
4:25
index which is the page we have to show
4:27
to the user the as a homepage the
4:30
homepage mean this is a home door
4:34
uh if you have a home there is a main
4:36
door like the main door which nothing
4:38
but a index html of the website this is
4:41
the main door of the website it's called
4:43
as index html you paste that particular
4:45
code you can see that one this code now
4:49
I'm going to go to here this is a page
4:51
I'm going to okay so you have to run
4:53
So I I haven't saved them.
4:56
Save it. I can run them here. This is
5:01
simple portfolio website. Simple one.
5:04
Here you can see about me
5:07
skills.
5:09
This one
5:11
simple your portfolio page you have to
5:13
create. Okay. You will be able to create
5:14
this here. It's a mobile friend. It's
5:17
work as a mobile friend as well. Okay.
5:20
So this kind of simple things we have to
5:22
created. Okay. This code I haven't
5:24
explained. Okay. So just I have
5:26
explained how to get the help from
5:29
uh
5:31
AI. So if you are not aware about that
5:35
how to type the prompt it it's not
5:39
coming act actually that AI tool doesn't
5:41
understand. If if if not understand how
5:44
can how would be generate the output as
5:47
as requested. We it cannot uh it it
5:51
cannot produce the output as we
5:54
suggested. We have to tell them the
5:56
correct way then only they will be able
5:57
to get the output as we suggested. Okay.
6:00
So that is a things we have to know.
6:03
Okay. So now I want to tell them again I
6:07
want this
6:10
page more
6:13
beauty more more
6:16
attractive way
6:23
and use
6:26
beautiful
6:30
use the uh and uh attractive
6:38
attractive and colorful one.
6:42
Colorful one.
6:44
I want this page more attractive and
6:48
colorful one. Okay, that's it.
6:54
Now here
6:56
if it is improvement, they tell them
6:58
what are the improvement AI
7:01
done. Okay. So, uh this is this this how
7:05
that the basic style it is implemented
7:07
from AI. After that once we go through
7:11
that website we have we have to improve
7:14
some we have to enhance some uh coloring
7:17
part of the website. We have to tell
7:19
them again clearly I want this page more
7:21
attractive and colorful. It it it is
7:25
enhance the design more colorful way
7:27
like this. Okay. Now let's again copy
7:31
simply back to my website and control A
7:34
to select your delete them again you
7:36
paste them instead of that control S to
7:37
save bring back to the application and
7:40
check it is a colorful one okay it added
7:43
some colors here you have to if you are
7:46
a logo you have to mention the logo this
7:49
is a colorful one here totally the color
7:52
colorful has been changed
7:55
it's a colorful one So what what you
7:59
tell according that according that the
8:02
website is according that they will be
8:05
generating the answers. Okay, this is
8:08
very important stuff. This how we have
8:10
to get the help from AI to get the
8:12
website very professional. Okay, you
8:15
have to when you make the website you
8:17
have to consider these are the things.
8:19
This is must. There are people who get
8:22
the help from uh they are doing the
8:24
website using AI but ultimately the
8:27
result is poor because they don't they
8:31
don't know how to type the prompt
8:33
correctly. Okay, you just type create a
8:36
website. We we can't get the best
8:39
output. We what we request we can't get
8:43
the proper response because we have tell
8:45
them the very clearly then only we can
8:48
get the uh output as we requested. Okay.
8:51
So we have to type this kind of prompt
8:57
very clearly. We have to tell them the
8:59
to a uh tool very clear way. generally
9:02
we will be get the expected answers.
9:05
Okay, this is the very good thing. Thank
9:08
you for watching.
#Jobs & Education