11 - Publishing your website to the internet

Questions & Comments

Chris Gilbert - 1 year ago

Please can you make a tutorial on e-commerce and how to make a shop in dreamweaver? If not do you have any tips?

Administrator Daniel Scott - 1 year ago

Hey Chris, Yeah It's totally on my radar for a course soon. Out of interest, what types of goods/services would you be selling via the store? - Dan.

Ronnie Patrick - 1 year ago

Great Class!! Many Thanks! http://ronportfolio.info here my site! yay!

Administrator Daniel Scott - 1 year ago

Hey Ronnie, such good work on the site. Especially the 'dan the man' - extra points for that. Works on mobile & tablet. Plus you FTP'd it up which is always a drama if you're new. - Dan.

Catherine Wilkie - 1 year ago

Hi Dan. I've managed to publish my site thanks to your excellent tuition! However; I have a problem when viewing it on my I phone in that the Slicknav menu is not there just the normal menu in a tiny size. It works perfectly when I view it on my phone using the QR reader, or by scaling the screen down on my desktop, just not online; can you help please? Thanks

Administrator Daniel Scott - 1 year ago

Hey Catherine, What is your website URL? I'll take a look. It's probably the media query width. Maybe your mobile media query is set to 375px but your phone is 400px wide. So it shows the desktop version. Make your media query bigger (450px) just to check to see if it fixes it. - Dan.

Edgar Rojas - 1 year ago

Hi Daniel here is my website but I am having such a hard time with the breakpoints, seems I get tablet view on iPhone. So how would you fix this problem? specially if you have different phones out there?

Edgar Rojas - 1 year ago

Hi Daniel it's me again, my problem was solved by using the view port meta tag in my head to tell the mobil device to treat width and device width as being equal hur·rah!!!!! now I can go and sleep!!!
<meta name="viewport" content="width=device-width, initial-scale=1">

Administrator Tayla Coman - 1 year ago

Well done Edgar! Was your friend Google your best friend for fixing this problem? Congrats! And your site is looking great!

Brielle Pearson - 1 year ago

Hi Dan,

This may be a stupid question, but how do I connect my domain to the ftp account and/or on Dreamweaver in order to preview my website? I already had a Blue Host account that I used for most of my Wordpress sites, so I created an ftp account there. I followed your directions but I don't see anywhere to insert my domain name.

Let me know!

Administrator Daniel Scott - 1 year ago

Hey Brielle, You'll need point your domain 'DNS' with your bluehost FTP account. If your domain is registered with Bluehost then it should be easy. Just ask them to do it. If it's another company with the domain, you should still reach out to Bluehost for help.

Ben Henry - 1 year ago

Hello, I have to see I have really benefitted from this class. I'm a designer who has always been vexed by how difficult it is to take a design in Photoshop and turn it into a live website. This tool at least makes it possible to do that in very precise ways. I've watched the video series multiple times and am very pleased with this experience!

I am writing tho because I am very perplexed with a problem I'm having. I have coded my website and happy with how it's turned out. I use the media query technique to make the site responsive. When I preview my site on my device (using the QR code feature that Dreamweaver offers) the responsivity works like a charm. BUT, when I go to upload to the server, it is not responsive and I get my global desktop view (which results in the layout being very tiny). Have you ever encountered anything like this?? Please help! Here's the site I'm working on. http://benhenry.com


Ben Henry - 1 year ago

Hey nevermind, just read Edgar's comment above and it fixed the problem!

Administrator Tayla Coman - 1 year ago

Hi Ben, Thanks for that!

Jamie Cole - 9 months ago

Hi, when I upload my website to goDaddy, I use the Linux control panel. When I visit the website on mobile and tablet, the responsive changing of it doesn't work. It shows desktop view on mobile and tablet, any way to fix this?

Administrator Tayla Coman - 9 months ago

Hi Jamie, you need to add the following line of code to the head of your html page: <meta name="viewport" content="width=device-width, initial-scale=1.0">

peter long - 6 months ago

Hi Dan great course have you done any work with 360 images or video

ALL ACCESS: $12 per Month + Cancel anytime   

Video Transcription

