1
00:00:00,000 --> 00:00:03,486
>> [음악 재생]

2
00:00:03,486 --> 00:00:10,460

3
00:00:10,460 --> 00:00:14,250
>> 데이비드 J 마란 : 이것은 CS50이며,
이것은 주 (7)의 시작이다.

4
00:00:14,250 --> 00:00:15,060
그래서 다시 환영합니다.

5
00:00:15,060 --> 00:00:17,540
그리고 당신은 그 리콜 할 수 있습니다
문제에서, 네 개의 설정

6
00:00:17,540 --> 00:00:21,510
폐품 사냥의 비트가 있었다
일부 멋진 상품, 이에 대한

7
00:00:21,510 --> 00:00:24,219
당신의 사진을 복구 한 후
모두 여기 뉴 헤이븐에있는 직원,

8
00:00:24,219 --> 00:00:27,468
당신은의 많은 사람을 찾기 위해 도전했다
당신이 할 수와 같은 그 컴퓨터 과학자.

9
00:00:27,468 --> 00:00:29,550
그리고 우리는 전체있어
제출의 무리.

10
00:00:29,550 --> 00:00:31,930
나는 몇 가지를 공유하고자합니다
오늘 당신과 함께.

11
00:00:31,930 --> 00:00:35,100
>> 그리고 우리는 온라인으로 모든 게시합니다.

12
00:00:35,100 --> 00:00:39,310
그러나 특히, 내가 원한
잘 한 이러시면 당신의 관심을 끌기,

13
00:00:39,310 --> 00:00:42,670
샘은 그들 중 상당수 있었다
일반적으로 다음과 같은 포즈.

14
00:00:42,670 --> 00:00:45,750
그러나 현재이 나타납니다
오늘 아침, 승자

15
00:00:45,750 --> 00:00:51,170
특정 누군가와 켄 지명되었다
직원의 24 카메라에 포착

16
00:00:51,170 --> 00:00:54,600
당신이 고려 때 더 많은 또는 몇
사진에서 여러 직원을 차지하고있다.

17
00:00:54,600 --> 00:00:58,300
여기 사진은 다음 켄입니다
뉴 헤이븐에있는 마리아.

18
00:00:58,300 --> 00:01:01,300
>> 지금, 켄,하지만, 회전
아웃 코너 케이스의 비트입니다

19
00:01:01,300 --> 00:01:02,880
즉, 아직 전에 무슨 일이 있었 아니에요.

20
00:01:02,880 --> 00:01:05,713
그것은 발생하지 않은 것이 밝혀
나에게 문제에 글씨를 넣어

21
00:01:05,713 --> 00:01:09,710
직원이 있다고 그 네 가지를 설정
멋진 경품에 대한 자격

22
00:01:09,710 --> 00:01:13,130
켄의 물론 하나이기 때문에
우리의 직원 사진 작가.

23
00:01:13,130 --> 00:01:16,820
자, 그렇게 말한다면, 그는
원래 말을 저를 썼다

24
00:01:16,820 --> 00:01:19,180
온라인으로 사진을 게시하지 마십시오.

25
00:01:19,180 --> 00:01:21,630
나는 많은 부분에서 생각
사진의 대부분 때문에

26
00:01:21,630 --> 00:01:24,499
이 사진은 볼 걸렸다
이 같은 작은 선물.

27
00:01:24,499 --> 00:01:25,040
등을들 수있다.

28
00:01:25,040 --> 00:01:28,990
>> 그러나 켄은 내가 당신을 안심하고 싶습니다
그는 아주 좋은 사진이 있다고,

29
00:01:28,990 --> 00:01:33,190
그는, 그는 전문 걸립니다
흐릿하지 않은 사진,

30
00:01:33,190 --> 00:01:37,270
초점 더 나은, 그리고 그가
우리 자신의 직원의 상당수를했다.

31
00:01:37,270 --> 00:01:40,370
오히려 단지보다 인정
우리는 우리가 할 거라고 생각했던 켄,

32
00:01:40,370 --> 00:01:43,390
목록을 이동한다
제출 된 실제 학생.

33
00:01:43,390 --> 00:01:48,640
그리고 그것은과 그 랜스를 밝혀
이 아침의 등 15 개

34
00:01:48,640 --> 00:01:50,030
우리의 우승자이었다.

35
00:01:50,030 --> 00:01:55,730
>> 그리고, 랜스는 콜튼로 여기 사진
자신과 SKAZ, 샘과 함께.

36
00:01:55,730 --> 00:02:00,230
그러나 그것은 밝혀 그와 같은
오전 11시 46분, 조금 전에 이렇게,

37
00:02:00,230 --> 00:02:04,380
내 이메일에 다시 가서 발견
우리는 아직 한 번 더 제출 한 것으로

38
00:02:04,380 --> 00:02:08,300
보니라는 이름의 학생이
그 이메일은이 말했다.

39
00:02:08,300 --> 00:02:10,800
거짓말을하지 않을, 내가 해요
수업 시간에이 일을.

40
00:02:10,800 --> 00:02:17,620
그리고 바로 연결하는 진행
14 사진, 랜스의 15 수줍은 하나.

41
00:02:17,620 --> 00:02:22,690
>> 그러나 보니의 사진에서, 그것은집니다
밖으로 여러 직원이, 샘이었다

42
00:02:22,690 --> 00:02:25,960
그 (것)들의 사이에서, 그래서 우리는 우리가 생각했던
할 것이 두 가지를 인정합니다.

43
00:02:25,960 --> 00:02:29,240
그래서 보관을 받고뿐만 아니라
공간이 참가 모두

44
00:02:29,240 --> 00:02:33,900
수신,이 두 부분은 것입니다
그들을 위해 좋은 음식을 장만 점심을받을

45
00:02:33,900 --> 00:02:36,100
그들의 섹션
이 다음 주 짝.

46
00:02:36,100 --> 00:02:38,970
그래서 당신은 우리로부터 듣게 될 것입니다,
그것에 대해 랜스와 보니,.

47
00:02:38,970 --> 00:02:40,002
그들에게 이렇게 큰 축하.

48
00:02:40,002 --> 00:02:42,210
지금, 당신의 그 누구 것
점심 같이 더 일반적으로

49
00:02:42,210 --> 00:02:45,320
캠브리지에서 그 CS50 점심을 알고
뉴 헤이븐은 금요일입니다.

50
00:02:45,320 --> 00:02:48,510
CS50의 웹 사이트 슬래시 RSVP로 이동합니다.

51
00:02:48,510 --> 00:02:49,800
그리고 지금 세미나에 단어.

52
00:02:49,800 --> 00:02:50,730
더 curricularly.

53
00:02:50,730 --> 00:02:52,490
그래서 우리는 가까워 야
학기의 포인트

54
00:02:52,490 --> 00:02:55,200
당신은 시작해야하는 위치
최종 프로젝트에 대해 생각.

55
00:02:55,200 --> 00:02:59,309
그리고 사실, 조금의 의지
사전 제안이 원인 일 소위.

56
00:02:59,309 --> 00:03:01,850
그래서 전 제안은에 의미
수 꽤 낮은 충격 정말

57
00:03:01,850 --> 00:03:04,109
단지 기회
당신은 짧은 메모를 작성합니다

58
00:03:04,109 --> 00:03:06,900
당신의 교육 동료 알리기합니다
그 또는 그녀의 당신은 당신이 무슨 생각을하는지

59
00:03:06,900 --> 00:03:09,140
최종 프로젝트에 대한 수행 할 수 있습니다.

60
00:03:09,140 --> 00:03:11,730
>> 지금, 많은 학생들이 결국
일 웹은 최종 프로젝트를 기반으로.

61
00:03:11,730 --> 00:03:13,800
그리고 물론, 우리는 그냥있어
이 이제 마지막 주

62
00:03:13,800 --> 00:03:15,890
웹 프로그래밍에 다이빙을 넘어.

63
00:03:15,890 --> 00:03:18,200
그래서 걱정하지
전혀 생각 방법이 없다

64
00:03:18,200 --> 00:03:21,594
당신은 아이디어를 구축 할 것이라고
당신은 당신의 마음에있을 수 있습니다.

65
00:03:21,594 --> 00:03:24,510
이건 정말 그냥 강제 기능입니다
당신이 생각하고 얘기를 얻을 수

66
00:03:24,510 --> 00:03:25,650
그것에 대해 당신의 TF와.

67
00:03:25,650 --> 00:03:28,810
하지만 그와 함께 당신을 도울하고합니다
궁극적으로 최종 프로젝트와,

68
00:03:28,810 --> 00:03:31,750
CS50는 전통을 가지고 있음을 알고있다
의 세미나를 제공합니다.

69
00:03:31,750 --> 00:03:36,084
>> 그리고 이들은 손에, 선택적
또는 기회를 기반으로 강의

70
00:03:36,084 --> 00:03:39,000
있는 항목에 대한 자세한 내용은
코스의에 약간의 보조

71
00:03:39,000 --> 00:03:43,310
강의,하지만 그럼에도 불구하고 멋진
재료는 최종 프로젝트를 구동한다.

72
00:03:43,310 --> 00:03:46,840
그래서이의 목록입니다
여기에 뉴 헤이븐에서 CS50 직원

73
00:03:46,840 --> 00:03:48,600
대한 때우기
아이폰 OS에 대한이 해

74
00:03:48,600 --> 00:03:50,730
프로그래밍, 안드로이드
프로그래밍, 게임 개발,

75
00:03:50,730 --> 00:03:54,480
더 많은 도구와 송이
그리고 언어와 기술.

76
00:03:54,480 --> 00:03:56,780
>> 그래서 CS50의 웹 사이트에 눈을 유지.

77
00:03:56,780 --> 00:04:00,110
그리고 그 사이에, 당신은하고 싶은 경우
이들의에 관심을 등록,

78
00:04:00,110 --> 00:04:02,510
CS50의 슬래시 레지스터로 이동합니다.

79
00:04:02,510 --> 00:04:05,770
그리고 우리는 그 다음에로 후속 것
일 비행 시간과 장소

80
00:04:05,770 --> 00:04:09,090
그리고 모든 걸 다 대부분의 모든 것
수 스트리밍 수요에도 가능

81
00:04:09,090 --> 00:04:11,750
당신이 실제로 그것을 만들 수없는 경우에 후.

82
00:04:11,750 --> 00:04:15,800
그래서 그 이상의 야단 법석없이, 우리
GET과 마지막을 떠났다.

83
00:04:15,800 --> 00:04:19,610
>> 그리고이이었다 메시지 같았다
가상 봉투의 내부, 기억,

84
00:04:19,610 --> 00:04:23,960
우리는에 라우터에 라우터에서 전달 된 것을
웹 브라우저 및 웹 사이 라우터

85
00:04:23,960 --> 00:04:24,487
서버.

86
00:04:24,487 --> 00:04:26,695
그리고 그 메시지를 보았다
이 같은 작은 선물.

87
00:04:26,695 --> 00:04:29,700
이것은 더 많은 비밀 메시지였습니다
봉투 안에 실제로이었다

88
00:04:29,700 --> 00:04:34,440
그 종이에 작성
첫 번째 라인은 그대로, 슬래시를 얻을 말했다.

89
00:04:34,440 --> 00:04:37,830
>> 단지 전성 검사로,
슬래시는 무엇을 표시 했습니까?

90
00:04:37,830 --> 00:04:40,455
슬래시 때 무엇을 의미 하는가
웹 사이트를 요청?

91
00:04:40,455 --> 00:04:43,070

92
00:04:43,070 --> 00:04:44,250
당신은 모든 시간을 요청합니다.

93
00:04:44,250 --> 00:04:47,333
대부분의 어떤 시간 당신은 웹 사이트를 방문하십시오
실제로 파일 이름을 입력하지 않습니다.

94
00:04:47,333 --> 00:04:50,960
당신은 아마, Facebook.com로 이동
, gmail.com 등을 입력합니다.

95
00:04:50,960 --> 00:04:52,260
그리고 슬래시는 무엇을 상징 하는가?

96
00:04:52,260 --> 00:04:53,506
어떤 파일?

97
00:04:53,506 --> 00:04:54,630
구체적으로 또는 어떤 페이지,?

98
00:04:54,630 --> 00:04:59,642

99
00:04:59,642 --> 00:05:00,720
>> 인덱스, 그래.

100
00:05:00,720 --> 00:05:01,810
기본 페이지 그래서.

101
00:05:01,810 --> 00:05:04,810
파일을 지정하지 않는 경우에 따라서
우리가 볼 시작할 것 같은 이름,

102
00:05:04,810 --> 00:05:07,750
당신은 실제로 단지 요청하고
나에게 페이스 북의 기본 페이지를 제공합니다

103
00:05:07,750 --> 00:05:10,800
또는 나에게 내받은 편지함을 제공하거나 제공
나 뉴스의 기본 페이지

104
00:05:10,800 --> 00:05:12,510
CNN의 웹 사이트 등을합니다.

105
00:05:12,510 --> 00:05:15,220
그리고 서버가 응답하는
뭔가 그 메시지

106
00:05:15,220 --> 00:05:18,420
이처럼, 나는 네 말
HTTP 버전 1.1을 말한다.

107
00:05:18,420 --> 00:05:21,130
>> 상태를 200,
우리는 거의 인간없는 코드

108
00:05:21,130 --> 00:05:22,790
그것은 좋은 때문에 이제까지 참조하십시오.

109
00:05:22,790 --> 00:05:26,640
그것은 확인 요청을 의미하기 때문에
수신 제대로 처리되었다.

110
00:05:26,640 --> 00:05:28,960
그리고 콘텐츠 유형
분명히 응답

111
00:05:28,960 --> 00:05:31,170
자주, 항상은 아니지만, 텍스트입니다.

112
00:05:31,170 --> 00:05:32,580
구체적으로는, HTML.

113
00:05:32,580 --> 00:05:34,760
그리고 그것은 사실입니다
여기서 오늘날 우리가 봐.

114
00:05:34,760 --> 00:05:37,140
>> 그래서 사실, 내가 갈거야
앞서 및 브라우저를 엽니 다.

115
00:05:37,140 --> 00:05:40,410
내가 크롬을 사용하는거야, 당신은 사용할 수 있습니다
주 모든 브라우저를 대부분 와서.

116
00:05:40,410 --> 00:05:42,410
우리는 일반적으로 크롬을 권장
그것은 특히 왜냐하면

117
00:05:42,410 --> 00:05:43,750
소프트웨어 개발자를위한 좋은.

118
00:05:43,750 --> 00:05:46,070
내장의 그것은 많이있어
쉽게 만드는 도구

119
00:05:46,070 --> 00:05:49,800
HTML과 CSS 단지를 개발,
우리가 오늘에 대해 이야기를 시작 할 것들,

120
00:05:49,800 --> 00:05:51,530
뿐만 아니라 다른 언어뿐만 아니라.

121
00:05:51,530 --> 00:05:55,530
>> 내가 가서 이러시면 갈거야
나는 클릭하거나 마우스 오른쪽을 제어거야

122
00:05:55,530 --> 00:05:57,210
웹 페이지에서 아무 곳이나 클릭합니다.

123
00:05:57,210 --> 00:05:59,070
그리고 요소를 검사로 이동거야.

124
00:05:59,070 --> 00:06:03,850
그리고 조정할거야 내
여기에 화면이 조금.

125
00:06:03,850 --> 00:06:05,790
내가 바닥에이 이동하자.

126
00:06:05,790 --> 00:06:08,140
그래서이라고 무엇인가
크롬의 경위.

127
00:06:08,140 --> 00:06:11,010
그래서 이것은 디버깅과 같다
도구는 크롬에 내장.

128
00:06:11,010 --> 00:06:13,520
>> 당신의 모든 이미이 있습니다
당신은 크롬을 사용하고있는 경우.

129
00:06:13,520 --> 00:06:17,169
그리고 그것은 당신이 무슨 일이 일어나고 있는지 볼 수 있습니다
일부 웹 페이지의 후드 아래에.

