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 Malan: ეს არის 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
იყო ცოტა scavenger hunt
ზოგიერთი ზღაპრული პრიზები, რომლის დროსაც

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
და ჩვენ მივიღეთ მთელი
bunch of წარდგინება.

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
იყო გარკვეული ვინმე Ken ერთად
24 პერსონალის ტყვედ კამერა

16
00:00:51,170 --> 00:00:54,600
ან კიდევ რამდენიმე როდესაც მას
ანგარიშზე მრავალი პერსონალი სურათები.

17
00:00:54,600 --> 00:00:58,300
სურათები აქ არის Ken შემდეგი
მერი წელს New Haven.

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
მაგრამ, ვიდრე მხოლოდ აღიარებთ
Ken, რა გვეგონა ჩვენ გვინდა გავაკეთოთ

32
00:01:40,370 --> 00:01:43,390
არის გავლა სია
ფაქტობრივი სტუდენტები, რომლებიც წარმოდგენილი.

33
00:01:43,390 --> 00:01:48,640
და აღმოჩნდება, რომ Lance ერთად
15 photos, როგორც ამ დილით

34
00:01:48,640 --> 00:01:50,030
იყო ჩვენი გამარჯვებული.

35
00:01:50,030 --> 00:01:55,730
>> და სურათები აქ არის Lance ერთად კოლტონი,
ერთად 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
სტუდენტის მიერ დასახელებული Bonnie
რომელთა ელ თქმით, მხოლოდ ამ.

39
00:02:08,300 --> 00:02:10,800
არ ვაპირებ მოტყუება, მე
ამით დროს კლასი.

40
00:02:10,800 --> 00:02:17,620
და შემდეგ განაგრძო ანიჭებენ მხოლოდ
14 ფოტო, ერთი ერიდება Lance 15.

41
00:02:17,620 --> 00:02:22,690
>> მაგრამ Bonnie ფოტოები, თურმე
გარეთ რომ მრავალი თანამშრომელი, სემ

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
იღებს, ამ ორ ნაწილად ასევე
მიიღოს სასიამოვნო catered ლანჩი მათთვის

45
00:02:33,900 --> 00:02:36,100
და მათი სექციაში
თანამოაზრეების ამ ერთი კვირის განმავლობაში.

46
00:02:36,100 --> 00:02:38,970
ასე რომ, თქვენ მოვისმინოთ us,
ლენს და Bonnie, რომ.

47
00:02:38,970 --> 00:02:40,002
ასე რომ, დიდი congrats მათ.

48
00:02:40,002 --> 00:02:42,210
ახლა, იმ თქვენ, რომლებიც
როგორიცაა ლანჩი უფრო ზოგადად

49
00:02:42,210 --> 00:02:45,320
ვიცი, რომ CS50 ლანჩი კემბრიჯში
და New Haven არის ამ პარასკევს.

50
00:02:45,320 --> 00:02:48,510
ტურიზმი CS50 ნახვა slash 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
და მის ფარგლებს გარეთ diving შევიდა ვებ პროგრამირების.

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 პერსონალი აქ New Haven

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 ის slash რეესტრში.

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
ასე გარეშე ado, ჩვენ
შეჩერდით ბოლო დროს 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
ეს იყო უფრო arcane გაგზავნა, რომ
იყო რეალურად შიგნით კონვერტში

88
00:04:29,700 --> 00:04:34,440
დაწერილი ნაჭერი ქაღალდი, რომლის
პირველი ხაზი ამბობს ფაქტიურად, მიიღოს ხაზი.

89
00:04:34,440 --> 00:04:37,830
>> და ისევე, როგორც საღი აზრის შემოწმება,
რა არ slash აღინიშნოს?

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
და რას slash წარმოადგენს?

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
>> ინდექსი, yeah.

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
ან მომეცი ჩემი inbox ან მისცეს
მე default გვერდი ახალი ამბები

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
იმის გამო, რომ ეს იმას ნიშნავს, OK, მოთხოვნის
მიიღო და სწორად.

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
როგორც წესი, გირჩევთ Chrome
იმიტომ, რომ ეს განსაკუთრებით

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
და მე ვაპირებ წასვლა შეამოწმოს Element.

