1
00:00:00,390 --> 00:00:07,540
우리 중 일부는 우리가 블로그 앱을 만든 비디오를 우리 블로그 모델로 만들었고 우리는이 비디오에 인덱스 템플릿을 추가했습니다.

2
00:00:07,560 --> 00:00:10,070
실제로 새로운 노선을 실제로 추가하지는 않을 것입니다.

3
00:00:10,090 --> 00:00:13,590
이것은 매우 빠르지 만 우리의 머리글과 바닥 글 Parshall 's에 추가하고 싶습니다.

4
00:00:13,680 --> 00:00:16,030
그리고 의미 론적 UI도 포함하고자합니다.

5
00:00:16,040 --> 00:00:18,980
그리고 마침내 우리는 맨 위에 아주 간단한 탐색 바를 추가 할 것입니다.

6
00:00:19,380 --> 00:00:23,990
이제 Ejay를 파일로 사용하여 머리글과 바닥 글을 만들고 싶습니다.

7
00:00:24,660 --> 00:00:26,810
열람 된 디렉토리라면 내부에 있어야합니다.

8
00:00:26,820 --> 00:00:40,990
그래서 우리는 디렉토리를 사용하여 슬래시를 만들 것입니다 Parshall의 터치 뷰는 Parshall의 슬래시 Hetter를 사용하여 Ejay를하고 뷰를 터치하면 Parshall의 슬래시 바닥 글 EJ를 잘라냅니다.

9
00:00:41,430 --> 00:00:42,060
큰.

10
00:00:42,060 --> 00:00:45,990
이제 그걸 열어 봅시다.

11
00:00:46,290 --> 00:00:47,960
머리글부터 시작하겠습니다.

12
00:00:48,570 --> 00:00:54,990
그리고 왜 기본 뼈대가 HD 머리가 아니 었습니까?

13
00:00:55,470 --> 00:01:07,010
우리는 블로그 앱이라고 부를 것이고, 그런 식으로 우리 몸을 필요로 할 것입니다. 그리고 이것을 우리가 바닥 글로 옮겨서 지금 당장 그걸 잘라 낼 수있게 할 것입니다.

14
00:01:07,140 --> 00:01:16,710
헤더 파일에서 말한 상단에 단락을 추가하고 모든 페이지에서 올바르게 수행했음을 알게되는 경우를 봅시다.

15
00:01:16,710 --> 00:01:30,110
이제 footer paste를 열어 보자. footer save에서 같은 것을 할 수있다.

16
00:01:30,450 --> 00:01:33,890
이제 우리는 이것을 연결해야하고 인덱스에서 시작하여 시작하겠습니다.

17
00:01:34,140 --> 00:01:42,600
그래서 상단에 우리가 포함해야하고 우리의 길은 우리가 인덱스 파일에서 사용하는 대신에 있다는 것입니다.

18
00:01:42,780 --> 00:01:47,780
그래서 우리는 점선으로 된 Parshall의 슬래시 헤더를 원합니다.

19
00:01:48,240 --> 00:01:53,280
그리고 여기 Parshall의 슬래시도 마찬가지입니다.

20
00:01:53,700 --> 00:02:02,130
지금까지 아무 문제없이 테스트 해 봅시다. 5 번이나 5 번 헤더 파일에서 얻습니다.

21
00:02:02,430 --> 00:02:02,990
큰.

22
00:02:03,180 --> 00:02:05,530
이제 시맨틱 UI를 추가해 보겠습니다.

23
00:02:05,880 --> 00:02:10,590
그래서 나는이 시맨틱 UI 웹 사이트를 오픈 시맨틱 Dasch로 만들었습니다.

24
00:02:10,620 --> 00:02:18,080
부트 스트랩과 마찬가지로 파일을 다운로드하거나 CDN 시맨틱 UI CDN을 포함시킬 수 있습니다.

25
00:02:18,530 --> 00:02:24,630
이 첫 번째 예제를 클릭하면 우리가 선택할 수있는 많은 파일이 많이 있음을 알 수 있습니다.

