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

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

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

Download Exercise Files

Transcript

Hi, my name is Dan. In this video we're going to look at Hosting. Up until now what we're been doing is we've been previewing our website locally. It just means, on my hard drive here, on my Desktop, here's my website, and there’s my index page, my css. So it's on my hard drive, and I'm just 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. All we need to do now is set up what's called a Remote Server.

To do that, you need a hosting account. It doesn’t matter who you set up your hosting with, but there'll be 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. Check that out if you're interested. Doesn't really matter who you're using. I'm going to use GoDaddy though because it's probably the world's most commonly used domain name, so hopefully it will help most of you out. Drop me a letter in the comments if you're having problems with your hosting, and I'll see if I can help you with those as well.

To do it, first of all, you need to pay for hosting. We're not going to cover that too much. If I go up to here, I'm on godaddy.com, I go to 'Hosting', I'm going to 'Website Hosting'. Down the bottom here, there's Economy, and Deluxe, and Ultimate, pretty much all hosting companies have this kind of 3-tiered system. Entry, kind of middle, and then, like big business stuff. You'd probably only need Economy. Probably the main thing to check out with any hosting is that, that's in case, it's probably this one here, the storage. At the moment it's got 100GB of storage, and that's crazy thing for what we've got, because if I look at my site at the moment, and I go to Bootstrap, and find out how big this is. Let's have a look. At the moment it is not even 1MB. They're going to give you 1000MB. Oh no, even more, 100,000MB. We've only got 1, they're going to give you 100,000. So this will be totally fine for most people forever. Thing is though, check out their price, they're all sneaky. They say, it's this price, except it's this price later on. So I think for your first year, if you're doing an annual one, it's €5, which is US $5 as well, then it goes up a little bit later on, but anyway you've bought it, you've paid for it.

I'm going to log into my account and show you how to set it up, and connect it up with Dreamweaver. So let's assume we've already paid for it, we've signed up, we've got a domain name, and we've got a hosting account. So I'm going to sign in to my account, click 'Sign In'. Close that down. I'm going to go to 'Web Hosting', 'Manage'. I'm going to go to 'Manage'. There's something in, called the cPanel. Now if you're using a different hosting account you would be looking for this word, cPanel somewhere. I'm doing it through GoDaddy, but you'll have something looking like this.

GoDaddy looks quite pretty back here. Lots of other hosting accounts look really awful in this backend part. Now, earlier on in the video series I said that GoDaddy does not do backups, I lied. I found this when I was preparing for this tutorial. They do an easy backup. You click on it, and you download 'Full Website', and what happens is it copies a version of it into your server. There's a way you can go through, and follow their guide to reinstall it if you ever have a problem with your website. What I'm going to do now is just skip that. I also called them as well just to check out on another backup, and what I have signed up for, which I didn't realize they do. It's costing be about €2 a month which is near enough the same for US Dollars at the moment. They're doing an automatic daily backup for 30 days, kind of ongoing. Seems like a bargain for me, in case you end up deleting your website, which I've done before. It just means there's an automatic way of backing it up. This is the manual way, free, or you can set up an automatic one, done through GoDaddy.

So we go back to the Home path. What we're looking for is FTP Accounts. It won’t matter whether you're using GoDaddy or something else, you'll find this FTP Account somewhere. What we're looking to do, is we're looking to create a new one now. I'm going to put this one in, called 'testing'. So it's going to be called [email protected] Password, enter your password. Password is strong, awesome. What you want to do, in this case, it's going to put it in a directory. I don't want it in a sub-folder. This would make a folder on my website, and I want it to go straight into this. This is what's called the Root folder. So if I upload my website and if I upload that indexpage.html to here, and if somebody goes to bringyourownlaptop.com, it will have that page. The page will be visible. Because I'm doing a little hack, and doing some testing, I'm going to put it in a sub-folder, you should not be doing this. Because what's going to happen now is, I'm going to have to go to bringyourownlaptop.com/testing, to find this. So, if you're going to do a full website, you don't have to put this extra sub-folder here. So, leave it off.