130
00:06:17,169 --> 00:06:19,210
그래서 실제로 보자
다음과 같이 이것 좀 봐.

131
00:06:19,210 --> 00:06:21,251
이 방법은 더 많은 기능을 가지고
우리는 오늘에 관심.

132
00:06:21,251 --> 00:06:22,760
그러나 여기에이 탭이 있습니다.

133
00:06:22,760 --> 00:06:25,890
요소, 네트워크, 소스
타임 라인, 그리고 몇몇 다른 물건.

134
00:06:25,890 --> 00:06:27,800
나는 클릭거야
잠시 네트워크입니다.

135
00:06:27,800 --> 00:06:30,500
>> 그리고 그것은 조금 압도
여기에 언뜻.

136
00:06:30,500 --> 00:06:34,190
하지만 내가 할거야하는 것은 할 수있다
내게는 조금 단순화합니다.

137
00:06:34,190 --> 00:06:37,560
나는 켜거야
이 빨간색이다 있도록 빛을 기록.

138
00:06:37,560 --> 00:06:39,140
그리고 로그를 보존 말할거야.

139
00:06:39,140 --> 00:06:41,015
그리고 이것은 단지 조금
것은 내가 알아 낸

140
00:06:41,015 --> 00:06:44,120
시간이 지남에 따라 그 저장 것
브라우저에서 일어나는 모든 일.

141
00:06:44,120 --> 00:06:50,030
그리고 지금은 갈거야
http://facebook.com에.

142
00:06:50,030 --> 00:06:52,690
>> 사실,의​​는 WWW를하자
좋은 측정을 위해, 슬래시.

143
00:06:52,690 --> 00:06:53,643
입력합니다.

144
00:06:53,643 --> 00:06:56,180
너무 URL 많은
당신이 방문 할 수 있습니다.

145
00:06:56,180 --> 00:06:58,830
그리고 지금 페이스 북의 웹
페이지 상단에 온다.

146
00:06:58,830 --> 00:07:02,350
그리고 다음 왕창
물건은 아래쪽에 의해 날아 갔다.

147
00:07:02,350 --> 00:07:04,830
사실, 그것은 밝혀
당신이 Facebook.com를 방문 할 때,

148
00:07:04,830 --> 00:07:09,320
당신은 단지 하나의 HTTP 요청을하지 않을
그것은 Facebook.com에가는 것이 밝혀

149
00:07:09,320 --> 00:07:14,320
그 봉투 (41)를 전송
자신의 GET 요청 각,

150
00:07:14,320 --> 00:07:18,360
화면 뒤에 불구하고, 지시 된 바와 같이
여기서, 화면의 하단에,

151
00:07:18,360 --> 00:07:24,040
그것은 참으로 나타냅니다 내
브라우저 (41) 요청을했다.

152
00:07:24,040 --> 00:07:29,689
>> 총, 그것은 861 양도
킬로바이트 그리고 어떤 이유로했다

153
00:07:29,689 --> 00:07:31,730
8 개의 초
그 모두를 다운로드합니다.

154
00:07:31,730 --> 00:07:33,790
그래서 사실 조금 이상한
페이스 북의 사이트는 걸릴 것

155
00:07:33,790 --> 00:07:35,600
긴하지만, 그래서이 경우에는 그 것이다.

156
00:07:35,600 --> 00:07:39,520
자,이 모두는 정말 상관 없어
맨 위의 요청을 제외하고 약.

157
00:07:39,520 --> 00:07:46,440
그럼 여기이 하나에 가자
나 그냥 잠시 축소 할 수 있습니다.

158
00:07:46,440 --> 00:07:47,754
>> 그리고 내가이 확대 할 수 있습니다.

159
00:07:47,754 --> 00:07:50,670
나는 비록 왼쪽에했던 그래서
여기 무슨 일이 많이있다

160
00:07:50,670 --> 00:07:53,360
내가 강조했습니다된다
Facebook.com 다음

161
00:07:53,360 --> 00:07:56,540
나는 아래로 스크롤하고있어 것을 알 수
아래로 스크롤 아래로 스크롤

162
00:07:56,540 --> 00:07:58,330
헤더를 요청할 수 있습니다.

163
00:07:58,330 --> 00:08:01,720
그리고 당신은 크롬이 표시되어 있음을 볼 수 있습니다
나 본질적으로 내부 내용

164
00:08:01,720 --> 00:08:02,810
요청 내가했다.

165
00:08:02,810 --> 00:08:06,130
그것은 아주 동일에 서식 아니에요
방법 만 얻을 언급 거기에 주목,

166
00:08:06,130 --> 00:08:09,481
호스트의 언급이있다 통지
Facebook.com, 경로, 또는 슬래시,

167
00:08:09,481 --> 00:08:10,730
I가 요구되는 파일이다.

168
00:08:10,730 --> 00:08:12,930
>> 그리고 나는 이동하면
백업, 우리는 실제로거야

169
00:08:12,930 --> 00:08:17,270
참조 페이스 북이 반환 무슨
나에게 이러한 헤더의 전부입니다.

170
00:08:17,270 --> 00:08:21,040
가상 봉투의 내부 그래서
실제로 키 값 쌍 많다.

171
00:08:21,040 --> 00:08:23,130
단어, 콜론, 다음의 값.

172
00:08:23,130 --> 00:08:25,050
단어, 콜론 및 값.

173
00:08:25,050 --> 00:08:26,160
이들은라는 헤더입니다.

174
00:08:26,160 --> 00:08:31,860
그리고 방법 자세한 내용은보다 여기에있다
우리는 실제로 지금 걱정.

175
00:08:31,860 --> 00:08:33,750
>> 하지만이 두 번째입니다
거기 마지막으로,

176
00:08:33,750 --> 00:08:38,809
주의, Facebook.com의 서버 그,
실제로 여기 말했다 일부 텍스트 HTML을 온다.

177
00:08:38,809 --> 00:08:41,409
그래서이 모든 말을하는 것입니다
당신이 웹 요청할 때

178
00:08:41,409 --> 00:08:44,300
에 브라우저에서 페이지
서버는 해당 서버가 응답

179
00:08:44,300 --> 00:08:47,630
자신의 봉투
이는 내부의 텍스트입니다.

180
00:08:47,630 --> 00:08:49,020
즉, HTML.

181
00:08:49,020 --> 00:08:50,590
하이퍼 텍스트 마크 업 언어.

182
00:08:50,590 --> 00:08:53,200
어떤 다른 언어
우리는 오늘 소개하는 것을

183
00:08:53,200 --> 00:08:57,740
인간과 컴퓨터가 생성하는
위하여 웹 페이지를 구현한다.

184
00:08:57,740 --> 00:08:59,580
>> 특히,의이 살펴 보자.

185
00:08:59,580 --> 00:09:03,277
지금은 돌아갈거야
페이스 북의 웹 사이트에.

186
00:09:03,277 --> 00:09:05,360
그리고 난에 갈거야 단지
제어 클릭 또는 마우스 오른쪽 버튼으로 클릭

187
00:09:05,360 --> 00:09:07,634
및 페이지 소스보기를 클릭합니다.

188
00:09:07,634 --> 00:09:10,550
그리고 당신은 크롬을 사용하지 않는 경우에도,
IE는이, 파이어 폭스는이 작업을 수행 할 수 있습니다 할 수있는,

189
00:09:10,550 --> 00:09:14,060
Safari는 심지어 메뉴 불구하고,이 작업을 수행 할 수 있습니다
옵션은 약간 다를 수 있습니다.

190
00:09:14,060 --> 00:09:18,990
그리고 이것은 HTML은 그 마크와
페이스 북에 회사가 작성했습니다.

191
00:09:18,990 --> 00:09:24,640
>> 그리고 집단적으로,이 언어 여기를에
파란색과 흰색 페이지를 구현

192
00:09:24,640 --> 00:09:26,370
것을 우리는 잠시 전에 보았다.

193
00:09:26,370 --> 00:09:28,030
자,이 조금 압도하고있다.

194
00:09:28,030 --> 00:09:31,400
우리는 왼쪽 상단에 최대를 보면, 우리는있어
어떤 패턴을 볼 시작할 것.

195
00:09:31,400 --> 00:09:34,140
많이있을 것 같습니다
이러한 개방 각 브래킷

196
00:09:34,140 --> 00:09:35,970
다음이 키워드 HTML있다.

197
00:09:35,970 --> 00:09:38,330
여기에 또 다른 열려있어
꺾쇠 괄호 머리.

198
00:09:38,330 --> 00:09:41,560
>> 우리가 아래로 스크롤하면 여기입니다
아래로 아래로, 나는 해요

199
00:09:41,560 --> 00:09:43,820
가서 시도 할 것
무언가를 검색 할 수 있습니다.

200
00:09:43,820 --> 00:09:48,510
이 방법을 통해 오른쪽에
여기에 오픈 브라켓 몸입니다.

201
00:09:48,510 --> 00:09:50,800
그리고 마지막에서 리콜
우리가 제안하는 시간

202
00:09:50,800 --> 00:09:53,364
간단한 웹 페이지 그
인간이 쓸 수 있음

203
00:09:53,364 --> 00:09:55,030
이 같은 작은 선물을 보일 수 있습니다.

204
00:09:55,030 --> 00:09:58,430
열기 HTML 태그, 열린 머리
태그 열린 제목 태그,

205
00:09:58,430 --> 00:10:03,230
다음 폐쇄 제목, 폐쇄 머리, 개방
body 태그, 텍스트는, 몸을 폐쇄

206
00:10:03,230 --> 00:10:04,720
폐쇄 HTML.

207
00:10:04,720 --> 00:10:06,290
>> 그러나 잠시 여기를 일시 중지합니다.

208
00:10:06,290 --> 00:10:09,030
이 코드는, 당신이 했더라도
전에 쓴 적이

209
00:10:09,030 --> 00:10:11,864
하지만 여전히 아주 이해가 안 돼요
무슨 일이 일어나고 있는지, 꽤 좋아 보인다.

210
00:10:11,864 --> 00:10:12,821
마우스 오른쪽 단추로, 매우 깨끗합니다.

211
00:10:12,821 --> 00:10:14,120
그것은 매우 문체 좋다.

212
00:10:14,120 --> 00:10:16,190
들여 쓰기 및 흰색 공간을 많이합니다.

213
00:10:16,190 --> 00:10:18,020
페이스 북의이 없습니다.

214
00:10:18,020 --> 00:10:23,190
왜 페이스 북은 너무 많이
HTML을 작성에서 나는보다 더?

215
00:10:23,190 --> 00:10:24,310
분명히.

216
00:10:24,310 --> 00:10:26,899
>> 오른쪽이 하나처럼
스타일의 다섯 중.

217
00:10:26,899 --> 00:10:29,315
강력한 이유가있다
그들을 위해 이러한 모서리를 잘라.

218
00:10:29,315 --> 00:10:31,069

219
00:10:31,069 --> 00:10:33,860
좋아, 그래서 그들은 싶지 않아
쉽게 당신이 그것을 읽을 할 수 있도록.

220
00:10:33,860 --> 00:10:36,940
그래서 어떤 의미에서, 그들이있어
를 난독, 일종의를 스크램블링

221
00:10:36,940 --> 00:10:40,260
적어도 미적으로 매우
이 마이 스페이스에 대한 더 열심히 있다고

222
00:10:40,260 --> 00:10:42,705
가서 벗어 버리고 자신의
홈페이지 그것의 HTML.

223
00:10:42,705 --> 00:10:45,080
이 프로그램 밝혀
크롬을 포함하지만,

224
00:10:45,080 --> 00:10:47,020
우리는 슈퍼 쉽게 정리 할 수​​ 있습니다.

225
00:10:47,020 --> 00:10:49,420
그래서 이유로 상당히 그입니다.

226
00:10:49,420 --> 00:10:51,290
다른 어떤 것이 원인 일 수 있습니다.

227
00:10:51,290 --> 00:10:51,790
그래.

228
00:10:51,790 --> 00:10:54,680

229
00:10:54,680 --> 00:10:55,890
그래, 공백 비용 데이터.

230
00:10:55,890 --> 00:10:56,598
당신은 무엇을 의미합니까?

231
00:10:56,598 --> 00:11:02,250

232
00:11:02,250 --> 00:11:02,979
네, 정확히.

233
00:11:02,979 --> 00:11:06,020
당신은 Tab 키를 많이 또는 충돌하는 경우
스페이스 바는, 의미를 고려한다.

234
00:11:06,020 --> 00:11:10,060
그래서 키보드의 모든 키는
[들림] 한 바이트로 표현.

235
00:11:10,060 --> 00:11:14,560
>> 그래서 가정이 마크 또는의 devs의
요즘은 한 번만 스페이스 바를 안타

236
00:11:14,560 --> 00:11:17,899
이 HTML 페이지에서 해당
페이스 북의 홈페이지를 나타냅니다.

237
00:11:17,899 --> 00:11:19,690
그리고 페이스 북은 많이있다
사용자의 요즘.

238
00:11:19,690 --> 00:11:24,030
그래서 가정이 페이스 북의 홈페이지
오늘 억 명의 사람들이 방문한다.

239
00:11:24,030 --> 00:11:27,020
그리고 페이스 북에서 누군가가있다
한 번만 스페이스 바를 누르십시오.

240
00:11:27,020 --> 00:11:29,890
>> 하나의 추가적인 바이트
억 요청

241
00:11:29,890 --> 00:11:32,790
얼마나 더 많은 데이터가 페이스 북이다
인터넷을 통해 전송

242
00:11:32,790 --> 00:11:37,160
누군가가 히트하기 때문에
자신의 키보드의 스페이스 바를?

243
00:11:37,160 --> 00:11:41,660
억 바이트, 또는 1 기가 바이트
데이터는 페이스 북 서버에서 전송되는

244
00:11:41,660 --> 00:11:43,626
주위 사람들에게
이유없이 세계.

245
00:11:43,626 --> 00:11:44,750
지금, 그것은 단지 하나의 공간이다.

246
00:11:44,750 --> 00:11:48,866
>> 우리가 실제로이 청소 상상해
일이 위를 들여 쓰기 및 추가

247
00:11:48,866 --> 00:11:50,990
흰색 공간을 많이하고
탭 문자와 공백,

248
00:11:50,990 --> 00:11:53,656
당신은 지출 기가 바이트 결국,
그렇지 않으면 테라 바이트 공간을 더.

249
00:11:53,656 --> 00:11:56,640
그리고에 이렇게 슈퍼 공통
웹 개발의 실제 세계

250
00:11:56,640 --> 00:11:58,950
코드를 작게하다하는 것입니다.

251
00:11:58,950 --> 00:12:01,280
그리고 우리는 결국 볼 수 있습니다
이 작업을 수행하는 방법.

252
00:12:01,280 --> 00:12:04,630
>> 그러나 오늘, 우리는 코드를 작성 시작합니다
그것은 우리 인간이 실제로 읽을 수 있습니다.

253
00:12:04,630 --> 00:12:10,120
당신이 돌아 가면 그것은하지만, 밝혀
크롬이 도구로, 요소 검사

254
00:12:10,120 --> 00:12:12,030
이전에, 우리는 네트워크 탭에 있었다.

255
00:12:12,030 --> 00:12:15,430
그것은 당신이 가면 밝혀
당신이 실제로 무엇을보고 요소 탭,

256
00:12:15,430 --> 00:12:19,230
크롬의 꽤 인쇄됩니다
같은 HTML 버전.

257
00:12:19,230 --> 00:12:20,640
그래서 우리는 그것을 deobfuscated했습니다.

258
00:12:20,640 --> 00:12:22,472
그래서 컴퓨터에 대한 일치 없습니다.

259
00:12:22,472 --> 00:12:24,430
그리고 지금 당신은 실제로 수
주위에 클릭하고 시작

