Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
WEBVTT
00:05.440 --> 00:09.330
Ari this is going to start to get a little bit more interesting because we're going to start to format
00:09.330 --> 00:10.620
our text.
00:10.670 --> 00:14.670
I want to point out one thing here if we go back to our browser you can see that our copy comes in at
00:14.670 --> 00:20.990
a fixed size effects take a font fixed color all that stuff happens by fall.
00:20.990 --> 00:22.660
It's all part of the default.
00:22.680 --> 00:27.340
Each team else dials that no matter what browser you go to you're probably going to see the same thing.
00:27.510 --> 00:32.070
Until we start to add some styles to it which would be partially in the next class but also we can do
00:32.070 --> 00:36.180
a little bit and now we can start to affect how some of those copybooks.
00:36.480 --> 00:40.300
So let's start to format some of our copy to show some really good ways to do that.
00:41.780 --> 00:46.430
So I come back to my document here and again we've got a paragraph text that's one way to format text
00:46.730 --> 00:49.730
although it's very basic it's still a way to format it.
00:49.790 --> 00:54.020
What they have is again these are types of things that are in the basic word processing program where
00:54.020 --> 00:56.330
they have things called Hetter attacks.
00:56.570 --> 00:59.130
Attacks are very important when it comes to each timeout.
00:59.210 --> 01:04.640
More so with SBO because these are the kinds of things that search engines are looking for to have certain
01:04.640 --> 01:06.100
keywords within them.
01:06.290 --> 01:09.840
So if you're going to be a good web developer you want to keep SE1 mind.
01:10.010 --> 01:15.800
The more positive keywords that you want to try to rank for that you have in Henare tags the better
01:15.800 --> 01:16.990
your site may rank.
01:17.000 --> 01:21.240
Now don't overdo it but how these work here.
01:21.380 --> 01:27.000
So before my paragraph copy here maybe you want to put a header in here saying this is my first paragraph.
01:27.100 --> 01:31.010
So that's not going to rank real well in the search engines but many use it for example here.
01:31.010 --> 01:34.190
So I say this is my first
01:37.690 --> 01:39.720
first paragraph.
01:39.860 --> 01:43.330
So by itself this is just going to be just plain copy outside of the paragraph.
01:43.340 --> 01:46.160
But I'm going ahead add the header tag to it.
01:46.310 --> 01:51.020
And in this case because it's the first one and because it should be the most important one being at
01:51.020 --> 01:55.760
the top of my page it should be kind of the main description of what the whole page is going to be about
01:55.790 --> 01:57.110
kind of the page title.
01:57.340 --> 01:59.530
I'm going to give this one a head or one tag.
01:59.690 --> 02:00.960
Now it's very simple to do.
02:01.040 --> 02:03.720
They don't have to spell all that out with each timeout.
02:03.910 --> 02:06.840
I have to do is that less than Sh h.
02:07.230 --> 02:09.300
One close that out.
02:09.410 --> 02:13.270
And again you see that Dreamweaver wants to make it close it up for me here.
02:14.620 --> 02:20.590
So I'm going to copy them something like cut it out rather than paste it at the end so it knows where
02:20.590 --> 02:22.530
to end that head or tag.
02:22.530 --> 02:27.760
So going ahead or one this is my first paragraph close had her one start the next paragraph.
02:27.980 --> 02:32.590
So let's say you file and come back to our browser window up here.
02:32.650 --> 02:33.940
I'm going to hit refresh.
02:34.270 --> 02:34.820
OK.
02:35.050 --> 02:37.030
So you can see this is my first paragraph.
02:37.030 --> 02:40.360
This is actually styled Texas making it very large.
02:40.500 --> 02:45.150
So in the same font and color everything else we have going hand which is the default settings here.
02:45.250 --> 02:51.880
You can change all of those later but this is a nice stylized first paragraph header text.
02:51.880 --> 02:58.650
So with NHT him there's actually six letter tags in each one unless you styled them separately.
02:59.230 --> 03:04.480
Each one of these moves sequentially gets smaller and smaller and smaller as it goes down or as the
03:04.570 --> 03:06.510
page gets bigger.
03:06.520 --> 03:09.410
So let's do an example here to show you what I'm talking about.
03:09.640 --> 03:14.030
I'm going to go ahead and just copy this just to kind of make it a little bit easier.
03:14.240 --> 03:17.050
Am going to add one below this paragraph.
03:17.050 --> 03:20.760
Now I'm going to go and change my copy just so I can see the differences.
03:20.980 --> 03:24.020
Say this is my second paragraph.
03:24.040 --> 03:25.290
Animate change this header.
03:25.300 --> 03:29.010
One tag each one take to a head or two.
03:29.080 --> 03:32.190
Now just to kind of go over some of the things we've talked about already.
03:32.260 --> 03:39.010
If I start with an H to tag and to Kozma each one that's going to make each two metal all screwy.
03:39.150 --> 03:45.520
So remember anything that you start you have to finish the same way that you started to get that H-1
03:45.580 --> 03:47.310
turn into each two.
03:47.310 --> 03:52.770
Now my document is properly formatted and I'm going to go ahead just for
03:55.220 --> 04:01.820
demonstration purposes here and go ahead and do a third and fourth.
04:01.820 --> 04:08.510
Now get in is to go on up to 6 and you can actually use two or three or four whatever tanks you can
04:08.510 --> 04:11.240
use those several times with the new document.
04:11.240 --> 04:16.760
Best practice is to only have one head or one tag turn and maybe just have one or two or two tags.
04:16.760 --> 04:18.590
The rest of them you can do whatever you want with.
04:18.590 --> 04:24.680
But again as for SEO purposes if this is just going to be something that you want to look at and you're
04:24.680 --> 04:26.790
not worried about FCL that's totally fine.
04:26.810 --> 04:30.370
So I'm going to go ahead and change it to a head or three tag.
04:30.500 --> 04:37.990
Should I close it out and then do this one as a header for four.
04:38.270 --> 04:38.770
I don't know.
04:38.900 --> 04:47.140
So this is my last paragraph and I say minor or paragraph.
04:47.210 --> 04:52.400
I went on to say that and come back to the browser and let's take a look what it looks like.
04:52.460 --> 05:01.200
Just like I said my first one is the largest text on the page whereas the H-2 slightly smaller three
05:01.220 --> 05:05.360
slightly smaller than that and the under four is actually about the same size if not smaller than the
05:05.360 --> 05:06.940
paragraph text.
05:06.950 --> 05:10.790
Now when we get in to see a sense you'll see that we can stylize these however we want to make them
05:10.850 --> 05:13.160
all bigger than the main body copy.
05:13.510 --> 05:15.200
I can make small doesn't really matter.
05:15.240 --> 05:19.260
We can have complete control over that but by default These are what they're going to look like.
7108
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.