124
00:05:59,070 --> 00:06:03,850
და მე ვაპირებ tweak ჩემი
ეკრანზე ცოტა აქ.

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
ასე რომ, ეს არის, როგორც გამართვის
ინსტრუმენტი ჩაშენებული Chrome.

128
00:06:11,010 --> 00:06:13,520
>> ყველა თქვენ უკვე გაქვთ ეს
თუ თქვენ უკვე გამოყენებით Chrome.

129
00:06:13,520 --> 00:06:17,169
და ეს გაძლევთ საშუალებას ნახოთ რა ხდება
ქვეშ hood ზოგიერთი ვებ-გვერდზე.

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
და ეს არის მხოლოდ მცირე
რაც მე figured out

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
და შემდეგ მთელი bunch
პერსონალის გაფრინდა ბოლოში.

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
kilobytes და დასჭირდა რატომღაც

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
და დაინახავთ, რომ Chrome გვიჩვენებს
მე, ძირითადად, შიდა შინაარსი

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
ეს არის ე.წ. headers.

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
და მე ვაპირებ
კონტროლის დაჭერით ან მარჯვენა click

187
00:09:05,360 --> 00:09:07,634
და დააკლიკეთ გვერდის წყაროს ნახვა.

188
00:09:07,634 --> 00:09:10,550
და მაშინაც კი, თუ თქვენ არ გამოიყენოთ Chrome,
IE შეგიძლიათ ამის გაკეთება, Firefox შეგვიძლია ამის გაკეთება,

189
00:09:10,550 --> 00:09:14,060
Safari შეგიძლიათ ამის გაკეთება, მიუხედავად იმისა, რომ მენიუ
პარამეტრები შეიძლება ცოტა განსხვავებული.

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
მაგრამ თუ გადავხედავთ up ზედა მარცხენა, ჩვენ
დაწყებას აპირებს, რომ ზოგიერთი ნიმუშები.

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
არსებობს გზა მეტი მარჯვენა
აქ არის ღია bracket ორგანო.

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 tag, ღია ხელმძღვანელი
tag, ღია ტიტული აქვს,

205
00:09:58,430 --> 00:10:03,230
მაშინ დახურული სათაური, ტვინის დახურული, ღია
სხეულის tag, ტექსტი, დახურული ორგანოს,

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 ეს, ერთგვარი scrambling ეს

221
00:10:36,940 --> 00:10:40,260
მინიმუმ ესთეტიურად ასე
ის, რომ უფრო რთული სასწავლებელი

222
00:10:40,260 --> 00:10:42,705
წასვლა და დააკოპიროთ off მათი
მთავარ გვერდზე და HTML იგი.

223
00:10:42,705 --> 00:10:45,080
გამოდის, რომ ერთად პროგრამები
მიუხედავად იმისა, რომ მათ შორის Chrome,

224
00:10:45,080 --> 00:10:47,020
ჩვენ შეგვიძლია გაწმენდა ამ up super ადვილად.

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
ასე რომ, ყოველ კლავიშს არის
[INAUDIBLE] წარმოდგენილია როგორც ერთი ბაიტი.

235
00:11:10,060 --> 00:11:14,560
>> ამიტომ ვარაუდობენ, რომ მარკ ან რომელიმე devs
ამ დღეებში ჰიტები spacebar მხოლოდ ერთხელ

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
>> ასე რომ, ერთი დამატებითი byte,
მილიარდი მოითხოვს,

241
00:11:29,890 --> 00:11:32,790
რამდენად მეტი მონაცემები არის Facebook
გადაცემის ინტერნეტში

242
00:11:32,790 --> 00:11:37,160
იმიტომ, რომ ვიღაცას მოხვდა
spacebar მის კლავიატურის?

243
00:11:37,160 --> 00:11:41,660
მილიარდი bytes, ან ერთი გბ
მონაცემები იგზავნება 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
ბევრი თეთრი სივრცე და
tab გმირები და ფართების,

248
00:11:50,990 --> 00:11:53,656
თქვენ დასრულდება მდე ხარჯავს გიგაბაიტი,
თუ არ terra bytes მეტი სივრცე.

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
ადრე ვიყავით ქსელის tab.

255
00:12:12,030 --> 00:12:15,430
გამოდის, რომ თუ წასვლა
ელემენტები tab, რაც თქვენ რეალურად ვხედავ