260
00:12:24,430 --> 00:12:27,630
웹 페이지 인 계층 구조를 볼 수 있습니다.

261
00:12:27,630 --> 00:12:28,780
그래서 실제로이 작업을 수행 할 수 있습니다.

262
00:12:28,780 --> 00:12:32,120
나는 가서 최대 열거야
내 맥 텍스트 편집라는 프로그램.

263
00:12:32,120 --> 00:12:35,490
그리고 이것은 그냥 리콜
슈퍼 간단한 텍스트 프로그램.

264
00:12:35,490 --> 00:12:37,490
윈도우 NOTEPAD.EXE있다.

265
00:12:37,490 --> 00:12:39,820
그리고 나는 그대로거야
다음을 입력합니다.

266
00:12:39,820 --> 00:12:44,650
문서 형식 HTML, 오픈 브래킷
HTML, 브래킷 HTML을 폐쇄

267
00:12:44,650 --> 00:12:49,000
우리는 여기에 헤드 페이지를
현재 페이지의 헤드 엔드,

268
00:12:49,000 --> 00:12:52,310
제목은, 안녕하세요 세계처럼 될 것입니다.

269
00:12:52,310 --> 00:12:56,660
>> 그리고 여기 아래, 우리는 필요
웹 페이지의 본문.

270
00:12:56,660 --> 00:12:58,050
닫힌 몸.

271
00:12:58,050 --> 00:13:00,700
그리고 여기에, 안녕하세요.

272
00:13:00,700 --> 00:13:01,270
괜찮아.

273
00:13:01,270 --> 00:13:03,350
그래서 우리는 슈퍼 빠른 웹 페이지를 작성했습니다.

274
00:13:03,350 --> 00:13:06,675
나는로 저장거야
내 바탕 화면에 hello.html.

275
00:13:06,675 --> 00:13:09,050
나의 Mac의는 불평 것
그 생각, 잠깐,

276
00:13:09,050 --> 00:13:11,091
이 텍스트 파일을 수행
당신은 그것을 .txt를 호출 할?

277
00:13:11,091 --> 00:13:13,300
하지만, 나는 도트 HTML을 사용하고 싶습니다.

278
00:13:13,300 --> 00:13:16,140
>> 내가 경우 그리고 좋은거야
다만이 파일을 더블 클릭,

279
00:13:16,140 --> 00:13:18,600
hello.html, 여기 내 웹 페이지입니다.

280
00:13:18,600 --> 00:13:22,564
불행하게도, 나는 오전
세계에서 유일한 사람

281
00:13:22,564 --> 00:13:23,980
누가 지금이 페이지를 방문 할 수 있습니다.

282
00:13:23,980 --> 00:13:26,734
어디 분명히 살아 않기 때문에?

283
00:13:26,734 --> 00:13:27,650
그것은 내 Mac에서의, 오른쪽?

284
00:13:27,650 --> 00:13:28,470
어떤 쓸모가 없다.

285
00:13:28,470 --> 00:13:30,390
이 방에 아무도처럼
인터넷에 혼자하자

286
00:13:30,390 --> 00:13:31,598
실제로 해당 페이지를 방문 할 수 있습니다.

287
00:13:31,598 --> 00:13:33,820
그래서 오늘, 우리는 필요
다른 요소를 소개합니다.

288
00:13:33,820 --> 00:13:36,720
>> 그리고이 일을, 내가 갈거야
가서 구름 9를 엽니 다.

289
00:13:36,720 --> 00:13:40,090
그래서 구름 9 코스입니다
클라우드 기반 service-- CS50

290
00:13:40,090 --> 00:13:44,890
IDE-- 즉 우리의 작업 공간을 모두 가지고
어딘가에 인터넷에서 실행.

291
00:13:44,890 --> 00:13:48,330
그리고 그것은 우리의 파일의 모든 의미
이미 공개적으로 액세스 할 수 있습니다.

292
00:13:48,330 --> 00:13:49,830
그럼 가서이 작업을 수행 할 수 있습니다.

293
00:13:49,830 --> 00:13:53,670
나는 앞서 갈거야 및
새 파일 NCS50IDE을 만듭니다.

294
00:13:53,670 --> 00:13:58,819
내가 전에로 저장거야
그리고 hello.html로하면 저장을 클릭합니다.

295
00:13:58,819 --> 00:14:01,860
그리고 지금은 단지 시간을 절약하기 위해, 내가 갈거야
이 코드를 붙여 가서 복사

296
00:14:01,860 --> 00:14:03,470
대신 그것을 다시 입력합니다.

297
00:14:03,470 --> 00:14:04,550
그리고 저장합니다.

298
00:14:04,550 --> 00:14:07,550
그래서 지금은이
파일 hello.html을했다.

299
00:14:07,550 --> 00:14:09,710
하지만 어떻게 실제로 내가 할
웹 페이지로 열?

300
00:14:09,710 --> 00:14:14,120
음, CS50에 내장 밝혀
IDE는 그 소리 같은 단지 컴파일러 아니다

301
00:14:14,120 --> 00:14:16,670
그리고 GDB 같은 디버거
다른 프로그램의 움큼,

302
00:14:16,670 --> 00:14:21,140
전체 깃털이 실제로있다
CS50 IDE 내에서 실행되는 웹 서버.

303
00:14:21,140 --> 00:14:23,900
>> 여러분 모두, 즉,
자신의 웹 서버가 있습니다.

304
00:14:23,900 --> 00:14:26,850
그리고 웹 서버는 조각
그 목적은 인생에서 소프트웨어의

305
00:14:26,850 --> 00:14:28,220
웹 페이지를 제공하는 것입니다.

306
00:14:28,220 --> 00:14:32,490
브라우저에서 요청을 수신하고,
작은 가상 봉투로 응답

307
00:14:32,490 --> 00:14:35,290
내부에있는 것이다
내가 작성한 콘텐츠입니다.

308
00:14:35,290 --> 00:14:38,372
그래서이 웹 서버입니다
실제로 무료 및 오픈 소스.

309
00:14:38,372 --> 00:14:40,830
어디 오픈 소스 그냥 의미
다른 사람이 가지고 소프트웨어

310
00:14:40,830 --> 00:14:43,480
서면 우리 모두가 할 수있는
실제로보고도 다운로드

311
00:14:43,480 --> 00:14:44,780
소스 코드를 변경합니다.

312
00:14:44,780 --> 00:14:46,150
그리고 그것은 아파치를 불렀다.

313
00:14:46,150 --> 00:14:51,450
>> 그리고 우리에게 조금 더 쉽게 만들었어요
아파치 (50)를 호출하여 CS50IDE에 사용합니다.

314
00:14:51,450 --> 00:14:53,780
실제로 수 있도록
다음 사항을 이해합니다.

315
00:14:53,780 --> 00:14:56,560
아파치 (50) 시작을 말하는거야.

316
00:14:56,560 --> 00:14:58,910
그리고 난 그냥 점을 말하는거야.

317
00:14:58,910 --> 00:15:01,080
그리고 우리는 몇 가지 다소 참조
말 비밀 메시지

318
00:15:01,080 --> 00:15:04,640
아파치의 문서 [설정? 그룹?]
집, 우분투, 그 무엇이든,

319
00:15:04,640 --> 00:15:05,770
작업 공간을 슬래시.

320
00:15:05,770 --> 00:15:08,280
시작 웹 서버
성공적으로 아파치 2.

321
00:15:08,280 --> 00:15:11,330
>> 너무 오래 짧은 이야기, 내가
단지 버튼을 추진해 왔습니다

322
00:15:11,330 --> 00:15:18,000
지금의 웹 서버에 설정
TCP 포트에 인터넷에서 수신

323
00:15:18,000 --> 00:15:20,587
특정 주소 80.

324
00:15:20,587 --> 00:15:22,420
그리고 여기라고하고,
이 기반이 변경됩니다

325
00:15:22,420 --> 00:15:26,550
사용자 이름 및 기타 요인에,
나는 이것을 클릭하면하지만, 지금 주목

326
00:15:26,550 --> 00:15:30,211
IDE50 도트 jharvard 등과
그래서, 알이 모든 시간이

327
00:15:30,211 --> 00:15:31,960
지난 몇 대한
주, 당신은 할 수 있습니다

328
00:15:31,960 --> 00:15:35,200
자신의 이름 것​​으로 나타났습니다
오른쪽 상단에 내장되어

329
00:15:35,200 --> 00:15:37,130
CS50IDE의 코너.

330
00:15:37,130 --> 00:15:41,050
>> 그리고 실제로있다이 모든
주소를 시간이있는 당신이 할 수에서

331
00:15:41,050 --> 00:15:43,574
웹을 통해 모든 파일을 참조하시기 바랍니다.

332
00:15:43,574 --> 00:15:45,990
지금까지, 그것은 중요하지 않은,
C에 있기 때문에, 일반적으로

333
00:15:45,990 --> 00:15:48,073
에서 실행되는 것을 원하는
단말기가 아닌 웹.

334
00:15:48,073 --> 00:15:50,800
그러나 오늘, 우리는 시작
웹 기반 코드를 작성

335
00:15:50,800 --> 00:15:53,350
우리가 원하는 않는 것이
공개 된 URL에 접근.

336
00:15:53,350 --> 00:15:56,100
그래서 내가 갈거야
할이 URL을 클릭합니다.

337
00:15:56,100 --> 00:16:00,880
>> 그리고 내가 꽤 볼 것을 알 수
못생긴 인덱스, 디렉토리 목록,

338
00:16:00,880 --> 00:16:04,090
그러나 파일은 아마 당신을 밖으로 점프?

339
00:16:04,090 --> 00:16:05,210
Hello.html.

340
00:16:05,210 --> 00:16:07,870
내가 저장하기 때문이다
내 작업 공간에 파일을 저장합니다.

341
00:16:07,870 --> 00:16:12,310
그리고 나는 아파치 웹 서버를 말 했어요 무슨
다윗의 작업 공간 디렉토리를 보면된다.

342
00:16:12,310 --> 00:16:15,300
그리고 누구든지하자
세계는 그 파일을 참조하십시오.

343
00:16:15,300 --> 00:16:19,050
>> 그리고 사실, 내가 만약 지금
hello.html 클릭

344
00:16:19,050 --> 00:16:22,180
나는 바로이 탭 해당 파일 내에서 참조하십시오.

345
00:16:22,180 --> 00:16:26,430
이제 클라우드 9의 하 고 알
우리에게 약간의 도움이 뭔가.

346
00:16:26,430 --> 00:16:29,480
CS50의 IDE 내에서, 거기에 주목
갑자기 주소 표시 줄.

347
00:16:29,480 --> 00:16:33,690
우리가 있는데도 때문이다
CS50IDE를 방문하는 크롬을 사용하여,

348
00:16:33,690 --> 00:16:37,940
CS50IDE의 내부는 그 자체입니다
지금 웹 브라우저의 버전.

349
00:16:37,940 --> 00:16:40,820
그래서보다는
같은 일을 복잡하게,

350
00:16:40,820 --> 00:16:42,955
나는 앞서 갈거야
바로이 URL을 복사합니다.

351
00:16:42,955 --> 00:16:45,330
나는 앞으로 그냥 갈거야
내 자신의 크롬 창을 엽니 다.

352
00:16:45,330 --> 00:16:47,800
그래서 여기에 마술, 아니 CS5​​0IDE가 없습니다.

353
00:16:47,800 --> 00:16:51,800
난 그냥 그대로 붙여 넣을거야
내 J 하버드 URL를 입력하고 Enter를 누르십시오.

354
00:16:51,800 --> 00:16:54,750
그리고 짜잔, 지금, 그리고
이론적으로, 모두

355
00:16:54,750 --> 00:16:57,700
인터넷에서, 나는 구성한 경우
적절하게 권한,

356
00:16:57,700 --> 00:16:58,720
이 파일을 방문 할 수 있습니다.

357
00:16:58,720 --> 00:17:03,230
그래서 지금은 말했다 경우
hello.html, 짜잔,이

358
00:17:03,230 --> 00:17:06,366
내 엄청나게 실망 웹 페이지이다.

359
00:17:06,366 --> 00:17:07,740
그럼 빠른 정신 검사를 할 수 있습니다.

360
00:17:07,740 --> 00:17:09,710
이 모든 때문에
개념 셋업이다.

361
00:17:09,710 --> 00:17:13,180
그리고 우리는 정말 실제로 적이 없다
어떻게 HTML 자체를 작성하는 방법을 가르쳤다.

362
00:17:13,180 --> 00:17:16,084
질문 지금까지
방금 일어난 무엇에?

363
00:17:16,084 --> 00:17:18,549

364
00:17:18,549 --> 00:17:19,049
네.

365
00:17:19,049 --> 00:17:24,290

366
00:17:24,290 --> 00:17:25,800
CS50는이 웹 페이지를 소유 하는가?

367
00:17:25,800 --> 00:17:26,460
어떤 의미에서?

368
00:17:26,460 --> 00:17:28,947

369
00:17:28,947 --> 00:17:29,530
좋은 질문.

370
00:17:29,530 --> 00:17:32,429
그래서 CS50의는 CS50.io.를 소유

371
00:17:32,429 --> 00:17:33,970
우리는 참으로 그 도메인 이름을 구입했습니다.

372
00:17:33,970 --> 00:17:37,240
그리고 너희들의 자연에 의해
CS50IDE에 로그인,

373
00:17:37,240 --> 00:17:39,270
당신의 모든 하위 도메인이라고 것을 얻을.

374
00:17:39,270 --> 00:17:46,840
>> 그래서 마란 IDE50-, 또는 IDE50-Rob.CS50.io,
그 내에서 고유 한 주소입니다

375
00:17:46,840 --> 00:17:47,730
우리의 도메인 이름입니다.

376
00:17:47,730 --> 00:17:50,850
물론 상업적 그래서
당신은 당신의 자신의 고유 한 주소가 있습니다.

377
00:17:50,850 --> 00:17:55,150
그러나 우리가 일을 단순화했습니다
최상위 도메인을 구입, CS50 점

378
00:17:55,150 --> 00:17:58,050
I / O 및 다음 다른 사람이다
그 내부에, 말하자면.

379
00:17:58,050 --> 00:17:59,890
그리고 우리는 그에게 돌아올 것이다
아마 몇 주에,

380
00:17:59,890 --> 00:18:01,930
특히 최종 프로젝트에
당신의 시간, 때 일부

381
00:18:01,930 --> 00:18:03,596
자신의 도메인 이름을 얻을 수도 있습니다.

382
00:18:03,596 --> 00:18:06,270
비교적 실제로있어
간단합니다.

383
00:18:06,270 --> 00:18:06,770
괜찮아.

384
00:18:06,770 --> 00:18:07,880
그래서 지금은이 작업을 수행 할 수 있습니다.

385
00:18:07,880 --> 00:18:11,910
나는 다시 갈거야
CS50IDE, 어디에 내 파일을 지금,

386
00:18:11,910 --> 00:18:14,710
hello.html, 모두 재미 없습니다.

387
00:18:14,710 --> 00:18:17,130
내가 뭔가를하고 싶습니다
그보다 조금 더 좋은.

388
00:18:17,130 --> 00:18:19,440
그래서 나는 이런 식으로 뭔가를 할거야.

389
00:18:19,440 --> 00:18:21,510
열린 paragraphs.html 나를 보자.

390
00:18:21,510 --> 00:18:23,560
그래서 내가 미리 쓴 파일입니다.

391
00:18:23,560 --> 00:18:26,480
그것의 상단에, 같은
항상, 우리는 의견이있다.

392
00:18:26,480 --> 00:18:28,730
그러나 HTML의 코멘트
조금 다른 보인다.

393
00:18:28,730 --> 00:18:33,270
선 세 개의 라인 (14)에서,
코멘트를 시작하기위한 구문을 참조하십시오

394
00:18:33,270 --> 00:18:34,020
과 코멘트를 종료.

