1
00:00:00,000 --> 00:00:00,500

2
00:00:00,500 --> 00:00:03,946
[השמעת מוסיקה]

3
00:00:03,946 --> 00:00:10,790

4
00:00:10,790 --> 00:00:12,540
אליסון BUCHHOLTZ-AU:
בסדר, כולם.

5
00:00:12,540 --> 00:00:13,860
ברוכים השבים לסעיף.

6
00:00:13,860 --> 00:00:19,559
אז סדר היום שלנו להיום הולך
על הרבה יותר דברים dev אינטרנט.

7
00:00:19,559 --> 00:00:21,600
אני לא יודע כמה מן
אתה ראית psets שלך

8
00:00:21,600 --> 00:00:24,414
מאז שוחרר
מוקדם יותר הבוקר.

9
00:00:24,414 --> 00:00:26,330
הייתי ככמה
אנשים שקראו את המפרט,

10
00:00:26,330 --> 00:00:29,910
אבל כמו לראות איך היה לך כל
של, כמו, שבע שעות להסתכל על זה

11
00:00:29,910 --> 00:00:31,910
וזה ביום שני ו
כנראה שהייתה לך בכיתה,

12
00:00:31,910 --> 00:00:34,160
אני הולך להניח ש
רובכם לא.

13
00:00:34,160 --> 00:00:37,170
אם יש לך, תהלה נוספת.

14
00:00:37,170 --> 00:00:39,400
>> אתה עוזר בעצם
ליישם אינטרנט פשוט

15
00:00:39,400 --> 00:00:43,270
שרת ב- C, שהוא pset חדש,
כך אתם מקבלים להיות חזירים.

16
00:00:43,270 --> 00:00:49,730
זה הולך להיות כיף, שבוע פרוע,
אבל אני חושב שזה יהיה כיף

17
00:00:49,730 --> 00:00:52,260
וזה יהיה באמת
ניסיון טוב דווקא.

18
00:00:52,260 --> 00:00:54,920
אז כדי להכין אותך ל
כי, בסעיף היום,

19
00:00:54,920 --> 00:01:00,940
אנחנו הולכים ללכת chmod, TCP / IP, ו
אז קצת HTML ו- CSS.

20
00:01:00,940 --> 00:01:05,080
>> בסוף, אנחנו בעצם קוד
עד דף אינטרנט פשוט ביחד

21
00:01:05,080 --> 00:01:09,042
כדי לעזור לכם סוג של מקבל
יותר להכיר בכך.

22
00:01:09,042 --> 00:01:11,750
ואז אם אתה לא הרים
החידונים שלך, הם בחזית,

23
00:01:11,750 --> 00:01:14,890
אבל אני די בטוח שכולם
כאן יש חידונם.

24
00:01:14,890 --> 00:01:17,880
וגם על הערה ש,
פתרונות הם עדיין לא קמו,

25
00:01:17,880 --> 00:01:21,490
אבל ברגע שfinish-- אנחנו אוהבים,
כמה אנשים שעבר לוקחים quizzes--

26
00:01:21,490 --> 00:01:22,280
הם יהיו עד.

27
00:01:22,280 --> 00:01:24,630
אם יש לך שאלות
בינתיים,

28
00:01:24,630 --> 00:01:26,240
אל תהסס שלח לי באופן אישי.

29
00:01:26,240 --> 00:01:30,700
אני אגיב באישיות שלכם
שאלות, כמו שאני תמיד עושה.

30
00:01:30,700 --> 00:01:33,890
>> אז, בנימה, chmod.

31
00:01:33,890 --> 00:01:36,390
אז בעצם כל מה שאתה
צריך לדעת על chmod

32
00:01:36,390 --> 00:01:39,620
הוא שהוא משמש לשינוי
הרשאות קובץ, נכון?

33
00:01:39,620 --> 00:01:44,050
כך שזה רק כמה מערכות קוראים לזה
שינוי הרשאות, כפי שאומר כאן.

34
00:01:44,050 --> 00:01:48,540
ואם אי פעם אתה רוצה לראות
מה הרשאות קובץ יש,

35
00:01:48,540 --> 00:01:52,240
במקום רק עושה
ls, אתה יכול לעשות ls -l.

36
00:01:52,240 --> 00:01:54,010
l הוא הקיצור של זמן.

37
00:01:54,010 --> 00:01:56,460
>> אז אתה תעשה את רשימות ארוכות
של כל דבר, וזה

38
00:01:56,460 --> 00:02:02,080
אתן לך הרבה יותר מפורט
מידע על כל אחד מהקבצים שלך.

39
00:02:02,080 --> 00:02:05,540
ותראה something-- אני
הולך לדלג קדימה לsecond--

40
00:02:05,540 --> 00:02:08,910
אבל אתה תראה משהו דומה ל
ששורה עליונה יש לכל אחד מקבצים.

41
00:02:08,910 --> 00:02:11,560
ואנחנו נעבור את מה שזה אומר.

42
00:02:11,560 --> 00:02:15,260
>> אז בעצם, לשנות
הרשאות הקובץ שלך,

43
00:02:15,260 --> 00:02:16,850
אתה רק רוצה להשתמש chmod.

44
00:02:16,850 --> 00:02:23,620
אתה יכול לחשוב על זה כמו כל האחרים
UNIX קורא כמו ls או CD או מה שלא.

45
00:02:23,620 --> 00:02:25,540
זה פשוט סוג של שיחה נוספת כמו.

46
00:02:25,540 --> 00:02:30,530
>> אז אנחנו עושים chmod ואז
יש שלוש ספרות בדרך כלל.

47
00:02:30,530 --> 00:02:33,570
ישנן כמה דרכים לעשות
זה, שאחד מהם יעברו על.

48
00:02:33,570 --> 00:02:37,650
אבל בדרך כלל, יהיה לך שלושה
ספרות הנעה 0-7 בכל פעם.

49
00:02:37,650 --> 00:02:43,530
>> אז דבר אחד הוא שיש
שלוש הרשאות שונות

50
00:02:43,530 --> 00:02:45,510
שאנחנו יכולים לתת לכל קובץ.

51
00:02:45,510 --> 00:02:49,480
וזה קריא, שהוא
מיוצג על ידי r, שיהיה הגיוני

52
00:02:49,480 --> 00:02:54,020
בקצת; w, שהוא
לכתיבה; והפעלה שהוא, x.

53
00:02:54,020 --> 00:02:57,630
אני יודע שהודעת אחת, הפעלה,
אולי לא הכי הגיוני, אבל אנחנו

54
00:02:57,630 --> 00:02:59,120
מייצג אותו עם x.

55
00:02:59,120 --> 00:03:05,290
>> ואז מה שקורה הוא כל אחד מאלה
יש גם ייצוג המספר.

56
00:03:05,290 --> 00:03:07,990
אז יש לנו 1, 2, ו -4.

57
00:03:07,990 --> 00:03:12,060
ובעצם מה שקורה הוא
כל אחד משלושת המספרים האלה

58
00:03:12,060 --> 00:03:17,380
כאן מתאים ל
קבוצה של משתמשים שונה

59
00:03:17,380 --> 00:03:19,420
שהרשאות אלה נוגעות ל.

60
00:03:19,420 --> 00:03:24,820
>> אז אתה יכול לחשוב על זה ראשון
מספר מתאים למשתמש בפועל

61
00:03:24,820 --> 00:03:29,360
או הבעלים של הקובץ, השני
מספר יהיה מתאים לקבוצה,

62
00:03:29,360 --> 00:03:33,590
ואת האחרון מתייחס
לעולם, בסדר?

63
00:03:33,590 --> 00:03:39,995
אז מה שקורה הוא לזכור
r אחר המספרים אלה הוא 4, w הוא 2,

64
00:03:39,995 --> 00:03:42,550
x הוא 1, נכון?

65
00:03:42,550 --> 00:03:46,630
זה-- אם אתה מסכם את אלה,
זה נותן לך שמספר הראשון

66
00:03:46,630 --> 00:03:48,600
שאנו עלולים קלט בchmod שלנו.

67
00:03:48,600 --> 00:03:52,191
>> אז במקרה הזה, מה ש
היה מספר זה יהיה?

68
00:03:52,191 --> 00:03:57,030
זה יהיה 4 בתוספת 2 בתוספת
1, שבו הוא 7, נכון?

69
00:03:57,030 --> 00:03:59,250
ובמקרה הזה, אלה
אין להם מה,

70
00:03:59,250 --> 00:04:06,450
אז זה ממש כאן היית
לתרגם chmod 700, בסדר?

71
00:04:06,450 --> 00:04:12,030
ומה שעושה זה שהיא מעניקה לכל
הרשאות אלה למשתמש שלך.

72
00:04:12,030 --> 00:04:14,400
>> אז זה אומר שמשתמשים שלנו
יכול לעשות מה שהם רוצים.

73
00:04:14,400 --> 00:04:15,400
הם יכולים לקרוא קובץ זה.

74
00:04:15,400 --> 00:04:16,810
הם יכולים לבצע את קובץ.

75
00:04:16,810 --> 00:04:18,360
הם יכולים לכתוב בקובץ זה.

76
00:04:18,360 --> 00:04:23,545
אבל קבוצה והעולם, לא
הרשאות שהיא, בסדר?

77
00:04:23,545 --> 00:04:26,480

78
00:04:26,480 --> 00:04:32,680
>> אז עוד דרך לכתוב את זה, אנחנו יכולים
לעשות chmod של שלוש ספרות, כל אחד מהם

79
00:04:32,680 --> 00:04:40,040
מתאים לכל הסכום או ש
קבוצה ספציפית היא, משנה ספציפי.

80
00:04:40,040 --> 00:04:44,870
או שאנחנו יכולים לעשות בעצם דבר אחר.

81
00:04:44,870 --> 00:04:45,590
תחזיק חזק.

82
00:04:45,590 --> 00:04:49,330
אנחנו יכולים לעשות משהו עם אלה כאן.

83
00:04:49,330 --> 00:04:55,615
>> כמה מכם ראה את דוגמא
שבו היה כמו לchmod x פלוס זה?

84
00:04:55,615 --> 00:04:58,070
ראית את זה בהרצאה, אני חושב?

85
00:04:58,070 --> 00:05:00,610
אז עומד לכל.

86
00:05:00,610 --> 00:05:04,990
זה אומר לתת לכל משתמשיה,
ששכחתי לשים כאן.

87
00:05:04,990 --> 00:05:08,790
>> אבל X ועוד, אם
תבחין כאן, אם אנחנו עושים

88
00:05:08,790 --> 00:05:13,420
לchmod-- מה קבוצה אנחנו
מדבר על תוספת ההרשאות

89
00:05:13,420 --> 00:05:14,660
אנחנו רוצים לתת להם.

90
00:05:14,660 --> 00:05:16,120
אז זה יכול להיות יתרון או מינוס.

91
00:05:16,120 --> 00:05:17,690
בנוסף מוסיף רשות.

92
00:05:17,690 --> 00:05:19,510
מינוס לוקח את רשות.

93
00:05:19,510 --> 00:05:22,520
די אינטואיטיבי, אני חושב.

94
00:05:22,520 --> 00:05:25,720
>> אז בתוספת x פירושו chmod.

95
00:05:25,720 --> 00:05:32,260
אז לשנות את ההרשאות של כל האנשים
אם זה הרשאות תוספת a--.

96
00:05:32,260 --> 00:05:37,110
וx-- שמתכוון למה שרשות
אנחנו מעניקים לכולם.

97
00:05:37,110 --> 00:05:38,510
לקרוא, לכתוב, או לבצע?

98
00:05:38,510 --> 00:05:39,360
>> קהל: ביצוע.

99
00:05:39,360 --> 00:05:40,610
>> אליסון BUCHHOLTZ-AU: ביצוע.

100
00:05:40,610 --> 00:05:46,080
אז אנחנו נותנים את כל המשתמשים
רשות לבצע את הקובץ, בסדר?

101
00:05:46,080 --> 00:05:53,370
אז מה אם אנחנו רוצים לעשות
כי עם הצורה המספרית?

102
00:05:53,370 --> 00:05:56,290
אז לזכור עם מספרי,
אנחנו רוצים שלושה מספרים.

103
00:05:56,290 --> 00:05:56,790
>> קהל: 4.

104
00:05:56,790 --> 00:05:58,290
אליסון BUCHHOLTZ-AU: מה זה היה?

105
00:05:58,290 --> 00:05:59,260
קהל: 4.

106
00:05:59,260 --> 00:06:00,426
אליסון BUCHHOLTZ-AU: לא 4.

107
00:06:00,426 --> 00:06:01,599
קהל: 0, 0, 4.

108
00:06:01,599 --> 00:06:04,390
אליסון BUCHHOLTZ-AU: ובכן, אנחנו רוצים
לתת אותו לכל המשתמשים, נכון?

109
00:06:04,390 --> 00:06:07,442
אז אנחנו הולכים ליש לי
מספר בכל חריץ.

110
00:06:07,442 --> 00:06:09,400
זה הולך להיות
אותו מספר בכל חריץ

111
00:06:09,400 --> 00:06:13,800
כי אנחנו פשוט רוצים לתת לי
הרשאות הפעלה לכולם.

112
00:06:13,800 --> 00:06:16,480
אז הפעלה היא 1,
אבל על המסלול הנכון.

113
00:06:16,480 --> 00:06:23,055
>> שהיית אז אם אנחנו לא chmod 111
להיות שווה הערך של chmod X ועוד.

114
00:06:23,055 --> 00:06:24,430
האם זה הגיוני לכולם?

115
00:06:24,430 --> 00:06:26,910
אנחנו הולכים לעבור
כמה דוגמאות.

116
00:06:26,910 --> 00:06:29,860
>> אז ממסעדה הגדולה
כאן היא לא כאן,

117
00:06:29,860 --> 00:06:33,360
אבל רק אומר שנותן לכל משתמשיה.

118
00:06:33,360 --> 00:06:36,610
u הוא אם אתה רק רוצה
לתת או לקחת

119
00:06:36,610 --> 00:06:40,600
אישור ספציפי מ
המשתמש או הבעלים.

120
00:06:40,600 --> 00:06:43,800
ז הוא לקבוצה,
כך שהספרה אמצעית.

121
00:06:43,800 --> 00:06:49,440
ואז אחרים שאתה יכול לחשוב
כעולם, שהספרה האחרונה.

122
00:06:49,440 --> 00:06:52,840
>> אז עם זה, נלך לדוגמה,
כי אני מרגיש כמו דוגמאות תמיד

123
00:06:52,840 --> 00:06:56,240
לעשות את הדברים האלה קלים יותר להבין.

124
00:06:56,240 --> 00:07:01,240
אז rwx-- שעברנו זה--
יכול להיות גם מייצג 700.

125
00:07:01,240 --> 00:07:05,070
זה הדוגמא שאנו נראים
בלמעלה של התמונה.

126
00:07:05,070 --> 00:07:09,990
אז chmod 444 על כמה קבצים
היה נותן את מה שהרשאות?

127
00:07:09,990 --> 00:07:11,947
הייתם ממש קרוב.

128
00:07:11,947 --> 00:07:13,030
קהל: קריא לכל.

129
00:07:13,030 --> 00:07:14,321
אליסון BUCHHOLTZ-AU: קריא.

130
00:07:14,321 --> 00:07:15,660
אז קריא לכולם, נכון?

131
00:07:15,660 --> 00:07:17,910
ואז מה עוד דרך לעשות את זה?

132
00:07:17,910 --> 00:07:23,070
אם אנחנו רוצים לעשות chmod עם או
של r או w של, בתוספת וחסרונות,

133
00:07:23,070 --> 00:07:25,300
מה הייתה השיחה שנראית?

134
00:07:25,300 --> 00:07:27,336
זה יהיה chmod מה?

135
00:07:27,336 --> 00:07:28,590
>> קהל: r בתוספת.

136
00:07:28,590 --> 00:07:32,900
>> אליסון BUCHHOLTZ-AU: r בתוספת על 5.

137
00:07:32,900 --> 00:07:40,980
אוקיי, אז זה אותו הדבר כמו זה,
רק שני תרגומים שונים

138
00:07:40,980 --> 00:07:42,500
של אותו הדבר.

139
00:07:42,500 --> 00:07:45,650
אז עם זה, יש לנו אלה.

140
00:07:45,650 --> 00:07:50,310
אז אני רוצה שבחורים לנסות ולכתוב
אלה סוג של בכיוון ההפוך שלהם.

141
00:07:50,310 --> 00:07:53,710
>> אז עם chmod 555,
מה זה יהיה?

142
00:07:53,710 --> 00:07:56,704
האם זה יהיה בתוספת או u בתוספת או משהו כזה?

143
00:07:56,704 --> 00:07:58,370
עבור U בתוספת x, תן לי שלושה מספרים.

144
00:07:58,370 --> 00:08:03,530
ואז לספר לי על מה הרשאות
אנחנו בעצם מתן ומי?

145
00:08:03,530 --> 00:08:06,600
>> אז אני אתן לכם שני
דקות לעבוד על זה.

146
00:08:06,600 --> 00:08:08,160
תרגיש חופשי לדבר אחד עם השני.

147
00:08:08,160 --> 00:08:11,910
לאלו מכם שבאו בקצת
מאוחר, יש ממתקים וחולצות.

148
00:08:11,910 --> 00:08:14,590
יש לנו שלוש חולצות עזבו, ו
יש לנו חטיפי שוקולד ומטר כוכבים.

149
00:08:14,590 --> 00:08:17,630
אז תרגיש חופשי לבוא לתפוס
כמה באתנחתא הקטנה הזה.

150
00:08:17,630 --> 00:09:03,190

151
00:09:03,190 --> 00:09:04,440
>> כמו כן, האחרון הוא מסובך.

152
00:09:04,440 --> 00:09:06,670
זה שתי chmods לאחרון.

