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
>> เดวิดเจลัน: นี่คือ 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
หลังจากที่คุณกู้ภาพของ
พนักงานทั้งที่นี่และใน New Haven,

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
แต่โดยเฉพาะอย่างยิ่งผมต้องการที่จะ
ดึงดูดความสนใจของคุณ to-- ดีหนึ่ง

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
ดังนั้นในนอกจากจะได้รับ Dropbox
พื้นที่ที่ทุกคนที่เข้าร่วม

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
ไปที่เว็บไซต์ RSVP เฉือน CS50 ของ

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
ลุยกับคุณเกี่ยวกับเรื่อง

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
ได้มาด้วยสำหรับ
ในปีนี้เกี่ยวกับ iOS

74
00:03:48,600 --> 00:03:50,730
การเขียนโปรแกรม, Android
การเขียนโปรแกรมพัฒนาเกม

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
และทุกอย่างส่วนใหญ่จะ everything--
เป็นสตรีมและยังมีความต้องการ

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
คุณจริงเพียงแค่ขอ
ให้ฉันหน้าเริ่มต้นของ Facebook

103
00:05:07,750 --> 00:05:10,800
หรือให้ฉันกล่องจดหมายของฉันหรือให้
ผมหน้าเริ่มต้นของข่าว

104
00:05:10,800 --> 00:05:12,510
บนเว็บไซต์ของซีเอ็นเอ็นหรือชอบ

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
ฉันจะใช้ Chrome คุณสามารถใช้
เบราว์เซอร์ส่วนใหญ่ในสัปดาห์ที่ผ่านมา

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
>> และฉันจะไปข้างหน้าและไป to--
ฉันจะไปควบคุมการคลิกหรือขวา

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
ดังนั้นนี่คือสิ่งที่เรียกว่า
ตรวจสอบของ Chrome

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
และตอนนี้เว็บของ Facebook
หน้าขึ้นมาที่ด้านบน

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 ซองจดหมายเหล่านั้น
แต่ละที่มีการร้องขอรับของตัวเอง

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
มากที่สุดเท่าที่แปดวินาที
ดาวน์โหลดทั้งหมดที่

154
00:07:31,730 --> 00:07:33,790
เพื่อให้เป็นจริงแปลก ๆ
ว่าเว็บไซต์ของ Facebook จะใช้เวลาที่

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
ซึ่งเป็นไฟล์ที่ผมร้องขอ

168
00:08:10,730 --> 00:08:12,930
>> และแล้วถ้าผมเลื่อน
สำรองเราจะจริง

169
00:08:12,930 --> 00:08:17,270
เห็นว่าสิ่งที่ Facebook กลับ
ให้ฉันเป็นส่วนหัวทั้งหมดของเหล่านี้

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
Hypertext Markup Language

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
ฉันจะกลับไปในขณะนี้
ไปยังเว็บไซต์ของ Facebook

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 สามารถทำเช่นนี้, Firefox สามารถทำเช่นนี้

189
00:09:10,550 --> 00:09:14,060
ซาฟารีสามารถทำเช่นนี้แม้ว่าเมนู
ตัวเลือกอาจมีลักษณะที่แตกต่างกันเล็ก ๆ น้อย ๆ

190
00:09:14,060 --> 00:09:18,990
และนี่คือ HTML ที่มาร์คและ
ของ บริษัท ที่ Facebook ได้เขียน

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
แท็กเปิดหัวเปิด
แท็กแท็กชื่อเปิด

205
00:09:58,430 --> 00:10:03,230
ชื่อแล้วปิดหัวปิดเปิด
แท็กร่างกายข้อความบางส่วนปิดร่างกาย

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
Facebook ไม่ได้

214
00:10:18,020 --> 00:10:23,190
ดังนั้นทำไม Facebook เป็นอย่างมาก
ที่เลวร้ายยิ่งกว่าที่ฉันในการเขียน 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
ดังนั้นในความรู้สึกบางอย่างที่พวกเขากำลัง
obfuscating มันหนีการจัดเรียงของมัน

221
00:10:36,940 --> 00:10:40,260
อย่างน้อยเพื่อความสุนทรีย์
ว่ามันยากสำหรับ MySpace

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 ที่
แสดงให้เห็นถึงหน้าแรกของ Facebook

237
00:11:17,899 --> 00:11:19,690
และ Facebook มีจำนวนมาก
ของผู้ใช้วันนี้

238
00:11:19,690 --> 00:11:24,030
ดังนั้นคิดว่าหน้าแรกของ Facebook
เข้าชมโดยพันล้านคนในวันนี้

239
00:11:24,030 --> 00:11:27,020
และคนที่มี Facebook
กดแถบพื้นที่เพียงครั้งเดียว

240
00:11:27,020 --> 00:11:29,890
>> ดังนั้นหนึ่งไบต์เพิ่มเติม
พันล้านร้องขอ

241
00:11:29,890 --> 00:11:32,790
วิธีการที่ข้อมูลมากขึ้น Facebook
โอนผ่านทางอินเทอร์เน็ต