395
00:18:34,020 --> 00:18:36,820
>> 그러나 물건의 없음에
기능적으로 문제 사이.

396
00:18:36,820 --> 00:18:40,250
그것은 단지 메모의
여기에 무슨 일이 일어나고 있는지 사람.

397
00:18:40,250 --> 00:18:43,040
그리고 그냥 빨리 정신으로
나는 아래로 스크롤하면, 확인,

398
00:18:43,040 --> 00:18:46,820
분명 새로운 기능
우리가 도입 한 태그?

399
00:18:46,820 --> 00:18:52,130
지금까지 우리가 본 적이 따라서 태그는 열려
브래킷 HTML, 머리, 제목 및 본문.

400
00:18:52,130 --> 00:18:54,400
하지만 지금은 분명 새로운 무엇입니까?

401
00:18:54,400 --> 00:18:55,200
>> 그래, 그래서 P.

402
00:18:55,200 --> 00:18:57,320
p 태그 또는 단락 태그입니다.

403
00:18:57,320 --> 00:19:01,182
그리고 난 그냥 몇 가지 기본을 빌려
라틴어 텍스트 내 단락을 구성합니다.

404
00:19:01,182 --> 00:19:03,390
내가가 원하는 것을 때문에
증명은 어떻게 수도있다

405
00:19:03,390 --> 00:19:05,859
HTML의 텍스트 단락을 나타냅니다.

406
00:19:05,859 --> 00:19:08,400
그래서 무슨 일이 일어날 시작하고
여기에 이​​미 존재이다

407
00:19:08,400 --> 00:19:09,657
패턴 현상.

408
00:19:09,657 --> 00:19:10,990
그리고 내가 가서이 작업을 수행 할 수 있습니다.

409
00:19:10,990 --> 00:19:12,760
내가 먼저 아파치를 해제 할 수 있습니다.

410
00:19:12,760 --> 00:19:17,340
그리고 난 그 자체를 시작하도록 말할거야
다시 오늘의 소스 일곱의 내부

411
00:19:17,340 --> 00:19:18,420
M 디렉토리.

412
00:19:18,420 --> 00:19:20,100
그래서 나는 모든에 액세스 할 수 있습니다.

413
00:19:20,100 --> 00:19:22,230
>> 그리고 지금, 나는 다시 가면
이 디렉토리 목록,

414
00:19:22,230 --> 00:19:24,846
나는 오늘부터 모든 파일을 참조하십시오 알 수 있습니다.

415
00:19:24,846 --> 00:19:26,720
그리고 당신은에서 볼 수 있습니다
다음 문제 세트, 우리는거야

416
00:19:26,720 --> 00:19:28,594
당신에게 지시를
정확히이 일을합니다.

417
00:19:28,594 --> 00:19:35,210
내가 paragraphs.html 열 경우이 수도
뿐만 아니라 프로그래밍 언어처럼

418
00:19:35,210 --> 00:19:36,970
당신에게 당신이 말하거나 라틴어를 읽을 수없는 경우.

419
00:19:36,970 --> 00:19:40,525
그러나 이것은 단지 세 단락입니다
텍스트의는 HTML에 표시됩니다.

420
00:19:40,525 --> 00:19:43,100
>> 그리고 단락을주의
그들 사이의 휴식 시간.

421
00:19:43,100 --> 00:19:46,400
그것은 밝혀 때문에
심지어 당신이 생각

422
00:19:46,400 --> 00:19:49,210
이 작업을 수행하는 경향 될 수 있습니다,
현실 세계에서 반면,

423
00:19:49,210 --> 00:19:51,370
당신은 줄을하려는 경우
일 사이의 휴식,

424
00:19:51,370 --> 00:19:55,680
당신이 수도 아주 간단하게
이 작업을 수행하고 저장을 누르십시오.

425
00:19:55,680 --> 00:19:59,460
그리고 지금, 내가 여기 다시로드하는 경우, 통지
그 모든 것이 함께 흐리게

426
00:19:59,460 --> 00:20:01,100
텍스트의 한 덩어리입니다.

427
00:20:01,100 --> 00:20:03,570
HTML은 바보 언어 가지이기 때문입니다.

428
00:20:03,570 --> 00:20:07,230
>> 그것은 그러한에 사용됨을
방법 브라우저 것입니다 만

429
00:20:07,230 --> 00:20:09,920
명시 적으로 당신이 그것을 말해 무엇.

430
00:20:09,920 --> 00:20:12,890
당신이 그것을 말하지 않는 경우에 따라서
나에게 새로운 단락을주고,

431
00:20:12,890 --> 00:20:14,569
새 단락을 참조하지 않을거야.

432
00:20:14,569 --> 00:20:16,360
그리고 사실, 어떤
브라우저가 할 것

433
00:20:16,360 --> 00:20:20,020
당신이 Enter 키를 누르더라도이다,
의는 또 다시 해 봅시다

434
00:20:20,020 --> 00:20:23,190
다시,이 텍스트 방식으로 이동
다음 화면과 아래로하여 저장

435
00:20:23,190 --> 00:20:26,610
다음 브라우저가 가고, 다시로드
그 공백을 모두 축소하는

436
00:20:26,610 --> 00:20:29,021
단 하나의, 눈에 보이는 공백으로.

437
00:20:29,021 --> 00:20:29,520
괜찮아.

438
00:20:29,520 --> 00:20:30,869
그래서 단락 태그입니다.

439
00:20:30,869 --> 00:20:32,910
그래서 패턴 무엇
즉, 여기에 개발이야?

440
00:20:32,910 --> 00:20:37,450
음,이 경우 것으로 보인다
HTML은 모든 태그를 시작하는 방법에 대한 것입니다

441
00:20:37,450 --> 00:20:38,460
및 태그를 종료.

442
00:20:38,460 --> 00:20:39,300
그리고 태그는 무엇인가?

443
00:20:39,300 --> 00:20:41,160
음, 구문 단지 덩어리입니다.

444
00:20:41,160 --> 00:20:44,400
오픈 브래킷, 키워드,
폐쇄 브래킷, 태그입니다.

445
00:20:44,400 --> 00:20:45,510
또는 태그를 시작합니다.

446
00:20:45,510 --> 00:20:48,590
그리고 당신이있을 때
자신을 표현하는 일,

447
00:20:48,590 --> 00:20:52,300
같이 당신은 단락으로 수행하고,
당신은 반대로 말을 그렇게.

448
00:20:52,300 --> 00:20:55,480
그러나 그 반대가 상당히 거꾸로 아니다.

449
00:20:55,480 --> 00:21:00,630
>> 당신은 단순히 동일한 태그의 접두어
이 같은 슬래시로 이름을 지정합니다.

450
00:21:00,630 --> 00:21:01,130
괜찮아.

451
00:21:01,130 --> 00:21:02,570
그래서 모두 흥분하지.

452
00:21:02,570 --> 00:21:05,270
사실, 우리는을 만들지 않을
웹 모든 것을 더 재미.

453
00:21:05,270 --> 00:21:07,630
내가 만들고 싶어
크고 굵은 가지?

454
00:21:07,630 --> 00:21:11,780
그래서 여기에 예를 들어 있다고 밝혀
headings.html에, 어디에 내 몸에,

455
00:21:11,780 --> 00:21:17,280
나는, H1 태그, H2, H3있어
넷, 다섯 또는 여섯, 모두

456
00:21:17,280 --> 00:21:18,310
꽤 난해한 것 같습니다.

457
00:21:18,310 --> 00:21:21,010
그러나 나는이 열 가면
예, 이제 살펴 보자.

458
00:21:21,010 --> 00:21:22,490
Headings.html.

459
00:21:22,490 --> 00:21:27,030
>> 기본적으로 브라우저가 제공 할 수 있도록 텍스트
그 크고 서로 다른 크기의 굵은입니다.

460
00:21:27,030 --> 00:21:28,070
H1은 큽니다.

461
00:21:28,070 --> 00:21:31,240
H6는 작고입니다
그 사이에 다른 모든 것들.

462
00:21:31,240 --> 00:21:34,170
그래서 여전히 재미 있지만입니다
정말 내가 아는 웹.

463
00:21:34,170 --> 00:21:36,870
우리가 원한다면 내가 가진
목록 같은 것을. .

464
00:21:36,870 --> 00:21:40,190
그래서 여기의 글 머리 기호 목록은
하버드의 주택 세.

465
00:21:40,190 --> 00:21:41,600
>> 당신은이 일에 대해 어떻게 갔습니까?

466
00:21:41,600 --> 00:21:45,410
음, list.html를보십시오.

467
00:21:45,410 --> 00:21:47,870
그리고 여기, 우리는 참조
funkiness의 조금

468
00:21:47,870 --> 00:21:49,630
하지만 이제 무슨 일이 일어나고 있는지 생각해 보자.

469
00:21:49,630 --> 00:21:56,182
그래서 방금 본 적이 무엇을 기반으로,
UL은 정렬되지 않은 목록을 의미합니다.

470
00:21:56,182 --> 00:21:57,640
정렬되지 않은 목록은 단지 글 머리 기호 의미한다.

471
00:21:57,640 --> 00:21:58,431
어떤 번호가 없습니다.

472
00:21:58,431 --> 00:22:01,850
또한 거기에 뭔가를 호출
태그에서 OL입니다 목록을 주문했다.

473
00:22:01,850 --> 00:22:05,350
이어서 LI,리스트 아이템은 모든 수단이다.

474
00:22:05,350 --> 00:22:07,790
>> 그리고 그것을 자동으로
당신을 위해 숫자 다.

475
00:22:07,790 --> 00:22:11,270
하지만 내 들여 쓰기 다시, 모든
흰색 공간은 나를 위하여이다.

476
00:22:11,270 --> 00:22:13,050
브라우저는 아니다
실제로 신경 것.

477
00:22:13,050 --> 00:22:16,670
그래서 비록 당신은 할 수 없었다
이, 그냥 명확하게하기 위해 할,

478
00:22:16,670 --> 00:22:19,880
당신은 비록 균일하지 말아야
브라우저는 여전히 것

479
00:22:19,880 --> 00:22:22,130
잘 이해 할 수 있습니다.

480
00:22:22,130 --> 00:22:24,590
나는에 다시로드 타격있어 내
브라우저, 나는 다시로드를 클릭 해요

481
00:22:24,590 --> 00:22:26,760
어떠한 변화가 발생하지 않습니다
여전히 브라우저 때문에

482
00:22:26,760 --> 00:22:29,550
내가 할 말을 정확하게 일을.

483
00:22:29,550 --> 00:22:30,050
>> 괜찮아.

484
00:22:30,050 --> 00:22:31,340
그래서이 모든 단지 텍스트입니다.

485
00:22:31,340 --> 00:22:33,730
이제 더 흥미로운 일을 할 수 있습니다.

486
00:22:33,730 --> 00:22:36,660
나는 앞서 갈거야 및
이 HTML의 일부를 빌려.

487
00:22:36,660 --> 00:22:40,910
나는 앞서 갈거야 및
여기에 새 파일을 만듭니다.

488
00:22:40,910 --> 00:22:43,370
그리고 우리는이 rick.html 전화 할게.

489
00:22:43,370 --> 00:22:46,190

490
00:22:46,190 --> 00:22:48,916
우리는 불균형이
사용 일

491
00:22:48,916 --> 00:22:51,290
이에 릭 롤라고
클래스 올해, 나는 모른다,

492
00:22:51,290 --> 00:22:53,880
그냥 유기적으로 일어났다.

493
00:22:53,880 --> 00:22:55,397
>> 그리고 지금은 통제 있어요.

494
00:22:55,397 --> 00:22:56,730
그래서 난 그냥 갈거야.

495
00:22:56,730 --> 00:22:59,700
그리고 구글에 가면
이미지 릭 Astley.

496
00:22:59,700 --> 00:23:02,450

497
00:23:02,450 --> 00:23:06,170
우리가 왜 당신이 모르는 경우
이, 그냥 위키 백과에 읽어.

498
00:23:06,170 --> 00:23:11,520
당신이 링크를 클릭 한 때마다,
누군가가 어딘가에서 웃고 됐어요.

499
00:23:11,520 --> 00:23:14,860
그리고 나를 ahead--가 가자
우리의이 이미지를 볼 수 있습니다, 이동합니다.

500
00:23:14,860 --> 00:23:16,750
>> 그래서 여기에 우리가 있습니다
Google 이미지에서 이미지입니다.

501
00:23:16,750 --> 00:23:19,390
그리고 이제이 있다고 가정하자
합리적으로 어디서나 인터넷에.

502
00:23:19,390 --> 00:23:22,570
그래서 나는 나를 위해 확인의 가정거야
실제로 내 웹 페이지에이를 넣어.

503
00:23:22,570 --> 00:23:24,820
나는 앞서 갈거야
이미지 URL을 복사합니다.

504
00:23:24,820 --> 00:23:28,600
그리고 지금은 클라우드로 돌아갈 경우
9의 내가 여기에 무엇을 할 수 있는지 보자.

505
00:23:28,600 --> 00:23:30,630
그래서 여기에 단지 웹 페이지입니다.

506
00:23:30,630 --> 00:23:39,020
이 하하, 릭 Astley입니다,
지금은 돌아갈거야

507
00:23:39,020 --> 00:23:43,510
브라우저로, 다시로드, 재미있는.

508
00:23:43,510 --> 00:23:44,530
>> 릭 어디에 있습니까?

509
00:23:44,530 --> 00:23:46,050
그래서 나에게 일어난 것을 볼 수 있습니다.

510
00:23:46,050 --> 00:23:49,114
사실, 난 갈거야
나는 그렇게하지 ​​않았다 척.

511
00:23:49,114 --> 00:23:50,280
[들림] 여기에 집어 넣어.

512
00:23:50,280 --> 00:23:52,520
우리는 순간에 다시 그에게 올 것이다.

513
00:23:52,520 --> 00:23:54,200
그래서 여기 rick.html입니다.

514
00:23:54,200 --> 00:23:56,070
그래서 릭 Astley 아니다.

515
00:23:56,070 --> 00:23:59,680
이 밝혀 그래서 우리는 할 수
실제로 여기에 그를 추가 할 수 있습니다.

516
00:23:59,680 --> 00:24:00,830
이것은 릭 Astley입니다.

517
00:24:00,830 --> 00:24:06,680
나는 나에게 그 이미지를주는 말을하려고 해요
소스는 그냥 복사 URL입니다, 어떤

518
00:24:06,680 --> 00:24:09,110
분명히 행복
생일 무언가 또는 다른.

519
00:24:09,110 --> 00:24:13,280
>> 그리고 지금은 갈거야
이 같은 태그를 닫습니다.

520
00:24:13,280 --> 00:24:15,170
그래서이 슈퍼 긴 포​​장된다.

521
00:24:15,170 --> 00:24:17,740
하지만 모두가했습니다 것을 알 수
오픈 브라켓 이미지를 수행,

522
00:24:17,740 --> 00:24:20,270
이러한 특성을 가진 소스.

523
00:24:20,270 --> 00:24:21,530
그리고 그것은 정말로 긴 URL입니다.

524
00:24:21,530 --> 00:24:23,720
그리고 맨 끝에,이를 알 수 있습니다.

525
00:24:23,720 --> 00:24:29,530
왜이 짓을 슬래시 각도 브래킷
대신, 다른 모든 태그처럼,

526
00:24:29,530 --> 00:24:33,590
오픈 브래킷을 가진,
IMG, 브래킷을 폐쇄?

527
00:24:33,590 --> 00:24:37,040
그냥 한 경우에도 추측을
더 친숙 전혀 없다

528
00:24:37,040 --> 00:24:40,410
HTML과 전.

529
00:24:40,410 --> 00:24:42,710
>> 그래서 닫힐 어떻게
명령,하지만 왜

530
00:24:42,710 --> 00:24:45,850
정말 직관적하지 않습니다
의미는 좀 더 뭔가를