153
00:09:06,670 --> 00:09:10,990

154
00:09:10,990 --> 00:09:15,880
למעשה, תנו לי לסגור את הדלת ש
בעוד אתם עובדים על זה.

155
00:09:15,880 --> 00:09:26,240

156
00:09:26,240 --> 00:09:28,225
סוכריות תמיד הכרחיות
ביום שני אחר הצהריים.

157
00:09:28,225 --> 00:09:31,740

158
00:09:31,740 --> 00:09:34,756
>> אוקיי, אז chmod 555.

159
00:09:34,756 --> 00:09:36,380
מה דרך אחרת היינו יכולים לכתוב את זה?

160
00:09:36,380 --> 00:09:39,860

161
00:09:39,860 --> 00:09:41,790
יש לך רעיונות?

162
00:09:41,790 --> 00:09:42,290
כן.

163
00:09:42,290 --> 00:09:43,280
>> קהל: rx בתוספת.

164
00:09:43,280 --> 00:09:44,613
>> אליסון BUCHHOLTZ-AU: r בתוספת rx.

165
00:09:44,613 --> 00:09:47,290
האם אתה רוצה להסביר למה זה הייתי RX?

166
00:09:47,290 --> 00:09:49,570
>> קהל: מכיוון שיש לך
5, אז זה 4 פלוס 1,

167
00:09:49,570 --> 00:09:51,734
בתוספת, כך שקרא את
הפעלה, וזה לכולם.

168
00:09:51,734 --> 00:09:52,900
אליסון BUCHHOLTZ-AU: נכון.

169
00:09:52,900 --> 00:09:58,540
אז רק כדי לחזור ולהדגיש, 5 כאן
אנחנו יודעים כסכום של 4 ו- 1,

170
00:09:58,540 --> 00:10:04,760
כי כל מספר בשלישייה שלנו הוא
סכום של ההרשאות עבור קבוצת משנה ש,

171
00:10:04,760 --> 00:10:05,260
נכון?

172
00:10:05,260 --> 00:10:07,070
כך או המשתמש,
קבוצה, או העולם.

173
00:10:07,070 --> 00:10:11,160
אז במקרה הזה, אנחנו יודעים ש
5 יש שהוקמו על ידי 4 ו -1.

174
00:10:11,160 --> 00:10:15,240
>> ו 4 ו 1 מתאים ל
קריא והפעלה.

175
00:10:15,240 --> 00:10:21,717
אנחנו נותנים את זה לכולם,
כדי שנוכל לעשות chmod rx בתוספת.

176
00:10:21,717 --> 00:10:24,050
וכמובן שאנחנו פשוט הלכנו
באמצעות השאלות שיש,

177
00:10:24,050 --> 00:10:28,810
אז עכשיו קובץ זה הוא הפעלה
וקריא לכולם.

178
00:10:28,810 --> 00:10:31,120
>> אז מה לגבי השני?

179
00:10:31,120 --> 00:10:32,900
מה יכול המספר שלאדם יהיה?

180
00:10:32,900 --> 00:10:36,676

181
00:10:36,676 --> 00:10:37,180
יש לך רעיונות?

182
00:10:37,180 --> 00:10:37,680
קדימה.

183
00:10:37,680 --> 00:10:38,600
>> קהל: 100 [לא ברור].

184
00:10:38,600 --> 00:10:39,683
>> אליסון BUCHHOLTZ-AU: 100.

185
00:10:39,683 --> 00:10:40,270
בדיוק.

186
00:10:40,270 --> 00:10:42,455
אז אתה רוצה להסביר למה 100?

187
00:10:42,455 --> 00:10:45,080
קהל: כי זה ל
למשתמש, כך שזה במקום הראשון.

188
00:10:45,080 --> 00:10:47,371
ואז x ההפעלה הוא 1.

189
00:10:47,371 --> 00:10:48,620
אליסון BUCHHOLTZ-AU: בדיוק.

190
00:10:48,620 --> 00:10:53,120
אז אנחנו מעניקים הפעלה
הרשאות רק למשתמש.

191
00:10:53,120 --> 00:10:55,100
אז במקרה הזה, זה יהיה 100.

192
00:10:55,100 --> 00:10:57,570
ויש לי את כל התשובות
על השקופית הבאה במקרה

193
00:10:57,570 --> 00:11:00,060
אתה כותב את הרבה דברים.

194
00:11:00,060 --> 00:11:08,410
>> אוקיי, אז הבא זה באמת עשה
עם שתי chmods, אתה יכול לעשות את זה.

195
00:11:08,410 --> 00:11:11,120
אז האם מישהו יש
כל רעיון כיצד תוכל

196
00:11:11,120 --> 00:11:14,150
לקבל chmod 640 שכתובים
בדרך אחרת?

197
00:11:14,150 --> 00:11:17,770

198
00:11:17,770 --> 00:11:22,820
אתה יכול לשנות את המשתמש ראשון ולאחר מכן
אתה יכול לשנות את הקבוצה היא הרמז שלי.

199
00:11:22,820 --> 00:11:29,740
>> אז אם אנחנו פשוט היו משנים את
משתמש, שהוא ראשון זה כאן,

200
00:11:29,740 --> 00:11:33,830
מה שאולי השיחה שלנו להיות?

201
00:11:33,830 --> 00:11:36,080
אז משתמש הוא u, נכון?

202
00:11:36,080 --> 00:11:38,780
אז chmod u בתוספת מה?

203
00:11:38,780 --> 00:11:39,280
"ממממ?

204
00:11:39,280 --> 00:11:40,469
>> קהל: RW.

205
00:11:40,469 --> 00:11:41,510
אליסון BUCHHOLTZ-AU: RW.

206
00:11:41,510 --> 00:11:47,470
ימין, לקריאה וכתיבה, כי קריאה
הוא 4, w הוא 2, סכום אלה יחד כ6.

207
00:11:47,470 --> 00:11:52,760
אז אנחנו מקבלים chmod u בתוספת RW,
ואנחנו מקבלים 6 הראשונים שלנו שם.

208
00:11:52,760 --> 00:11:56,860
>> אז לקבל 4, עכשיו אנחנו רוצים
כדי לשנות את ההגדרות לקבוצה שלנו.

209
00:11:56,860 --> 00:12:00,960
אז אנחנו הולכים לעשות g chmod בתוספת מה?

210
00:12:00,960 --> 00:12:02,380
מה 4?

211
00:12:02,380 --> 00:12:03,040
>> קהל: r.

212
00:12:03,040 --> 00:12:04,040
אליסון BUCHHOLTZ-AU: r.

213
00:12:04,040 --> 00:12:05,070
בדיוק.

214
00:12:05,070 --> 00:12:09,140
אז אנחנו נותנים לבעל
לקרוא ולכתוב הרשאות

215
00:12:09,140 --> 00:12:13,141
ואנחנו נותנים לקריאה הקבוצה
הרשאות, שיש לנו את כל כאן.

216
00:12:13,141 --> 00:12:13,640
"ממממ?

217
00:12:13,640 --> 00:12:17,740
>> קהל: אם אתה יכול לכתוב משהו,
האם זה אומר שאתה יכול לבצע אותה?

218
00:12:17,740 --> 00:12:20,700
>> אליסון BUCHHOLTZ-AU: אתה
יכול לכתוב לsomething--

219
00:12:20,700 --> 00:12:22,900
אני לא מאמין שזה
אומר שאתה יכול לבצע אותה.

220
00:12:22,900 --> 00:12:25,951

221
00:12:25,951 --> 00:12:26,450
מגניב.

222
00:12:26,450 --> 00:12:29,620
אז זה כל מה שאנחנו פשוט עברנו.

223
00:12:29,620 --> 00:12:33,075
אז בבאה זה, זה
מקרים פשוט סוג של משותפים

224
00:12:33,075 --> 00:12:35,200
שברצונך לשמור ב
אכפת ללהגדיר את הבעיה שלך.

225
00:12:35,200 --> 00:12:39,800
אלה הם בדרך כלל ההרשאות
כי אנחנו אוהבים אותך להשתמש.

226
00:12:39,800 --> 00:12:44,900
>> אז ל 711, שנותן לי
שלנו, כמובן, משתמשים

227
00:12:44,900 --> 00:12:47,720
כל ההרשאות, ש
נוטה הגיונית.

228
00:12:47,720 --> 00:12:51,920
ואז זה הפעלה על ידי
קבוצה בעולם, מה שהופך את התחושה

229
00:12:51,920 --> 00:12:56,150
אם יש לך כמה בספרייה, אתה
רוצה להיות מסוגל לעבור אליו.

230
00:12:56,150 --> 00:12:58,160
אנשים צריכים גישה.

231
00:12:58,160 --> 00:13:04,680
>> עבור כל קובץ שאינו PHP, אתה הולך
להשתמש 644, שיעשה מה?

232
00:13:04,680 --> 00:13:07,560
מה זה מרמז, או מה ש
הרשאות זה נותן?

233
00:13:07,560 --> 00:13:12,210

234
00:13:12,210 --> 00:13:14,409
אז הבעלים יכולים מה?

235
00:13:14,409 --> 00:13:15,450
קהל: קריאה וכתיבה.

236
00:13:15,450 --> 00:13:16,991
אליסון BUCHHOLTZ-AU: קריאה וכתיבה.

237
00:13:16,991 --> 00:13:21,560
ואז קבוצה ואחרים
רק יכול לקרוא, נכון?

238
00:13:21,560 --> 00:13:25,660
ולאחר מכן chmod 600 לכל
קבצי PHP שאתה משתמש,

239
00:13:25,660 --> 00:13:27,980
הבעלים שלך, שוב, יכול
לקרוא ולכתוב אליו

240
00:13:27,980 --> 00:13:32,310
אבל כולם הוא
פשוט סוג של חסום.

241
00:13:32,310 --> 00:13:34,540
>> אז זה יהיה ממש
להיות שימושי יותר כש

242
00:13:34,540 --> 00:13:37,700
אתה מקבל לבעיה שלך
בשבוע הבא נקבע בי

243
00:13:37,700 --> 00:13:40,290
אתה בעצם בניית אתר אינטרנט.

244
00:13:40,290 --> 00:13:43,100
אז אם אי פעם אתה נתקלת ב
בעיות מוזרות כל

245
00:13:43,100 --> 00:13:45,970
איפה זה לא טוען
כראוי, אולי אתה

246
00:13:45,970 --> 00:13:50,670
צריך להוסיף הפעלה
רשות, או אולי אתה צריך לקרוא

247
00:13:50,670 --> 00:13:52,990
או לכתוב את הרשות.

248
00:13:52,990 --> 00:13:56,980
דברים קטנים שנוטים להכשיל אנשים
עד, אבל זה כמו סוג של גו-ל

249
00:13:56,980 --> 00:13:58,564
כשאתה מתחיל pset בשבוע הבא.

250
00:13:58,564 --> 00:14:00,730
ואני אתן לך יותר
רמזים על pset השבוע,

251
00:14:00,730 --> 00:14:05,010
אבל יש לי עדיין מסתכלים על זה מאז
הוא שוחרר הבוקר.

252
00:14:05,010 --> 00:14:10,600
אבל אתה שלחת לי, אני נראה
בזה עד שאני מגיב מחר.

253
00:14:10,600 --> 00:14:14,310
>> אז עכשיו, כולם טוב עם chmod?

254
00:14:14,310 --> 00:14:16,040
כל שאלות שנותרו?

255
00:14:16,040 --> 00:14:17,240
די פשוט.

256
00:14:17,240 --> 00:14:20,620
פשוט סוג של שמירה על המסלול של מה ש
לקרוא, לכתוב, ולבצע מספרים

257
00:14:20,620 --> 00:14:23,660
הוא כנראה החלק הכי קשה.

258
00:14:23,660 --> 00:14:29,620
>> אז עם TCP / IP, כל הפרוטוקולים הללו,
כמו סוג של במבני נתונים שלך

259
00:14:29,620 --> 00:14:31,990
בשבוע שעבר, שזה הרבה יותר
חשוב לקבל סוג של

260
00:14:31,990 --> 00:14:33,900
אינטואיציה רמה גבוהה יותר שלהם.

261
00:14:33,900 --> 00:14:37,390
זה לא CS143 לאן אנחנו הולכים
לבקש ממך ליישם רשת,

262
00:14:37,390 --> 00:14:39,870
אז אתה אהיה בסדר אם
אתה לא מבין

263
00:14:39,870 --> 00:14:42,900
גרגירי nitty של כל הפרוטוקולים.

264
00:14:42,900 --> 00:14:46,050
מה שחשוב הוא להבין
כמו סוג של מה שהם מייצגים

265
00:14:46,050 --> 00:14:47,300
ומדוע הם חשובים.

266
00:14:47,300 --> 00:14:52,320
>> אז TCP / IP, כמובן, זה
Transmission Control Protocol

267
00:14:52,320 --> 00:14:57,270
או פרוטוקול האינטרנט, שהוא
בעצם רק סט של חוקי יסודו של דבר

268
00:14:57,270 --> 00:15:00,800
או תקנים המציינות נתונים
איך זה צריך להיות מטופל,

269
00:15:00,800 --> 00:15:04,900
איך זה צריך להיות packetized,
מועבר, וקיבל.

270
00:15:04,900 --> 00:15:09,200
אז זה בעצם, בדיוק כפי ש
אומר כאן, מגדיל את הסיכוי

271
00:15:09,200 --> 00:15:12,950
נתונים שמקבל בי
אתה רוצה את זה כדי להגיע ל.

272
00:15:12,950 --> 00:15:15,950
>> אני בטוח שאם אתם הלכנו ל
הרצאה או צפתה בו באינטרנט,

273
00:15:15,950 --> 00:15:18,232
הוא has-- אני לא יודע
אם הוא עשה את זה בשנה זו,

274
00:15:18,232 --> 00:15:20,940
אבל אני יודע בשנה שעברה, היה לו
הדגמה שם הייתה לו תמונה של Rob

275
00:15:20,940 --> 00:15:23,320
והוא לפצל אותה ל
ארבעה ולשים אותו במעטפות

276
00:15:23,320 --> 00:15:26,590
וניסיתי להעלות אותה על סנדרס.

277
00:15:26,590 --> 00:15:29,430
ואתה יכול סוג של
חושב על זה ככה.

278
00:15:29,430 --> 00:15:35,400
זה פשוט סט של חוקים ש
תגיד לי נתונים איך להגיע לאיזה מקום

279
00:15:35,400 --> 00:15:37,640
ומאפשר לך לדעת אם
אתה חסר נתונים,

280
00:15:37,640 --> 00:15:40,460
באותו אופן שאם אתה
לוקח מספר עמודים של הערות

281
00:15:40,460 --> 00:15:46,490
ואתה לתייג אותם עם דף 104, דף
204, ואתה חוזר ללימודים מאוחר יותר

282
00:15:46,490 --> 00:15:50,220
ואתה חסר something--
אתה לא יכול למצוא את הדף 304-- אתה יודע

283
00:15:50,220 --> 00:15:53,310
משהו לא בסדר, אז אתה
יכול להסתכל דרך את ההערות שלך

284
00:15:53,310 --> 00:15:58,666
שוב או לבקש ממישהו לשלוח לך
סיכומים מאותו היום.

285
00:15:58,666 --> 00:16:00,290
באותו אופן עם נתונים באינטרנט.

286
00:16:00,290 --> 00:16:03,220
אם אני מבקש
משהו מחלק השרת

287
00:16:03,220 --> 00:16:05,377
ואת זה צריך לשלוח
זה במנות מרובות,

288
00:16:05,377 --> 00:16:07,210
כנראה הולך מספר
זה באופן כלשהו, ​​תן לי

289
00:16:07,210 --> 00:16:12,430
לי כמה אני צריך לקבל,
ותגיד לי, אה, זה הוא אחד מתוך 10

290
00:16:12,430 --> 00:16:13,990
או שזה אחד 10,000.

291
00:16:13,990 --> 00:16:17,030
ככה כשאני הולך להרכיב מחדש
את כל החלקים יחד,

292
00:16:17,030 --> 00:16:21,504
אני יודע שאם משהו חסר
ואני יכול לבקש את זה שוב.

293
00:16:21,504 --> 00:16:22,730
האם זה הגיוני?

294
00:16:22,730 --> 00:16:23,610
רק מערכת של כללים.

295
00:16:23,610 --> 00:16:28,120
בבסיסה, סט של כללים, בסדר?

296
00:16:28,120 --> 00:16:31,360
>> אז אנחנו גם דיברנו
קצת על יציאות.

297
00:16:31,360 --> 00:16:36,150
זה באמת פשוט סטנדרטי ש
מאפשר לך לדעת איזה סוג של נתונים

298
00:16:36,150 --> 00:16:38,650
משודרת במנות אלו.

299
00:16:38,650 --> 00:16:40,790
אם תלכו עימנו
דוגמא מעטפה, אנחנו לא

300
00:16:40,790 --> 00:16:43,510
יודע שזה תמונה של
רוב לשם אלא אם אנחנו כותבים את זה

301
00:16:43,510 --> 00:16:45,480
בצד החיצוני של המעטפה שלנו.

302
00:16:45,480 --> 00:16:47,100
אז יציאות הן בעצם אותו הדבר.

303
00:16:47,100 --> 00:16:51,670
זה פשוט דרך להבין מה
סוג של נתונים משודרים.

304
00:16:51,670 --> 00:16:56,260
>> אז יש לנו את כל
רוב הנפוצים אלה כאן.

305
00:16:56,260 --> 00:16:59,790
אז 21-- אלה הם סוג גם
כמו דברים טובים לדעת.

306
00:16:59,790 --> 00:17:01,560
זה סוג של שאלת חידון קלה.

307
00:17:01,560 --> 00:17:03,590
להיות כמו, מה היציאה 80 עושה?

