1
00:00:00,000 --> 00:00:03,486
>> [השמעת מוסיקה]

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

3
00:00:10,460 --> 00:00:14,250
>> דוד J מלאן: זה CS50 ו
זה הוא ההתחלה של שבוע 7.

4
00:00:14,250 --> 00:00:15,060
אז ברוך שובי.

5
00:00:15,060 --> 00:00:17,540
ואתם אולי זוכרים ש
בבעיה להגדיר ארבעה,

6
00:00:17,540 --> 00:00:21,510
היה קצת ציד נבלות
לכמה פרסים מדהימים לפי

7
00:00:21,510 --> 00:00:24,219
לאחר לשחזר את התמונות של
צוות גם כאן וגם בניו הייבן,

8
00:00:24,219 --> 00:00:27,468
אתה היה תיגר למצוא כמה שיותר
מדעני מחשב אלה כפי שאתה יכול.

9
00:00:27,468 --> 00:00:29,550
ויש לנו כל
חבורה של הגשות.

10
00:00:29,550 --> 00:00:31,930
חשבתי לשתף כמה
איתך כאן היום.

11
00:00:31,930 --> 00:00:35,100
>> ואנחנו מתכוונים לכתוב את כל אלה באינטרנט.

12
00:00:35,100 --> 00:00:39,310
אבל בפרט, אני רוצה
למשוך את תשומת הלב שלך צריכה-- גם אחד,

13
00:00:39,310 --> 00:00:42,670
סם היה בכמה וכמה מהם
בדרך כלל פוזות כמו זה.

14
00:00:42,670 --> 00:00:45,750
אך נראה כי ל
הבוקר, המנצח

15
00:00:45,750 --> 00:00:51,170
היה מישהו מסוים בשם קן עם
24 לצוות שנתפסו על מצלמה

16
00:00:51,170 --> 00:00:54,600
או עוד כמה כאשר לוקחים ב
חשבון צוות מרובה בתמונות.

17
00:00:54,600 --> 00:00:58,300
בתמונה כאן הוא קן הבא
למרי בניו הייבן.

18
00:00:58,300 --> 00:01:01,300
>> עכשיו, קן, אם כי, מתברר
בחוץ הוא קצת מקרה פינה

19
00:01:01,300 --> 00:01:02,880
זה עדיין לא קרה בעבר.

20
00:01:02,880 --> 00:01:05,713
מתברר שזה לא קרה
לי לשים את האותיות קטנות בבעיה

21
00:01:05,713 --> 00:01:09,710
נקבע ארבעה שאומר שצוות הוא
זכאי לפרסים המדהימים

22
00:01:09,710 --> 00:01:13,130
כי קן הוא, כמובן, אחד מ
הצלמים בצוות שלנו.

23
00:01:13,130 --> 00:01:16,820
עכשיו, עם שאמרו, הוא
במקור כתב לי לומר

24
00:01:16,820 --> 00:01:19,180
נא לא לפרסם תמונות אלה באינטרנט.

25
00:01:19,180 --> 00:01:21,630
אני חושב שחלק גדול
משום שרוב התמונות

26
00:01:21,630 --> 00:01:24,499
שצלם זה לקח להסתכל
משהו קטן כמו זה.

27
00:01:24,499 --> 00:01:25,040
וכדומה.

28
00:01:25,040 --> 00:01:28,990
>> אבל קן הייתי רוצה אותי להרגיע אותך
שהוא צלם טוב מאוד,

29
00:01:28,990 --> 00:01:33,190
הוא מקצועי, הוא לוקח
תמונות שאינן מטושטשים,

30
00:01:33,190 --> 00:01:37,270
כי הם טובים יותר בפוקוס, והוא
לקח לא מעט מאנשי צוות שלנו.

31
00:01:37,270 --> 00:01:40,370
אבל במקום רק להכיר
קן, מה שחשבנו שאנחנו היינו עושים

32
00:01:40,370 --> 00:01:43,390
הוא יעבור על הרשימה של
תלמידים בפועל שהגישו.

33
00:01:43,390 --> 00:01:48,640
ומתברר שאנס עם
15 תמונות להבוקר

34
00:01:48,640 --> 00:01:50,030
היה המנצח שלנו.

35
00:01:50,030 --> 00:01:55,730
>> וכאן בתמונה הוא לאנס עם קולטון,
עם Skaz, עם עצמי, ועם סם.

36
00:01:55,730 --> 00:02:00,230
אבל אז מתברר של
11:46, כך רק לפני קצת,

37
00:02:00,230 --> 00:02:04,380
חזרתי לדוא"ל שלי ומצאתי
שיש לנו עדיין הגשה אחד יותר

38
00:02:04,380 --> 00:02:08,300
על ידי סטודנט בשם בוני
הדואר האלקטרוני שאמר רק זה.

39
00:02:08,300 --> 00:02:10,800
לא הולך לשקר, אני
עושה את זה בזמן השיעור.

40
00:02:10,800 --> 00:02:17,620
ולאחר מכן המשיך לצרף רק
14 תמונות, אחד ביישן של האנס של 15.

41
00:02:17,620 --> 00:02:22,690
>> אבל בתמונות של בוני, מתברר
את היו חברי צוות מרובים, סם

42
00:02:22,690 --> 00:02:25,960
ביניהם, אז מה שחשבנו שאנחנו
אעשה הוא להכיר בשני אלה.

43
00:02:25,960 --> 00:02:29,240
אז בנוסף למקבל 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
עם TF שלך על זה.

67
00:03:25,650 --> 00:03:28,810
אבל כדי לעזור לך עם זה, ו
עם פרויקטי גמר סופו של דבר,

68
00:03:28,810 --> 00:03:31,750
יודע שCS50 יש מסורת
להציע סמינרים.

69
00:03:31,750 --> 00:03:36,084
>> ואלה הם אופציונליים, על ידיים,
או להרצות על בסיס הזדמנויות

70
00:03:36,084 --> 00:03:39,000
כדי ללמוד עוד על נושאים ש
קצת נלווה לקורס של

71
00:03:39,000 --> 00:03:43,310
תכנית לימודים, אבל בכל זאת נפלא
חומר לנהוג פרויקטי גמר.

72
00:03:43,310 --> 00:03:46,840
ואז זה הרשימה זה
צוות CS50 כאן בניו הייבן

73
00:03:46,840 --> 00:03:48,600
יש לבוא עם ל
השנה על iOS

74
00:03:48,600 --> 00:03:50,730
תכנות, אנדרואיד
תכנות, פיתוח משחק,

75
00:03:50,730 --> 00:03:54,480
וצרורות של כלים נוספים
ושפות וטכניקות.

76
00:03:54,480 --> 00:03:56,780
>> אז לפקוח עין על אתר האינטרנט של CS50.

77
00:03:56,780 --> 00:04:00,110
ובינתיים, אם אתה רוצה
לרשום העניין שלך בכל אחד מאלה,

