Build E-Learning platform in few steps using WIX | Amine Mokhtari | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Build E-Learning platform in few steps using WIX

teacher avatar Amine Mokhtari, Developer & video editor

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

23 Lessons (3h 37m)
    • 1. Introduction

      0:48
    • 2. Taking a look of my own website

      5:32
    • 3. Explaining how it works (Free and Paid parts)

      8:20
    • 4. The different items and tools that you can use in wix

      6:13
    • 5. Creating an account

      4:53
    • 6. How to create a logo for the website

      6:32
    • 7. Creating the different pages

      4:22
    • 8. Costumizing the navigation barre

      4:55
    • 9. How to add the contact bloc

      19:01
    • 10. How to add sign in and sign up barre

      9:31
    • 11. How to add the search box

      13:12
    • 12. How to add social media barre

      7:26
    • 13. Filling the home page

      7:10
    • 14. Finishing the home page

      12:27
    • 15. Filling the Photoshop page

      21:26
    • 16. Filling the lightroom page

      18:08
    • 17. Filling the adobe illustrator page

      22:26
    • 18. How to do changes to make your website found in google

      14:54
    • 19. Filling the SEO of each page

      9:18
    • 20. Make the site mobile friendly

      9:26
    • 21. How toget your domaine

      6:57
    • 22. Some methodes to earn money from your website

      2:35
    • 23. The final website

      1:46
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

41

Students

1

Project

About This Class

Hello everyone,

You have some skills and you want to share it with your friends or with the whole world.

And you want to share it in your own platform so that they can visit it and enjoy what you are sharing or even you can make some paid stuff, but the problem is that you don't have any experience in Programmation so this is the course for you, you can build your own platform and for free without any knowledge and faster than you think.

Meet Your Teacher

Teacher Profile Image

Amine Mokhtari

Developer & video editor

Teacher

