How To Create A Website in 30 Minutes With No Web Design Experience

How To Create A Website in 30 Minutes With No Web Design Experience


Hello and welcome to another Easy Web tutorials video tutorial. In this video tutorial, I’m going to be showing you how to create a website using an easy to use drag and drop website builder. Right, so before we actually start on this tutorial, I just want to show you the recommended viewing settings for this video because we actually record all our videos in HD quality. So it helps a lot if you go to your viewer on Youtube, go to settings, set it to at least 720P or higher, and also enable Theater mode so it’s a little bit bigger and everything’s a little bit more clear. You can also enable subtitles if you need them. Okay, so the first thing we need to do is to actually signup for the tool, and to do that, we need to go to our web browser, go to our URL bar, type in, http://websitecreator.xyz and press enter, and that should take us to the website builder website. Now, to sign up for a free account, just click on, “Start Your Free Website” on the homepage, enter in your information and then just press, “Let’s Get Started” Okay, so now we’re on the, “Choose a template” page and this is one of the most important steps building a website. You got to pick a template that you really like and you’d like to modify for you website, now you might find a template that fits your website perfectly. For instance, I’m going to be creating a website for a plumber called, “John’s Plumbing” and for that, this template here would be absolutely perfect because it’s actually for a plumber. If you click preview, I could have a look at it and this website-see it looks good, and it’s actually for a plumber so it fits my website perfectly but that’s not actually too important because you might find that there’s no template that fits your website exactly, and that’s okay because all you need to do is search through and find a template that you’d slight look of, it doesn’t matter if it’s relevant to your website-what you want your website to be. As long as it looks good, that’s all you need. So for instance, this locksmith template here, let me preview that and see what it looks like up close, and I think it looks quite good, I think this would make a nice website for a plumber if we did some modification. So close that and I’m going to select this template and edit, so edit and now this should load the website editor so we can start editing that template. Okay, so there’s a few basic things we need to learn so that we can just freely create our website. The first thing we need to learn is how to edit text. Now, this is incredibly easy, all you have to do is to find some text that you want to edit. For instance, I’m going to edit this text here, and you click on it and then you go to edit text and then you can change it to whatever you want to change it to. So for instance, I’m going to change it to, “Looking for a professional plumber?” There we are and then click off that to save it and then don’t forget to save up here as well. It’s as simple as that, okay, good. You can do that with any text on the template, just click it and you might have to click twice to select it, click it and then edit text. You can also just double-click on the text editor as well, that works as well. Now, the second thing we need to learn is how to edit images. All you have to do is click on the image, go to “change image” and then, you can either choose from the stock photos that they provide for you or you can go over to, “User Images” and then go on “Upload” and I’ve got a picture ready here of my plumber for my plumbing website. Select the picture you want to upload and press “Open” that should upload the file and then once it uploaded this, click on here to select it and it changes the image, simple as that, and you can also resize images if you want but I quite like how the size of that is at the moment. Okay, so the next thing we need to learn is how to delete an element from the page that we don’t actually want. Now, say for instance, I only actually want 1 of these elements here on this free elements, I don’t actually want the fast response one. So to delete that element, all you have to do is click on it to select it and then press the delete key on your keyboard or click on the little trash can here that says, “Delete” and that’s that. The next thing we probably want to learn is how to reposition elements on the page. Again, very simple, click to select, drag it across and reposition it however you want, it’s an incredibly tool to use. There we are, and if you do anything that actually you didn’t actually want to do, there’s an undo button here. So say I actually did want that extra element, I can undo all this just by clicking on the undo button and everything’s back to how it was. Next thing we’re going to learn is how to add an element to the page that isn’t already on there. Say for instance, you want to add an image to the homepage but there’s no images to edit so you need to add a new one. All you need to do is go over to “Add” and then select the type you want to add, in this case it’s going to be “Image” and then I’m going just use a stock photo for this example, I’m going to put this image on the homepage. So you click on the image you wanted to add and then just select where you want to put it and press it again. Now obviously, this looks a bit wonky so I can reposition this text, I got to leave some of that and just move this out of the way and there we go. You can also resize the image as much as you want, simple as that. Right, so now we know how to add images to our website. Okay, so the final we got to learn before we actually start creating a website is how to manage pages. Now, to do this, all we have to do is go to the Pages menu and then go to “Manage Pages” and now from this page, you can do a variety of things, one of them includes changing the actual names of the pages. So say for instance, you didn’t want this to be called “Contact” you want it to be called “Contact Us”, you can do that. Just remember to click “Save” and then it will update the name of the page on your website. Now, if we go back to “Manage Pages”, we can also add new pages to my website by clicking on the “Add Page” button up here, we can now name this page whatever we want. So for instance, I’m going to call this page, “Blog” and you can also change the order in which the pages appear on the main menu on the website. So for instance, say I wanted the Blog to appear after the About Us, you can just drag that into place. You can also create submenus, so say, I actually wanted the Blog to appear in a submenu of About Us, I just drag slightly to the right until the rectangle highlights underneath the About Us, and then I let go and that creates a submenu on the About Us for the page Blog. Let’s press “Save” and then we can preview our website and if I hover About us, there should be a subpage called “Blog” which is our new page. Right, so that’s that. Now we know how to edit pages and we know how to add pages to our website. Okay, so at this point in the video, it’s probably a good idea to remind you to save your website so we don’t lose any of the changes we’ve made so far, and click “Save” on the top and that should save your website and click “Ok, Got it!” Right, so it’s actually about time we actually start changing our website properly and we start editing all the text, all the images so that suites the website the we actually want to create. So, let’s begin. Okay, so I’ve actually sped up the video now because using this tool is so easy and so intuitive that there’s really no need for me to actually show you making the website in real-time because all I’m doing is using the skills that we’ve learned in the last couple of minutes to edit the text, change the images and also drag a few elements around so they look better. Now, a few things I wanted to say, the images you use in your website can be the ones that you take yourself or you can use stock images. Usually, they’re quite expensive but I’ve included a list of free stock image websites in the description on this video, so feel free to check them out. I’ve also included one paid stock image website as well which is quite good, it’s the one that I mostly use. It’s the one I use for all the images on this actual demonstration website, check that one out as well if you got some money to spend, and if you struggle with creating content for you website and like you’re not really sure what to write or you know, something like that, try Googling for other websites that is similar to yours and having browsed them and using them for inspiration for your own content. If you’re not very good at spelling or grammar, check out the software in the description as well I’ve linked to, it’s called Ginger and it can actually check your text and fix the grammar and spelling issues in your text automatically. It’s a very intelligent tool and I use it quite a lot just to make sure that I’ve, you know, got everything right. It’s also very useful if like, for instance, English is your second language and actually fixes all of the, you know, grammar issues that come about when you’re learning a second language and you know, you’re getting mixed up more than not. But yeah, lastly, what I actually recommend to you right now, if you haven’t already taken action right now, put aside half an hour of your time and click on the link on the description, signup, select a template, start actually making a website and in half an hour, you’re going to have a professional-looking website. Just don’t put it off because a lot of the time, you know, you might be tempted to, “I’ll do it later.” or something like that. It’s always tempting, you know, half an hour of your time is like 1 TV episode and you’ve got a website – a good looking website – that you can then use to get more customers to your business or whatever you want to use your website for. I’ve actually sped up this recording obviously but the actual development time for this website was only 25 minutes. So that’s really not long at all and you know, I was just making some stuff up obviously but if you actually know that you’re writing about, it should take you a lot less to actually come up with the information for the website. Now, at this point, you could either watch me create the rest of the website or you could skip ahead to the next part of this tutorial and I do recommend that you watch the last part of the tutorial because I actually show you how to get a 50% discount on the upgrade for website builder. You don’t need to purchase the upgrade, you can just stay with the free version but the upgrade is very cheap, and also it comes with a lot of great features. Everything that I teach you to how to do in this video is available in the free version of website builder so don’t worry about that. But if you did want the extra features then I’ll show how to get a 50% off on that. If you do want to skip ahead to the next part of the tutorial, I’m going to put a time stamp in the description so you can just click on that and it should you to the next part. #[music 13:50] Okay, so now we’ve actually completed building our website. We’ve changed the all images and the text and all the other content as well so they actually suits the website that we’re trying to make. The first thing you probably want to do is actually publish that website to our free subdomain, and to do that, just go to the “Publish” button and click on that and then click “Yes” and it should publish your website, give it a few seconds and now you can click “View your Website” and that will take us to our subdomain and we can have a good look at our website and make sure everything looks perfect and I think this one looks okay, looks alright, yeah. Once you’re happy with the way your website looks, you might want to think about getting a proper domain name for your website. For instance, like I might have johnsplumbing.com or co.uk instead of johnsplumbing.my-free.website. If you want to do that, you do have to upgrade your account on website builder but there is-quite affordable, it’s a low monthly payment and also, I’m going to be showing you a little trick to get you 50% off when you upgrade to a premium account. Okay, so to upgrade your account and get your 50% discount, all you need to do this is to go to the URL bar, type in http://websitecreator.xyz, press enter and that will take you to the “Manage My Websites” part of website builder and you should also automatically apply a 20% discount to your account. Now I’ve actually got 35% here but that’s just because I already have that discount before I went on that link but you should get 25% discount when you go for that link. Now, the next thing we need to do is go over to the “Upgrade” on our website, click that and that will show us the payment plan. Now, this is the trick to get a better discount, press the Back button on your web browser and a little dialog should come up and it should say, “Activate a special 50% discount now, just click stay on this page.” So click “Stay on this Page” and it should come up saying, “You have a 50% discount now.” Now, you actually have to do this twice to get the 50% discount. First of all, it’s 20% if you go for the link and you do it again and you get a 35% off and you if you do it again, you get 50% off and that’s that. So 50% discount, we can then close this and click “OK”, we can reload the page and we’ll have a 50% discount. Okay, so now we’ve got a discount, I just want to explain some of the packages they have available. There’s the Personal package which is the cheapest and that includes a free domain, free hosting and you get some free Ad Credits so you can advertise your website, and that is only about £4 per month. If you pay for 2 years it’s £4.97 if you pay for 1 year and £5.59 if you pay for 1 month, and obviously, used to be more but because you get a 50% discount, it’s actually quite cheap now. The second plan is Pro plan and that’s slightly more expensive but you do get a mobile version of your website and you get SEO Marketing help and that’s actually really useful to have especially if you’ve seen as mobile devices like the iPhone have seen a massive increase in popularity lately. So it’s a good idea if you make your website mobile-compatible and buying the Pro version of the website builder will give you that. There’s also the Premium option which is a little bit more expensive at about £8.70 per month. That includes all the other stuff: free domain, free hosting, free Ad credits, SEO Marketing help and mobile sites but you also get e-mail assist and priority support. If you’re someone who is perhaps not that good with computers, I will recommend that you do get this because they do have some excellent support at website builder and it’s worth paying the extra couple of quid if you’ve always got someone to help you if run into a problem with your website or something like that. All this plans remove ads and it’s very easy to setup, just enter in your billing details and your card details and select “Upgrade Now”. That’s all you need to do and then you’ll be able to attach a domain to your website. You also get a list other features but I’m not going discuss them at the moment, I’m going to be making separate videos for all of the advance features that you get access to once you upgrade and I’ll be including them on this channel and I’ll probably put them inside some sort of playlist, and link to that in the description if you want to check those out. Thank you for watching this tutorial and if it was helpful at all, please don’t forget to press the Like button and leave your comment in the comment section below. Also, don’t forget to subscribe for more website builder related videos and we also release a ton of tutorials in all sorts of different topics. If you feel that something wasn’t properly explained in this tutorial or you have another question about website builder and you’d like some advice, feel free to put a comment in the comment section below or send me a direct message. If you follow this tutorial and you’ve created your own website, please feel free to post that website in the comment section below so everyone else can take a look at it and perhaps draw some inspiration and maybe offer some constructive criticism as well. So that’s it for now, I hope this tutorial has helped you in some way. Don’t forget to like, comment and subscribe and I’ll see you on the next tutorial. Goodbye.

Comments

  1. Post
    Author
  2. Post
    Author
  3. Post
    Author
  4. Post
    Author
  5. Post
    Author
  6. Post
    Author
    yass ine

    lets say i build the website here but i need to host it in another place is there a way to extract all the website files and upload them on another hosting website?

Leave a Reply

Your email address will not be published. Required fields are marked *