1
00:00:00,000 --> 00:00:09,420
Hi.

2
00:00:09,420 --> 00:00:12,915
Let's talk about the final project you're going to do for this course.

3
00:00:12,915 --> 00:00:17,370
The last thing I want you to do is basically take the elements, take the tags,

4
00:00:17,370 --> 00:00:19,230
take the syntax you've been learning about over

5
00:00:19,230 --> 00:00:23,580
these past few weeks and put them together to create an example page.

6
00:00:23,580 --> 00:00:27,490
You'll be provided with a screenshot as a template for what I want you to build,

7
00:00:27,490 --> 00:00:31,890
but it's always easier if someone can tell you in words what goes along with the picture.

8
00:00:31,890 --> 00:00:33,450
When you make this page,

9
00:00:33,450 --> 00:00:37,050
the most important thing I want you to realize is that there are no tricks.

10
00:00:37,050 --> 00:00:40,020
I'm really just testing for syntactic accuracy.

11
00:00:40,020 --> 00:00:43,025
So, let's take a look at the site you're going to be creating.

12
00:00:43,025 --> 00:00:44,990
Here's the site right now.

13
00:00:44,990 --> 00:00:47,150
Depending on what size screen you're looking at,

14
00:00:47,150 --> 00:00:48,530
it can look really different.

15
00:00:48,530 --> 00:00:51,950
So, just for fun, I'm gonna resize my browser just to give people

16
00:00:51,950 --> 00:00:55,725
an idea that I really haven't styled this to do anything particular.

17
00:00:55,725 --> 00:00:58,430
When I make it smaller, things move around.

18
00:00:58,430 --> 00:01:01,145
I don't care where things layout on your screen.

19
00:01:01,145 --> 00:01:04,490
I'm more worried about the fact that each element is there.

20
00:01:04,490 --> 00:01:07,080
I also want to point out that as you can notice,

21
00:01:07,080 --> 00:01:10,520
some of the elements are in yellow and others are just in regular color.

22
00:01:10,520 --> 00:01:14,690
Anything that's in yellow is something that you should change specifically to you.

23
00:01:14,690 --> 00:01:17,695
So, in this case, I have Colleen van Lent in yellow.

24
00:01:17,695 --> 00:01:20,065
You should really use your name instead.

25
00:01:20,065 --> 00:01:22,250
I have a list of my favorite foods.

26
00:01:22,250 --> 00:01:24,695
I really want you to pick your favorite foods.

27
00:01:24,695 --> 00:01:28,160
I've got a little thing along the bottom that says progress and life goals.

28
00:01:28,160 --> 00:01:30,290
Again, pick your own value.

29
00:01:30,290 --> 00:01:32,420
So every place that you see yellow,

30
00:01:32,420 --> 00:01:37,475
I want you to change to your own particular interests, names, values.

31
00:01:37,475 --> 00:01:40,895
Okay. The other thing I want to point out is right down here,

32
00:01:40,895 --> 00:01:42,260
where you see the more about me,

33
00:01:42,260 --> 00:01:44,435
this is actually part of a details tag.

34
00:01:44,435 --> 00:01:45,800
When I click on it,

35
00:01:45,800 --> 00:01:47,630
you can see that it opens and closes.

36
00:01:47,630 --> 00:01:51,955
This is another place where I wanna put more information about you, not about me.

37
00:01:51,955 --> 00:01:54,979
Now, if you were looking at my site on Firefox,

38
00:01:54,979 --> 00:01:56,480
if you're developing in Firefox,

39
00:01:56,480 --> 00:01:59,540
I just want to let you know that this tag doesn't work.

40
00:01:59,540 --> 00:02:02,290
Instead it would always show up as open.

41
00:02:02,290 --> 00:02:06,770
That's fine if that's the type of browser you've been testing on continue to do so.

42
00:02:06,770 --> 00:02:09,050
I just didn't want you to get worried when it didn't seem to

43
00:02:09,050 --> 00:02:11,630
open and close like for everyone else. All right.

44
00:02:11,630 --> 00:02:12,840
So, go ahead.

45
00:02:12,840 --> 00:02:15,800
You're going to make sure that you have a header up here,

46
00:02:15,800 --> 00:02:17,795
a navigation bar here.

47
00:02:17,795 --> 00:02:23,390
This is one section and another section and again the picture may seem big or small.

48
00:02:23,390 --> 00:02:25,085
I don't really care what it looks like.

49
00:02:25,085 --> 00:02:29,265
What I care about is your ability to write HTML 5 code.

50
00:02:29,265 --> 00:02:31,715
So, good luck as you write your code.

51
00:02:31,715 --> 00:02:32,840
I know you're gonna do great,

52
00:02:32,840 --> 00:02:36,785
and it's important to just take small steps and get each one to work individually.

53
00:02:36,785 --> 00:02:40,590
When you're done, you're going to have something that you can be really proud of.