Hello! Today I am going to show you how to
setup and build a responsive website from start to finish, without needing to learn
any code or HTML whatsoever. Before we get started, I do want to say a couple things
about the video. I’m going to go through the entire process
and this can be a lot of information. So, feel free to pause the video or rewind it
if you need to. In fact, you can open a new browser tab and follow along so by the end
of the tutorial, you’ll have a full responsive website set up on your own domain! You only need two things to setup and build
your website. A website builder and a domain name. There are only 3 ways to build a website.
You can code it yourself, pay someone to build it for you, or use a website builder service.
We’re going to use a website builder today, because it’s inexpensive and really easy to
use We’ll also need to select a company to purchase
a domain from that’s both inexpensive and reputable. So here’s what we’re working with today: For our website builder we’re gonna use DudaMobile.com Duda is a website builder that lets you quickly
make a website without needing to know how to code.
The websites are responsive, and work on desktop, tablet, & mobile. And Duda has a cool feature that lets you
import content from other websites that you might own or your Facebook page. Duda has been around since 2009.
And they’ve been featured in TechCrunch, Website Magazine, and Top 10 Reviews.
And Duda also offers phone support, so Duda is definitely a great company to work with. For our domain we’re using GoDaddy.com GoDaddy is primarily a domain registrar. That
means you can register your domain name there. They also offer hosting, but we’re not going
to use that since we’ll be using Duda. GoDaddy is the world’s #1 domain registrar
With over 12 million customers and like Duda, GoDaddy also offers phone support So let’s get started with the our website
builder: First we’ll go to DudaMobile.com And when you land on Duda’s homepage, click
on the big button to create a new website that works on all devices. You’ll then see a number of pre-designed templates.
And they’re all really beautiful, take some time to pick a template that has a layout
similar to the site you want to build. Don’t worry if it’s not perfect, you can adjust
this later. I’m going to pick the Amelie Photography template. And now we can choose between creating a new
site from scratch or entering your current URL, to pull existing web content into the
template. This is a cool feature if you have an old site you want to get your pictures
and text from. Or if you have a business Facebook page. For this tutorial, I’m assuming that you don’t
already have a website, so let’s just click start with template. Duda will take a few seconds to build our
new website. So we’ve landed inside the editor, and we
want to see what Duda has given us to work with. As you can see, at the top we have a place
for a logo, a navigation menu, and looks pretty nice so far.
When we look at the tablet view, you can see the navigation has already been changed to
better suit the screen size. And as we move to mobile, you can see that
images have been optimized for the small screen and the layout has become vertical. We can even see what the site will look like
in different smartphone shells. So here we have our three screen preview,
and you can see all the devices side-by-side. It’s important to note these aren’t separate
websites, this is a single website that works on all devices. To show you how easy the editor is to use,
we’re going to change this title. Just double click to edit any element you see inside of
the website. I’ll enter some new text here. Pretty easy isn’t it? To add new content, click the Add Element
section on the left. Select a type of element, then drag and drop it into your site. You
can easily add images, text, image sliders, videos, and a whole lot more. This next feature is my personal favorite
with Duda. So, your Duda site is laid out into rows and columns. And you can add entire
rows with elements pre-configured to look nice. We can drag in some images with buttons underneath.
And look how nice that looks! We can then go and fill in with our content. Using this you can very quickly make a great
looking website. I’ll drag a few more in so you can see what I’m talking about. This just
makes building a website super fast! You can see there’s a lot of them, and they are all
fully responsive too. Very cool. Alright, there’s a lot more you can do here
in the editor, but I think those basics will get you started. I’ll let you play around
in here on your own. Spend a little bit of time adding your info to your site, and when
you’re done editing we’re gonna click publish, pick a plan and then purchase our website. If you just want to make a website for free,
you can choose the free option – but it will have a Duda banner that follows you down the
page, and you have to use a subdomain of dudaone.com – which is totally fine if this just a personal
website or for a club or something like that. If you want to remove the banner, use a custom
domain, or get the phone support the business plan is the way to go. At $7.50 a month it’s
a great deal. You can use the Business+ plan if you want,
it’s better for users who are more advanced or want more control over the site. You can
edit the content for desktop, tablet, and mobile per device, and you also have access
to a CSS editor. I’m going to choose the Business plan, but
the purchase process will be the same for each. Ok, so now we choose whether we want to do
a monthy or yearly plan. I recommend leaving this as annual because then you get the lowest
price. For the sake of this tutorial, I’m just going to choose the monthly plan. Now hold on a second while I fill out my information. Ok, now I’ve entered my payment information
and I’ll click submit. They will process my payment and success! Great, my site is now live at this address.
And I can start using this website right away, and you can see this is a fully functional
website. But, I want to use my own domain name with
this website, so let’s go over to GoDaddy.com and buy a domain! Just type the domain you want into the big
search box to see if it’s available. We’ll do websitevideotest.com, and great it’s available. Now GoDaddy will show us some options for
the domain. The first option is privacy protection. I
highly recommend spending a few extra bucks and getting this. Otherwise, anyone can do
a simple WHOIS lookup on your domain and get your address, email, and phone number. You
don’t need the business option, just the first one. We don’t need to worry about buying a website
builder or hosting since we already have a better website with DudaOne. If you want to use email with your domain,
you can select this option. It’s not important for me, so I’m going to say no. Now here is where you need to be careful.
GoDaddy will try to make you pre-pay for 5 years of domain registration up front. There’s
no need to do this, so we’re going to select 1 year from the drop down. And there we go. So to review, we have the
domain registration 1-year for $12.99 and the private registration, 1-year for 7.99,
so our total is $21.16 – this is pretty standard. Now we’re ready to buy, so I’ll click proceed
to checkout. I’m a new customer, so I’ll click continue
to create an account. Let me enter my personal information Ok, everything is entered, now we’ll click
continue We have one last chance to review our order,
everything still looks good so we’ll go ahead and buy. Our payment is being processed, and success!
Now I own the domain name. Let’s connect the new domain name with the site that we built
on Duda. Now when connecting your website to your domain,
there’s a couple things to keep in mind You have to connect your website to your domain,
and then you have to connect your domain to your website. I know it sounds confusing,
but I’ll walk you through it step by step. Also, keep in mind it can take 24-48 hours
for your website to appear online properly, so be patient. First, let’s go back and tell Duda about our
domain. Remember this screen? Just click “change site
address” Click to use a domain you already own, and
enter your domain here. When you’re done, click save. Duda will show you generic instructions, or
you can select GoDaddy from the list for specific instructions. I’m just going to show you how
to do it right now though. Let’s head back to GoDaddy. Go to the domains section, find your domain
and click launch. Click the DNS zone file tab. Click the Add record link at the top left. Select CNAME from the dropdown. Enter “WWW” as the host. And “s.dudaone.com” for the destination. Leave the TTL alone. Now click save. And, we’re halfway there. Next click the settings
tab. In the forwarding section, click “Manage”
under your domain. Click to add forwarding. type in www.yourdomain.com, and leave the
rest of the settings alone be sure to type in the www then click “Add” Click save one last time, and you’re all set. Now you can type in your domain in a browser,
and see the beautiful site you created on Duda.
When you want to make changes to your site, just log back into duda and when you republish
your changes will go live on your domain automatically. And, that’s it! The links to Duda and GoDaddy
are in the description. I hope you found this video helpful. If you did, please click the
like button and be sure to share, bye bye!