Great, so we've created a site, now we want to get it online. We're going to use-- we need a host, and a domain name. You generally buy those together. I've got a whole course of my domain names, and hosting. Let's go into the quick version here, to get you going. So, log into your account. I only use 'GoDaddy'. It's the world's biggest, most popular hosting. If you got something else, it's not far off, there'll be slight quirks. 

What we're going to do is, I'm going to log in to my account. Okay, so what I want to do is go to web hosting. We already bought our web hosting, and paid for a domain name. We've got the basic hosting. Hit 'Manage'. Wait for it to load. 

You're looking for this thing, called FTP Accounts, it's our File Transfer Protocols. They tell you how you upload your website to your hosting service. So, to create one, you put it in here, you're going to call this one 'Testing'. You can give it your name. It doesn't really matter. Doesn't have to be an email address, kind of looks like it, but no, you can just make up anything in here. Give it a password.  Make sure it's a really good one, not like my one here; a very simple one. I'm going to go and delete this account, just in case, right after this.  

Now the big thing when you’re using GoDaddy is that-- can you see it? Put in a username here, it's going to make a sub-folder; it’s not what I want. It needs to go into 'public_html' Now, that's kind of a tradition, where things go. Now if you're using somebody else's web hosting, they'll tell you whether it's-- sometimes it has htdocs, and some names, and public, and nearly always though, it has public underscore html 'public_html'. It's like the root of everything that it goes into.   

Click 'Create account'. And the only thing we need to know now is-- well, we need to be using our own username, and our own password. So just jump into Dreamweaver. Let's open up our site, and go to 'Manage Sites'. Here's 'Dans Portfolio'. We made this right at the beginning, right? That's the one where we-- in here, remember we did the local folder on our hard drive, and we told it where the images went.  

Now what we're going to do is go to this one called 'Servers', and then hit '+', and then in here, we're going to call it 'GoDaddy'. It doesn't really matter what you call it in here. FTP, perfect. The FTP address. Now this can-- if you're not using GoDaddy, this can be different. 'Bringyourownlaptop.com'.  

Sometimes, it doesn't need the FTP, for some hosts. In this case it does. Username was 'testing@bringyourownlaptop.com'. Now again, sometimes, some hosting just needs the username, they don't need all this junk. Add password, put that in. And now you're going to hit 'Test' and you're going to cross your fingers. Hey, connected successfully. 

Now, that worked for me, because I know what I'm doing. Hosting is by far the hardest bit to get set up. Now, don't be afraid if it's still not working. You've tested it, you've tried the FTP without this username. And, the other things you can try is, down here, the ‘root directory, sometimes you need to put in a public underscore html, forward slash, 'public_html/'. Down here, sometimes, under ‘More Options’, you need to turn off  'Passive FTP'.  There's a few little things you can play around with, but my advice is, don't stress too far, or too long, just email the hosting company. Send them a screenshot of this here, and say, 'This is the details I need. What is it?' And more often than not they send you the details.  

So now, what you do, is hit 'Save', hit 'Done'. Great! Click 'OK'. Great! And, now what you do is you go up to 'Site'. So it's connected now, but nothing's really happened.  You got this thing called 'Local', and you got this other one now, called 'Remote'. And that's what we want. Local's on our machine. Remote is GoDaddy, it's the hosting service. And we go to 'Site', and we go to 'Put'. And, you hit 'Put’. It's going to go through and connect, and then it's going to ask you, 'Would you like to put up the dependent folders?' And you click, 'Yes'. The dependent folders are things like-- it's going to put the html up, but then it needs to put the css up, there's other css, and Javascript. It goes through, and puts up all the images.  

I'm going to hit 'Cancel' in this case. Why? Because at the moment, I'll upload this weird, not weird, but this portfolio over the top of my website 'Bringyourownlaptop.com'. I don't want to do that, but what you do is, let it run through, then you go to 'Bringyourownlaptop.com', or your url, and your portfolio should be there. Now if it doesn't, just drop me a line add in the comments, and I'll give you a hand.  

Definitely, connecting the server up is the hardest bit for anybody, it's even-- it's still hard for me. I hate it when I get a new host, or if I'm using a client's new host, and I have to work out all the different settings. 

All right, that's how to connect a site using GoDaddy, and yes, that will be it for this video. 

ALL ACCESS: $12 per Month + Cancel anytime