Hey, my name is Dan and in this video we're gonna look at hosting. So, up until now, what we've been doing is we've been, uh, previewing our website locally, which just means on my hard drive here on my desktop, here's my website and there's my index page and my CSS and the, so it's on my hard drive and I'm just pre, uh, previewing it through Google Chrome just to see what it looks like. Now, nobody else can see this website yet because it's still only on my hard drive, which is called local. What we need to do now is set up what's called a remote server. Now, um, to do that you need a hosting account. Um, it doesn't matter who you set up your hosting with, um, but there'll be two things.
Two parts to that. One is you need to pick a domain name, and the other one is you need to buy a hosting account. Now, domain names, I've got a whole video series on how to pick a domain name. Um, check that out if you're interested. It doesn't really matter who you're using. I'm gonna use GoDaddy though, because it's probably the world's most commonly used domain names.
So hopefully it'll help most of you out. Um, drop me at night in the comments if you are having problems with your hosting, and I'll, uh, see if I can help you with those as well. So to do it, first of all, you need to pay for hosting. We're not gonna cover that too much, but if I go up to here, um, I'm at godaddy.com, I'm gonna go to hosting, I'm gonna go to website hosting, and down the bottom here, there's an economy Deluxe and Ultimate, pretty much all hosting companies, um, have this kind of like three tiered system, um, entry, kind of middle, and then like big business stuff. Um, you'll probably only need economy. Um, the, probably the main thing you need to check out for any hosting is that, um, this in case, uh, it's probably this one here, the storage, um, at the moment it's got a hundred, um, gigabytes of storage.
And that's crazy big for what we've got. 'cause if I look at my site at the moment and I got a bootstrap and I find out how big this is, um, let's have a look. It is at the moment, it is not even one megabyte. Okay? So, um, they're gonna give you a thousand megabytes, okay? So, oh no, even more a hundred thousand megabytes.
Okay? So, um, we've, we've only got one. They're gonna give you a hundred thousand. So this will be totally fine for most people forever. The thing is though, check out their price. They're a little sneaky.
They say it's this price except it's this price later on. So I think for your first year, um, if you do an annual one, it's uh, five euros, which is about $5 US as well. But it goes up a little bit later on. Anyway, you've bought it, you've paid for it. I'm gonna log into my account and show you how to set it up and connect it up with Dreamweaver. So let's assume now we've already paid for it.
We've signed up, we've got a domain name and we've got a hosting account. All right? So I'm gonna sign in, uh, to my account, click sign in, close that down, right? I'm gonna go into web hosting, gonna manage great. I'm gonna go to manage and this into something called the cPanel. Now if you're using a different hosting account, you will be looking for this word CPA somewhere.
Um, I'm doing it through GoDaddy, but you end up something looking like this. Um, GoDaddy looks quite pretty back here. Lots of other hosting accounts. Look, um, really awful on this backend part. Now, earlier on in the video series I said that GoDaddy does not do backups. I liked, I found this when I was going through doing, uh, preparing for this tutorial.
They do an easy backup. You click on it and you download the full website. And what happens is, is it copies a version of it into your server, blah, blah, blah. Um, uh, there's a way you can go through and follow their, um, guide to reinstall it if you ever have a problem with your website. And what I'm gonna do now is, um, skip that. What I, what I also called them as well just to check on not the backup.
And what I've signed up for, um, which I didn't realize they do, is it's costing me about two euros a month, which is near enough, the same for US dollars at the moment where, and they're doing an automatic daily backup for 30 days kind of ongoing. Seems like I've bargain for me. In case, uh, you end up deleting your website, which I've done before, okay? And it just means there's an automated way of backing it up. This is the manual way for free. Or you can set up an automatic one done through GoDaddy.
So I'm gonna go back to the home part and what we're looking for is you're looking for FTP accounts. Now it won't matter whether you're using GoDaddy or something else, you'll find this FTP account somewhere. And what you're looking to do is we're gonna create a new one now. Okay? So, um, I'm gonna put in this one called testing. Um, so it's gonna be a account called
[email protected].
Um, password. Enter a password. Password is strong. Awesome. And what you want to do in this case is it's gonna put it in the directory. It's gonna be, I don't want it in this sub folder.
This would make a folder on my website. Um, I want it to go straight into this. This is the what's called the root folder. So if I upload my website, uh, if I upload the index page, do h TM L to here, it will. And if somebody goes to bring your laptop.com, it will have that page, um, uh, that, that page will be visible because I'm doing a little hack and doing some testing, I'm gonna put it in a sub folder. You should not do this.
'cause what's gonna happen now is I'm gonna have to go to bring your laptop.com/testing to find this. Okay? Um, so, uh, if you're gonna do a full website, you don't have to put in this extra sub folder here, okay? So leave it off right Quota, ah, I'm gonna have unlimited and I'm gonna create this FTP account. Awesome. Okay, so down here, here's my testing.
Um, I'm gonna go along to here and click configure F two P client. And it's just gonna gimme some basic info that I need. Um, so I'm gonna copy this, don't try and type it out. Spelling mistakes are always my problem. Um, whenever I, uh, doing FTP and things don't work, it's 'cause I've spelled it wrong 'cause I assumed I put testing, but I put testings in there, okay? You just gotta make sure it's perfect.
So testings that. Bring on i talk com and then we're gonna jump into Dreamweaver now in Dreamweaver, okay, I'm at my site, I'm at my local view and what I wanna do is get this remote server going to do it. Um, I'm gonna go to site and go to managed sites. I'm gonna be working on this particular site here. I'm gonna double click it. Now I'm gonna go into servers.
I'm hit this little plus button. Alright, I'm gonna call this one Go Daddy hosting. Now this you can type anything you like, it doesn't mean you can call it anything you like. Doesn't matter what you write in there. This bit's important though. FTP, username and password.
So username is in this case, uh,
[email protected] okay? And the FTP address or the server address is this FTP address here. Okay? If you're unsure or your domain name doesn't give it often it's FTP dot and whatever your domain name is. Okay, my password not telling you that. Uh, route directory.
Now mine should be going into that testing folder. Now GoDaddy, I don't need to put anything in the route directory. Sometimes though, you might need to put in, uh, if yours is not working, you might try this public HTML that might help you out. If yours is not working to test is working, hit test, wait. You need to be connected to the net and you can see mines connected successfully, which is pretty much there. We just need to double check anything.
And the other thing you could see here was the port. That's the really common port for FTP. Um, mine says it over here in 21 and that should be all I need to do. So I'm gonna click save. I'm gonna click save, click done. And over here I'm gonna switch from local view, which is looking at everything that's on my hard drive to remote server.
It's gonna go look at that folder or look at my domain name. Bring your laptop.com. And remember from my one though, I've got that sneaky extra folder called testing, uh, slash testing. So ignore that though. So we're in our root domain. Awesome.
There's nothing there. So what I wanna do is I've got my index page open. I'm gonna go to site and I'm gonna go to put, and we're gonna go fingers crossed. And it's gonna ask, would you like to put dependent files? 'cause what's gonna happen is if I hit a yes, what it's gonna do, it's gonna upload this HTML page and also all the images that came along with it, and also the CSS and also this JavaScript and all these extra bits that go along. So these are the dependent files.
If I say no, it's gonna upload the index page just by itself, okay? And none of the extra files, you'd only do that if you've made just a slight change in H TM L 'cause you watch this, it's gonna take a little while because I said yes. All the independent files, it's gonna go through and it's gonna take not forever, but it's gonna take a long time to go through and upload all these files and say I make a text change just to the word print here. I change it to something else. I call it paper and I save it. I don't wanna upload the images again because they haven't changed or, so what I'm gonna do is gonna go cite, put and then I'll say dependent files and I'll click no.
So it'll just upload my HTML. All right, so it's going across, it's going across, it's going across eventually. Um, there it is there. So now on my remote site, it's copied the whole thing along. So let's go see if it works. So I'm gonna go to bring your laptop.com, um, not the homepage 'cause I've already got a site on that one.
It's my training site. But if you want to go to slash testing, was it testings with an SI think it was, Nope, it was testing without. All right. And there's my website. The good thing about that is that you'll be able to now go up here, um, and go to bring.com/testing and you have to see the site. Okay?
It should be up there and working and doing exactly what we see here. So that all went pretty smoothly. Um, I've done it loads of times and GoDaddy has a particularly easy, uh, UI to go through and get this all set up. Now, uh, this is probably, uh, for my students, this is probably the hardest thing to do, is to get the FTP set up. It can be a real big pain. So I've got a video next that'll go through all the common problems you have when you're setting up your hosting with Dream Mover, and we'll separate that into a separate video.
All right, so everything's online. I'm happy. You are happy. Let's move on.