1
00:00:00,900 --> 00:00:07,320
Hi welcome to 6 and this unit we continue to focus on CSA us we start to actually make some things that

2
00:00:07,560 --> 00:00:12,300
legitimately look good that aren't just a bunch of random colors but things that are color coordinated

3
00:00:12,300 --> 00:00:14,020
things that are laid out nicely.

4
00:00:14,130 --> 00:00:15,730
And those are really at the end of this unit.

5
00:00:15,750 --> 00:00:19,380
But before we get there we have three main objectives that we want to talk about.

6
00:00:19,380 --> 00:00:23,830
The first is that I want to show you some of the important font and text related properties and see

7
00:00:23,870 --> 00:00:27,300
assess things like font size font weight.

8
00:00:27,480 --> 00:00:29,100
How do we actually set the font.

9
00:00:29,100 --> 00:00:31,270
And so we'll talk about that in the first few videos.

10
00:00:31,500 --> 00:00:35,820
And then I'll show you how we can include some good looking external fonts using a tool called Google

11
00:00:35,820 --> 00:00:40,740
fonts and then our final main objective for this unit is to talk about something called the box model

12
00:00:40,860 --> 00:00:44,820
which is a really important concept that's intrinsic to how sucess works.

13
00:00:44,820 --> 00:00:48,600
And then once we do those three things we're going to work on three different projects.

14
00:00:48,600 --> 00:00:51,620
The first project is the simplest and the least exciting.

15
00:00:51,630 --> 00:00:54,420
I'd say we're going to make a simple tic tac toe board.

16
00:00:54,420 --> 00:00:55,370
It's not going to work.

17
00:00:55,470 --> 00:00:56,790
There's no logic behind it.

18
00:00:56,850 --> 00:01:00,990
We're just going to make a simple grid with some lines and center some things and that's really to hammer

19
00:01:00,990 --> 00:01:03,130
home the way that the box model works.

20
00:01:03,300 --> 00:01:04,910
And then things get a little more exciting.

21
00:01:04,920 --> 00:01:10,440
We're going to make a image portfolio site so an image gallery all black and white images include a

22
00:01:10,440 --> 00:01:13,710
font make things look pretty nice will make it responsive.

23
00:01:13,890 --> 00:01:16,900
And I think you'll enjoy that one.

24
00:01:17,040 --> 00:01:19,960
And then finally we'll make an h time out and see it as a blog.

25
00:01:20,200 --> 00:01:25,500
And the idea on this final exercise is that it's an exercise rather than a project where you just follow

26
00:01:25,500 --> 00:01:26,430
what I do.

27
00:01:26,440 --> 00:01:31,350
You'll actually be asked to recreate it yourself first and see how you can do using the concepts that

28
00:01:31,350 --> 00:01:36,450
we learned in this unit and the previous unit and then there'll be a solution video that's really comprehensive

29
00:01:36,450 --> 00:01:36,510
.

30
00:01:36,510 --> 00:01:38,970
We go through the entire process from scratch.

31
00:01:38,970 --> 00:01:40,390
So we definitely have a jam packed unit.

32
00:01:40,470 --> 00:01:41,600
Let's go ahead and get started.