1
00:00:00,730 --> 00:00:07,450
좋습니다. 그래서 다른 운동을 할 시간입니다. 여기서는 간단한 미니멀리스트 블로그 사이트를 만들 계획입니다.

2
00:00:07,590 --> 00:00:21,920
그리고이 연습은 실제로 다루었던 거의 모든 것에 초점을 맞출 것이지만, 상자 모양의 많은 것들을 칠 것이므로 패딩과 여백 및 테두리뿐만 아니라 유형의 그래픽을 사용하여 새로운 Google 글꼴과 다른 글꼴을 얻습니다. 소지품.

3
00:00:22,080 --> 00:00:25,050
그래서 우리는 이것을 만들겠습니다. 나는 당신에게 몇 가지 지시를 할 것입니다.

4
00:00:25,050 --> 00:00:31,890
처음에 시도하고 싶다면 다음 비디오에서 항상 처음부터 다시 시작하겠습니다.

5
00:00:32,430 --> 00:00:34,020
그래서 몇 가지 힌트를 드리겠습니다.

6
00:00:34,020 --> 00:00:37,200
가장 먼저 눈에 띄는 것은이 회색 상자입니다.

7
00:00:37,860 --> 00:00:45,470
그리고 실제로는 시체가 주위에있는 경계이기 때문에 시체에는이 20 픽셀 경계가 있습니다.

8
00:00:45,480 --> 00:00:52,900
그리고 이것은 신체가 화면을 가로 질러 가지 않는 것이 명백하다는 것을 의미하지만 그것은 여기에서부터 거기로갑니다.

9
00:00:53,310 --> 00:00:57,790
그래서 여기서 언급 할 또 다른 것은 색상의 일부입니다.

10
00:00:58,440 --> 00:01:00,730
따라서 색상을 추측 할 필요가 없습니다.

11
00:01:00,750 --> 00:01:05,920
실제로 색상 선택 도구를 사용하여 직접 연습 해 보는 것이 좋습니다.

12
00:01:06,270 --> 00:01:12,450
그러나 비디오를 통해 품질이 어떻게 이어져야하는지 확신 할 수 없기 때문에 일부 사항이 변경 될 것입니다.

13
00:01:12,480 --> 00:01:16,340
나는 당신에게 색을 줄 예정이므로 여기에 타이핑을 해 두었습니다.

14
00:01:16,560 --> 00:01:24,500
이것들을 다시 참조하거나 자신 만의 색을 자유롭게 사용할 수는 있지만 여기 몸의 테두리 색은 회색 음영입니다.

15
00:01:24,630 --> 00:01:28,720
이 날짜는 파란색으로 색칠하고 여기는 파란색으로 표시합니다.

16
00:01:28,920 --> 00:01:34,300
그리고 블로그 제목의 표제 색은 푸른 회색 음영입니다.

17
00:01:34,740 --> 00:01:40,160
그리고 다른 한가지는 여기에 글꼴과이 글꼴을 포함시켜야한다는 것입니다.

18
00:01:40,380 --> 00:01:43,410
네가 머리 꼭대기를 추측 할 것이라고 기대하지 않을거야.

19
00:01:43,410 --> 00:01:50,520
Source sense pro라고하며 Google 글꼴에서 사용할 수 있으므로 Google 글꼴을 사용해야합니다.

20
00:01:50,730 --> 00:01:51,950
그것을 다운로드하십시오.

21
00:01:51,950 --> 00:01:52,600
그것을 포함하십시오.

22
00:01:52,600 --> 00:01:56,830
우리는 다운로드해야하지만 세 사람이나 CSSA 파일에 올바르게 포함시켜야합니다.

23
00:01:57,180 --> 00:02:00,760
여기 다른 몇 가지 사항이 바로 여기에 있습니다.

24
00:02:01,170 --> 00:02:04,650
이 효과는 켜져있는 왼쪽 테두리에 불과합니다.

25
00:02:04,800 --> 00:02:07,580
그래서 우리가 가지고있는 것과 같은 회색이됩니다. 단지 더 얇습니다.

26
00:02:07,680 --> 00:02:09,410
그래서 그것은 aleft 국경이다.

27
00:02:09,570 --> 00:02:15,060
주의를 기울일 필요가있는 한가지는 이것들이 정확히 똑같이 정렬되어 있는지 확인하는 것입니다.

28
00:02:15,060 --> 00:02:19,410
여백이나 패딩 또는 여기에 약간의 차이가 있음을 주목하십시오.

29
00:02:19,410 --> 00:02:25,410
여기서 제가 지적 할 다음 사항은 날짜가 모두 대문자입니다.

30
00:02:25,560 --> 00:02:27,600
그래서 성공으로 그 일을 할 수있는 방법이 있습니다.

31
00:02:27,660 --> 00:02:28,730
대문자로 만드십시오.

32
00:02:29,070 --> 00:02:33,720
그리고 약간의 문자 간격이 있습니다.

33
00:02:33,720 --> 00:02:37,790
그래서 이것은 보통의 글자 간격에 있지 않고 조금 더 떨어져 있습니다.

34
00:02:38,400 --> 00:02:41,900
그리고 나서 게시물 사이에 하나의 마지막.

35
00:02:41,910 --> 00:02:47,370
이 줄이 있고 H R 요소는 수평선을 나타냅니다.

36
00:02:47,370 --> 00:02:53,590
그래서 당신은 H R을 추가 할 수 있고 이것을 스타일링하여 얇은 선을 축소시킬 수 있습니다.

37
00:02:53,820 --> 00:02:54,910
온라인에서 뭔가 발견했습니다.

38
00:02:54,930 --> 00:02:56,560
나는 다음 비디오에서 당신에게 보여줄 것입니다.

39
00:02:56,670 --> 00:03:03,950
그러나 우리의 스타일을 연구하면 위대한 기사와 코드 펜이있어서 그 중 하나만 복사 할 수 있습니다.

40
00:03:04,020 --> 00:03:08,490
그래서 나는 당신이 이것을 바르게 받아들이 길 기대하지 않습니다.

41
00:03:08,640 --> 00:03:11,580
원하는 텍스트를 자유롭게 사용하십시오.

42
00:03:11,670 --> 00:03:15,720
나는 이것이 베이컨 ipsum이지만 당신이 원하는 모든 텍스트를 넣어 생각 사용됩니다.

43
00:03:15,720 --> 00:03:20,990
두 개 이상의 게시물을 가지고 자유롭게 느끼고 컬러와 글꼴로 미쳐 가면서 자신의 것으로 만드십시오.

44
00:03:21,330 --> 00:03:22,730
좋아, 그럼 다음 비디오에서 보자.

45
00:03:22,740 --> 00:03:23,960
우리는 처음부터 시작할 것입니다.