256
00:12:15,430 --> 00:12:19,230
არის Chrome საკმაოდ დაბეჭდილი
ვერსია, რომ იგივე 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
მე ვაპირებ წავიდეთ წინ და გაიხსნას
ჩემი 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
და მე ვაპირებ Verbatim
აკრიფოთ შემდეგ.

266
00:12:39,820 --> 00:12:44,650
Doc ტიპის HTML, ღია bracket
HTML, დახურული ფრჩხილი HTML,

267
00:12:44,650 --> 00:12:49,000
ჩვენ ხელმძღვანელი გვერდი აქ,
ბოლოს ხელმძღვანელი გვერდზე აქ,

268
00:12:49,000 --> 00:12:52,310
სათაური იქნება, hello მსოფლიოში.

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
და მაშინ აქ, hello მსოფლიოში.

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
მაგრამ არა, მინდა dot 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
>> და ამის გაკეთება, მე ვაპირებ
წავიდეთ წინ და გახსენით cloud 9.

289
00:13:36,720 --> 00:13:40,090
ასე რომ, ღრუბელი 9 რა თქმა უნდა,
Cloud დაფუძნებული 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 არის არა მხოლოდ შემდგენელი მოსწონს clang

301
00:14:14,120 --> 00:14:16,670
და debugger მოსწონს 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
ემსახურება up ვებ გვერდები.

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
და ეს ე.წ. Apache.

313
00:14:46,150 --> 00:14:51,450
>> და ჩვენ გახადა ცოტა ადვილი
გამოყენება CS50IDE უწოდა Apache 50.

314
00:14:51,450 --> 00:14:53,780
ასე რომ, მას შეუძლია რეალურად
მესმის შემდეგ.

315
00:14:53,780 --> 00:14:56,560
მე ვაპირებ ვთქვა Apache 50 დასაწყისია.

316
00:14:56,560 --> 00:14:58,910
და მაშინ მე უბრალოდ აპირებს ამბობენ dot.

317
00:14:58,910 --> 00:15:01,080
და ჩვენ ვხედავთ რამოდენიმე გარკვეულწილად
arcane გაგზავნა ამბობდა,

318
00:15:01,080 --> 00:15:04,640
შექმნის Apache დოკუმენტის [? ჯგუფი?]
სახლში, ubuntu, რასაც არ არის,

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 dot 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
რომ ჩვენ გვინდა,
ხელმისაწვდომი საჯარო მისამართები.

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
მაგრამ რა ფაილი გადასვლა out at თქვენ ალბათ?

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
მე ვხედავ ამ tab ზუსტად რომ ფაილი.

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
ეს იმიტომ, რომ მიუხედავად იმისა, რომ ჩვენ
გამოყენებით 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
მე ვაპირებ წავიდეთ წინ და მხოლოდ
გახსნა საკუთარი Chrome ფანჯარა.

352
00:16:45,330 --> 00:16:47,800
ასე რომ არ არსებობს ჯადოსნური აქ, არ CS50IDE.

353
00:16:47,800 --> 00:16:51,800
მე უბრალოდ აპირებს ფაქტიურად ჩასვით
ჩემი J ჰარვარდის URL და დააჭიროთ.

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-Malan, ან 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 dot

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
და ისევე, როგორც სწრაფი საღი აზრის
შეამოწმეთ, თუ მე გადახვევა down,

398
00:18:43,040 --> 00:18:46,820
რა არის აშკარა new
აქვს, რომ ჩვენ გააცნო?

399
00:18:46,820 --> 00:18:52,130
ტეგები დღემდე ჩვენ ვნახეთ ღიაა
bracket 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
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
ნება მომეცით პირველი გამორთეთ 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
მაგრამ ეს არის მხოლოდ სამი პუნქტი
ტექსტი, რომელიც აღნიშნული up 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
მხოლოდ ერთი Blob ტექსტის.

427
00:20:01,100 --> 00:20:03,570
იმის გამო, რომ HTML არის ერთგვარი dumb ენაზე.

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
შევიდა მხოლოდ ერთი, ხილული whitespace.

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
და რა არის tag?

443
00:20:39,300 --> 00:20:41,160
ისე, ეს მხოლოდ ბლოკი სინტაქსი.

444
00:20:41,160 --> 00:20:44,400
ღია bracket, სიტყვით,
დახურული ფრჩხილი, არის ტეგი.

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 tag, H2, H3,
ოთხი, ხუთი, ექვსი, რაც

