1
00:00:00,480 --> 00:00:05,280
The first section of this page we'll build is the header which contains the navigation labels

2
00:00:08,000 --> 00:00:09,000
to get started.

3
00:00:09,020 --> 00:00:13,010
Create a new file and save the file on your computer.

4
00:00:13,010 --> 00:00:15,420
You can name the file whatever you like.

5
00:00:15,440 --> 00:00:24,600
Also create your basic H GMO page structure as shown here since this entire header is nested inside

6
00:00:24,600 --> 00:00:25,440
of a table.

7
00:00:25,440 --> 00:00:26,790
That's the first thing we'll create.

8
00:00:29,940 --> 00:00:35,540
So start by creating a table and I'll go over this and just a second

9
00:00:40,480 --> 00:00:46,900
I've created a table here and the width is 100 percent so it'll expand and contract with the web browser

10
00:00:49,160 --> 00:00:58,440
the height is 60 pixels 0 border Cell padding of 5 sorry so spacing of 5 and Cell padding of 5 as well

11
00:01:00,290 --> 00:01:05,930
give it a background color of block and so that's the hex code for black

12
00:01:08,580 --> 00:01:11,100
inside this table create a single table roll

13
00:01:14,370 --> 00:01:17,370
inside this row create a single table column

14
00:01:20,430 --> 00:01:28,630
and give it a a line attribute set to left so anything contained in this column will be aligned to the

15
00:01:28,630 --> 00:01:29,040
left

16
00:01:35,140 --> 00:01:35,510
OK.

17
00:01:35,530 --> 00:01:40,920
So we have a table created with one row in one column inside this table.

18
00:01:40,930 --> 00:01:42,790
We're gonna create a nested table

19
00:01:45,960 --> 00:01:54,630
so this nested table will have a fixed width of five hundred and forty seven pixels border of zero a

20
00:01:54,670 --> 00:01:59,240
lie a central alignment because we want all the links aligned in the middle

21
00:02:03,210 --> 00:02:13,590
and a Cell padding and spacing of 1 now each link will need to be situated inside its own column so

22
00:02:13,590 --> 00:02:20,650
we'll have to create 5 columns inside this table.

23
00:02:20,730 --> 00:02:23,330
Here is the first column.

24
00:02:23,550 --> 00:02:28,940
It has a with of 96 pixels.

25
00:02:28,980 --> 00:02:36,930
We've also created a font attribute and set the face to Vedanta Geneva and sans serif

26
00:02:40,330 --> 00:02:43,060
the colour of the text will be white.

27
00:02:44,070 --> 00:02:53,140
And we've placed the link label inside an H3 element so it's it gives it a slightly larger font size

28
00:02:55,110 --> 00:02:59,390
then we close the font tag enclosed the T.D. column date.

29
00:02:59,400 --> 00:03:03,960
Now you'll need to do this for all the remaining link labels

30
00:03:06,810 --> 00:03:10,730
so it's the same code.

31
00:03:10,740 --> 00:03:16,710
The only difference is that the width for each column is slightly different because some labels are

32
00:03:16,710 --> 00:03:22,410
longer than others and of course the label is also different for each item

33
00:03:27,450 --> 00:03:32,630
and that's how that first section was created so you can see it's fairly simple.