Web Design Course How to Make a Website Simple & Easy



Watch how you can make a website in 10 Mins – with 5 Simple steps.

By following this Web Design Course, you can make ANY kind of website, just by using “DRAG & DROP”

Table of contents:

00:00 Intro

00:32 Pick a name for your website

00:52 Get hosting & domain

02:48 To install WordPress

04:30 Install a new theme

07:11 Edit the Content

We’re going to build our website by following these 5 steps.

So, Let’s Start.

Step 1: Pick a name for your website

First, you need to go to: @website/ and then pick a name for your website.

This will be the domain name of your website.

So, pick one and check whether it’s available or not! Once you get it, you can go to the next step.

Step 2: Get Hosting & Domain

Hosting & Domain are the two things that you need, for launching your website.

Hosting is the place where your website’s files get stored and Domain is the name of your website.

So, get your hosting with free domain (by paying 99 rupees per month) and once you’ve completed the purchase, you can then continue.

Step 3: Installing WordPress

To Install WordPress, go to your hosting account and click “Managed WordPress.” Create a WordPress Login by entering a username and password. (This will be used to logging into WordPress)

After the WordPress Installation is complete, you’ll then be taken to your WordPress Dashboard. Now, this is the place from where you’ll be controlling your website. When you reach this page, your website will be LIVE! So, you can quickly check it, by entering your domain name.

Now, to visit your WordPress Dashboard again, you can just type: yoursite.com/login.

Your website will now have a default WordPress Theme. You can change it, by going to the next step.

Step 4: Adding a New Theme

You can install a new theme by going to ‘Themes.’ You can install the Astra theme (To get pre-made website designs with demo content)

Also, install the Astra Sites Plugin (which comes with the Astra theme) that will make it easy for you to customize your site. You can install this plugin, by going to ‘Plugins.’

Now, this plugin has a set of designs for your website, which you can choose & then apply it to your site.

To choose the designs, you can click ‘See Library.’ Now, before you select a design, make sure you click ‘Elementor’ which will make it easy for you to edit the design.

So, choose the design and import it to your site. Once, you’ve got the design with its demo content, you can then go to the final step.

Step 5: Editing the Demo Content

Editing a page is very very easy. To edit a page, just go into the page that you want to edit and click ‘Elementor.’

You’ll then go to an editing section. Now, to edit any text, just select it, and type anything you want. This process works throughout the website.

This is how, you can edit any page you want, using Elementor. Now, if you want to edit the header and the footer area of your website, you can simply click ‘Customise.’

After you click,’Customise.’ You’ll see some blue icons on the page. To edit anything, like the logo or the menu section, just click the blue icon and make your changes.
The same works-out in the footer area, also.

Now, to create a new page, you can use 2 methods:

1) Create your OWN page by dragging and dropping elements using Elementor.
2) Use pre-made designs using Templates.

That’s it! This is how easily you can launch your website. So just,

– Get your Hosting & Domain
– Import the Demo Content
– & Edit it to make your OWN Website.

Hi guys, In this Web Design Course I’m going to show you how you can quickly make a website. (in just 10 mins) Now after watching this video, you will be able to make any kind of website just like this, by using drag & drop. So, don’t miss this video out and watch it till the end, to learn how to do it. Okay!

Now we’re going to do this in just 5 steps! Ok! So the 1st step is to pick a name for your website. Now, I already have picked a name which is “quicktechy.

com” So I’m going to search for it… And then click “check availability”. Okay, so you can see that the name is available.

Once you get the name, you can go to the next step, which is to Get hosting & domain. Hosting & domain are the two things we need for launching our website. Hosting is the place where your website’s files will be stored Domain is the name of your website So to get hosting & domain, let’s scroll down…

and click get hosting… This will take you to godadddy.com, where we’re going to buy the hosting.

So let’s, click ‘get started’. Now enter the same name which you chose earlier. So I’m going to enter quicktechy.com..

. And then click search. Now click select & continue.

Okay! So, this is our cart.

Now if we change the duration from 2 years… to 1 year..

… You can see that, we’re getting the domain for free. So, now let’s proceed to checkout.

Now Godaddy will ask you login. So let’s click create account. and fill in these details. Now enter any 4-digit number for the pin And click “Create Account”. and then continue filling these details.

Now, choose your payment option, and click continue.. Okay! So let’s place the order.

and make the payment. So I’m going to quickly complete the payment! Okay! So now we’ve completed the payment & we have got our Domain & Hosting. Now let’s go to STEP 3, which is to Install WordPress.

Now we’re going to use wordpress because it makes it very easy to build a website without knowing any programming or coding. So let’s install wordpress, We’re going to scroll down & then click managed wordpress.