531
00:24:45,850 --> 00:24:48,820
가까운 이미지처럼 장황?

532
00:24:48,820 --> 00:24:51,400
그래.

533
00:24:51,400 --> 00:24:52,000
그래.

534
00:24:52,000 --> 00:24:55,620
그냥 의미의 아무 의미가 없습니다
이미지를 시작 이미지를 끝내는

535
00:24:55,620 --> 00:24:56,870
그 중 하나가 나는 아니다.

536
00:24:56,870 --> 00:25:00,960
그래서 간격을두고 이해가되지 않습니다
이미지의 내부에 다른 거.

537
00:25:00,960 --> 00:25:02,010
당신은 그렇게 할 수 없습니다.

538
00:25:02,010 --> 00:25:03,720
그래서 구문
일반적으로 단지 것

539
00:25:03,720 --> 00:25:07,910
내부 슬래시를 할 수
오픈 태그 또는 시작 태그의

540
00:25:07,910 --> 00:25:09,020
다음 저장을 누르십시오.

541
00:25:09,020 --> 00:25:13,350
>> 그래서 만약 것은 지금 현재,이 파일을 다시로드
여기 좋은 웹 페이지 요리를 가지고있다.

542
00:25:13,350 --> 00:25:15,100
그리고 우리는 확실히 할 수
정말 사람을 성가 시게

543
00:25:15,100 --> 00:25:17,010
대신에 포함시켜
유튜브 링크 등을들 수있다.

544
00:25:17,010 --> 00:25:19,350
그리고 사실, 어떤 시간
혹시, YouTube에 갔어요

545
00:25:19,350 --> 00:25:22,190
실수 실제로 저를 보자
릭은 여기에 자신을 굴립니다.

546
00:25:22,190 --> 00:25:25,770
그래서 릭 롤.

547
00:25:25,770 --> 00:25:29,592
그래서 릭 난 여기거야 roll--.

548
00:25:29,592 --> 00:25:31,900
>> [음악 재생]

549
00:25:31,900 --> 00:25:33,730
>> 확인을 한 사람은 그것을 좋아했다.

550
00:25:33,730 --> 00:25:37,270
그래서,이 모든 시간을 알 당신 경우
물론, 당신을 공유 링크를 클릭

551
00:25:37,270 --> 00:25:41,390
URL을 얻을 당신은 실제로 수
이메일 또는 법정 이미지에 포함

552
00:25:41,390 --> 00:25:43,730
또는 문제에 설정하거나 슬라이드.

553
00:25:43,730 --> 00:25:49,055
그리고 지금, 내가 대신 퍼가기를 클릭하면,
알 모든이 시간,이 물건

554
00:25:49,055 --> 00:25:49,680
되고있다.

555
00:25:49,680 --> 00:25:50,910
내가 가서이 복사거야.

556
00:25:50,910 --> 00:25:54,000
>> 그리고 바로 그래서 우리는 난, 더 잘 볼 수 있습니다
내 텍스트 편집기에 붙여 넣을 것.

557
00:25:54,000 --> 00:25:55,860
이 알 수 무엇
YouTube는 말하고있다.

558
00:25:55,860 --> 00:25:57,693
당신을 방문 할 때마다
YouTube 동영상, 당신의 경우

559
00:25:57,693 --> 00:26:00,410
에 동영상을 삽입 할 위치
웹 페이지는 단순히이 잡아.

560
00:26:00,410 --> 00:26:03,350
그래서 이것은 또 다른입니다
HTML 태그는 iframe을 불렀다.

561
00:26:03,350 --> 00:26:04,590
또는 라인 프레임.

562
00:26:04,590 --> 00:26:08,680
그래서 너무 조금 더 본다
모든 다른 사람보다 복잡한.

563
00:26:08,680 --> 00:26:11,950
그래서 이미지 밝혀
태그 분명히은 iframe 태그

564
00:26:11,950 --> 00:26:13,370
라는 속성이 무엇인지 걸릴.

565
00:26:13,370 --> 00:26:15,710
>> 그리고 이것은 또 다른입니다
HTML 구문의 조각.

566
00:26:15,710 --> 00:26:19,240
태그의 이외에
이름, 오픈 브래킷 태그 이름,

567
00:26:19,240 --> 00:26:23,780
는 태그의 동작을 제어 할 수있다
속성의 전체 무리를 가짐으로써

568
00:26:23,780 --> 00:26:24,860
값과 같다.

569
00:26:24,860 --> 00:26:26,290
속성 값과 같다.

570
00:26:26,290 --> 00:26:28,100
그래서 예를 들면,
YouTube는 우리에게 말하고있다

571
00:26:28,100 --> 00:26:31,990
이 비디오의 폭을하려는 경우
420 픽셀, 높이가 될

572
00:26:31,990 --> 00:26:35,470
315 픽셀로, 그건
당신은 어떻게 HTML로 그것을 표현한다.

573
00:26:35,470 --> 00:26:38,480
>> 비디오의 소스는 것입니다
그 긴 유튜브 URL이어야합니다

574
00:26:38,480 --> 00:26:40,830
다음 다른 물건
, 프레임 테두리가 제로 같은

575
00:26:40,830 --> 00:26:43,500
그래서 아마 거기에 의미
일이 주위에 테두리가 없습니다.

576
00:26:43,500 --> 00:26:45,450
아마 전체 화면 허용
사용자 것을 의미한다

577
00:26:45,450 --> 00:26:47,840
버튼을 클릭하고
실제로 전체 화면 비디오.

578
00:26:47,840 --> 00:26:52,870
정말되고 싶은 경우에 따라서
릭 점 HTML 여기에 감동,

579
00:26:52,870 --> 00:26:58,490
이미지 태그를 사용하는 대신,하자
내가 그 삭제, 대신 붙여 넣습니다.

580
00:26:58,490 --> 00:27:00,810
그리고 지금 다시로드합니다.

581
00:27:00,810 --> 00:27:02,500
그리고 지금 여기에 우리가 다시 간다.

582
00:27:02,500 --> 00:27:04,979

583
00:27:04,979 --> 00:27:06,020
좋아, 그것으로 충분합니다.

584
00:27:06,020 --> 00:27:08,970
좋아 내가 시도 할 것이다, 그래서
하드 다시를 할 수 없습니다.

585
00:27:08,970 --> 00:27:11,400
그래서 여기에 테이크 아웃은 무엇인가?

586
00:27:11,400 --> 00:27:15,130
이 웹 페이지 그래서 HTML, 같은 못생긴
있다, 실제로 매우 간단하다.

587
00:27:15,130 --> 00:27:16,467
그것은 프로그래밍 언어 아니다.

588
00:27:16,467 --> 00:27:17,550
이 기능이 없습니다.

589
00:27:17,550 --> 00:27:18,410
그것은 루프를 가지고 있지 않습니다.

590
00:27:18,410 --> 00:27:19,535
그것은 조건이 없습니다.

591
00:27:19,535 --> 00:27:22,900
그것은이 모든 수십입니다
다른 태그, 각각의

592
00:27:22,900 --> 00:27:24,620
0 개 이상의 특성을가집니다.

593
00:27:24,620 --> 00:27:27,320
그리고 사실, 재미에 대해 무엇을
HTML 당신은으로 다이빙을 시작으로

594
00:27:27,320 --> 00:27:29,560
매우 자기의 가르침을받을만한 점이다.

595
00:27:29,560 --> 00:27:32,880
>> 그것을 가지고가는 것은 이해입니다
HTML의 일반적인 프레임 워크.

596
00:27:32,880 --> 00:27:36,510
태그 란, 속성은 무엇인가,
실제로 웹 페이지를 구성 어떻게

597
00:27:36,510 --> 00:27:37,250
으로는 다음과 같다.

598
00:27:37,250 --> 00:27:40,720
그리고 다른 모든 것들 정말 결과입니다
의 온라인 참조 올려

599
00:27:40,720 --> 00:27:43,080
또는 일부를 수행하는 방법을 인터넷 검색
기술 또는 우리가 보았 듯이,

600
00:27:43,080 --> 00:27:45,371
페이스 북의 소스보고
코드, 웹 사이트에서 찾고

601
00:27:45,371 --> 00:27:48,710
당신이 그것을 좋아하는 것은 소스 코드이고
이해하는 방법이 개발자

602
00:27:48,710 --> 00:27:50,550
실제로 물건을 마련했다.

603
00:27:50,550 --> 00:27:52,180
>> 그래서 우리는뿐만 아니라 이미지 작업을 수행 할 수 있습니다.

604
00:27:52,180 --> 00:27:53,994
그리고 사실, 우리는 좀 전에 그것을했다.

605
00:27:53,994 --> 00:27:55,410
내가 가서 당신을 그냥 보여 드리죠.

606
00:27:55,410 --> 00:27:56,770
여기에 몇 가지 예제 코드입니다.

607
00:27:56,770 --> 00:27:58,380
당신은 이제까지 심술 고양이를 참조하십시오.

608
00:27:58,380 --> 00:28:00,620
그래서 내가 할 수있는 것을 알 수
여기에 이​​미지 태그가 있습니다.

609
00:28:00,620 --> 00:28:02,090
그리고 위의 코멘트를 가지고있다.

610
00:28:02,090 --> 00:28:04,490
나는 대안을 가지고
접근성 텍스트입니다.

611
00:28:04,490 --> 00:28:07,250
화면을 사용하고 그래서 사람
시력의 이유로 독자

612
00:28:07,250 --> 00:28:10,172
실제로 다음 수 있습니다 자신의
스크린 리더는 심술 고양이를 말한다.

613
00:28:10,172 --> 00:28:11,880
만약에 그들이 할 수 없기 때문에
이미지를 볼 수, 그들은

614
00:28:11,880 --> 00:28:14,504
적어도 자신의 컴퓨터를 가질 수 있습니다
그것이 구두로 무엇을 그들에게 말해.

615
00:28:14,504 --> 00:28:18,020
그리고 그 파일의 소스는 cat.jpeg이다.

616
00:28:18,020 --> 00:28:22,472
그래서 사실, 난 정말 원한다면
내가 할 수 무엇을, 영리 얻을 done--

617
00:28:22,472 --> 00:28:25,680
그래서, 릭 Astley로 이동하지 약속
내가 대신 고양이를위한 Google거야.

618
00:28:25,680 --> 00:28:28,290
그리고 구글 이미지에 가면
여기에, 우리는 가정합니다

619
00:28:28,290 --> 00:28:30,040
것을이 내 고양이의 사진입니다.

620
00:28:30,040 --> 00:28:35,070
>> 내가 컨트롤을 클릭 있다고 가정
또는 오른쪽 실수로,이를 클릭

621
00:28:35,070 --> 00:28:35,630
소름.

622
00:28:35,630 --> 00:28:40,320
그리고 cat.jpeg 나는거야
내 바탕 화면에 저장합니다.

623
00:28:40,320 --> 00:28:44,700
내가 지금 구름 9로 돌아가 보자.

624
00:28:44,700 --> 00:28:48,150
그 여기에 내가 할 수있는 주목
로컬 파일을 업로드로 이동합니다.

625
00:28:48,150 --> 00:28:51,530
그리고 나는이를 잡아 경우
파일, cat.jpeg 예고

626
00:28:51,530 --> 00:28:54,674
나는 그것을 드래그 할 수 있고
클라우드 9에 드롭

627
00:28:54,674 --> 00:28:56,090
그리고 여기 나 소리하는거야.

628
00:28:56,090 --> 00:28:59,000
>> 우리는 이미했기 때문에
당신에게 cat.jpeg 파일을 주어진,

629
00:28:59,000 --> 00:29:01,430
하지만 슈퍼 쉽게
당신이했습니다 사진을 잡아

630
00:29:01,430 --> 00:29:03,220
페이스 북에서 촬영
플리커 등 또는

631
00:29:03,220 --> 00:29:05,678
실제로 드래그 앤 드롭
다음 클라우드 9에와 것은 그것을 만들

632
00:29:05,678 --> 00:29:07,970
자신의 개인적인 부분
웹 사이트 또는 문제

633
00:29:07,970 --> 00:29:10,442
우리가 곧 볼 수 있습니다로 7 ~ 8을 설정합니다.

634
00:29:10,442 --> 00:29:12,150
그리고 때를
마지막으로 그 고양이를 방문,

635
00:29:12,150 --> 00:29:16,610
나는 그 같은 고양이 다운로드 가정,
그 that--주의 사랑스러운했다.

636
00:29:16,610 --> 00:29:19,160
>> 당신이 볼 것이다 것은
여기이 얼굴과 같은.

637
00:29:19,160 --> 00:29:21,810
파일 그래서 당신
웹 페이지 내에서 레퍼런스

638
00:29:21,810 --> 00:29:26,050
중 하나를 자신의 지역이 될 수 있습니다
다른 서버에 계정 또는 원격

639
00:29:26,050 --> 00:29:29,670
릭의 경우와 마찬가지로
조금 전에 Astley 사진.

640
00:29:29,670 --> 00:29:32,990
그렇다면 무엇을 else--
다른 우리가 여기서 할 수 있습니까?

641
00:29:32,990 --> 00:29:34,890
그럼 다음을 살펴 보자.

642
00:29:34,890 --> 00:29:36,160
당신은 종류의 어떤 멋진 알아?

643
00:29:36,160 --> 00:29:39,330
>> 우리는 지금까지 만들어왔다
매우 정적 웹 페이지를 참조하십시오.

644
00:29:39,330 --> 00:29:41,830
본인은 다음과 같은 일을 양념 할.

645
00:29:41,830 --> 00:29:44,344
난 내 자신의 검색 엔진을 만들고 싶어.

646
00:29:44,344 --> 00:29:47,010
그래서하자, 검색 엔진을 만들려면
가서이 일을 시작합니다.

647
00:29:47,010 --> 00:29:52,570
내가 가서 만들거야
새 파일 search.html에 불렀다.

648
00:29:52,570 --> 00:29:54,890
그리고 우리는 온라인 버전을 prefabed했다.

649
00:29:54,890 --> 00:29:56,027
으악.

650
00:29:56,027 --> 00:29:57,610
터미널 창에 붙여 넣기하지 마십시오.

651
00:29:57,610 --> 00:29:58,744
온라인 조립식 버전.

652
00:29:58,744 --> 00:30:00,160
그리고는 다음과 같이 시작하는거야.

653
00:30:00,160 --> 00:30:04,490
그래서 여기의 시작이다
파일 search.html에 불렀다.

654
00:30:04,490 --> 00:30:07,510
나는에 저장거야
오늘의 소스 디렉토리.

655
00:30:07,510 --> 00:30:09,079
나는이 검색을 호출하는거야.

656
00:30:09,079 --> 00:30:10,370
사실, 우리는 더 잘 할 것이다.

657
00:30:10,370 --> 00:30:13,600
CS50 검색 실제로 브랜드 그것.

658
00:30:13,600 --> 00:30:17,500
그리고 지금, 내가 말할거야
H1 CS50 검색 같은.

659
00:30:17,500 --> 00:30:20,930
그리고 여기 아래, H2 곧 온다.

660
00:30:20,930 --> 00:30:23,230
다만, H1을 개괄하고,
H2는 무엇 각각 의미?

661
00:30:23,230 --> 00:30:26,750

662
00:30:26,750 --> 00:30:30,320
>> 그래, 그렇게 크고 굵게, 그리고
같은 큰,하지만 여전히 굵은하지.

663
00:30:30,320 --> 00:30:37,375
그래서이 저장 이상 여기 있으면,
이제 파일 search.html에 볼 수 있습니다.

664
00:30:37,375 --> 00:30:42,560
좋아,이 하나
[들림] right--입니다.

665
00:30:42,560 --> 00:30:46,980

666
00:30:46,980 --> 00:30:49,110
대기.

667
00:30:49,110 --> 00:30:49,945
다윗은 혼란이다.

668
00:30:49,945 --> 00:30:52,610