308
00:17:03,590 --> 00:17:06,970
או, מה היציאה 443 לעשות?

309
00:17:06,970 --> 00:17:09,359
אז דברים טובים לדעת.

310
00:17:09,359 --> 00:17:12,569
>> אז יש לנו כאן, 21 הוא קובץ
פרוטוקול העברה, כל כך פשוט

311
00:17:12,569 --> 00:17:15,050
את החוקים השולטים בהעברת קבצים.

312
00:17:15,050 --> 00:17:19,550
25, משהו שכולנו
להשתמש הרבה יותר מדי, הוא דואר אלקטרוני.

313
00:17:19,550 --> 00:17:22,790
53 הוא שם תחום
מערכת, שהיא בעצם

314
00:17:22,790 --> 00:17:26,910
רק סוג של בדיקה ל
כתובת ה- IP של שם מתחם.

315
00:17:26,910 --> 00:17:29,900
>> אז אני די בטוח שזה היה
הזכיר בהרצאה, אם אתה

316
00:17:29,900 --> 00:17:33,960
ללכת למשהו כמו
google.com, יש לו את כתובת ה- IP

317
00:17:33,960 --> 00:17:35,818
המשויך לזה.

318
00:17:35,818 --> 00:17:37,026
זה לא ממש google.com.

319
00:17:37,026 --> 00:17:40,720
וכך 53 היא היציאה
שבעצם לוקח

320
00:17:40,720 --> 00:17:44,050
טיפול מסוג של תרגום זה
שלכתובת ה- IP עבורך.

321
00:17:44,050 --> 00:17:47,830
ואז 80 ו- 443 נפוצים מאוד.

322
00:17:47,830 --> 00:17:50,710
גם לך יש דף האינטרנט שלך או
יש לך דף האינטרנט המאובטח שלך,

323
00:17:50,710 --> 00:17:56,100
שהרבה דפי אינטרנט הם
העברה לידי עכשיו.

324
00:17:56,100 --> 00:18:02,540
>> אז זה סוג של רמה גבוהה
סקירה של פרוטוקול העברה.

325
00:18:02,540 --> 00:18:05,170
אני לא רואה הרבה יותר לעומק.

326
00:18:05,170 --> 00:18:07,320
זה סוג של דברים מגניבים
אם אתה מעוניין.

327
00:18:07,320 --> 00:18:08,590
יש הרבה משאבים.

328
00:18:08,590 --> 00:18:10,780
ויקיפדיה היא למעשה
דף די טוב.

329
00:18:10,780 --> 00:18:13,850
אז אני מסתכל על זה
רק לפני זמן קצר,

330
00:18:13,850 --> 00:18:16,580
אז אני מאוד ממליץ
מסתכל על זה אם אתה מעוניין

331
00:18:16,580 --> 00:18:22,160
או לקחת 143 בשנים כי
אני חושב שזה בכל שנה אחרת.

332
00:18:22,160 --> 00:18:27,590
>> אז בסופו של הדבר לכך, שאנחנו
מדבר על דפי האינטרנט ו- HTTP,

333
00:18:27,590 --> 00:18:33,790
שהוא למעשה הנושא הבא שלנו ל
היום לפני שאנחנו הולכים ל- HTML ו- CSS

334
00:18:33,790 --> 00:18:37,920
ואתה באמת יכול לקודד את דף אינטרנט.

335
00:18:37,920 --> 00:18:38,650
זה יהיה כיף.

336
00:18:38,650 --> 00:18:42,220
תהיה לנו תמונות של
ארנבות וזה יהיו נהדרים.

337
00:18:42,220 --> 00:18:48,630
>> אז HTTP, כפי שאתה יכול לראות כאן,
הוא אחד מראשי התיבות היפות

338
00:18:48,630 --> 00:18:53,220
במשך שבוע זה, שהוא
Hypertext Transfer Protocol.

339
00:18:53,220 --> 00:18:57,940
אז שוב, זה רק
קבוצה נוספת של כללים ש

340
00:18:57,940 --> 00:19:01,440
מסדיר היפרטקסט
להעביר, במקרה זה.

341
00:19:01,440 --> 00:19:04,120
אז הדרך הטובה ביותר ללמוד
על זה הוא פשוט סוג של

342
00:19:04,120 --> 00:19:07,650
לפרק אותו ל
מילות בודדות אלה

343
00:19:07,650 --> 00:19:10,770
כי יש הרבה
מילות על המסך יש.

344
00:19:10,770 --> 00:19:13,290
>> אז אנחנו הולכים להתחיל עם היפרטקסט.

345
00:19:13,290 --> 00:19:17,630
אז "היפר," אתה יכול לחשוב על
"מעל", כמו דבר סופר-סוג.

346
00:19:17,630 --> 00:19:24,615
אז זה באמת רק טקסט נלקח ל
הרמה הבאה, כך שזה כמו טקסט סופר,

347
00:19:24,615 --> 00:19:27,850
כמו הטקסט הבא.

348
00:19:27,850 --> 00:19:34,890
אז זה בעצם רק
טקסט שנותן לנו

349
00:19:34,890 --> 00:19:37,490
יותר מידע מאשר
טקסט רגיל עושה, בסדר?

350
00:19:37,490 --> 00:19:40,510
>> אז במקרה הזה כאן, זה היפרטקסט.

351
00:19:40,510 --> 00:19:45,710
זה אומר לנו שיש לנו
כמה קישור שאנחנו הולכים,

352
00:19:45,710 --> 00:19:49,620
שהוא cs50.net, ש
עכשיו cs50.harvard.edu.

353
00:19:49,620 --> 00:19:51,420
שקופיות אלה הן קצת ישנות.

354
00:19:51,420 --> 00:19:55,330
וזה הולך לתצוגה
זה כמו זה, כקישור,

355
00:19:55,330 --> 00:19:58,140
ולאחר מכן אתר ממש מגניב.

356
00:19:58,140 --> 00:20:02,080
>> אז זה הטקסט, שהוא קצת
קצת דברים ממש מגניבים שם.

357
00:20:02,080 --> 00:20:08,170
שלך כדי שתוכלו לקשר את הדברים ויכול
להוסיף תמונות ואתה יכול לעצב את הדברים.

358
00:20:08,170 --> 00:20:11,740
והדבר הכי המוכר ש
בחורים בטח יש לי עם היפרטקסט

359
00:20:11,740 --> 00:20:19,100
הוא HyperText Markup Language, HTML,
מה שכמובן כל האינטרנט

360
00:20:19,100 --> 00:20:23,080
שאנו רואים סביבנו, שהוענק
עם סגנון קצת CSS נזרק.

361
00:20:23,080 --> 00:20:25,580
>> אבל אם מישהו היה
גדול באמת עם MySpace,

362
00:20:25,580 --> 00:20:28,240
אני בטוח שאתה כל HTML המשומש
כל הזמן כדי ליצור

363
00:20:28,240 --> 00:20:30,640
פרופילים מושלמים, נכון?

364
00:20:30,640 --> 00:20:34,930
אני מרגיש כמו שיכול להיות
התייחסות מיושנת עכשיו, אבל שיהיה.

365
00:20:34,930 --> 00:20:37,780
רק little-- אתם
הם לא כל כך הרבה יותר צעירים.

366
00:20:37,780 --> 00:20:40,480
כמה מכם יותר מבוגר ממני.

367
00:20:40,480 --> 00:20:42,480
MySpace עדיין היה
דבר כשהייתי צעיר.

368
00:20:42,480 --> 00:20:44,510
אני לא כל כך ישן.

369
00:20:44,510 --> 00:20:49,265
>> בכל אופן, HTML פשוט סוג של היפר-טקסט.

370
00:20:49,265 --> 00:20:55,640
אז היפרטקסט הוא רק
טקסט עם תכונות הוסיפו.

371
00:20:55,640 --> 00:21:01,790
אז פרוטוקול העברה הוא כנראה
הדבר המפוקפק יותר להסביר.

372
00:21:01,790 --> 00:21:04,870
ברור, transfer--
רק העברת נתונים.

373
00:21:04,870 --> 00:21:09,370
אז או שבין הלקוח, כמו
האח שלך באינטרנט, ושרת.

374
00:21:09,370 --> 00:21:12,090
אז ככה, רק
דרך האינטרנט עובד.

375
00:21:12,090 --> 00:21:16,339
>> אז לבקשת המדויקת
איך עבודה אלה, אנחנו

376
00:21:16,339 --> 00:21:18,755
הולך בעצם להסתכל על
בקשת דוגמא ותגובה.

377
00:21:18,755 --> 00:21:21,730

378
00:21:21,730 --> 00:21:25,220
אבל איך לבקש
מידע משרת

379
00:21:25,220 --> 00:21:30,590
ואיך השרת מגיב לנו הוא
מה פרוטוקול העברה זו שולט.

380
00:21:30,590 --> 00:21:35,320
אז יש לי הבקשה והתגובה
בצע סט הספציפי אלה של כללים.

381
00:21:35,320 --> 00:21:38,340
זה טופל כך שלא משנה
שבו אתה משתמש באינטרנט,

382
00:21:38,340 --> 00:21:40,720
זה תמיד עובד אותו הדבר, בסדר?

383
00:21:40,720 --> 00:21:43,220
>> שוב, פרוטוקול, סט של כללים.

384
00:21:43,220 --> 00:21:45,620
זה פשוט רגיל
אינטראקציה באותה הדרך

385
00:21:45,620 --> 00:21:49,500
שפרופ 'מלאן מדבר על
אם מישהו מושיט את ידם,

386
00:21:49,500 --> 00:21:52,880
אתה יודע שזה נימוס
להגיע שלך החוצה וללחוץ את ידם.

387
00:21:52,880 --> 00:21:54,580
זה פרוטוקול, נכון?

388
00:21:54,580 --> 00:21:59,060
>> אז אני נותן איזו בקשה סטנדרטית,
וזה שאני רוצה ללחוץ את ידך,

389
00:21:59,060 --> 00:22:01,975
ואתה נותן כמה סטנדרטי
תגובה, אשר היא או לא תודה

390
00:22:01,975 --> 00:22:04,600
או שאתה יכול לנסות ולנער אותי
ביד או אולי אתה הולך לנסות

391
00:22:04,600 --> 00:22:06,490
ואגרוף להקפיץ אותי.

392
00:22:06,490 --> 00:22:08,320
ואין לנו פרוטוקול של.

393
00:22:08,320 --> 00:22:09,360
זה מתפרק.

394
00:22:09,360 --> 00:22:12,030
אבל אם כולם כדלקמן
אותו פרוטוקול, כמובן,

395
00:22:12,030 --> 00:22:14,250
זה הולך הרבה יותר בצורה חלקה.

396
00:22:14,250 --> 00:22:15,590
אנשים לומדים להכיר אחד את השני.

397
00:22:15,590 --> 00:22:16,830
כולם שמחים.

398
00:22:16,830 --> 00:22:20,750
>> אז בעולם של האינטרנט,
כולם עוקב אחר אותו rules--

399
00:22:20,750 --> 00:22:22,940
מעט יותר טוב מאשר סטנדרטים חברתיים.

400
00:22:22,940 --> 00:22:26,950
אבל עם זה, אנו מסתכלים
בבקשת דוגמא כאן.

401
00:22:26,950 --> 00:22:30,020
אז יש את זה קצת
מפתח כאן בתחתית

402
00:22:30,020 --> 00:22:34,990
אומר לך את הצבעים השונים,
מה הם אמורים להביע.

403
00:22:34,990 --> 00:22:38,290
>> כל כך לבן הוא בדיוק כמו השיטה שלך
בקשה ופרוטוקול version--

404
00:22:38,290 --> 00:22:42,400
כך בקשת שיטה, גרסה.

405
00:22:42,400 --> 00:22:44,630
ואז זה קצת
שם שדה והערך

406
00:22:44,630 --> 00:22:47,630
שדה ש, שבו אנו
להיכנס למאוד, מאוד בקרוב.

407
00:22:47,630 --> 00:22:49,840
אז זה בקשת דוגמא.

408
00:22:49,840 --> 00:22:54,470
זה כמוני הארכה החוצה,
רוצה להציג את עצמי.

409
00:22:54,470 --> 00:22:58,507
>> זה מה שהלקוח
או מה דפדפן האינטרנט שלך

410
00:22:58,507 --> 00:22:59,840
יהיה לשלוח לשרת שלך.

411
00:22:59,840 --> 00:23:04,500
אז זוהי בקשת גט, אז זה
לבקש משהו מהשרת.

412
00:23:04,500 --> 00:23:09,690
וזה, כמובן, HTTP
וזה גרסה 1.1.

413
00:23:09,690 --> 00:23:16,060
>> אז שאר זה כאן הוא מה שאנו מכנים
הכותרת, והמידע הנוסף שלה

414
00:23:16,060 --> 00:23:20,050
זה נותן לנו מושג טוב יותר של
מה אנחנו בעצם מבקשים,

415
00:23:20,050 --> 00:23:23,190
או מידע שאנחנו רוצים לתת לי
השרת שעלול להיות רלוונטי.

416
00:23:23,190 --> 00:23:32,880
אז User-Agent נותן עוד קצת
תיאור on-- למשל, כאן,

417
00:23:32,880 --> 00:23:38,720
תלתל / 7.24.0 הוא בעצם הולכים לספר לי
השרת שבו אנו משתמשים ב- Google

418
00:23:38,720 --> 00:23:40,700
Chrome כדפדפן שלנו.

419
00:23:40,700 --> 00:23:43,290
כל כך אי פעם אם אתה שומע
על אנשים שמדברים

420
00:23:43,290 --> 00:23:48,160
על ביצוע יישום מגיב
לדפדפנים מרובים,

421
00:23:48,160 --> 00:23:50,330
זה משהו שהם
הייתי משתמש כי אם אתה

422
00:23:50,330 --> 00:23:53,000
לא יודע מה דפדפן
הבקשה מגיעה מ,

423
00:23:53,000 --> 00:23:55,050
אתה לא יכול להתאים את הנתונים של.

424
00:23:55,050 --> 00:23:57,690
אז במקרה הזה, משתמש
הוא רק נותן סוג זה

425
00:23:57,690 --> 00:24:01,030
של מידע מזהה
על מה דפדפן

426
00:24:01,030 --> 00:24:06,510
המשתמש שלך משתמש כרגע ב, בסדר?

427
00:24:06,510 --> 00:24:11,640
>> אז יש לנו גם מארח, שהוא
שבו אנחנו בעצם רוצים ללכת ל.

428
00:24:11,640 --> 00:24:15,280
במקרה זה, אנחנו רוצים ללכת ל
apple.com, לקנות iPads החדש מגניב

429
00:24:15,280 --> 00:24:19,540
או משהו, אולי חמוד
אורות בחדרי המעון שלנו.

430
00:24:19,540 --> 00:24:24,900
ושם ערך בסוף הוא פשוט
מילוי, רק דבר כללי

431
00:24:24,900 --> 00:24:25,760
בשבילכם כדי לראות.

432
00:24:25,760 --> 00:24:28,240
זה לא באמת
מתאים לכל דבר כאן.

433
00:24:28,240 --> 00:24:32,360
>> אז אתה יכול לקבל הרבה או כ
קצת כמו שאתה רוצה בכל מקרה.

434
00:24:32,360 --> 00:24:36,990
רוב הזמן, אלה הם אופציונליים.

435
00:24:36,990 --> 00:24:41,780
זה פשוט תלוי במה
אתה צריך הדפדפן,

436
00:24:41,780 --> 00:24:45,120
מהמשתמש שלך על מנת
לתת כראוי את הבקשה.

437
00:24:45,120 --> 00:24:48,970
או שזה תלוי במה שהמשתמש שלך
בעצם רוצה לוותר לשרת.

438
00:24:48,970 --> 00:24:54,550
אז אולי יש לך הרבה, הרבה
שמות שדה הכותרת הבאים

439
00:24:54,550 --> 00:24:57,140
או אולי פשוט יש לך כמה.

440
00:24:57,140 --> 00:24:59,630
כמו בכל כך הרבה דברים
אני כבר אמרתי בסעיף זה,

441
00:24:59,630 --> 00:25:03,590
זה באמת תלוי בהקשר
איך אתה משתמש בזה.

442
00:25:03,590 --> 00:25:06,810
>> אז עושה את זה הגיוני לכולם?

443
00:25:06,810 --> 00:25:11,463
זוהי רק דוגמה ל
בקשה, כותרות, מה לא.

444
00:25:11,463 --> 00:25:16,910
אוקיי, אז עם זה, יש לנו איזו תגובה.

445
00:25:16,910 --> 00:25:20,510
>> שוב, יש לנו קוד מצב, הפרוטוקול שלנו
גרסה, ולאחר מכן את שם שדה ושדה

446
00:25:20,510 --> 00:25:21,700
ערך כמו תמיד.

447
00:25:21,700 --> 00:25:25,500
אז גרסת הפרוטוקול שלנו
וקוד המצב שלנו הוא 200.

448
00:25:25,500 --> 00:25:28,610
אישור, מה שאומר ש,
כן, הכל הלך טוב.

449
00:25:28,610 --> 00:25:30,230
הנה מה שאתה רוצה.

450
00:25:30,230 --> 00:25:33,750
>> סוג השרת, התוכן
type-- זה אומר לנו, בסדר, אתה

451
00:25:33,750 --> 00:25:37,210
הולך לקבל חלק מהטקסט HTML.

452
00:25:37,210 --> 00:25:40,520
כאן הוא האורך והנה
מה שאתה צריך לעשות עם החיבור.

453
00:25:40,520 --> 00:25:43,004
אוקיי, אז שוב, תלוי
על הנתונים שאתה

454
00:25:43,004 --> 00:25:45,670
מבקש, בהתאם למה ש
שרת רוצה לחזור אליך,