456
00:21:17,280 --> 00:21:18,310
როგორც ჩანს, საკმაოდ arcane.

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
>> ასე რომ, ბრაუზერები by default მოგცემთ ტექსტის
რომ არის დიდი და თამამი განსხვავებული ზომის.

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 at აქვს.

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
ე.წ. rick roll ამ
კლასი ამ წელს, მე არ ვიცი,

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 Images.

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
და ახლა თუ მე დაბრუნდეს Cloud
9, ვნახოთ, რა შეგვიძლია გავაკეთოთ აქ.

505
00:23:28,600 --> 00:23:30,630
ასე რომ, აქ არის მხოლოდ ვებ-გვერდზე.

506
00:23:30,630 --> 00:23:39,020
ეს არის Rick Astley, haha,
მე ვაპირებ ახლა დავუბრუნდეთ

507
00:23:39,020 --> 00:23:43,510
ჩემს ბრაუზერში, განაახლეთ, და საინტერესოა.

508
00:23:43,510 --> 00:23:44,530
>> სად არის Rick?

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
[INAUDIBLE] მას აქ.

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
>> და ახლა მე ვაპირებ
დახუროს tag მოსწონს ეს.

520
00:24:13,280 --> 00:24:15,170
ასე რომ, ეს შესაფუთი სუპერ ხანგრძლივი.

521
00:24:15,170 --> 00:24:17,740
მაგრამ შეამჩნია, რომ ყველა მე
კეთდება ღიაა bracket სურათი,

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
რატომ ჩავიდინე slash დახრილი bracket
ნაცვლად, როგორც ყველა სხვა tag,

526
00:24:29,530 --> 00:24:33,590
რომელსაც ღია bracket,
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
გავაკეთოთ ნაბიჯია slash შიგნით
ღია tag ან დაწყების tag

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
ასე რომ, Rick როლი.

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
>> OK, ერთ-ერთი მომეწონა, რომ.

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
ან პრობლემა კომპლექტი ან slide.

553
00:25:43,730 --> 00:25:49,055
ახლა კი, თუ მე ნაცვლად დააჭირეთ embed,
შეამჩნევთ, რომ მთელი ამ დროის განმავლობაში, ამ პერსონალის

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
გაითვალისწინეთ, რომ ეს რა
იუთუბზე გეუბნებით.

558
00:25:55,860 --> 00:25:57,693
ყოველ დროს, თქვენ ეწვევა
YouTube video, თუ

559
00:25:57,693 --> 00:26:00,410
გსურთ ხმა ვიდეო თქვენი
ვებ გვერდი, უბრალოდ აითვისებდა ეს.

560
00:26:00,410 --> 00:26:03,350
ასე რომ, ეს არის კიდევ ერთი
HTML tag მოუწოდა 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
გამოდის, რომ გამოსახულება
tag და როგორც ჩანს, iframe tag

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
გარდა იმისა, რომ აქვს ის
სახელი, ღია bracket tag სახელი,

567
00:26:19,240 --> 00:26:23,780
თქვენ შეგიძლიათ აკონტროლოთ ქცევის tag
მიერ, რომელსაც მთელი bunch of ატრიბუტი

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
>> წყარო ვიდეო აპირებს
უნდა იყოს, რომ ხანგრძლივი YouTube 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
ასე რომ, თუ მე ნამდვილად მინდა, რომ იყოს
შთამბეჭდავი აქ Rick dot 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
ასე რომ, რა არის რამდენიმე takeaways აქ?

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
ყველა ეს არის ათეულობით
სხვადასხვა tags, რომელთაგან თითოეული

592
00:27:22,900 --> 00:27:24,620
ნულოვანი ან მეტი ატრიბუტები.

593
00:27:24,620 --> 00:27:27,320
და სინამდვილეში, რა არის fun შესახებ
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
რა არის tag, რა არის ატრიბუტი,
როგორ რეალურად კონფიგურაციის ვებ გვერდზე

597
00:27:36,510 --> 00:27:37,250
ასეთია.

598
00:27:37,250 --> 00:27:40,720
და ყველაფერი მართლაც შედეგი
ეძებს up in ონლაინ მინიშნება

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
თუ თქვენ ოდესმე გვინდა, რომ Grumpy Cat.

