Publishing your website to the internet

This lesson is exclusive to members

Course contents
SECTION: 2
Building our first mobile friendly web page 21:02
SECTION: 4
Creating the content for our website 41:11
SECTION: 5
Publishing 4:59
SECTION: 6
Conclusion 4:12
SECTION: 7
Cheat sheet & shortcuts 14:54

Questions

0
0
0
0
0
0
0
0
0
0
0
0
0

Course info

13 lessons / 2 hours

Overview

Do you want to earn more as a designer? Then stop telling everyone you’re ‘a designer, not a coder!’ It’s time you stopped missing out on a huge chunk of the income surrounding web design. If you’re a freelance, it’s time you stopped having to navigate the waters of finding and working with a coder. If you’re on staff, wouldn’t you like to be worth a lot more, and paid accordingly, because you bring more value to the company?

So before you start excusing yourself as a ‘visual’ kind of person, how about using Adobe Dreamweaver 2017 to learn, develop and deploy code within your web designs. You already know a lot about Dreamweaver, so I’d like to show you how to use the other half that you sometimes ignore because it’s hidden from view.

I’m Dan, a very experienced designer and teacher. I know design and code from years of work in the trenches as a freelance. I know how to get you to do it because I’ve spent the last few years teaching people just like you, with no previous knowledge, how to code.

You’ll learn by creating a portfolio website with the layout, graphics and code you need to sell your new skills. Or, finish your own website. To real world standards.

The new Dreamweaver 2017 has been specially redesigned to make code easier to see, easier to work with, and most importantly, easier to understand. And being an Adobe Certified Expert, I know what you can do with the new tools. I know exactly how to get you up to speed with enjoyable hands-on training that shows you how to use code and Dreamweaver 2017 the way they work best. Together.

If you’re a designer working on websites, it’s time you gained the other half of the skills it takes to get your designs online and working properly – without being at the mercy of someone else.

Upskill, take control, and create a lifelong foundation in understanding and creating code. You’ll not only be better as a designer; you’ll be far more valuable to your clients or employers.

It’s time you stopped avoiding half of your potential. It’s time you made yourself more in demand. It’s time you let me teach you code, from a designer’s perspective, with Dreamweaver 2017. Contact me now, and I’ll take you from zero to hero.

What are the requirements?

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

  • No previous Dreamweaver or web design experience is necessary.

What am I going to get from this course?

  • 13 lectures 2 Hours 11 minutes of content!

  • You'll learn to build a portfolio website.

  • Download exercise files & cheat sheet.

  • Create mobile, tablet & desktop versions of the website.

  • Build a responsive navigation with burger menu.

  • How to get the most from your portfolio Images.

  • How to use beautiful web fonts in your designs.

  • How to publish your website.

  • How much to charge for your work.

  • How to get paid.

  • Getting up & running your first web job.

  • Forum support from me.

  • All the techniques used by professional website designers.

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

  • 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. Aimed at people new to the world of web design. No previous Dreamweaver experience is necessary.

  • NO: This course is NOT suited to people experienced in using HTML & CSS.

Course duration 2 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

Great. So we've created a site. Now we want to get it online, okay? We are gonna use, you need a host and a domain name. Okay? So you generally buy those together.

I've got a whole course on buying domain names and hosting. We're just gonna do the quick version here to get you going. Okay? So log into your account. I'm gonna use GoDaddy. It's the world's biggest, most popular hosting.

Um, if you've got something else, it's not far off,  there'll be slight quicks. Okay? So, um, what we're gonna do is I'm going  to log into my, uh, account. Okay? So what I wanna do is go to web hosting. We've already bought our web hosting  and pay for a domain name.

Okay? We've got the basic hosting. Um, gotta  manage Pay for a load. Okay? You're looking for this thing called FTP accounts. Okay?

So file transfer protocol. It's, it's how, how you upload your website  to your hosting service, okay? So you create one, you put in here,  you're gonna call this one testing, you give it your name. It doesn't really matter. It  doesn't have to be an email address. Kind of looks like it, but no,  you just make up anything in here.

Give it a password, make sure it's a really good one. Not like my one here. Okay? Really simple one. I'm gonna go and delete this account just in  case right after this. Now, the big thing when using GoDaddy is that,  can you see it put in our username here?

It's gonna make a subfolder not what I want. Okay? Oh, it needs to go into public under ml. That's kind of traditionally where things go. Okay? Now, if you're using somebody else hosting,  they'll tell you whether it's, um, sometimes it has HT docs  and some names in public.

And nearly always though it has public html. It's like the root of everything that it goes into. Okay? Click create account. Great. And the only thing we need to know now is, well, we need  to remember our username and password.

So let's jump into Dreamweaver. Let's open up our site and go to manage sites. So we were, um, here's Dan's portfolio. We made this right at the beginning, right? That's the one where we,  and here, remember we did the local folder on our hard drive  and we told it where the images went. Now what we're gonna do is go to this one called  servers and then hit plus.

And in here we're gonna call it GoDaddy. It doesn't really matter what you call in here. Um, FTP. Perfect. The FTP address. Now, this can, if you're not using  GoDaddy, this can be different.

Bring your laptop. There's my one.com. Okay? Sometimes it doesn't need the FTP for some hosts, okay? In this case it does. The username was testing  at bring your own laptop.

Now, again, sometimes some,  some hosting just need the username, okay? They don't need all of this junk, uh, password. Put that in. Oops. Yep. And now you're gonna hit test  and you're gonna crush your fingers.

Yay. Connected successfully. Now, that worked for me because I know what I'm doing. Uh, hosting is by far the hardest bit to get set up, okay? Now, don't be afraid if it's still not working. You're like, you've tested it, you've tried without the FTP,  without this username.

Um, other things you can try is  down here, the route directory. Sometimes you need to put in a public html, uh,  slash down here. Sometimes under more options, you do turn off passive FTP. Okay? There's a few little things you can play around with,  but my advice is, is don't stress too far or too long. Just email the hosting company.

Send 'em a screenshot of this here  and say, this is the details I need. What is it? And often they'll just send you the details  to and just plug 'em in. Okay? Um, yeah. So now what you do is hit save, hit done.

Great. Click Okay, great. And now what you do is you go up to site. So it's connected now, but nothing's really happened. Okay? You've got this thing called the local, and you've got this  other one now called Remote.

And that's what we want locals on. Our machine remote is GoDaddy. It's their hosting service. And we go to site and we go to put, okay,  and you hit put, it's gonna go through and connect,  and then it's gonna ask you, would you like  to put up the dependent, uh, dependent folders? Okay? And you click yes.

Dependent files are things like, it's gonna put the HTML up,  but then it needs to put the CSS up. There's other CSS and JavaScript. Uh, it goes through and puts up all the images. I'm gonna hit cancel in this case. Why? Because at the moment I'd upload this weird, not weird,  but this portfolio over top of my so called bring.com.

Uh, yeah, I don't wanna do that. But what you do is that it'd run through, then you'd go  to bring your laptop.com or your URL  and your, your portfolio should be there. Now if it doesn't drop me a line, okay? Um, in the comments and I'll give you a hand. Uh, definitely connecting the server up is the  hardest bit for anybody. Even it's still hard for me.

I hate it when I get a new host  or someone using a client's new host  and I have to work out all the different settings. Alright? That's how to connect a site using GoDaddy. Um, yeah, that'll be it for this video.
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025