26
00:02:24,810 --> 00:02:39,000
의미 론적 UI가 설계된 방식으로 구성 되었기 때문에 부팅 스트랩과 달리 원하는 것은 모두 섹션 뒤에 있거나 폼을 원한다면 단일 구성 요소 구성 요소 슬래시만으로도 만들 수 있기 때문입니다.

27
00:02:39,000 --> 00:02:46,510
SS 부트 스트랩의 비판 중 하나 인 모든 것을 필요로하지 않으므로 작은 조각 만 원한다면 전체 라이브러리를 가져 가야합니다.

28
00:02:46,770 --> 00:02:48,420
그러나 우리는 전체 도서관을 원합니다.

29
00:02:48,420 --> 00:03:05,920
그래서이 모든 관용구를 아래로 스크롤하면 시맨틱 (semantic)이라는 CDN이 필요합니다. 검색이나 시맨틱 만하면 재평가가 가능합니다. 바로 여기 있습니다. 당신이 모르는 사람이나 찾고있을 때 찾을 수 없지만 그냥 수색을 해.

30
00:03:06,000 --> 00:03:09,320
실제로 물건을 더 빨리 만들기 위해 실제로는 분당 된 버전을 사용하지 않습니다.

31
00:03:09,360 --> 00:03:20,040
그래서 사람들이 평가하는 것을 보게되는 의미 론적 의미입니다. 우리는 여러분이 Erl을 복사했다고 생각합니다. 그리고 우리는 그것을 헤더 안의 헤더 파일의 맨 위에 놓을 것입니다.

32
00:03:20,490 --> 00:03:22,300
길이 태그 야.

33
00:03:22,950 --> 00:03:29,030
그리고 우리는 그것이 링크가되기를 원합니다.

34
00:03:29,120 --> 00:03:30,260
네.

35
00:03:30,420 --> 00:03:34,900
또한 우리는 rel 스타일 시트 유형이 텍스트 슬래시와 동일해야합니다.

36
00:03:34,940 --> 00:03:40,500
C Ss 이제 이제 서버를 저장하고 다시 시작합니다.

37
00:03:41,640 --> 00:03:49,070
처음으로 부트 스트랩을 설치하면 폰트가 조금씩 바뀌는 것처럼 약간의 변경 사항을 볼 수있는 홈 페이지를 살펴보십시오.

38
00:03:49,560 --> 00:03:49,830
승인.

39
00:03:49,830 --> 00:04:01,180
즉 머리말과 꼬리말에있는 단락을 없애고 대기열에있는 간단한 탐색 바를 추가합시다.

40
00:04:01,230 --> 00:04:03,740
물론 메뉴라고 부릅니다.

41
00:04:03,990 --> 00:04:16,170
그래서 우리가 여기를 클릭하면 모든 다른 구성 요소의 메뉴를 클릭하면 컬렉션 메뉴 아래에있는 메뉴를 찾고 싶습니다.

42
00:04:16,170 --> 00:04:18,630
꽤 많은 종류의 메뉴가 있음을 알 수 있습니다.

43
00:04:18,860 --> 00:04:22,190
여기에있는 메뉴가 있습니다.

44
00:04:22,500 --> 00:04:32,090
포인팅 (Poynting) 메뉴가 있습니다.

45
00:04:32,470 --> 00:04:43,170
그리고 우리가 필요로하는 것보다 더 많은 것들이 있습니다.하지만 우리 몸의 꼭대기를 div로 만들고 이것을 올바르게 얻도록하십시오.

46
00:04:43,170 --> 00:04:46,340
케이트는 너와 동급이야.

47
00:04:46,340 --> 00:04:52,170
나는 고쳐졌고 우리는 단지 부트 스트래핑과 같이 색상을 바꾼 뒤집힌 메뉴를 할 것이다.

48
00:04:52,170 --> 00:04:57,410
당신은 구절에서 말할 수 있습니다. 그리고 거기에서 우리는 또 다른 div가 필요합니다.

