Welcome to this Dreamweaver tutorial. My name is Daniel Walter Scott,  and I'm a trainer here at Bring Your Own Laptop. And this course is for people new to Web design  and new to Dreamweaver. And the topics of this session is going to be how  to create your first HTML page. In the previous topic, we looked at defining your  site, which you need to do first. Now we're gonna look at creating our very first HTML page.

It's gonna be nice and basic, and we're gonna preview it  and then we'll work into some more advanced parts. So for the first session, what we need  to do is create our first remover page. So to do it, it's all about to file and go to new. Okay, within here we need to be on this one  that says blank page. Okay? And we're gonna be creating an HTML page.

An HTML page is your very common, normal standard web page. Okay? And you should be able to leave all the defaults. Okay? Um, if you're using an earlier version of Dreamweaver,  you won't have this doc type H TML five,  it's probably gonna be on this one H TML 4.1, transitional,  just an old style of HTML. The new version of Dreamweaver cc  and above, um, uses HTML five.

But this, if you've only got this option,  this will work just fine for most support  we're gonna do in this course. But HTML five, if you've got it, Hey, let's hit create. What this does is it creates this untitled document. So the first thing we need to do is save it. Okay? So we go to file and go to save.

Okay? It's gonna allow us to name it as this HTML file. Now, um, you've, when it comes to naming your files,  there's um, one specific file, which is your homepage, has  to have a really specific name. It has to have the word index html. This is the very first page that, um,  somebody like Google Chrome or Firefox  or Internet Explorer is gonna go looking  for in your website to load first. This is always going  to be the first page an audience sees when  they go to your website.

Okay? So it has to be named like this. If you have a website and it has a hundred other pages,  but no index, okay? Um, something like Google Chrome  or Firefox won't load any pages. So you need to have it least one page called index html. Okay?

So make sure you use a lowercase I. Okay? And let's hit save. So it's named at index. It's gonna be a homepage. And the first thing you should do  whenever you create a page is give it a title.

Now, this title in here is very  important for a couple of reasons. And the main reason is for Google search engine  for your site to list. Well, you need a very good, clear title. So if you leave it as the default untitled, okay,  it'll end up with really bad  results in terms of its ranking. So let's, let's explore that. So for the title of this page, we are gonna be doing, um,  a title for, um, you make this unique for your website.

We're gonna be calling this one Dreamweaver tutorial  website, okay? And we're making sure there's good,  clear keywords in there, okay? 'cause this website's going to be about  Dreamweaver tutorials. So, um, once you've typed in here, um, we, I want you to go  through and let's quickly down the bottom here. This is called your body area. This is where your website goes.

We're gonna type in a little bit of text. We're gonna say, um, creating  a website is easy and dream. Okay? So to find out what this title does is I'm going  to hit save, file, save,  and then I'm gonna go to file, preview and browser. Now, what this is going to do, it's gonna try  and preview it in one  of the browsers that install in your machine. You're usings a pc, you're gonna have  probably something called ilo, which is Internet Explorer.

If you're on a Mac, it's probably gonna have Safari. What I like to do as a web designer is install Firefox  and Chrome, which is alternatives for these guys  and preview in these as well. Okay? If you have installed them  and they're not appearing in this list, you might have to go  to edit browser list and go and find them. Okay? I'm gonna preview in this course under Google Chrome  at the moment, it's the world's most popular, um,  uh, browser by far.

Okay? It's overridden, um, Firefox and Internet Explorer. It's a Google Chrome. I'm gonna test this one  and you'll see in this one,  okay, it's done a couple of things. It's previewed the bit of text in here,  and you can see up in here in this little tab. Okay?

It's given me that page title, okay? The Dreamweaver tutorial site. Now, that's, um, that's one  of the reasons you put a title in. It appears up here. And when people bookmark your site,  if I add this, uh, bookmark this page, it's this bit of text  that gets included in your bookmarks. But what it's really good for is,  and it's Google search results.

So if I go to File New Window,  okay, and I go to google com au  and I do a search for Dreamweaver  tutorial, that's all right. Okay. The page title is this bit that appears  in the blue part here. Okay? So if you left it as untitled,  which is the default in Dreamweaver,  you can imagine the problems you're gonna have, okay? Because, um, Google will never rank a page  that has the words untitled document as its title.

So you need to have really clear keywords. Can you see the words Dream weaver tutorial? Dream move tutorial are all appearing in this title here. It's what Google uses when it ranks one  of the many things it uses. Okay? But a page title is really important to describe  to Google what your page is about.

So making sure when you put in the title in  Dreamweaver, okay, you put in a title  that every time you create a new page,  now make sure there's, it described your page well,  and it needs to be unique for every page. So if you have 10 pages  or 10,000 pages, you're gonna have  to have a page title you unique for every single page. It can get a little bit monotonous,  but make sure it's just really  reflects what's in the page there. Okay? So we don't have a lot of content yet,  but we'll start developing it in a bit. Okay?

So we've done a couple of things. We've, uh, created a new page  and make sure it's called Index, the HTML, you've saved it  and making sure there's a title. Okay? And we've added a little bit of text in here, okay? But now we're gonna go through and add a bit more  content in another tutorial. Alright?

Let's move on to the next tutorial.