Hello, my name is Amine I'm a computer vision student I love everything about electronics, coding, and video editing so I created a YouTube channel to share my knowledge then I wanted something big so I started doing courses on Skillshare.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction: Hello everyone. My name is, I mean, I am computer vision students and online content creation. I have been severely websites without coding using weeks, including my personal website. In this course, you will learn how to add images, videos, and how to configure SVO. Then you will learn how to make your websites or by friendly. Finally, we'll learn how to get your domain name and how to earn money from your website's discourse is for anyone who wants to build a website without coding and no prior knowledge is required. By the end of this course, you will have built a fully functioning e-learning platform. So let's get started. 2. Taking a look of my own website: Hello everyone. In this video I will show you my humbled website. Does I have created it using weeks so that you will have an idea about all the things that you can use in your own website. So I will write it like this. So this is my website as I've created a few months ago. So as you can see here, we have these texts, for example, this is buttons, et cetera. That every button in this page will take us to section, for example, I did sections for, for example, C plus plus and another things. It doesn't matter now because I want just to show you the items that you can use, using in your website. There is lot of Eisenstein's I didn't use, but I want to show you just the basics that we need. So for example, as you can see here, the, this is the main page or the homepage. There is three sections in my website than there is here. The contacts reports will start by the homepage, for example, as you can see here, we have this button. If we are using HTML, it will take a lot of times to do this button, for example. And if you click it, you will go to another section. It will take lot of time. But using weeks, it will take just one minute. Two, just take the button from the menu output, put it in your web site. So we will start by this button. For example, I own that if I click on this button, I will go to this two sections. For example, this one for the C plus plus and one for Python. So if I, if I click here, for example, I will see all the sections. Every section for, for example, this is an introduction for C plus plus et cetera. So all distinct or items, I did this, I did it using weeks and I didn't take a lot of time because it is very easy to do all these things using weeks, even if you didn't write any code in your life. So here we have the sections, for example, I will click in this title for example, you will see that it will open it in a new window. And here it will ask, ask me to sign up or login. I did this. I did this using wakes to, I will show you how you can do this for example. So I will sign up, just sign-in, sorry, I have to sign it login. Using Gmail. As you can see here, you can use Gmail or Facebook cholesterol. So I will use this one. Now. After. This one, after does I have login in my website using this email address? Now I can, for example, I had access to any course I have. For example, I will take this one. You will see that I can see, for example, here we had this video, the stags, etcetera, all these things. If I click here, I will go in this link using all this we used, we will take all this using weeks. I am sure that you will find this very easy. Okay? Now I put this buttons, for example, if I were to click on this one, I would go to the next section, which is this one, for example, as you can see, we have text boxes, etc. Than if I were to click on this button, I will go to the next page or section, etcetera. If I will click in this one, the other button, I will back to the previous section, etcetera. Then you can see that we have here the search box, for example, I will search for C plus plus. For example, usually does we have all distinct. Here I will go to this page, etc. Then we have the blog section. You can create any blobby wants and share it with the, with the members that you have in your website. Then we have this Boggs I created this page. I think that's a you can do all listings. And you can see that we have here the supports, contacts reports. You can put here. If, for example, if you have a member that members want to ask you for something, I don't know about it. So for example, here you put the email address and here would be the message. I don't know. Hi, how are you, for example? And you submit it. You submit here the message. This you will do if a member, a member of your websites will rise here, his email address and the message, you will receive his other his message and you can answer it after. I will show you all this, how you can receive messages and how you how you can answer it. Then you can see here we have this social media buttons. For example, if I have, I will click here, sorry. I will go to my YouTube channel. And if I click here, for example, this is my Facebook page, etc. So I will show you how you can do all these things using weeks. And if I right click here in the logo, for example, I will go to this, to the homepage, etc. So stay with me had I will show you how you can create your own website in less than two hours. So I see you in the course by. 3. Explaining how it works (Free and Paid parts): Hello everyone. In this video I will talk about the different sides that we have in weeks. Because there is the free side, which is that you can publish your website for free and you will pay nothing for it. And if you want to add some features. So in this case, you have to pay, are in which they have to upgrade your website. In this case, we add some features in your website. So I will show you, for example, this website is, I created it, it is really empty. It contains nothing, just to show you some things. Then I published this website here, this is the live website, this is the link, etc. If you will search for it in Google, you will find this because it is life. But there is some conditions. As you know, nothing is free. If you want to have storage for free, you want to have your own website and you will bring in some few hours. You can use free, you can use wigs, and you can use it for free, but you will have two things. The first thing is this band at band for weeks and this domain here in the link. Because you are using a free, the free offer of weeks. In this case, they have to do something to have money from you. It is not directly, but they have to put this ad and this domain, which is that domain. So if this band and this domain doesn't matter for you, in this case, you can use weeks and for-free, always, for free with your videos, your pictures, etc. But if you don't like to have this one, you don't have, you don't like that. Your visitors or users will see this band and this domain. In this case, you have to connect your own domain and you have to remove this one. But to do that, you have to, as I told you, you have to upgrade, upgrade your website. In this case, you will pay some donors. I will show you the different offers that they have in here for weeks. So this is the, we have this one for $4 and here we have four Euros. And you have here for €8 here 1224. We will start by the cheapest one to this one. As you can see, if you will use this offer, you will have one gigabyte for bandwidth. Bandwidth means that if you have, for example, if 100 people or users that are using your websites in the same time, if you don't have really good bandwidth here, your websites, we have some problems because it doesn't, it doesn't, it doesn't care. It can't have all these users in the same thing. It's inside time, sorry. Then, for example, in this offer, you have here two gigabytes. And this, these two offers, you have a limited bandwidth, which means that. You have 100 or 10 thousand users in the same time in your website. That does it is a problem for your website because you have a limited bandwidth. Then here you have, for this offer, you have 500 megabytes for astronomy, which is really it doesn't, it is not very important storage, but it depends to what? It depends too, which kind of website you want to build. So if you will, put just pictures and texas in your website, I think that's five megabytes. It is really important. It's, you can use it because for pictures and text is you don't you don't need really an important storage size tarnish. So then you have here in this offer to, you have, you can connect your domain, which is here if you don't like this were weak site.com. You can connect your website. In this case, you can buy it from waves or you can buy it from another website. I don't recommend you to buy it from from weeks. I will tell you about it later. Then. In this case, if you will use this awful, you have just these three advantages. But you can't remove the bad ad, which is this one. If you will use this offer, you can't remove it because it's, this author doesn't contain this feature. So you will, you can connect your domain. You will have 500 and gigabytes for your, for the storage, etc. But you can't remove this one. Then we go to the next offer, which is this one. You will pay eight your €8 in this case per month by month. Then here in new, if you will use this one, you will have two gigabytes for the bandwidth. You will have three giga bytes for the storage, you can connect your domain. You can remove this band, this one, you can remove it if you will use this offer, then you would have fluid domain for one year. You have this one. They also think about if you will buy your domain from waves. In this case, they will give you one year for-free. But in case if you will buy it from free, but if you buy it from another website, you don't have this one because you have already paid for it in another website that here you have, in this case, true, you have 330 video, a video mere minutes. This one, because there is two types of storage. You have this storage which is three gigabytes for the pictures for the Texas and four videos. There's two kinds of videos in webs in weeks. So this is the first, that is the first time which is included in this tree, gigabyte. And there is another type of videos which is ready, which has good features I will tell you about is after. In this one, you will use this often you have 13 minutes of this video. Then there is this one which is the most popular. And in my website as I have shown you in design, I showed you in the last video, that's, that's websites. I am using this often, which is 20€20 per month. This one you have ten for storage. You have a limited bandwidth and you have ten giga bytes for the storage. And you can connect your domain. You can remove the Wix ads. You will have free domain if you will buy it for free. And you will have this one hour for videos. Here we have just 13 minutes and this one, you have one hour. And in this in this offer, you will see that this one is double of this one. You have 20 gigabytes and you are collecting your domain. And this one is the same thing. You remove this 131 year. And for the videos you have here two hours. But I think that's you in the beginning. At the beginning, if you are just starting your work or I don't know, you don't need to pay all 20, $24 for, for, for, for websites at the beginning. So we can, for example, use this one. After that. You can change it to this one or to this one. But at the beginning you will see with what's kind of working with do and how much storage you need, and how many users you will have, etcetera. In this case, you will decide if you will use this one or this one or this one or this one. But if this domain doesn't measure for you and this band, thus there is a fourier too. In this case, you will get it for free and you will pay nothing. You will just, you will add your staff videos, etc. And you will pay nothing. Just you will have this one and this one, everyone in your website. So that's was the video for today. I've shown you how which with what we have as offered in weeks, What's with us you can use for free and what you can use for, for what you can pay for it to add features in your website. So in the next video, we'll start creating our websites. So I see you in the next video. Bye. 4. The different items and tools that you can use in wix: Hello everyone. Today I will show you the different tools that we have in weeks. So we have this bar which contains here the upper grade section here we have the tools, distributed control, this one, this bar and this one. And we have here different settings that we have a lot of settings here. And we have, for example, dizzy decides if he wants to save or preview or publish, etcetera. We have all distinct here, but you will find it here if in case, then we have this two buttons. For example, if you are clicking in this one, we see the desktop website in the desktop, which means that if you are using a PC or a laptop, USA, USE like this. But if you are using a phone or a smartphone, I mean, smartphone, in this case, you have to make this website mobile friendly means that you will take, for example, in this button and it will do the different, different changes to make it mobile friendly. Then for the moment we didn't, we didn't do anything in the web site, so we can't use this one. Because this step, we'll do it when we finish the website. After we finish the website will use with do this operation which is making every item in his place, in its place, sorry. Then here we have this sections. For example, this is the first section. Here we will control if we want to add a page or control it or make any sittings on each horizontal CEO, etcetera. We will ask you, oh sorry, we will do it here. Then, for example, that is here, this section. In this section we will control the background, which means if we want to change the color or a picture, or we want to make a video for the background or distinct, or we want to customize it, distinct, we will do it in this section. Then here we have this section that contains everything we need to our websites. For example, here we have Texas and different phones, etcetera. Here we have images. We would add images from our, our PC. So upload this on. We have here different things. Here we have buttons for each item we want. For example, there is a lot of things. If you want to add files, then here, here we have this, the galleries. There is lots of types of boundaries that you can use in your website. It depends, that depends to do off-site as you want to create. Then here we have defensive, which means that we have a lot of sheeps, we have arouse, We have a lot of things that you can use. Here. We have attractive like this one I am using in my website as I shown you in the About section. I amazing, like this one. I think this one. But you can, as you can see here, if I reflect it, you can change the pictures. For example, he changed the slides background. You can change it. You can change the Texas, you can change due here would have changed the we will customize the other slide, et cetera, that we have here, the boxes, there is a lot of kind of boxes. You can use it in your website and you can customize it. You can change. On the corners, the shadow, etcetera, the color, etc.. Then we have your trips, scrapes, etcetera. Then here we have, for example, social media. You can use this social media bar and add the links to each icon of this one. And you can use, for example, if you want to use just Facebook, you can use this one, YouTube, et cetera. There is a lot of things that you can do. Here. We have the videos. There is two kinds of videos as I, as I told you that is this one. For example, I will add this here. I will get another time. This one, there is this one. And this is the second type of videos. This one. This video is included to the storage as I have told I told you about, for example, if you are using if you are using weeks for free, it doesn't measure because you'd also have to respect the storage, but you have to respect a condition that any video doesn't doesn't you don't have to. You can't exceed ten minutes of every videos. For example, you have, you want to make a video of one hour, for example, you have to divide it to six videos of ten minutes, exit, etc.. Then we have this one, this one, this is really advantage for videos you can make. For example, if you want to make a video and you want to make it paid video. So you can make these changes, changes here. If you want to add a logo or you want to add your YouTube link or RER, Instagram link, etc. You can add it's in this video. We will talk about it later. So after that we have here, for example, the menu. This is the meaning of the two, sorry, here, the oil ministers we have, but you can always customize. You can change the colors, you can change this buttons, etc. Then here we have the social, the Ituri bow, the contact as I do there is all these things and you can customize it. Then you have, for example here, the embed here, for example, this one. We will use it at the end of this course. Because if you want to add the book, if you want to connect the Google Adsense with your website. So you will use this one. I will tell you about it at the end of the course. Then if you want to add a blog section, you will add is here. Here we have the store if you want to add, if you would create e-commerce websites. So you will have to use this one here we have the booking, etcetera, here we have the members, etcetera. So these are all the tools that we have in weeks. And as I told you, there is just, if you are, if you want to use, for example, at texts, you can just grab this one here and you will make, we'll customize it. You will change the background color, the foreground you will changed. You can add the link, etc. So we will talk about this all distinct when we are creating the website. So I see you in the next video and buy. 5. Creating an account: Hello everyone. Today we will start, but we'll start creating our website, which is e-learning website. So the first thing that we have to do is to create an account in weeks dot-com. So here we have the link Wix.com. You will find this in Google that we will press here gets started because we don't have an account yet. So we, we'd click here, it gets started, or we can click here and it's the same thing, sign-in. We will press the sign-in, then we will choose to sign up another sign. But the the I think that the best thing, true. Press here directly. Gas started. So you can use your Facebook or your Gmail accounts to create an account here in weeks, or we can directly enter an email address with the password, etc. So I created this e-Learning that waves. I created this address, email for, email address for I am typing in.com. Then I will do right is not tire. Yes. He learned that wakes gmail.com. Then here there is a problem. Email Don's much e-learning as I did the message. Yeah. Diamond gmail.com. There's one that he will rest and I will create a password. You can create any password you want. So I will do this one for example. Then. Same thing here. I think this one like this. So we'll press signup. I will save it here. Now here we have created our account so you can read all this stuff. But for the moment I will skip it. Here you have, you'll see that there is to, that is to take two types of the website. You can choose a blank website so that you will create anything in your website by yourself. You would have a white page and you will enter staff as you know, as you want. Then there is the other side, which is you will, for example, the name of, for example, in this case you will enter e-learning, etcetera. So they will give us any examples, some examples about what we want to do, about which category of websites we want to create, etcetera. But in this case, we want to create our websites and we will choose this one starts with a template, a template. So we choose this one. You can choose anyone of these websites that are already created. This, there is some people who created this website and they share it with us. So you can take any one of these websites and edited for your staff, etc. But in this case we will do blank one. So here we will press here black template. If you will, press here, we will have a blank here like this one. This is one, this is a white page and we will make, we put stuff on it. That's what we will use for our class. Then there is all this stuff, but for the moment we will take it blank. There is nothing on it. Then we will create, will put images, et cetera. We'll customize it by ourself. We don't need anyone. You can watch this video. This is a welcome video that will give you some, some, some some help of which of the tools that you have here in weeks does I already talked about it in the previous videos. But if you want to watch it, it is free. You can watch it. I will press this one. So as you can see here, this is the blank page that here we can put anything we want here, we will put the menu here, do it, boosts the logo, etc. So we will, we will stop this video here. Here I have shown you how you can create an account using your email address or you can use Facebook, etc. Then if you want to customize or to wield your websites by yourself, so you will choose here blank template. We will have a white page like this one. Then you will put anything you want on it. But if you are lazy, for example, and you want to take the another, another templates for another person. You can take it and modify it or edit it as soon as you want. Sorry. So I see you in the next video, we will start creating our websites. Stay safe by. 6. How to create a logo for the website: Hello everyone. In this video I will show you how you can create a logo for your website and for, and for free. Because we don't, we want to make a website for free, so we will create a logo for free and simple and easy in two minutes. Okay, so here we have this website which is canva.com. This website has lots of templates for images, etc. So it has a page where you can create your logo for free. There is some premium designs. Battery will take, just designs that are for free like this one, et cetera. So here we have, this is the blank page. If you want to customize your websites, your logo, sorry, by yourself, you can take taxes and sheaves, etc, and makers here and create your own logo as if you want to take one of these logos. As you can see this, all this locus are for free. So you will take one of them and customize it or change colors or texts, etcetera. So for our websites, we will take just this one, for example, will change the text here. I will make it. I will let this E adherers I'm arise learning for e-learning. Okay, so we will make a logo for our side, which has the word e-learning. So I will write here e learning. I will make his fifth. This one is good. 56. I will put it just like here. Now I will change the color of this blue. I want to make it more. I will show you which columns I want to take. We have just replaced on this shape. And here we have this all options. In this case I want to change that. Does the column I will take just this one. I will tell you why after, because I want to make my website here. We just said I would save it. I want to make it with the white and some blue, okay. With, I don't want to make a lot of corners into websites so that it will be very cool. Now, we will take, this is our law. Now we will take this one here. So as you can see, this is our logo is simple and easy for in two minutes. Here we have e-learning. Now if you save this logo, will have it with this white background. So if it is not, it is don't bother you. You can lenses like this, one, like this with the white background. But if you don't want to make it white, for example, if you want to make the background, the background of your websites, for example, black or something like this. In this case, you don't want to make to put the background of your logo. Why'd you wanted to make it, for example, transparent or you want to change it. In this case, I will show you how you can remove the background of your, your logo and for free too. Okay. Now we will save it for the moments I will download it. I would just save it. Now after that, we have saved this. We can use this website. This website is for free, as I told you. You can take here, for example, I will take the image, I think is here, this one. This is our image. This one. Now we want to take him to remove this white white-collar For the moment it is automatically. I don't want to let it like this. I will take this or like this. It is very easy to use this website. Ok. Now, you will see that we have e-learning, but we have no white-collar. We have removed all the y's colon. That's what we want for our logo. Now we have just to download it for another time, like this one. Now we have, we have download this. Now we will open it in. Our website is very easy to open. This is open this as an image. So here we have image. We will open it here. Now upload this one will take it. Here we have our logo, will have wait for it a few seconds. This one, this is our logo. As you can see, if we want to put this in the top of our websites, we can't because this really, we have a lot of here. We have the X is too long, so we have to grab it. I will show you how it can do it. In this one, we will crop this one. Then I will choose it square like this. Then here we will resize it. We will took any size we want. So I will take it like this because we don't need all the space between it. So we'll take just a text like this, one, like this. Ok. Now we'll apply it. Here. We have our logo, we can put it like this or we can resize it, etc. I already sizes because it's very big. Like this one. As you can see here, we have our logo. You can put this here and you can't put it here because this this two lines are the safety lines for our for our websites. Because sometimes if you will put some items here and here in some browsers, they can't see what you, what you put here because it is very big, big, big screen. So in this case you can put just like this one, but I don't recommend you to put it here, for example, because some users can't see it. So I will put it just like this here. So here, as you can see, this is our logo for our website. You can choose any one, any logo you want. As you have seen, you have shown your sorry, here. You can take this top plate or you can customize your work. Your I will just remove this one. If you don't like it, you can remove all these items and you will customize your logo by yourself. You can't put here text. Here we have items etc.. So that was for today. This is our logo. In the next time we will start putting more coatings. Sara, I see you in the next video. Bye. 7. Creating the different pages: Hello everyone. Today we'll show you how you can create the different pages for your website. So for this example, we will take who, for example, when you have someone who wanted to teach the adobe tools, for example, Photoshop, etcetera. Then you want to put some pages and each page, he will do a course about one of these tools. So in our example, we'll take three tools. We'll take Photoshop and Lightroom and Adobe Illustrator. We'll take just these three tools in our course. We will put three pages in each page. For example, here, in each page you may teach one of these tools. So as I told you, we have district pages 1-4 Photoshop, one for Lightroom, and one for Adobe Illustrator. Then we will have another page for the about, for example, if we wanted to take you to write something about you in your website, you would do recreates a page. In this page, you will write anything you want about you or about your website. Then we have the contacts page, but it is not really a page, but for the moment we will put it as a page. Afterwards we will change, will do some changes. So to create a page, we have to click here. We have here page for the moment, we have just one page which is the homepage. Here would do manage pages. In this case here you can create any base you want. For example, here we have at page, etc. We can add folders, we can add links, etcetera. Now we will create a page. Here. We will create the first page, which is this one. As I told you. We will call this, for example, for Photoshop. So Photoshop, this is the first page. They don't create a second one for Lightroom. So here we have light row. Then the third one will be about Adobe industrial nature. Which history? Show this one. Too much for Adobe Illustrator, this one. So we have district pages for each part of the course for him, he wanted to teach photoshop and he wanted each Lightroom and Adobe Illustrator. Then we have to add page for, for example, as I told you for about like this one. Okay, we want at contacts for the moment we let it just like this. Here as you can see here, we have four pages, 45 pages that we have the homepage, we have the Photoshop page, Lightroom and Adobe Illustrator. And about if we want here, we don't want to talk about it for the moment. Every, every settings or SEO, etc. All distinct we will do is here. If you want to name it, you click here. If we want to duplicate it, duplicated, you want to have to, if you will, for example, if it will create this page and you would put some items on it and you want to have another page with the same things on this one. So you will do the same thing here. You would click, click in this replicates. So we will have another, another page. Then if you want to hide this page, you actually just here and you will hide this, okay. I will show it for the moment. Now we have this, all these pages. We'll see for example, here we have the Photoshop, etcetera. As you can see here we have the logo is always here in the same place, even if we will go to another page. Why? Because here, as you can see, when we created this logo, here we have put here show on all pages. If we will take this off, we have this logo just in this page. We can see it in another pages. But for the logo we want to see in all pages. In this case we will put, we replace this button, okay? Now, after that you have created all these pages. We have to add some items on each page, etc. So we'll do this in the next video. We'll stop this, this video in this case here, how to create the pages and how to rename it, et cetera. So I see you in the next video. Bye. 8. Costumizing the navigation barre: Hi again. Now we're creates the navigation bar for our website. The first thing that we have to do, we have, we will just take one of these examples that we have on weeks. Then we will customize it for our websites, for Orfeo, for our needs. So here we have the menu, menu. This is, but this is all the menus that we have in weeks. I prefer to take this one, then. It doesn't matter the colors, etc. We will take it just like this afternoon. We will now we will customize it to change the colors, etc, as to make it for our website. Now, I want to four, as you can see here, we have this pages that we have created before, the Photoshop, Lightroom, etcetera. But we don't want to put all these pages or the oldest buttons in the navigation bar. We want to put just four buttons. The first button will be for the homepage, for example. The second one will be for the courses in this button, which is courses in this button we will make all the sub pages, which is for the Photoshop, Lightroom, etcetera. Then we will put the button for the About page than the last one will be for the contact. Okay, now we start customizing our navigation bar because the first thing that you have to do is to customize it, change the colors, etc. After that, we will link the every, every Bateson read his page. Okay, now here we have this, for example, here to manage all the pages that we want. We will come back for it for this later. We have this one layout of the, if we want to change it. For example, if I want to put this Home button here, so I will just reverse it here, etcetera. Now, what we want is just to, to change the design. So I will click here in this one. Here will customize our design. What I want to do is to put the color of this button. For example, we have here three cases. We have the regular case, which is this one if you have the regular and Hoover and we have the Clicked, which is, I will show you what's in this, for example, this one is declared button. So if we want to customize the clicks a button, for example, the color of the clicks, the button and the text, etc, for the click button will change. We will take it like this one. That here we have, these three buttons are in the regular, but the regular case, which is they haven't clicked on it and we have, we don't put the mouse on it. So this is the regular case. Then we have, this is the hover case, which is when we put the most or the button, we see that we changed the color, etc. So we customize these three cases. In this one here we have designed, for example, as I showed you here, Customize. We have he had a regular, we had we had Hoover and the clicked button. We will start by. The Irish. Regular would put only let it just like this wise, but we will just change the text. I will put its bond like this one. Then. I will even font. I don't like this. I will put this one ok. Now we have, we will change the clicks, then we will come back to the other one. Here we have declared, I want to put this color, same, same like this one. So I will just the kit from color. This one. Okay. Sorry. This one. Here we have much, much of it will just take it like this. Here we have which press add, then we have choosed, we will choose it like this one. Now we have this. When we click the button, we will have this collar. Now we will change the hover here. I don't want it to be like this. I will put it's just like this. Just here. Okay? I will add its and I have chosen it. Now, you will see here we have this is the Connect button. Here we have the hover and regular, like you can see. Now, if you want to change all this, for example, the links, the links that we have in these buttons. Here we will change it in this fear in this page, as you can see here, we have all these pages. Now will stop here. In the next video, we'll start linking every page with its button. So I see you in the next video. Bye. 9. How to add the contact bloc: Hello everyone. Today, I will show you how you can add the contacts block in your to your website. Before that, we will just do some changes in our navigation bar. So the first I, as I told you in the previous videos, I told you that I don't want to see here, for example, the bottom button for Photoshop, etc. I want, I will just put one button here for the courses. So in this course, in this button, it will take me to the Photoshop and Lightroom, etcetera. So we will put all distinct, all these pages, for example, Photoshop, Lightroom, and Adobe Illustrator. We'll put it in a folder. Then we'll put the folder in a button here. I will show you how you can do it. The first thing that we have to do is to manage the menu. So we'll click here, managed the menu. Here we have Homepage, Photoshop, Lightroom and Adobe. And about, I ought to lead about a page as I told you, I will just add here a button. If I click in the button, it will take me to a boat page. Then we will add here in this place Contacts button if I click here. And for example, after the after changes, if I right-click in the button here, which is for the contact, it will take me here in the bottom of our website, which is when we will put the contact block. So I, as I told you, I want to put this page, Photoshop, Lightroom and Adobe Illustrator in a folder, then this folder will be the button here. So to do this, we have just to add fonder here. At fonder. Now we'll give it a name which is courses. Courses. Now we will put all these pages, which is Photoshop, Lightroom, and Adobe Illustrator, which puts all these pages in this folder. So do this. We have just to make the order. I will make i will put the folder here in the butter in top of our pages. Then I will click, for example, I want to put this one in, inside the folder. We have just to put here to click here, and we will make it a sub page. If we will take this page as a sub page, it will be inside the folder. The same thing for this one. Sub page. The same thing for the third one. No problem like this. Now as you can see, we have just the home button and the Courses Button. And about afterwards we will add here the contact button, but not now. For the moment as you can see, we can't see our pages, which is our, the buttons for the pages, Photoshop, etcetera, because they are inside this folder, which is courses. Now, I will show you how it works. I will preview here, here our websites for example, and this is the home page. If I reflect here, this is the homepage. Now, as you can see, if I will put the mouse in this, this button, you see, you will see that we have Photoshop, Lightroom, Adobe Illustrator, etcetera. Which I have just put this three courses, three pages in this folder. Just to show you how we can order it. But I wish in the next videos I will show you a cool seeing how we can put some things here in the homepage. It will take us directly to the Photoshop, et cetera. It would be really cool, but we have to order the pages. So for this, I put it in this folder which is Courses folder. Now, I don't want to, I want to put a link in this logo. As you see. For example, there is lots of websites. If you click in the, in the logo of this website, it will take you directly to the home page, which is the same thing for this button. So we will do it here. As you can see if I click here, I have all distinct. I told you that I want to add the link to this logo. So if I will click in this logo, I will take me to the homepage. So I will click here. Here As you can see here, this is the links. If I will click here, there is a lot of things that I have I can do. I can do a web address link, which is if I, if I reflect in this logo, it will take me to another website or through another link, etcetera. Here we have ensure uncle sorry, info hand here we have the top, bottom. There is a lot of things that, lots of links that we can do to this logo. Same thing for taxes, etc. But for the moment I want to, if I will click in this one, I want to link it with a page which is the homepage. So I will click here, I will choose this one. Then I will choose which is already in the homepage, this one, as you can see here, we have two cases, two choices. Sorry. We can, if I want to, if I will click in this in the logo, it will take me to the home page, but in the same window, which is this one. As if I want to, if I will click in this logo, it will take me to the home page, but in a new window, which is another window here, for example. In this case we will choose this one. But for the moment I don't want to. If I were to flick to the logo, it will create a new window just for to go to the homepage. So I will let it just in the current window. Okay. Now, as you can see, our logo is linked to the homepage. I will show you how it works. Here we have our, our, For example, if I will go to the about for the moment, we can't see the difference because there is nothing in the pages but further modes. As you can see, we are in the About page. If I want to go to the homepage, I can click here or I can click in the logo. If I recollect in the logo, you see that we are in the homepage because we link the logo to the homepage. Now, as I told you, we have, we will create, will create in which we can if nothing. So we just add the, the contacts block because it is very easy. Now to add it, we have just to go in this button which is add here. Now, as you can see, there is all distinct. We are searching for the contact blocks or we have here contacts and forms. I will click here. We have all distinct. As I told you, it is the same thing, like the menu bar, which is this one. You can see you can choose any one of these examples and you can customize it. You can change the color of the taxes, etcetera as you know, as you want. So the first thing I would just pick one of these, of these examples and we will customize it for our websites. So I will take this one, for example. Will wait for it. Now this is ready. It is ready. As you can see, it is in the body of our website, but I want to put it in the photo. So you will put it just like this. And here we have this button which is moved to footer. If I click this button, it will take this context b2, the photo. And that's what we want. So I will just click this one. Here we have this. You don't need this for the moment. Now, this is our contacts block and it is in the photo. As you can see, this one? It is always it is. Yes. It will be shown in it will be shown in all the pages of our website. We can put it just in one page exits that are so in any, in any page in our website, you will see that this contact block, it will exist. Okay? So what I want to do, I want to change the corners, for example, I want to put it in the same thing like this one. So we have to just to, just to click here, and we have all these things to change. That is a sittings, etcetera. But if we want to change the tags or the color, etcetera, all these things are in the design. So if we want to change the color, etc. So we would change the design of this block. So we'll click here design. We have all this data that we have, we had before, but I want to customize my, my design. So I will click here, Customize, now will change. For example, we have the background, we have the submit button, for example, submit, this is, this is the Submit button. So if I want to change the color, for example, I want to put it blue as the first. So this one, I think this one, this is the color that we have. Then I will, I want to change the text. I want to put his black. So here we have color than block like this. As you can see, this is the Submit button, it is black. Okay? Now we have this one I want to make aiming to do some changes. For example, if I want to customize, it's I will change. I want to change this corner. I don't want it. It's black. So here we have this one, the boulder toners to borders. So here we have wondered this is the color black, so I want to change it. I want to make it like this, for example. Okay? Same thing for this one. And here we have this customized design. Then we have the border color blue. The same thing for this one. And design. Here we have border color blue. And for this key, we have customized design border and We changed the color to the blue. And for the last one, the same thing. Where is it customize and border? And we changed the black to the blue. So I am, I am, I am taking this color because I, I unique color forum for this website, which is what we have here blue and here blue, the same thing for this context button block. But you can, you can choose any color you want it to your website. So here we have it, it's this one. I want to change the color, for example, we can put it in the same either, but it is not very good. I would block. Okay. So this is our contacts, our conducts block, and each works. We don't need anything for the moment. If I will show you how to torques. Here we have just to enter the names, for example, the name of firstName than he had last name. He had the email address. And as you can see here, I didn't change the holder of the buttons is always black, but we can, I will show you how you can change it. Then here you can put the name, phone number, and here you would put the message. After that. If you will click in this submit button, it will take the message, it will send the message to the two. If someone, if one of the users that are using your website use this block. So they will have to enter their email address than the phone number for phone number, name extra. Then they will put here a message. In this case, you will receive the message in your e-mail address, which is the image that you use to create your accounts in weeks. Okay, so now we come back here, we have this and actually I don't want to change this column for the Hoover. Customize. Regular, as you can see here, we have the regular Hoover focused and error. If there is some errors. For example, if you don't enter the right email address, in this case, it will give you an error. It will let it, I think that it is already with red. So let it just like this will change just for the Hoover. These have Boulder block will give us this column or yes, I will give it this column. The same thing for the other blocks. We have here, Customize than they have over than the border. Change the blood to this blue. And the same thing for this one. Design customize border, not regular it is over. Then he will put it to the blue. And this one customize regular border to blue. And the same thing for the last one. As you can see, you are not writing any line of code to do all these changes because we don't need any HTML, etc. So we have just some options. We have to change it to make our need. So here we'll review, as you can see here, we have we don't have that blood color. Sorry for this is as you can see here, we have this is the the the regular color and the Hoover. It's the same thing. We have just to change the clicked, the clicks column, which is always in the black. So we can change it as we did before. We have here design time customize. Here we have regular hover and focus. This focus will change it. Same thing here. Give it a blue. And for this one the same thing. We have customized design, regular would have focused than the border. Same thing here. For this one. Customize. Not regularity, focused border, color, blue. The same thing for this one. Regular focus, bolder than blue. And the last one, which is this one for the message, we have like this, who focus is like this obtained. Now, if you see we have this. This is the same color for the focus of and for the regular and formed the hover is the same thing as you can see. Now. I want to put a button here in the navigation bar. So does, if I will click in, this wasn't, it will go to the bottom of our website, which is in this block, which is the contacts block. So we'll add a button here saying contacts. For example, if I will, I will link this button, which is contacts. If I will click on it, it will go to the bottom of our website. So in this case, we have here and navigate menu. For the first, for this one we have, we have created a folder. And inside this folder we have ports all distinct. Okay? Now what I want to say, well, what I want to add, It's just a link. I want that. If I right click in this link, it will take me to this to the bottom of our website, which is the contacts block, okay, but before that we have to add an acorn here. So if I click, I will link the button to this acre, which will take me to the bottom of our website. So to add this, we have just to go here. And then we have here menu, a call anchors here and call this one. So I will take this one. I will put it in the bottom of our website, which is, if I right-click in the button, which is Contacts button, it will take me to this anchor, which is, which is the bottom of our website and which is the contact block. Okay, I will rename it. I really gave it the name contacts, which is for the contact. So we have here a duct like this. So this is for the contacts, so it is in the bottom of our website. Now we have just to add a button here in the menu navigation bar. And we will link this button with this ankle, which is, it will take us to the bottom of our website. In this case, we have the contacts block. So we have same thing here as I told you, we have this is the link in this. If we click here, we would add here we add page here we add a folder and here we add a link. So we have here a link. As I told you, I want to link a button, a button here to this anchor. So we have here anchor. We have this, we have just one uncovered in our website, which is the contact, so that now we have this link, we will give new link, we give it the name contacts. Now, if we will click to this, I will show you here. We have our, all these buttons. If I will click on this button, it will take me to the bottom of our website, which is the contact block. Now I wish, I want just to order it, I want to make here home. Then the course is about Dan contact To do this, we have just to do like this Manage menu. We want here at home than we want to have the courses, than the about that context. So I will just move it here. In this case, most, most like. Ok. Now we have here the home. Then here we have the course. The course is button, which is, which has this tree, which is pages. And here we have the abouts and the contact. Now, as you can see here, we have home courses about and contact, if I will do preview, you can see here we have all distinct. If I click here, I will go to the homepage. If I click here, I will just make the most in this button, I will see all distinct. Then if I will click for example, in the context, it will take me to this page. So that's all for today. See you in the next video to do a more continuous to our websites. So stay safe by 10. How to add sign in and sign up barre: Hello everyone. Today I will show you how you can add signing and sign-up button to your website. Here as you can see, this is the dashboard of your website. Afterwards we will publish the website. There is some tools here for the analytics, et cetera, to see how many visitors we have, which we have, have you, how many unique visitors? A lot of things here in this dashboard. But for the moment we didn't publish our website, so we can't we don't have to use it because there is nothing here. As you can see here, we have to publish the website as soon as we will see, where we have lots of Antarctic analytics and reports, there is a lot of things that we can see here. As you can see, he had weeks. Weeks for the moment are doing the promotion forum. If you want to upgrade your website. As you can see here, we have promotion with 15% percent off the price. For example, if we have, I will show you here. If we click here, as you can see here, this, this offer care. In the first video, I have shown you this offer. It was intuitive $12 or €12 for the, for this, for Europe, it is €12. But as you can see here, after the promotion, you can take it with 15, 15% of the price, so you will take it with €6. Now, I will leave this one. I don't want this. So now if you are in this in this page when we bless Wix.com and he will sign in with your account. You will you will find this page. So to, to go to your website, you have just to click here and it is the side that is this one. For example, if you want to previewed the live website, for example, you will see it here like this. But for the moment we didn't publish it. So there is lot of things that you can do. You can change the name of unduplicated. There is lot of things that you can, you can remove it, for example. Now we are just editing our websites. So plus here it is, the site. We'll wait for it to open in few seconds. Now, this is our website I'd like to do. Now, we will add the sign-in and sign-up button to our website because we are, we are working in weak. So we don't need any line of code. We don't need any database, etc. So we will add it in few, in, few seconds, in less than one minute for example. So we will go here. We have here members. Okay? So I will add this one, add to website. If we will add the members area to our website, you will see that we'll have it here in a few seconds. So this is the page of the members here, but the button to sign in and sign up. I will customize this for the Moon's. I will go to the homepage to see each more clear. Now this is the button. I will move this one, stretch it, dusk like this, that I will put this down like this. Now here we will have the login and logout part. So if we want to customize this as if I wanted to turn these colors, for example. So this one, et cetera, to make as much of our colors. So we had just to click here in design. Now here we have the colors. I will change it. I will put it to this one. Okay. Then the same thing for the Hoover name. I represent the block than this one. I will put it to the block two. And for this one regular text, I will put it to the block. I don't, I don't like this color. Okay. Now this is, as you can see, this is, if I preview this one, as you can see, this is our block. If I right-click here, there is my account and logout because for the moment, I am, I login with the login automatically with your Week's account. So if you want to logout, you will just click here for the ones we can't use it because it is not published website. But, but as you can see, this is we can see the page for the, for the members. Here we have this one and this one. And you can see we have to move all this stuff down. So we go here because you moved this the header and we moved this menu bar. So we have to move all this stuff. We have just to click in this one. We move this 1 first, like this, then this one. And the last one. Okay? Now we have preview. Where is it? I will stretch it like this. Okay? Now I will move this one to now it is OK. Now I want to change this color. I want to make it just like our column, which is this blue cell. We have just to click on it, then Settings. I think here sitting, then customize, customize everything if you want to do. If we're to change columns extra customize, We have here design. Here. We have this design, so we'll change the background color. Okay? We have, if we, if we will click in this area that we click in settings, then we want to change the color which is in the design. So here we have designed than background, and here we change the column, which is this one, like this. Ok? Now we have the same color of our, of this blue. Okay, we have here this blue here, here. And in the menu. I already see it. For the moment. It is really okay. I want to change this color to, I want to push it to the blue. And this one too, I want to put it like this. Ok. Now back here, you have to just to click on it. Then here we have designed if you want to change the color, phonons, etcetera, all these things, you will find that in the design button. So we'll click here design than we have, Customize, than the color of this one. Here. Clicked. I don't want to put it into yes, in the black. Color doesn't change because okay. Because we have to change this text like this. Now we have, the text is black. The same thing for this button. We have the settings than the design. For the background. It is not this one. I am not talking about this one. Design is not this. This one. Okay? This one, this is the button, the black, the background of this button. So we will just click here. I wanted to put it in this blue than for the, for the texts. Texts. I want to put it where is it? Takes time to put it in the blood? Not this one. This one. I wanted to put it into black, like this. Ok. Now we have here the color of this button is blue as this one and as the logo, etcetera. Therefore, the texts we have here in the black, okay? Now, if you have some users in your website, they, they, they want to be members to your website. They have just to click in this button, which is this one. We can't use it for the moment because it is not published websites. But if you will publish the website which will work directly, we don't need anything for this one. So we have just to login to the website. Then they will answer their emails. Lastname, firstname, phone number, etcetera. Then they can update all these alphas. Then they can push, for example, picture, profile, picture, etc. So this is how to, how to add this login login bar with the login page. So in this case, see any any user, Eric, your offer, your website can be a member to your websites. I will show you some, some advantages that you can use. After. After that you have this number page, but not at the moments after that, we will fill all the pages. I will show you something. Very cool. So that was for today. And I see you in the next video. Bye. 11. How to add the search box: Hello everyone. Today I will show you how you can add search box to your website. Which means if I want to add here a box of search. So if you want to, if you want to search anything on your website, he will just all day. They will, they have just to put in what they are searching about, searching for, for example. And it will give him, If distinct exists in your website, they will take him to a page that there is a lot of links. Each link take them to the think that they are looking for. So to edit you have just to go here, add, as I told you without, without any line of code. So we have here menu, and here we have this site search. So here we have to add is, if we add it wasted minutes here, just few seconds, not minutes. Okay, here, this is the, the box that they have to push what they are searching for here. Then this is the page or the page for the search results. So if they will write something here, it will take them to this page which will which will show them all the things that has the same word or I don't, I don't know sentence that they are searching for or for example, a course or image, etc. So in this case we have this one. I will just put this here in the middle. Now we have this is the books, we can customize it as we did before. That is all this, all this types or examples. We can take any one of these examples and we can customize it. So I will, I will take, for example, this one that I will customizes. I will, I don't want to change the color. I want to make it just like why didn't change? And it is like this. Now I want to change the color. I want to put this in the same blue that we have before. So here we have color and which is this one. Same thing for the, for the border, not borders here. Now, I will take this one is okay. Then we have heard over, we'll do the same thing. Same thing here than the focus. Okay, same thing. Now where we have the same color that I wish I show you here a preview. Here we have this is the website. As you can see, the borders are in the same color of this one. But for the icon, the search icon is always black in the cell. We would just go here than design customize. Here we have the regular, which is, I think it is always with this color, as you can see here, we had icon and here we change the corner to the blue, will do the same thing for the Hoover, for example. Here we have this one and icon will change it to the blue are the same thing. And for the focus, the same thing for the blue. Now, I don't know if it's blue or gray or sorry, I published the website without if if I click on this button, I will publish the website, but I will, I don't want this for a moment. I will show you some things. Other editor, not the, not the moment. Now, I will just preview the website. Here we have. This is the page for the search. This is just an example for the made by weeks. We don't need it for the moment. Now here we have. This is the box that we put for the ones who can't see anything because we didn't. We have nothing in the websites that we can search for anything for the moments, or we can search here. We have this one and this one. If you will write something here, it will take you to this page. Then if you are in this page, you can use this box or this was the same thing. Now, I think that I will see how, what color we have for the text block is good for the islands. So now as you can see, this is the search box works. If we will publish the website, I will show you. I will, we will publish the website for the moment to show you the different things for this flow, afford login bar and for the search. Okay, if I were actually here, I will publish the website I did. It's a few seconds before flow here. This is the link for your for your live website. So as you can see here, this is the name or they take this few words from your email. Then we have this is the domain, the which domain, which is free Wix site. But come then this is larger than the name of your website. We will change this name. I will show you how we can change this name. Then for the moment, we can't change this. How we call this the domain because it is made by weeks, okay? This week they will give you a free domain. So they have to put their name on it, which is for the promotion, for example. So they will make, they will put the first World Forum, your email address. Then they will put that Wiki site.com slash your name. Then if you have already a domain, I will talk about this after, after. If you have a domain in which you have just to connect it, I will show you how the car quantity. So if you will connect your, not for the moment, for those who can't connect your website, your domain. If you will upgrade this website, in this case, you can connect your domain. So for the woman's, if you are using your three weeks, so you can't use your domain. So you have to use wished domain, which is this one. So you have, you have the right just to change this name. You can put, For example here, e-learning, etcetera. In this case, you can change it, but if you don't abrogate your website, you can't change. This is domain because it is free, so you can follow something free. Okay? So we have here, this is the, sorry, I forgot to. The link will review if you click here, in publish, it tweet, it will give you this window. So if you click in view sites, you will see the re, the live site, which is this one with this domain, which is which domain? So this is your life, life. Sorry, I said like this, your live website. So if you click the I think that's we can photoshop. I would see, for example, for the shop, if you will click in Photoshop, it will take you to the page of war Photoshop. But for the onwards we have nothing in the page, so we can't know if it is really for the Photoshop or not. Then we have, if we click here, will go to the homepage because their website is very empty. So we can different if this is for the home, etc. Just we have we will see just here if this wasn't disconnect means that we are in the home page for the moment. Now, if someone wants to be a user to your website or member to a website, sorry, they have just to click in this login button, etcetera. So they will have this, all this. They can sign up or sign in with Facebook or Google, or they just have to sign in with email address. Ok, as we did as we did before. Okay. Now, after that, you can control all distinct for the Facebook or email address. I will show you how you can control it. If you, if you go here. We have this one, if you will, click in setup login, but here we have all we have. If we want to see the profile, picture and name, I will just this one. It is not really a good thing. I will let it just like this. We have here the two nodes. This one, this one. Okay? This one, we have the member sign-up settings. If I click here, you will see all distinct. I, as I told you, we have a new member wanted to be if you knew user want to be a member to your website, they can sign in with the email or Facebook or Google Google account. So if you want to enable or if you want to disable for Google and for the Facebook, you have just to turn this, turn this one off, this one off, say. So in this case, they can't sign up or sign in with their Facebook or Google accounts. So they have just to put an email and password to have and accounts in your website itself for demos, I will just let it then that is distinct. For example, as you, as you have seen before, if you, if you want to sign in, in a website, for example, if you want to create an account in Google, for example, they will give you some conditions and some terms. You have to accept it afterwards you can create an account. So if you want to create some terms or some privacy, privacy policy for your website, you can use it just here. Can you turn this one on? And here you will put, if you have a page that has this conditions, etc. Or if you have just one part of your website that has this this conditions as we did before for the contacts. So we'll use an anchor here. So you can, for example, press this one page and you will check with use one of these pages that's has the conditions so that they have to accept these conditions. So to have an account in your website, but for the moment we don't need it. You just say constant cancel. So I will turn off this one. The same thing for this one. If you want to have some conditions before that, they had an account to website just to turn this one on and this one on and put your conditions. Then here we have who can be a member. So in this case, if you, if you don't want to be your members to your website. So in this one you have to approve the remember, so they had they will enter their email or Facebook account, etc. After that, they will they can't they can't be a members to your website before that you approve it. So in this case, you will just check this one. Then for the first option to sign up. In this case, if you want that, if you want to control, I will show you. If you want to control this one, you want, if I click on this button as pulse here, I will. If I will click on this button, as you can see, it will show me the signup page or saying hi dot now block window. So in this case, if you want that, if they will click here, it will show them the signed the login, the login page before the sign-up. In this case, we will just change this here. I will show you, is it this one? Not this one here. Back to the editor. We have this members here if you want do to show the login page first. So you have just to check this one if you will check this one and I will show you how this works. Now, we have, if you want to, if you will, do some changes on your website and you want it to be in the live web sites. In this case, you have to publish it another time. Every time you do. Changes to your website, you have to publish it another time to update it in the life, live outside. So in this case, we have to actually realize it. So if I, as you can see here, if I click in the login page, as you can see here, we have the login first and signup here. Okay? But in the first case we had sign-up here and sign in here. So it depends on you and what you want to do. I want to put it for as long as it was before. Remember Sina? I will I want it to show the sign-up window before the login, okay? Now I will publish it. Okay, done. Now here we have, I will just use it. If I Okay, in this button, you see that here we have sign-up before and sign-in here. Ok. Now, so that was for today and I see you in the next video. Why? 12. How to add social media barre: Hello everyone. Today I will show you how you can add social media buttons to your website. For example, if you want to push fair, your Facebook or Instagram, et cetera, YouTube, et cetera. To your website, you will just add some buttons as you have seen in the other world sites. So we want to put it in your face. You have just to edit. I will show you how you can do is in weeks here, okay? Without any line of course, as always. So add it. Just Hugo here in add social, which is for social media, there is a lot of things there is, for example, if you want to add just YouTube or Spotify, etc. But if you want to add the whole social media bar, so we will have, you have, you have these examples. This one, for example, with the colors. We have this one for the gray, for this one for the black extra. So firstly, I want to, I want to take this one. You can use any one of these examples, but you can't customize it. You can change that just the links. You can put the links for your websites, for example, but you can't change the colors extra for these examples. So I will take this one for example. Now. I will take it just like this. Put it here. Okay. As you can see, to put it in the footer, we have just to put to click on it. Now, move to the footer. So after does I want to, which is here will stretch it like this. Stretches out. What's not working like this. And I will move this one to the middle, like this. Now, I will move this one. Okay? Now as you have use, as you see, I don't have Twitter extra on Pinterest, so I will just puts for the Facebook, YouTube and Asakura. But you can, if you have an account in Pinterest, Twitter, etcetera, you have put it, I will show you how you can put all the links and it's up to you to which social media you will have, you all you will put in your website. So here we have said social links in this one, in this section, we'll put the links for each button. So we have here said social links. As I told you, I don't have Twitter, so I will delete it here, remove. And for the same thing, and for this one the same thing. Now we have just Facebook, YouTube, and ethogram, but you can use editing any social media you want. For example, if there is another, another social media that you have, you will click just here. There is all this social media buttons. You can take any one of these or you can search for us here or Spotify, etcetera. There is a lot of examples that you can use in your website, okay, LinkedIn, etc. For the moment, I will let just for the Facebook, YouTube, and Asakura. But if you have another social media does you want to add in your website, then it's all distinct. Blogger or Amazon, Google Play, etcetera. There is a lot of the icons that you can use. Now we have just to set the links, for example, for the Facebook we have, this is my page, so I will just take the Link Control C. All I would copy this one and I will put it here, as you can see here, this is the ICANN and here this is the link. If you click there, you will have this window. So if you want to put it, for example, to Facebook, you will just have just to put this link. Then you have all this. If you want to put, for example, Facebook icon, if it is for documents or for email address or something like this, you have just to check one of these examples that you have, then you post the link here. Or if you want that if they click, they will go in the same page as I told you, you have this equivalence page, but if you want it to open a new window, so in this case you will check this one. I will let it new window because I don't want to make between my website and between the social media links. So I will put just new window. If I will click in this, I can open a new window with my Facebook page. Ok. Now, done the same thing for YouTube. I will just take the link here. Copy that we have here. This is the icon. If I click here, I would delete this one. And I put the link of my YouTube channel. Now, done the same thing for the astronaut IOL. Take the link here from this one, console C. Then here we have asked to graph this one and this one. Ok. Now I show you, I'll show you how it works. I have I will do preview. Now this is the websites as we had before. If I want to click in Facebook, I will just click here. It will open a new window with my Facebook page. As you can see, we didn't write any line of code. If I will click here the same thing we have for the YouTube, etc. So I will put it just in the middle. Like this. Okay, for dominance, you can change the layout. If you want to put it here horizontally, you can let it just like this. But if you want to put this vertical, you have to check this one. It's up to you and you can resize the icons, etcetera, the spacing between the icons and you can, you can do a lot of things for this one. Then if you want that this social media bar shown shows with an animation. In this case, you have just to check this one, for example, animation and you choose any animation you want and you can customize. Or if you don't like all these animations, you want to customize new one for you. So in this one you can customize new ones. So I will take, I will take, I don't know. I will take this one for example. If you want to customize this, you can customize it. You can change the ankles, you can change duration, etc. The same thing for, for all these items in the website. If you want to add an animation, you have just this one. If you want to add an animation to this block, you can add it for the logo. I want to add some animation to our logo. So this is the logo. Here. We have to add, we can add an animation. So if I click here, as you can see, this is the load, this is this one or this one. This one. So in this case, as you can see, I will just preview, as you can see here, we have an animation to our logo, the same thing to the social media, but you can change it, you can remove it, etc. Then as I think that this is it, this is the social media, but I will just show you something really cool to make your website very crude. But I think that this is not the moment. I will ask it to another style because we can't see it very clearly with an empty website. So after that, we will fill our off-site. I will show you a more cool things. So that's was for today. And I show, I see you in the next video. 13. Filling the home page: Hello everyone. Today we'll start filling our websites. So we start by filling the homepage, which is this one. Okay? What I want to do, I want to put a video here which has some, some edges, some editing, some IPA labs for editing, for Photoshop, Lightroom, and for the Adobe Illustrator, just to give an example to users, if you use it. If someone enters through our website, he will know that this website for the Photoshop, Lightroom and Adobe for example. So I just, it's a small video which, which has one minutes, I'll think. So. I will just put it here and I will show you. So how can we add, for example, a square here with the same color of this one? So it will be very cool. I, you, you don't, you want to know does it is very simple video, so I will show you how you can do with step-by-step. So in this case, you will have an idea how to do all these things. So if you are creating your website, you will know how to add all distinct. So add, for example, upload the video. So we take this one. Now. Change the video. I will upload it from my computer. I think the, the year. Then. What is its mean? Mu X then we have this one. This is the video for the homepage. Will wait for it. Just second. What is it? This one. Now we have this video. Okay. I will resize it to make it in this this size. I think. Put it just here. Okay? I will do something like this. Now this is our video, okay? Now I will add here a block or declaration square, which has the same color of this one. Okay? And in this square we write, for example, was come to our website. Now, I want just to resize it. Let's admit, now to add is we have just to click here and we have to be creative. We have all these shapes. I will take. I think I will take this one for example. And I will make it in the same size of the video. So you can recognize that it is very, it is a video with square like this. Then the whole page. Now we have just to change this color, which is InDesign as I told you. If you want to change the color of the font, etcetera, all these things, we will find this in the design. So click here, we have here the color. I will choose this one, which is the same color of our websites. Okay. Now we have this, as you can see, this is the video with this block. We write something on this square. So you can see, if you see like this, you can recognize that this is radio with this square root is, we will think that it is the same thing here. Okay? I will push this video. That's it will play automatically with loop. So we have just to click on the video. We have here settings. Then autoplay. In this case, it will be played without, without clicking on the play button. Then we will make its place in a loop, which means that it will play without stopping, without between each one stop. Okay, if I will do preview for example, you will see that this is the video. It's what stock than if I will this hearing that there is some okay. Then this is the video with this square. Now we will have just two writes something in this square. Okay, back to the editor. I, I want to put, for example here about then here I ought to put, Welcome to our website. Now we have just to add text like this. I will write about. To put it very small here. I want to change. I realize it's just like this. Okay? This is in the middle. I want to put just two lies, one in the top and one in the bottom of their text. You will see how it will look with simple things. You will have a very cool website, okay. Reflecting this one. This, sorry. Like this. Now I will make it smaller. This what's happening? Okay? I will control C, control V, The same thing for this one. Okay? Z. Now, this, I think that they have problem with this mouse like this. Now we will add a sentence here which say, for example, Welcome to our website. So we have here add a text than we, right, what we want our website. Okay, I don't want to put it smaller like this. Okay. Now I think it is very cool for the moment. I am not a good designer, but I am trying. Okay. And this is about then this is our sentence than this is the video for our websites. Okay. So that was for today. And I will stop here to make the video very small. So after that, we add some, some blocks here to show, to show us what we have in the website. For example, a block for the asteroid, sorry not histogram broke for Photoshop than another one for Lightroom, etcetera. Then we will add some buttons than if we click in the button for the Photoshop, it will take us directly to the page for the Photoshop, etc. So I see you in the next video. Bye. 14. Finishing the home page: Hello everyone. Today we'll continue filling the homepage. But before that I want just to change this takes I own just to do some changes on this text about, so I will choose this one. I think this one is very good and I want to put his bold. Then. I want to write it like this about Dan will stretch this one like this. And I will put it in the middle. And I will change the design of these two lines designed. I will put this bolt like this. The same thing for this one, just to be very cool, like this. Ok. Now we just move it to the middle. The same thing for this one. Okay? Now we have, this is about texts and I will just move this one here. Okay, now we have the old distinct. Now, as I told you, we add a list. This list contains some items in each eye and each ICT contains three items. Actually contains three items. Item four, a page, for example, we have three items. The first item will be for the Photoshop page and the second one for the Lightroom and the third one for Adobe Illustrator. And what's min item? This item is contains each item which, which will be just picture with, with a square like this one and texts and the button, this button, it will click in this button we want to go to the page for Photoshop, etcetera. As I told you, we are working in waves, so it is very easy to do this. We don't have to think about it. You have just to go here. We have lists and grids. And I will take, I have one in my mind. I will take this one. It has the same color of we can't change the colors if you want, but it is already ready for our websites. So I will just take it like this here. And I will move it down like this. Okay? I will move this acre cause it is for the contact. Then here, okay. This is a core for the contacts. Now for this list, as you can see, it is pretty ready for our website. We have just to change the pictures and text, okay, now I will show you how it looks. It is really cool in the website. Here we have the logo, the main menu, and this is the video that we made here with music, etc. Then we have the text, and this is the list. And I will take these three items. The first one, I will take it for the Photoshop, the second one for the Adobe Lightroom, and the third one for the other illustrator. Okay. I will change this text says I will put, for example, this one for the Photoshop. And this one, I will choose just Texas and I will add a button here. Okay. Now going back to the editor, we have, I will have already some pictures to put in these three items. So for this one, I will just change the picture, upload media and from the computer. I think that these pictures are HE, I will take this one for the AIF. I just find this in Google so you can just take it from Google or I don't know, it depends to the subject of your website. Okay. So I will take this one to take it you have, you can, you choose, you can click in this button which you choose image, or you can click two times in the picture and it will be uploaded in the item, okay? Now as you can see, it is very cold here and we will change this text. I will put it photoshop. The so here we have Photoshop. Okay. The same thing for the other one. I will put the picture about Lightroom. I found this in Google too, so we have what is it's fallen later on. I think that this one okay. Because later on is going to change the lighting and the colors of the pictures. So I will take this one, this one for the Lightroom. And I will change this text. Light row, like this. Now, we can add a link if we want, okay? But I don't want to add link. I will put a button to do this role. Then for the third one, it is four. Changed the picture, upload image from the computer. I think. What is it for? This one for the Adobe Illustrator. Okay, because for animation, etc. So I will take this one. One, it will be for the elite Adobe Illustrator. Here we have just to change the text, which is Adobe Illustrator. Okay, now it is ready to CHD preview. Here we have, this is what we did before. Now we have this list, which is this one for the Photoshop and this one for the Adobe Lightroom, sorry, and this one for the literature. Now we have just to move this text here in the top and we push some buttons to link these buttons to the pages, does we won't. Okay, now back to the editor. I will just move this text. I remove it here. You can change, it. Can change. You can write anything about Photoshop, OK. Now, same thing for it, because this, all these items are linked between them. So if we do some changes in this one, for example, if we move it, it will be moved automatically in the second, third item, okay? Now we will add button, as I told you. So we have here at the buttons, I will take, I don't know. We'll just choose one of these buttons. I will take this one, not this one. We stretch it and change the text. I will change the text I will arise, for example, for this one is not startx starts now for example, if, if we wished, click in this button, it will take us to the, How can we call it? It's retake as due to the page for this one to take us through the Photoshop page, the second one for the Lightroom, etc. So I will take it like this. As you can see, we have these three buttons automatically in second or third item. Okay, now we have just to change the text for this one. This one for the same text, which is start now. Okay. Then the third one, the same thing. We have chained texts and starts no. Okay. I won't just too, which is both customize it. I want to customize the text here. I want to make it point. Same type, same thing for this and this one because this automatically, it will automatically change for all these, all these items. So you want to move it here. Just here. Same thing for this one and the third one. They are already moved automatically. Now I will show you how it looks here. Here we have this buttons. We can change the text. As I told, you, can change, you can write anything you want about Photoshop, etc. And if you are working on this, but if you are working on another subject which I don't know, which is teaching some proclamation language, programming language or something like this. You write what you want here, okay? Now here we have this buttons, but for the moment they are not linked. So we have just to link every pay every button to a page. So as we said, the spade, this item for the Photoshop, so we'll linkage here we have link link it to the Photoshop page, which is we have the web address. We don't know how to link it to address, but we want to make it to a page from our website, which is this one page. Now, as I want, I want Thus if I will click on this button, it would open the page, but in new window, I don't want it to be in the same window, which is the main I want to let the main way may the main page, sorry. Then if I click the button, it will open a new window with the page of Photoshop or Lightroom or bases or so I will click here new window. But for the moment we can't see how it looks with the preview. If we will use the preview button, we click in this button, we can't see the Photoshop page because we can't see it. But in the published websites we can see, and we have already published our website, so we can see it. Now. We will link it to the Photoshop, because the first button is for the Photoshop. And the second button will link it to the new window. And for the Lightroom, as I said, then the third one, link page than new window to the Adobe Illustrator. Okay, now done. Here we have all these buttons with link. I will show you, does it? It doesn't show, it doesn't work here if we will do, if we click here, as you can see, this link only works in your, in your published websites or in this case we can't use it, but we can publish our websites here. Then here if we will, refresh it. Now we have our website. This is the live website. This link work for everyone. If you shared this link, this link, sorry, with anyone, it will work. So here if I would click now, you see we have a new window with the new website, with the new page bots photon, which we didn't finish, so we see anything in the page. So now we have all these pages, which is for the Photoshop and later on, and for the Adobe Illustrator, if I will click for example, in this button, you will see that we have, this is for the lighter, as you can see here, we have lighter on slush, the name of our websites for the moment we didn't change the name. For that it is always my sites, but we will change it, for example, will make it e-learning, etcetera. In this case, if you change the name, you will see for example here, home slash e-learning for example. And here in Lightroom flash e-learning, here Photoshop slash e-learning. Now, that was for today, this is our this is the list with the buttons and every button is Lincoln. As you can see, even it wasn't is naked with a page in our websites. And in the next video we'll start filling, started we'll just filling some peaches will fill the we make a video and takes extra time and I will show you how it works for the other type of videos because we have this type, which is this one, which is simple and easy one. Then there is the other one. The other one is it has a lot of a lot of features and we can make it paid. Then there is a lot of things that we can add in the other type of videos. So in this case, in this one, sorry, in this case we will use this in the Photoshop, Lightroom and other way this region. So we will stop here and in the next video we'll start filling each page. So I see you in the next video, right. 15. Filling the Photoshop page: Hello everyone. Today we'll fill the for the Photoshop page. So we'll do, we'll design it will create, create the some videos, not videos. I will just make one video and texts and I will show you how you can do it. There were customize the background x's and I won't let it just white for the different pages. So I will show you how you can change the different things in the page. So we start in this video, starts by Photoshop. So we have, this is the Photoshop page which is empty. So we will make an image for the background. Ok, we don't want to make it just a column. So I will choose. If you click here in the background, you have changed the bug around so we can custom design existed up. So click yes, in, change the background. We have here color, image or video. So choose the image. In this case, we will upload an image I have already included. So before that I want to, I want to tell you something because if you have if you will choose just a picture at you, it put it, it went, it want to be cool if you don't respect the size of the width of the weeks or the background. So if you want to know what is the exact sizes, size for the bugger afforded picture. If you want to put it in the background of weeks website. So you have just two type here for example, I don't I don't remember size for bug ground. Splunk, ground, picture. Weeks. Okay. So as you can see here, we have 1250 for the, for the width and IEEE 804 the height. So if you want to put a picture in the background of your website, which is with weeks, you have to resize it in this size so that it will be very good and you will see the complete picture in your website. So I have already done this than this. So I will just choose the picture which is this one. I will put this one for the week's page. So we'll wait a few seconds. So it is really now, if you will, if you see it is already included. This is the website. This is the picture in the background. But I will just, I will take the, I will change the opacity of this picture so that you fool puts a video or text on this page, we can see it. Okay, so two changes. I would just click here for the change the background and here we have settings, and here we change the opacity or the picture so that I will just put it like this lighting, that it is very cool Now, if we change the opacity, as you can see, it is very cool for the moment if we will put a text or something in this page. We can't see it very clearly. Okay, now, after that, I don't want to change the menu. I will, I want to put forever because if we are here, I would preview here. If we are in the Photoshop page, I don't want that color will be just like this. I want to put it, for example, gray or something like this. So if you want to change the color or you want to customize the menu or the navigation bar for your page, which is this one. If I will just change or the change the design of this corner, it will be changed in all the pages, sorry, because as you can see here, we have, we have, we have chosen this one show or on all pages. So if we want to change the color of this page, of the buttons in just this page, we have to create a menu for just this page. Okay, so I will go to the, I will go to the homepage and I will take this off so that it will be shown just in this page. And we will customize a navigation bar for each page, which is now if I will go to the Photoshop, you will see that there is no navigation bar, so I will add a new one. What is it? The menu? If I would add this new one? Like this, it is not shown in all the pages, so I will just take this one. I don't want to check it. So it is here like this. Now. I will I will take this off. As you can see, it was like this. Now I will take it off. If it is if if this item will be shown in all the pages, you will see that it is in the orange color, but if you don't want it in just in this corner, it will be in the blue, like this. Now. Now I will change the design for this menu bar. So I will just want, I want it to be in the corner, which is corner. And I will I don't want it, it's black. I want us to act in the gray as you can see this one. Then for the hoover, I will let us like this. And for this one I want to change it. This one I want to put it in this one, for example. But you can customize any color you want. Okay, so here we have all the scholars, if I would be, if I will do behavior as you can see here, this is this corner. It is much wise, but for the moment it is Gray. Okay? Now, after that we will just add, as I told you, I want to add a video here and some texts. Texts about Photoshop. Does I would take it from Wikipedia as you can see here because I don't know what you can put for your website, but I just I will just take this text and put it in the website just to be an, a, an example. Ok. So here we have, this is the menu is the same color as we have chosen the colon because I don't want to be just blow for odd pages. So I will put it this color. Now, I will add the video as I told you. For the videos, I just made one video at the same that we have in the homepage, but I don't want to upload this with this type of video, okay, in this moment, I will choose this one, the other type that I told you about. So I will take this, for example. But in the weeks with if you are using the free version, you have just 15 gigabyte to these pictures. I think that it is really enough for you if you are doing just simple courses. But if you want to do a full course that has, that need march that, sorry, that need more space or storage. In this case, you have to upgrade your website's exits and I'll use the other type, this one videos. Okay? Now, if you, if you can see here we have this for Islam, we have this video and we have playlist, but I don't want to have just one video in this page. For Norman's, I will cheer, I will choose the video. I will show you how you can choose it. I will do it from another side. You have this one. If you click in managed the video. In this case, you have, you will open this one. You have, you can upload just 16 gigabytes, as I told you. Now, I will choose a video. I think that where is it? Think. Here we have a dummy courses within me and final videos. So this is for the Photoshop, does just simple video in one or two minutes, I think just to show you how you can do is we will wait for it. It will be uploaded here. In few seconds. I will do more things. Then I will come back to this one. Global. Ok, we'll wait for it just few seconds. Now. Now, as you can see, the video is uploaded now it is ready to do some editing comments. I will show you how, what you can do on these videos. So as you can see here, we have this three. So if we click here, you can see that we can put this video paid, which means if someone wanted to, want to buy your video, you will just put it like this one and you will do here, you will make the price of your video and you will make it if they can download it or not. That is, if you want to rent it, your anterior video, you can use this one. You can check this one and check the price for, for which hours off, for a number of how many hours you really want. There is lot of things that you want to do, but I don't want to do this for the moment. I will, I will make just free. Okay. But you can use the free or paid videos so they can't buy it if you are doing something very that's needed, that need to be paid. In this case, you can check it, just this one and you, you, you put the price that you want for your videos. In this case, they can chat if they can buy it, I will show you how it kind of is after for the moment, we'll just do some editing on the video. So we have, this is the video. Now, if you want to do some editing here, we can add description, etc. Then we have this case. Here I want to show you that there is lot of things they can do. You can add some info about your video here, you can write this here. Then we have, if they want to share your video and they can use this one. All these features, you don't have the other type of videos that we used in the homepage. Okay? So if you want, for example, you want to add a card which has the your YouTube channel or your Instagram, et cetera. You have to use this one. Gets social followers for example. I think this one, yeah. Yeah, this one. Here we have to put the link of your YouTube channel or we just take my youtube channel, which is this one console to see than here. I will just put it, as you can see here. It's recognized my youtube channel, so I will just press here in Connect. You will have this car in the video. And here you will choose in which minutes or which stick, and you want this one that will be shown. So I want it to be shown in the last five seconds of the video. So we have here 001 then 03, which means that it will be shown in the last five seconds in our video. Now I will have to check here, say, then here we have the video and four that is here for the publisher. Hey, we have the category you can, there is lot of things that there is a tags and description of your video. You can customize all distinct and you can change the cover of video. For example, if you click here that is, this covers which is already included from the video. But if you have a cover that you've made it by yourself, by photoshop, etc. So you can upload this here and put it in your video. Now I will show you how it looks in the website. We have here. Save, save it. Wait for it. Now. It is ready. Now as you can see, this is the video. I will do a preview. Here, our video, which is this one, as you can see. Now, as I told you, I want to put just one video at not a playlist. So to do this, we have just to go in video settings. Settings. We have here channel which is a playlist, or we want to make it just one video. So you click in this one. After that we will, after we will, we will, you will upload the loss of videos here. In this case, you have to choose which video you want it to be played in this section, for example. Now, I want to change something. For example, if you have comments or upload videos. So in this case, I just checked this one. I will show you how it will work. So this is the video. I just added, the sound. So as you can see here we have this is the NFO. If you will fill this airfoil in the clear in the upload. If you upload the video ad, you fill the description of the video. You will see all distinct here for the users and here they can share it if they own. For example, there is Facebook, etc. That if they want to leave you a comment or something like this, they use this one and make comments, but they have to login first, okay. For that, I have put this one, this login page. So they have to login, Dan puts comments, etc. Then now I will try to design as I will just make it really bigger. This putting this here. For example. Now, we will add some text, which is as I told you here, I will just copy it from Wikipedia. I will take this one. I, I, that means I will just take it controversy. Dan would add text here with adding than we have text. I will choose this one and put it in the same line. Then I resize it. Mentions here. Now, there is a lot of things that you have to do. We just make some spaces that I don't know, something like this. Where is it? Here, for example, than here? And we will change the font and the size. Then where is it's changed this font. I will take this one for example. Now, as you can see, this is the texts, but it is not really clear because we have this background. Because we have this background. So to, to fix this problem, we have to create a section here. Then we put the text in this section so that it will be, so that we can read this text very clearly. So I will just cut this one control x. Then here we have, we'll just add the shape. I will show you how you can do it for us. Why will this shape? Now? We change the side or the size of this shape. I will just put it like this. Then. Here we have the text. Now I will put, I will change the color of the shape. We have. I will put its white. Then I will change the opacity of this text, the off these shapes on it. So it is very good like this. And I will do some shadow. We have shredder means that it will be like this. So you can see that this is our shape, which is square. Now I will put the text in this square. I will just control V or I will just pass busted. Here we have S1. I will resize it so that it will be in shape. Now, we have this one, like this preview. So as you can see here we have this is the video and this is the, the text that we have I own just to make it to add a title to this text. Edit texts than here we have, for example, about Photoshop. So I will just make it more bigger than texts like this and bold. Now, I have to change this one, which is like this. Review. So here we have the video and this is detects, etc. So in this case, I have shown you how you just, you can add text, but in your case or in your projects, if you are creating a website for something, I don't know what's about. In this case, you can use another videos if you want. You can add another, another pictures or you can add taxes. It depends to your project that you are creating. Okay. Now, I think that's that's all for this page. We have just the video or and the texts, but I just want to show you something if I want to do if I want to put this video as paid video, I will show you how the fan how you can use your credit card. Because you don't need anything to, you don't need any programming tools. So just, I will put it paid, for example, I will let it just like this. Now. I will show you if I will do preview. You have here, if you want to buy the video, you have to click in this one. We can see it for the moment because it's not published. I will publish and the way we see it in the published video, which is this one, not this one. Published Video. I will just click here, publish because I don't remember the link cell, a link from here. So this is the video. This is the page, if I roughly here as you can see, we go to this page you see for the Photoshop. And now if I click here, it will start the video. But if I want to, I want to buy it. I absolutely take this one. If I want to buy the video, I have to click this button. Or if you are already clicking paying the video, I have to click in this button which is by, if you will click here to buy. You have to just to, the user have to sign in for the first thing you have to sign-in, Danny. They have just to push the decay, discard the number of credit card, etc. Okay. But in your case you have, I will show you here. In your case, you have to enter your show. Where is it? Here? As you can see, you have to to include your payments meson, so that if they will, if they want to buy your videos, the money will go to your will be transferred to your account. Okay. So I just I just want to show you how this works, but I will put it three. Okay. Now, I will remember sheets. Now. I will take it's loud, you can see it is always, it is free as we did before. This one. Photoshop than here, if I will click right, she's not working dilettantes now, what is the problem? We want to place? This one? So this is the video. And here, as we said, as we, as I told you here, we have the info for the video and here if they can share it. And this one for the, if you are using a cards, for example, for the Facebook, pay extra, Facebook, Instagram, YouTube, etcetera. You will find that here, or you will find at the end of the video, as I told you in the last five seconds, I shall have it. You look, as you can see here, we have the video at the end of this five seconds of all, in the last five seconds of the video, we showed that car. So that was for today. And in the next videos I will show you how you can do the same thing for the lighter on page and for the Adobe Illustrator. And I see you in the next video. Bye. 16. Filling the lightroom page: Hello everyone. Today we'll design the third page of our website, which is the Lightroom page. So we do the same thing that we did for Photoshop. I will show you the the Photoshop page, which is this one. We have a video here with this text and this shape. Okay? Now we'll do the same thing for the Lightroom and for the Adobe Illustrator page. So we'll go here to Lightroom. It is pretty easy and pretty empty. Sorry. Will make we will create the background. We should put a picture as we did for the, for the Photoshop. So we'll just click here, change the background. Then here we have image. Then here we'll upload it from our computer issues. I will choose this one. We'll wait a few seconds. Now. It is here. Now we have this is the picture does we will put it in the background. Now we will just, we have just to change the opacity of the picture. I will just put it like this. K, It is cool for the moment. Now we will add the menu here or navigation bar. Then it will customize the color of this menu as much as we have in this page. So we have here add, then we have the menu. Will take this one. Puts it lasts right here. Okay? We'll see, as you can see here, if we will let it just like this, it will be shown in all the pages of our website. So we have to move this out. Ok, so here we have this menu just in this page, so we'll customize it will change modes here. We changed the design of this menu. So here we have for the regular, I will change it, I will put it this blue here. I will take this one for the regular, then will change for the hoover. I will actually just like this. And for the clicked, we change it. For the clicked I will put it, will add new colon. Is this one, will take this one. Okay. Now, we'll do preview here we have this is the regular day, regular colours. Here we have the hover, hover, sorry, and here we have the clicked, if we will click OK. Now we're back to the editor. We have the Lightroom page. The same thing. We will upload the video using this channel as we did for the Photoshop we have here. Video as we did, will take this one. Now we will upload our video. Did not measure for the moment because I have just chosen some videos to make this example. Ok. Now we have here computer videos. I will take, this one, will wait for it because it will take. Few minutes. Ok. So here this is the Lightroom Video. I have uploaded two videos for Lightroom and for the Adobe Illustrator. So that after we do the last page, which is for the Adobe Alice's and it will be easy. We don't want, we don't have to wait some minutes for uploading this video, okay? Now we have this video will do some editing. As you know here we can change the name of the video, can't put anything we want because it will be displayed. The video, okay? It will be displayed here. This is the name of the video. So if we will change this here, for example, if we would put another thing, we'll see it in the video. Four nodes will let just like drones because this is for the lighter on video. Ok? Now, here if you want to make it paid or if you want to run the video, etc, you can change this here as I shown you in the last video. Now here we'll do some editing on the, you can add here the category, you can add the publisher. You can add description for the video. Ok. We'll add description for example, hello. This video is for the Lightroom. I don't know, class. Okay, now, here we have, we will change the current as we did before. So I will just pick my YouTube channel, just, I own just the link. So you see that here we have, what is it? It is here, no, now we will get social followers. Now we'll put the link, as you can see here, this is called Thus we want, now we will put it at the last five seconds as we did before. So we have here 00 than 50, ok, now we will see it in the last five seconds. Now we will press Save. I'm just few seconds to see. It's now we will see this is our video, not this one. We will just change this here. Settings. We have to select for the moment we have one video. Now we select for the Lightroom, which is this one. Okay? Now we have to put this one so that if a user wanted to make to leave a comment so he can do it, okay? Now will change the size of the video, so it will be it at the same size of the other video sheets for the Photoshop will open a new window. She's we'll see the sizes of this video in the Photoshop page. So as you can see, if you will, if you click in this video, we see here we have the width and height. And you can see the position x and y. So if you have, for example, this video and you want to make the other video in the same with all the same size and the same position, you have just to see this size and disposition and you can copy and past it in the other page. So we will just copy it will open a new window with this one. Now I will just move it here. Now we have this one which is for the Photoshop, will open new one here for the Lightroom. So we'll just copy and past the size and The width and the size and the position, sorry. So here we have, this is the size that we have. Now we will see what we have here. So we'll just have 7720 is 26. So we'll just put here, for example, click in the video and we will put here 726. As you can see, the height will be changed automatically. Ok? It is the same height of this one, which is 408, and it is the same thing. Now will change the position we'll make. We'll put it in the same position. For this one we have x equal 17, mine. So we'll put it here 79. Then for the y, we have 177. So 177. Now it is in the same position and at the same sites for the other video. Now we have just to add a text which is, I will take just from Wikipedia as we did before. So this is the text. Before that we have to add a shape which is square-shaped. For example. Now we have here declaration or the condition now will take this one. The same thing if you want to put it at the same position, at the same size. So we have just two to go here. We have this shape. If you click here, we have the text. We will shape. So click just here, or you can just copy and past this shape. So we have just to click with the right button. And here we have copy. And we can take this one off. And we'll make passed. If you will bus that you will see that we have, this is the same shape we have now, Now just to do, to put it in at the same position. So we will just go Here. We have the position of, I think that the position of x is just the same because it is. Now, as you can see, it is at the middle with the video, so we don't need to see what is, what is the position of the eggs. So we need just the position of the y, which is 640. As you can see here, we have the six. It is the same thing with C, which is 79. So we have the change just for the y which is 640. Just close, we have here seven hundred, six hundred forty, okay? Now we will just take this text. I will take it Control C. Then here we will add text. I will take this one, control V. This is detected as we want. I think that we have the same font here. We'll just see if we have this font, the size which is 35. Now we have here the size which is not really. We can put it like this or if you want to write it, you call right here 25, OK. To be more precise, now we have I think that it is bold. This one, yeah, it is both. So we have just to select all this text, which is this one. And we will make it bold. Ok? Now we will make it, will put it here. The same thing for this one. Like this. Now will do some spaces, okay? I don't know where we can have points. So for example, I will put here space. I don't know what between this and this one. And the same thing for this one, for example. Because it doesn't matter which have like text because I, I just, I just just to get from Google or Wikipedia just to make this example works, okay? Now will just resize this one like this. If you want to make a space between this page and this page. As you can see, we can't move this one or we can just stretch this one. But as you can see, this page will, I don't want that. All the shape will be stretched with this with the page because I want just a space between this shape and this contacts, contacts block or I don't know how to call it. Now, to make space, we have just to make some spaces inside the text, which is this one. I don't need this one. Now here we have, this is the texts that we will make some spaces, as you can see here. With this space which is in the text block, will give us all the space, which is this one. Now if we will preview this, page two will be just like this. We have, this is the background, and here we have the video as we want. Then we have this text. You can add any text you want. You can add lots of things, for example, but for the moment I don't know how, I don't know nothing about Photoshop, etcetera. So this is just an example to show you how to add text or video. And I don't know all these things. So if we will start this video, as you can see, this is the video, I will this cell here we have this one. As you can see, this is the description that we were not in the editing when we uploaded the video, I wrote this video. This video is for glass. So as I told you, you can see it here is follow for example, if you have a new user, if in your website and he don't know what's, what's this video about. So it will go here, for example, video NFO. So if we click here, you will see that this video has 55 seconds. This is the description for the video. Now if you want to share it, you would just click on this one and choose one of these or just copy the link. And here we have the cuts. For example, we had just, we have used just for the YouTube card, but you can use any card you want if you want to promote your Instagram or Facebook, etc, you can add all these cards. Okay? Now we have here the comment. If he will be signing in your course, you can login and puts a comments, okay? Now as you can see, as I show, I told you here, if I will go to the last five seconds, you can see that this is the curve that will be shown. Okay? Now here, this is the text just to make some changes on the contact bar, which is this one I want that. I will show you what's I want just to make it very cool, okay? Because it is very easy. We don't need to write any line of code or something like this. So we have just to select and change the colors, etc. For every item here, we don't need any code, okay? Now I want that the Hoover will be with this color, which is if I will go on this size or area, if this area I want to do this color will be changed as much as this one, which is this blue. Okay? So we have to go here. Before that. When we created this section or this block, contacts block, we have changed the colors of each item, which is this one. But there is another way to change it, or to change all this or to customize all these blocks in the same way. So we will click one, click here in this block, and we have here design. Now we will customize it. As you can see here, we have the input fields, we have the submit button and the background. So if we want to change the background, this one, which is wise for the moment, we can go here and do all the changes and we can add a shadow. I will show you how it works. Shadow, if you want to show them, you had to put it on, for example here, and you will change some distance here. So as you can see, this is the shadow. Okay? This is the shadow. If you want to edit, you can just hear changed size at JD. In this one, you can see that it will be moved at any angle you want. And here, distance, if you wanted to make it like this, okay? But I don't want it for the moment. But if you are interested with this shadow, you can add it and if you want to add to change the corners. So I will show you how you can do it. For example, if I were to write to it, we see that we have this is the corner. It is not really as as it was before. I will I will make it bigger so that you can see it very clearly. We have here corners. Now I will put it for example, ten. As you can see here we have, which is very right in the corner. What is more bigger than this? And you can let it as, as it was before. Okay. In 1910 degrees. Okay. 90 degrees. So now we will, as I told you, I want to change the color cell. We have here customized design, as I told you, have here input fields. And we have Submit button and background, background for this one, which is the white. And we can change the colors and you can put a lot of things in the, puts it as picture, etcetera. Now we have here the button if you want to make some changes, or the button and we'll just click here. I will change the over because I don't want it blue. I will just put it like this one and the text of the Hoover, I will put it black. Okay? That here we have input fields. Input fields are, these are inputs, because here this is inputs, inputs, inputs, etc. So if we want to change, to make the changes, all, all these inputs in the same time. So it go here. So if we will do a changes here, it will be changed on, we'll change the design of all these inputs. So as I told you, I want to change the color of the Hoover, which is this one. So Hoover, now it is white for the moment. I don't want to put it in the same blue, which is this one. Now we will see how it looks. Here we have the Hoover, which is this one. If I will go on this inputs, you can see that it will be changed the color of blue. Okay? This is just some editing. And for the Submit button, if I will go here, you can see that it will be this something of gray, etc. So that was for today. Here I have shown you how you can add this video, etc. And you can do all more, more, more, more cool things because I can do all the things I showed you how you can do it. But you can, for the moment I am using just the simple things to make it very clear and simple and easy, okay? But if you want to add more things, I have shown you how you can do it. For example, paid video, how you can add a lot of cards, etc. So it depends to you and what you want to do in your website. So I see you in the next video to finish our website by. 17. Filling the adobe illustrator page: Hello everyone. Today we have just two chain to customize the base of the Adobe Illustrator. So it is the last page for our website. So we have just to go back to the editor. Now we go to the page wishes for the Adobe Illustrator page. So page will change. We will change the background with the video as this one add will add text. Before this. I want to show you something. Very cool. So if we have, for example, if here, here we have managed pages, so here we have all the pages. So here we have this section which is page, page transactions transitions. So in this section we have all these transitions. Because if, for example, if we have here, this is the website. If I will go to this page which is this one, or if I will go to this page which is this one, you can see that there is no transition between these two pages. So if you want to put it more cool, for example, we have all these transitions. We will take, for example, this one and I will show you how it works. Now would do preview. Now here we have, this is the page which is this one. As you can see, we have transition here. And if we will do this one, we can see for the, for this one because these are very, very empty. But if we will go, come back to the Homepage, you will see that we have a transition of the page. So as you can see here, we have this transition, okay? So this is just something that you can add to your websites. But if we want to let it, how it was, so you can let it. So we have here back to the editor. We'll go to our work which is adobe literature page. So in this page we have no background. We have non-core, neither color or bill pay nor pitch. Modest, sorry, no image. So click just here in the background. Here we have changing the page of the background. Now, we will choose an image. Here. We have to upload it from the computer. So I will take just this one which is little bit orange. Okay. We'll always few seconds to upload it. Now, that's the picture. Now will just change the opacity of the picture. Here we have just this one. I have choose this picture just randomly, okay, just to make this example look very cool, okay? But you can choose anything you want. You can put even a video if you want. If you want to put a video in the background, you can put it, okay. Now here we have, this is the image, so that's it. Now we have just to add the menu bar or navigation bar, which is this one. So we have here, add menu will choose this one. We'll put it right here. Now, we have just to take this off because we don't want it to be shown in all the pages. Okay. Is unique for this page because we will customize it with the orange color, etc. So we adhere customized. Now he had the regular and the colors will take, will add a new one. Here we have take something, something like this. Ok? So we have here. Now, now this is the color of the regular cell will change for the, for the Hoover and for the Clicked. So here we had Hoover, the color. We'll let, we'll put its Y dot white. Like this one. I will put it this one for the hover and for the clicked. I will just take the, this one. Okay? So preview here we have this as the corners of any page. So if we will go here, as you can see, this is the clicked, the clicks button. But for the moment we have no clicks for the, for all these buttons because we have, we are in the Adobe Illustrator page, so this is the just this page or this button is clicked. The other ones are mouseClicked. The our regular. So if I will put the mouse on the, on this button, you will see that it will change the color because the Hoover, okay. Now, just to tell you about something here we have the header. If we want to put, for example, a band here in the header, which will be, for example, a white color. Or I don't know an image for this, for this header, for example, we don't want it to be unique within the body of because here we have the header and the body and the footer. So if we don't want to, if you don't want, the header will be at the same background as the, as the buddy. So here we will have just, just to click here and change the header design. So as you can see here, we have known no colors because which means we have no color, we have no pages, we have nothing. But if you want to put a color, we have just to check, to check this one, which is this one. For example. If I will check this one now I would do customize. Now you can customize a lot of things. For example, if you want to change the color of from this line to this line, but this, this sides, you want to let it white, for example, but this one, you want to change the colors that we have to choose this one. All you want, if you want to put the same color for all the header, you will choose this one. Then the columns to change the colors you will just change here for example, etc. Okay. Now, I don't want it to be like this. I don't want it as as it was because it was very cool with the with the same color of the body, which is most color a picture. Okay. So I will put it like this. That is no color, no image, no nothing item. So I will just let it like this. Now I will add the video for the Adobe Illustrator as we did with the other pages. So here we have this type of video. We will do the same thing with the OK. We'll do the same thing with the size and the position of the video. So here we have the size, the width, 726. So. Just, I will pause here settings. I will just want video. One video, and we will choose this one for Adobe Illustrator. Okay, now we'll click, and here we have 726. And for the position we have to change, where is it? This one we have here x 17 line. Now here we have 79. Then for the y, one hundred and seventy seven. Seventy seven. So it is at the same position and at same size of the other videos on other pages. Which means, okay, now we have just to add the shape. We will just copy and past it as we did before. So here we have copy and past. It's not not this one. I don't want what's I did back. We have just to pass it. So I will just click here and passed. Now. I want to make it here and I will see which y we have here is 640. So we must just to one pixel, one pixel ON each. I don't know how they calculated. So here we have, this is the shape. Now we will just search for some texts about Adobe Illustrator. So we'll just write about Adobe Illustrator, which is this one. Now we have Wikipedia, for example. I will just take some texts. Where is it? Where is it? This one. Okay. That is not a lot of Texas. I will take this one. Okay. Control C down here we have, we will put text, which is this one, text. Okay? Now here we have this text. We put it at the same. I will select all the text. Now we have the same size, which is jersey five as the other ones. So I think that it is very, very big for this 135. I didn't mess it. 35, I don't know. It looks very big. Depends to the other one. So it is not 2519. We'll just change this one. And this one. As you can see, it is bigger than two t4 to t5. I don't know why. I will just precise is here for this one and the same thing for this 124. Now, I will just resize this here and here. Okay? Now, I will move all the section. Right here. I think that there is a problem because as you can see here, it is 24, this one. Okay. No, it was to defy because this just the title. It is 35, but here all this text, it is 23. So we select this text, I will put its gone 20. Okay, now for the, how can we call it for the title? We have about Adobe Illustrator. Now we'll just make it in budgets in 35, which is this one. Then. Here we have this, I think that's for the for the other page that we did before, we didn't change the we didn't put the title, so we will just make it after this. So as we did before, we have this detects. We want to make some space. So we click just here and we add some space here. Okay? Now we'll do review. Here we have this is the video. As you can see. Here we have we didn't check for the comments section, so we'll just check it. We're just back here. Then click as this video ad settings. We have here a comment and on uploaded videos. So here if we will do preview, you can see that we can call it if you want. Okay, then there is this new feature that it wasn't here in weaknesses, I think that it is new. So if I will click on this button, which is this one, we will be, we will have just like YouTube as we see here. We can see, we can move on on this page, which is we can't change the page so we have to stay on this page, for example, read all the text or see what we have on this page. And we can watch the video with is okay, at the same time of reading what we have in the same page. Okay. What if we change the page? We can, we can take we can't let this player over here. Okay? So we have to stay in the same page so we can watch the video and read what we have as text, etc. it depends to what you have in your own websites. Okay, I repeat all this one because this discourse in this course, I put just this example just to make it to show you how you can add different things or different items. But if you are creating your own websites, so you'll have to use text or image or I don't know if it depends to what you want to teach. Ok. So this is the page for the Adobe Illustrator. So just let it just like this. So this is our website as you can, as you can see, you will see the other page as I told you, I think that's I must tighten. Yeah. I didn't put the title for this one. So I will just select all the text and I will just change the size. It is 50, so 20 as the other one. So I have just to add. Text, which is the title, sorry. So here we have about Lightroom than we will put it. In. The, in the 3535 knots must not 335. Okay? Then here, as you can see here, the shape is smaller for the moment because we change, we change the size of the phone. So I will just make take it here. Ok. Now here we have this is detected. The title adds some text and space, as you can see. Here we have the website. Now, I will publish all this editing or this update is that that updates that we did in our website. So I will click here in Publish. Now all the changes that we did our life in the live website, ok, now we will see our size here. This is the live website because this is the domain that we give to us because it's free. So we'll go here to the, as you can see, this is a transition or that we did. Now here this is the main page, which is this one. If you want to put this video or cage works. Take this off. Here we have the different pages as you can see, if I will click here, and this is the page of Photoshop with this video tags, etc. Then here we have this second page uses for the Lightroom and have this the video, then the distinct as I showed you here, as you can see, we have all this social media buttons. If I click here, it will take me to the Facebook. The same thing if I will click here to the YouTube, et cetera, for the Instagram, the same thing. So you can, if you have another social media accounts or you can add here some icons for every social media you have, then you will give it a link so that it will be so every user can, can see all your social media accounts. Okay? Now, what I want to tell you about, so for example, you have, this is the website that you have, but if you want to teach just the USDA members that you have, that you have in your website, for example, if you have new user, but he is not a members, which means you don't click here on login and he don't login or sign up on your websites, but you want to learn what you want. But in your case, you don't want it. You want you want to do to follow each member in your website and you want to follow how many users are or how many students you have in your website. In this case, you want that every user in your website, he he can't see any of your videos or texts before that he will sign up. So if he will click here, for example, he wonders if he would click this button here. He wants to go to this page before that, he owns the sign-up. So if he will flick it to the websites, will will show him the sign-in or sign-up page. So we have he have to create a new creates an account or he had he need to just to connect with his account if he has in your website, then after that he can learn what you put in your website. So to do this, we have to go. It's very easy to this. So here, the pages, here we can click in manage pages all we have this menu and pages. Same thing. So here we have these pages, as I told you, you want that he can't enter to this page and this one and this one. Before that, he he sign in or sign up to your web site. So you have to just click here in these three points. So here we have settings, you go to settings than we have permissions, which means which, which user you want it, you want him to be user or to do. I don't know which user you want him to watch your videos or to study your calls. As I told you, we want, we want that this user has to be a member of your website. So in this case, he has to login or sign up to your website after Does he can see your videos, etc, and for-free. Okay. So in this case he has to, you have to check this one which is a members only. So only but the members who can enter how or who can access to this page. So we click, just click on this one. So if you click in this one, you see that all the members, or here we have only significant numbers or paying members, paying customers. So if you want, for example, if you will give some paid, paid videos or some paid course index page, you can select this one and customize which person, which, remember, you want him to answer to your website. You can let him enter for free on fu or he has to pay. But if you want to, all the members, any member came to your to your website and sign up or sign in with this button, for example, he can access your pages so you have just to check this one. Older members. So only the members who are who has an account in your website who can access to this page. So the same thing for the other pages, which as you can see here we have this icon which is for the members. The same thing for this one, which is for example, settings than permissions. Here we have only members. So we check this on, okay? Not this one. Ok, I will check this one, okay. If you want to, if you click here you have, you can, for example, make some admins that can let people enters your website, which you can do some pricing for. I think that to do some tracing and some paid pages exercising that you have to upgrade your website. You can't use this with the free websites, okay? Because if you have free websites, you can't push people or you can't make people pay to see your stuff because you already, already using three website. But if you want to put videos as I showed you before here, if you want to put this video, you want to make it paid. So in this case you have, you have to change what's we have here? Here we have, as we see here, we have three, so you have to change it and you will make it free. But if you want to do some free, some paid staff in your website, I think that you have to upgrade it before that you do all distinct. But for the moment, there is lot of things and cool things that you can use in your website. I think does I MS, one page which is four, S1, which is Adobe Illustrator, you have to make it for the members. Okay, same thing here. Now. I will share it and we'll see how it works. Now. Not shut it, publish it. So here we have done with the website. I will take this off. Now we have this one. So if I will go another time, here we have, this is the Photoshop. So if I right-click here before, that's when we clicked on this button, it will go directly to the page of the Photoshop. But now, as you can see, if I were to click, you can see that we have asked us to sign in or sign up before, before going to the to that page. So I will use Google for example to see how it works. So in this case, as you can see here, I have signed in with the with my Google account. So in this case I have the access to this page and the other pages. So that was for today. Here we have all the pages does we want to put in our website with this featured at desired as I told you about here because I have already signed in. So it was asking me another time to sign it. So you can you can put all distinct in your website. Or if you have another object or another subjects of your website, you can choose or you can use all the items as I have shown you here. Now, this is the website, the finer website as you want. In the next videos, I will show you how you can do some SEOs, which means how we will do is just some, some texts in the, here, in the pages we have here, this one settings. Here we have to change layouts, Not this one as your woman. So here we have the change. We went right some description and some things here so that we can connect our website to with Google. So if there is a user, for example, the who is searching on something, for example, Photoshop or something about your website or Google, he will find your website in the search results. So we will do these things in the numerator in the next video. So I'll see you in the next video. Bye. 18. How to do changes to make your website found in google: Hello everyone. Today we'll start doing some settings on our websites. Then I will show you how it looks in the dashboard of your website. So here, as you can see here, if you want to connect your domain, so you click here for them to get them in, get a domain. But after that, you can see here, we wait a few seconds. Here. If you don't have domain, you can buy it here. But if you already have a domain, you will connect it here. But as I told you, if you are using the free version of weeks, you can't, you can't. Khanate connects your domain because it is free, so you have to use which domain. But if you will upgrade your worst website, in this case, you can connect a domain or you can buy new ones. Before that, I want to show you something here, Analytics reports than here we have traffics, sales, and people will wait for this page. So after that you will, you will complete your website and you will share it with people and etc, and you will make it found in Google. In this case here you can see how many visitors you have and how many unique visitors, and how minutes searching or how many they stayed in your website, it says that there is a lot of things that you can here. There is lots of things you can see in which, from which websites they came, for example, from a Google search or from Facebook, etc. there is lot of things that you can do here, but after sharing your website with people and after that, you will make some changes so that your website will be found in Google. So to do this, the first thing, the first step that you have to do is to make this website found on Google. So here we have guest domain had and here we have get found on Google. So we have click, click here, sorry, and get started to make this website found on Google. So we will follow few steps. So we will start now. Here we have changed the name of our website, which is, for example, I will make it e-learning, as I told you. Now, this is the name of our sites, e-learning. Then we'll click Next. Then here we have the business. Yes, I have physical address now on online only because it depends to you. If you have a physical address, for example, if you want to, if you have an area, for example, if you are for the moments we can talk about it because it is, for example, if there is someone who is in e-commerce and he wants to buy something. So in this case he has physical address, but for, for the teachers, etc. they don't need physical address, so they use just only one. So we'll click this one cell for example. Yeah, no, it is only all this information's it depends to you and what you are doing in your website. Okay, so I will just check this one for the moment. Now, how would you describe your website? So we'll describe it as you can see here. We have to describe it in three words for example. So I will make it, for example here, e-learning than here we have, I don't know, Photoshop or we will just take the tree. S1 Photoshop because we have Photoshop for example. Then we have Lightroom. We have to write the word. Then we will have to put a camera so that it will be a section. So we have Photoshop comma and Lightroom comma. Then we have the other one which is Adobe Illustrator. Job. Then come, okay, now we have three words. So we have we create, create, SEO plan, would wait for it. Now we have, we have some steps. You can see here we have some warnings. So all the steps, we have to change it. Now for the moment we have. See here, if we have some, we have to change all listings that here. Third, there is nothing for the moment here. Now, we will start by this one, as you can see here, update homepage title on search engine. So we have to update the homepage title. So we will go, if you click here, go for it. Now. If you go here, for example, now we click in this one. This one, not this one, and this one. Now we have two step-by-step. Now go, if we want to go to the page of this one, so click here, go to the editor to take us to the editor, which is what we have here. Now we have to change the title that they asked for. So here we have home was already on the database that we have here a managed page. Now here we have click and CO, and now we have the title, which is this one. Now we have what is the title of our website? So we will take this off. So our websites, we will give it the title, for example, e-learning. E-learning. Okay, then we will describe the page of our website. So I would think, what would we do? For example, here we have describe it for example, I will put this website is about is about, is to teach how to use photo, Photoshop than Lightroom and Adobe Illustrator. Okay, then I will just leave it like this. You can write anything you want for this one. Now, we have, for this one, we messages like this, for this one. As you can see here, if we have, for example, this URL of our website, so we will have the domain slash home, OK, if we want to change it, we can change it, but I will just let it like this. Now after that we have changed. It does save it. Okay, then publish it. Now will go to this one. So refresh this page and you will see if we get this point. We will get this warning. What is it? Update the homepage tattle on search engine. Ok. We will have already changes. Current title is eLearning. 2s recommended. Theta1 is not recommended to his fellow. Rides on a website. Page is I think that it is, will take new one, for example, elation or Photoshop, Adobe researcher. They are recommending us to do one of these titles, but I don't want to use it. So I will refresh. I will see how it horizontal. No, we'll change it another time, so we'll see how it, how can we fix this problem? Because they are very really strict in this case. So here we have such engine, we have the title. Now I will change, for example, I will, I don't know, I will write e-learning. Sludge. I read, writes, for example, editing and we see how it works. Maybe it will work for this one. So refresh. Always work. Saviors, I try. I have saved it, it's done. Publishes, I receive, maybe for this one. Now we have here refresh. As you can see, it is always like this will refresh all the page, may be always there is this problem. I think that they are talking about all the pages, but this is not really what they want because they are talking about just the homepage. So I will, I will take this one and I, who will see how maybe there is another problem. So we will take this one. They are commanded as with that title. So we'll use it and you will see, maybe it will work for this one. After that, we will see here is the worst deisel. So I will let it just like this Lightroom. Then here we have e-learning. I don't want to make it less later on. We will try with the other courses. We have here, Photoshop. Then the other one which is illustrated in this today too. So we'll save it. Do we see maybe to work for the moment? Because I don't want to let it just LIVESTRONG because the website is not just for laser. So it works for the moments we have fixed this one. So here we have optimized the websites. So it did Syria. What do you need to do it if the page is next to include at least one of your keywords. So we have to edit the page, which is for our homepage. So we have to add the tags, for example, at least it has to, it needs to have one of the keywords with cheese, for example, Photoshop or Adobe Illustrator or something like this. So it can go to the website, which is this one. This is the real websites that we have to go here to the editor. So now this will go to this one, see the updated one. So here we will add text. I didn't just write something to see. Maybe. So here we have Photoshop than I will make space. And here we have like this light room. Then we have the other one which is illustrated. List surely. Now we will just take, or I will take this one. Now i will take this text. I will put this in the future just to make sure that we have the worst that they are asking for in our in our homepage or it is not working is not here. I don't I didn't include it here. Where is it? I think we'd add a new one of his cell here we have text. I will take this one. I put it here in the Fujian directly in the future because this very problem to put it here, I will resize this one. Control Z, Z. So control Z of t. I will take all that, takes off. I will delete it. Now. The new one directly in the footer here we have add text. I will put it here. Okay, now here we will write the worst as i they are asking for. So here we have Photoshop, Lightroom, that illustration. Now I will resize it. Here. I will take this one like this. You will just take it put it just here. Okay. Just to make sure that the words that they are asking for are in the homepage. So we'll save it and refresh this one. Ok, it is done for this one. So as I have shown you here, you have to check all these conditions that they are asking for. It will take lot of time to do all these things, but it's the same thing for this one. There was asking for the title of the homepage, so we have to change it. And for this one they have, they are asking for, for example, some words in the homepage. So I did this the same thing for all these things you have just to see how it works and you have to connect, to connect your website with Google. After that you want to size will be found in Google. So anyone anyone that will, I don't know that we'll search for something that you have in your website. You will find your website in Google so that you will have some, so you will have some people are some users in your website. So you have some traffic and you will get the betas I have shown you before because they think connection is really slow. But here you will get the information about how many visitors and how many, how many, how many unique visitors in, for example, here in last 1530 days, etc. So that was for today. And I see you in the next video. Bye. 19. Filling the SEO of each page: Hello everyone. In this video, I will show you how you can change or how you can make your SEO of each page of our website, which is your wish is Search Engine Optimization, which means the words and descriptions that you will make for your different pages. So that if there is some users that are searching for something, for example, in Google. So if they will take the, some keywords, they will find your website in the search results. So to do this, we have, because we are using a weak, so it is very easy to do this. So just go here for managed pages, or we go just here in Main Menu and pages. So we have here all the pages that we have. We don't have a lot of beige in our off-site. So we will go for example, here we click in this 2, then we have sittings r, We have here SEO, Google. So we will click in this one or the other one is the same thing. So we have here SEO, Google, which is search engine optimization. Now, here we have the URL we talk about when we talked about this one in the last video, but I just want to talk about it more clear in this video. So here we have, we will have the URL, the URL of your video or a website. Then we will have sludge than home, which is for the homepage. Now, after that we have here we have this is the, the most popular or the most repeated words in your websites. For example, if your website talking about Lightroom and Photoshop and Adobe Illustrator. So you have to put, distribute keywords here in this title. So if there is someone who is looking for one of these three words, for example, he will see your, your, your website in the search result when he will take, for example, in Lightroom, et cetera. Then here we have you have to write some. You have to write the description. You can write anything you want here. Even if you were right, lot of sentences which will be really good for your website, which means you will have a lot of information and you can write a lot of things and keywords so that you will be from the four, will be one of the first. Your Websites will be one of the first search results. So here we have, we have made this one for the first page. Now if you want to do it for the other pages, which is, for example, for this one. So do the same thing if you will clip just here. And you were already in the SEO page. If you click, click in this page or index page, for example, it will go directly to the SEO page. I will click here, it will go directly to the SEO page for this, for this page, ok, now we will start by this one. So here what you want to see for the for the, what's, what do we call it for the title of the CRF, for example, they will have this, this is the URL, this is, this is the title, and they will have the description. So for the Title II, we will have, we'll just write horizontally here, Photoshop Dan here you can write the name of your website. I will just make it for example, e-learning and You can put any title you want. For example, you can make here the name of your own Web site. So it will be unique Photoshop for Mr. X. So it will or I don't know what is the name of your website. So it will be very unique in the search results. So here we have the title that you want to, for example, Photoshop, then slash, then the name of your website, etc. Now here you can write anything you want in the description. And it will be very good if you're right, a lot of sentences talking about everything, about Photoshop, etc, and about every, every tick you will teach them in your course. So it would be very easy at very large, okay, so we write for example a and I don't know, this page is for Photoshop. I will teach you to I don't know how to do different editing. Editing using Photoshop. I am shop. Then you can write some tools that you have in Photoshop. I don't know which tools you can have in Photoshop, but you can't write the different tools that you have in Photoshop that, and that you will talk about it in your course. So every student will see this search result in Google. You will see that district, we need these tools. So in this case, he will enter to your website and you will be the winner. Then the same thing for this one, for example. We will do the same thing here. We have Lightroom than we will change this one, which is my size. I will change it here, I will put it e-learning the same thing for the other one. Learning than here in this case, the same thing we'll talk about. This page is for the Lightroom, cause I don't know. Then you can write some tools that you have in some tools that you have in Lightroom. And you're right, it's just here, for example, I don't know, different tools that I am talking about, different tools of Lightroom and Photoshop axes, right? Because our website is about Lightroom and Photoshop, etcetera. But if you are creating your own website, it, I don't know what will be the subject of your website. So you can write the different tools does you have in your own course? Okay, so if you are teaching for, I don't know, Python, for example, C plus plus or something like this. So you will write here the name or the title that you have in your course. For example, variables arise and classes, functions, etc. So it depends to the course does you are teaching. Ok? I am using this keyword because our website is about Photoshop, etcetera. But if you are working on building your own website, in this case, you will use your own keywords. Okay? Now here we have this page which is for the Adobe Illustrator within same thing here. I will just delete this one. I will not this one too. I was talking about learning your name than he had will go to this page, which is this one. I will just delete this name. So we have here e learning, therefore description the same thing for arise. Anything you want about your, about this page, okay? Then the same thing. So if you want to optimize, optimize your website. So your Websites will be one of the first search result. In this case, you have to optimize you all your, all your websites. Which means, for example, if we have this, this video, if I click in the settings, you will see that here we have a description. Okay? These type of videos. If you want to add a description to this, this type of videos, you can write it just here. So this video will be one of the, one of the items that will help users to find your website in the search results. Okay, so here you can write something. I don't know. For example, this video is about photos show. Then we have Lightroom and Adobe Illustrator. Okay, then you can write anything you want about this video. And if you have a lot of videos in your website, you can, we can write some taxes are some sentences in your description of your videos. Soviet will help users to find your website. So that was for today how to change, how to rise the differences. How do we call it dividends as he OSU for CaO, sorry, as IOS for the pages which is this one. So I have shown you just some keywords does you can use for this example, which is this website, it is very empty for the moment, is just an example. But if you are creating your website and you will feel it with a lot of videos, lots of Texas etc.. So you can feel this description with good text, talking about all what you have in the different pages. So I see you in the next video. Bye. 20. Make the site mobile friendly: Hello everyone. Now after that we have finished our website. We have to make it mobile friendly, which means if someone does have a smartphone that he is using your website, so it will find every item in his play in each place. Because if you will let it just like this, I will show you how to look in the mobile device. So if I click here, you will see, will find, as you can see, we have here different items. We have this shape on the video, etc. Nothing in his, in his place. So we have to to configure and have we have to fix on this items and we will put every item in its place. So if anyone has a mobile phone and he is using, if he wants to do use your websites, for example, in this case, you will find it's very clear and we call this mobile friendly. So make your website mobile friendly. So we will start by, as you can see here, the logo is in its place, this search bar in its place two. So here we have, I will preview it. Here we have the menu TO if I roughly here we have the menu, so it is very good for the moment. We'll back, as you can see in when we are working. Now skip this. When we are working on this one, we can change the colors, etcetera. Ok, so as you can see here, we have the background. So if we will change this here, it wants change in the other pages. In the, for example, if I will change this background, is we changed just for the mobile show showing. Because if if I want to if if if I don't want that, if I will change it for the mobile, it will be changed here. Okay, so we will fix this one here, but for the mobile it will be changed. But for the moment we'll, that's just like he's pieces because it is very good for either for the phone ad for the desktop. Okay, now, now we have just two. For example, here we have the video, it is in its place, but we can resize it, but we will let it just like this. Now we have this one, the shape that needs to resize it. So resizes here. I will just take the text. So that's resize this one. Just like this same thing from the side. Then I will put this in the middle. Now we'll take the text and we'll put it just, just here. Now, you can see that it is always small. So resize it. Same thing here. And here. Now, as you can see here we have this is the page, everything in its place. We have the video and we have the logo search bar at the menu here. Then we have the video, then text, et cetera, that we have here, the contact as we had before. Now, we have just to change the other pages. So go here, which see the homepage because we didn't change it. So we have here the homepage. I will let the video here then I will, besides this one. Okay, then resize it. Okay. Now I will take this text. I will put it just here. Take this one like this. Now we have, we put this in the middle. Okay? Now, I will take this line. I will resize it because he's very long. So I will take it like this. The same thing for this one. I will resize it, then I will put it in the meta thrown z. Then I reflect on this. As you can see, it is very hard to control all this small items. So we have this one here. Then I will resize it like this. Now here we have about, I will just take not this one edge. I want to take this text. So I will put it just, just like this. I resize this one so that you will be very easy to put these intermediate like this moving down. So now we have, we can change, we can put the video in button and we have, we can't put the shape in the, in the top, but it depends to you. So I will just make it just like this. Now, do preview here we have the video and we have this text, or we can reverse it, we can change, we can make the video in the button bottom and the shape in the top, but we will just let it cool for the moment. Now we have all the shapes it is very will change the position of the buttons than for the TextView starts by the first one, which is this one. I will take this one, we put it here. Then I will take this one here. Okay? We can move it with the, the arrow of the, how'd we call it the keyword. So here we can move it with the mouse or we can move it with the keyboard. So we'll just make it, put it just here. Okay? Now I have to move the text. Just here. Now we have here the text and we have this text. Now I have just to move this button, I will put it here. Loads here does. Okay. Now here we have this, this text and this is the title and the button. The same thing for the other. As you can see when we changed for this one, it will be changed for all the others. So you can see here the tags and the title and the button. The same thing for this one. Now, which is good for all the items for the homepage, now will go to the other pages, for example, if we have a digit. So we'll go here to this one. Here we have the same problem as the other one who she's Photoshop. So we have just to take this one. I will put it here. I will resize it like this. Now. I will take the text just here. Now, I will just resize, resize it and not selected. So resize it like this. The same thing here. And here. Now, as you can see, if I were to preview, as you can see, we have this as the items are in its place. We have the, the Hadoop release, we have the logo and the search box. And here we have this is the video, and as you can see it works. We can use even this one. Ok. Now here we have the video and this is the text, etc. Now will go to the last page wishes for the Adobe illustration, which is this one. Now we have the same problem as the others. So we resize this one. Just like this. Then for the text I will move it up. Okay? Now I resize this one. Okay? Now, as you can see, it's just easy like this. If you want to make, to put your, your work to make your website mobile friendly. So you have to go in each page, you see the items and you will, you will put every item in its place as we did for this example. So that's it for today. And I will, and every time you will do some changes, you can publish it. So this, all this changes will be in the Life website. So I see you in the next video. Bye. 21. How toget your domaine: Hello everyone. Today we'll talk about domain, how you can get it, and how you can connect it to your website. But before that, I forget something. I forgot to tell you about something in the previous video, in the last video, sorry. So if you will do, if you make your websites for mobile friendly, so you can, there is some features that you can add. For example, if you want to add this back button to the top button, so we just add here. So it will have it here. You can choose any icon, icon you want, and you can customize this, for example, if you want to change the color, etc. For now what I will let it just like this. So you have this button, this button which is go to the top. So I will show you how it works. You have already seen, I think you already see how it worked for this one. So I will click on this button, it will go to the top, so you can add it here to your website. So if you have some users needed, so they will use it. Now we have something as it is about welcome screen. So here you will add it. You will have this welcome screen so you can choose an image to make your logo. So we'll put our logo, which is this one. We see how it works. Now here we have this logo, logo of your website. So if someone is using girl websites in phone, so before that's your websites would be opened or if, if He will enter to your URL, for example, before that's you will enter so your websites, who we see this welcome screen which has your logo. Okay, so just let it down. So you can see here, we can see it for the moment because we are always in the desktop. But if you are using a browser in your world, in your phone, you will see that welcome screen. Before that, you access to the website. Now we will talk about domain. But before that I want to tell you that if you, if you want to use weeks for free. So this video is not for you because if you are using weeks for free in this case, you can't connect your domain because when you are using wish or free, they will give you the free domain, which is weeks.com, which means your name. That week's data as we have here, this is the URL of our sites, which is this name, which is they take this one from your email address. That's Weeks website. We side then that's okay. So in this case, you can connect your domain because you are using which for free, they don't allow you to connect or use your domain. So, but if you want to upgrade your website, in this case, sorry, you can connect your domain. So there is a lot of websites that you can get your domain. You can buy it from weeks, okay? And you will get one year for free. Then you can, you can buy it from this website, which is this one, or you can buy it from this one. I will just come back here. Here you have this Jew websites. You would take the name. You want, for example, e-learning that come for example, and you will see how you can. How, how much you will pay for it. For example, as you can see here, the premium that as you can see, this is, this domain is very expensive, €7 thousand. But we see with some cheapest ones. There is no, there is this one. Not this one, but it does come. We can't use the sqaure, as you can see, we can't use it because I think that there is already a domain with this name, so we have to change it. For example, we take as I'm not now, for example, photo show. Photo will just photo that come. And we will see the price of this one. As you can see, this one is 12 thousand Euros. Then you can see there is no cheapest one for the moment. Ok? Then we see, for example, I don't know. We'll take another one which is Adobe dot. Adobe, learning that. Or she. And we see how much it costs. This one. As you can see, there is this one. This domains are very, very cheap. So you can take this one, for example, it depends to your website and what you have in your websites. As you can see, this one is free, not free. This swan is cheap as there is this one that CC, There is a lot of domain is that you can choose and there is this website too. You can hear tape domain that you want for your website and you will see how it does it cost. Then you can take the same thing in weeks and you will see how does it cost in weeks. So in this case you will see what is the cheapest one and which domain you want, really you don't want in your website. So you can buy it and connect it to connect to your domain. You will go just here. What is this here? We have this one here in your dashboard and you can, you can see as received gets domain. So if you buy your domain from this to these two websites or another website, you have just to connect it here. Connect your domain. Or if you don't have and you want to, you want to buy it from weeks. You will just come here and take the name that you want. You will see here how it works and how does it cost. For example, we take Adobe learning that over g and we see here now, we have these ones. We'll see how it look, how does it cost for this one. As you can see here, because before that you will buy your award domain. You have to upgrade your website as I told you. So you can see if you can see even the price of the domain. But as I told you, if you want to connect your domain, you have to upgrade your websites as if you want to use weeks for free. In this case, you will have the free domain, which is this one, weeks, weeks size that come, okay. Now, that was for today. And I see you in the next video. Bye. 22. Some methodes to earn money from your website: Hello everyone. Today we show some metals that you can use with your website so it will earn some money from it. So I know just Tree metals for the moment, I will tell you about it. So the first method, which is Google Adsense, I think that's everyone know about it, which creates an account in Google. So they will put some ads in your websites and you would earn money from everybody, from each visitors that they will visit your websites and see these ads. Then that is the second method, which is this website which uses a week. It has the same thing that, the same thing as Google AdSense. So they will put some ads on your website. After glass, you will earn money from that. But before that you use this web sites, you have to earn 100 visitors in your website, which is, I think it is very easy to get it. So you have to earn 100 visitors in your website, hazardous, you have to connect this website, this website with your own websites, which means you, they will give you, give you some names of the DNS. So we will change the DNS off your domain after loss. It will be connected automatically with these websites, so they will put some ads in your work. He will earn money from that. Then there is the third method, which is, I think this is much better and easier, not easy, but it is, you would earn lots of money from it. Lot, lot of money, but you can have $5,500 per year. So this method, which is you have to, if you will bring someone to weeks and he will create or build a website, but you need to build a premium of sites, which means you have to upgrade the website. In this case, you will get $100 per person. Which means if you will bring someone and he has, he will create websites using widths. And he needed to upgrade that website. In this case, he will get his brain mu1 sites and you will get $100. The same thing if you are bringing another, another ones, but you have to bring only five people per year. So that was the middles. Does I know that you can use for to get my money from your website. Then there is other metals, which means if you want to buy your videos, etc. This is another thing what I am talking just about. If you want to put some ads, etc.. So that's all for today and I'll see you in the next video. Bye. 23. The final website: Well, for a hobo wind. Hobo wind. Okay. Okay.