242
00:11:32,790 --> 00:11:37,160
เพราะมีคนตี
สเปซบาร์บนแป้นพิมพ์ของเขาหรือเธอ?

243
00:11:37,160 --> 00:11:41,660
พันล้านไบต์หรือหนึ่งกิกะไบต์
ข้อมูลจะถูกส่งจากเซิร์ฟเวอร์ของ Facebook

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
คือการ minify รหัสของคุณ

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
มันจะเปิดออก แต่ถ้าคุณกลับไป
ที่จะใช้เครื่องมือนี้ใน Chrome ตรวจสอบองค์ประกอบ

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
เป็นของ Chrome พิมพ์สวย
รุ่นของ HTM​​L เดียวกันกับที่

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
ฉันจะไปข้างหน้าและเปิดขึ้นบน
ฉัน Mac โปรแกรมที่เรียกว่าแก้ไขข้อความ

263
00:12:32,120 --> 00:12:35,490
และจำได้ว่านี้เป็นเพียง
โปรแกรมข้อความง่ายสุด

264
00:12:35,490 --> 00:12:37,490
Windows มี 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
แม็คของฉันจะบ่น
คิดว่ารอสักครู่

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
>> และเราได้ทำให้มันง่ายขึ้นเล็กน้อย
ใช้ในการ CS50IDE โดยเรียกมันว่าอาปาเช่ 50

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
การตั้งค่า [เอกสารของ Apache? กลุ่ม?]
บ้านอูบุนตู, สิ่งที่เป็น

319
00:15:04,640 --> 00:15:05,770
พื้นที่ทำงานเฉือน

320
00:15:05,770 --> 00:15:08,280
เริ่มต้นเว็บเซิร์ฟเวอร์
Apache 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
และสิ่งที่ผมเคยบอก Apache เว็บเซิร์ฟเวอร์
คือมองในไดเรกทอรีพื้นที่ทำงานของเดวิด

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
ภายใน IDE CS50 แจ้งให้ทราบมี
ทันใดนั้นแถบที่อยู่

347
00:16:29,480 --> 00:16:33,690
นั่นเป็นเพราะแม้ว่าเราจะ
ใช้ Chrome เพื่อเยี่ยมชม 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
ดังนั้นจึงมีความมหัศจรรย์ที่นี่ไม่มีไม่มี CS50IDE

353
00:16:47,800 --> 00:16:51,800
ฉันแค่ไปวางที่แท้จริง
URL ของฉันเจฮาร์วาร์และกด Enter

354
00:16:51,800 --> 00:16:54,750
และ voila ตอนนี้ฉันและ
ในทางทฤษฎีทุกคน

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, voila มี

358
00:17:03,230 --> 00:17:06,366
หน้าเว็บ underwhelming อย่างไม่น่าเชื่อของฉัน

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
On line ที่สามและสาย 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
>> ใช่ดังนั้นพี

402
00:18:55,200 --> 00:18:57,320
แท็กพีหรือแท็กวรรค

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
ครั้งแรกที่ผมขอปิด Apache

410
00:19:12,760 --> 00:19:17,340
และฉันจะบอกได้ว่ามันจะเริ่มต้นที่ตัวเอง
อีกครั้งภายในของแหล่งที่มาของวันนี้เจ็ด

411
00:19:17,340 --> 00:19:18,420
ไดเรกทอรีเมตร

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
คือแม้ว่าคุณจะตีใส่
ขอพูดอีกครั้งและอีกครั้ง

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
ฉันจะไปข้างหน้าและ
ยืมบางส่วนของ HTM​​L นี้

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
และถ้าผมไปที่ Google
ภาพและ Rick 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
ดังนั้นฉันจะสมมติก็ OK สำหรับฉัน
ที่จริงใส่ลงในหน้าเว็บของฉัน

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
นี่คือ Rick 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
ดังนั้นที่ไม่ Rick Astley

515
00:23:56,070 --> 00:23:59,680
ดังนั้นมันจะเปิดออกที่เราสามารถทำได้
เพิ่มจริงเขาที่นี่

516
00:23:59,680 --> 00:24:00,830
นี่คือ Rick 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
verbose เช่นภาพปิด?

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
โดยการฝังแทน
เช่นการเชื่อมโยง YouTube

544
00:25:17,010 --> 00:25:19,350
และในความเป็นจริงตลอดเวลา
คุณได้ไปที่เคยไปยัง YouTube,

545
00:25:19,350 --> 00:25:22,190
และแจ้งให้เราตั้งใจจริง
rick ม้วนตัวเองที่นี่

546
00:25:22,190 --> 00:25:25,770
ดังนั้นริกม้วน

547
00:25:25,770 --> 00:25:29,592
ดังนั้น rick 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
ดังนั้นนี่เป็นอีกหนึ่ง
แท็กที่เรียกว่า 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 ของ YouTube ยาว

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
มีศูนย์หรือมากกว่าคุณลักษณะ

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
>> ทั้งหมดก็จะเป็นความเข้าใจ
ของกรอบทั่วไปของ HTM​​L

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
หรือ googling วิธีการที่จะทำบางอย่าง
เทคนิคหรือที่เราเคยเห็น

