Original subtitles

Now that we've actually built our first web page and we've looked at some of the different HDMI out

editors out there to go and get started understanding how the page gets laid out and how the coding

starts.

I get it will that I will be working in Dreamweaver for the rest these demonstrations.

This will be basically the same from program to program.

There's only can be some small differences between them.

So writing the code is not going to be any different depends.

No matter what program you use.

Again you could still be using Notepad or text at it to do all the same stuff.

Now what you will see when you first open up any kind of HTML document is you do that kind of pre-loaded

with a lot of this to the basic each team of formatting here what will be different between this and

notepad is going to be the color coding of some of these tags in here.

Now even though you may not know what all these means just yet they should look pretty familiar because

you started working with some of the tax.

They can see everything opens up with the less than symbol than there is some kind of tag in the middle.

And then the greater than symbol.

Every single page html tag is going to look the same way.

You also noticed are some of the ones with the forward slash before them meaning they get closed out.

So we also looked at the difference between.

So we also talked about the difference between a Tomales for an age to about five.

So let's first take a look at what the differences between those documents.

So you can see right here.

This is an H team L4 for document.

I know that because they can look at the very first line in each terminal file and you should see something

with the less than sign that says doctype and then tells what version of each to milliards.

Those may differ slightly from file to file but because there are different versions of the four point

hole which was transitional and strict and A.

X h t m l and things like that so you may see some slight differences here but this does tell me that

this is an HMO 4:5 most according to the rest of this stuff is not going to change too much.

For the most part between this and each team of five let's go and take a look with an HMO five document

does look like let me switch over my tach at two different files open and immediately you should probably

see that this doc type just got a lot smaller now just says each time out.

We talked about how each channel 5 uses a lot less code to lay out the page.

So you can switch back and forth between HMO for an HMO five you should see a lot of that coding go

away.

Again it's going to speed up your web page just a little bit and it's kind of an easier way to tell

the difference between four and five.

You see a nice clean up here.

You know each team of five some stone age 10 or five for the rest of this program and here because this

class is about age 25 as can be a lot easier to kind of see what I'm talking about with all the tax.

So let's talk about the anatomy of a basic each team page.

Now we already created one that worked in a browser where we created our test page but there's a little

bit more to it that you want to have in your page to really make sure that it works properly.

Now the first thing that we talked about was the doc type.

Now with most your HMO editors it's going to automatically put a lot of this code up here for you.

But if you had to start from scratch you can Duffin type this in here.

I would suggest is starting just like that next comes the Keech to M.Tech distills the document worth

each Janell's starts and stops.

Now for the most part this should be the outermost shall above first and last tango that you see in

a simplified next.

There's two major parts to each you know fall and that is the head and the body.

The reason that point those to us because there are extreme differences between the two.

The head of the file tells all the information to the browser about what's going on in the page.

This can be the title of your web page.

This can be met information which will get to you could be linking to external CSSA files or javascript's

or things like that.

All that information is stored in the head and it's really not seen by any user it comes to your Web

site.

So I would like to refer to as the head of a human being.

You can see the ideas going on in my brain right now.

These are just the things that I have in my head that I know make and that's information that goes right

to the browser that it needs to know.

Nothing that really the users on your web page would need to know.

Wrasse the body of the body language stuff that everybody sees.

Anything that's on your body is what is in the front of the web page.

So anything that goes in between these tanks here I'm going to immediately see my browser so we can

do a quick test here.

I'm going to go just to the right of body in between my two body tanks in my head a couple of returns.

So a little bit of room here.

No.

Just say you know what is up.

And then the head of the document between these two title tags up here I'm going to go ahead and say

this is my first file.

Someone to go ahead and save that and save it as index.

But each time I'll save it to my desktop I mentioned this once we turn any more files index studied

himself right now explain why here in a little bit I'm going to go ahead and say it's my desktop and

my clothes move this down here a little bit and I'm going to bring in a browser window and drag my index

study each time a file right to the browser.

So you see yo what's up.

That was in the body of my page.

So that's what's being displayed in the browser here.

But what we put in the head of the file in the title up here this is my first file you'll see actually

appears as the title and the tab of the browser.

So again this is information that the browser uses that it needs to know for certain things will get

into some of the other things.

Once again the other classes like CSSA and Javascript things like that.

All those things will be linked to up in the header that you'll never see anything in the body what's

actually displayed in the body the browser.