455
00:25:45,670 --> 00:25:49,440
ייתכן שיש לך יותר משדה הבאים
שמות, שאולי יש לך פחות.

456
00:25:49,440 --> 00:25:53,950
לגמרי תלוי בהקשר.

457
00:25:53,950 --> 00:25:56,650
>> וככל שמעמד זה
קוד כאן, כמובן,

458
00:25:56,650 --> 00:25:59,590
200 הוא לא היחיד
יכול להיות לך, נכון?

459
00:25:59,590 --> 00:26:01,580
יש לנו הרבה קודי מצב.

460
00:26:01,580 --> 00:26:06,120
מישהו זוכר מי מ
אחרים שהזכרנו בהרצאה?

461
00:26:06,120 --> 00:26:08,310
הרבה מהם מתחילים עם 4.

462
00:26:08,310 --> 00:26:09,680
>> קהל: 404.

463
00:26:09,680 --> 00:26:11,310
>> אליסון BUCHHOLTZ-AU: 404, שהוא?

464
00:26:11,310 --> 00:26:12,140
>> קהל: קובץ לא נמצא?

465
00:26:12,140 --> 00:26:13,250
>> אליסון BUCHHOLTZ-AU: קובץ לא נמצא.

466
00:26:13,250 --> 00:26:14,120
בדיוק.

467
00:26:14,120 --> 00:26:15,587
אז מה לגבי 403?

468
00:26:15,587 --> 00:26:16,420
קהל: אסור.

469
00:26:16,420 --> 00:26:17,120
אליסון BUCHHOLTZ-AU: אסור.

470
00:26:17,120 --> 00:26:18,695
אז מה אתה חושב
זה אומר שעם chmods?

471
00:26:18,695 --> 00:26:20,890
>> קהל: זה אומר שאתה
אין להם הרשאה לקרוא אותו.

472
00:26:20,890 --> 00:26:22,400
>> אליסון BUCHHOLTZ-AU: בדיוק.

473
00:26:22,400 --> 00:26:25,190
בדרך כלשהי, אין לך
הרשאה לגשת אליו, נכון?

474
00:26:25,190 --> 00:26:27,242
אז 404, 403.

475
00:26:27,242 --> 00:26:28,950
יש ממש מצחיק
אחד שתמיד

476
00:26:28,950 --> 00:26:31,116
להציג את כל שנה ש
הייתי צריך לשים כאן,

477
00:26:31,116 --> 00:26:33,370
כמו 413, שהוא אני קומקום.

478
00:26:33,370 --> 00:26:34,390
אתה יכול Google זה.

479
00:26:34,390 --> 00:26:38,490
זה מצחיק כמו, שהוא קוד
413 וזה אני קומקום.

480
00:26:38,490 --> 00:26:41,240
שאני לא יודע למה שהיית
אי פעם צריכים את זה באינטרנט,

481
00:26:41,240 --> 00:26:42,935
אבל אני סוטה מהנושא.

482
00:26:42,935 --> 00:26:44,310
קהל: אולי אתה סיר תה.

483
00:26:44,310 --> 00:26:46,476
אליסון BUCHHOLTZ-AU: אולי
השרת הוא קנקן תה.

484
00:26:46,476 --> 00:26:47,890
מי יודע?

485
00:26:47,890 --> 00:26:51,840
בסדר, אז אנחנו עומדים
מעבר לקידוד אמיתי.

486
00:26:51,840 --> 00:26:54,750
אני מרגיש כאילו אתם הולכים
לצאת מכאן די מהר.

487
00:26:54,750 --> 00:26:56,940
>> קהל: למה עושה את זה
אומר "שרת: פעמיים?

488
00:26:56,940 --> 00:26:57,981
>> אליסון BUCHHOLTZ-AU: Hm?

489
00:26:57,981 --> 00:27:00,350
שרת פעמיים?

490
00:27:00,350 --> 00:27:03,750
זו שאלה טובה.

491
00:27:03,750 --> 00:27:04,630
אני לא בטוח.

492
00:27:04,630 --> 00:27:07,520
אני תגלה ו
אני בדוא"ל לכולכם.

493
00:27:07,520 --> 00:27:11,410
>> אישור, כל שאלות אחרות חוץ מזה?

494
00:27:11,410 --> 00:27:12,310
טוב?

495
00:27:12,310 --> 00:27:14,390
מגניב.

496
00:27:14,390 --> 00:27:17,280
>> HTML ו- CSS, ועכשיו אנחנו
להגיע לכל חלקי הכיף.

497
00:27:17,280 --> 00:27:21,697
אז כפי שציינתי קודם, HTML
הוא כנראה אחד הדברים

498
00:27:21,697 --> 00:27:23,030
אתם מכירים את רוב עם.

499
00:27:23,030 --> 00:27:25,760
אז יש לנו HyperText Markup Language.

500
00:27:25,760 --> 00:27:29,900
>> הדרך הטובה ביותר ללמוד זה-- אני לא
יש כל שקופיות או כל דבר מוכנים

501
00:27:29,900 --> 00:27:31,480
בשבילכם עם HTML.

502
00:27:31,480 --> 00:27:33,640
זה באמת על לימוד התחביר.

503
00:27:33,640 --> 00:27:38,380
ואם הייתם במייספייס
היום, היית צריך את זה.

504
00:27:38,380 --> 00:27:42,790
>> אז באמת, הדבר הכי גדול הוא
רק כדי להתאמן ולהתנסות.

505
00:27:42,790 --> 00:27:48,000
אחד המשאבים הגדולים הייתי
ממליץ בחום על השימוש בהוא W3Schools.

506
00:27:48,000 --> 00:27:50,620
אז רק W, 3, ולאחר מכן בתי ספר.

507
00:27:50,620 --> 00:27:54,810
יש להם הרבה
משאבים על HTML, CSS על,

508
00:27:54,810 --> 00:27:58,970
ולמעשה יש להם
סוג מסך מפוצל של דבר

509
00:27:58,970 --> 00:28:00,830
שבו הם ייתנו לך דוגמא קוד.

510
00:28:00,830 --> 00:28:03,290
אתה יכול לשחק בו,
לשנות אותו, ולחץ עדכון,

511
00:28:03,290 --> 00:28:06,410
וזה יראו לך מה זה
בעצם עושה לדף האינטרנט.

512
00:28:06,410 --> 00:28:08,380
>> אז מאוד אני ממליץ על שימוש שב.

513
00:28:08,380 --> 00:28:11,300
זה די מגניב.

514
00:28:11,300 --> 00:28:14,560
לא תקבל תקלות SEG
כאן כאשר הדברים משתבשים.

515
00:28:14,560 --> 00:28:16,430
אם אתה מצליח לקבל
אשמת SEG עם HTML,

516
00:28:16,430 --> 00:28:19,446
אל תודיעו לי כי אני
הולך להיות אמיתי סקרן.

517
00:28:19,446 --> 00:28:21,570
אבל זה ממש מגניב, כי
אתה יכול לשנות דברים,

518
00:28:21,570 --> 00:28:23,550
אתה יכול לראות אותם מעודכן בשידור חי.

519
00:28:23,550 --> 00:28:26,210
ואני חושב שאקבל הרבה
תפיסה אינטואיטיבית יותר של HTML

520
00:28:26,210 --> 00:28:28,690
אם אתה באמת רק לבלות קצת
זמן להתנסות עם זה.

521
00:28:28,690 --> 00:28:32,590
אז בגלל זה אמרתי,
תרגול וניסוי.

522
00:28:32,590 --> 00:28:34,490
>> Google, מכאן והלאה
את, כנראה יהיה

523
00:28:34,490 --> 00:28:36,440
אחד המשאבים הטובים ביותר שלך והחברים.

524
00:28:36,440 --> 00:28:41,080
או Bing-- אני עובד במיקרוסופט,
אז אולי אני צריך לומר בינג.

525
00:28:41,080 --> 00:28:45,590
אבל כמעט כל דבר
הוא פשוט הולך להיות תחביר,

526
00:28:45,590 --> 00:28:51,300
לכן הבנה מה הם התגים,
understanding-- לפחות עם CSS--

527
00:28:51,300 --> 00:28:53,360
כיצד לשנות תכונות מסוימות.

528
00:28:53,360 --> 00:28:55,300
זה יהיה סופר שימושי.

529
00:28:55,300 --> 00:28:58,852
>> אז למרות שאנחנו לא
יש כל דברים מוכנים,

530
00:28:58,852 --> 00:29:02,060
יש לנו סוג של כמה שיטות עבודה מומלצות
כי אנחנו רוצים אתכם לנסות ולציית

531
00:29:02,060 --> 00:29:06,640
by-- או לייתר דיוק, אתה צריך
לציית עד להודעה חדשה.

532
00:29:06,640 --> 00:29:09,722
אז לסגור את כל התגים שלך.

533
00:29:09,722 --> 00:29:12,930
אני מקווה שכולם has-- אתה יודע מה,
אם זה לא הגיוני עכשיו,

534
00:29:12,930 --> 00:29:15,388
אני מבטיח שזה יהיה הגיוני
כשאנחנו קידוד את הדף.

535
00:29:15,388 --> 00:29:16,680
אבל לסגור את כל התגים שלך.

536
00:29:16,680 --> 00:29:20,410
אז אם אי פעם יש לך קצת
כותרת זה הסוגר,

537
00:29:20,410 --> 00:29:24,180
H1, הסוגר, לוודא ש
בכל פעם שסיימת עם זה,

538
00:29:24,180 --> 00:29:26,570
אתה סוגר כותרת ש.

539
00:29:26,570 --> 00:29:30,260
לאמת את הדף שלך עם W3 Validator.

540
00:29:30,260 --> 00:29:34,689
אם אתה לא סוגר את התגים שלך,
אתה יכול לקבל התנהגות בלתי צפויה.

541
00:29:34,689 --> 00:29:37,730
זה אומר שהדף שלך הוא לא חוקי
אם אתה מפעיל את זה דרך validator זה.

542
00:29:37,730 --> 00:29:41,000
לכן, כאשר בdoubt-- ובמיוחד
בשבוע השבוע הבא של ו

543
00:29:41,000 --> 00:29:46,220
pset-- באותו אופן שאנו מבקשים
לך להשתמש לבדוק 50 וסגנון 50,

544
00:29:46,220 --> 00:29:49,130
אתה יכול לחשוב על זה
כאחת מהבדיקות שלך, בסדר?

545
00:29:49,130 --> 00:29:51,950
>> אז אם זה לא עובר Validator W3.

546
00:29:51,950 --> 00:29:53,810
זה משהו שאנחנו יהיו לעגן אותך על.

547
00:29:53,810 --> 00:29:55,960
או אני אומר לך תקין
עכשיו, אני אוריד לך את על.

548
00:29:55,960 --> 00:29:58,202
כדי לוודא שזה מאמת.

549
00:29:58,202 --> 00:29:58,785
זה לא קשה.

550
00:29:58,785 --> 00:30:01,530
אתה פשוט להדביק בקוד שלך
וזה יהיה גם לומר עבודה טובה

551
00:30:01,530 --> 00:30:03,630
או שאתה חסר
משהו באותה הדרך

552
00:30:03,630 --> 00:30:07,760
הסגנון כי 50 אומר לך
לאן אתה להתעסק.

553
00:30:07,760 --> 00:30:11,360
>> ואז דבר אחד אחרון
הוא שאתה רוצה להפריד

554
00:30:11,360 --> 00:30:15,980
הסימון שלך, שהוא כל HTML ש
או את הטקסט שלך, ואת הסגנון שלך.

555
00:30:15,980 --> 00:30:19,420
אז אנחנו נעשה את דוגמא
של שמייד אחרי זה.

556
00:30:19,420 --> 00:30:21,830
אז HTML ו- CSS צריך להיות נפרדים.

557
00:30:21,830 --> 00:30:26,030
ואנחנו הולכים לדבר על
MVC, שהוא דגם תצוגת בקר,

558
00:30:26,030 --> 00:30:27,100
השבוע. הבא

559
00:30:27,100 --> 00:30:29,360
אתם כנראה צריכים
ללמוד על זה בהרצאה

560
00:30:29,360 --> 00:30:32,130
מחר אם היה לך
כבר למד את זה היום.

561
00:30:32,130 --> 00:30:34,250
>> וזה פשוט סוג של
הפרדיגמה שאנו נוטים

562
00:30:34,250 --> 00:30:37,460
להשתמש בעת יצירת אינטרנט
דפים להפריד את הדברים.

563
00:30:37,460 --> 00:30:41,440
אתה יכול לחשוב על זה באותה הצורה
שאנו נוטים פונקציות נפרדות בC

564
00:30:41,440 --> 00:30:43,360
שבו אנו חשיש למצוא דברים.

565
00:30:43,360 --> 00:30:45,530
זה פשוט דרך ל
להקל על חייך.

566
00:30:45,530 --> 00:30:51,790
זה מפריד את תכונות או קוד ש
אתה יהיה באמצעות שוב ושוב,

567
00:30:51,790 --> 00:30:55,360
אבל בדרך זו, זה סוג
של שומר את זה יפה ומסודר.

568
00:30:55,360 --> 00:30:58,260
ואם אתה רוצה לשנות
דבר אחד, שתשנה אותה פעם אחת

569
00:30:58,260 --> 00:31:00,150
וזה השתנה בכל מקום אחר.

570
00:31:00,150 --> 00:31:05,010
אז זה יותר לשלך
נוחות וגמישות.

571
00:31:05,010 --> 00:31:11,430
>> אז עם CSS, זה דומה מאוד
ל- HTML, אבל במקום תגים

572
00:31:11,430 --> 00:31:15,120
שהזכרתי זה עתה, אנחנו
להשתמש במה שנקרא בוררים.

573
00:31:15,120 --> 00:31:21,900
והם בעצם רק סוג
של לשייך תג מסוים

574
00:31:21,900 --> 00:31:24,620
ב- HTML עם תכונות שונות.

575
00:31:24,620 --> 00:31:29,060
וכשאני אומר תכונות, אני מתכוון
דברים כמו צבע גופן, סגנון גופן,

576
00:31:29,060 --> 00:31:32,694
הצבע של הרקע,
צבע הטקסט שלך.

577
00:31:32,694 --> 00:31:33,610
מיני אלה של דברים.

578
00:31:33,610 --> 00:31:36,270
כמו אם הוא מרוכז,
אם זה בצד הימין,

579
00:31:36,270 --> 00:31:39,430
אם זה inverted-- כל
הדברים מגניבים האלה.

580
00:31:39,430 --> 00:31:42,490
כל דברים סגנונית
שאתה עושה לטקסט שלך,

581
00:31:42,490 --> 00:31:45,070
זה מה שאני מתכוון עם תכונות.

582
00:31:45,070 --> 00:31:50,140
>> ואז שני דברים עיקריים לדעת הוא ש
selectors-- שתיים מfactors-- הראשי

583
00:31:50,140 --> 00:31:53,090
הם מזהה, שהוא ייחודי.

584
00:31:53,090 --> 00:31:54,859
אתה רק יכול להשתמש בזה דבר אחד.

585
00:31:54,859 --> 00:31:56,400
אחרת, זה הולך לצעוק עליך.

586
00:31:56,400 --> 00:31:59,970
וכאשר אנו מגדירים אותו
בקובץ CSS, זה יהיה

587
00:31:59,970 --> 00:32:03,182
להיות זיהוי חשיש ולאחר מכן
מה תכונות שאנחנו רוצים.

588
00:32:03,182 --> 00:32:05,140
אני מבטיח שאנחנו הולכים
לעבור דוגמא.

589
00:32:05,140 --> 00:32:06,830
זה יגרום לי הרבה יותר הגיוני.

590
00:32:06,830 --> 00:32:08,830
>> כיתה יכולה להתייחס ללוקים מרובים.

591
00:32:08,830 --> 00:32:13,400
אז אתה יכול לקבל שלך
סעיף ראשון והשלישי

592
00:32:13,400 --> 00:32:17,240
יש לו הסוג של תכונות אם
אתה מקשר אותם עם אותו הסוג.

593
00:32:17,240 --> 00:32:21,050
וכאשר אנחנו מגדירים אותם
ב- CSS, שאנחנו עושים בכיתה נקודה,

594
00:32:21,050 --> 00:32:25,710
עם כיתה להיות כל מה ש
אתה רוצה שזה יהיה שם.

595
00:32:25,710 --> 00:32:28,559
>> אז אני יודע שזה נכון
עכשיו מאוד מופשט.

596
00:32:28,559 --> 00:32:29,850
זו הסיבה שאנחנו הולכים לקוד.

597
00:32:29,850 --> 00:32:32,060
אני יודע שאתם אוהבים
ש, וכל מה שאתה

598
00:32:32,060 --> 00:32:34,210
הולך לעזור לי כי
זה דף האינטרנט שלך.

599
00:32:34,210 --> 00:32:36,310
זהו דף האינטרנט של הסעיף שלנו, בחורים.

600
00:32:36,310 --> 00:32:40,158
אז יש שאלות לפני ש
לכבות את PowerPoint, או כל דבר

601
00:32:40,158 --> 00:32:42,366
אתה רוצה שאני לגלול אחורה
ללפני שאנחנו מתחילים קידוד?

602
00:32:42,366 --> 00:32:45,074
>> קהל: כשאתה אומר תגי משחק,
זאת אומרת בוררים או תגים?

603
00:32:45,074 --> 00:32:50,427

604
00:32:50,427 --> 00:32:53,010
אליסון BUCHHOLTZ-AU: אתה יכול
לחשוב עליהם כעל אותו הדבר.

605
00:32:53,010 --> 00:32:54,590
זה מילות פשוט שונות.

606
00:32:54,590 --> 00:32:56,460
אני מתכוון, כמו בוררים.

607
00:32:56,460 --> 00:32:59,470
אבל בוררים גם מפה לתגים.