78
00:04:00,110 --> 00:04:02,510
ללכת להרשמת הקו הנטוי של CS50.

79
00:04:02,510 --> 00:04:05,770
ואז אנחנו יהיו מעקב כל
ימים ושעות טיסה ומקומות

80
00:04:05,770 --> 00:04:09,090
ו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
אתה בעצם רק אתה מבקש
תן לי את דף ברירת המחדל של פייסבוק

103
00:05:07,750 --> 00:05:10,800
או לתת לי את תיבת הדואר הנכנס שלי או לתת לי
שלי דף ברירת המחדל של חדשות

104
00:05:10,800 --> 00:05:12,510
באתר האינטרנט של CNN או משהו הדומה.

105
00:05:12,510 --> 00:05:15,220
ואז שרת מגיב ל
שהודעה עם משהו

106
00:05:15,220 --> 00:05:18,420
כמו זה, אומר כן, אני
לדבר גרסת HTTP 1.1.

107
00:05:18,420 --> 00:05:21,130
>> 200, שהוא מצב
קוד שאנחנו בני אדם לעתים רחוקות

108
00:05:21,130 --> 00:05:22,790
אי פעם לראות כי זה טוב.

109
00:05:22,790 --> 00:05:26,640
כי זה אומר על אישור, הבקשה
התקבל ויטופל כראוי.

110
00:05:26,640 --> 00:05:28,960
וסוג התוכן
כנראה בתגובה

111
00:05:28,960 --> 00:05:31,170
הוא לעתים קרובות למדי, אבל לא תמיד, טקסט.

112
00:05:31,170 --> 00:05:32,580
ובאופן ספציפי, HTML.

113
00:05:32,580 --> 00:05:34,760
וזה בעצם
שבו אנחנו מסתכלים על היום.

114
00:05:34,760 --> 00:05:37,140
>> כך שלמעשה, אני הולך
קדימה, לפתוח את דפדפן.

115
00:05:37,140 --> 00:05:40,410
אני הולך להשתמש בכרום, אתה יכול להשתמש
רוב כל דפדפן בשבועות קרוב.

116
00:05:40,410 --> 00:05:42,410
בדרך כלל אנו ממליצים 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
ואני מתכוון ללכת לבדיקת רכיב.

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
>> כולכם כבר יש את זה
אם אתה כבר משתמש ב- Chrome.

129
00:06:13,520 --> 00:06:17,169
וזה מאפשר לך לראות מה קורה
במתחת למכסת המנוע של כמה דף אינטרנט.

130
00:06:17,169 --> 00:06:19,210
אז בואו באמת לקחת
להסתכל על זה באופן הבא.

131
00:06:19,210 --> 00:06:21,251
יש לו הרבה יותר תכונות
ואכפת לנו היום.

132
00:06:21,251 --> 00:06:22,760
אבל יש כרטיסיות אלה לכאן.

133
00:06:22,760 --> 00:06:25,890
אלמנטים, רשת, מקורות,
ציר זמן, וכמה דברים אחרים.

134
00:06:25,890 --> 00:06:27,800
אני הולך ללחוץ על
רשת לרגע.

135
00:06:27,800 --> 00:06:30,500
>> וזה קצת מכריע
במבט הראשון כאן.

136
00:06:30,500 --> 00:06:34,190
אבל מה שאני הולך לעשות הוא לתת לי
שלי לפשט את זה קצת.

137
00:06:34,190 --> 00:06:37,560
אני הולך להפעיל את
הקלטת אור כך שזה אדום.

138
00:06:37,560 --> 00:06:39,140
ואני הולך לומר לשמר יומן.

139
00:06:39,140 --> 00:06:41,015
וזה רק קצת
דבר הבנתי

140
00:06:41,015 --> 00:06:44,120
לאורך זמן זה הולך לחסוך
כל מה שקורה בדפדפן.

141
00:06:44,120 --> 00:06:50,030
ועכשיו אני הולך
לhttp://facebook.com.

142
00:06:50,030 --> 00:06:52,690
>> למעשה, בואו נעשה www
למען סדר טוב, לקצץ.

143
00:06:52,690 --> 00:06:53,643
הזן.

144
00:06:53,643 --> 00:06:56,180
אז URL שרבים מ
ייתכן שבקרת.

145
00:06:56,180 --> 00:06:58,830
ועכשיו האינטרנט של פייסבוק
הדף עולה בראש.

146
00:06:58,830 --> 00:07:02,350
ולאחר מכן חבורה של כל
דברים עפו על ידי בתחתית.

147
00:07:02,350 --> 00:07:04,830
ואכן, מתברר ש
כאשר אתה מבקר Facebook.com,

148
00:07:04,830 --> 00:07:09,320
אתה לא רק עושה בקשת HTTP אחד,
מתברר שהולך Facebook.com

149
00:07:09,320 --> 00:07:14,320
שולח 41 מעטפות אלה,
כל אחד עם בקשת הגט שלה,

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
אז זה באמת קצת מוזר
שהאתר של פייסבוק היה לוקח ש

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
רואה שמה חזר פייסבוק
לי הוא כל הכותרות האלה.

170
00:08:17,270 --> 00:08:21,040
אז בתוך מעטפה שוירטואלית
אכן הרבה זוגות ערך מפתח.

171
00:08:21,040 --> 00:08:23,130
מילה, מעי גס, ולאחר מכן ערך.

172
00:08:23,130 --> 00:08:25,050
מילה, מעי גס, וערך.

173
00:08:25,050 --> 00:08:26,160
אלה הם כותרות שנקראו.

174
00:08:26,160 --> 00:08:31,860
ויש דרך נוסף פרט כאן מאשר
אנחנו באמת אכפת עכשיו.

175
00:08:31,860 --> 00:08:33,750
>> אבל זה הוא ראשון ב
אחרון שם למטה,

176
00:08:33,750 --> 00:08:38,809
שם לב, שהשרת של Facebook.com,
אכן אמר כאן מגיע חלק מהטקסט HTML.

177
00:08:38,809 --> 00:08:41,409
אז כל זה הוא לומר
כי כאשר אתה מבקש אינטרנט

178
00:08:41,409 --> 00:08:44,300
דף מדפדפן ל
שרת, השרת שמגיב

179
00:08:44,300 --> 00:08:47,630
עם מעטפה משלה
בתוכה הוא טקסט.

180
00:08:47,630 --> 00:08:49,020
במילים אחרות, HTML.

181
00:08:49,020 --> 00:08:50,590
שפת סימני עריכה לתמליל - על.

182
00:08:50,590 --> 00:08:53,200
איזו היא שפה אחרת
שאנחנו מציגים היום

183
00:08:53,200 --> 00:08:57,740
כי בני אדם או מחשבים ליצור
על מנת ליישם את הדפים אינטרנט.

184
00:08:57,740 --> 00:08:59,580
>> באופן ספציפי, בואו נסתכל על זה.

