web design software pc world
hello! today i am going to show you how tosetup and build a responsive website from start to finish, without needing to learnany code or html whatsoever. before we get started, i do want to say a couple thingsabout the video. i'm going to go through the entire processand this can be a lot of information. so, feel free to pause the video or rewind itif you need to. in fact, you can open a new browser tab and follow along so by the endof the tutorial, you'll have a full responsive website set up on your own domain! you only need two things to setup and buildyour 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 touse we'll also need to select a company to purchasea 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 quicklymake 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 youimport 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. thatmeans you can register your domain name there. they also offer hosting, but we're not goingto use that since we'll be using duda.
godaddy is the world's #1 domain registrarwith over 12 million customers and like duda, godaddy also offers phone support so let's get started with the our websitebuilder: first we'll go to dudamobile.com and when you land on duda's homepage, clickon 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 layoutsimilar to the site you want to build. don't worry if it's not perfect, you can adjustthis later.
i'm going to pick the amelie photography template. and now we can choose between creating a newsite from scratch or entering your current url, to pull existing web content into thetemplate. this is a cool feature if you have an old site you want to get your picturesand text from. or if you have a business facebook page. for this tutorial, i'm assuming that you don'talready have a website, so let's just click start with template. duda will take a few seconds to build ournew website. so we've landed inside the editor, and wewant to see what duda has given us to work
with. as you can see, at the top we have a placefor 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 tobetter suit the screen size. and as we move to mobile, you can see thatimages have been optimized for the small screen and the layout has become vertical. we can even see what the site will look likein 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 separatewebsites, 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 ofthe website. i'll enter some new text here. pretty easy isn't it? to add new content, click the add elementsection on the left. select a type of element, then drag and drop it into your site. youcan easily add images, text, image sliders, videos, and a whole lot more. this next feature is my personal favoritewith duda. so, your duda site is laid out into rows and columns. and you can add entirerows 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 greatlooking website. i'll drag a few more in so you can see what i'm talking about. this justmakes building a website super fast! you can see there's a lot of them, and they are allfully responsive too. very cool. alright, there's a lot more you can do herein the editor, but i think those basics will get you started. i'll let you play aroundin here on your own. spend a little bit of time adding your info to your site, and whenyou'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 thepage, and you have to use a subdomain of dudaone.com - which is totally fine if this just a personalwebsite or for a club or something like that. if you want to remove the banner, use a customdomain, or get the phone support the business plan is the way to go. at $7.50 a month it'sa 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 canedit the content for desktop, tablet, and mobile per device, and you also have accessto a css editor.
i'm going to choose the business plan, butthe purchase process will be the same for each. ok, so now we choose whether we want to doa monthy or yearly plan. i recommend leaving this as annual because then you get the lowestprice. 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 informationand 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 functionalwebsite. but, i want to use my own domain name withthis website, so let's go over to godaddy.com and buy a domain! just type the domain you want into the bigsearch box to see if it's available. we'll do websitevideotest.com, and great it's available. now godaddy will show us some options forthe domain. the first option is privacy protection. ihighly recommend spending a few extra bucks and getting this. otherwise, anyone can doa simple whois lookup on your domain and get your address, email, and phone number. youdon't need the business option, just the first
one. we don't need to worry about buying a websitebuilder 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'sno 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 thedomain 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 proceedto checkout. i'm a new customer, so i'll click continueto create an account. let me enter my personal information ok, everything is entered, now we'll clickcontinue 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 builton 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 hoursfor your website to appear online properly, so be patient. first, let's go back and tell duda about ourdomain. remember this screen? just click "change siteaddress" click to use a domain you already own, andenter your domain here. when you're done, click save.
duda will show you generic instructions, oryou can select godaddy from the list for specific instructions. i'm just going to show you howto do it right now though. let's head back to godaddy. go to the domains section, find your domainand 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 settingstab. in the forwarding section, click "manage"under your domain. click to add forwarding. type in www.yourdomain.com, and leave therest 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 republishyour changes will go live on your domain automatically. and, that's it! the links to duda and godaddyare in the description. i hope you found this video helpful. if you did, please click thelike button and be sure to share, bye bye!
Tidak ada komentar:
Posting Komentar