Okay! So we’ll click here, and then click get started. Now just select your domain.

and.. click next. then again click next Now you need to enter a username & password for wordpress. You will need this to login into wordpress So I’m going to enter my name and password and click install.

Okay! So wordpress is installed! Now, let’s click ‘get started’. and then click no thanks..

. and okay. Okay, so this is our WordPress Dashboard! Now from here you’ll be able to control your website.

Now if you want to access the (wordpress) dashboard anytime again, you just simply go to your website address and type \login Okay.

So, once you reach your wordpress dashboard, This means your website is LIVE. So to check that let’s go to our website address And press enter Now as you can see… our website is LIVE!

So! This is how, the default site, looks like. So next, In order to easily edit our website, we’re going to install a new theme. So the new theme is called “Astra” So to install the theme, let’s go here..

. and click themes. now click ‘add new’ and search for…

Astra. So we’re going to install this theme. Just click install. and click activate. Okay!

So the theme is activated. Next, we’re going to install a plugin which comes with this theme. So by installing the plugin we’ll be able to easily customise our theme. So to install that plugin, let’s go to plugins. And then click ‘add new’.

Now search for a Plugin called ‘Astra’, And then install this plugin..

So click install. and then click activate. So the Astra Sites plugin is now installed!

Now, This plugin has a set of Designs for your website, which you can choose and then apply it to your site. So to see those designs let’s click see library. So these are the designs. Now, before you choose a design, Just click elementor. this will make it easier for you to edit the design So click elementor and now you can choose any design you like.

…. So, I’m going to choose this design.

.. And you can see how the site look like! If you want to apply this design to your site..

pexels photo 251225

 

. Just click install plugins. and then click import this site. Now the design and the demo content will be imported into your site Once its done! We can now see the site So let’s click “view site”.

Okay! So as you can see, the demo has been imported into our website. and this is how it looks. And you can also see these other pages which also has the demo content..

.. So, Once you’ve got the design into your site You can now go to the final step which is to Edit the content. So, To edit any page of your site.

You just have go into the page and click Edit with Elementor.

So let’s say you want to edit the homepage, You just simply click home… And then click “edit with elementor”. And now you will go into this editing section.

So let’s say you want to change the text here. you just select the text, And then start typing anything you want So I’m going to type (Hi! Welcome to my website) And now if you want to change the text on this button. You just click here..

. And change text on this button here So the same way, you can edit any text you want on this page Just select the text. And then start typing. So this works throughout the website. Now if you want to change this image, You just click it.

Select the image here. And drag & drop your image. So once you’re done with the changes, you can simply save the page, by clicking “save”. And all your changes will be saved. Now you can view the page by clicking here and then click view page.

So, you can see that all our changes are here… Okay, so now you know how you can edit any page of your site! Next we’re going to see how you can change the Header.

.. Or the footer area of your website. Now by using elementor you will able to change this part of your wesite. But if you want to change this area, which is the header.

you can do it by going into the customize option.

So let’s go to customize. Now you can see that there are some “Blue icons”. Now if you want to change this logo, just click this “Blue Icon” and you can change the Logo here. Now the same way you can change the menu section by clicking these icons.

So everything can be edited by using these blue icons. and this will be same in footer area also. So let’s say if you want to change the text. You just click this blue icon and start typing anything you want. Once you are done with the changes, just click “publish” and they will be published on the site.

Now lets’ close this and go back to our site. Okay! So we saw how to edit the header & footer area. Now, what if you want to add a new page? It’s very simple.

All you need to do is, you need to go into this new, And click page. Now let’s say you want to create a service page for your website you need to first enter a title.

And now to start creating a page just click edit with “Elementor”. So now, it will take you to the blank section and now you have two options to create your page. First you can either use these elements which are over here.

and then drag and drop them into this area. So for example; if you want to add a heading you can drag and drop this element here. and then enter your text. And to add an image you can drag & drop this element. So drag & drop here and start creating your page!

Now the other way to create a page… is by using templates. Now templates are ready-made pages which you can import into your site.

So let’s click “add template” and you will find a lot of designs here. Now if you want to use any designs, simply click it. See how its look like. And if you like it, just click insert to get it into your page. And now you can see that we’ve got the design into our page.

Now again like we did before you can change anything on this page, Just by selecting it and typing anything you want.

This is how it works. Once you are done with the changes, click save and view page. That’s it guys! This how you can add new pages to your site.

So now you know, How you can launch your site, By getting domain & hosting. Import the demo content. and then edit it to make your own website So if you’re ready to start making you own website…

Just click here. It will take you to the page which we say in the first step which was choosing your domain. So just pick a domain and build your website.

 

Read More: Landing Page Design. The Perfect Structure (With Examples)

You May Also Like