608
00:32:59,470 --> 00:33:02,800
כך שאתה יכול לחשוב עליהם כ
ביעילות את אותו הדבר.

609
00:33:02,800 --> 00:33:05,900
אני מבטיח שזה הולך לעשות
יותר הגיוני כאשר אנו לקודד.

610
00:33:05,900 --> 00:33:08,400
שום דבר מ
PowerPoint או כל שאלה

611
00:33:08,400 --> 00:33:12,980
עכשיו לפני שאנחנו באמת
ליצור דף של הסעיף שלנו?

612
00:33:12,980 --> 00:33:15,040
כולם מוכנים?

613
00:33:15,040 --> 00:33:15,540
מגניב.

614
00:33:15,540 --> 00:33:19,820

615
00:33:19,820 --> 00:33:24,760
>> אז יש לי אחד התחיל.

616
00:33:24,760 --> 00:33:27,030
תן לי להגדיל את הגופן בשבילכם.

617
00:33:27,030 --> 00:33:29,810

618
00:33:29,810 --> 00:33:36,730
אוקיי, אז עכשיו, רק שיש לנו
עצמות חשופות דף אינטרנט ממש כאן.

619
00:33:36,730 --> 00:33:38,360
>> יש לנו כמה HTML.

620
00:33:38,360 --> 00:33:41,050
יש לנו כמה כותרת, שבו אנו
רואה כאן כדף דוגמא אינטרנט.

621
00:33:41,050 --> 00:33:44,540
כותרת חלק, חלק גופן.

622
00:33:44,540 --> 00:33:47,580
אלה הם תגים, בסדר?

623
00:33:47,580 --> 00:33:53,930
לכן, כאשר אני מתכוון לסגור את התגים שלך, אנחנו רואים
כאן ראש הסוגר זה הוא הפתיחה שלך

624
00:33:53,930 --> 00:33:59,670
תג, וסוגר זה
/ ראש סוגר אותו, בסדר?

625
00:33:59,670 --> 00:34:04,380
>> אז אתה יכול לחשוב על זה כ
הפלטה שלך באם התנאים שלך

626
00:34:04,380 --> 00:34:05,420
או שלך ללולאות.

627
00:34:05,420 --> 00:34:08,630
אם יש לך אחד בתחילת,
אתה רוצה אחד בסוף.

628
00:34:08,630 --> 00:34:13,500
זה עדיין עובד רוב הזמן
אם אין לך תג סגור,

629
00:34:13,500 --> 00:34:17,659
אבל בפועל הטובים ביותר הוא לסגור את התגים שלך.

630
00:34:17,659 --> 00:34:20,940
>> אז במקרה הזה, בואו נשנה את זה.

631
00:34:20,940 --> 00:34:24,150
אנחנו הולכים יש לי סעיף שבע.

632
00:34:24,150 --> 00:34:25,270
"חלק בדף."

633
00:34:25,270 --> 00:34:26,969
אז אני פשוט הולך לשנות את זה.

634
00:34:26,969 --> 00:34:32,100
>> ואם אנחנו הולכים לכאן ו
צריך reload-- לשמור וreload--

635
00:34:32,100 --> 00:34:36,750
אנחנו שמים לב שעד כאן
זה השתנה, נכון?

636
00:34:36,750 --> 00:34:38,250
מגניב.

637
00:34:38,250 --> 00:34:39,380
אז זה משנה את השם.

638
00:34:39,380 --> 00:34:41,920
זה מה שיש בכרטיסייה שלך.

639
00:34:41,920 --> 00:34:43,870
>> אז זה סוג של
מחפש סוג של משעמם.

640
00:34:43,870 --> 00:34:44,870
אני לא יודע על בחורים.

641
00:34:44,870 --> 00:34:46,810
אני חושב שאנחנו רוצים משהו אחר כאן.

642
00:34:46,810 --> 00:34:51,900
>> אז מה אנחנו יכולים לעשות הוא
הכותרת היא פשוט שם.

643
00:34:51,900 --> 00:34:54,320
בואו נעשה איזשהו גוף.

644
00:34:54,320 --> 00:34:56,550
אז יש לנו כמה גוף כאן.

645
00:34:56,550 --> 00:35:01,360
אני תמיד עושה פתוח ו
לסגור התגים שלי כדי להתחיל,

646
00:35:01,360 --> 00:35:04,850
באותו אופן שאני עושה פלטה.

647
00:35:04,850 --> 00:35:06,326
אה.

648
00:35:06,326 --> 00:35:09,010
חכה, מה?

649
00:35:09,010 --> 00:35:10,949
>> קהל: [לא ברור].

650
00:35:10,949 --> 00:35:11,990
אליסון BUCHHOLTZ-AU: אה.

651
00:35:11,990 --> 00:35:13,895
אתם גרמתם לי.

652
00:35:13,895 --> 00:35:14,930
עבודה טובה.

653
00:35:14,930 --> 00:35:16,270
כוכב זהב.

654
00:35:16,270 --> 00:35:20,300
>> אוקיי, אז יש לנו כמה גוף כאן.

655
00:35:20,300 --> 00:35:22,920
ועכשיו בואו נתחיל הוספת טקסט.

656
00:35:22,920 --> 00:35:26,110
אז יש לך כמה שונה
אפשרויות להוספת טקסט.

657
00:35:26,110 --> 00:35:29,380
יש לנו דברים כמו כותרות.

658
00:35:29,380 --> 00:35:32,144
יש לנו טקסט פשוט רגיל.

659
00:35:32,144 --> 00:35:33,560
אז בואו נתחיל עם כותרת.

660
00:35:33,560 --> 00:35:36,670
למעשה, אם אתם רוצים
כדי למשוך את קוד ה- HTML של W3 בית הספר,

661
00:35:36,670 --> 00:35:38,860
סוג שלך יכול להסתכל סביב
ואם יש משהו ש

662
00:35:38,860 --> 00:35:42,470
במיוחד שאתה רוצה לנסות את
עם דף אינטרנט זה, אנחנו יכולים לעשות את זה.

663
00:35:42,470 --> 00:35:46,250
אז במקרה הזה, בואו פשוט לעשות קצת H1.

664
00:35:46,250 --> 00:35:48,710
אז h1 הוא כמו הכותרת הגבוהה ביותר.

665
00:35:48,710 --> 00:35:52,260
זה ייתן לך משהו
כי הוא מאוד גדול ונועז.

666
00:35:52,260 --> 00:35:58,010
>> ובמקרה הזה, מה לעשות שאנחנו רוצים
לטקסט הראשון בדף האינטרנט שלנו?

667
00:35:58,010 --> 00:35:58,640
שום דבר.

668
00:35:58,640 --> 00:35:59,800
אתם הולכים ליצור את זה.

669
00:35:59,800 --> 00:36:00,758
אני רק הולך להקליד.

670
00:36:00,758 --> 00:36:01,620
קהל: ברוכים הבאים.

671
00:36:01,620 --> 00:36:02,870
>> אליסון BUCHHOLTZ-AU: ברוכים הבאים.

672
00:36:02,870 --> 00:36:06,660

673
00:36:06,660 --> 00:36:12,620
אוקיי, אז אם אנחנו שומרים אותו ואנו טוענים,
יש לנו בברכה גדולה גדולה.

674
00:36:12,620 --> 00:36:17,365
אז רק כדי שתוכל לראות
הבדלים, בואו נעשה משהו בH6.

675
00:36:17,365 --> 00:36:18,490
מה אנחנו רוצים כאן?

676
00:36:18,490 --> 00:36:24,951

677
00:36:24,951 --> 00:36:27,440
נכון?

678
00:36:27,440 --> 00:36:30,356
>> אוקיי, אז רק כדי שתוכל
לראות את ההבדל.

679
00:36:30,356 --> 00:36:31,990
כן, נשגב.

680
00:36:31,990 --> 00:36:34,680
אז אם אתה שם לב, h1, מאוד, מאוד גדול.

681
00:36:34,680 --> 00:36:39,030
H6, כמו נועז, אבל קטן בהרבה,
ויש לך את כל מה שביניהם.

682
00:36:39,030 --> 00:36:41,550
כך שאתה יכול H2, H3, H4.

683
00:36:41,550 --> 00:36:43,750
ואלה הם רק כותרות,
כך שאם אתה מנסה

684
00:36:43,750 --> 00:36:46,010
כדי ליצור דף אינטרנט ש
יש חלקים שונים,

685
00:36:46,010 --> 00:36:48,810
אולי אתה רוצה להשתמש ב
כותרות שם איפשהו.

686
00:36:48,810 --> 00:36:49,580
>> מגניב.

687
00:36:49,580 --> 00:36:53,270
ולכן נוסיף עוד קצת
דברים בגוף שלנו.

688
00:36:53,270 --> 00:36:58,380
אני רואה שזה יהיה סוג
מגניב אם היו לנו תמונה.

689
00:36:58,380 --> 00:37:02,840
אני מרגיש כמו כולם יכול להשתמש אולי
תמונת ארנב חמודה על זכות עכשיו,

690
00:37:02,840 --> 00:37:05,082
כך אנחנו הולכים למצוא
תמונת ארנב ראשון.

691
00:37:05,082 --> 00:37:10,010

692
00:37:10,010 --> 00:37:12,960
>> אני לא יודע אם יש לכם כל
העדפות שבו אחד שאנחנו רוצים.

693
00:37:12,960 --> 00:37:14,890
האם יש לך העדפות?

694
00:37:14,890 --> 00:37:15,925
זה כאן?

695
00:37:15,925 --> 00:37:17,160
Down.

696
00:37:17,160 --> 00:37:17,750
אישור.

697
00:37:17,750 --> 00:37:18,760
אחד שזה.

698
00:37:18,760 --> 00:37:20,080
בחירות טובות.

699
00:37:20,080 --> 00:37:21,850
>> אוקיי, אז אנחנו הולכים לצפייה בתמונה שלנו.

700
00:37:21,850 --> 00:37:22,920
תראה את זה.

701
00:37:22,920 --> 00:37:24,250
הסתכל על הדבר מקסים.

702
00:37:24,250 --> 00:37:27,080
איך אתה יכול להיות עצוב
ביום שני עם זה?

703
00:37:27,080 --> 00:37:30,180
>> אז אנחנו פשוט הולכים
כדי להעתיק את כתובת האתר של התמונה.

704
00:37:30,180 --> 00:37:38,720
ומה שאנחנו רוצים לעשות הוא, בואו פשוט
אומר שיש לנו כמה p לסעיף.

705
00:37:38,720 --> 00:37:41,140
אנחנו הולכים לומר "תראו
מסתכל על הארנב חמוד.

706
00:37:41,140 --> 00:37:44,130
d'awwww. "

707
00:37:44,130 --> 00:37:44,880
אני אוהב את ארנבות שלי.

708
00:37:44,880 --> 00:37:45,838
יש לי ארנב בבית.

709
00:37:45,838 --> 00:37:48,085
אני מתגעגע לארנב שלי.

710
00:37:48,085 --> 00:37:50,460
אז מה אנחנו הולכים do--
אני לא יודע אם אתם רוצים

711
00:37:50,460 --> 00:37:55,970
to google זה-- אבל עם HTML,
איך אתה יכול לכלול תמונה?

712
00:37:55,970 --> 00:37:58,355
פשוטו כמשמעו, אם אתה google
"כולל תמונה ב- HTML,"

713
00:37:58,355 --> 00:38:00,480
למה אתם לא אומרים לי
מה תג זה צריך להיות?

714
00:38:00,480 --> 00:38:05,150

715
00:38:05,150 --> 00:38:06,290
>> קהל: img source--

716
00:38:06,290 --> 00:38:07,767
>> אליסון BUCHHOLTZ-AU: img source--

717
00:38:07,767 --> 00:38:08,600
קהל: --equals--

718
00:38:08,600 --> 00:38:09,000
אליסון BUCHHOLTZ-AU: --equals--

719
00:38:09,000 --> 00:38:10,181
קהל: --quote-- כן.

720
00:38:10,181 --> 00:38:11,430
אליסון BUCHHOLTZ-AU: מושלם.

721
00:38:11,430 --> 00:38:12,090
יפה.

722
00:38:12,090 --> 00:38:15,470
ראה, דור MySpace, נכון?

723
00:38:15,470 --> 00:38:16,220
קהל: Neopets.

724
00:38:16,220 --> 00:38:17,470
אליסון BUCHHOLTZ-AU: Neopets.

725
00:38:17,470 --> 00:38:18,950
אה, בסדר.

726
00:38:18,950 --> 00:38:20,200
וואו.

727
00:38:20,200 --> 00:38:21,260
זה היה מטורף.

728
00:38:21,260 --> 00:38:23,120
אישור.

729
00:38:23,120 --> 00:38:25,600
>> אז לוודא שאני מקבל את זה.

730
00:38:25,600 --> 00:38:26,100
מגניב.

731
00:38:26,100 --> 00:38:27,750
כך זה צריך להיות כאן.

732
00:38:27,750 --> 00:38:34,146
ולאחר מכן, אם אנו טוענים, שיש לנו שלנו
באני על הדף האם זה לא מקסים?

733
00:38:34,146 --> 00:38:35,030
>> זה כל כך חמוד.

734
00:38:35,030 --> 00:38:36,860
בחרת תמונה גדולה, גדולה.

735
00:38:36,860 --> 00:38:38,180
אני חופר אותו.

736
00:38:38,180 --> 00:38:41,350
>> אוקיי, אז יש לנו הארנב החמוד הזה עכשיו.

737
00:38:41,350 --> 00:38:44,590
היינו יכול להוסיף
תמונה, סתם ככה.

738
00:38:44,590 --> 00:38:47,550
אז בעצם אם יש תמונה
ברצונך להוסיף לדף האינטרנט שלך,

739
00:38:47,550 --> 00:38:49,430
אתה יכול להוסיף אותו בדיוק כמו זה.

740
00:38:49,430 --> 00:38:52,910
דבר נוסף יהיה אם
יש לך התמונה שאוחסנה

741
00:38:52,910 --> 00:38:55,670
באותה התיקייה כ
קובץ זה, אתה יכול פשוט

742
00:38:55,670 --> 00:38:59,595
לכתוב מה השם של דמות ש
הוא במקום שיש קישור אינטרנט.

743
00:38:59,595 --> 00:39:01,010
>> זה עדיין יהיה במרכאות.

744
00:39:01,010 --> 00:39:03,700
זה יהיה בדיוק כמו
אם היינו לנו בשם זה--

745
00:39:03,700 --> 00:39:06,695
אם תמונה זו ניצלה
בתיקייה עם קובץ HTML זה

746
00:39:06,695 --> 00:39:08,570
שאני עורך ו
נקרא bunny.jpg.

747
00:39:08,570 --> 00:39:11,289

748
00:39:11,289 --> 00:39:13,080
אנחנו יכולים גם לעשות את זה
וזה היה מגיע.

749
00:39:13,080 --> 00:39:16,600
עם זאת, אין לי את זה נשמר ב
את הקובץ ואני רוצה לשמור את השפן,

750
00:39:16,600 --> 00:39:18,092
כך אנחנו הולכים לשמור את הקישור.

751
00:39:18,092 --> 00:39:20,720
>> קהל: מהו rabbit.org?

752
00:39:20,720 --> 00:39:22,980
>> אליסון BUCHHOLTZ-AU: rabbit.org.

753
00:39:22,980 --> 00:39:25,170
זה appropriate--
תראה, אתה יכול לאמץ אותה.

754
00:39:25,170 --> 00:39:25,770
אימוץ.

755
00:39:25,770 --> 00:39:27,690
bunny.jpg.

756
00:39:27,690 --> 00:39:29,190
אני רוצה לאמץ הארנב הזה.

757
00:39:29,190 --> 00:39:31,180
הו, אלוהים, זה כל כך חמוד.

758
00:39:31,180 --> 00:39:34,230
>> אוקיי, אז אנחנו הוספנו כותרות.

759
00:39:34,230 --> 00:39:35,500
הוספנו תמונה.

760
00:39:35,500 --> 00:39:37,760
כמובן, הוספנו
טקסט כאן, נכון?

761
00:39:37,760 --> 00:39:40,920
אם אנחנו רוצים להוסיף אחרים
טקסטים, היינו הולכים ככה.

762
00:39:40,920 --> 00:39:43,760
אז זה סעיף אחר.

763
00:39:43,760 --> 00:39:49,070
>> ואנחנו אומרים "זה סעיף אחר."

764
00:39:49,070 --> 00:39:52,510
כמו כן, אני איות נורא,
אז אני יכול לשגות בכתיב דברים.

765
00:39:52,510 --> 00:39:54,930
לידיעתך.

766
00:39:54,930 --> 00:39:58,450
>> אז יש לנו עוד
סעיף כאן, נכון?

767
00:39:58,450 --> 00:40:02,190
אז אולי אתה רוצה לעשות משהו
קצת יותר מעניין מסתם

768
00:40:02,190 --> 00:40:04,640
כל הטקסט שלך, כמו מיושר לימין.

769
00:40:04,640 --> 00:40:08,490
אולי אתה רוצה למרכז את הטקסט שלך, בסדר?

770
00:40:08,490 --> 00:40:11,820
>> אז אם מישהו רוצה להשתמש באלה
מחשבים שימושיים לפניך

771
00:40:11,820 --> 00:40:19,034
ותגיד לי איך אתה
הולך למרכז הטקסט הזה,

772
00:40:19,034 --> 00:40:20,300
>> קהל: ליישר p.

773
00:40:20,300 --> 00:40:24,834
>> אליסון BUCHHOLTZ-AU: אז
ליישר p שווה "מרכז".

774
00:40:24,834 --> 00:40:25,750
הוא הורג אותו, בחורים.

775
00:40:25,750 --> 00:40:28,240
כולכם צריכים להגביר את.