49
00:04:58,020 --> 00:05:03,830
그리고이 클래스는 클래스를 가질 것입니다. 컨테이너는 부트 스트랩 된 컨테이너와 같습니다.

50
00:05:04,260 --> 00:05:10,030
그리고 거기에 대신에 다른 div가 생기고 이것은 Hetter 항목과 같은 클래스를 갖게 될 것입니다.

51
00:05:10,320 --> 00:05:13,550
그리고 이것은 부트 스트랩의 nav bar 브랜드와 같습니다.

52
00:05:13,560 --> 00:05:18,920
그래서 우리가 원하는 모든 것은 아이들이 블로그 사이트 또는 우리가 원하는 앱을 호출하기를 원합니다.

53
00:05:19,050 --> 00:05:45,350
그런 다음 홈 페이지에 앵커 태그를 추가하면 집에 호출하여 항목과 같은 클래스에 추가 한 다음 똑같은 작업을 수행합니다. 아직 존재하지 않는 슬래시 로그 슬래시로 이동하면 감기에 걸릴 것입니다. 새 포스트 또는 새 블로그.

54
00:05:45,410 --> 00:05:47,470
그것은 우리가 보는 텍스트 일 ​​것입니다.

55
00:05:48,350 --> 00:05:51,760
그래, 당신은 반전 된 메뉴가 고정되지 않습니다.

56
00:05:51,900 --> 00:05:53,460
그 대신에 컨테이너.

57
00:05:53,670 --> 00:06:00,010
그리고 컨테이너 안에서 우리는 실제로이 모든 작은 실수를 내 부분에 가져야합니다.

58
00:06:00,060 --> 00:06:02,670
그래서 우리는 그것이 거기에 있기를 원합니다.

59
00:06:03,360 --> 00:06:04,850
그것은 모두 컨테이너에 있어요.

60
00:06:05,160 --> 00:06:10,250
그리고 우리는 헤더를 가지고 있습니다. 그리고 나서 우리는 고정 된 Tex라는 두 가지 아이템을 가지고 있습니다.

61
00:06:10,260 --> 00:06:12,200
이제 그것을 살펴 보겠습니다.

62
00:06:13,500 --> 00:06:15,200
그리고 우리는 간단한 수학 막대를 얻습니다.

63
00:06:15,520 --> 00:06:17,720
네, 여기서 약간의 간격을두고 문제가 있습니다.

64
00:06:17,730 --> 00:06:21,450
우리는 잠시 후에 그것을 처리 할 것입니다. 그러나 이제는 잘 작동합니다.

65
00:06:21,660 --> 00:06:27,450
시맨틱 (semantic)에서 아이콘으로 불리는 간단한 아이콘을 추가합시다.

66
00:06:28,070 --> 00:06:30,690
내가 사용한 것 중에는 여러 가지가 있습니다.

67
00:06:30,720 --> 00:06:32,960
그것은 코드라고 불립니다.

68
00:06:33,120 --> 00:06:35,500
시도해보고 여기에서 찾아서 검색하면됩니다.

69
00:06:35,550 --> 00:06:36,310
거기는.

70
00:06:36,480 --> 00:06:39,760
그러나 당신이 코멘트를 원한다면 당신 자신을 고르십시오.

71
00:06:39,810 --> 00:06:43,560
아이디어는 코드 기반 블로그 였지만 다른 것이있을 수 있습니다.

72
00:06:43,560 --> 00:06:44,900
나는 아이디어 하나를 좋아한다.

73
00:06:44,920 --> 00:06:46,190
어쨌든 그들 무리가 있습니다.

74
00:06:46,350 --> 00:06:51,980
좋은 점은 회사에 유용한 수많은 아이콘이 있다는 것입니다.

75
00:06:52,020 --> 00:06:59,100
아주 밑바닥에는 그들이 있다고 생각합니다. 우리는 당신의 응용 프로그램에 링크되어있는 다른 브랜드와 회사의 수많은 제품을 선택합니다.