600
00:27:43,080 --> 00:27:45,371
มองไปที่แหล่งที่มาของ Facebook
รหัสกำลังมองหาที่เว็บไซต์

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
ผมสัญญาว่าจะไม่ไป Rick Astley ดังนั้น
ฉันจะ google แมวแทน

618
00:28:25,680 --> 00:28:28,290
และถ้าผมไปที่ Google รูปภาพ
ที่นี่และเราจะถือว่า

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
ที่นำมาจาก Facebook
หรือ Flickr หรือชอบ

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
ตั้งเจ็ดหรือแปดที่เราจะเห็นทันที

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
อย่าวางลงในหน้าต่าง terminal ของคุณ

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
และความคิดใหม่ ๆ เหล่านี้
ของ HTM​​L ซึ่งเป็นเพียง

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
>> และชื่อของท่านนี้
สนามผมจะเรียกมันว่าคิว

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
ดังนั้นกำเนิดของ Google ตัวอักษร

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
ดังนั้นหากคุณค้นหาบางสิ่งบางอย่างใน Google
และคุณได้ล่วงหน้าปิด

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
เครื่องหมายคำถามคิวเท่ากับแมว

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
ฉันจะยืม
Google สำหรับแค่นาที

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
แท้จริงควรจะเป็นของ Google

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
ผมได้ดำเนินการอีกครั้งของ Google

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~~V แบบสอบถามเท่ากับสุนัข

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
และนี่คือสิ่งที่เป็นที่รู้จักกัน
เป็น cascading แผ่นสไตล์

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
และ div ก็หมายความว่าส่วน

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
ตอนนี้สาย 21 คือที่ว่า div เริ่มต้น

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
>> ในความเป็นจริงเครื่องมือค้นหาของฉัน
ซึ่งแตกต่างจาก Google ที่เกิดขึ้นจริง

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
ภายในของคำพูดเหล่านั้น
ตอนนี้เป็นภาษาที่สอง

822
00:37:16,900 --> 00:37:19,969
ที่เราแนะนำในวันนี้
เรียกซ้อนแผ่นสไตล์

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 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
พยายามที่จะหลอกให้คุณเข้ามาเยี่ยมชมเว็บ
หน้าเพราะพวกเขาได้หลอก Google

888
00:40:20,570 --> 00:40:27,610
ในความคิดมีทั้งกลุ่ม
คำสำคัญ like-- ขอดูโหลด

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
แม้ว่าพวกเขาจะไม่สามารถมองเห็นไปยัง
มนุษย์บางคนเช่น Google แน่นอน

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
หน้าเป็นระดับปริญญาตรีที่
ผมเริ่ม googling รอบ ๆ เพื่อหา

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
สวยสะอาด stylistically

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
ดังนั้นผมจึงได้มีทั้งกลุ่ม
ของ divs แต่เวลานี้ผมได้

930
00:42:05,250 --> 00:42:07,220
อากาศกำจัดเสื้อคลุม
div เป็นคุณจะเห็น

931
00:42:07,220 --> 00:42:12,390
>> และผมได้รับทั้งสาม divs
ด้านบนกลางและล่างรหัสที่ไม่ซ้ำกัน

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
ชื่อของแท็กที่ฉันต้องการเพื่อ Stylize

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
เบราว์เซอร์และ hey ถ้าคุณเห็น
ความคิดของด้านล่างทำให้มัน 12 พิกเซล

960
00:43:31,070 --> 00:43:33,540
ผลในท้ายที่สุด
ตรง sam

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
และแน่นอนว่าเป็นสิ่งหนึ่งใน
S ในวิธี cascading แผ่นสไตล์

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
>> เราไม่ได้ดีขึ้น
หน้า stylistically,

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
และที่จะไม่เหมือนเดิม
ในแฟ้มชั่วโมงจุดเช่นกัน

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
เช่นกันสิ่งนี้ที่
ด้านบน doc ประกาศประเภทนี้

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
>> และแน่นอนนี่คือที่
ความ H ใน HTTP มาจาก

1028
00:46:47,410 --> 00:46:51,580
โปรโตคอลการถ่ายโอน Hypertext
เป็นเรื่องเกี่ยวกับการถ่ายโอนข้อความ

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
ข้อมูลประจำตัวของ PayPal ของคุณหรือ whatnot

1041
00:47:28,910 --> 00:47:34,510
>> และในความเป็นจริงคุณอาจจะได้รับ
บางสิ่งบางอย่างที่บอกว่าเหมือนคลิกที่นี่

1042
00:47:34,510 --> 00:47:42,260
เพื่อรีเซ็ตรหัสผ่าน PayPal ของคุณ

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
>> คลิกที่นี่รีเซ็ต PayPal ของคุณ
รหัสผ่านและโหลดในขณะนี้

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
เรารู้ว่าคุณต้องการ
ดัชนี S เพื่อความปลอดภัย

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
เพื่อ badplace.com แทน Paypal.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 หรือ Twitter หรือ
Facebook หรือจำนวนของคนอื่น ๆ

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 ซึ่งชอบ
ซีเป็นไปเพื่อให้เรา

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