776
00:40:28,240 --> 00:40:36,042
ויש לנו "זה במרכז".

777
00:40:36,042 --> 00:40:37,500
ועכשיו יש לנו משהו במרכז.

778
00:40:37,500 --> 00:40:39,380
>> באותו אופן, אם אתה
רוצה את זה ייושר לשמאל,

779
00:40:39,380 --> 00:40:42,020
אתה יכול לעשות את שווים ליישר
שמאל, ליישר שווה תקין.

780
00:40:42,020 --> 00:40:42,850
לגמרי תלוי בך.

781
00:40:42,850 --> 00:40:55,580
אם אני עשיתי כאן, אז זה
should-- עכשיו זה מיושר לימין.

782
00:40:55,580 --> 00:40:57,020
>> קהל: אליסון?

783
00:40:57,020 --> 00:41:00,884
לפי מקור תמונה, למה לא
יש קרוב של מקור img?

784
00:41:00,884 --> 00:41:02,050
אליסון BUCHHOLTZ-AU: מצטער.

785
00:41:02,050 --> 00:41:05,300
אחד זה צריך להיות
יש עכשיו שאתה טוב.

786
00:41:05,300 --> 00:41:06,026
עכשיו שאנחנו טובים.

787
00:41:06,026 --> 00:41:08,150
קהל: אין לך
כדי לסגור אותו שם, או לא?

788
00:41:08,150 --> 00:41:11,450
אליסון BUCHHOLTZ-AU: טוב, אז img
מקור, זה אחד פשוט- עם תמונה,

789
00:41:11,450 --> 00:41:17,110
זה פשוט נראה כאלמנט אחד, ואילו
אם אתה שם לב לשאר אלה,

790
00:41:17,110 --> 00:41:22,106
יש לנו כמה תג אז מידע ש
הוא נוגע וללאחר מכן תג סוגר.

791
00:41:22,106 --> 00:41:24,480
אבל עם תמונה, הכל
רק סוג של עצמאי.

792
00:41:24,480 --> 00:41:28,540

793
00:41:28,540 --> 00:41:29,040
מגניב.

794
00:41:29,040 --> 00:41:33,530
אז אתם יודעים איך ליצור
כותרת, אתה יודע איך טקסט קלט,

795
00:41:33,530 --> 00:41:37,060
אתה יודע איך לשים תמונה
עכשיו, אתה יכול ליישר דברים.

796
00:41:37,060 --> 00:41:39,940

797
00:41:39,940 --> 00:41:42,590
>> עוד דבר שאתה
אולי כדאי לך להיות מסוגל לעשות

798
00:41:42,590 --> 00:41:47,649
הוא ליצור רשימה בCS-- אנחנו
סוג של ללכת לpset בשבוע הבא.

799
00:41:47,649 --> 00:41:49,440
הדברים שאנחנו
בדרך כלל מלמד את זה בשבוע ש

800
00:41:49,440 --> 00:41:51,480
הולך ממש טוב עם
pset בשבוע הבא, כך שאנחנו

801
00:41:51,480 --> 00:41:54,250
סוג של ערבוב, חופף כאן דברים.

802
00:41:54,250 --> 00:41:56,290
אבל זה יהיה שימושי לשבוע הבא.

803
00:41:56,290 --> 00:42:02,500
>> אז אם אנחנו רוצים ליצור כמה
רשימה, איך אנחנו יכולים לעשות את זה?

804
00:42:02,500 --> 00:42:03,760
אתה לא יכול לענות על זה זמן.

805
00:42:03,760 --> 00:42:04,700
מישהו אחר צריך.

806
00:42:04,700 --> 00:42:07,290

807
00:42:07,290 --> 00:42:09,440
זה לא קשה, בחורים, מבטיחים.

808
00:42:09,440 --> 00:42:13,090
Google "HTML רשימה לא מסודרת."

809
00:42:13,090 --> 00:42:14,076
מה זה היה?

810
00:42:14,076 --> 00:42:16,244
>> קהל: [לא ברור].

811
00:42:16,244 --> 00:42:17,410
אליסון BUCHHOLTZ-AU: נכון.

812
00:42:17,410 --> 00:42:20,490
אז האם אנחנו רוצים הורה או לא מסודרת?

813
00:42:20,490 --> 00:42:21,500
בואו נעשה לא מסודרת.

814
00:42:21,500 --> 00:42:25,240
אז יש לנו כמה ul, ש
עומד ללא ממוינת רשימה.

815
00:42:25,240 --> 00:42:27,997
ומה יש לנו לכל רכיב?

816
00:42:27,997 --> 00:42:29,080
האם זה צריך תג משלו?

817
00:42:29,080 --> 00:42:30,556
האם אנחנו יכולים פשוט להתחיל לכתוב דברים?

818
00:42:30,556 --> 00:42:31,330
>> קהל: li.

819
00:42:31,330 --> 00:42:32,826
>> אליסון BUCHHOLTZ-AU: li.

820
00:42:32,826 --> 00:42:34,785
אז מה היא הרשימה שלנו הולכת להיות?

821
00:42:34,785 --> 00:42:37,050
מה אנחנו רוצים כאן?

822
00:42:37,050 --> 00:42:38,190
אנחנו פשוט עושים שמות.

823
00:42:38,190 --> 00:42:39,250
פשוט תעשה את יעקב.

824
00:42:39,250 --> 00:42:40,340
>> מזונות ארנב: קהל.

825
00:42:40,340 --> 00:42:40,990
>> אליסון BUCHHOLTZ-AU: מזון ארנב.

826
00:42:40,990 --> 00:42:41,910
אישור אהבתי את זה.

827
00:42:41,910 --> 00:42:42,520
מזונות ארנב.

828
00:42:42,520 --> 00:42:44,440
>> אוקיי, אז יש לנו גזר.

829
00:42:44,440 --> 00:42:46,640
אני אוהב את נושא הארנב הזה.

830
00:42:46,640 --> 00:42:48,024
אני חופר את זה הרבה.

831
00:42:48,024 --> 00:42:50,440
קהל: למען האמת, חשבתי
שיעקב יהיה חוקי.

832
00:42:50,440 --> 00:42:51,606
אליסון BUCHHOLTZ-AU: יעקב?

833
00:42:51,606 --> 00:42:53,120
יעקב הוא מזון ארנב.

834
00:42:53,120 --> 00:42:55,310
אם היית רואה את יעקב
תמונה משעתי עבודה,

835
00:42:55,310 --> 00:42:56,850
אפשר היה לחשוב שהוא קיבל
הותקף על ידי ארנב רוצח.

836
00:42:56,850 --> 00:42:58,099
>> קהל: יש לי ארנב עכשיו.

837
00:42:58,099 --> 00:42:59,710
יש לי ארנב רוצח עכשיו.

838
00:42:59,710 --> 00:43:00,540
>> אליסון BUCHHOLTZ-AU:
אתה צוחק עליי?

839
00:43:00,540 --> 00:43:02,081
>> קהל: אני אביא אותו הסעיף הבא.

840
00:43:02,081 --> 00:43:02,990
יש לי.

841
00:43:02,990 --> 00:43:04,240
>> אליסון BUCHHOLTZ-AU:
זה מגוחך.

842
00:43:04,240 --> 00:43:04,730
בכל אופן.

843
00:43:04,730 --> 00:43:05,510
>> קהל: [לא ברור]

844
00:43:05,510 --> 00:43:07,510
>> קהל: כן, המשגיח שלי
יש ארנב, כמו גם.

845
00:43:07,510 --> 00:43:09,660

846
00:43:09,660 --> 00:43:11,580
>> אליסון BUCHHOLTZ-AU: אני רוצה ארנב.

847
00:43:11,580 --> 00:43:15,415
אישור, מי שמביא ארנב אמיתי ל
בסעיף הבא, הכוללת נקודות זכות.

848
00:43:15,415 --> 00:43:16,290
קהל: [לא ברור]

849
00:43:16,290 --> 00:43:16,943
קהל: אה, זה לא אמיתי.

850
00:43:16,943 --> 00:43:17,910
זה ארנב מפוחלץ.

851
00:43:17,910 --> 00:43:18,855
>> אליסון BUCHHOLTZ-AU: אה
כן, אנחנו יכולים לסגור את אלה.

852
00:43:18,855 --> 00:43:20,174
נראה rad.

853
00:43:20,174 --> 00:43:21,590
קהל: האם זה באמת משנה?

854
00:43:21,590 --> 00:43:23,465
אליסון BUCHHOLTZ-AU: זה לא.

855
00:43:23,465 --> 00:43:25,590
עם רוב הדברים הללו,
אתה לא לסגור את התג,

856
00:43:25,590 --> 00:43:28,750
99% מהזמן חסר משמעות רעה קורה
לקרות, אבל זה סגנון טוב, גם.

857
00:43:28,750 --> 00:43:30,250
אז יעקב.

858
00:43:30,250 --> 00:43:31,864
ויש לנו חסה.

859
00:43:31,864 --> 00:43:33,655
קהל: לקבלת קישורים,
זה באמת חשוב.

860
00:43:33,655 --> 00:43:34,696
אליסון BUCHHOLTZ-AU: Hm?

861
00:43:34,696 --> 00:43:35,890
קהל: לקישורים.

862
00:43:35,890 --> 00:43:37,431
אליסון BUCHHOLTZ-AU: לקישורים.

863
00:43:37,431 --> 00:43:38,610
כן, קישורים צריכים את זה.

864
00:43:38,610 --> 00:43:40,770
אוקיי, אז בואו לראות כאן.

865
00:43:40,770 --> 00:43:44,810
ויש לנו הקרוב של הרשימה שלנו.

866
00:43:44,810 --> 00:43:46,635
ואנחנו מסתכלים על זה.

867
00:43:46,635 --> 00:43:49,680
יש לנו all-- יעקב, ממש שם.

868
00:43:49,680 --> 00:43:52,310
מזון ארנב.

869
00:43:52,310 --> 00:43:54,000
מזכיר לי את Bunnicula.

870
00:43:54,000 --> 00:43:55,234
>> קהל: [לא ברור]

871
00:43:55,234 --> 00:43:58,400
אליסון BUCHHOLTZ-AU: אני מביא בחזרה
כל היום אזכור בית הספר הישן,

872
00:43:58,400 --> 00:43:59,130
לא?

873
00:43:59,130 --> 00:44:01,210
רק כל אזכור בית הספר הישן.

874
00:44:01,210 --> 00:44:05,767
צריך להביא כמו
Gogurts או משהו לחטיפים.

875
00:44:05,767 --> 00:44:07,079
>> קהל: או Gushers.

876
00:44:07,079 --> 00:44:08,120
אליסון BUCHHOLTZ-AU: אה.

877
00:44:08,120 --> 00:44:08,620
אישור.

878
00:44:08,620 --> 00:44:10,920
אני אראה אם ​​אני יכול לעקוב אחר
מטה Gushers לשבוע הבא.

879
00:44:10,920 --> 00:44:11,980
אני חושב שאני יכול לעשות את זה.

880
00:44:11,980 --> 00:44:13,980
אני חושב שיש לנו
כמה במשרד.

881
00:44:13,980 --> 00:44:18,570
>> אוקיי, אז אנחנו כבר כיסינו הרבה שונים
דברים שאפשר לעשות עם HTML, נכון?

882
00:44:18,570 --> 00:44:23,910
וכמו שאתה בטח יכול לראות, זה
nothing-- תקווה, לא יותר מדי intim--

883
00:44:23,910 --> 00:44:25,750
אם זה הוא, אני לא מתכוון ל
לזלזל אף אחד.

884
00:44:25,750 --> 00:44:29,090
אם אתה נתקלת בבעיה,
בבקשה לבוא לדבר איתי.

885
00:44:29,090 --> 00:44:31,340
>> אבל רוב זה רק
מסתכל על התחביר, נכון?

886
00:44:31,340 --> 00:44:34,180
אם אתה רוצה רשימה לא מסודרת,
אם אתה רוצה סוג מסוים של רשימה,

887
00:44:34,180 --> 00:44:38,450
אם אתה רוצה ליישר משהו או
פורמט משהו, זה הכול עניין של רק

888
00:44:38,450 --> 00:44:42,080
סוג של מבט למעלה
תחביר ל- HTML, נכון?

889
00:44:42,080 --> 00:44:44,720
ועוד דבר אחד זה
די מגניב למעשה

890
00:44:44,720 --> 00:44:51,360
הוא אם אתה הולך to-- בואו נראה,
מה אתר נחמד שאנחנו אוהבים?

891
00:44:51,360 --> 00:44:54,920
לכל אחד יש את אתרי אינטרנט מועדפים
שאישור כדי להעלות את האינטרנט?

892
00:44:54,920 --> 00:44:57,424

893
00:44:57,424 --> 00:44:58,840
אתה יודע מה, בוא פשוט לעשות CS50.

894
00:44:58,840 --> 00:45:01,800
זה נחמד ובטוח, נכון?

895
00:45:01,800 --> 00:45:03,060
>> אוקיי, אז CS50 כאן.

896
00:45:03,060 --> 00:45:05,540
אוי, תראה, יש סעיף עכשיו.

897
00:45:05,540 --> 00:45:07,113
אם אתה אוהב את הדרך שזה נראה.

898
00:45:07,113 --> 00:45:08,030
>> קהל: [לא ברור].

899
00:45:08,030 --> 00:45:10,696
אליסון BUCHHOLTZ-AU: אנחנו לא
הולך לעשות meta סעיף, בחורים.

900
00:45:10,696 --> 00:45:11,560
זה לא קורה.

901
00:45:11,560 --> 00:45:14,540
זה יהיה מגניב, אבל
אנחנו לא הולכים לעשות את זה.

902
00:45:14,540 --> 00:45:17,040
>> אז מה לעשות שאתה יכול
לעשות אם אתה אוהב את הדרך

903
00:45:17,040 --> 00:45:21,390
זה עובד הוא שאתה תמיד יכול תקין
לחץ על כל דף אינטרנט שאתה אוהב

904
00:45:21,390 --> 00:45:23,660
ואתה יכול לעשות צפה במקור דף.

905
00:45:23,660 --> 00:45:26,030
זה יביא את כל ה- HTML.

906
00:45:26,030 --> 00:45:30,800
וזה בעצם ממש טוב
דרך לסגנון דף האינטרנט שלך.

907
00:45:30,800 --> 00:45:33,640
עבור אל דף אינטרנט שאתה
באמת אוהב ומסתכלים על HTML

908
00:45:33,640 --> 00:45:35,430
ולהבין איך הם עשו את זה.

909
00:45:35,430 --> 00:45:39,280
>> ופשוטו כמשמעו, כל עוד
כפי שאתה מצטט דברים,

910
00:45:39,280 --> 00:45:41,940
כל עוד אתה לא סתם
גניבה מאנשים, שזה בסדר.

911
00:45:41,940 --> 00:45:43,890
במיוחד עבור CS50
[? לממן?], אנחנו

912
00:45:43,890 --> 00:45:46,950
סוג של מצפה לך לקבל
השראה מהאתר אחר.

913
00:45:46,950 --> 00:45:48,070
אז תרגיש חופשי.

914
00:45:48,070 --> 00:45:51,360
חפש באתרים ש
אתה חושב שהם ממש יפים

915
00:45:51,360 --> 00:45:54,870
ולהבין כיצד הם משתמשים
HTML ו- CSS כדי לעשות את הדברים האלה.

916
00:45:54,870 --> 00:45:59,860
>> אז כפי שאתם רואים כאן, ברור שיש
כמו קישורים ויש לנו בכיתה כאן.

917
00:45:59,860 --> 00:46:00,950
יש לנו קישור כאן.

918
00:46:00,950 --> 00:46:03,100
יש לנו רשימה.

919
00:46:03,100 --> 00:46:05,370
כנראה יש לנו כמה
תמונות בכאן איפשהו.

920
00:46:05,370 --> 00:46:08,332
>> יש לנו כמה בסגנון מגניב כאן.

921
00:46:08,332 --> 00:46:10,040
זה הדבר הבא
אנחנו הולכים לעשות.

922
00:46:10,040 --> 00:46:14,580
אז סגנון, בכל פעם שאתה רואה את אלה
סוגריים סגנון, זה CSS בעצם.

923
00:46:14,580 --> 00:46:15,880
בן, שיש לך שאלה?

924
00:46:15,880 --> 00:46:16,880
>> קהל: מהו div?

925
00:46:16,880 --> 00:46:20,039
>> אליסון BUCHHOLTZ-AU: div
רק a-- מה div?

926
00:46:20,039 --> 00:46:20,830
קהל: חטיבה.

927
00:46:20,830 --> 00:46:22,121
אליסון BUCHHOLTZ-AU: חטיבה.

928
00:46:22,121 --> 00:46:25,960
כן, זה בדיוק כמו
הפרדת מרכיבים שונים.

929
00:46:25,960 --> 00:46:28,650
אוקיי, אז הנה מה שאנחנו
הולך להיכנס הבא.

930
00:46:28,650 --> 00:46:31,550
אז זה לא יכול להיות הטוב ביותר
סגנון כי, אם אתה שם לב

931
00:46:31,550 --> 00:46:37,681
יש לנו HTML וסגנון באותו העמוד,
ואנחנו באמת רוצים להפריד אותם,

932
00:46:37,681 --> 00:46:38,180
בסדר?

933
00:46:38,180 --> 00:46:41,620
ובעצם, תן לי
תיפתח בדיוק אחד שלי

934
00:46:41,620 --> 00:46:45,990
כי זה אמור להיות
PDF, כך שיש לנו style.css.

935
00:46:45,990 --> 00:46:51,210
>> אז מה אנחנו יכולים לעשות כאן הוא אלה
דברים מגניבים כמו לדעוך

936
00:46:51,210 --> 00:46:55,550
ואנחנו יכולים לנסות ולעשות את זה, אבל אני מרגיש
כמו שאני היית עושה בלגן שעל הזבוב,