669
00:30:52,610 --> 00:30:54,080
아, 바로 거기에 있습니다.

670
00:30:54,080 --> 00:30:54,860
다윗은 바보입니다.

671
00:30:54,860 --> 00:30:55,420
그래.

672
00:30:55,420 --> 00:30:56,660
그래서 거기입니다.

673
00:30:56,660 --> 00:30:58,350
그래서 CS50 검색이 곧 온다.

674
00:30:58,350 --> 00:31:00,370
그래서 지금, 합성하자
우리는 지난 주에 무슨 짓을했는지.

675
00:31:00,370 --> 00:31:03,400
>> 우리는 이야기는 어디
HTTP의 낮은 수준의 역학.

676
00:31:03,400 --> 00:31:05,780
그리고이 새로운 아이디어
HTML, 어떤 단지입니다

677
00:31:05,780 --> 00:31:08,890
이 마크 업 언어 어디를
정확히 무엇을 브라우저에게

678
00:31:08,890 --> 00:31:10,740
우리 자신의 검색 엔진을 구현합니다.

679
00:31:10,740 --> 00:31:12,520
그래서 그 대신 단지
곧 말을, 내가 해요

680
00:31:12,520 --> 00:31:14,810
도입 예정
뭔가 폼 태그를했다.

681
00:31:14,810 --> 00:31:19,610
그리고이 형태로, 내가 갈거야
입력 필드 같은 것을 가지고있다.

682
00:31:19,610 --> 00:31:22,450
>> 그리고이 입력의 이름
필드는, 나는 그것을 호출하는거야 Q.

683
00:31:22,450 --> 00:31:26,240
이 입력 필드의 형식
내가 말할거야 그냥 "텍스트"입니다.

684
00:31:26,240 --> 00:31:29,130
텍스트 필드와 같은 우리는거야
참조, 단지 텍스트 상자입니다.

685
00:31:29,130 --> 00:31:32,830
그리고 그것은이 여기 감지하지 않습니다
이 시점에서 그것의 내부에 아무것도.

686
00:31:32,830 --> 00:31:35,320
그래서 나는 단순히거야
그와 태그를 닫습니다

687
00:31:35,320 --> 00:31:38,099
앞으로 태그 자체에서 바로 슬래시.

688
00:31:38,099 --> 00:31:39,890
그리고 나는 갈거야
다른 하나의 입력을 가지고있다.

689
00:31:39,890 --> 00:31:43,480
입력 방식은 제출 같습니다.

690
00:31:43,480 --> 00:31:45,320
그리고 나는 갈거야
너무이 하나를 닫습니다.

691
00:31:45,320 --> 00:31:46,840
>> 그리고 지금은 여기에 돌아갈거야.

692
00:31:46,840 --> 00:31:49,520
그리고 이미 우리는, 참조
꽤 추한이기는하지만, 나는했습니다

693
00:31:49,520 --> 00:31:52,460
의 시작을 얻었다
여기에 내 자신의 검색 페이지.

694
00:31:52,460 --> 00:31:55,150
사실, 내가하려고하자
조금이를 정리.

695
00:31:55,150 --> 00:31:57,330
그것은 해당 밝혀
여기에 입력, 나는 할 수 있습니다

696
00:31:57,330 --> 00:31:59,910
자리라는 또 다른 속성.

697
00:31:59,910 --> 00:32:05,165
그리고 나는 키워드 같은 것을 볼 수 있습니다,
상세하게, Q 쿼리.

698
00:32:05,165 --> 00:32:07,820
>> 그리고 지금, 내가 가진, 알
회색 텍스트의 종류

699
00:32:07,820 --> 00:32:10,440
그 같이 사라
빨리 입력을 시작으로,

700
00:32:10,440 --> 00:32:12,930
하지만 아마 뭔가
당신은 다른 웹 페이지에서 봤어요.

701
00:32:12,930 --> 00:32:14,650
정말 제출 버튼을 좋아하지 않는다.

702
00:32:14,650 --> 00:32:18,320
그래서 실제로 줄거야
버튼을 검색 값을 제출합니다.

703
00:32:18,320 --> 00:32:21,680
내가 다시로드하는 경우 그리고 지금, 알
내 버튼이 검색의 이름이된다.

704
00:32:21,680 --> 00:32:24,140
당신은 정말하지 않습니다, 알고
여기에 로고 등을들 수있다.

705
00:32:24,140 --> 00:32:27,140
그래서 구글 글꼴 생성기.

706
00:32:27,140 --> 00:32:28,820
>> 본인은이 양념 싶다.

707
00:32:28,820 --> 00:32:30,660
그래서 CS50 검색.

708
00:32:30,660 --> 00:32:31,870
내 자신의 로고를 만들 수 있습니다.

709
00:32:31,870 --> 00:32:33,080
즉, 좋은 보인다.

710
00:32:33,080 --> 00:32:36,945
그래서 지금 날이 어서 as-- 저장할 수 있습니다.

711
00:32:36,945 --> 00:32:40,710

712
00:32:40,710 --> 00:32:43,120
어디거야?

713
00:32:43,120 --> 00:32:43,620
가.

714
00:32:43,620 --> 00:32:44,160
그래.

715
00:32:44,160 --> 00:32:44,980
그것을 놓쳤다.

716
00:32:44,980 --> 00:32:47,740
다른 이름으로 저장.

717
00:32:47,740 --> 00:32:49,470
바보 브라우저.

718
00:32:49,470 --> 00:32:51,700
대기, 우리는 갈거야
이 한번에 해결.

719
00:32:51,700 --> 00:32:57,650

720
00:32:57,650 --> 00:32:58,590
우리는 거기에 갈.

721
00:32:58,590 --> 00:32:59,090
괜찮아.

722
00:32:59,090 --> 00:32:59,600
죄송합니다.

723
00:32:59,600 --> 00:33:00,750
비번 날.

724
00:33:00,750 --> 00:33:02,310
지금 이것은 펑키입니다.

725
00:33:02,310 --> 00:33:03,160
전체 화면을 종료합니다.

726
00:33:03,160 --> 00:33:04,150
괜찮아.

727
00:33:04,150 --> 00:33:06,870
>> 지금, 정상 등
사람으로 이미지를 저장합니다.

728
00:33:06,870 --> 00:33:08,810
Logo.gif.

729
00:33:08,810 --> 00:33:13,194
지금은 CS50IDE과에 갈거야
나는 단순히 로고를 잡아 갈거야,

730
00:33:13,194 --> 00:33:15,360
나는에 드래그거야
내 소스 일곱 디렉토리,

731
00:33:15,360 --> 00:33:17,002
파일이 이미 내가 그와 함께 확인 해요, 존재한다.

732
00:33:17,002 --> 00:33:19,210
그래서 나는 그것을 대체 할거야
나는 이미 그것을 가지고 있기 때문이다.

733
00:33:19,210 --> 00:33:20,630
그리고 지금 내가 어떻게이 제거합니까?

734
00:33:20,630 --> 00:33:24,670
>> 의 여기 가서하​​자
이미지 소스는 logo.gif 같습니다.

735
00:33:24,670 --> 00:33:25,490
이를 닫습니다.

736
00:33:25,490 --> 00:33:26,050
저장합니다.

737
00:33:26,050 --> 00:33:30,560
그리고 지금은 내 검색으로 돌아 가면
페이지, 지금은 꽤 좋은 찾고 있습니다.

738
00:33:30,560 --> 00:33:33,610
좋아, 그렇지 갖도록
매우 유용 아무 짓도.

739
00:33:33,610 --> 00:33:37,000
사실, 내가 검색 해보자
그리고 고양이를 위해 무슨 일이 일어 나는지.

740
00:33:37,000 --> 00:33:38,890
고양이.

741
00:33:38,890 --> 00:33:39,420
젠장.

742
00:33:39,420 --> 00:33:41,400
그냥 분명히 작동하지 않습니다.

743
00:33:41,400 --> 00:33:43,760
그래서 중요한 부분은 무엇인가
즉, 여기에 누락?

744
00:33:43,760 --> 00:33:49,100
>> 오른쪽, 당신은 어떤 HTML을 모르더라도,
나는 전화 양식을 표시 시작했습니다

745
00:33:49,100 --> 00:33:54,130
나는, 입력을 얻는 방법을 말 했어요
나에게 텍스트 상자를주고 버튼을 제출,

746
00:33:54,130 --> 00:33:55,730
분명히 어떤 부분을 누락?

747
00:33:55,730 --> 00:33:58,975
우리가 실제로 싶어한다고 가정
제대로 작동이 일.

748
00:33:58,975 --> 00:34:02,420

749
00:34:02,420 --> 00:34:05,360
우리는 무엇을 어떻게해야합니까?

750
00:34:05,360 --> 00:34:08,860
우리는 백엔드를 구현할 필요가
또는 데이터베이스 검색 엔진 자체

751
00:34:08,860 --> 00:34:11,210
그것은 걸릴 것
솔직히 시간이 훨씬.

752
00:34:11,210 --> 00:34:13,380
>> 그래서 우리는 지난 시간에 한 일을 기억한다.

753
00:34:13,380 --> 00:34:18,230
그래서 당신은 구글에서 무언가를 검색하는 경우
당신은 사전에 꺼져

754
00:34:18,230 --> 00:34:20,355
리콜, 빠른 검색.

755
00:34:20,355 --> 00:34:22,230
그래서 내가 그를 해제하자
그래서이 실제로

756
00:34:22,230 --> 00:34:26,650
이전 학교 브라우저처럼 동작,
지금은 고양이처럼 뭔가를 검색하면,

757
00:34:26,650 --> 00:34:28,190
URL이 어떻게 생겼는지 기억합니다.

758
00:34:28,190 --> 00:34:29,449
그것은 꽤 애매합니다.

759
00:34:29,449 --> 00:34:33,000
그러나 거기에 포함,
리콜은, 슬래시 검색입니다.

760
00:34:33,000 --> 00:34:35,100
물음표 q는 고양이 같다.

761
00:34:35,100 --> 00:34:37,760
>> 그리고 그 날을주는 것 같다
검색 결과의 전체 무리.

762
00:34:37,760 --> 00:34:39,134
그래서 당신은 내가 할거야 알아?

763
00:34:39,134 --> 00:34:41,650
나는 빌려 갈거야
다만 분에 대한 구글.

764
00:34:41,650 --> 00:34:43,670
내가 가서거야
여기 내가 말할거야

765
00:34:43,670 --> 00:34:47,850
이 조치를 형성하는 것이 나
대상은, 그래서, 말하자면

766
00:34:47,850 --> 00:34:49,330
말 그대로 구글해야합니다.

767
00:34:49,330 --> 00:34:52,590
그리고 그 방법은 내가 원
사용에 도착 될 것입니다.

768
00:34:52,590 --> 00:34:53,560
>> 그래서 행동은 무엇인가?

769
00:34:53,560 --> 00:34:55,760
액션은 이상하게, 이름
하지만 그건 단지 의미

770
00:34:55,760 --> 00:34:58,120
누가 처리 할 것입니다
이 양식의 행동?

771
00:34:58,120 --> 00:35:00,820
나는 검색을 클릭하면
결과는 가야하나요?

772
00:35:00,820 --> 00:35:05,300
그리고 지금은 내 양식으로 돌아 가면
여기 내 웹 페이지를 다시로드

773
00:35:05,300 --> 00:35:09,000
지금 뭔가를 검색
강아지처럼, 지금 주목

774
00:35:09,000 --> 00:35:10,850
나는 구글을 다시 구현했다.

775
00:35:10,850 --> 00:35:11,350
권리?

776
00:35:11,350 --> 00:35:14,141
>> 내가 뭔가를 검색하려면
다른, 그것은 단지 개를 작동,

777
00:35:14,141 --> 00:35:16,400
또한 고양이 작동합니다.

778
00:35:16,400 --> 00:35:21,930
또한 CS50 작동합니다.

779
00:35:21,930 --> 00:35:24,310
그리고 확인, 이것은 단지입니다
압도적 아래에, 그렇지?

780
00:35:24,310 --> 00:35:25,920
좋아,하지만 실제로 작동합니다.

781
00:35:25,920 --> 00:35:27,360
그래서 실제로 무슨 일 됐어요?

782
00:35:27,360 --> 00:35:31,340
그래서 사용하여 브라우저를 가르쳤다
HTML은, 사용자로부터 입력을 취할

783
00:35:31,340 --> 00:35:35,810
실제로 그 입력을 보내
원격 서버에 HTTP를 사용.

784
00:35:35,810 --> 00:35:39,120
>> 그리고 브라우저 때문에
HTTP, 그 사실을 이해

785
00:35:39,120 --> 00:35:43,500
무엇 있도록 URL을 구성
나는, 내 브라우저에서 이상 끝

786
00:35:43,500 --> 00:35:45,660
무슨 일 통지
때 나는 개를 검색.

787
00:35:45,660 --> 00:35:49,270
내가 검색을 클릭하면 알 수
내가 의도 한대로 URL을 변경

788
00:35:49,270 --> 00:35:52,770
쿼리 개에 해당 google.com/search합니다.

789
00:35:52,770 --> 00:35:56,020
그리고 그 형태 때문이다
방법은 얻을 수 있기 때문에, 알고,

790
00:35:56,020 --> 00:35:59,560
단순히 거기에 해당 URL에 추가합니다.

791
00:35:59,560 --> 00:36:01,730
>> 지금,이 웹 페이지는 여전히 못생긴.

792
00:36:01,730 --> 00:36:04,890
그럼 다른 하나를 소개하자
구문의 조각 오늘날 우리가 할 수있는 경우에.

793
00:36:04,890 --> 00:36:07,640
그리고 이것은 알려진 일이다
CSS 스타일 시트 등.

794
00:36:07,640 --> 00:36:10,720
그래서 나를 살펴 보자
여기에이 예제와 참조

795
00:36:10,720 --> 00:36:12,380
우리는 무슨 일이 일어나고 있는지 추론 할 수있는 경우.

796
00:36:12,380 --> 00:36:14,520
이 CSS0.html입니다.

797
00:36:14,520 --> 00:36:16,532
그리고이 어디 것들
조금 추한.

798
00:36:16,532 --> 00:36:18,490
불행하게도 때문에
웨브의 세계에서,

799
00:36:18,490 --> 00:36:20,920
HTML은 혼자 모든 것을 할 수 있습니다.

800
00:36:20,920 --> 00:36:22,920
그리고 당신이 원하는 경우
당신의 웹 페이지에 스타일

801
00:36:22,920 --> 00:36:28,370
당신은 실제로에 초점을 맞출 필요
다른 방법으로 미학.

802
00:36:28,370 --> 00:36:33,090
그래서 여기, 내 웹의 몸을 가지고
이는 내부 페이지는 큰 DIV이다.

803
00:36:33,090 --> 00:36:34,700
그리고 사업부는 분할을 의미한다.

804
00:36:34,700 --> 00:36:38,060
그래서 단락하지만처럼
같은 의미가 없습니다

805
00:36:38,060 --> 00:36:39,180
텍스트의 단락의.

806
00:36:39,180 --> 00:36:40,940
>> 이것은 단지 의미
브라우저, 여기에 온다

807
00:36:40,940 --> 00:36:45,210
내 웹의 큰 사각형 영역
페이지, 내가 특별히 그것을 처리 할.

808
00:36:45,210 --> 00:36:47,420
그 DIV가 시작되는 지금, 라인 (21)이다.

809
00:36:47,420 --> 00:36:48,770
그리고 그냥 추측을.

810
00:36:48,770 --> 00:36:53,080
에 라인 (21)의 효과가 무엇입니까
페이지 내용의 나머지?

811
00:36:53,080 --> 00:36:55,640

812
00:36:55,640 --> 00:36:56,311
를 중심으로.

813
00:36:56,311 --> 00:36:56,810
그게 다야.

