Uploading your website

Questions

0

Course info

34 lessons / 3 hours

Overview

Dreamweaver (and web design in general) is such a hard program to teach yourself. We know, because as Dreamweaver trainers we have all taught ourselves. We wish we had a resource like this when we were learning.

Hand coding a website from scratch is now a thing of the past. Web designers use tools like Dreamweaver to a lot of the heavy lifting. We imagine this is your first website build and we're glad we're here to help make this process a little less troublesome. 

Who should use this?

Anyone that is brand new to Dreamweaver and anyone brand new to web design in general. If you're reasonably experienced in web design you might find this course a little slow going.

What do you need?

  • You'll need a laptop (Mac or PC)
  • Dreamweaver CC installed. Dreamweaver can be downloaded from theAdobe website here.

Can I use this tutorial with Adobe Dreamweaver CS4, CS5 or CS6?

No. Unfortunately there were some fundamental changes in the Dreamweaver CC update that makes CC and previous versions very different.

Remember you can download Dreamweaver CC free for 30 days. Don't worry - after your free trial has expired your files will still be updatable using any other web design program.

If you like the tutorials we'd love you to like, share and tweet it. We'd be very grateful.

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

Hi, and welcome to this Dreamweaver tutorial. My name is Daniel Walter Scott  and I'm a trainer here at Bring Your Own Laptop. Now in this tutorial we are gonna look at moving your files  from Dreamweaver up onto your host if you haven't already  watched the previous video in this series about how  to connect to your host. So we've done that already. And the next part is actually moving these physical  files up onto the server. So to do it, there's two ways  and we'll do it the long way to get  started with 'cause it's quite easy.

And then we'll look at a little more, um, um, quicker way,  but, um, slightly more complicated. So, um, we've got my file index do HTML open. I'd like to move this up onto my website. So I'm gonna go up to site  and go to put, okay, it tries to connect  with your server and it should work. Fingers crossed. Hopefully you've  got a faster upload speed than I do here.

Um, so it's gonna ask you, would you like  to copy the dependent files? What that means is, um, see these images here,  they're separate files on my hard drive. I can see them on my desktop in my exercise file. Where is he? Um,  so you can see they're actually separate files in here. Okay?

So these are the files that I'm using,  um, to make this website. They are what they're called dependent files. This is the actual file to put up. So if I say no, it's just gonna put up the index page. If I say yes, it's gonna put up the index plus can you see  it's putting all the JPEGs up as well. Now that they've, uh, been uploaded  or put, they should be accessible on your domain name now.

So I'm gonna jump to Google Chrome  and I'm gonna type out my website. So I've put mine in a strange place. Um, you should be able to go to, uh, dub dub  your fancy fancy  domain.com, um, and hit enter  and you should be taken to your website. Now, mine's hiding here on my website  and voila, there's our very basic website. So the dependent files have gone up, which is these images  and all my H TM L,  but if I click on about Us, hmm, bit of a problem. Okay?

The reason there's a problem is you actually,  but I'm back in Dreamweaver  now, so I've jumped back into dream. We, you actually need to put up all  of these pages separately. So I put up the index page,  but when I click the About Us page link,  it doesn't know where it is. Okay? So I'm gonna have to go to about us and go to site  and go to put dependent files. Yeah, why not do the same for contact us moving to that tab,  go to site, go to put Dependen files, go.

Yes. Alright, so all three pages should be up now. So now I should be able to go back to Chrome  and go back to my homepage and fingers. Cross code to the About Us. Yes, contact us, yes and homepage. Cool.

So it's live, it's accessible on  A website. Um, and yeah, we should be able to connect. Great. So let's jump back into Dreamweaver. So that's how you put your website up. Now we've done it in individual pages.

Um, that can be a bit time consuming if you've created,  if you've got hundreds of pages. So what you can do is watch this over here in my files. If you can't see files, you might be  on insert, click on files. I can hold shift and click all of these guys. So do whatever way you can to select some people hold shift,  some people hold command,  but whatever you can do to select all of these images. And then you see a little arrow here, it says  put to remote server.

Okay? And this will put,  would you like to put pen and files? I'm gonna say yes and we'll put them all in one go. Okay, this can be a little bit easier if you've updated lots  and lots of pages, you don't have  to do them all individually. Great. Preparing, upload, come on, slow internet connection.

Gone. All right? And they'll be up. Alright? So that's how to upload your, um, pages from Dreamweaver  to your host and making them  accessible via your domain name. Alright, I'll uh, see you in the next tutorial.
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025