608
00:27:58,380 --> 00:28:00,620
ასე რომ შეამჩნია, რომ მე არ შემიძლია
აქვს იმიჯი tag აქ.

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
შეიძლება რეალურად მაშინ აქვს მათი
ეკრანზე მკითხველი ამბობენ, Grumpy Cat.

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 Images
აქ, და ჩვენ ვივარაუდოთ,

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
creepy.

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
და ის აპირებს დაწეროთ at me აქ.

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
და რეალურად გადააადგილება ის
შევიდა Cloud 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
ვთქვათ, მე გადმოწერილი, რომ იგივე კატა,
შენიშნავს, რომ, რომელიც იყო adorable.

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
მინდა Spice რამ up ასეთია.

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
Whoops.

650
00:29:56,027 --> 00:29:57,610
ნუ ჩასვით თქვენს ტერმინალის ფანჯარაში.

651
00:29:57,610 --> 00:29:58,744
Prefab ვერსიები ონლაინ რეჟიმში.

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
და მხოლოდ recap, 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-- [INAUDIBLE].

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
OK.

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
სხვა ატრიბუტი მოუწოდა placeholder.

697
00:31:59,910 --> 00:32:05,165
და მე შეიძლება ნახოთ რაღაც სიტყვა,
ან უფრო კონკრეტულად, შეკითხვის ქ.

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
თქვენ იცით, რომ მე ნამდვილად არ
როგორც logo აქ.

705
00:32:24,140 --> 00:32:27,140
ასე რომ, Google Font გენერატორი.

706
00:32:27,140 --> 00:32:28,820
>> მინდა spice ეს შემდგომში.

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
OK.

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
Stupid ბრაუზერები.

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
Off დღეში.

724
00:33:00,750 --> 00:33:02,310
ახლა ეს არის ხმაურიანი.

725
00:33:02,310 --> 00:33:03,160
Exit სრულ ეკრანზე.

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
ამიტომ, მე ვაპირებ, რომ override ის
იმიტომ, რომ მე უკვე ჰქონდა.

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
Cats.

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,
მე დაიწყო მარკირების up ტელეფონი ფორმა

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
ნება მომეცით გახდეს, რომ off
ასე, რომ ეს რეალურად

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
ეს არის საკმაოდ cryptic.

759
00:34:29,449 --> 00:34:33,000
მაგრამ ჩართული იქ,
გავიხსენოთ, slash ძებნა.

760
00:34:33,000 --> 00:34:35,100
კითხვის ნიშნის რ შეადგენს კატა.

761
00:34:35,100 --> 00:34:37,760
>> და რომ, როგორც ჩანს, მომეცი
მთელი bunch of ძიების შედეგები.

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
და OK, ეს მხოლოდ
ქვეშ whelming, არ არის ეს?

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
და ეს არის ის ცნობილი
როგორც კასკადური სტილების.

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
ასე რომ, თუ გსურთ
stylize თქვენს ვებ გვერდზე,

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
რა არის ეფექტი line 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, მე ვამბობ, hey
ბრაუზერი, შექმნას სამმართველოს გვერდზე.

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
და მაშინ stylize ეს შემდეგნაირად.

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 ზოგადად შესახებ
ბოლო mile, ესთეტიკას,

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
ამიტომაც აქვს line 21 და
შესაბამისი ხაზი 31.

835
00:38:00,270 --> 00:38:04,820
მაგრამ ვარაუდობენ, ახლა მინდა ვთქვა, ჯონ
ჰარვარდის, მივესალმებით ჩემი მთავარი გვერდი.

836
00:38:04,820 --> 00:38:06,530
>> Copyright სიმბოლო ჯონ ჰარვარდის.

837
00:38:06,530 --> 00:38:09,180
და ვფიქრობ, მინდა პირველი
იმ ხაზები, რომ საკმაოდ დიდი.

838
00:38:09,180 --> 00:38:10,450
36 pixels.

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
დღეს იგრძნობა off დღეში.

846
00:38:26,940 --> 00:38:29,840
>> ახლა, რა ვარ მე აკეთებს გამოხატოს ეს?

