🚨 Heads up! This course is no longer supported. We recommend checking out our Webflow Essentials course.

How to upload your Dreamweaver website using Godaddy.com

This lesson is exclusive to members

Course contents
SECTION: 9
How to backup 4:44
SECTION: 17
Finished 1:58

Questions

0
0
0
0
0

Course info

53 lessons / 5 hours

Overview

NOTE: this course uses Bootstrap 3. Dreamweaver has recently updated to Bootstrap version 4. You can change it back to 3 using the ‘New Document > Bootstrap > Preferences'. Please do this before starting the course.

Some versions of Dreamweaver will require you to download the specific Bootstrap version you want to use and link it within the site. You can download Bootstrap 3 here: http://getbootstrap.com/docs/3.3/

Hi - my name is Dan and I’ll be leading you through this course on how to Make money building mobile friendly websites using Dreamweaver.

I built this course for the visual person, the right brained person. We won't hide from code but we'll use all the visual tools that makes Dreamweaver so amazing.

These are the skills you’ll need to become a professional web designer. You’ll learn how to make responsive websites in Dreamweaver as well as learning what to charge and how to manage a website project.

We cover everything you need to build your first website. From creating your first page through to uploading your website to the internet. During the course we’ll create a website for a mock creative agency - creating mobile and desktop versions. See our example here:

I’m a Dreamweaver Certified Instructor and an Adobe Certified Web Specialist.

With exercise files you can download and work along with me. At the end of each video I have a downloadable version of where we are in the process so you can compare your project with mine making it easy to see where you might have a problem.

I’ll be showing you how to work with Dreamweaver to easily create HTML & CSS websites. How to create mobile and tablet versions of your design and how to test your website on your phone.

I’ll be teaching you how to create navigation bars, how to work with responsive images and favicons.

We’ll work with Dreamweaver’s new Bootstrap integration to easily add carousels, tabbed menu’s and accordions. Even easier you’ll learn to impress clients by embedding videos, calendars, maps, event ticketing & social sharing options. 
 
 Know that I’ll be around to help - if you get lost you can message in the forum and together we’ll get you back on track.

Now it’s time to upgrade your skills, get that better job and impress your clients.

What are the requirements?

  • You'll need a copy of Dreamweaver CC 2015 or above. A free 30 day trial can be download from Adobe here.

  • No previous Dreamweaver or web design experience is necessary.

  • If you're not sure if this course is right for you. Email me what you’re trying to do and check if you’re on the right track.

What am I going to get from this course?

  • 60 lectures 3 hours of content!

  • Forum support from me. 

  • All the techniques used by professional website designers.

  • Ways to preview your designs straight to your mobile device.

  • Firm understanding of responsive web design.

  • Professional workflows and shortcuts. 

  • A wealth of other resources and websites to help your new career path.

What is the target audience?

  • YES: This course is for beginners. For people who prefer not to work in code. Aimed at people new to the world of web design. No previous Dreamweaver experience is necessary. People with knowledge of previous versions of Dreamweaver CC 2014 and below will also get great value from this course as the software has changed so much.

  • NO: This course is NOT suited to people experienced in using HTML & CSS. If you prefer to work in code only then this course isn’t right for you.

Course duration 5.5 hours + your own study.

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Downloads & Exercise files

Transcript

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.
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025