1
00:00:00,360 --> 00:00:01,140
다시 오신 것을 환영합니다.

2
00:00:01,320 --> 00:00:10,020
이제 폴더 구조가 설정되었고 파일이 생성되었습니다.이 비디오에서 실제 팀 구조를 만드는 데 시간을 할애 할 것입니다.

3
00:00:10,020 --> 00:00:12,590
To Do 목록에 필요한 요소.

4
00:00:12,990 --> 00:00:19,270
이 단원에서 우리가 진행하고있는 최종 버전을 살펴 보겠습니다.

5
00:00:19,650 --> 00:00:21,400
여기 최종 목록이 있습니다.

6
00:00:21,600 --> 00:00:26,490
그리고 여기에 우리가 가지고있는 큰 요소들이 여기에 있습니다.

7
00:00:26,570 --> 00:00:29,200
여기에 일종의 버튼이 있습니다.

8
00:00:29,340 --> 00:00:38,580
여기에 텍스트 입력이 있습니다. 입력 유형은 텍스트와 같고, 이것은 우물이며 이것들 각각은 해당 UL의 동맹 자입니다.

9
00:00:39,030 --> 00:00:44,960
그리고 나서 각 버튼은 바로 여기에 우리가 보여주고 숨기고 변화시키는 범위입니다.

10
00:00:44,970 --> 00:00:50,000
그리고 우리는 모든 것을 담기 위해 어떤 종류의 요소가 필요합니다. 우리는 그것을하기 위해 장치를 사용할 것입니다.

11
00:00:50,040 --> 00:01:01,230
그래서 우리는 그 div 안에 div가 필요합니다. 우리는 H-1에 텍스트를 입력 할 것입니다. UL은 많은 동맹국과 함께 있고, 그 다음에는 몇 개의 span도 있습니다.

12
00:01:01,230 --> 00:01:14,590
그래서 우리는 노인 몇 명을 쓰는 것부터 시작할 것입니다. 저는 진정한 C Ss가 아닙니다. 그리고 우리가 이것에 관해 갈 방법을 알려주는 것은 그 기능을 나열하는 추악한 일을 만든 다음 돌아가서 추가하는 것입니다. C S.

13
00:01:14,640 --> 00:01:24,380
그래서 저는 J 쿼리 인이 고기와 새로운 것을 만들고 삭제하는 논리를 얻고 싶습니다. 그리고 나서 우리는 돌아가서 끝에 예쁜 것들을 추가 할 것입니다.

14
00:01:24,610 --> 00:01:24,860
승인.

15
00:01:24,870 --> 00:01:26,990
먼저 HD로 시작해 보겠습니다.

16
00:01:27,300 --> 00:01:46,640
저는 div를 만들고 ID 컨테이너를 제공하려고합니다. 그리고 div의 내부에 모든 것을 넣을 것입니다. 그런 다음 div가 H1을 갖게 될 것이고 그냥 목록을 말하고 나서 우리는 텍스트 입력이있다.

17
00:01:46,990 --> 00:01:50,580
따라서 입력 유형은 텍스트와 동일합니다.

18
00:01:50,580 --> 00:01:52,380
그리고 그것이 어떻게 형성되고 있는지 보자.

19
00:01:52,680 --> 00:02:00,650
보라색 배경을 없애고 여기로가 보겠습니다.

20
00:02:01,200 --> 00:02:04,230
그리고 나는 또한이 경고를 없애 버릴 것입니다.

21
00:02:04,230 --> 00:02:06,270
자 이제하자.

22
00:02:06,270 --> 00:02:07,240
우리는 거기에 갈.

23
00:02:07,790 --> 00:02:08,140
승인.

24
00:02:08,190 --> 00:02:12,420
그래서 우리는 우리가 H-1에 대한 본문을 가지고 있다는 의견을 가지고 있습니다.

25
00:02:12,600 --> 00:02:15,450
나는 우리가 그것을해야한다고 생각한다.

26
00:02:15,690 --> 00:02:18,970
그리고 나서 우리가 할 일은 UL을 추가하는 것입니다.

27
00:02:19,080 --> 00:02:24,240
그럼 Dasch에 대한 변경 사항을 나열 해 봅시다.

28
00:02:24,240 --> 00:02:30,660
그리고 그 후에 우리는 우리의 UL에 추가 할 것이며 각각 할 일은 그 안에 있습니다.

29
00:02:30,660 --> 00:02:35,130
그리고 3 ~ 4 개의 투투 투수를 추가해 봅시다.

30
00:02:35,430 --> 00:02:48,350
그래서 포션 클래스의 새 로브에 갈 것이고, 우리는 또한 해그리드를 방문 할 것입니다.