847
00:38:29,840 --> 00:38:34,580
აქ on line 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 ამბობს hey
ბრაუზერი, აქ არის სამმართველოს გვერდზე.

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
ან დახურული tag ხაზი 24,
რაც იმას ნიშნავს, hey ბრაუზერი,

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
მსგავსი სტილის, როდესაც თქვენ
დახუროს tag ხაზი 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
Green გავიგე.

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
ცდილობს Trick თქვენ შევიდა გამოჩენის ვებ
გვერდი იმიტომ, რომ ისინი მოატყუა Google

888
00:40:20,570 --> 00:40:27,610
შევიდა ფიქრობდა, რომ არსებობს მთელი bunch
საკვანძო სიტყვა მოსწონს ვნახოთ, განაახლეთ.

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
არის საკმაოდ სუფთა სტილისტურად.

915
00:41:21,890 --> 00:41:23,320
მაგრამ რაც შეეხება დიზაინი?

916
00:41:23,320 --> 00:41:25,990
ისე, არსებობს ბევრი redundancy
რაც მე აქ აკეთებენ.

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 ჩემი tags და ჩემი
ატრიბუტები და მერე უეცრად,

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
გამოყოფილი colons.

924
00:41:45,280 --> 00:41:47,700
>> გამოდის, რომ ბევრი
როგორც C, სადაც ჩვენ

925
00:41:47,700 --> 00:41:50,550
შეიძლება დაიწყოს ფაქტორი
ზოგიერთი კოდი შევიდა header ფაილი

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
ასე რომ, მე მივიღე მთელი bunch
საქართველოს 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
მხოლოდ tag ჩვენ გვქონდა
ხელმძღვანელი ვებ გვერდი?

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
მაქვს შიგნით ამ
სტილი tag შემდეგ.

947
00:42:46,540 --> 00:42:51,190
მე ფაქტიურად ხსენებას on line 20
სახელი აქვს, რომ მინდა stylize.

948
00:42:51,190 --> 00:42:53,489
>> შემდეგ მაქვს ღია Curly გაუწიოს
და დახურულ Curly გაუწიოს.

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
და მაშინ, რა თქმა უნდა, მე გეუბნებით
ბრაუზერი, hey ბრაუზერი,

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
Hey ბრაუზერი, თუ ხედავთ HTML
ელემენტის ან ტეგით გვერდზე რომ

955
00:43:12,600 --> 00:43:17,040
აქვს უნიკალური იდენტიფიკატორი დაბრუნება,
ასე რომ hash სიმბოლო აქ მხოლოდ იმას ნიშნავს,

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
>> Hey ბრაუზერი, ელემენტს, რომლის
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
მაგრამ რა new tag მაქვს
გააცნო, ბუნებრივია?

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
ვთქვა, hey ბრაუზერი,

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 ს კასკადური სტილების საშუალებებით.

975
00:44:17,980 --> 00:44:20,350
ეს არის სტილის ფურცელი.

976
00:44:20,350 --> 00:44:23,120
ეს მხოლოდ ტექსტური ფაილი
მთელი bunch of ქონება.

977
00:44:23,120 --> 00:44:25,940
ეს არის მთელი bunch of სტილის
რომ გსურთ ვრცელდება გვერდზე.

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
რომ აპირებს აქვს
მთელი bunch of გვერდებზე.

999
00:45:15,523 --> 00:45:17,620
და ეს იქნება ნამდვილად
შემაშფოთებელი, თუ თქვენ გადაწყვიტეთ, hm,

1000
00:45:17,620 --> 00:45:21,630
მე ნამდვილად არ მინდა 24 pixels, მინდა
ეს უნდა იყოს 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
By ფაქტორინგული ამ სტილის
ერთ ცენტრალურ ადგილას,

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
და ეს იქნება იგივე
ამ dot თ ფაილი, ასევე.

1008
00:45:42,450 --> 00:45:46,697
ასე რომ ნებისმიერი ამდენად,
რამდენადაც ამ syntax?

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
>> და მე ვაპირებ ღია
bracket doc ტიპის 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
და აქ, a 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
>> და მართლაც, ეს არის, სადაც
სთ in HTTP მოდის.

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
და ასევე ცოტა scarier
არამედ ცოტა უფრო

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
მაგრამ შეამჩნევს dichotomy აქ.

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
შეღწევას ჩვევა
hovering მეტი პატარა ბმულები აქ.

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
ისინი იცვლება
საპასუხოდ მომხმარებლის input

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