1 00:00:08,790 --> 00:00:13,694 Hi, this video is gonna be a quick tutorial on the cPanel interface for 2 00:00:13,694 --> 00:00:15,200 managing your site. 3 00:00:15,200 --> 00:00:18,641 Let's go ahead and say that you've gotten a job or you have a homework assignment, 4 00:00:18,641 --> 00:00:19,686 and someone says, hey. 5 00:00:19,686 --> 00:00:23,170 I want you to go ahead and put your site up on the web. 6 00:00:23,170 --> 00:00:27,401 Many people's first reaction is, great, how do I do that? 7 00:00:27,401 --> 00:00:30,620 So, one of the most common ways is to use the CPanel interface. 8 00:00:30,620 --> 00:00:35,090 In order to use it, what you need to do is have the URL for your cPanel account, or 9 00:00:35,090 --> 00:00:36,860 your web hosting account. 10 00:00:36,860 --> 00:00:41,185 So if you have a domain name, such as introwebdesign.com or 11 00:00:41,185 --> 00:00:45,670 yourname.com, when you created your account, and you got your domain name and 12 00:00:45,670 --> 00:00:51,030 hosting service, they should've sent you an email that says what your URL is. 13 00:00:51,030 --> 00:00:56,380 So usually your domain name followed by slash cPanel is where you need to go. 14 00:00:56,380 --> 00:01:00,540 Once you go there, you come to a nice login where you can access your different 15 00:01:00,540 --> 00:01:03,120 files, and I'm gonna show you in real time in just a few minutes. 16 00:01:04,520 --> 00:01:07,390 So, what a file manager does is that it's a way for 17 00:01:07,390 --> 00:01:10,670 you to upload or download your files. 18 00:01:10,670 --> 00:01:15,180 This means you take them from your computer and you put them up onto the web. 19 00:01:15,180 --> 00:01:18,680 So, regardless of the kind of CPL configuration you have, one of the first 20 00:01:18,680 --> 00:01:22,850 things you wanna learn how to do is figure out how to find the File Manager. 21 00:01:22,850 --> 00:01:25,935 From the File Manager, you're going to look for a special folder called 22 00:01:25,935 --> 00:01:31,860 public_html, or in some cases just public, or they may have dropped the html. 23 00:01:31,860 --> 00:01:34,890 But the important thing is that you want to find the word public. 24 00:01:36,522 --> 00:01:40,017 Your public_html folder is going to have a lot of different files, 25 00:01:40,017 --> 00:01:43,101 some that you want people to see, and some that you don't. 26 00:01:43,101 --> 00:01:46,672 I mean, if you think about it, when you go to Amazon or other different sites, 27 00:01:46,672 --> 00:01:50,349 there are certain pages they want you to be able to access, but there are many more 28 00:01:50,349 --> 00:01:54,250 important, confidential files that you should not be able to get to. 29 00:01:54,250 --> 00:02:00,350 So uploading files to your public HTML folder makes them viewable to the public. 30 00:02:00,350 --> 00:02:04,250 So let's say that we're at my website, and I decide I wanna upload a new file. 31 00:02:04,250 --> 00:02:05,712 In fact, here's a file right here. 32 00:02:05,712 --> 00:02:10,416 It's a pretty simple one, it's not even a full file, and 33 00:02:10,416 --> 00:02:13,778 it is just a file with two images of my dog. 34 00:02:13,778 --> 00:02:19,840 Okay, so I would go here, and I would go to my URL, and I would add on cPanel. 35 00:02:21,050 --> 00:02:24,040 What should pop up from here, is a username and place for 36 00:02:24,040 --> 00:02:25,410 me to enter my password. 37 00:02:25,410 --> 00:02:28,140 Now if you're not sure what your username and password are, 38 00:02:28,140 --> 00:02:31,990 just make sure to go back to the email that your hosting service sent to you. 39 00:02:31,990 --> 00:02:33,500 They'll tell you what it is. 40 00:02:33,500 --> 00:02:35,370 So once I log in, 41 00:02:35,370 --> 00:02:39,730 you tend to have a fairly familiar site set up when you're using cPanel. 42 00:02:39,730 --> 00:02:43,420 Now, different cPanel accounts are gonna have different software that you can use, 43 00:02:43,420 --> 00:02:48,140 but the one thing that they will all have is something called the File Manager. 44 00:02:48,140 --> 00:02:52,020 So head down here, and I find the File Manager. 45 00:02:52,020 --> 00:02:53,570 There's gonna be lots of different options. 46 00:02:53,570 --> 00:02:58,149 I usually just go with the default or find where it says public _html. 47 00:03:00,200 --> 00:03:03,490 All right, so when I login, everyone's is going to look different 48 00:03:03,490 --> 00:03:06,320 because it depends on what files you've already uploaded. 49 00:03:06,320 --> 00:03:11,360 For many of you, the first time you go in, you will only see the cgi-bin folder. 50 00:03:11,360 --> 00:03:13,130 Go ahead and leave that alone. 51 00:03:13,130 --> 00:03:15,770 So I wanna upload my file over here. 52 00:03:15,770 --> 00:03:19,776 So I'm gonna go ahead and go to Upload > Choose File, and 53 00:03:19,776 --> 00:03:23,120 I am going to pick, oops, it's right up here. 54 00:03:26,837 --> 00:03:30,365 Safari images, short.html. 55 00:03:30,365 --> 00:03:32,412 Here we go. 56 00:03:32,412 --> 00:03:34,170 All right, as you can see down in the corner, 57 00:03:34,170 --> 00:03:36,690 it's showing that it should be uploading correctly. 58 00:03:36,690 --> 00:03:39,890 So go over here, and I want to check and make sure it there. 59 00:03:47,162 --> 00:03:52,540 Oh, it didn't work, and now we wanna think about why that didn't work. 60 00:03:52,540 --> 00:03:55,840 Okay, so I have here some issues that may have gone on 61 00:03:55,840 --> 00:04:00,810 along with the one I already showed you, and that is wait, why can't I see my file? 62 00:04:00,810 --> 00:04:02,980 Well, there are three main reasons. 63 00:04:02,980 --> 00:04:07,060 The first might be that you typed in the wrong URL. 64 00:04:07,060 --> 00:04:08,860 So, go back and check that out again. 65 00:04:08,860 --> 00:04:11,370 Did I make sure to type in the right file name? 66 00:04:11,370 --> 00:04:13,860 Maybe I forgot I had an s or something else down there. 67 00:04:14,960 --> 00:04:18,660 Second, when you uploaded the file, the transfer didn't work. 68 00:04:18,660 --> 00:04:20,630 So many times when you're uploading, 69 00:04:20,630 --> 00:04:24,770 you wanna make sure that there weren't any error messages on the cPanel. 70 00:04:24,770 --> 00:04:26,730 The final one, which we'll show you right here, 71 00:04:26,730 --> 00:04:31,210 is that when you uploaded the file, you did not have what we call read access, and 72 00:04:31,210 --> 00:04:34,590 this happens a lot when you're dealing with images. 73 00:04:34,590 --> 00:04:36,850 What this means is that your computer said, oh, 74 00:04:36,850 --> 00:04:40,640 sure, I'll put this file on your site, but I'm not gonna let anybody else see it. 75 00:04:41,900 --> 00:04:46,230 So, what we need to do, is we need to go in and we need to change the permissions 76 00:04:46,230 --> 00:04:48,740 for that image, and I can show you how to do it right now. 77 00:04:49,980 --> 00:04:53,380 So, one of the things that I wanna do is I wanna look at the code that was 78 00:04:53,380 --> 00:04:54,770 uploaded to the server. 79 00:04:54,770 --> 00:04:58,050 So, I'm gonna go ahead and do, I did a right a click, and 80 00:04:58,050 --> 00:05:00,030 now I'm gonna do View Page Source. 81 00:05:00,030 --> 00:05:03,361 And you can see that it says the pictures that it's looking for 82 00:05:03,361 --> 00:05:06,645 are both called bacon and they're inside an images folder. 83 00:05:06,645 --> 00:05:09,040 Oh, well, that's where my first mistake was. 84 00:05:09,040 --> 00:05:12,351 Let's go back over here, and you can see, oh, great. 85 00:05:12,351 --> 00:05:15,090 I'm gonna reload it. 86 00:05:15,090 --> 00:05:17,390 Here's that HTML file uploaded. 87 00:05:17,390 --> 00:05:21,990 I completely forgot to upload the images that go with the HTML file. 88 00:05:21,990 --> 00:05:23,840 So I'm gonna go ahead and create a new folder. 89 00:05:24,850 --> 00:05:28,590 Call it images, and I'm gonna upload it. 90 00:05:28,590 --> 00:05:33,890 And from there, I am going to upload the picture. 91 00:05:42,344 --> 00:05:43,020 Great. 92 00:05:43,020 --> 00:05:44,930 So let's go over and check and see how we're going. 93 00:05:46,680 --> 00:05:49,023 Oops, that's not the right one. 94 00:05:49,023 --> 00:05:50,793 I'm going to refresh it. 95 00:05:50,793 --> 00:05:51,451 Oh, great. 96 00:05:51,451 --> 00:05:54,920 Look, it worked for one of my files, but not the other. 97 00:05:54,920 --> 00:05:57,280 So let's look at that source code one more time. 98 00:05:57,280 --> 00:06:00,174 And you can see that I put in an intentional mistake. 99 00:06:00,174 --> 00:06:03,995 When you're working locally, when you're creating files on your C drive or 100 00:06:03,995 --> 00:06:06,188 your desktop, your browser's very nice. 101 00:06:06,188 --> 00:06:09,208 It's kind of like the helicopter parenting of browsers. 102 00:06:09,208 --> 00:06:11,940 And it'll say, oh, I know what she meant. 103 00:06:11,940 --> 00:06:15,932 So here, I put the wrong file extension, I used capital J-P-G, 104 00:06:15,932 --> 00:06:18,010 instead of lower cased. 105 00:06:18,010 --> 00:06:22,450 So, while it was great for then, that's not so great now. 106 00:06:22,450 --> 00:06:26,877 So what I wanna do, is I wanna go back over here, go up one folder. 107 00:06:26,877 --> 00:06:34,128 I'm going to what we call work on this here, Code Editor. 108 00:06:34,128 --> 00:06:36,744 And I'm going to change this to jpg. 109 00:06:41,487 --> 00:06:43,420 Let's see how it goes. 110 00:06:43,420 --> 00:06:45,500 Great, now our pictures are working. 111 00:06:46,700 --> 00:06:49,260 So, what you may notice is that I went in, and 112 00:06:49,260 --> 00:06:52,060 I changed my file as it was on the server. 113 00:06:52,060 --> 00:06:53,880 There are two different ways to change your files. 114 00:06:53,880 --> 00:06:58,450 One, is you can edit your files via cPanel, but I don't normally do that. 115 00:06:58,450 --> 00:07:01,280 Instead, what I like to do is I like to work locally, 116 00:07:01,280 --> 00:07:06,430 which means I only change my files when they're on my laptop or my desktop. 117 00:07:06,430 --> 00:07:09,730 The reason that I don't like to make changes on cPanel is that, 118 00:07:09,730 --> 00:07:12,730 first of all, the changes are immediately public. 119 00:07:12,730 --> 00:07:16,560 So if you put in a typo or something you didn't mean to have, it's out there, and 120 00:07:16,560 --> 00:07:18,050 you can't really fix it. 121 00:07:18,050 --> 00:07:20,890 Secondly, there's less opportunity to test and debug. 122 00:07:20,890 --> 00:07:24,720 So sometimes during my lectures I may show you that I'm working on files on cPanel, 123 00:07:24,720 --> 00:07:26,870 but I really avoid doing that. 124 00:07:26,870 --> 00:07:29,670 So at some point you are more than likely to be using 125 00:07:29,670 --> 00:07:32,450 cPanel to upload files to your server. 126 00:07:32,450 --> 00:07:35,230 Different version of cPanels are gonna offer different tools 127 00:07:35,230 --> 00:07:39,640 depending on if you're using a paid or a free site even among paid sites, 128 00:07:39,640 --> 00:07:41,300 there are many different variations. 129 00:07:41,300 --> 00:07:44,830 One of the things that you should do if you're interested in becoming more of 130 00:07:44,830 --> 00:07:48,230 an administrator is look into the different administrative tools 131 00:07:48,230 --> 00:07:50,020 that CPanel often offers. 132 00:07:50,020 --> 00:07:53,900 There are emails accounts, database management and cron jobs. 133 00:07:53,900 --> 00:07:57,390 Cron jobs are one of my favorite, because I teach all my freshman how to have their 134 00:07:57,390 --> 00:08:01,750 email automatically sent to their mothers at 9 AM saying they're studying hard. 135 00:08:01,750 --> 00:08:06,600 An alternative to using cPanel is to use something such as SFTP to transfer files, 136 00:08:06,600 --> 00:08:08,980 or other file transfer protocols. 137 00:08:08,980 --> 00:08:12,330 But the important thing to do is to learn that when you're using cPanel, 138 00:08:12,330 --> 00:08:16,180 you're going to make little mistakes and little things aren't going to work. 139 00:08:16,180 --> 00:08:21,480 The important thing to do is to relax, go in and follow the three steps I mentioned. 140 00:08:21,480 --> 00:08:23,065 Make sure you uploaded the file. 141 00:08:23,065 --> 00:08:25,154 Make sure you don't have any typos. 142 00:08:25,154 --> 00:08:28,420 And make sure that you have the permission set to the way they need to be. 143 00:08:28,420 --> 00:08:30,155 If you do that, you should be fine.