Welcome to the Dreamweaver tutorial. My name is Daniel Walter Scott, and I'm a trainer here at Bring Your Own Laptop. And this course is designed for people that have never used, uh, Dreamweaver before or a new to web design. And the topic we're covering in this session is how to define a website. Okay? So this is the first step when it comes to creating your website in Dreamweaver.
Um, what happens is, in a website, you need to have all of your elements of the website in one folder. Unlike some other professions like graphic design where you get to have images and text and logos all over your hard drive, okay? To design a website, you need to keep everything in the same folder and they call it your local folder, okay? And what you need to do is tell Dreamweaver using its site function, okay? You define it site and tell it where this local site folder is kept. Okay?
So let's do that together now. So the first thing we're gonna do is go up to site, okay? And go to new site. You'll need a new site definition for every new website you're working on. If you are working on only one website, you've got one website to create or update. You'll only have to do this once.
Me as a freelance web designer, I have lots of these sites defined all over my hard drive in different places, okay? So we give the site a name. I'm gonna call this one, uh, example tutorial, okay? This is where you give it a name, uh, the client name or the job description, something like that. Useful for you to describe it. Um, different from other websites on your, um, Dreamweaver.
This where it says local site folder, this is where on your hard drive, your website's gonna be kept. So for me, I'm going to click on browse folder. I'm using a Mac. Uh, it doesn't matter whether you're using a PC or a Mac. And I'm gonna put a new folder on my desktop, okay? You might keep yours in your documents.
I'm gonna call this example tutorial and click create, then click choose. So I'll hold it, it's site name, which is example tutorial. Okay? And I have given it, I've told it where I'm gonna keep this website. So every file that I need to design now needs to go inside this folder. Last thing I need to do is look at the advanced settings, click on the word advanced settings.
If that doesn't work, click on the word local info. And you should get this right hand side looking like mine. Last thing we need to do is tell Dreamweaver where we'd like to keep our default folders, uh, sorry, our default images folder. So to do that, let's click on browse. Now, you could keep all your images, um, in your, just the, just the place that we decided before, which is called the example tutorial folder. But it's very common to have a sub folder in your website.
And it's either called images or some people like to call it IMG. It's up to you, okay? It should be used as a lowercase. Okay? So it should be a lowercase I, and whatever you name it, make sure that you use the naming convention that has no spaces, okay? So don't have a space included in that list, okay?
You can see here, don't use things like amand or asterisks or hash symbols or question marks. These can all throw up problems with your website. So make sure if you do decide to have a space, okay, use a hyphen instead. You could use an underscore, but a hyphens is more commonly used. Okay? So I'm just gonna call my folder images with a lowercase.
I click create. Okay? And I'm gonna click choose. So I've told it in the site one at the top here, the name I've told it where on my hydro it's gonna be kept. And, and, uh, advanced settings, local info. I've told it where the images are gonna be stored from my website.
And that's all we need to do now. Alright, see you the next tutorial.