185
00:08:59,580 --> 00:09:03,277
אני הולך עכשיו לחזור
לאתר האינטרנט של פייסבוק.

186
00:09:03,277 --> 00:09:05,360
ואני הולך רק
לחץ שליטה או לחץ לחיצה ימנית

187
00:09:05,360 --> 00:09:07,634
ולחץ על הצג את מקור דף.

188
00:09:07,634 --> 00:09:10,550
וגם אם אתה לא משתמש בכרום,
IE יכול לעשות את זה, פיירפוקס יכול לעשות את זה,

189
00:09:10,550 --> 00:09:14,060
ספארי יכול לעשות את זה, למרות שהתפריט
אפשרויות עשויות להיראות קצת שונות.

190
00:09:14,060 --> 00:09:18,990
וזה HTML שמארק ו
החברה בפייסבוק כתב.

191
00:09:18,990 --> 00:09:24,640
>> וקולקטיבי, שפה זה כאן
מיישם את הכחול ודף הלבן

192
00:09:24,640 --> 00:09:26,370
שראינו לפני רגע.

193
00:09:26,370 --> 00:09:28,030
עכשיו, זה קצת מוחץ.

194
00:09:28,030 --> 00:09:31,400
אבל אם אנחנו מסתכלים למעלה בפינה השמאלית עליונה, אנחנו
הולך להתחיל לראות כמה דפוסים.

195
00:09:31,400 --> 00:09:34,140
זה נראה כאילו יש הרבה
של הסוגר הזווית הפתוח אלה

196
00:09:34,140 --> 00:09:35,970
ואז יש HTML מילת מפתח זו.

197
00:09:35,970 --> 00:09:38,330
הנה עוד פתוח
הסוגר זווית וראש.

198
00:09:38,330 --> 00:09:41,560
>> הנה, אם לגלול למטה
ומטה ומטה, אני

199
00:09:41,560 --> 00:09:43,820
הולך קדימה ולנסות
כדי לחפש משהו.

200
00:09:43,820 --> 00:09:48,510
יש דרך למעלה בצד הימין
כאן הוא גוף הסוגר פתוח.

201
00:09:48,510 --> 00:09:50,800
וזוכר שמעבר
זמן שאנחנו הצענו

202
00:09:50,800 --> 00:09:53,364
כי דף האינטרנט הפשוט
כי אדם יכול לכתוב

203
00:09:53,364 --> 00:09:55,030
אולי נראה קצת משהו כזה.

204
00:09:55,030 --> 00:09:58,430
תג HTML פתוח, ראש פתוח
תג, תג כותרת פתוח,

205
00:09:58,430 --> 00:10:03,230
כותרת אז סגורה, ראש סגור, פתוחה
תג גוף, חלק מהטקסט, נסגר גוף,

206
00:10:03,230 --> 00:10:04,720
HTML הסגור.

207
00:10:04,720 --> 00:10:06,290
>> אבל הפסקה כאן רק לרגע.

208
00:10:06,290 --> 00:10:09,030
קוד זה, גם אם יש לך
מעולם לא כתב את זה לפני

209
00:10:09,030 --> 00:10:11,864
אבל עדיין לא ממש מבין
מה קורה, נראה די טוב.

210
00:10:11,864 --> 00:10:12,821
נכון, זה מאוד נקי.

211
00:10:12,821 --> 00:10:14,120
זה מאוד נחמד מבחינה סגנונית.

212
00:10:14,120 --> 00:10:16,190
הרבה הזחה ושטח לבן.

213
00:10:16,190 --> 00:10:18,020
פייסבוק של אינו.

214
00:10:18,020 --> 00:10:23,190
אז למה הוא כל כך הרבה פייסבוק
יותר גרוע ממה בכתיבת HTML?

215
00:10:23,190 --> 00:10:24,310
ככל הנראה.

216
00:10:24,310 --> 00:10:26,899
>> נכון, זה כמו אחד
מתוך חמישה לסגנון.

217
00:10:26,899 --> 00:10:29,315
יש סיבה משכנעת
עבורם לעגל פינות אלה.

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

219
00:10:31,069 --> 00:10:33,860
בסדר, כך שהם לא רוצים
לעשות את זה יותר קל לך לקרוא אותו.

220
00:10:33,860 --> 00:10:36,940
אז במובן מסוים, הם
תמוה זה, סוג של ערבול זה

221
00:10:36,940 --> 00:10:40,260
לפחות מבחינה אסתטית כל כך
שזה יותר קשה עבור 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 זה ש
מייצג בדף הבית של פייסבוק.

237
00:11:17,899 --> 00:11:19,690
ופייסבוק יש הרבה
של משתמשים בימים אלה.

238
00:11:19,690 --> 00:11:24,030
אז נניח שבדף הבית של פייסבוק
הוא ביקר מיליארדים אנשים היום.

239
00:11:24,030 --> 00:11:27,020
ומישהו בפייסבוק יש
פגע מקש הרווח רק פעם אחת.

240
00:11:27,020 --> 00:11:29,890
>> אז בית אחד נוסף,
מיליארדים בקשות,

241
00:11:29,890 --> 00:11:32,790
אחת כמה וכמה נתונים הוא פייסבוק
העברה דרך האינטרנט

242
00:11:32,790 --> 00:11:37,160
בגלל שמישהו פגע ב
מקש הרווח במקלדת שלו או שלה?