31
00:02:48,360 --> 00:02:48,630
괜찮아.

32
00:02:48,630 --> 00:02:51,740
그래서 우리는 우리 목록에서 이것을 할 세 가지가 있습니다.

33
00:02:51,750 --> 00:02:59,630
지금까지 볼 수없는 목록이지만 우리는 H-1 텍스트 입력과 그 내부에있는 3 명의 동맹 관계를 가지고 있습니다.

34
00:02:59,680 --> 00:03:09,820
이제는 삭제 버튼을 추가하고 우리는이 휴지통이 모든 스타일링 버튼을 삭제할 수있게하지 않을 것입니다.

35
00:03:09,840 --> 00:03:15,030
우리는 더 단순한 버튼을 갖게 될 것이고 실제로 버튼이 될 수도 없습니다.

36
00:03:15,180 --> 00:03:16,460
그냥 이렇게 보일 것입니다.

37
00:03:16,590 --> 00:03:23,400
그래서 우리가 클릭 할 수있는 문자 X와 그 X를 클릭하면 할 일을 지울 것입니다.

38
00:03:23,460 --> 00:03:32,840
그리고 그것은 문자를 거짓으로 사용하는 것보다 문자로 시작하는 방법입니다. 문자 X로 스팬을 사용하려고합니다.

39
00:03:33,330 --> 00:03:38,200
그럼 그걸 복사 해보자.

40
00:03:38,340 --> 00:03:39,810
우리는 3 개의 스판을 가지고 있습니다.

41
00:03:39,990 --> 00:03:44,080
각각에는 문자 X가 새로 고쳐집니다.

42
00:03:44,100 --> 00:03:45,160
아무것도 다른 것처럼 보입니다.

43
00:03:45,450 --> 00:03:51,810
그러나 지금 우리는 그 스팬을 따로 선택할 수 있습니다. 그리고 우리는 빠른 리스너를 추가 할 것입니다.

44
00:03:51,840 --> 00:03:56,890
그래서 우리가 그 구간을 클릭하면 이것을 삭제하거나이 전체 거짓말을 삭제하고 싶습니다.

45
00:03:57,290 --> 00:03:57,530
승인.

46
00:03:57,540 --> 00:03:59,820
이것이 우리가 필요로하는 모든 기본 마크 업입니다.

47
00:04:00,060 --> 00:04:02,750
아주 작은 스타일링을 해봅니다.

48
00:04:02,790 --> 00:04:09,300
우리가 할 첫 번째 일은이 div를 중심으로하므로 div는 ID 컨테이너입니다.

49
00:04:09,720 --> 00:04:26,430
여기에 가서 CSSA 파일에서 깔끔한 컨테이너를 선택하고 좋은 배경을 부여하자. 우리가 얻는 것을 시작하고 볼 수있는 회색.

50
00:04:26,430 --> 00:04:28,670
div가 끝까지 보입니다.

51
00:04:28,860 --> 00:04:32,590
계속 진행하여 가계도를 추가하지 마십시오.

52
00:04:32,820 --> 00:04:41,840
그리고 나서 우리는 스크린의 중앙에 그것을 놓을 것입니다. 그래서 너비는 360과 6입니다.

53
00:04:42,120 --> 00:04:48,930
그리고 저장하면 최종 버전과 동일한 너비입니다.

54
00:04:48,930 --> 00:04:53,870
그래서 우리가하고 싶은 360 픽셀과 그 다음 일은 그 중심입니다.

55
00:04:54,210 --> 00:04:57,000
그리고 가장 쉬운 방법은 마진 트릭을 사용하는 것입니다.

56
00:04:57,150 --> 00:05:02,760
그래서 우리는 위쪽과 아래쪽의 여백을 0으로 설정하고 왼쪽과 오른쪽을 Ahto로 설정합니다.

57
00:05:03,570 --> 00:05:07,640
그리고 우리가 지금 새로 고침하면 우리는 할 훌륭한 센터를 가지고 있습니다.

58
00:05:07,680 --> 00:05:11,650
모든 시간이 끝나고 여기에서 시작할 수 있다고 평가하십시오.

59
00:05:11,700 --> 00:05:13,760
우리가 필요로 할 때 몇 가지를 추가 할 것입니다.

60
00:05:13,950 --> 00:05:26,470
그리고 기본 기능을 한 번 내려 놓으면이 예쁘게 만들고 애니메이션과 효과를 페이드와 슬라이드에서 알게되고, 모양과 느낌을 훨씬 좋게 만듭니다.