How to create a new website in Dreamweaver – Dreamweaver Templates [4/38]
Articles,  Blog

How to create a new website in Dreamweaver – Dreamweaver Templates [4/38]


Hi there, my name is Dan… and this is a free extract… from my longer Dreamweaver course
that’s available on bringyourownlaptop.com Don’t worry, there’s lots
of free stuff here. Check out the description
for the Exercise File… so you can play along
with this tutorial. Also, in the description
there’ll be a link to the Play List… that will show you all the stuff
that is free as part of this course. All right, let’s get on to the tutorial. Hey there, in this video we are
going to create our Site Definition. We need to do this for every
single brand new site… we’re going to make in Dreamweaver. It’s super easy. You can see out over here,
I’ve got a folder… and inside, it’s got an Images folder. It’s all we need to do.
Let’s go and do that now. If you’re following on
from the last tutorial… we’re just going to close down
that thing we made. And we’re going to set up our Site. You need to do this at the
beginning of every new site. If you’re a Web Designer
and you’ve got 10 different clients… you’re going to have to do this
10 different times. If you are working on your own website,
and you’ve only got one of them… you’ll just have to do this once. So let’s go up to ‘Site’, ‘New Site’. Give your Site a name. I’m going to call ours
‘Dan’s Awesome Portfolio’. Where are we going to put it? The site name doesn’t actually have
any repercussions… other than what you use in Dreamweaver
to find all your files. And that’s what I thought, forever. I thought there’s
no repercussions for this… you can call it anything you like. Now I’m coming back from the future. I’m Dan from Video 22, you’re Video 4. And I’ve come back to tell you,
“Don’t put the apostrophe in.” Because it worked fine the whole life
putting anything in here, I thought. But I don’t think I’ve ever put
an apostrophe in this little site name. I’m not sure if it’s the site name
that has the problem… or it’s the folder name. One of them is the problem. Now instead of going back
and re-recording… the 2 days’ worth of video which
I’ve got with the apostrophe in here… I’ve just come back in time to say,
“Don’t do it, don’t put it in.” And then, for the next 22 videos… you’re going to see that apostrophe,
and look at it, and go… “Dan, don’t put
apostrophes in there.” So stick away from any foreign keys
like asterisks and ampersands. Just have real uppers and lowers. And that will not cause any problem
later on when we make a template. So carry on and do everything
except put apostrophes… in the local site folder,
in the site name. So back into your regular videos… and I hope I don’t run
into my past self. Nobody seen ‘Back to the Future?’ Hopefully you’re not that young. Surely everybody’s seen
‘Back to the Future’. All right, enough, back into it. Local site folder, this is where
on your laptop this is going to be kept. I’m going to put mine on my ‘Desktop’. I’m going to put mine
in a new folder here… and I’m going to call it
‘Dan’s Awesome Portfolio’. Awesome! Also, that physical name for the folder
doesn’t have any repercussions. Some things do obviously,
but that doesn’t, click ‘Choose’. The last thing we want to do in here,
is go to ‘Advanced Settings’… and let’s go to
‘Default Images Folder’. Click on that little ‘Browse’. You can see it’s put it inside
that new folder that I just made. Let’s make a new folder in here,
and call it lower case ‘images’. This is something specific. Call it ‘images’ with a lowercase ‘i’,
no spaces, let’s click ‘Create’. Click ‘Choose’. What that does is just
help ourselves later on… when we’re dragging in images
from all over our computer… Dreamweaver knows where to put them. That’s it, click ‘Save’. And that my friend is all we need to do. If you can’t see it, let’s switch
to ‘Files’ along the top here. If you can’t see ‘Files’,
go to ‘Window’, ‘Files’. You’ll see, there’s my little folder. And also, on my ‘Desktop’,
there it is there… ‘Dan’s Awesome Portfolio’. And there’s nothing in here,
except for… this one folder that has images,
and there is nothing in it. But just so you know… you design your site locally
on your own computer first. And when you’re finished,
you push it up to your host. Somebody like GoDaddy, or Bluehost. And they will serve it to their world. All right, so that is it
for setting up our site. You need to do that
for every single site. You’ll see on my one here,
I’ve got lots of sites that I work on. If you’ve done it wrong, you can’t
go to ‘Site’, go to ‘Manage Sites’. And you’ll see them in here,
there’s ‘Dan’s Awesome Portfolio’. Double click it, and you can
get back to that same screen. All right, let’s get
into the next tutorial. Hey, if you enjoyed this video,
please ‘Like’ it… and consider subscribing
to my channel. Also, go to bringyourownlaptop… for the full premium version
of this course. Also, on that website is
a free resources section… where you can download PDFs. Especially for this,
the Dreamweaver Cheatsheet. It’s a PDF, you print it off… stick it next to your computer,
and be more awesome. Bye now.

One Comment

Leave a Reply

Your email address will not be published. Required fields are marked *