814
00:36:56,810 --> 00:36:58,830
그래서 우리는 방법을 보지 못했다
실제로 텍스트 센터링.

815
00:36:58,830 --> 00:37:00,996
>> 사실, 내 검색 엔진
실제 구글과는 달리,

816
00:37:00,996 --> 00:37:03,040
모든 왼쪽에 이상 정당화했다.

817
00:37:03,040 --> 00:37:07,430
그래서 지금은 라인 (21)에, 나는 야, 말하는거야
브라우저 페이지의 사업부를 만들 수 있습니다.

818
00:37:07,430 --> 00:37:09,450
그냥 나에게 큰, 눈에 보이지 않는 사각형을 제공합니다.

819
00:37:09,450 --> 00:37:11,490
그게 내가 원하는 방법
웹 페이지에 대해 생각합니다.

820
00:37:11,490 --> 00:37:13,870
다음과 같이 그리고 그것을에 스타일.

821
00:37:13,870 --> 00:37:16,900
그 따옴표의 내부,
지금, 제 2 언어이다

822
00:37:16,900 --> 00:37:19,969
우리는 오늘 소개 한
라는 CSS 스타일 시트.

823
00:37:19,969 --> 00:37:22,010
다행히, 너무 아니다
프로그래밍 언어

824
00:37:22,010 --> 00:37:26,470
그래서 매우 구문 제한 있어요하지만
또한 아주 그 기능 제한

825
00:37:26,470 --> 00:37:30,670
HTML 반면에 관한 모든 것입니다
웹 페이지의 데이터를 마킹

826
00:37:30,670 --> 00:37:32,130
및 웹 페이지의 구조.

827
00:37:32,130 --> 00:37:35,320
CSS는에 대해 일반적으로
마지막 마일, 미학,

828
00:37:35,320 --> 00:37:40,160
크기 및 색상을 얻기
웹 페이지에서 바로 바로 위치.

829
00:37:40,160 --> 00:37:43,000
그리고 실제로, 그것은이 형성된다
키 값 쌍.

830
00:37:43,000 --> 00:37:46,290
>> 이, 텍스트 등의 특성
콜론, 정렬,

831
00:37:46,290 --> 00:37:49,720
그 값의 다음에
이 경우 센터 속성.

832
00:37:49,720 --> 00:37:51,910
그리고 지금 당신을 통지
둥지 이런 일을 할 수 있습니다.

833
00:37:51,910 --> 00:37:56,780
나는 그 모든 것을 원한다면
나는, 중심을 강조했습니다

834
00:37:56,780 --> 00:38:00,270
그 이유는 내가 선 (21)을 가지고
해당 라인 (31).

835
00:38:00,270 --> 00:38:04,820
하지만 지금은 가정 존을 말하고 싶습니다
하버드는 나의 홈 페이지에 오신 것을 환영합니다.

836
00:38:04,820 --> 00:38:06,530
>> 저작권 기호 존 하버드.

837
00:38:06,530 --> 00:38:09,180
내가 처음한다고 가정
그 라인은 꽤 큰합니다.

838
00:38:09,180 --> 00:38:10,450
36 픽셀.

839
00:38:10,450 --> 00:38:11,530
그래서 괜찮은 크기입니다.

840
00:38:11,530 --> 00:38:13,240
그리고 대담하기 위해 무게를 원했다.

841
00:38:13,240 --> 00:38:15,450
그러나 그 아래,
나는 작은 텍스트를 할 수 있습니다.

842
00:38:15,450 --> 00:38:19,980
그리고 그 아래에, 내가 원하는
더 작은 텍스트입니다.

843
00:38:19,980 --> 00:38:20,480
죄송합니다.

844
00:38:20,480 --> 00:38:24,490

845
00:38:24,490 --> 00:38:26,940
오늘은 오프 날 것 같은 느낌이 든다.

846
00:38:26,940 --> 00:38:29,840
>> 그래서 지금, 나는이를 표현하기 위해 무엇을하고 있는가?

847
00:38:29,840 --> 00:38:34,580
여기에 라인 (22)에 내장되어
사업부 또는 중첩 된 DIV, 당신이됩니다.

848
00:38:34,580 --> 00:38:36,190
너무 자신의 스타일 태그가 있습니다.

849
00:38:36,190 --> 00:38:38,160
나는 36의 글꼴 크기를 지정합니다.

850
00:38:38,160 --> 00:38:40,460
나는 대담한의 글꼴 두께를 지정합니다.

851
00:38:40,460 --> 00:38:43,360
여기에 아래로, 나는 단지 24 픽셀을 지정합니다.

852
00:38:43,360 --> 00:38:45,960
그리고 마지막으로, 라인 28, 나는 12를 지정합니다.

853
00:38:45,960 --> 00:38:49,070
그래서 그냥 빨리 전성 검사 등
그리고 인간이 읽기로,

854
00:38:49,070 --> 00:38:52,545
화면에있는 단어
실제로 굵은 될 것?

855
00:38:52,545 --> 00:38:56,100

856
00:38:56,100 --> 00:38:58,760
어떤 라인은 실제로 굵은입니까?

857
00:38:58,760 --> 00:38:59,570
>> 그냥 존 하버드.

858
00:38:59,570 --> 00:39:00,070
권리?

859
00:39:00,070 --> 00:39:05,940
라인 (22)이 헤이 말한다 것처럼 때문에
브라우저, 여기에 페이지의 한 부문이다.

860
00:39:05,940 --> 00:39:07,920
이 글꼴 크기 36 포인트를 확인합니다.

861
00:39:07,920 --> 00:39:09,460
글꼴 두께를 굵게.

862
00:39:09,460 --> 00:39:11,920
최대한 빨리 도달로
해당 종료 태그

863
00:39:11,920 --> 00:39:15,340
또는 라인 (24)에 닫힌 태그,
그 수단, 헤이 브라우저,

864
00:39:15,340 --> 00:39:17,640
당신이하고있는 무엇이든 일을 중지합니다.

865
00:39:17,640 --> 00:39:21,020
그리고주의 사항에도 불구하고, 명확하게하기
선 (22)는 이러한 특성을 모두 가지고

866
00:39:21,020 --> 00:39:24,430
스타일처럼, 때를
라인 (24)에 태그를 닫습니다,

867
00:39:24,430 --> 00:39:25,940
당신은 단지 태그의 이름을 언급.

868
00:39:25,940 --> 00:39:29,990
>> 당신은 단어의 스타일을 반복하지 않거나
그 따옴표 내부의 아무것도.

869
00:39:29,990 --> 00:39:32,860
그리고 지금 이것 좀 봐 그렇다면
브라우저에서의가 보자

870
00:39:32,860 --> 00:39:38,060
최종 결과보고. 날 보내 주라
앞서 CSS 0이 파일에.

871
00:39:38,060 --> 00:39:41,814
그리고 그것은 꽤 일반 여전히
하지만 꽤 흥미지고.

872
00:39:41,814 --> 00:39:43,980
그러나 거기에 밝혀
내가 여기서 할 수있는 다른 것들,

873
00:39:43,980 --> 00:39:46,490
그리고 만드는 위험
완전히 무시 무시한이,

874
00:39:46,490 --> 00:39:48,630
여기에 있다는 점에서 알 내
내 웹 페이지의 몸,

875
00:39:48,630 --> 00:39:53,930
나는 재미 뭔가를 할 수
BG 또는 배경 색상 등을들 수있다.

876
00:39:53,930 --> 00:39:56,670
>> 그리고 빠른, 가장 좋아하는 색깔은 무엇입니까?

877
00:39:56,670 --> 00:39:57,720
녹색 나는 들었다.

878
00:39:57,720 --> 00:39:58,750
괜찮아.

879
00:39:58,750 --> 00:40:02,920
그래서 지금, 내가 지금 다시로드를 공격하는 경우,
우리는 녹색 웹 페이지가 있습니다.

880
00:40:02,920 --> 00:40:04,710
좋아, 그래서는 나쁘지 않다.

881
00:40:04,710 --> 00:40:08,350
그리고 지금, 나는이를 만들고 싶어 정말
멋진, 내 텍스트의 색상을 만들 수 있습니다

882
00:40:08,350 --> 00:40:09,360
심지어 빨간색.

883
00:40:09,360 --> 00:40:10,870
그래서이 어떻게 생겼는지 보자.

884
00:40:10,870 --> 00:40:12,230
지금은 꽤 좋은 찾고 있습니다.

885
00:40:12,230 --> 00:40:15,460
그리고 아래로 여기, 당신이 만약 정말로
사람과 혼란에 원하는

886
00:40:15,460 --> 00:40:17,487
또는 당신이되고 싶은 경우
그 사람들 중 한 사람

887
00:40:17,487 --> 00:40:20,570
웹을 방문으로 당신을 속여 시도
페이지들이 구글의 속임수했기 때문에

888
00:40:20,570 --> 00:40:27,610
사고로 전체 무리가있다
핵심 단어를 보자 그때 엔으로, 다시로드합니다.

889
00:40:27,610 --> 00:40:29,020

890
00:40:29,020 --> 00:40:30,680
어디 갔습니까?

891
00:40:30,680 --> 00:40:31,530
그리고 우리가 그것.

892
00:40:31,530 --> 00:40:32,030
괜찮아.

893
00:40:32,030 --> 00:40:34,905
나는 옆으로이 말을 그래서 우리는거야
몇 주에이 물건에 대해 이야기

894
00:40:34,905 --> 00:40:36,740
우리에 대해 이야기 할 때
보안, 당신이 경우 실제로

895
00:40:36,740 --> 00:40:38,852
의 포함 전체 송이
웹 페이지에서 키워드

896
00:40:38,852 --> 00:40:41,810
그들은 볼 아니더라도
구글과 같은 인간, 사람, 물론,

897
00:40:41,810 --> 00:40:43,250
아직 실제로이를 찾을 수 있습니다.

898
00:40:43,250 --> 00:40:45,820
좋아, 그래서 꽤입니다
꽤 빨리 끔찍한.

899
00:40:45,820 --> 00:40:48,420
>> 그리고 사실, 그것은 모두가 아니다
내 자신의 웹과는 달리 그 정도

900
00:40:48,420 --> 00:40:51,480
학부, 같은 페이지에있는
내가 찾는 주위에 인터넷 검색 시작

901
00:40:51,480 --> 00:40:53,690
나의 오래된 웹 사이트의 이전 버전.

902
00:40:53,690 --> 00:40:54,500
그것은 아주 나쁜했다.

903
00:40:54,500 --> 00:40:56,650
사실, 난 찾았 어
단지 클래스 전에 하나.

904
00:40:56,650 --> 00:40:58,620
그러나 거기 더있다.

905
00:40:58,620 --> 00:41:01,534
이것은 분명히했다 나의
1996 홈 페이지.

906
00:41:01,534 --> 00:41:04,200
분명히 나는​​ 그것이라고 생각
사람들에게 자신의 이름을 물어 적절한

907
00:41:04,200 --> 00:41:05,991
할 수있을 전에
실제로 내 웹 페이지를 참조하십시오.

908
00:41:05,991 --> 00:41:09,380

909
00:41:09,380 --> 00:41:11,920
>> 그리고 나는 그들을 보여
아마 바보 같은.

910
00:41:11,920 --> 00:41:13,450
나는 다음 시간에 대한 자세한 내용을 발굴합니다.

911
00:41:13,450 --> 00:41:16,220
하지만 지금은,하자
디자인의 비트를 고려한다.

912
00:41:16,220 --> 00:41:17,444
우리는 스타일에 대해 얘기했습니다.

913
00:41:17,444 --> 00:41:19,735
이 페이지 지금까지와
내가 작성한 대부​​분의 모든

914
00:41:19,735 --> 00:41:21,890
문체 매우 깨끗합니다.

915
00:41:21,890 --> 00:41:23,320
그러나 디자인에 대해 무엇?

916
00:41:23,320 --> 00:41:25,990
음, 중복이 많이있다
내가 여기서 뭘했는지에.

917
00:41:25,990 --> 00:41:28,156
>> 나는 단어를 언급 한
장소의 몇 가지 색상.

918
00:41:28,156 --> 00:41:31,630
나는 몇에서 글꼴 크기를 언급 한
장소 몇 곳과 대담한.

919
00:41:31,630 --> 00:41:34,870
그리고 근본적으로, 나는 공동 해요
두 가지 언어를 어울.

920
00:41:34,870 --> 00:41:38,100
내 태그와 함께 HTML을 가지고 내
다음 속성 급격하게,

921
00:41:38,100 --> 00:41:40,100
따옴표 사이에, 나는이
두 번째 언어 오늘

922
00:41:40,100 --> 00:41:43,830
다시, 바로이있다라는 CSS,
키 값 쌍 또는 이러한 속성

923
00:41:43,830 --> 00:41:45,280
콜론으로 구분.

924
00:41:45,280 --> 00:41:47,700
>> 그것은 그 정도를 밝혀
같은 C에서 우리가 어디

925
00:41:47,700 --> 00:41:50,550
아웃 요인을 시작할 수 있습니다
헤더 파일에 일부 코드,

926
00:41:50,550 --> 00:41:53,520
그래서 우리는 HTML에서 동일한 작업을 수행 할 수 있습니다.

927
00:41:53,520 --> 00:41:56,030
다음과 같이 그리고 그 방향으로 단계입니다.

928
00:41:56,030 --> 00:42:02,230
이 버전은, CSS1.html가 있음을 알 수 있습니다
동일한 웹 페이지를 구조적으로.

929
00:42:02,230 --> 00:42:05,250
그래서 왕창있어
div에의,하지만이 시간, 나는했습니다

930
00:42:05,250 --> 00:42:07,220
래퍼 제거이라도
당신이 볼 수로 DIV.

931
00:42:07,220 --> 00:42:12,390
>> 그리고 나는 그 세 된 div를 준
위, 중간, 아래, 고유 ID.

932
00:42:12,390 --> 00:42:14,760
이는에 의해, 좋은
그 사단을주는

933
00:42:14,760 --> 00:42:18,715
페이지 고유 식별자의,
나는 다른 곳을 참조 할 수 있습니다.

934
00:42:18,715 --> 00:42:19,215
어디?

935
00:42:19,215 --> 00:42:21,070
음, 저를 위로 스크롤 할 수 있습니다.

936
00:42:21,070 --> 00:42:24,070
그리고 지금까지, 언제 우리가 검토 한
웹 페이지의 선두에, 무슨 일이야

937
00:42:24,070 --> 00:42:28,560
우리가 했어 유일한 태그
웹 페이지의 선두?

938
00:42:28,560 --> 00:42:29,740
조금 더 크게.

939
00:42:29,740 --> 00:42:30,799
그냥 제목까지.

940
00:42:30,799 --> 00:42:32,590
그러나 거기에 밝혀
몇 가지 다른 것들

941
00:42:32,590 --> 00:42:35,840
당신은 거기에 하나를 넣을 수 있습니다
이는이 스타일 태그라고.

942
00:42:35,840 --> 00:42:37,850
그래서 잠시 전, 우리는 보았다
스타일 속성에.

943
00:42:37,850 --> 00:42:39,150
스타일 태그 거기에 밝혀졌습니다.

944
00:42:39,150 --> 00:42:41,200
그것은 내부에 속하는
웹 페이지의 선두.

945
00:42:41,200 --> 00:42:42,840
그리고 지금 내가 뭘하는지 알 수 있습니다.

946
00:42:42,840 --> 00:42:46,540
나는이 내부에있다
스타일 태그 다음.

947
00:42:46,540 --> 00:42:51,190
말 그대로 라인 (20)에 언급하고있어
내가 스타일을 적용 할 태그의 이름입니다.

948
00:42:51,190 --> 00:42:53,489
>> 그럼 열린 중괄호가
그리고 중괄호를 마감했다.

949
00:42:53,489 --> 00:42:56,030
, C의 정신에 따라서 유사하지만
또,이 기능이 아닌,