76
00:06:59,430 --> 00:07:00,070
승인.

77
00:07:00,300 --> 00:07:07,160
그래서 아이콘의 이름은 코드이고 여기서는 블로그 사이트 헤더 옆에 바로 추가 할 것입니다.

78
00:07:07,470 --> 00:07:11,190
그래서 여기에 그녀의 물건이 있었고 우리에게 필요한 것은 눈 태그뿐입니다.

79
00:07:11,670 --> 00:07:17,400
그리고 그것은 코드와 아이콘의 클래스를 가져야합니다.

80
00:07:17,400 --> 00:07:26,290
그래서 아이콘의 이름은 정말 간단하고 클래스 아이콘은 새로 고침을 저장하고 약간의 코드가 있습니다.

81
00:07:26,280 --> 00:07:27,340
나는 거기에 간다.

82
00:07:27,660 --> 00:07:31,830
이 아이콘을 조금 더 크게 만드는 작은 변화를 만들어 보겠습니다.

83
00:07:31,860 --> 00:07:40,630
그렇게하기 위해 우리는 여기에 멋진 스타일 태그를 작성할 수 있습니다. 그렇게하기보다는 우리가 설정 한 공개 디렉토리를 사용합시다.

84
00:07:40,680 --> 00:07:41,930
여전히 디렉토리를 만들어야합니다.

85
00:07:41,940 --> 00:07:44,570
그러나 우리는 그것이 제공되고 있다는 사실을 확증했습니다.

86
00:07:44,700 --> 00:07:51,340
그래서 우리는 스타일 시트를 슬래시 (slash) 할 것입니다. 우리는 단지 그것을 호출 할 것입니다. C는 아직 존재하지 않습니다.

87
00:07:51,690 --> 00:08:16,710
그래서 우리는 디렉토리를 public으로 만들고 디렉토리를 public slash 스타일 시트로 만들고 마지막으로 공공 슬래시 스타일 시트를 슬래시 app Dotsie SS로 바꿔야합니다. 우리는 공개 스타일 시트 Aptos SS 탭 완성을 확실히 열고 싶습니다. 확실히 여러분의 친구입니다.

88
00:08:16,740 --> 00:08:19,990
그리고 모든 아이콘을 조금 더 크게 만듭니다.

89
00:08:20,400 --> 00:08:39,250
실제로 좀 더 구체적인 아이콘을 가진 모든 아이콘 및 stewe 아이콘보다는 사실 당신이 컨테이너의 크기의 두 배나 부모 저장의 두 배 크기와 같은 글꼴 크기 BE2 IEM을 설정합니다.

90
00:08:39,560 --> 00:08:45,180
이제 서버 백업을 시작했으며 페이지를 새로 고침했습니다.

91
00:08:45,180 --> 00:08:49,530
우리는 아이콘이 개인 취향의 문제 일뿐만 아니라 더 커지는 것을보아야합니다.

92
00:08:49,530 --> 00:08:52,340
그러나 그것이 더 커질 때 조금 나아질 것 같습니다.

93
00:08:52,710 --> 00:08:52,940
승인.

94
00:08:52,950 --> 00:08:56,850
이제 우리는 그 일을 마쳤습니다.이 비디오에서 우리가해야 할 모든 것을 다했습니다.

95
00:08:56,850 --> 00:09:13,580
이제 머리말 바닥 글 파일에 추가 된 탐색 모음을 설정하고 싶습니다. 사용자 정의 CSSA 파일에 추가 할 수 있습니다. 이제는 한 줄만 있어도 모든 단일 파일에 맞춤 CSSA를 쉽게 추가 할 수 있습니다. 의미있는 UI를 포함 할 수 있습니다.

96
00:09:13,860 --> 00:09:19,420
좋아요. 그래서 우리는 새 비디오로 다음 비디오를 픽업하고 실제로 새로운 블로그를 만들 수 있습니다.