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, um, if you're gonna follow along with these tutorials,  um, just so you know, there's a link to all the class files  that we use in the notes of this YouTube video. Or if you're following along on our website,  you'll find a link on the page here somewhere for the, yeah,  for the notes to follow along. So, um, what we're gonna be doing in this tutorial is we're  going to be creating some additional pages, um,  because in the next tutorial we're gonna set up, um,  a navigation for the website. So we need a few different pages to be able to  jump from page to page.

Um, we're gonna have this, our homepage,  which is on the screen now,  and we're gonna have two other pages. We'll have our BAAs page and our Contact us page. Um, um, great. So we've got our first page. Um, you can see at the top here, um,  I've actually changed this here. It did say, I think Dreamweaver tutorial  website or something like that.

So we've changed that to be more specific for this homepage. Vintage camper, uh, camper rental, Sydney. Okay, more specific for this page, right? So this is the homepage to make an additional page. It's very common to do this quite simple file save as. Okay, so index html was our homepage  and it has to be called that.

That, uh, homepage definitely has to be called index,  otherwise it won't be found,  but every other page can be called, um, something else. Okay, unique. There are a few rules, okay? You can't use things like spaces. I couldn't call this about us, okay? Because, um, what happens is, um, a little zoom.

There it is, okay? With a about of spaces it doesn't like it ends up putting a  percent twenties in there  and some browsers will work around it  and most browsers won't. It'll come up with an error. So you need to have no spaces,  or you can use a hyphen or an underscore. So it's up to you. I prefer hyphens, okay?

And, um, hyphens as a general rule lot better anyway,  because, uh, things like screen readers, um,  that help people that are disabled read screens, okay? Reads out links and comments and stuff. Um, what the hyphen will do is that the screen reader tends  to read them as separate words. It'll say about us if I use an underscore, okay? It tends to read them out as a solid word, trying  to read the word about us as one solid word. So let's put in hyphens up to you.

Um, all right. Next thing is, is it Save? Okay, so we've got our index page  and our About Us page, they look exactly the same. So there's a couple of things we need to do. First of all, to go through  and change, we need to have a unique title on every page. So a homepage was called Vintage Camper Rentals.

So this one's gonna be called a Vintage Camper About Us. Okay? Not very exciting for the About Us page. It's when you get into different pages, more  of your product pages or specific vehicles  that you can get a little bit more creative with the titles. All right, so we've done that. We'll save it.

I've got some copy that's already been  created for this website. Okay? And if you're following along using our exam example  files, you'll find them, um,  after you've downloaded them, um,  I've put mine on my desktop. So desktop, Mac, pc, you'll find your desktop,  find Dream movie exercise files, open up text. And towards the bottom there you've got the  homepage text that we used. Uh, early tutorial.

We're gonna use this camper rental one. Let's open this one up. Okay, let's select all of this text. And remember, um, in a previous tutorial, I think it was,  uh, number three, and it said about washing the text. Okay? So you need to copy it  and paste it into, on a Mac, into Notepad, sorry,  on a Mac into, uh, text edit and on a PC into Notepad.

For this tutorial though, I've gone through  and washed it already, so I can guarantee that's clean just  to save a bit of time for us teaching. Alright, so I'm gonna go through,  I'm gonna delete all this text  and put in the text from that page. Okay? It's come through all as paragraph text. I can see that by down the bottom here, it's in a P tag. And you can see down here, um, it's written paragraph.

So what I need to do is have my, uh,  break it up into the different tags. So we've got this first tag, which is going to be my H one. Okay? So it's called heading one. And you can see down here the tag select is called an H one,  and I can check in my code view. Okay, there he is, there he is an H one tag.

Okay, that is the most important thing on this page. It's about camper rentals, okay? And this one's gonna be camper rental. Let me make it a little bit, bit about us. Now, an H two, it's gonna be this thing here, okay? This is the second most important part on the page.

Um, and you can change it to, um, heading two,  a little shortcut that I just used and I forget, I use them. If you hold control, um, two  or command two on a Mac, um, it will update it. So if I go command 1, 2, 3, you'll see it'll toggle  between the headings, okay? If you're not really for shortcuts, don't worry,  just use these buttons down here. All right, so we're got heading one,  we've got some paragraph text, and we've got heading two. We've changed the title Unique for this page.

Let's hit file save and let's do the third page. So file save as. Okay, this one's gonna be the Contact Us Contact  hyphen us html. Now it's all going into that same  folder with the index pages. Hit save. Now remember, the first thing,  it needs a unique title at the top there.

So I'm gonna call this one. Ah, very exciting. It's gonna be called, uh, vintage Camper  Contact page. Very exciting. All right. Um, so, and we're gonna go bring in the text  and for the Contact Us page.

So on my one, it's on my desktop, okay? On my desktop Inside Dream, we've exercise files under text,  and down the bottom there we've got vintage, um,  vintage three contact us. So I'm gonna copy all of this. You should go and wash it, okay? Stick in a notepad or text edit on a Mac. But I know that I've already washed this stuff  for my students, so it's nice  and clean, ready to go into Dreamweaver,  not causing us any trouble.

Let's copy go into Dreamweaver  and I'm gonna select all of this and paste it. All right? Um, so remember our H ones. So this first bit is our heading one. The most important thing,  and I don't really have a heading two for this page. Um, we're gonna do some styling later on when we look at CSS  to make all this stuff look a lot  nicer and kind of break it up.

But that's the most important. This is the regular paragraph stuff. All right, let's hit save. So file, save, uh, the,  so the next thing we're gonna do is add a navigation so  that you can jump between these three pages. Okay? So we've got an index page and a about us page  and the contact us page.

Alright, thanks for this. Um, see you in the next tutorial.