Quota, I'm going to have 'Unlimited', and I'm going to 'Create FTP Account'. So down here, is my testing. I'm going to go along to here, and click 'Configure FTP Client'. This is going to give me some basic info that I need. So I'm going to copy this. Don't try and type it out. Spelling mistakes are always my problem. Whenever I do a FTP, and things don't work, it's because I've spelled it wrong. I assumed I put 'testing' but I put 'testings' in there. Just going to make sure it's perfect. So [email protected], now we're going to jump into Dreamweaver. Now in Dreamweaver, I'm at my site, I'm at my Local view. And what I want to do is get this Remote Server going. To do it, I'm going to 'Site', 'Manage Sites'. I'm going to be working on this particular site here, I double click it. Now I'm going to go into 'Servers', and hit this '+' button. I'm going to call this one 'Go Daddy Hosting'. Now this, you can type anything you like, you can call it anything you like, doesn't matter what you write in there. This bit's important though. FTP username and password. Username is, in this case is [email protected] And the FTP address, or the server address is this FTP address here. If you are unsure, or your domain name doesn't give it, often it's ftp dot whatever your domain name is. My password, I'm not telling you that.

Root Directory, now, mine should be going into that Testing folder. Now, in GoDaddy, I don't need to put anything in the root directory. Sometimes though, you might need to put in-- if yours is not working, you might try this, 'public_html'. That might help you out if yours is not working. The Test is working. You need to be connected to the net. And you can see, mine is connected successfully. Pretty much there, Make sure you double check everything.

Another thing, you can see here, with the Port, that's the really common port for FTP. Mine's says it over here, 21. That should be all I need to do, I'm going to click 'Save'. Click 'Done'. And over here, I'm going to switch from Local view, which is looking at everything that's on my hard drive, to Remote Server. Let's go take a look at that folder. Or look at my domain name, bringyourownlaptop.com Remember, for my one though, I've got that sneaky extra folder called Testing. That's testing, so ignore that. We're not at the Boot Domain, there's nothing there. So, what I want to do is, I've got my Index page, I'm going to go to 'Site', and I'm going to go to 'Put', and we have our fingers crossed. It's going to ask, "Would you like to put dependent files?" Because what's going to happen is, if I hit 'Yes', what it's going to do is, it's going to upload this HTML page, and also all the images that come along with it, and also the css, and also this javascript, and all these extra bits that go along. These are the dependent files. If I say 'No', it's going to upload the index page just by itself, and none of the extra files. You'd only do that if you made just a slight change in HTML.

Watch this, it's going to take a little while. Because I said 'Yes', all the independent files, it's going to go through, and it's going to take, not forever, but it's going to take a long time to go through and upload all these files. Say I make a text change, just at the word 'Print' here, I change it to something else, I call it 'Paper', and I save it, I don't want to upload the images again because they haven't changed. So what I'm going to do is go to 'Site', 'Put', and then, dependent files, I'll say 'No', so I'll just load my HTML. So it's going across eventually. There it is there.

So now, on my Remote site, it's copied the whole thing along. Let's go and see if it works, so I'm going to go to bringyourownlaptop.com Not the Home page because I've already got a site on that one, my Training site. If you want to go to '/testing'-- was testing with a 's', I guess it was. It's 'testing' without. And there's my website. Good thing about that is that you'll be able to now go up here and go to bringyourownlaptop.com/testing, and you'll be able to see the site. It should be up there, and working, and doing exactly what we see here. So that all went pretty smoothly. I've done it loads of times, and GoDaddy has a particularly easy ui to go through and get to source it up. This is probably for my students, probably the hardest thing to do, is to get FTP set up, it can be a real big pain, so I've got a video next, it will go through all the common problems you have when you're setting up your hosting with Dreamweaver. And we'll separate that into a separate video.

So everything's online. I'm happy, you're happy, let's move on.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024