Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
WEBVTT
00:06.250 --> 00:10.700
Now that we've actually built our first web page and we've looked at some of the different HDMI out
00:10.760 --> 00:15.890
editors out there to go and get started understanding how the page gets laid out and how the coding
00:15.890 --> 00:16.810
starts.
00:16.880 --> 00:21.150
I get it will that I will be working in Dreamweaver for the rest these demonstrations.
00:21.230 --> 00:24.680
This will be basically the same from program to program.
00:24.680 --> 00:27.240
There's only can be some small differences between them.
00:27.380 --> 00:29.950
So writing the code is not going to be any different depends.
00:29.960 --> 00:31.520
No matter what program you use.
00:31.520 --> 00:35.590
Again you could still be using Notepad or text at it to do all the same stuff.
00:35.990 --> 00:40.490
Now what you will see when you first open up any kind of HTML document is you do that kind of pre-loaded
00:40.490 --> 00:46.540
with a lot of this to the basic each team of formatting here what will be different between this and
00:46.540 --> 00:50.200
notepad is going to be the color coding of some of these tags in here.
00:50.260 --> 00:54.610
Now even though you may not know what all these means just yet they should look pretty familiar because
00:54.610 --> 00:56.300
you started working with some of the tax.
00:56.320 --> 01:01.290
They can see everything opens up with the less than symbol than there is some kind of tag in the middle.
01:01.360 --> 01:02.960
And then the greater than symbol.
01:03.040 --> 01:06.160
Every single page html tag is going to look the same way.
01:06.250 --> 01:11.210
You also noticed are some of the ones with the forward slash before them meaning they get closed out.
01:11.620 --> 01:14.990
So we also looked at the difference between.
01:15.160 --> 01:19.800
So we also talked about the difference between a Tomales for an age to about five.
01:19.950 --> 01:23.290
So let's first take a look at what the differences between those documents.
01:23.520 --> 01:25.060
So you can see right here.
01:25.350 --> 01:27.560
This is an H team L4 for document.
01:27.600 --> 01:32.220
I know that because they can look at the very first line in each terminal file and you should see something
01:32.310 --> 01:37.790
with the less than sign that says doctype and then tells what version of each to milliards.
01:39.010 --> 01:44.290
Those may differ slightly from file to file but because there are different versions of the four point
01:44.440 --> 01:48.000
hole which was transitional and strict and A.
01:48.050 --> 01:53.590
X h t m l and things like that so you may see some slight differences here but this does tell me that
01:53.590 --> 01:59.230
this is an HMO 4:5 most according to the rest of this stuff is not going to change too much.
01:59.230 --> 02:04.270
For the most part between this and each team of five let's go and take a look with an HMO five document
02:04.270 --> 02:10.320
does look like let me switch over my tach at two different files open and immediately you should probably
02:10.320 --> 02:14.820
see that this doc type just got a lot smaller now just says each time out.
02:15.060 --> 02:18.970
We talked about how each channel 5 uses a lot less code to lay out the page.
02:19.080 --> 02:26.260
So you can switch back and forth between HMO for an HMO five you should see a lot of that coding go
02:26.260 --> 02:26.860
away.
02:26.980 --> 02:31.360
Again it's going to speed up your web page just a little bit and it's kind of an easier way to tell
02:31.360 --> 02:33.120
the difference between four and five.
02:33.160 --> 02:34.950
You see a nice clean up here.
02:34.960 --> 02:40.810
You know each team of five some stone age 10 or five for the rest of this program and here because this
02:40.810 --> 02:47.780
class is about age 25 as can be a lot easier to kind of see what I'm talking about with all the tax.
02:48.030 --> 02:51.470
So let's talk about the anatomy of a basic each team page.
02:51.500 --> 02:56.510
Now we already created one that worked in a browser where we created our test page but there's a little
02:56.510 --> 03:01.560
bit more to it that you want to have in your page to really make sure that it works properly.
03:01.560 --> 03:03.990
Now the first thing that we talked about was the doc type.
03:04.160 --> 03:08.210
Now with most your HMO editors it's going to automatically put a lot of this code up here for you.
03:08.220 --> 03:11.310
But if you had to start from scratch you can Duffin type this in here.
03:11.350 --> 03:18.680
I would suggest is starting just like that next comes the Keech to M.Tech distills the document worth
03:18.680 --> 03:20.360
each Janell's starts and stops.
03:20.390 --> 03:25.130
Now for the most part this should be the outermost shall above first and last tango that you see in
03:25.210 --> 03:28.380
a simplified next.
03:28.380 --> 03:35.430
There's two major parts to each you know fall and that is the head and the body.
03:35.450 --> 03:40.060
The reason that point those to us because there are extreme differences between the two.
03:40.230 --> 03:45.720
The head of the file tells all the information to the browser about what's going on in the page.
03:45.720 --> 03:47.390
This can be the title of your web page.
03:47.390 --> 03:54.180
This can be met information which will get to you could be linking to external CSSA files or javascript's
03:54.180 --> 03:55.510
or things like that.
03:55.560 --> 03:59.750
All that information is stored in the head and it's really not seen by any user it comes to your Web
03:59.750 --> 04:00.400
site.
04:00.690 --> 04:03.160
So I would like to refer to as the head of a human being.
04:03.240 --> 04:05.600
You can see the ideas going on in my brain right now.
04:05.610 --> 04:10.290
These are just the things that I have in my head that I know make and that's information that goes right
04:10.290 --> 04:12.160
to the browser that it needs to know.
04:12.420 --> 04:15.340
Nothing that really the users on your web page would need to know.
04:15.510 --> 04:19.020
Wrasse the body of the body language stuff that everybody sees.
04:19.020 --> 04:22.440
Anything that's on your body is what is in the front of the web page.
04:22.530 --> 04:27.480
So anything that goes in between these tanks here I'm going to immediately see my browser so we can
04:27.480 --> 04:28.730
do a quick test here.
04:28.770 --> 04:32.990
I'm going to go just to the right of body in between my two body tanks in my head a couple of returns.
04:33.030 --> 04:34.580
So a little bit of room here.
04:34.730 --> 04:34.940
No.
04:35.010 --> 04:43.330
Just say you know what is up.
04:43.990 --> 04:49.360
And then the head of the document between these two title tags up here I'm going to go ahead and say
04:50.820 --> 04:55.180
this is my first file.
04:56.540 --> 05:00.290
Someone to go ahead and save that and save it as index.
05:00.290 --> 05:06.360
But each time I'll save it to my desktop I mentioned this once we turn any more files index studied
05:06.410 --> 05:13.700
himself right now explain why here in a little bit I'm going to go ahead and say it's my desktop and
05:13.700 --> 05:19.310
my clothes move this down here a little bit and I'm going to bring in a browser window and drag my index
05:19.310 --> 05:22.300
study each time a file right to the browser.
05:22.420 --> 05:24.290
So you see yo what's up.
05:24.310 --> 05:25.800
That was in the body of my page.
05:25.810 --> 05:28.500
So that's what's being displayed in the browser here.
05:28.750 --> 05:35.860
But what we put in the head of the file in the title up here this is my first file you'll see actually
05:35.860 --> 05:38.620
appears as the title and the tab of the browser.
05:38.620 --> 05:43.690
So again this is information that the browser uses that it needs to know for certain things will get
05:43.690 --> 05:44.580
into some of the other things.
05:44.580 --> 05:48.510
Once again the other classes like CSSA and Javascript things like that.
05:48.910 --> 05:53.160
All those things will be linked to up in the header that you'll never see anything in the body what's
05:53.200 --> 05:55.110
actually displayed in the body the browser.
8332
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.