243
00:11:37,160 --> 00:11:41,660
מיליארדים בייטים, או GIGABYTE אחד
הנתונים שנשלחו משרתי פייסבוק

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
למרות שמתברר, אם אתה חוזר
לכלי הזה בכרום בדיקת רכיב,

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 של
גרסה של אותו 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
ואני הולך למילה במילה
הקלד את הבא.

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
וזה נקרא Apache.

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
הגדרה [המסמך של האפצ'י? קבוצה?]
לבית, אובונטו, מה שזה לא,

319
00:15:04,640 --> 00:15:05,770
לקצץ סביבת עבודה.

320
00:15:05,770 --> 00:15:08,280
שרת אינטרנט החל
האפצ'י 2 בהצלחה.

321
00:15:08,280 --> 00:15:11,330
>> אז סיפור ארוך קצר, אני
יש להם רק לחץ על כפתור

322
00:15:11,330 --> 00:15:18,000
ומופעל בשרת אינטרנט שעכשיו
האזנה באינטרנט על יציאת TCP

323
00:15:18,000 --> 00:15:20,587
80 בכתובת ספציפית.

324
00:15:20,587 --> 00:15:22,420
וזה אומר כאן, ו
זה ישתנה מבוסס

325
00:15:22,420 --> 00:15:26,550
על שם המשתמש שלך וגורמים אחרים,
אבל שמתי לב עכשיו אם אני לוחץ זה,

326
00:15:26,550 --> 00:15:30,211
jharvard נקודת IDE50 וכך ו
כך, שם לב שכל הזמן הזה

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
אז מה אני הולך
לעשות הוא ללחוץ כתובת אתר זו.

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
אני הולך קדימה
ופשוט להעתיק את כתובת אתר.

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 הרווארד כתובת האתר ושלי על Enter.

354
00:16:51,800 --> 00:16:54,750
וזהו, עכשיו אני, ו
בתאוריה, כולם

355
00:16:54,750 --> 00:16:57,700
באינטרנט, אם אני כבר מוגדר
הרשאות מתאימות,

356
00:16:57,700 --> 00:16:58,720
תוכל לבקר בקובץ זה.

357
00:16:58,720 --> 00:17:03,230
אז עכשיו, אם הייתי אומר
hello.html, וואלה, יש

358
00:17:03,230 --> 00:17:06,366
הוא דף האינטרנט המשעמם להפליא שלי.

359
00:17:06,366 --> 00:17:07,740
אז בואו לעשות בדיקת שפיות מהירה.

360
00:17:07,740 --> 00:17:09,710
בגלל כל זה
הוא הקים רעיוני.

361
00:17:09,710 --> 00:17:13,180
ויש לנו בעצם לא ממש
לימדתי אותך איך לכתוב HTML כשלעצמה.

362
00:17:13,180 --> 00:17:16,084
כל שאלות רחוקות ובכך
על מה בדיוק קרה?

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

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

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

366
00:17:24,290 --> 00:17:25,800
האם CS50 בעלות דפי האינטרנט אלה?

367
00:17:25,800 --> 00:17:26,460
באיזה מובן?

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

369
00:17:28,947 --> 00:17:29,530
שאלה טובה.

370
00:17:29,530 --> 00:17:32,429
אז CS50 של בעלות CS50.io.

371
00:17:32,429 --> 00:17:33,970
אכן, כבר קנינו כי שם תחום.

372
00:17:33,970 --> 00:17:37,240
ועל ידי הטבע שלכם
כניסה לCS50IDE,

373
00:17:37,240 --> 00:17:39,270
כל מה שאתה מקבל מה שנקרא משנה.

374
00:17:39,270 --> 00:17:46,840
>> אז IDE50-מלאן, או IDE50-Rob.CS50.io,
זה הכתובת הייחודית שלך ב

375
00:17:46,840 --> 00:17:47,730
שם תחום שלנו.

376
00:17:47,730 --> 00:17:50,850
אז למטרות של הקורס,
יש לך כתובת ייחודית משלך.

377
00:17:50,850 --> 00:17:55,150
אבל אנחנו כבר פישטנו דברים על ידי
קניית תחום ברמה העליונה, נקודת CS50

378
00:17:55,150 --> 00:17:58,050
I / O ואז כולם הוא
בתוך כך, כביכול.

379
00:17:58,050 --> 00:17:59,890
ואנחנו נחזור לזה
בשבועות כנראה,

380
00:17:59,890 --> 00:18:01,930
במיוחד בפרויקט הגמר
זמן, כאשר חלק מכם

381
00:18:01,930 --> 00:18:03,596
ייתכן שתרצה לקבל שמות דומיין משלך.

382
00:18:03,596 --> 00:18:06,270
זה בעצם יחסית
פשוט.

383
00:18:06,270 --> 00:18:06,770
בסדר.

384
00:18:06,770 --> 00:18:07,880
אז בואו נעשה את זה עכשיו.

385
00:18:07,880 --> 00:18:11,910
אני הולך לחזור ל
CS50IDE, שבו הקובץ שלי עכשיו,

386
00:18:11,910 --> 00:18:14,710
hello.html, לא כל כך מעניין.

387
00:18:14,710 --> 00:18:17,130
אני רוצה לעשות משהו
קצת יותר נחמד מזה.

388
00:18:17,130 --> 00:18:19,440
אז אני הולך לעשות משהו כזה.

389
00:18:19,440 --> 00:18:21,510
תן לי paragraphs.html הפתוח.

390
00:18:21,510 --> 00:18:23,560
אז זה קובץ שכתבתי מראש.

391
00:18:23,560 --> 00:18:26,480
בחלק העליון שלו, כמו
תמיד, יש לנו הערות.

392
00:18:26,480 --> 00:18:28,730
אבל ב- HTML, הערות
נראה קצת שונה.

393
00:18:28,730 --> 00:18:33,270
על קו שלושה וקו 14, ש
לראות את התחביר של להתחיל תגובה

394
00:18:33,270 --> 00:18:34,020
בסופו של תגובה.

395
00:18:34,020 --> 00:18:36,820
>> אבל אף אחד מהדברים ב
בין נושאים תפקודי.

396
00:18:36,820 --> 00:18:40,250
זה רק פתק ל
אדם מה קורה כאן.

397
00:18:40,250 --> 00:18:43,040
ובדיוק כפי ששפיות מהירה
לבדוק, אם אני לגלול למטה,

398
00:18:43,040 --> 00:18:46,820
מה החדש הברור
תג שאנחנו כבר הצגנו?

399
00:18:46,820 --> 00:18:52,130
התגים עד כה שראינו פתוחים
התושבת HTML, ראש, כותרת, וגוף.

400
00:18:52,130 --> 00:18:54,400
אבל מה כמובן חדש עכשיו?

401
00:18:54,400 --> 00:18:55,200
>> כן, כל כך עמ '.

402
00:18:55,200 --> 00:18:57,320
תג p או תג סעיף.

403
00:18:57,320 --> 00:19:01,182
ואז אני פשוט שאלתי חלק ברירת מחדל
טקסט לטיני להוות הסעיפים שלי.

404
00:19:01,182 --> 00:19:03,390
כי מה שאני רוצה
להפגין הוא איך אתה יכול

405
00:19:03,390 --> 00:19:05,859
מייצג פסקאות של טקסט ב- HTML.

406
00:19:05,859 --> 00:19:08,400
וכך מה שמתחיל לקרות
כאן הוא שיש כבר

407
00:19:08,400 --> 00:19:09,657
דפוס פיתוח.

408
00:19:09,657 --> 00:19:10,990
ותן לי ללכת קדימה ולעשות את זה.

409
00:19:10,990 --> 00:19:12,760
תן לי לכבות ראשון אפאצ'י.

410
00:19:12,760 --> 00:19:17,340
ואני הולך לספר את זה לעצמו להתחיל
שוב בתוך המקור של היום שבע

411
00:19:17,340 --> 00:19:18,420
ספרייה מ '.

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
אני הולך קדימה ו
ללוות חלק מHTML זה.

487
00:22:36,660 --> 00:22:40,910
אני הולך קדימה ו
ליצור קובץ חדש כאן.

488
00:22:40,910 --> 00:22:43,370
ואנחנו נתקשר rick.html זה.

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

490
00:22:46,190 --> 00:22:48,916
יש לנו באופן לא פרופורציונאלי
משהו משומש

491
00:22:48,916 --> 00:22:51,290
נקרא גליל ריק בזה
מעמד השנה, אני לא יודע,

492
00:22:51,290 --> 00:22:53,880
זה פשוט קרה באופן אורגני.

493
00:22:53,880 --> 00:22:55,397
>> ועכשיו זה יצא מכלל שליטה.

494
00:22:55,397 --> 00:22:56,730
אז רק אני הולך ללכת עם זה.

495
00:22:56,730 --> 00:22:59,700
ואם אני הולך לגוגל
תמונות וריק אסטלי.

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
>> אז הנה יש לנו
תמונה בתמונות של גוגל.

501
00:23:16,750 --> 00:23:19,390
ונניח שזה הוא
בכל מקום סביר באינטרנט.

502
00:23:19,390 --> 00:23:22,570
אז אני הולך להניח שזה בסדר בשבילי
לשים את זה בעצם לדף האינטרנט שלי.

503
00:23:22,570 --> 00:23:24,820
אני הולך קדימה
והעתק את כתובת אתר תמונה.

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
זהו ריק אסטלי, צוחק,
אני הולך עכשיו לחזור

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
אז זה לא ריק אסטלי.

515
00:23:56,070 --> 00:23:59,680
אז מתברר שאנחנו יכולים
בעצם להוסיף אותו לכאן.

516
00:23:59,680 --> 00:24:00,830
זהו ריק אסטלי.

517
00:24:00,830 --> 00:24:06,680
אני הולך להגיד לי שדמותו
המקור הוא כתובת אני רק העתקתי, ש

518
00:24:06,680 --> 00:24:09,110
ככל הנראה הוא מאושר
יום הולדת או משהו אחר.

519
00:24:09,110 --> 00:24:13,280
>> ועכשיו אני הולך ל
לסגור את התג כזה.

520
00:24:13,280 --> 00:24:15,170
אז זה עוטף סופר ארוך.

521
00:24:15,170 --> 00:24:17,740
אבל שם לב שכל מה שיש
עשה היא תמונת הסוגר פתוח,

522
00:24:17,740 --> 00:24:20,270
מקור עם תכונה של זה.

523
00:24:20,270 --> 00:24:21,530
וזה באמת URL ארוכה.

524
00:24:21,530 --> 00:24:23,720
וממש בסוף, זה לב.

525
00:24:23,720 --> 00:24:29,530
הסוגר זווית למה שעשיתי קו נטוי
במקום, כמו בכל תג אחר,

526
00:24:29,530 --> 00:24:33,590
יש הסוגר פתוח,
IMG, סגור סוגריים?

527
00:24:33,590 --> 00:24:37,040
פשוט לקחת את הניחוש גם אם
אין לי היכרות כלשהי

528
00:24:37,040 --> 00:24:40,410
עם HTML לפני.

529
00:24:40,410 --> 00:24:42,710
>> אז זה איך זה נסגר
הפקודה, אבל למה

530
00:24:42,710 --> 00:24:45,850
האם זה לא באמת לעשות אינטואיטיבי
תחושה לעשות משהו קצת יותר

531
00:24:45,850 --> 00:24:48,820
מילולי כמו תמונה קרובה?

532
00:24:48,820 --> 00:24:51,400
כן.

533
00:24:51,400 --> 00:24:52,000
כן.

534
00:24:52,000 --> 00:24:55,620
רק סמנטי, אין תחושה של
מתחיל תמונה וכלה תמונה,

535
00:24:55,620 --> 00:24:56,870
זה או שיש או שזה לא.

536
00:24:56,870 --> 00:25:00,960
אז זה לא הגיוני לעזוב פער
לכל דבר בתוך תמונה אחר.

537
00:25:00,960 --> 00:25:02,010
אתה פשוט לא יכול לעשות את זה.

538
00:25:02,010 --> 00:25:03,720
וכך התחביר
ככלל יהיה רק

539
00:25:03,720 --> 00:25:07,910
לעשות קו הנטוי בתוך
של התג הפתוח או תג ההתחלה

540
00:25:07,910 --> 00:25:09,020
ולאחר מכן פגע שמור.

541
00:25:09,020 --> 00:25:13,350
>> אז אם אני עכשיו לטעון מחדש את הקובץ הזה, עכשיו
יש לי בישול דף אינטרנט טוב כאן.

542
00:25:13,350 --> 00:25:15,100
ואנחנו בהחלט יכולים
ממש לעצבן אנשים

543
00:25:15,100 --> 00:25:17,010
על ידי הטבעה במקום
כמו קישור YouTube.

544
00:25:17,010 --> 00:25:19,350
ולמעשה, בכל עת
אי פעם הלכו ל- YouTube,

545
00:25:19,350 --> 00:25:22,190
ותן לי בעצם בטעות
ריק לגלגל את עצמי כאן.

546
00:25:22,190 --> 00:25:25,770
אז גליל ריק.

547
00:25:25,770 --> 00:25:29,592
אז ריק roll-- אני הולך כאן.

548
00:25:29,592 --> 00:25:31,900
>> [השמעת מוסיקה]

549
00:25:31,900 --> 00:25:33,730
>> אישור, אדם אחד אהב את זה.

550
00:25:33,730 --> 00:25:37,270
אז שם לב כל הזמן הזה, אם אתה
לחץ על הקישור שתף, אתה כמובן

551
00:25:37,270 --> 00:25:41,390
לקבל את כתובת האתר שאתה באמת יכול
להטביע בדואר אלקטרוני או תמונה לזיהוי פלילי

552
00:25:41,390 --> 00:25:43,730
או להגדיר בבעיה או בשקופית.

553
00:25:43,730 --> 00:25:49,055
ועכשיו, אם אני במקום ללחוץ על שבץ,
שמו לב שכל הזמן הזה, את החומר הזה

554
00:25:49,055 --> 00:25:49,680
היה שם.

555
00:25:49,680 --> 00:25:50,910
אני הולך קדימה ולהעתיק זה.

556
00:25:50,910 --> 00:25:54,000
>> ורק כדי שנוכל לראות את זה טוב יותר, אני
הולך להדביק אותו בעורך הטקסט שלי.

557
00:25:54,000 --> 00:25:55,860
שים לב שזה מה ש
YouTube כבר אומר לך.

558
00:25:55,860 --> 00:25:57,693
בכל פעם שאתה מבקר ב
וידאו YouTube, אם אתה

559
00:25:57,693 --> 00:26:00,410
רוצה להטביע את הווידאו עליך
דף האינטרנט, פשוט לתפוס את זה.

560
00:26:00,410 --> 00:26:03,350
אז זה עוד
תג HTML שנקרא iframe.

561
00:26:03,350 --> 00:26:04,590
או במסגרת קו.

562
00:26:04,590 --> 00:26:08,680
אז זה גם נראה קצת יותר
מורכב יותר מכל האחרים.

563
00:26:08,680 --> 00:26:11,950
אז מתברר שהתמונה
תג וכנראה תג iframe

564
00:26:11,950 --> 00:26:13,370
לקחת את מה שהם תכונות שנקראו.

565
00:26:13,370 --> 00:26:15,710
>> וזה עוד
חתיכת התחביר ב- HTML.

566
00:26:15,710 --> 00:26:19,240
בנוסף לתג של
שם, שם תג הסוגר פתוח,

567
00:26:19,240 --> 00:26:23,780
אתה יכול לשלוט על ההתנהגות של התג
על ידי שיש חבורה של תכונה כל

568
00:26:23,780 --> 00:26:24,860
שווה ערך.

569
00:26:24,860 --> 00:26:26,290
תכונה שווה ערך.

570
00:26:26,290 --> 00:26:28,100
וכך למשל,
YouTube אומר לנו

571
00:26:28,100 --> 00:26:31,990
אם אתה רוצה את הרוחב של וידאו זה
להיות 420 פיקסלים והגובה

572
00:26:31,990 --> 00:26:35,470
להיות 315 פיקסלים, זה
איך אתה מבטא את זה ב- HTML.

573
00:26:35,470 --> 00:26:38,480
>> מקור הווידאו הולך
להיות שכתובת אתר 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
>> כל שהנדרש הוא הבנה
במסגרת הכללית של HTML.

596
00:27:32,880 --> 00:27:36,510
מהו תג, מה היא תכונה,
איך אתה בעצם להגדיר דף אינטרנט

597
00:27:36,510 --> 00:27:37,250
כדלהלן.

598
00:27:37,250 --> 00:27:40,720
וכל דבר אחר הוא באמת התוצאה
להסתכל בהתייחסות מקוונת

599
00:27:40,720 --> 00:27:43,080
או googling איך לעשות קצת
טכניקה או כפי שראינו,

600
00:27:43,080 --> 00:27:45,371
מסתכל על המקור של פייסבוק
קוד, מסתכל על אתר

601
00:27:45,371 --> 00:27:48,710
שאתה אוהב בזה קוד מקור ו
הבנה כיצד המפתחים יש

602
00:27:48,710 --> 00:27:50,550
הניח למעשה את דברים.

603
00:27:50,550 --> 00:27:52,180
>> אז אנחנו יכולים לעשות תמונות גם כן.

604
00:27:52,180 --> 00:27:53,994
ואכן, עשינו את זה לפני רגע.

605
00:27:53,994 --> 00:27:55,410
תן לי ללכת קדימה ורק להראות לך.

606
00:27:55,410 --> 00:27:56,770
הנה כמה דוגמאות קוד.

607
00:27:56,770 --> 00:27:58,380
אם אי פעם אתה רוצה לראות את החתול ממורמר.

608
00:27:58,380 --> 00:28:00,620
אז שם לב שאני יכול
יש תג תמונה כאן.

609
00:28:00,620 --> 00:28:02,090
ויש לי תגובה מעליו.

610
00:28:02,090 --> 00:28:04,490
יש לי אלטרנטיבה
טקסט לנגישות.

611
00:28:04,490 --> 00:28:07,250
אז מישהו שמשתמש במסך
קורא מסיבות של מראה

612
00:28:07,250 --> 00:28:10,172
אז בעצם יכול להיות שלהם
קורא מסך לומר חתול ממורמר.

613
00:28:10,172 --> 00:28:11,880
כי אם הם לא יכולים
לראות את התמונה, הם

614
00:28:11,880 --> 00:28:14,504
לפחות יכול להיות המחשב שלהם
אומר להם באופן מילולי מה זה.

615
00:28:14,504 --> 00:28:18,020
והמקור של קובץ שנמצא cat.jpeg.

616
00:28:18,020 --> 00:28:22,472
כך שלמעשה, אם אני באמת רוצה
לקבל חכם, מה אני יכול done--

617
00:28:22,472 --> 00:28:25,680
אני מבטיח לא ללכת לריק אסטלי, כך
אני הולך 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
נלקח מפייסבוק
או 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
בהנחה שהורדתי אותו החתול,
ההודעה לראות-- שהייתה מקסימה.

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
כמו במקרה של ריק
תמונה אסטלי לפני קצת.

640
00:29:29,670 --> 00:29:32,990
אז איפה else-- מה
עוד אנחנו יכולים לעשות כאן?

641
00:29:32,990 --> 00:29:34,890
אז בואו נסתכל על הבא.

642
00:29:34,890 --> 00:29:36,160
אתה יודע מה סוג של מגניב?

643
00:29:36,160 --> 00:29:39,330
>> עד כה יש לנו כבר עושה
דפי אינטרנט מאוד סטטית.

644
00:29:39,330 --> 00:29:41,830
אני רוצה לתבל את דברים כדלקמן.

645
00:29:41,830 --> 00:29:44,344
אני רוצה להפוך את מנוע החיפוש שלי.

646
00:29:44,344 --> 00:29:47,010
אז כדי להפוך את מנוע חיפוש, בואו
קדימה ולהתחיל לעשות את זה.

647
00:29:47,010 --> 00:29:52,570
אני הולך קדימה וליצור
קובץ חדש בשם search.html.

648
00:29:52,570 --> 00:29:54,890
ויש לנו prefabed גרסאות מקוון.

649
00:29:54,890 --> 00:29:56,027
אופס.

650
00:29:56,027 --> 00:29:57,610
לא להדביק לתוך חלון המסוף שלך.

651
00:29:57,610 --> 00:29:58,744
גרסאות טרומיים באינטרנט.

652
00:29:58,744 --> 00:30:00,160
ואני הולך להתחיל כדלקמן.

653
00:30:00,160 --> 00:30:04,490
אז הנה תחילת
קובץ בשם search.html.

654
00:30:04,490 --> 00:30:07,510
אני הולך לשמור אותו ב
ספריית המקור של היום.

655
00:30:07,510 --> 00:30:09,079
אני הולך לקרוא לחיפוש זה.

656
00:30:09,079 --> 00:30:10,370
למעשה, אנחנו נעשה את זה טוב יותר.

657
00:30:10,370 --> 00:30:13,600
חיפוש CS50 ולמעשה מותג זה.

658
00:30:13,600 --> 00:30:17,500
ועכשיו, אני הולך להגיד
משהו כמו H1 CS50 חיפוש.

659
00:30:17,500 --> 00:30:20,930
ואז כאן למטה, H2 בקרוב.

660
00:30:20,930 --> 00:30:23,230
ורק כדי לסכם, H1 ו
H2 מתכוון למה בהתאמה?

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

662
00:30:26,750 --> 00:30:30,320
>> כן, כל כך גדול ונועז, ו
לא גדול, אבל עדיין נועז.

663
00:30:30,320 --> 00:30:37,375
אז אם אני שומר את זה וללכת לכאן,
בואו לראות את search.html הקובץ.

664
00:30:37,375 --> 00:30:42,560
בסדר, וזה אחד
הוא right-- [לא ברור].

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

666
00:30:46,980 --> 00:30:49,110
המתנה.

667
00:30:49,110 --> 00:30:49,945
דוד הוא מבולבל.

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

669
00:30:52,610 --> 00:30:54,080
אה, זה ממש שם.

670
00:30:54,080 --> 00:30:54,860
דוד אידיוט.

671
00:30:54,860 --> 00:30:55,420
אוקיי.

672
00:30:55,420 --> 00:30:56,660
אז הנה זה.

673
00:30:56,660 --> 00:30:58,350
אז חיפוש CS50 בקרוב.

674
00:30:58,350 --> 00:31:00,370
אז עכשיו, בואו לסנתז
מה שעשינו בשבוע שעבר.

675
00:31:00,370 --> 00:31:03,400
>> איפה דיברנו על
מכניקה ברמה נמוכה יותר של HTTP.

676
00:31:03,400 --> 00:31:05,780
והרעיונות החדשים הללו
ב- HTML, שהוא רק

677
00:31:05,780 --> 00:31:08,890
שפת סימון שבו אתה
לספר דפדפן בדיוק מה לעשות

678
00:31:08,890 --> 00:31:10,740
וליישם את מנוע החיפוש שלנו.

679
00:31:10,740 --> 00:31:12,520
אז במקום רק
אומר בקרוב, אני

680
00:31:12,520 --> 00:31:14,810
הולך להציג
משהו שנקרא תג טופס.

681
00:31:14,810 --> 00:31:19,610
ובצורה זו, אני הולך
יש משהו כמו שדה קלט.

682
00:31:19,610 --> 00:31:22,450
>> ואת שמו של קלט זה
שדה, אני הולך לקרוא לזה ש

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
אני לא ממש אוהב את כפתור Submit.

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
זוכר מה כתובת האתר נראית כמו.

758
00:34:28,190 --> 00:34:29,449
זה די סתום.

759
00:34:29,449 --> 00:34:33,000
אבל מוטבע שם,
כזכור, הוא חיפוש נטוי.

760
00:34:33,000 --> 00:34:35,100
q סימן שאלה שווה חתולים.

761
00:34:35,100 --> 00:34:37,760
>> וזה היה נראה לי
חבורה שלמה של תוצאות חיפוש.

762
00:34:37,760 --> 00:34:39,134
אז אתה יודע מה אני הולך לעשות?

763
00:34:39,134 --> 00:34:41,650
אני הולך לשאול
גוגל רק לרגע.

764
00:34:41,650 --> 00:34:43,670
אני הולך לעבור על
כאן ואני הולך להגיד

765
00:34:43,670 --> 00:34:47,850
כי זה יוצר פעולה או
יעד, אם אפשר לומר כך,

766
00:34:47,850 --> 00:34:49,330
צריך להיות ממש גוגל.

767
00:34:49,330 --> 00:34:52,590
והשיטה שאני רוצה
לשימוש הולך להיות מקבל.

768
00:34:52,590 --> 00:34:53,560
>> אז מה היא פעולה?

769
00:34:53,560 --> 00:34:55,760
פעולה בשם מוזרה,
אבל זה רק אומר ש

770
00:34:55,760 --> 00:34:58,120
מי הולך לטפל
הפעולה מסוג זה?

771
00:34:58,120 --> 00:35:00,820
כאשר אני לוחץ חיפוש, שבו
צריכה ללכת התוצאה?

772
00:35:00,820 --> 00:35:05,300
ואם אני עכשיו חוזר לצורה שלי
כאן וטען מחדש דף האינטרנט שלי

773
00:35:05,300 --> 00:35:09,000
ועכשיו מחפש משהו
כמו כלב, שם לב עכשיו

774
00:35:09,000 --> 00:35:10,850
יש לי מחדש מיושם גוגל.

775
00:35:10,850 --> 00:35:11,350
נכון?

776
00:35:11,350 --> 00:35:14,141
>> אם אני רוצה לחפש משהו
אחר, זה עובד לא רק לכלבים,

777
00:35:14,141 --> 00:35:16,400
זה עובד גם לחתולים.

778
00:35:16,400 --> 00:35:21,930
זה עובד גם לCS50.

779
00:35:21,930 --> 00:35:24,310
ואישור, זה רק
תחת 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
לבנות את כתובת האתר כדי שמה
אני בסופו מעל בדפדפן שלי,

786
00:35:43,500 --> 00:35:45,660
שים לב מה קורה
כשחפשתי כלב.

787
00:35:45,660 --> 00:35:49,270
אם אני לוחץ על חיפוש, שם לב ש
כתובת האתר משתנה כמו שהתכוונתי

788
00:35:49,270 --> 00:35:52,770
לgoogle.com/search שאילתא שווה כלב.

789
00:35:52,770 --> 00:35:56,020
וזה בגלל הצורה
יודע, כי השיטה היא לקבל,

790
00:35:56,020 --> 00:35:59,560
פשוט לצרף אותו לכתובת האתר שיש.

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
ולכן אם אתה רוצה
לסגנן דף האינטרנט שלך,

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
>> למעשה, מנוע החיפוש שלי,
בניגוד לגוגל בפועל,

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
מנסה לגרום לך לבקר באינטרנט
דף משום שהם רימו את גוגל

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
גם אם הם אינם גלויים ל
אדם, מישהו כמו גוגל, כמובן,

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
ובכן, יש הרבה יתירות
במה שאני כבר עושה כאן.

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
שמו של תג שאני רוצה לסגנן.

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
>> היי דפדפן, אלמנט ש
זיהוי הוא אמצע, להפוך אותו 24 פיקסלים.

959
00:43:26,840 --> 00:43:31,070
והיי דפדפן, אם אתה רואה
רעיון של תחתית, להפוך אותו 12 פיקסלים.

960
00:43:31,070 --> 00:43:33,540
ההשפעה בסופו של הדבר
הוא בדיוק סם.

961
00:43:33,540 --> 00:43:36,500
אם אני נכנסתי לCSS 1,
דף נראה אותו הדבר.

962
00:43:36,500 --> 00:43:39,810
אבל אנחנו צעד לקראת
עיצוב מעט טוב יותר.

963
00:43:39,810 --> 00:43:44,850
עכשיו תן לי לחזור לכאן כדי CSS2
ותראה מה עוד עשיתי.

964
00:43:44,850 --> 00:43:48,030
>> עכשיו הדף הוא באמת, באמת נקי.

965
00:43:48,030 --> 00:43:50,730
למעשה, אני יכול להתאים את כל
התוכן בדף כאן.

966
00:43:50,730 --> 00:43:54,270
אבל מה חדש תג לי
הציג, כמובן?

967
00:43:54,270 --> 00:43:54,770
קישור.

968
00:43:54,770 --> 00:43:57,853
וזה לא שם הטוב לתג,
כי זה לא קישור במובן

969
00:43:57,853 --> 00:44:00,780
שאנו מכירים אותה, אבל זה אומר
קישור בקובץ אחר.

970
00:44:00,780 --> 00:44:02,890
זה כמו סוג של חד לכלול בג

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 של באמצעים גיליונות סגנון מדורג.

975
00:44:17,980 --> 00:44:20,350
זהו גיליון סגנון.

976
00:44:20,350 --> 00:44:23,120
זה פשוט קובץ הטקסט המכיל
חבורה שלמה של רכוש.

977
00:44:23,120 --> 00:44:25,940
זה חבורה של סגנונות כל
שברצונך להחיל על דף.

978
00:44:25,940 --> 00:44:28,860
>> ואז זה כנראה
בהתייחסו לקובץ שני.

979
00:44:28,860 --> 00:44:32,970
ואם אני פותח ש, CSS2.css,
שם לב שכל מה שעשיתי

980
00:44:32,970 --> 00:44:35,900
הוא להעתיק ולהדביק את כל
זה לקובץ זה.

981
00:44:35,900 --> 00:44:38,220
ועכשיו, גם אם יש לך אף פעם לא
מקודד את החומר הזה לפני,

982
00:44:38,220 --> 00:44:40,700
רק לשקול עם
כובע הנדסת פתגמי

983
00:44:40,700 --> 00:44:44,220
ב, למה זה
עיצוב טוב יותר כנראה?

984
00:44:44,220 --> 00:44:48,910
פקטורינג את מאפייני CSS אלה,
לשים אותם לתוך הקובץ שלהם.

985
00:44:48,910 --> 00:44:51,330
למרות שאנחנו פתרנו את זה
לפני בעיה כמו חמש דקות

986
00:44:51,330 --> 00:44:52,600
בגרסה הראשונה.

987
00:44:52,600 --> 00:44:55,730
>> לא שפרנו
סגנונית דף,

988
00:44:55,730 --> 00:44:57,520
זה רק טוב יותר
עיצוב במובן מסוים.

989
00:44:57,520 --> 00:44:58,990
למה אתה חושב?

990
00:44:58,990 --> 00:45:01,510
כן.

991
00:45:01,510 --> 00:45:02,260
יותר גמיש איך?

992
00:45:02,260 --> 00:45:05,040

993
00:45:05,040 --> 00:45:05,540
כן.

994
00:45:05,540 --> 00:45:07,373
אז אם אתה רוצה ללכת
חזרה ולשנות דברים,

995
00:45:07,373 --> 00:45:09,540
עכשיו, יש לך מקום אחד
שבו אתה יכול לשנות דברים.

996
00:45:09,540 --> 00:45:11,622
ואכן, למשהו
כמו בעיה להגדיר שבע,

997
00:45:11,622 --> 00:45:13,690
שבו אנו מיישמים
אתר מסחר במניות,

998
00:45:13,690 --> 00:45:15,523
זה הולך להיות
כל חבורה של דפים.

999
00:45:15,523 --> 00:45:17,620
וזה יהיה ממש
מעצבן אם אתה מחליט, HM,

1000
00:45:17,620 --> 00:45:21,630
אני לא ממש אוהב את 24 פיקסלים, אני רוצה
זה יהיה 28 פיקסלים או מעט יותר גדולים.

1001
00:45:21,630 --> 00:45:23,550
ואז צריך לעשות
הגלובלי למצוא ולהחליף

1002
00:45:23,550 --> 00:45:27,560
או לפתוח את כל הקבצים של האתר שלך
פשוט למעשה לשנות ערך אחד.

1003
00:45:27,560 --> 00:45:31,290
הבא בחשבון את סגנונות אלה
למקום מרכזי אחד,

1004
00:45:31,290 --> 00:45:34,720
עכשיו אתה יכול לפתוח קובץ טקסט אחד
בCS50IDE לכל תכנית,

1005
00:45:34,720 --> 00:45:36,479
לשנות אותו, לשמור אותו, ועשה.

1006
00:45:36,479 --> 00:45:38,270
אתה כבר מופץ אלה
שינויים בכל מקום.

1007
00:45:38,270 --> 00:45:42,450
וזה יהיה אותו הדבר
בקובץ h הנקודה גם כן.

1008
00:45:42,450 --> 00:45:46,697
אז כל שאלות ובכך
הרבה על תחביר זה?

1009
00:45:46,697 --> 00:45:48,530
בסדר, אז יש לנו
עשה כל מה שזה נראה

1010
00:45:48,530 --> 00:45:51,170
מלבד למעשה ליישם קישורים.

1011
00:45:51,170 --> 00:45:52,740
ואז בואו נלך קדימה ולעשות את זה.

1012
00:45:52,740 --> 00:45:54,830
תן לי ללכת קדימה ו
ליצור קובץ חדש כאן.

1013
00:45:54,830 --> 00:45:59,970
אני הולך לקרוא לזה
link.html, לשים בקוד של היום.

1014
00:45:59,970 --> 00:46:03,000
>> ואני הולך לעשות פתוח
html סוג doc הסוגר.

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
פרוטוקול העברת היפרטקסט
הוא על העברת טקסט

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 או מה לא.

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
אנחנו יודעים שאתה רוצה
ים לביטחון.

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 או בטוויטר או
פייסבוק או כל מספר אחר

1067
00:49:04,470 --> 00:49:05,290
הם דינמיים.

1068
00:49:05,290 --> 00:49:07,340
הם משתנים ב
תגובה לקלט משתמש

1069
00:49:07,340 --> 00:49:08,840
בדיוק כמו תוצאות החיפוש של Google.

1070
00:49:08,840 --> 00:49:12,415
>> וכך ביום רביעי, מה שאנחנו עושים הוא
אנו משאירים HTML ו- CSS הקדמה

1071
00:49:12,415 --> 00:49:14,290
מאחורינו ואנחנו לוקחים
מובן מאליו שאנחנו עכשיו

1072
00:49:14,290 --> 00:49:16,640
יודע את זה ואנחנו מציגים
שפת תכנות חדשה

1073
00:49:16,640 --> 00:49:19,050
PHP בשם, שאוהב
C, הוא הולך לתת לנו

1074
00:49:19,050 --> 00:49:22,450
הכח ליצור למעשה תוכניות
שעצמם ליצור פלט.

1075
00:49:22,450 --> 00:49:25,900
במקרה זה, נהיה שימוש ב
PHP ליצור דינמי אינטרנט

1076
00:49:25,900 --> 00:49:27,340
דפים באמצעות שפה חדשה זו.

1077
00:49:27,340 --> 00:49:28,989
אז עוד על כך ביום רביעי.

1078
00:49:28,989 --> 00:49:29,530
נתראה.

1079
00:49:29,530 --> 00:49:33,130

1080
00:49:33,130 --> 00:49:37,380
>> [השמעת מוסיקה]

1081
00:49:37,380 --> 00:52:38,864