937
00:46:55,550 --> 00:46:58,520
אז אני ממליץ לך בחורים ל
ללכת לנסות את זה בעצמך,

938
00:46:58,520 --> 00:47:00,310
אבל אני לא הולך לעשות את זה עכשיו.

939
00:47:00,310 --> 00:47:03,790
אז אם אתם, לזכור,
אם אי פעם פגעו סט בעיה,

940
00:47:03,790 --> 00:47:05,584
משהו מסתער מהצד.

941
00:47:05,584 --> 00:47:08,000
זה קשור ללדעוך ו
המעבר ומה לא.

942
00:47:08,000 --> 00:47:09,630
>> קהל: וזה כל מה CSS ו- HTML?

943
00:47:09,630 --> 00:47:11,460
>> אליסון BUCHHOLTZ-AU: כל CSS ו- HTML.

944
00:47:11,460 --> 00:47:12,420
כן.

945
00:47:12,420 --> 00:47:17,720
אז אתה יכול לעשות הרבה מאוד
דברים מגניבים עם CSS ו- HTML.

946
00:47:17,720 --> 00:47:22,280
אז עם מדהים שלנו
דף אינטרנט ארנב כאן, אנחנו

947
00:47:22,280 --> 00:47:25,240
הולכים לעשות קצת
קצת סגנון CSS עם זה.

948
00:47:25,240 --> 00:47:28,850
>> אז אם אי פעם יש לי סגנון
גיליון, שאנחנו צריכים כאן,

949
00:47:28,850 --> 00:47:30,550
רק אתה יכול להתקשר style.css.

950
00:47:30,550 --> 00:47:32,090
אתה יכול לקרוא לזה איך שאתה רוצה.

951
00:47:32,090 --> 00:47:37,110
מה שחשוב הוא שאנחנו הולכים
להפניה בweb.html שלנו כאן.

952
00:47:37,110 --> 00:47:41,670
>> אז מה אנחנו הולכים לעשות הוא
we-- אז אני לא מתעסק זה up--

953
00:47:41,670 --> 00:47:46,180
אנחנו הולכים לקשר
שני קבצים אלה יחד.

954
00:47:46,180 --> 00:47:49,340
אז באותה way-- אני הולך
לצייר אנלוגיה לC כאן.

955
00:47:49,340 --> 00:47:53,510
באותו אופן שאם יש לך
כמה library-- ויש לנו cs50.h--

956
00:47:53,510 --> 00:47:55,520
המהדר שלנו מקשר אותו.

957
00:47:55,520 --> 00:47:58,040
זוהי רק מפורשת
קישור בחלקנו.

958
00:47:58,040 --> 00:48:01,840
אז, באותו אופן שאנחנו עושים
חשיש כולל כמה קבצים, מה ש

959
00:48:01,840 --> 00:48:06,890
אני עומד לכתוב רק
שווה HTML / CSS של ש.

960
00:48:06,890 --> 00:48:11,970
>> אנחנו רק אומרים, בסדר, דף אינטרנט זה
הוא הולך להשתמש בגיליון סגנון, בסדר?

961
00:48:11,970 --> 00:48:23,360
אז יש לנו הקישור rel שווה לגיליון סגנון.

962
00:48:23,360 --> 00:48:30,870
ולאחר מכן יש לנו סוג, CSS.

963
00:48:30,870 --> 00:48:34,630

964
00:48:34,630 --> 00:48:37,060
ולאחר מכן href שווה.

965
00:48:37,060 --> 00:48:41,910

966
00:48:41,910 --> 00:48:42,860
>> אישור.

967
00:48:42,860 --> 00:48:45,680
אז כל זה עשה כאן הוא שאתה יכול
לחשוב על זה כאותו דבר

968
00:48:45,680 --> 00:48:47,550
כחשיש כולל.

969
00:48:47,550 --> 00:48:53,450
ברור שזה נראה קצת יותר
מסובך, אבל בכל המקרים,

970
00:48:53,450 --> 00:48:55,370
זה ביעילות את אותו הדבר.

971
00:48:55,370 --> 00:49:00,940
אז זה רק חלק המקשר של
גיליון סגנון, זה של טקסט / CSS סוג,

972
00:49:00,940 --> 00:49:02,875
והשם של זה style.css.

973
00:49:02,875 --> 00:49:05,560
>> מה חשוב לדעת
הוא שהדף האינטרנט

974
00:49:05,560 --> 00:49:09,155
שאני עובד תקין now-- web.html
וstyle.css-- נמצא באותה התיקייה.

975
00:49:09,155 --> 00:49:14,740
משום בתיקיות שונות,
אתה צריך לתת את השורש בפועל

976
00:49:14,740 --> 00:49:17,480
לזה או שהדרך אליה.

977
00:49:17,480 --> 00:49:20,620
אבל במקרה הזה, אנחנו שומרים אותו
סופר פשוט וזה הולך להיות כאן.

978
00:49:20,620 --> 00:49:26,730
אז אם אנחנו עושים את זה, יש לי כמה
דברים כבר ממתינים בתור לכאן.

979
00:49:26,730 --> 00:49:31,680
>> אז יש לנו כמה גוף, שהוא הולך
יש צבע הרקע שלנו, ש

980
00:49:31,680 --> 00:49:33,320
עכשיו הוא בצבע תכלת.

981
00:49:33,320 --> 00:49:36,850
אנחנו יכולים לשנות את זה אם אנחנו רוצים, אבל
אם אני זוכר את זה בצורה נכונה,

982
00:49:36,850 --> 00:49:39,270
זה פשוט צריך לשנות אותו לצבע תכלת.

983
00:49:39,270 --> 00:49:42,050
ועכשיו יש לנו רקע כחול בהיר.

984
00:49:42,050 --> 00:49:47,490
והיינו לנו here-- יכול מישהו זוכר
איזה מהם הוא חשיש זיהוי או בכיתה?

985
00:49:47,490 --> 00:49:50,370

986
00:49:50,370 --> 00:49:51,080
>> קהל: מזהה.

987
00:49:51,080 --> 00:49:51,800
>> אליסון BUCHHOLTZ-AU: מזהה.

988
00:49:51,800 --> 00:49:52,420
מגניב.

989
00:49:52,420 --> 00:49:58,920
אז מה אנחנו רוצים לעשות
הוא שגופנים אלה

990
00:49:58,920 --> 00:50:01,534
או which-- אנחנו רוצים "תראו
הארנב חמוד "להיות סגול?

991
00:50:01,534 --> 00:50:02,950
אני חושב שאנחנו רוצים שזה יהיה סגול.

992
00:50:02,950 --> 00:50:04,640
אני די למטה עם שלהיות סגול.

993
00:50:04,640 --> 00:50:08,790
>> אז מה שאתה עושה הוא שאתה עושה
מזהה equals-- במקרה זה

994
00:50:08,790 --> 00:50:13,630
אמרתי, מה, די צבע כאן.

995
00:50:13,630 --> 00:50:14,780
אנו טוענים.

996
00:50:14,780 --> 00:50:17,460
פתאום, זה סגול.

997
00:50:17,460 --> 00:50:20,680
אוקיי, אז עם תעודת זהות, זוכר
זה צריך להיות ייחודי,

998
00:50:20,680 --> 00:50:24,370
אז אני לא צריך להיות באמצעות
זיהוי זה בכל מקום אחר.

999
00:50:24,370 --> 00:50:27,760
אבל עם כיתה, כפי שיש לנו
כאן עם גופן יפה,

1000
00:50:27,760 --> 00:50:30,300
אני צריך להיות מסוגל להשתמש ב
כי בכל מקום שאני רוצה.

1001
00:50:30,300 --> 00:50:33,160
>> אז בואו נעשיתי את זה כאן.

1002
00:50:33,160 --> 00:50:41,100
אז אנו יכולים לומר ברמה שווה פחות או גופן.

1003
00:50:41,100 --> 00:50:46,190
ואם נסתכל עכשיו, יש לנו
גופן זה די מגניב כאן.

1004
00:50:46,190 --> 00:50:49,160
אז אולי אני רוצה לעשות את שניהם.

1005
00:50:49,160 --> 00:50:52,786
בסדר, אני ממש לא יודע אם זה הוא
הולך לעבודה, אבל אני רוצה לנסות את זה.

1006
00:50:52,786 --> 00:50:54,410
וזה איך אתה לומד CSS ו- HTML.

1007
00:50:54,410 --> 00:50:55,660
אתה כמו, אתה יודע
מה, אני רוצה לנסות את זה.

1008
00:50:55,660 --> 00:50:56,430
אני לא בטוח אם זה הולך לעבוד.

1009
00:50:56,430 --> 00:50:57,346
בואו אראה אם ​​זה עובד.

1010
00:50:57,346 --> 00:51:00,580

1011
00:51:00,580 --> 00:51:01,540
>> ולהסתכל על זה.

1012
00:51:01,540 --> 00:51:04,540
עכשיו זה בסגול ו
זה גופן יפה.

1013
00:51:04,540 --> 00:51:08,692
אוקיי, אז יש לך את כל אלה
דברים שונים שאתה יכול לעשות.

1014
00:51:08,692 --> 00:51:09,650
האם יש לך שאלה?

1015
00:51:09,650 --> 00:51:10,275
>> קהל: כן.

1016
00:51:10,275 --> 00:51:13,280
ובכן, פשוט אוהבים את הצבעים
אתה משתמש במילים.

1017
00:51:13,280 --> 00:51:16,005
האם יש דרך לעשות את הצבעים
עם הקסדצימלי RGB?

1018
00:51:16,005 --> 00:51:18,880
אליסון BUCHHOLTZ-AU: אתה יכול גם
לעשות את זה עם ההקסדצימאלי, אני מאמין.

1019
00:51:18,880 --> 00:51:19,803
כן.

1020
00:51:19,803 --> 00:51:22,136
אבל זה די נחמד אם אתה
לא רוצה לחפש אותם.

1021
00:51:22,136 --> 00:51:23,762
רק אתה יכול להיות כמו, סגול או כחול.

1022
00:51:23,762 --> 00:51:25,720
קהל: בואו אקווה שהם
יודע מה זה אומר.

1023
00:51:25,720 --> 00:51:26,886
אליסון BUCHHOLTZ-AU: נכון.

1024
00:51:26,886 --> 00:51:29,580
אז בואו להפוך את הקריאה או ירקרק זה.

1025
00:51:29,580 --> 00:51:32,060
למה אתה אף פעם לבחור ירקרק?

1026
00:51:32,060 --> 00:51:33,340
זה צבע מעניין.

1027
00:51:33,340 --> 00:51:37,355
>> אוקיי, אז ברור שאנחנו יכולים לראות אותנו
יכול לשנות דברים אבל אנחנו רוצים.

1028
00:51:37,355 --> 00:51:39,910

1029
00:51:39,910 --> 00:51:45,392
אם אתה רוצה create-- נניח
רצינו ליצור סוג אחר.

1030
00:51:45,392 --> 00:51:46,850
מה יכול אתם רוצים לשנות?

1031
00:51:46,850 --> 00:51:51,840
אם אתה מושך את W3Schools '
תיעוד CSS,

1032
00:51:51,840 --> 00:51:54,450
אני משאיר את הבמה לכם.

1033
00:51:54,450 --> 00:51:57,990
אנחנו יכולים לנסות ולעשות משהו מגניב עם
זה בכמה דקות האחרונות.

1034
00:51:57,990 --> 00:52:00,275

1035
00:52:00,275 --> 00:52:03,150
כי אני כבר סוג של נתתי לך
קורס מזורז בהרבה דברים מגניבים

1036
00:52:03,150 --> 00:52:03,970
שאתה יכול לעשות.

1037
00:52:03,970 --> 00:52:09,956
אבל בסופו של הדבר, כמו שאמרתי, אם אתה
רק ניסוי, תוכל ללמוד הרבה.

1038
00:52:09,956 --> 00:52:12,212
>> קהל: האם אתה מסתכל למעלה גופן זה?

1039
00:52:12,212 --> 00:52:14,295
>> אליסון BUCHHOLTZ-AU: כן,
הסתכלתי למעלה גופן ש.

1040
00:52:14,295 --> 00:52:17,200
אז כמו פשוטו כמשמעו, אני
הלכתי to-- מה עשיתי?

1041
00:52:17,200 --> 00:52:22,371
אני עשיתי את רשימת גופני CSS, ו
אז עשיתי ערימת גופן,

1042
00:52:22,371 --> 00:52:25,120
ולאחר מכן הייתי כמו, להסתכל, כאן
כל הגופנים מגניבים שאתה יכול לעשות.

1043
00:52:25,120 --> 00:52:28,180
ולא היה זה אחד, ולכן
העתקתי את זה ללוח שלי.

1044
00:52:28,180 --> 00:52:31,820
ואז אני היה כמו,
אישור, מגניב, יש לנו ללכת.

1045
00:52:31,820 --> 00:52:32,320
הכל נעשה.

1046
00:52:32,320 --> 00:52:35,920
>> קהל: אז אתה צריך לוודא ש
CSS שיודע מה הוא הגופן ש.

1047
00:52:35,920 --> 00:52:37,370
>> אליסון BUCHHOLTZ-AU: כן.

1048
00:52:37,370 --> 00:52:38,190
>> קהל: מה זה אומר בסופו של הדבר?

1049
00:52:38,190 --> 00:52:38,790
רהוט?

1050
00:52:38,790 --> 00:52:40,040
>> אליסון BUCHHOLTZ-AU: רהוט.

1051
00:52:40,040 --> 00:52:40,950
כן.

1052
00:52:40,950 --> 00:52:42,310
>> קהל: תמונת רקע.

1053
00:52:42,310 --> 00:52:43,290
>> אליסון BUCHHOLTZ-AU: תמונת רקע.

1054
00:52:43,290 --> 00:52:44,180
אישור.

1055
00:52:44,180 --> 00:52:46,490
אז אתה רוצה להגיד לי איך לעשות את זה.

1056
00:52:46,490 --> 00:52:47,390
אני משאיר לך את זה.

1057
00:52:47,390 --> 00:52:49,070
אני רק הקלדה כאן עכשיו.

1058
00:52:49,070 --> 00:52:51,714
ההגה הוא בידיים שלך.

1059
00:52:51,714 --> 00:52:52,660
>> קהל: אישור

1060
00:52:52,660 --> 00:52:53,701
>> אליסון BUCHHOLTZ-AU: אישור.

1061
00:52:53,701 --> 00:52:54,720
מה אני עושה?

1062
00:52:54,720 --> 00:53:02,929
>> קהל: Doing-- אני יודע מה
מגיע לאחר הסד המתולתל.

1063
00:53:02,929 --> 00:53:03,970
אליסון BUCHHOLTZ-AU: אישור.

1064
00:53:03,970 --> 00:53:06,707
אז כנראה בגוף, אני
היה להניח, כי אנחנו

1065
00:53:06,707 --> 00:53:08,040
עושה עם תמונת הרקע.

1066
00:53:08,040 --> 00:53:08,940
>> קהל: כן, בואו נעשה את זה.

1067
00:53:08,940 --> 00:53:09,981
>> אליסון BUCHHOLTZ-AU: אישור.

1068
00:53:09,981 --> 00:53:14,260
קהל: אוקיי, אז רקע
מעי גס, ולאחר מכן אנו

1069
00:53:14,260 --> 00:53:16,894
צריך כתובת ה- URL של תמונה ש.

1070
00:53:16,894 --> 00:53:18,560
אולי פסאודו-קוד כי לעת עתה, אולי.

1071
00:53:18,560 --> 00:53:20,601
>> אליסון BUCHHOLTZ-AU: מה
אתה רוצה שאני to--

1072
00:53:20,601 --> 00:53:22,574
קהל: אני חושב כמו GIF.

1073
00:53:22,574 --> 00:53:23,740
אליסון BUCHHOLTZ-AU: GIF?

1074
00:53:23,740 --> 00:53:26,070
זה הולך להיות מעניין.

1075
00:53:26,070 --> 00:53:27,840
אישור, מה אני googling כאן?

1076
00:53:27,840 --> 00:53:29,670
>> קהל: לא, זו הבחירה שלך.

1077
00:53:29,670 --> 00:53:32,090
>> אליסון BUCHHOLTZ-AU: מדוע
לא we-- אם זה ארנב,

1078
00:53:32,090 --> 00:53:35,610
אני מרגיש שאנחנו צריכים
דשא נחמד דשא או משהו.

1079
00:53:35,610 --> 00:53:38,275
>> קהל: אחו.

1080
00:53:38,275 --> 00:53:39,350
אחו.

1081
00:53:39,350 --> 00:53:40,641
>> אליסון BUCHHOLTZ-AU: אחו?

1082
00:53:40,641 --> 00:53:41,851
אישור.

1083
00:53:41,851 --> 00:53:42,975
קהל: או רחל Maddow.

1084
00:53:42,975 --> 00:53:44,747

1085
00:53:44,747 --> 00:53:46,580
אליסון BUCHHOLTZ-AU:
זה נראה יפה.

1086
00:53:46,580 --> 00:53:49,380

1087
00:53:49,380 --> 00:53:50,380
אה, זה זעיר, אם כי.

1088
00:53:50,380 --> 00:53:51,700
אנחנו צריכים תמונה בגודל טובה.

1089
00:53:51,700 --> 00:53:53,142
בואו נראה.

1090
00:53:53,142 --> 00:53:54,570
אה, תראה.

1091
00:53:54,570 --> 00:53:55,630
זה אחו יפה.

1092
00:53:55,630 --> 00:53:58,320
אתה יודע מה, אני אוהב את זה.

1093
00:53:58,320 --> 00:53:59,300
בואו להעתיק את זה.

1094
00:53:59,300 --> 00:54:08,020
>> קהל: בסדר, אז אני חושב שזה
כתובת האתר, סוגריים פתוחים.