950
00:42:56,030 --> 00:42:57,796
이 여기에 단지 구문 세부 사항입니다.

951
00:42:57,796 --> 00:43:00,170
그리고 물론, 내가 말하는거야
브라우저, 헤이 브라우저,

952
00:43:00,170 --> 00:43:05,210
페이지의 전체 몸을
중심의 텍스트 정렬을 갖는다.

953
00:43:05,210 --> 00:43:06,930
그리고 다음이 다음과 같은 말을한다.

954
00:43:06,930 --> 00:43:12,600
이봐 브라우저, 당신은 HTML을 보면
페이지의 요소 또는 태그 그

955
00:43:12,600 --> 00:43:17,040
상위의 고유 한 식별자를 갖는다
그래서 해시 심볼 여기 바로 수단

956
00:43:17,040 --> 00:43:21,010
상단의 독특한 아이디어, 진행
그 글꼴 크기 확인 (36)

957
00:43:21,010 --> 00:43:22,490
그 글꼴 두께 대담한.

958
00:43:22,490 --> 00:43:26,840
>> 이봐, 브라우저, 그 요소
ID는 24 픽셀 수 있도록, 중간이다.

959
00:43:26,840 --> 00:43:31,070
그리고 헤이 브라우저, 당신이 볼 경우
하단의 아이디어는, 그것을 12 픽셀합니다.

960
00:43:31,070 --> 00:43:33,540
결국 효과
정확히 샘이다.

961
00:43:33,540 --> 00:43:36,500
나는 CSS 1에 들어갈 경우,
페이지는 동일한 보인다.

962
00:43:36,500 --> 00:43:39,810
그러나 우리는 대한 발짝
약간 더 나은 디자인.

963
00:43:39,810 --> 00:43:44,850
내가 지금 CSS2에 여기로 가자
내가했던 그 밖의 무엇을 참조하십시오.

964
00:43:44,850 --> 00:43:48,030
>> 이제 페이지가 정말, 정말 깨끗합니다.

965
00:43:48,030 --> 00:43:50,730
사실, 난 모두를 맞을 수
여기 페이지의 내용을 표시합니다.

966
00:43:50,730 --> 00:43:54,270
그러나 새로운 기능 태그 내가이
분명, 도입?

967
00:43:54,270 --> 00:43:54,770
링크.

968
00:43:54,770 --> 00:43:57,853
그리고, 태그 최선의 이름이 아니다
이 점에서 링크 아니기 때문에

969
00:43:57,853 --> 00:44:00,780
우리는 그것을 알고있다, 그러나 이것은 의미
다른 파일에 대한 링크.

970
00:44:00,780 --> 00:44:02,890
이 샤프 C.에 포함의 같은 종류

971
00:44:02,890 --> 00:44:06,280
>> 이것은 HTML의 방법입니다
브라우저를 봐 말을,

972
00:44:06,280 --> 00:44:10,240
의 내용을 가서
파일이 css2.css을했다.

973
00:44:10,240 --> 00:44:12,880
관계, 나에게,
이 스타일 시트는 것이다.

974
00:44:12,880 --> 00:44:17,980
그리고 실제로, 그 무엇의 하나
CSS 스타일 시트 수단에 S 년대.

975
00:44:17,980 --> 00:44:20,350
이 스타일 시트이다.

976
00:44:20,350 --> 00:44:23,120
그것은 단지 포함 된 텍스트 파일의
숙박 시설의 전체 무리.

977
00:44:23,120 --> 00:44:25,940
이 스타일의 전체 무리의
당신은 페이지에 적용 할 것이다.

978
00:44:25,940 --> 00:44:28,860
>> 그리고이 분명히있다
두 번째 파일을 참조.

979
00:44:28,860 --> 00:44:32,970
그리고 나는 그, CSS2.css를 열 경우,
모든 내가했던 것을 알 수

980
00:44:32,970 --> 00:44:35,900
복사 모든 붙여 넣기입니다
이 파일에이의.

981
00:44:35,900 --> 00:44:38,220
그리고 지금, 당신은 적이없는 경우에도
전에이 물건을 코딩,

982
00:44:38,220 --> 00:44:40,700
다만 고려해야
속담 엔지니어링 모자

983
00:44:40,700 --> 00:44:44,220
에 이유는
아마도 더 나은 디자인?

984
00:44:44,220 --> 00:44:48,910
그 CSS 속성을 감안,
자신의 파일에 넣어.

985
00:44:48,910 --> 00:44:51,330
비록 우리는이 문제를 해결
문제 같은 오분 전

986
00:44:51,330 --> 00:44:52,600
첫 번째 버전.

987
00:44:52,600 --> 00:44:55,730
>> 우리는 개선되지했습니다
페이지 문체,

988
00:44:55,730 --> 00:44:57,520
이것은 단지 더 나은
어떤 의미에서 디자인.

989
00:44:57,520 --> 00:44:58,990
왜 생각하십니까?

990
00:44:58,990 --> 00:45:01,510
그래.

991
00:45:01,510 --> 00:45:02,260
더 유연한 방법?

992
00:45:02,260 --> 00:45:05,040

993
00:45:05,040 --> 00:45:05,540
그래.

994
00:45:05,540 --> 00:45:07,373
당신이 가고 싶다면
다시 물건을 변경,

995
00:45:07,373 --> 00:45:09,540
지금, 당신은 하나의 장소가
여기서 당신이 일을 변경할 수 있습니다.

996
00:45:09,540 --> 00:45:11,622
그리고 사실, 뭔가
같은 문제는, 일곱 설정

997
00:45:11,622 --> 00:45:13,690
우리는을 구현 볼 수있는 곳
주식 거래 웹 사이트,

998
00:45:13,690 --> 00:45:15,523
즉,이 것
페이지의 전체 무리.

999
00:45:15,523 --> 00:45:17,620
그리고 그것은 정말로 것
짜증나는 당신이 결정하는 경우, HM,

1000
00:45:17,620 --> 00:45:21,630
난 정말 내가 원하는, 24 픽셀을 좋아하지 않는다
그것은 28 픽셀 또는 약간 더 큰합니다.

1001
00:45:21,630 --> 00:45:23,550
그리고 할 필요가
찾기 및 바꾸기 글로벌

1002
00:45:23,550 --> 00:45:27,560
또는 당신의 웹 사이트의 모든 파일을 엽니 다
단순히 실제로 하나의 값을 변경합니다.

1003
00:45:27,560 --> 00:45:31,290
이러한 스타일을 감안하여
중앙의 한 곳으로,

1004
00:45:31,290 --> 00:45:34,720
이제 하나의 텍스트 파일을 열 수 있습니다
어떤 프로그램에 CS50IDE에,

1005
00:45:34,720 --> 00:45:36,479
이를 변경을 저장하고 수행.

1006
00:45:36,479 --> 00:45:38,270
당신은 사람들을 전파했습니다
사방 변경.

1007
00:45:38,270 --> 00:45:42,450
그리고 그것은 같은 것
도트 H 파일뿐만 아니라.

1008
00:45:42,450 --> 00:45:46,697
그래서 질문이 이렇게
지금까지이 구문에?

1009
00:45:46,697 --> 00:45:48,530
좋아, 그래서 우리는했습니다
모든 것 같다 수행

1010
00:45:48,530 --> 00:45:51,170
실제로 제외하고 하이퍼 링크를 구현한다.

1011
00:45:51,170 --> 00:45:52,740
그리고 이제 가서이 작업을 수행 할 수 있습니다.

1012
00:45:52,740 --> 00:45:54,830
내가 가서 보자
여기에 새 파일을 만듭니다.

1013
00:45:54,830 --> 00:45:59,970
나는 그것을 호출하는거야
link.html, 오늘의 코드에 넣어.

1014
00:45:59,970 --> 00:46:03,000
>> 그리고 오픈 할거야
브래킷 문서 형식 HTML.

1015
00:46:03,000 --> 00:46:05,970
에서 제외하고,이 일로서,
상단,이 문서 유형 선언,

1016
00:46:05,970 --> 00:46:08,420
그것은 이상한 유일한 하나
느낌표.

1017
00:46:08,420 --> 00:46:12,100
당신은 그냥 거기에 그것을해야하고
우리가 HTML 버전 5를 사용하는 것을 의미한다.

1018
00:46:12,100 --> 00:46:14,460
이전 버전
언어는 더 이상했다

1019
00:46:14,460 --> 00:46:16,400
당신이 필요한 문자열이 넣어.

1020
00:46:16,400 --> 00:46:18,620
그래서 여기에 링크라고하는 예입니다.

1021
00:46:18,620 --> 00:46:20,950
>> 여기 내 웹 페이지의 몸이 필요합니다.

1022
00:46:20,950 --> 00:46:29,770
그리고 여기에, HREF 등호
의는 HTTP://www.disney.com을 가정 해 봅시다

1023
00:46:29,770 --> 00:46:35,420
내 마음에 드는 웹 사이트, 우리는 말할 것이다.

1024
00:46:35,420 --> 00:46:38,550
좋아요, 아주를
무해한, 사용자 친화적 인 페이지.

1025
00:46:38,550 --> 00:46:42,950
나는 지금 내 디렉토리로 이동하는 경우
여기 목록 및 link.html을 열어,

1026
00:46:42,950 --> 00:46:44,780
우리는 하이퍼 텍스트가 있습니다.

1027
00:46:44,780 --> 00:46:47,410
>> 그리고 실제로이 어디
HTTP의 H는에서 온다.

1028
00:46:47,410 --> 00:46:51,580
하이퍼 텍스트 전송 프로토콜
텍스트 전송에 관한 것입니다

1029
00:46:51,580 --> 00:46:53,840
즉, 다른 리소스에 대한 하이퍼 링크가 있습니다.

1030
00:46:53,840 --> 00:46:58,210
그리고 실제로, 여기에, 잘 알고있다
복고풍 경우, 파란색 링크를 클릭하면 그,

1031
00:46:58,210 --> 00:47:02,607
실제로 Disney.com 날을 이끌 것입니다.

1032
00:47:02,607 --> 00:47:03,940
이제, 오, 곧오고있다.

1033
00:47:03,940 --> 00:47:08,970
좋아, 그래서 지금, 무엇 일부
이것의 의미의?

1034
00:47:08,970 --> 00:47:11,610
>> 그리고 솔직히, 세계가 시작됩니다
좀 더 익숙해 질

1035
00:47:11,610 --> 00:47:15,090
또한 조금 무서운
뿐만 아니라 조금 더

1036
00:47:15,090 --> 00:47:17,840
당신이 시작하면 방어 자기
이런 일을 이해합니다.

1037
00:47:17,840 --> 00:47:21,610
확률은, 당신의 일부, 당신이가는 경우이기 때문에
자신의 Gmail의 스팸 폴더를 통해 또는

1038
00:47:21,610 --> 00:47:23,990
받은 편지함, 당신은 아마했습니다
이메일의 어떤 종류를 얻었다

1039
00:47:23,990 --> 00:47:26,980
그 변화를 묻는 것 당신의
암호는 아마 아니면 확인

1040
00:47:26,980 --> 00:47:28,910
페이팔 자격 증명이나 이것 저것.

1041
00:47:28,910 --> 00:47:34,510
>> 그리고 사실, 당신이받은 수
여기를 클릭하십시오처럼 말한다 무엇인가

1042
00:47:34,510 --> 00:47:42,260
페이팔 비밀번호를 재설정합니다.

1043
00:47:42,260 --> 00:47:44,130
그리고 지금, 경우, 통지
이 Disney.com 아니다

1044
00:47:44,130 --> 00:47:51,600
하지만 같은 badplace.com과
다시로드하는 것으로 여기에 텍스트

1045
00:47:51,600 --> 00:47:53,710
전혀 아무것도 말할 수 있습니다.

1046
00:47:53,710 --> 00:47:55,260
사실상, 이것은 단지 단어이다.

1047
00:47:55,260 --> 00:48:04,610
이유는 실제로 슈퍼 악성하지 말라
및 http://www.paypal.com을 말한다.

1048
00:48:04,610 --> 00:48:14,090
>> 페이팔을 다시 여기를 클릭하십시오
암호를 지금 다시.

1049
00:48:14,090 --> 00:48:16,220
이것은 바로, 꽤 합법적 보인다?

1050
00:48:16,220 --> 00:48:20,470
내가 클릭 않을 것, 의미
그냥이 말한다 이메일.

1051
00:48:20,470 --> 00:48:22,450
그러나 여기 이분법을 알 수 있습니다.

1052
00:48:22,450 --> 00:48:26,880
그것은 www.paypal.com 말한다,
사실, 잠깐,

1053
00:48:26,880 --> 00:48:29,210
우리는 당신이 원하는 것을 알고있다
보안에 대한의.

1054
00:48:29,210 --> 00:48:35,450
그래서 지금, www.paypal.com HTTPS로 이동
그러나 당신이 전에 이런 짓을 적이있는 경우,

1055
00:48:35,450 --> 00:48:38,182
하는 습관을받을 수 있나요
여기에 작은 링크를 통해 유혹.

1056
00:48:38,182 --> 00:48:39,890
그리고 볼 어렵다
이 화면에서,

1057
00:48:39,890 --> 00:48:41,340
그리고 여기에 모든 것을 쉽다.

1058
00:48:41,340 --> 00:48:43,615
하지만 방법 아래로 여기에서
작은 작은 코너

1059
00:48:43,615 --> 00:48:45,740
실제로 브라우저는 않습니다
우리가 가고 있다는 것을 당신에게

1060
00:48:45,740 --> 00:48:48,850
대신 Paypal.com의 badplace.com합니다.

1061
00:48:48,850 --> 00:48:51,620
자, 여기서 우리는이와 함께가는거야?

1062
00:48:51,620 --> 00:48:54,859
우리가 오늘했던 모든 예제,
우리는 하드 코드 및 수작업 입력 한.

1063
00:48:54,859 --> 00:48:56,900
웹은 믿을 수 없을만큼이다
재미 때 하드

1064
00:48:56,900 --> 00:48:59,844
콘텐츠 그래서 당신의 웹 페이지를 코딩
정적 결코 변화하지 않는다.

1065
00:48:59,844 --> 00:49:01,760
의 물론, 우리의 모든
즐겨 찾는 웹 사이트 오늘,

1066
00:49:01,760 --> 00:49:04,470
그것은 Gmail이나 트위터 또는 여부
페이스 북이나 다른 사람의 수

1067
00:49:04,470 --> 00:49:05,290
동적입니다.

1068
00:49:05,290 --> 00:49:07,340
그들은 변화하는 것
사용자 입력에 응답

1069
00:49:07,340 --> 00:49:08,840
바로 Google 검색 결과 등을들 수있다.

1070
00:49:08,840 --> 00:49:12,415
>> 그래서 수요일에, 우리가 할 것은
우리는 HTML과 CSS 도입을두고

1071
00:49:12,415 --> 00:49:14,290
우리가 타고 우리 뒤에
지금 우리 것을 당연

1072
00:49:14,290 --> 00:49:16,640
그것을 알고 우리는 소개
새로운 프로그래밍 언어

1073
00:49:16,640 --> 00:49:19,050
좋아라고 PHP,
C는 우리에게 줄 것입니다

1074
00:49:19,050 --> 00:49:22,450
실제로 프로그램을 만들 수있는 능력
스스로하는 것이 출력을 생성합니다.

1075
00:49:22,450 --> 00:49:25,900
이 경우, 우리는 사용할 것
PHP 동적 웹을 생성

1076
00:49:25,900 --> 00:49:27,340
이 새로운 언어를 사용하는 페이지.

1077
00:49:27,340 --> 00:49:28,989
수요일에 그에 따라서 더.

1078
00:49:28,989 --> 00:49:29,530
그때 만나.

1079
00:49:29,530 --> 00:49:33,130

1080
00:49:33,130 --> 00:49:37,380
>> [음악 재생]

1081
00:49:37,380 --> 00:52:38,864