1095
00:54:08,020 --> 00:54:09,590
>> אליסון BUCHHOLTZ-AU: אישור, כתובת אתר.

1096
00:54:09,590 --> 00:54:11,500
>> קהל: אז את הכתובת.

1097
00:54:11,500 --> 00:54:13,610
>> אליסון BUCHHOLTZ-AU: אישור.

1098
00:54:13,610 --> 00:54:14,750
זה כל מה שאנחנו צריכים?

1099
00:54:14,750 --> 00:54:20,550
>> קהל: פסיק סוגריים לסגור,
ולאחר מכן חלל, מקף רקע

1100
00:54:20,550 --> 00:54:27,050
מעי גס קובץ מצורף קבוע, וסד מתולתל.

1101
00:54:27,050 --> 00:54:28,110
>> אליסון BUCHHOLTZ-AU: אישור.

1102
00:54:28,110 --> 00:54:29,114
בואו לראות אם זה עובד.

1103
00:54:29,114 --> 00:54:30,780
זה הולך להיות די מגניב אם זה יקר.

1104
00:54:30,780 --> 00:54:33,880
אני ממש התרגשתי ממש כאן.

1105
00:54:33,880 --> 00:54:35,070
זה לא עבד.

1106
00:54:35,070 --> 00:54:35,700
אני תוהה מדוע.

1107
00:54:35,700 --> 00:54:37,700
קהל: אולי את כתובת האתר
צריך להיות בציטוטים.

1108
00:54:37,700 --> 00:54:38,866
אליסון BUCHHOLTZ-AU: אולי.

1109
00:54:38,866 --> 00:54:41,520
וכך אנו למדים, בחורים.

1110
00:54:41,520 --> 00:54:44,340
>> קהל: האם יש לנו רקע
צבע ותמונת רקע?

1111
00:54:44,340 --> 00:54:45,390
>> קהל: מס '

1112
00:54:45,390 --> 00:54:46,550
אחד מחליף את השני.

1113
00:54:46,550 --> 00:54:46,960
>> אליסון BUCHHOLTZ-AU: אני לא יודע.

1114
00:54:46,960 --> 00:54:47,460
בואו נראה.

1115
00:54:47,460 --> 00:54:48,860
בואו לבדוק את זה ולראות.

1116
00:54:48,860 --> 00:54:51,567
>> קהל: אה, אולי, כן.

1117
00:54:51,567 --> 00:54:52,400
[חציצת קולות]

1118
00:54:52,400 --> 00:54:59,640

1119
00:54:59,640 --> 00:55:03,260
>> אליסון BUCHHOLTZ-AU: אוקיי, זה
obviously-- אני [לא ברור] כאן.

1120
00:55:03,260 --> 00:55:04,927
אז בסדר.

1121
00:55:04,927 --> 00:55:06,260
קהל: קובץ מצורף רקע.

1122
00:55:06,260 --> 00:55:07,301
אליסון BUCHHOLTZ-AU: אה.

1123
00:55:07,301 --> 00:55:12,096

1124
00:55:12,096 --> 00:55:13,946
>> קהל: בסדר, אני לא יודע.

1125
00:55:13,946 --> 00:55:16,070
אליסון BUCHHOLTZ-AU: זה
נראה כמו שזה אמור לעבוד.

1126
00:55:16,070 --> 00:55:19,074
האם אתה בטוח שזה מעי גס לאחר את כתובת האתר?

1127
00:55:19,074 --> 00:55:20,439
>> קהל: לא, זה פסיק.

1128
00:55:20,439 --> 00:55:21,980
אליסון BUCHHOLTZ-AU: זה פסיק.

1129
00:55:21,980 --> 00:55:22,530
קהל: האם אמרתי מעי גס?

1130
00:55:22,530 --> 00:55:24,155
אליסון BUCHHOLTZ-AU: אמר מעי גס.

1131
00:55:24,155 --> 00:55:26,222
קהל: הו לא.

1132
00:55:26,222 --> 00:55:27,680
אליסון BUCHHOLTZ-AU: הנה לך.

1133
00:55:27,680 --> 00:55:29,350
קהל: אה, רגע, עכשיו
אנחנו לא יכולים לקרוא את הטקסט.

1134
00:55:29,350 --> 00:55:30,320
אליסון BUCHHOLTZ-AU: עכשיו
אתה לא יכול לקרוא את הטקסט,

1135
00:55:30,320 --> 00:55:32,740
אבל יש לנו את תמונת הרקע.

1136
00:55:32,740 --> 00:55:33,300
"ממממ?

1137
00:55:33,300 --> 00:55:35,220
>> קהל: האם HTML
לתמוך בתוכן דינמי?

1138
00:55:35,220 --> 00:55:39,070
כמו, אתה יכול לשנות את גודל התמונה ש
בהתאם לגודל החלון,

1139
00:55:39,070 --> 00:55:39,890
או שזה CSS--

1140
00:55:39,890 --> 00:55:41,723
>> אליסון BUCHHOLTZ-AU:
אז CSS יש לעשות את זה.

1141
00:55:41,723 --> 00:55:45,210
אז אם אתם מעוניינים
במידת CSS המתקדם,

1142
00:55:45,210 --> 00:55:50,789
אני תשתף הוראה
סמינר על CSS על 7.

1143
00:55:50,789 --> 00:55:52,580
ואני מבטיח שזה יהיה
להיות הרבה יותר לעומק

1144
00:55:52,580 --> 00:55:55,220
ולעשות הרבה יותר מגניב
דברים בסעיף זה.

1145
00:55:55,220 --> 00:55:59,234
ושיתוף המורה שלי הוא כמו
אדון dev האינטרנט כולל מול סוף.

1146
00:55:59,234 --> 00:56:02,150
כך זה יהיה די מגניב אם אתה רוצה
כדי ללמוד על כל דברים מגניבים

1147
00:56:02,150 --> 00:56:03,960
CSS שיכול לעשות.

1148
00:56:03,960 --> 00:56:06,860
>> אבל מה יש לנו כאן עם
קובץ מצורף הרקע שלו

1149
00:56:06,860 --> 00:56:13,330
fixed-- כך שזה קצת size-- קבוע
אבל למעשה אתה יכול dynamically--

1150
00:56:13,330 --> 00:56:17,610
אם אי פעם תראה את דפי אינטרנט, כ
רוב דפי אינטרנט טובים יעשו,

1151
00:56:17,610 --> 00:56:19,470
בעת ההתאמה
גודל של הדפדפן שלך,

1152
00:56:19,470 --> 00:56:23,980
זה מתאים את הרקע או כמה
הוא מראה או מאתחל מחדש דברים, נכון?

1153
00:56:23,980 --> 00:56:27,100
אז זה מה שאנחנו קוראים
מיקום יחסי.

1154
00:56:27,100 --> 00:56:33,410
>> ו- CSS באמת יכול לתפוס עד כמה גדול שלך
רוחב דפדפן הוא או כמה גבוה זה,

1155
00:56:33,410 --> 00:56:37,970
ואתה יכול למקם את הדברים
לפי הגדלים יחסי

1156
00:56:37,970 --> 00:56:40,420
לעומת גדלים מוחלטים.

1157
00:56:40,420 --> 00:56:44,920
וזה ללא ספק מתקדם יותר
CSS, אבל זה משהו שאתה יכול לעשות.

1158
00:56:44,920 --> 00:56:47,390
אם אתה רוצה ללמוד
יותר, מגיע לסמינר שלי.

1159
00:56:47,390 --> 00:56:50,540
>> אז זה משהו שאתה יכול לעשות.

1160
00:56:50,540 --> 00:56:54,450
ו- CSS בעצם יכול
do-- CSS ו- JavaScript,

1161
00:56:54,450 --> 00:56:58,790
אשר נגיע לבא week--
יכול לאפשר לך לשנות באופן דינמי

1162
00:56:58,790 --> 00:57:02,160
דפים ללא צורך
טען מחדש אותם כל הזמן.

1163
00:57:02,160 --> 00:57:04,590
ואתה מקבל לעשות קצת
דברים די מגניבים.

1164
00:57:04,590 --> 00:57:09,317
>> אז האם יש עוד דבר
כי אתם אולי רוצים לעשות

1165
00:57:09,317 --> 00:57:10,650
או כל דבר שאתה רוצה לחקור?

1166
00:57:10,650 --> 00:57:12,900
יש לנו 10 דקות לסיום.

1167
00:57:12,900 --> 00:57:19,010
אנחנו יכולים גם לצאת מוקדם, אבל אם
אתה רוצה לעשות כמה דברים באינטרנט יותר,

1168
00:57:19,010 --> 00:57:20,960
אנחנו יכולים, אבל אני לא
הולך להכריח אותך.

1169
00:57:20,960 --> 00:57:23,510
אבל אנחנו יכולים גם פשוט לאכול ממתקים.

1170
00:57:23,510 --> 00:57:25,760
קהל: סמן את הטקסט
לבן, כך שתוכל לקרוא אותו.

1171
00:57:25,760 --> 00:57:27,680
אליסון BUCHHOLTZ-AU: אישור.

1172
00:57:27,680 --> 00:57:33,389
אז במקרה הזה, אנחנו רוצים כמה p.

1173
00:57:33,389 --> 00:57:36,305
קהל: אנחנו צריכים לעשות את זה ב
גוף, כך שהוא חל על כל הדף?

1174
00:57:36,305 --> 00:57:38,096
אליסון BUCHHOLTZ-AU:
כן, אנחנו יכולים למעשה.

1175
00:57:38,096 --> 00:57:40,880
שזה רעיון טוב.

1176
00:57:40,880 --> 00:57:43,420
אז אנחנו have-- לעשות לך
יודע מה אנחנו צריכים להיות?

1177
00:57:43,420 --> 00:57:47,452

1178
00:57:47,452 --> 00:57:50,260
אני לא יודע אם אנחנו יכולים לעשות את צבע טקסט.

1179
00:57:50,260 --> 00:57:54,946
אני הולך לנסות ו
ליצור סוג אחר כאן.

1180
00:57:54,946 --> 00:57:58,394
>> קהל: איך אתה משיג כל כך
כי יש לו ההצעות?

1181
00:57:58,394 --> 00:58:00,560
אליסון BUCHHOLTZ-AU: אז
אם אתם מעוניינים,

1182
00:58:00,560 --> 00:58:03,480
זה טקסט אחר
עורך נקרא נשגב.

1183
00:58:03,480 --> 00:58:07,180
אתה אמור להיות מסוגל
להתקין אותו על המכשיר שלך.

1184
00:58:07,180 --> 00:58:08,659
לפעמים זה נעשה קצת מסובך.

1185
00:58:08,659 --> 00:58:10,950
אם אתה רוצה לעזור עם זה,
אני סופר אשמח לעזור לך

1186
00:58:10,950 --> 00:58:14,720
עם זה, כי gedit הוא גדול ו
זה מדהים, כי אתה יכול לקמפל אותו

1187
00:58:14,720 --> 00:58:17,790
בתחתית, אבל אני באמת
כמו נשגב, כי זה די

1188
00:58:17,790 --> 00:58:19,498
והוא עושה דברים
כמו השלמה אוטומטית.

1189
00:58:19,498 --> 00:58:21,560

1190
00:58:21,560 --> 00:58:26,890
>> אז אתה בהחלט יכול להרגיש חופשי
תודיע לי אם אתה רוצה לעשות את זה.

1191
00:58:26,890 --> 00:58:28,940
אם אתה פשוט google "Sublime
טקסט, "זה בדרך כלל

1192
00:58:28,940 --> 00:58:32,860
יש הוראות כיצד להתקין
במערכות הפעלה שונות.

1193
00:58:32,860 --> 00:58:37,590
זה ממש מגניב, אני
חושב, לדעתי.

1194
00:58:37,590 --> 00:58:38,355
אז p.

1195
00:58:38,355 --> 00:58:45,616
אני חושב שאני פשוט יכול לעשות text-- או
אנחנו רק יכולים לעשות את הצבע "לבן".

1196
00:58:45,616 --> 00:58:47,050
יש.

1197
00:58:47,050 --> 00:58:50,770
>> אז מה שעשיתי כאן הוא שאני ש
לא שינה את כל הטקסט.

1198
00:58:50,770 --> 00:58:54,040
אבל p כאן הוא רק
תג שיש לנו, נכון?

1199
00:58:54,040 --> 00:58:55,450
תג פסקה זו.

1200
00:58:55,450 --> 00:59:00,380
אז אני פשוט יצרתי אלמנט CSS ש
אמר, בסדר, כל דבר עם תג זה

1201
00:59:00,380 --> 00:59:02,510
p, להפוך את הצבע לבן.

1202
00:59:02,510 --> 00:59:05,690
>> אז אם שמת לב, זה גרם לי
לבן ולבן הזה.

1203
00:59:05,690 --> 00:59:09,100
זה לא עשה הרשימה שלנו לבנה כי
זה לא קשור עם זה.

1204
00:59:09,100 --> 00:59:11,180
אתה יכול לעבור ואתה יכול say--

1205
00:59:11,180 --> 00:59:11,860
>> קהל: האם צבע רקע.

1206
00:59:11,860 --> 00:59:12,660
>> אליסון BUCHHOLTZ-AU: צבע רקע?

1207
00:59:12,660 --> 00:59:15,660
>> קהל: רקע לצינור ב
צבע שבו אתה שם את תג p.

1208
00:59:15,660 --> 00:59:16,701
>> אליסון BUCHHOLTZ-AU: אישור.

1209
00:59:16,701 --> 00:59:21,980

1210
00:59:21,980 --> 00:59:22,804
אתה רוצה את זה לבן?

1211
00:59:22,804 --> 00:59:23,470
קהל: "ממממ.

1212
00:59:23,470 --> 00:59:25,070
אליסון BUCHHOLTZ-AU: אישור.

1213
00:59:25,070 --> 00:59:26,342
הנה לך.

1214
00:59:26,342 --> 00:59:27,300
קהל: זה מוזר.

1215
00:59:27,300 --> 00:59:29,190
אליסון BUCHHOLTZ-AU:
די מגניב, נכון?

1216
00:59:29,190 --> 00:59:31,640
אז אם אתה רק להתעסק,
אתה הולך ללמוד הרבה.

1217
00:59:31,640 --> 00:59:34,720
וזה יכול להיות די מגניב.

1218
00:59:34,720 --> 00:59:37,312
אני חושב שזה בהחלט יותר
סיפוק מאשר לפעמים

1219
00:59:37,312 --> 00:59:39,770
כי אתה לא צריך לחכות
עבור התכנית שלך כדי לקמפל.

1220
00:59:39,770 --> 00:59:41,895
אתה יכול פשוט פגע רענן
ואתם כמו, אה, תראו,

1221
00:59:41,895 --> 00:59:44,276
זה עבד, או הו, אני
כנראה חסר משהו.

1222
00:59:44,276 --> 00:59:47,359
וזה משהו שהוא באמת
מגניב על החלק הבא של הכיתה,

1223
00:59:47,359 --> 00:59:49,250
זה בהחלט, אני
חושב, קל יותר לבדוק

1224
00:59:49,250 --> 00:59:52,640
כמו שאתה הולך בדרך לעומת
צורך בכתיבת תוכניות הארוכות אלה

1225
00:59:52,640 --> 00:59:57,830
ומבקש ומתפלל
כי זה עובד בסופו של הדבר.

1226
00:59:57,830 --> 01:00:01,960
>> אז עם זה, אני חושב ש
אתם כל נראים טובים.

1227
01:00:01,960 --> 01:00:05,360
אם יש לך שאלות, כמו תמיד,
תבואו לדבר איתי, בואו תנו לי לדעת.

1228
01:00:05,360 --> 01:00:08,180
אני אהיה ממש מחוץ ל
במשך 15 הדקות הבאות

1229
01:00:08,180 --> 01:00:11,340
אם אתה רוצה לשוחח על
כל דבר ודבר.

1230
01:00:11,340 --> 01:00:13,530
>> אז אני מקווה שאתה guys--
מזל טוב עם pset זה.

1231
01:00:13,530 --> 01:00:18,150
המועד האחרון הוא יום שישי בצהריים
משום שפורסם בסוף.

1232
01:00:18,150 --> 01:00:21,220
אז אני כנראה יהיה לראות
הרבה מכם ביום חמישי,

1233
01:00:21,220 --> 01:00:21,970
אבל אני מקווה שלא.

1234
01:00:21,970 --> 01:00:23,386
אולי תצטרך לעשות את זה עד אז.

1235
01:00:23,386 --> 01:00:24,440
אני רוצה להיות סופר גאה.

1236
01:00:24,440 --> 01:00:26,410
>> אבל אם לא, אני אראה אותך ביום חמישי.

1237
01:00:26,410 --> 01:00:30,030
ניתן גם להשתמש בתאריך מאוחר, ש
מרחיב אותה עד יום שבת בצהריים.

1238
01:00:30,030 --> 01:00:31,730
אבל אני don't-- הא?

1239
01:00:31,730 --> 01:00:32,580
>> קהל: ליל כל הקדושים.

1240
01:00:32,580 --> 01:00:34,538
>> אליסון BUCHHOLTZ-AU:
זה ליל כל הקדושים,, ו- B,

1241
01:00:34,538 --> 01:00:37,050
אני לא חושב שיהיה
להיות שעות עבודה בימי שישי.

1242
01:00:37,050 --> 01:00:40,920
אז באמת לנסות ולקבל את זה נעשה על ידי
יום שישי כדי שכולנו נוכל לחגוג

1243
01:00:40,920 --> 01:00:42,010
בסוף השבוע כל קדושים.

1244
01:00:42,010 --> 01:00:44,670
בסדר, אני אראה לכם בשבוע הבא.

1245
01:00:44,670 --> 01:00:45,888