1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
[संगीत खेल] एलीसन BUCHHOLTZ-एयू: सब ठीक है, सब लोग. अनुभाग के लिए वापस स्वागत है. तो आज के लिए हमारे एजेंडे जा रहा है और अधिक वेब देव सामान पर. मैं के कितने पता नहीं है आप अपने psets देखा है यह जारी किया गया था के बाद से इससे पहले आज सुबह. मैं कितने ही होगा लोग कल्पना पढ़ा है, लेकिन आप सभी को मिला है कैसे देखने के रूप में की, तरह, सात घंटे यह देखने के लिए और यह है एक सोमवार और आप शायद वर्ग को मिला है मुझे लगता है कि कल्पना करने के लिए जा रहा हूँ आप में से ज्यादातर नहीं है. आप अतिरिक्त यश है. आप मूल रूप से मदद कर रहे हैं एक सरल वेब लागू एक ब्रांड के नए pset है जो सी में सर्वर, तो तुम लोगों गिनी सूअरों हो जाओ. यह एक मजेदार होने जा रहा है, जंगली सप्ताह, लेकिन मैं यह बहुत मज़ा हो जाएगा और यह एक सच हो जाएगा वास्तव में अच्छा अनुभव. ऐसा करने के लिए आपको तैयार करने के लिए कि, अनुभाग आज में, हम chmod, टीसीपी / आईपी जाने के लिए जा रहे हैं, और फिर एचटीएमएल और सीएसएस का एक छोटा सा. 

अंत में, हम कोड वास्तव में हूँ एक सरल वेब पेज के ऊपर एक साथ आप मदद करने के लिए लोग तरह की मिल अधिक उस के साथ familiarized. और फिर तुम उठाया नहीं किया है अपने क्विज़, वे सामने हो लेकिन मुझे पूरा यकीन है कि हर कोई कर रहा हूँ यहां उनके प्रश्नोत्तरी है. और भी उस पर ध्यान दें, समाधान, अभी तक नहीं कर रहे हैं लेकिन जैसे ही हम पसंद finish-- रूप उनके quizzes-- ले रही है पिछले कुछ लोग वे ऊपर हो जाएगा. आप किसी भी सवाल है, तो इस बीच, व्यक्तिगत रूप से मुझे ईमेल करने के लिए स्वतंत्र महसूस हो रहा है. मैं अपने व्यक्तिगत के साथ जवाब देंगे सवाल है, मैं हमेशा करते हैं. 

उस पर ध्यान दें, chmod पर तो. तो बुनियादी तौर पर आप सभी की chmod के बारे में पता करने की जरूरत इसे बदलने के लिए प्रयोग किया जाता है है फाइल अनुमति, है ना? तो यह सिर्फ कुछ सिस्टम यह एक फोन है यह यहां कहते हैं, अनुमतियाँ परिवर्तित. और तुम कभी देखना चाहते हैं क्या है एक फाइल अनुमति, के बजाय सिर्फ कर की रास, आप रास -l कर सकता है. एल लंबे समय के लिए खड़ा है. 

तो अगर आप लंबी सूची करूँगा सब कुछ के लिए, और यह आप अधिक विस्तृत दे देंगे आपकी फ़ाइलों में से प्रत्येक के बारे में जानकारी. और तुम मैं हूँ something-- देखेंगे एक second-- के लिए आगे बढ़ें करने के लिए जा रहा लेकिन आप कुछ इसी तरह देखता हूँ प्रत्येक फ़ाइल के लिए वहाँ कि शीर्ष लाइन. और हम हैं कि क्या मतलब के माध्यम से जाना होगा. 

तो बुनियादी तौर पर, बदलने के लिए आपकी फाइल अनुमति, आप बस chmod उपयोग करना चाहते हैं. आप किसी भी अन्य रूप में सोच सकते हैं यूनिक्स लोकसभा या सीडी या whatnot की तरह कहते हैं. यह एक और तरह कॉल की तरह ही है. 

इसलिए हम chmod करते हैं और फिर हम हूँ आम तौर पर तीन अंक है. ऐसा करने के लिए एक दो तरीके हैं यह, जिनमें से एक में हम पर जाना होगा. लेकिन आम तौर पर, आप तीन पड़ेगा 0 से 7 हर बार से लेकर अंक. 

तो एक बात यह है कि वहाँ तीन अलग अनुमतियों हम प्रत्येक फ़ाइल दे सकते हैं. और यह है, जो पठनीय है मतलब होगा, जो अनुसंधान द्वारा प्रतिनिधित्व एक छोटा सा में; है, जो डब्ल्यू लिखने योग्य; और, एक्स जो निष्पादन योग्य है. मुझे पता है कि ई एक, निष्पादन, शायद नहीं सबसे अधिक उपयुक्त है, लेकिन हम एक्स के साथ यह प्रतिनिधित्व करते हैं. 

और फिर क्या होता है इनमें से प्रत्येक है भी संख्या प्रतिनिधित्व किया है. इसलिए हम 1, 2, और 4 है. और असल में क्या होता है इन तीन में से प्रत्येक नंबर यहां एक से मेल खाती है उपयोगकर्ताओं के विभिन्न सेट उन अनुमतियों से संबंधित है. 

तो आप पहली बार है कि के बारे में सोच सकते हैं संख्या वास्तविक उपयोगकर्ता से मेल खाती है या फ़ाइल के मालिक, दूसरा संख्या, समूह के अनुरूप होगा और पिछले एक संदर्भित करता है दुनिया के लिए, ठीक है? तो क्या होता याद है 2 डब्ल्यू उन numbers-- आर, 4 एक्स सही, 1 है? आप इन तक राशि अगर This--, कि आपको लगता है कि पहले नंबर देता है कि हम अपने chmod में इनपुट हो सकता है. 

इस मामले में तो क्या हुआ इस नंबर होगा? यह 4 प्लस 2 होगा प्लस 1, जो सही, एक 7? और इस मामले में, इन कुछ भी नहीं है, इसलिए इस यहीं होगा ठीक है, 700 chmod के लिए अनुवाद? और क्या करता है कि यह सभी अनुदान है अपने उपयोगकर्ता के लिए इन अनुमतियों की. 

तो यह हमारे उपयोगकर्ता का मतलब वे जो चाहे कर सकते हैं. वे इस फाइल को पढ़ सकते हैं. वे इस फाइल को निष्पादित कर सकते हैं. वे इस फ़ाइल को लिख सकते हैं. समूह और दुनिया, कोई लेकिन जो भी अनुमति, ठीक है? 

तो एक और तरीका है कि लिखने के लिए, हम कर सकते हैं तीन अंक की जिनमें से प्रत्येक chmod करना जो भी राशि या उस से मेल खाती है विशिष्ट समूह विशिष्ट सबसेट है. या हम वास्तव में एक और बात कर सकते हैं. रूको. हम यहाँ इन के साथ कुछ कर सकते हैं. 

आप में से कितने एक उदाहरण देखा जहां यह एक प्लस एक्स chmod करने की तरह था? आप व्याख्यान में, मुझे लगता है कि देखा? तो एक सब के लिए खड़ा है. यह सभी उपयोगकर्ताओं के लिए दे मतलब है, जो मैं यहाँ डाल भूल गया. 

लेकिन एक से अधिक एक्स, हम अगर हम करते हैं, यहाँ नोटिस हम क्या कर रहे हैं समूह chmod-- को के बारे में अधिक अनुमतियों बात कर हम उन्हें देना चाहता हूँ. तो यह एक से अधिक या एक ऋण हो सकता है. प्लस अनुमति कहते हैं. माइनस अनुमति दूर ले जाता है. बहुत सहज, मुझे लगता है. 

तो एक से अधिक एक्स chmod मतलब है. इसलिए सभी लोगों की अनुमतियाँ परिवर्तित यह एक a-- ऐड अनुमतियों है. और कि क्या अनुमति मतलब x-- हम सभी को प्रदान कर रहे हैं. पढ़ने, लिखने, या निष्पादित? 

दर्शक: निष्पादित करें. 

एलीसन BUCHHOLTZ-एयू: निष्पादित करें. इसलिए हम सभी उपयोगकर्ताओं को दे रहे हैं अनुमति ठीक है, इस फाइल को निष्पादित करने के लिए? हम क्या करना चाहते थे तो क्या हुआ संख्यात्मक फार्म के साथ है? तो सांख्यिक के साथ याद है, हम तीन नंबर चाहते हैं. 

दर्शक: 4. एलीसन BUCHHOLTZ-एयू: क्या था? दर्शक: 4. एलीसन BUCHHOLTZ-एयू: नहीं 4. दर्शक: 0, 0, 4. एलीसन BUCHHOLTZ-एयू: ठीक है, हम चाहते हैं सही, सभी उपयोगकर्ताओं को इसे देने के लिए? तो हमारे पास करने के लिए जा रहे हैं प्रत्येक स्लॉट में एक नंबर. यही होने जा रहा है प्रत्येक स्लॉट में एक ही नंबर हम सिर्फ देना चाहता हूँ क्योंकि हर कोई निष्पादन योग्य अनुमतियों. इसलिए निष्पादन योग्य 1 है, लेकिन सही रास्ते पर. 

हम 111 chmod था तो अगर उस होगा chmod एक प्लस एक्स के बराबर हो. कि हर किसी को मतलब? हम के माध्यम से जाने के लिए जा रहे हैं उदाहरण के एक जोड़े. 

बड़ा takeaway तो यहां एक यहाँ पर नहीं है, लेकिन एक बस के सभी उपयोगकर्ताओं को दे मतलब है. आप बस चाहते हैं तो यू है दे या दूर ले जाना से एक विशेष अनुमति उपयोगकर्ता या मालिक. जी, समूह के लिए है इसलिए कि मध्य अंकों. और फिर दूसरों को आप के बारे में सोच सकते हैं दुनिया, कि पिछले अंकों के रूप में. 

उस के साथ तो, हम एक उदाहरण के लिए जाना होगा, मैं हमेशा उदाहरण की तरह लग रहा है क्योंकि समझने के लिए इन चीजों को आसान बनाते हैं. हम this-- माध्यम से चला गया तो rwx-- भी 700 के रूप में प्रतिनिधित्व किया जा सकता है. यही कारण है कि हम देखा उदाहरण है तस्वीर की अधिक पर. तो कुछ फाइल पर 444 chmod क्या अनुमतियाँ देना होगा? आप वास्तव में बंद थे. दर्शक: सभी के लिए पठनीय. एलीसन BUCHHOLTZ-एयू: पठनीय. हर किसी को तो पठनीय, है ना? और फिर ऐसा करने के लिए एक और तरीका क्या है? हम साथ chmod करना चाहते हैं या तो आर या डब्ल्यू, प्लस और minuses, क्या है कि फोन की तरह लग रही होगी? यह क्या chmod होगा? 

दर्शक: एक प्लस आर. 

एलीसन BUCHHOLTZ-एयू: 5 पर एक प्लस आर. ठीक है, तो यह इस रूप में ही है सिर्फ दो अलग अलग अनुवाद एक ही बात की. उस के साथ तो, हम इन किया है. इसलिए मुझे लगता है कि तुम लोग कोशिश करते हैं और लिखना चाहता हूँ उनके उलटी दिशा में की इन तरह. 

Chmod 555 के साथ तो, यह कैसा होगा? यह एक प्लस या यू प्लस या whatnot हो सकता है? यू प्लस एक्स के लिए, मुझे तीन नंबर दे. और फिर क्या अनुमतियों के बारे में मुझे बताओ हम वास्तव में और कौन देने जा रहे हैं? 

तो मैं तुम लोगों को दो देता हूँ मिनट उस पर काम करने के लिए. एक दूसरे के साथ बात करने के लिए स्वतंत्र महसूस करो. एक छोटी सी में आया था, जो आप उन लोगों के लिए देर से, कैंडी और शर्ट है. हम तीन शर्ट छोड़ दिया है, और हम किट Kats और starbursts है. इसलिए हड़पने आने के लिए स्वतंत्र महसूस इस छोटे से अन्तराल में कुछ. 

इसके अलावा, पिछले एक मुश्किल है. यह पिछले एक के लिए दो chmods है. असल में, मुझे लगता है कि दरवाजा बंद करते हैं तुम लोग उस पर काम कर रहे हैं. कैंडी हमेशा जरूरी है सोमवार की दोपहर को. 

ठीक है, तो 555 हमें. हम चाहते हैं कि लिख सकता है एक और तरीका क्या है? किसी भी विचार? हां. 

दर्शक: एक से अधिक RX. 

एलीसन BUCHHOLTZ-एयू: आर प्लस RX. आप यह rx होगी समझाने के लिए क्यों चाहते हैं? 

दर्शक: तुम क्योंकि 5, 4 प्लस 1 है तो, इतना पढ़ा है कि प्लस निष्पादन योग्य, और यह सभी के लिए है. एलीसन BUCHHOLTZ-एयू: ठीक है. तो बस, यहाँ 5 दोहराना हम, 4 और 1 की राशि के रूप में जानते हैं हमारे तीनों में प्रत्येक संख्या है क्योंकि कि सबसेट के लिए अनुमति की राशि, सही? उपयोगकर्ता या तो, समूह, या दुनिया. इस मामले में तो, हम जानते हैं कि 5 4 और 1 द्वारा गठित किया जाना है. 

और 4 और 1 के अनुरूप पठनीय और निष्पादन. हम हर किसी को यह दे रहे हैं इसलिए हम एक से अधिक RX chmod कर सकते हैं. और जाहिर है, हम बस चला गया वहाँ प्रश्न के माध्यम से, इसलिए अब इस फाइल निष्पादन योग्य है और हर किसी के लिए पठनीय. 

तो क्या एक दूसरे के बारे में क्या? कि एक के लिए संख्या क्या हो सकता है? किसी भी विचार? आगे बढ़ें. 

दर्शक: 100 [अश्राव्य]. 

एलीसन BUCHHOLTZ-एयू: 100. बिल्कुल सही. तो तुम क्यों 100 की व्याख्या करना चाहते हैं? दर्शक: इसके लिए है क्योंकि उपयोगकर्ता, तो यह पहले की स्थिति में है. और फिर निष्पादन योग्य एक्स 1 है. एलीसन BUCHHOLTZ-एयू: बिल्कुल. इसलिए हम निष्पादन योग्य प्रदान कर रहे हैं बस उपयोगकर्ता के लिए अनुमतियाँ. इस मामले में तो, यह 100 हो जाएगा. और मैं सब जवाब मामले में अगली स्लाइड पर आप बहुत सी बातें नीचे लिख रहे हैं. 

ठीक है, तो यह अगले एक वास्तव में किया जाता है दो chmods साथ, आप यह कर सकता है. इसलिए किसी को भी है किसी भी विचार कैसे आप कर सकते हैं chmod 640 पुनः प्राप्त अन्य तरीके से? आप पहले और उसके बाद उपयोगकर्ता को बदल सकते हैं आप समूह मेरे संकेत है बदल सकते हैं. 

हम सिर्फ बदल रहे थे तो अगर यहां यह पहले से एक है जो उपयोगकर्ता, हमारे कॉल क्या हो सकता है? तो उपयोगकर्ता यू, सही है? तो यू chmod प्लस क्या? Mmhmm? 

दर्शक: आरडब्ल्यू. एलीसन BUCHHOLTZ-एयू: आरडब्ल्यू. ठीक है, के लिए पढ़ने और लिखने, पढ़ने, क्योंकि उन राशि 6 ​​रूप में एक साथ, 2 डब्ल्यू, 4 है. इसलिए हम chmod मिल यू प्लस आरडब्ल्यू, और हम वहाँ हमारे पहले 6 मिलता है. 

तो फिर अब हम चाहते हैं, 4 पाने के लिए हमारे समूह सेटिंग में बदलाव करने के लिए. इसलिए हम chmod जी प्लस क्या करने जा रहे हैं? 4 क्या है? 

दर्शक: आर. एलीसन BUCHHOLTZ-एयू: आर. संक्षेप में. इसलिए हम स्वामी दे रहे हैं पढ़ने के लिए और अनुमतियाँ लिखना और हम समूह पढ़ें दे रहे हैं हम यहाँ सब है जो अनुमतियाँ,. Mmhmm? 

दर्शक: आप कुछ लिख सकते हैं, यह आप इसे लागू कर सकते हैं मतलब है? 

एलीसन BUCHHOLTZ-एयू: आप something-- को लिख सकते हैं मैं यह नहीं मानता कि आप इसे लागू कर सकते निकलता है. कूल. इसलिए कि हम बस के माध्यम से चला गया है कि सब है. तो यह अगले एक पर, यह है बस की तरह आम मामलों आप में रखना चाहते हैं आपकी समस्या सेट के लिए मन. ये आम तौर पर अनुमतियाँ हैं हम जैसे कि आप उपयोग करना. 

तो 711 के लिए, कि देता है हमें, निश्चित रूप से, उपयोगकर्ता सभी अनुमतियों को, जो समझ बनाने के लिए जाता है. और फिर इसके द्वारा निष्पादन योग्य है समझ में आता है, जो दुनिया में समूह, आप कुछ निर्देशिका है, तो आप इसे में पार करने में सक्षम होना चाहता हूँ. लोगों का उपयोग की जरूरत है. 

किसी भी गैर PHP फ़ाइल के लिए, आप जा रहे हैं क्या करना होगा, जो 644 उपयोग करने के लिए? कि क्या मतलब है, या क्या करता है अनुमतियों कि देता है? तो मालिक क्या कर सकते हैं? दर्शक: पढ़ें और लिखें. एलीसन BUCHHOLTZ-एयू: पढ़ें और लिखें. और फिर समूह और दूसरों बस सही, पढ़ सकते हैं? और फिर किसी के लिए 600 chmod जिसका उपयोग आप PHP फाइलों, अपने मालिक, फिर कर सकते हैं, पढ़ने के लिए और यह करने के लिए लिख लेकिन हर किसी की है बस तरह से अवरुद्ध. 

तो यह वास्तव में होगा जब अधिक उपयोगी हो आप अपनी समस्या के लिए मिल सेट अगले सप्ताह जहां आप वास्तव में एक वेबसाइट का निर्माण कर रहे हैं. क्या आपने कभी सोचा में चला तो अगर किसी भी अजीब समस्याओं जहां यह लोड नहीं है ठीक से, हो सकता है आप एक निष्पादन जोड़ने की जरूरत अनुमति, या शायद आप एक पढ़ने की जरूरत है या अनुमति लिखें. लोगों को यात्रा करने के लिए करते हैं कि छोटी बातें ऊपर, लेकिन उस तरह के जाने के लिए की तरह है जब आप अगले सप्ताह के pset शुरू करते हैं. और मैं अधिक देना होगा इस सप्ताह के pset पर संकेत, लेकिन मैं के बाद से यह देखने के लिए अभी तक यह आज सुबह जारी किया गया था. लेकिन तुम मुझे ध्यान दिया जाएगा, मुझे ईमेल इसे समय से मैं कल जवाब. 

तो अब, हर कोई chmod साथ अच्छा है? किसी भी सुस्त सवाल? बहुत सीधा. बस की तरह का ट्रैक रखने के क्या पढ़ने, लिखने, और संख्या हैं निष्पादित शायद सबसे कठिन हिस्सा है. 

तो टीसीपी / आईपी, इन सभी प्रोटोकॉल के साथ, एक तरह से अपने डेटा संरचनाओं के साथ की तरह पिछले हफ्ते, यह बहुत अधिक है एक तरह से प्राप्त करने के लिए महत्वपूर्ण उनमें से एक उच्च स्तर अंतर्ज्ञान. हम कहाँ जा रहे हैं इस CS143 नहीं है एक नेटवर्क को लागू करने के लिए आप से पूछना, इसलिए आप अगर ठीक हो जाओगे आप समझ में नहीं आता सभी प्रोटोकॉल के जुओं से भरा हुआ किरकिरा. क्या महत्वपूर्ण है समझने के लिए है एक तरह से वे क्या प्रतिनिधित्व की तरह और क्यों वे महत्वपूर्ण हैं. 

तो टीसीपी / आईपी, ज़ाहिर है, यह है ट्रांसमिशन कंट्रोल प्रोटोकॉल या इंटरनेट प्रोटोकॉल है, जो मूल रूप से कानूनों के मूल रूप से सिर्फ एक सेट या कि मानकों डेटा बता यह कैसे नियंत्रित किया जाना चाहिए, यह packetized कैसे किया जाना चाहिए, प्रेषित, और प्राप्त किया. मूल रूप से यह तो, बस यह रूप यहाँ कहते हैं, संभावना बढ़ जाती है उस डेटा जहां हो जाता है आप इसे करने के लिए करना चाहते हैं. 

तुम लोगों के पास गया तो मुझे यकीन है कि व्याख्यान या, इसे ऑनलाइन देखा वह मैं नहीं जानता has-- वह इस साल यह किया है, तो लेकिन मैं पिछले साल पता है, वह था एक वह लूटने की एक तस्वीर थी जहां डेमो और वह यह में विभाजित चार और लिफाफे में रख दिया और सैंडर्स के पार करने की कोशिश की. और आप की तरह कर सकते हैं इसके बारे में इस तरह लगता है. यह नियमों का एक सेट है कि कैसे किसी जगह पाने के लिए डेटा बताने और आप अगर पता देता है आप डेटा याद कर रहे हैं उसी तरह आप कर रहे हैं कि नोटों की कई पन्नों ले जा और आप पेज 104, पृष्ठ के साथ उन्हें लेबल 204, और आप बाद में अध्ययन करने के लिए वापस जाओ और आप something-- याद कर रहे हैं आप पृष्ठ नहीं मिल सकता है 304-- आप जानते हैं कुछ गड़बड़ है, तुम तो अपने नोट्स के माध्यम से देख सकते हैं फिर या आप पुन: भेजने के लिए किसी से पूछना व्याख्यान उस दिन से नोटों. इंटरनेट पर डेटा के साथ उसी तरह. मैं पूछ रहा हूँ कुछ सर्वर से कुछ और इसे भेजने की जरूरत है यह कई पैकेट में, शायद संख्या के लिए जा रहा यह किसी तरह से, चलो मुझे मैं प्राप्त करनी चाहिए कि कितने पता है, और इस 10 में से एक है, ओह, मुझे बताओ या यह 10,000 में से एक है. मैं पुनः जब जाना कि रास्ता एक साथ सभी टुकड़ों को, कुछ याद आ रहा है कि अगर मुझे पता है और मैं फिर से उस के लिए पूछ सकते हैं. कि मतलब? नियमों का एक सेट. इसके आधार पर, ठीक है, नियमों का सेट? 

तो हम भी बात की एक बंदरगाहों के बारे में थोड़ा सा. यह वास्तव में सिर्फ एक मानक है कि आप डेटा किस प्रकार का पता देता है ये पैकेट में प्रेषित किया जा रहा है. हम साथ चलते हैं हमारे लिफाफा उदाहरण, हम नहीं इसके बारे में एक तस्वीर है कि पता वहाँ में रोब हम इसे लिखने जब तक हमारे लिफाफे के बाहर. तो बंदरगाहों मूल रूप से एक ही बात कर रहे हैं. यह पता लगाने की सिर्फ एक तरीका है क्या डेटा के प्रकार प्रेषित किया जा रहा है. 

इसलिए हम सभी को है यहाँ सबसे आम लोगों को. तो 21-- इन तरह की भी हैं की अच्छी बातें की तरह पता करने के लिए. यह एक आसान प्रश्नोत्तरी प्रश्न की तरह है. , बंदरगाह 80 क्या करता है की तरह हो सकता है? या, पोर्ट 443 क्या करता है? तो अच्छी बातें पता करने के लिए. 

तो हम यहाँ है, 21 फ़ाइल है ट्रांसफर प्रोटोकॉल, बस इतना फ़ाइल स्थानांतरण नियम है कि सरकार. 25, कुछ है कि हम सब उपयोग अभी तक बहुत ज्यादा, ईमेल है. 53 डोमेन नाम है मूल रूप से है जो प्रणाली, के लिए एक खोज की तरह ही एक डोमेन नाम का आईपी पता. 

इसलिए मैं यह था पूरा यकीन व्याख्यान में उल्लेख किया है कि आप अगर की तरह कुछ करने के लिए जाना google.com, यह एक आईपी पता है कि इसके साथ जुड़ा है. यह वास्तव में google.com नहीं है. और तो 53 बंदरगाह है कि वास्तव में लेता है यह अनुवाद की तरह की देखभाल आप के लिए है कि आईपी पते में. और फिर 80 और 443 बहुत आम हैं. आप या तो अपने वेब पेज है या आप अपने सुरक्षित वेब पेज है, जो वेब पृष्ठों की एक बहुत हैं अब खत्म करने के लिए स्थानांतरित. 

तो उस तरह के उच्च स्तर है स्थानांतरण प्रोटोकॉल का सिंहावलोकन. मैं गहराई में बहुत अधिक नहीं दिख रहा है. यह शांत सामान की तरह है आप रुचि रखते हैं. संसाधनों का बहुत कुछ है. विकिपीडिया वास्तव में है एक बहुत अच्छा पेज. इसलिए मैं यह देख रहा था अभी थोड़ी देर पहले, इसलिए मैं अत्यधिक की सिफारिश करेंगे आप रुचि रखते हैं यह देख या दो वर्षों क्योंकि में 143 ले मैं यह हर दूसरे वर्ष है. 

इस के अंत पर तो, हम कर रहे हैं वेब पृष्ठों और HTTP के बारे में बात कर, जिसके लिए वास्तव में हमारे अगले विषय है आज हम एचटीएमएल और सीएसएस में जाने से पहले और आप वास्तव में एक वेब पेज कोड कर सकते हैं. यह मजेदार होगा. हम की तस्वीरें होगा छोटे खरगोशों और यह बहुत अच्छा होगा. 

तो एचटीटीपी, आप यहाँ देख सकते हैं, प्यारा परिवर्णी में से एक है इस सप्ताह के लिए, जो है हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल. तो फिर, यह सिर्फ है नियमों का एक और सेट कि हाइपरटेक्स्ट को नियंत्रित करता है इस मामले में, हस्तांतरण. तो सबसे अच्छा तरीका जानने के लिए के बारे में इस तरह की बस है में टूट के लिए इन अलग-अलग शब्द की एक बहुत हैं क्योंकि वहाँ स्क्रीन पर शब्द. 

इसलिए हम हाइपरटेक्स्ट के साथ शुरू करने जा रहे हैं. तो "हाइपर," आप सोच सकते हैं "ऊपर," जैसे सुपर-प्रकार की बात. तो यह वास्तव में सिर्फ करने के लिए लिया है पाठ अगले स्तर, यह सुपर पाठ की तरह है तो, अगले पाठ की तरह. तो यह सिर्फ मूल रूप से है हमें देता है कि पाठ अधिक से अधिक जानकारी सामान्य पाठ ठीक है, करता है? 

यहाँ तो इस मामले में, इस हाइपरटेक्स्ट है. यह हम हैं कि हमें बताता है हम करने जा रहे हैं कि कुछ लिंक, जो cs50.net, जो अब cs50.harvard.edu है. इन स्लाइड एक छोटे से पुराने हैं. और यह प्रदर्शित करने के लिए जा रहा है यह इस रूप में, एक हाइपरलिंक के रूप में, और फिर एक सच में अच्छा वेबसाइट. 

तो यह एक छोटी सी है, जो पाठ है वहाँ में वास्तव में ठंडी चीजों का सा. आप चीजों को जोड़ने के लिए और कर सकते हैं तो आप कर सकते हैं छवियों डालें और आप चीजों शैली कर सकते हैं. और आपको लगता है कि सबसे परिचित बात लोग शायद हाइपरटेक्स्ट साथ है हाइपरटेक्स्ट मार्कअप लैंग्वेज, एचटीएमएल, है पाठ्यक्रम के वेब की सब है जो हम अपने आसपास देखते हैं कि, दी में फेंक दिया कुछ सीएसएस शैली के साथ. 

लेकिन किसी को भी था माइस्पेस के साथ बहुत बड़ा, मैं सभी इस्तेमाल एचटीएमएल आप यकीन हर समय बनाने के लिए उन सही प्रोफाइल, सही? कि एक हो सकता है मुझे लगता है पुरानी अब संदर्भ, लेकिन जो भी हो. बस एक little-- तुम लोग कि बहुत छोटी नहीं हैं. आप में से कुछ मेरे से अधिक पुराने हैं. माइस्पेस अभी भी एक था बात जब मैं युवा था. मुझे लगता है कि बूढ़ा नहीं हूँ. 

वैसे भी, एचटीएमएल हाइपरटेक्स्ट का सिर्फ एक रूप. तो हाइपरटेक्स्ट बस है जोड़ा सुविधाओं के साथ पाठ. तो ट्रांसफर प्रोटोकॉल शायद है अधिक iffy बात समझाने के लिए. जाहिर है, transfer-- सिर्फ डेटा के हस्तांतरण. तो या तो ग्राहक के बीच, जैसे कृपया अपने वेब भाई, और एक सर्वर. तो बुनियादी तौर पर बस जिस तरह से इंटरनेट काम करता है. 

की सटीक अनुरोध तो कैसे ये काम है, हम कर रहे हैं वास्तव में एक को देखने जा उदाहरण के अनुरोध और प्रतिक्रिया. लेकिन हम कैसे का अनुरोध एक सर्वर से जानकारी सर्वर हमें का जवाब कैसे और है इस स्थानांतरण प्रोटोकॉल को नियंत्रित करता है. इसलिए अनुरोध और प्रतिक्रिया नियमों के इन विशिष्ट सेट का पालन करने के लिए. यह मानकीकृत है कोई बात तो यह है कि जहां आप इंटरनेट का उपयोग कर रहे हैं, यह हमेशा ठीक है, एक ही काम करता है? 

फिर, प्रोटोकॉल, नियमों का सेट. यह सिर्फ एक सामान्य है उसी तरह बातचीत प्रोफेसर Malan के बारे में बात करती है कि किसी को अपने हाथ फैली हुई हैं, आप इसे करने के लिए सामान्य शिष्टाचार है कि पता तुम्हारा बाहर तक पहुँचने और उनके हाथ हिला. यह सही, एक प्रोटोकॉल है? 

इसलिए मैं कुछ मानकीकृत अनुरोध दे जो मैं अपने हाथ हिला करना चाहते है, और आप कुछ मानकीकृत दे नहीं, धन्यवाद या तो है जो प्रतिक्रिया, या आप कोशिश करते हैं और हिला सकता है मेरी हाथ या शायद तुम कोशिश करने के लिए जा रहे हैं और मुट्ठी मुझे टक्कर. और हम उसके लिए एक प्रोटोकॉल नहीं है. यह टूट जाती है. लेकिन हर कोई इस प्रकार है अगर एक ही प्रोटोकॉल, ज़ाहिर है, यह बहुत अधिक मूल चला जाता है. लोग एक दूसरे को जानते हैं. हर कोई खुश है. 

वेब की दुनिया में तो, हर कोई एक ही rules-- इस प्रकार है सामाजिक मानकों की तुलना में थोड़ा बेहतर. लेकिन उस के साथ, हम देख लेंगे यहां एक उदाहरण के अनुरोध पर. तो इस छोटे से वहाँ तल पर यहाँ कुंजी कि आप अलग अलग रंग बताता है, क्या वे चाहिए रहे हैं मतलब है. 

तो सफेद सिर्फ अपनी विधि की तरह है अनुरोध और प्रोटोकॉल version-- इसलिए विधि अनुरोध, संस्करण. और फिर यह है कुछ क्षेत्र का नाम और मूल्य उस क्षेत्र के जो हम करेंगे बहुत, बहुत जल्द ही में चलते हैं. तो यह एक उदाहरण अनुरोध है. यह मुझे बाहर का विस्तार की तरह है अपना परिचय देने के लिए इच्छुक. 

यह क्या ग्राहक है या क्या अपने वेब ब्राउज़र अपने सर्वर पर भेज दिया जाएगा. तो यह एक अनुरोध प्राप्त है, इसलिए यह है सर्वर से कुछ के लिए पूछ रहे हैं. और यह HTTP, ज़ाहिर है, है और यह संस्करण 1.1 है. 

तो यह यहाँ के बाकी हम क्या कहते है शीर्ष लेख, और इसके अतिरिक्त जानकारी कि हम में से एक बेहतर विचार देता है क्या हम वास्तव में के लिए पूछ रहे हैं, या हम चाहते हैं कि जानकारी देने के लिए प्रासंगिक हो सकता है कि सर्वर. तो उपयोगकर्ता एजेंट कुछ और देता है उदाहरण के लिए on-- वर्णन, यहाँ, कर्ल / 7.24.0 वास्तव में बताने जा रहा है हम गूगल का उपयोग कर रहे हैं कि सर्वर हमारे ब्राउज़र के रूप में क्रोम. क्या आपने कभी सुना है तो अगर बात जो लोगों के बारे में एक app उत्तरदायी बनाने के बारे में कई ब्राउज़रों के लिए, यह कुछ ऐसा है कि वे आप अगर क्योंकि प्रयोग करेंगे क्या ब्राउज़र पता नहीं है अनुरोध, से आ रहा है आपको लगता है कि करने के लिए डेटा दर्जी नहीं कर सकते हैं. इस मामले में, उपयोगकर्ता तो बस इस तरह दे रहा है जानकारी की पहचान की क्या ब्राउज़र के बारे में अपने उपयोगकर्ता वर्तमान में ठीक है, का उपयोग कर रहा है? 

तो फिर हम भी है, जो मेजबान है जहां हम वास्तव में करने के लिए जाना चाहते हैं. इस मामले में, हम करने के लिए जाना चाहता हूँ apple.com, कुछ शांत नए iPads खरीदने या कुछ और, शायद प्यारा हमारे छात्रावास के कमरे में रोशनी. और अंत में नाम मूल्य अभी है एक भराव, सिर्फ एक सामान्य बात तुम लोगों को देखने के लिए. यह वास्तव में नहीं है यहाँ कुछ भी के अनुरूप हैं. 

तो आप ज्यादा के रूप में या के रूप में हो सकता है आप प्रत्येक मामले में चाहते हैं के रूप में छोटे. समय के अधिकांश, इन वैकल्पिक हैं. यह सिर्फ क्या पर निर्भर करता है आप ब्राउज़र से जरूरत अपने उपयोगकर्ता आदेश में से ठीक से अनुरोध दे. या यह क्या अपने उपयोगकर्ता पर निर्भर करता है वास्तव में सर्वर के लिए छोड़ देना चाहता है. तो आप बहुत, बहुत हो सकता है इन हैडर क्षेत्र के नाम की या तुम सिर्फ एक जोड़े को हो सकता है. इतनी सारी चीजें साथ के रूप में मैं इस खंड में कहा गया है, यह वास्तव में संदर्भ पर निर्भर करता है की कैसे आप इस का उपयोग कर रहे हैं. 

तो यह है कि हर किसी को समझ में आता है? यह सिर्फ एक उदाहरण है एक अनुरोध, हेडर, whatnot. उस के साथ तो ठीक है, हम कुछ प्रतिक्रिया है. 

फिर, हम अपनी स्थिति कोड, प्रोटोकॉल है संस्करण है, और फिर क्षेत्र का नाम और क्षेत्र के रूप में हमेशा महत्व देते हैं. हमारे प्रोटोकॉल संस्करण तो और हमारी स्थिति कोड 200 है. , जिसका मतलब है कि, ठीक है हाँ, सब कुछ अच्छी तरह से चला गया. यहाँ आप क्या चाहते हैं. 

सर्वर प्रकार, सामग्री यह हमें बताता है type--, ठीक है, आप कर रहे हैं कुछ पाठ HTML पाने के लिए जा रहा. यहाँ यह की लंबाई है और यहाँ है आप कनेक्शन के साथ क्या करना चाहिए. ठीक है, तो फिर, आधार आप कर रहे हैं डेटा पर के लिए पूछ पर निर्भर करता है क्या सर्वर आप के लिए वापसी करना चाहता है, आप इन क्षेत्र के और अधिक हो सकता है नाम, आप कम हो सकता है. पूरी तरह से संदर्भ निर्भर. 

और जहाँ तक इस स्थिति के रूप में यहाँ कोड है, ज़ाहिर है, 200 केवल एक ही नहीं है आप सही, हो सकती है? हम स्थिति कोड के बहुत सारे हैं. किसी की कोई भी याद करता है हम व्याख्यान में उल्लेख किया है कि दूसरों को? उनमें से एक बहुत 4 के साथ शुरू करते हैं. 

दर्शक: 404. 

एलीसन BUCHHOLTZ-एयू: 404, है जो? 

दर्शक: फ़ाइल नहीं मिली? 

एलीसन BUCHHOLTZ-एयू: फ़ाइल नहीं मिली. बिल्कुल सही. तो क्या 403 के बारे में? दर्शक: निषिद्ध. एलीसन BUCHHOLTZ-एयू: निषिद्ध. तो तुम्हें क्या लगता है कि chmods साथ मतलब है? 

दर्शक: यह आप का मतलब है कि इसे पढ़ने के लिए अनुमति नहीं है. 

एलीसन BUCHHOLTZ-एयू: बिल्कुल. कुछ रास्ते में, आप नहीं है अनुमति सही, इसे उपयोग करने के लिए? तो 404, 403. एक सचमुच मजेदार नहीं है एक कि हमेशा हम हर साल परिचय कि मैं यहाँ डाल देना चाहिए था 413 की तरह, जो मैं एक चायदानी हूँ है. आप इस गूगल कर सकते हैं. ऐसा लगता है कि कोड है, जैसे अजीब बात है 413 और इसे मैं एक चायदानी हूँ है. जो मैं आप क्यों पता नहीं है कभी इंटरनेट पर कि जरूरत है, लेकिन मैं पीछे हटना. दर्शक: हो सकता है कि आप एक चाय के बर्तन कर रहे हैं. एलीसन BUCHHOLTZ-एयू: हो सकता है सर्वर एक चाय के बर्तन है. कौन जानता है? ठीक है, तो हम करने वाले हैं असली कोडिंग में संक्रमण. मैं तुम लोगों के लिए जा रहे हैं की तरह लग रहा है बहुत जल्दी यहाँ से चले जाओ. 

दर्शक: क्यों यह करता है दो बार: सर्वर "कहते हैं? 

एलीसन BUCHHOLTZ-एयू: हम्म? सर्वर दो बार? यह एक अच्छा सवाल है. मुझे यकीन नहीं है. मुझे पता लगाना होगा और मैं आप सभी ईमेल करेंगे. 

ठीक है, कि इसके अलावा किसी भी अन्य प्रश्न? अच्छा है? कूल. 

एचटीएमएल और सीएसएस, और अब हम सब मज़ा भागों में मिलता है. एचटीएमएल, जैसा कि मैंने पहले उल्लेख किया है तो शायद चीजों में से एक है तुम लोगों के साथ सबसे परिचित हैं. इसलिए हम हाइपरटेक्स्ट मार्कअप लैंग्वेज है. 

सबसे अच्छा तरीका this-- जानने के लिए मैं नहीं किसी भी तैयार स्लाइड या कुछ भी HTML के साथ आप लोगों के लिए. यह वाक्य रचना सीखने के बारे में सच है. और आप माइस्पेस में थे दिन, आप इस नीचे होगा. 

तो सच में, सबसे बड़ी बात है सिर्फ अभ्यास और प्रयोग के लिए. महान संसाधनों में से एक मैं होता अत्यधिक उपयोग करने की अनुशंसा W3Schools से है. तो बस डब्ल्यू, 3, और उसके बाद स्कूल. वे एक बहुत की है एचटीएमएल पर संसाधनों, सीएसएस पर, और वे वास्तव में एक है बात का विभाजन स्क्रीन क्रमबद्ध जहां वे आप उदाहरण कोड दे दूँगा. आप इसके साथ बेला कर सकते हैं, इसे बदलने के लिए, और अद्यतन प्रेस, और यह आपको दिखाता हूँ क्या यह वास्तव में वेब पेज के लिए करता है. 

तो मैं अत्यधिक है कि का उपयोग करना होगा. यह बहुत अच्छा है. आप SEG दोष नहीं मिलेगा यहाँ कोई बात बिगड़ जाए जब. आप पाने के लिए प्रबंधन HTML के साथ एक SEG गलती है, मैं कर रहा हूँ क्योंकि मुझे पता है जा असली intrigued किया जाना है. लेकिन इसकी वजह यह वास्तव में अच्छा है आप चीजों को बदल सकते हैं, आप उन्हें लाइव अद्यतन देख सकते हैं. और मैं तुम्हें एक बहुत मिल जाएगा लगता है एचटीएमएल के अधिक सहज समझ आप वास्तव में सिर्फ कुछ खर्च समय इसके साथ प्रयोग. मैंने कहा तो इसलिए, अभ्यास और प्रयोग. 

गूगल, यहाँ से बाहर, शायद हो जाएगा तुम्हारा सबसे अच्छा संसाधनों और दोस्तों में से एक. या Bing-- मैं माइक्रोसॉफ्ट में काम कर रहा हूँ तो शायद मैं बिंग कहना चाहिए. लेकिन बहुत ज्यादा कुछ भी बस सिंटैक्स होने जा रहा है, इसलिए टैग कर रहे हैं क्या समझ, कम से कम CSS-- साथ understanding-- कैसे कुछ गुण बदल जाते हैं. यह सुपर उपयोगी हो जाएगा. 

हम नहीं करते हैं तो भले ही किसी भी तैयार बातें हैं, हम कुछ सर्वोत्तम प्रथाओं की तरह है हम तुम लोगों को कोशिश करते हैं और पालन करना चाहते हैं by-- या यों कहें, तुम चाहिए अगली सूचना तक का पालन करना. तो आपके सभी टैग को बंद करें. उम्मीद है कि हर कोई आप जानते हैं कि क्या has--, यह अधिकार अब मतलब नहीं है अगर, मैं यह समझ कर देगा वादा हम पृष्ठ कोडिंग कर रहे हैं. लेकिन सभी अपने टैग को बंद करें. तो तुम कभी कुछ है तो ब्रैकेट है कि शीर्ष लेख, एच 1, ब्रैकेट, सुनिश्चित करें कि जब भी आप उस के साथ कर रहे हैं, आपको लगता है कि शीर्ष लेख बंद करें. W3 सत्यापनकर्ता के साथ अपने पृष्ठ मान्य. आप अपने टैग को बंद नहीं करते हैं, आप अप्रत्याशित व्यवहार प्राप्त कर सकते हैं. यह अपने पृष्ठ अमान्य है कि कहता हूँ आप इस सत्यापनकर्ता के माध्यम से यह चला रहे हैं. तो जब doubt-- में और विशेष रूप से पर इस सप्ताह और अगले हफ्ते हम चाहते हैं कि एक ही रास्ते में pset-- आप जाँच का उपयोग करने के लिए 50 और शैली 50, आप इस बारे में सोच सकता आपके चेक में से एक के रूप में, ठीक है? 

तो अगर यह W3 सत्यापनकर्ता पास नहीं है. यही कारण है कि हम आप पर गोदी होगा कुछ है. या मैं सही कह रहा हूँ अब, मैं तुम पर गोदी जाएगा. इसलिए यह पुष्टि बनाना. यह मुश्किल नहीं है. तुम सिर्फ अपने कोड में पेस्ट और यह अच्छा काम कहेंगे या तो या आप याद कर रहे हैं उसी तरह कुछ शैली है कि 50 आपको बताता है जहां आप से खिलवाड़ कर रहे हैं. 

और फिर एक अंतिम बात आप अलग करना चाहते है सभी कि एचटीएमएल है जो अपने मार्कअप, या अपने पाठ, और अपनी स्टाइल. तो हम एक उदाहरण करूँगा इस के बाद उस अधिकार की. तो एचटीएमएल और सीएसएस अलग होना चाहिए. और हम के बारे में बात कर रही हो जा रहे हैं मॉडल दृश्य नियंत्रक है जो MVC, अगले सप्ताह. तुम लोग शायद चाहिए व्याख्यान में उस के बारे में जानने के लिए कल था पहले से ही आज यह सीखा. 

और यह बस की तरह है हम करते हैं कि एक प्रतिमान वेब बनाते समय उपयोग करने के लिए पृष्ठों चीजों को अलग करने के लिए. आप एक ही तरह से इसके बारे में सोच सकते हैं हम सी में अलग कार्यों के लिए करते हैं कि जहां हम चीजों को खोजने के लिए हैश. यह सिर्फ एक रास्ता है अपने जीवन को आसान बनाते हैं. यह गुण या कोड बाहर है कि अलग यदि आप अधिक से अधिक का उपयोग किया जाएगा लेकिन इस तरह, यह एक तरह का यह अच्छा और साफ रहता है. और आप बदलना चाहते हैं एक बात, आप एक बार इसे बदल और यह हर जगह और बदल गया है. तो इसके लिए अधिक है आपकी आसानी और लचीलापन. 

तो सीएसएस के साथ, यह बहुत समान है HTML करने के लिए, लेकिन बजाय टैग की मैं अब सिर्फ उल्लेख किया है कि, हम चयनकर्ताओं क्या कहा जाता है का उपयोग करें. और वे मूल रूप से बस की तरह की एक निश्चित टैग सहयोगी अलग विशेषताओं के साथ HTML में. मैं विशेषताओं का कहना है और जब मैं मतलब फ़ॉन्ट रंग की तरह बातें, फ़ॉन्ट शैली, पृष्ठभूमि का रंग, अपने पाठ का रंग. चीजों के उन प्रकार. यह केंद्रित है अगर तरह, यह सही करने के लिए बंद है, यह सब inverted-- अगर इन ठंडी चीजों का. किसी भी शैलीगत बातें आप अपने पाठ को करना है कि, यह मैं विशेषताओं के साथ क्या मतलब है. 

और फिर पता करने के लिए दो मुख्य बातें करता है मुख्य factors-- के दो selectors-- अद्वितीय है जो आईडी, कर रहे हैं. आप केवल एक ही बात के लिए उपयोग कर सकते हैं. अन्यथा, यह तुम पर चिल्लाना जा रहा है. और हम इसे परिभाषित जब एक सीएसएस फ़ाइल में, यह होगा फिर हैश आईडी और हो क्या हम चाहते हैं कि जिम्मेदार बताते हैं. मुझे लगता है हम करने जा रहे हैं वादा एक उदाहरण के माध्यम से जाना. यह एक बहुत अधिक समझ कर दूँगा. 

कक्षा एक से अधिक ब्लॉकों का उल्लेख कर सकते हैं. तो तुम हो सकता है आपके पहले और तीसरे पैरा गुण अगर की ही तरह है आप एक ही वर्ग के साथ सहयोगी. और हम उन्हें परिभाषित जब सीएसएस में, हम एक डॉट वर्ग करते हैं, वर्ग होने के साथ जो कुछ भी आप यह नाम होना चाहते हैं. 

इसलिए मैं यह सही है पता अब बहुत सार. हम कोड के लिए जा रहे हैं यही कारण है कि. मैं तुम लोगों से प्यार पता कि, और आप सब कर रहे हैं क्योंकि मेरी मदद करने के लिए जा रहा यह अपने वेब पेज है. यह लोग हमारे अनुभाग के वेब पेज है. तो मैं वहाँ से पहले किसी भी सवाल कर रहे हैं PowerPoint के बंद कर देते हैं, या कुछ भी आप मुझे वापस स्क्रॉल करना चाहते हैं हम कोडन शुरू करने से पहले करने के लिए? 

दर्शक: आप मैच टैग कहते हैं, आप चयनकर्ताओं या टैग मतलब है? एलीसन BUCHHOLTZ-एयू: आप कर सकते हैं एक ही बात के रूप में उनमें से लगता है. यह सिर्फ अलग अलग शब्द है. मैं चयनकर्ताओं की तरह, मतलब. लेकिन चयनकर्ताओं भी टैग के लिए नक्शे. तो आप के रूप में उनमें से सोच सकते हैं प्रभावी ढंग से एक ही बात. मैं इसे बनाने के लिए जा रहा है वादा हम कोड जब अधिक समझ. से कुछ भी PowerPoint या किसी भी प्रश्न अभी हम पहले वास्तव में हमारे खंड के पृष्ठ बनाने? हर कोई तैयार है? कूल. 

तो मैं एक शुरू कर दिया है. मुझे आप लोगों के लिए फ़ॉन्ट में वृद्धि करते हैं. ठीक है, तो अब ठीक है, हम सिर्फ एक यहीं नंगे हड्डियों वेब पेज. 

हम कुछ HTML है. हम कुछ शीर्ष लेख, जो हम उदाहरण के वेब पेज के रूप में यहाँ देखें. कुछ शीर्षक, कुछ फ़ॉन्ट. ये ठीक है, टैग कर रहे हैं? तो मेरा मतलब है जब हम देखते हैं, अपने टैग बंद यहाँ इस ब्रैकेट सिर अपने खोल रहा है टैग, और इस ब्रैकेट / सिर ठीक है, यह बंद हो रहा है? 

तो आप के रूप में इस के बारे में सोच सकता है अपने अगर स्थितियों में अपने ब्रेसिज़ या अपने छोरों के लिए. आप शुरुआत में एक है, तुम अंत में एक चाहता हूँ. यह अभी भी समय की सबसे काम करेंगे आप एक बंद टैग नहीं है, लेकिन सबसे अच्छा अभ्यास अपने टैग करीब है. 

इस मामले में तो, चलो इसे बदल दें. हम खंड सात के लिए जा रहे हैं. "धारा वेबपेज." इसलिए मैं सिर्फ यह बदलाव करने जा रहा हूँ. 

और हम यहाँ पर जाना है और अगर हम reload-- होगा बचाने के लिए और reload-- हम यहाँ कि ऊपर नोटिस यह सही, बदल गया है? कूल. तो यह शीर्षक बदलता है. यह अपने टैब पर जो कुछ भी की है. 

तो इस तरह की है बोरिंग की तरह देख रहे हैं. मैं लोगों के बारे में पता नहीं है. मुझे लगता है हम किसी और यहाँ कुछ करना चाहते हैं लगता है. 

तो क्या हम क्या कर सकते है हैडर बस वहाँ है. के शरीर के कुछ प्रकार करते हैं. इसलिए हम यहां कुछ शरीर है. मैं हमेशा खुला है और शुरू करने के लिए मेरे टैग बंद, उसी तरह है कि मैं ब्रेसिज़ करते हैं. आह. रुको, क्या? 

दर्शक: [अश्राव्य]. एलीसन BUCHHOLTZ-एयू: आह. तुम लोग मुझे मिल गया. बहुत बढ़िया. गोल्ड स्टार. 

ठीक है, तो हम यहां कुछ शरीर है. और अब चलो कुछ पाठ जोड़ने शुरू करते हैं. तो अगर आप कुछ अलग है पाठ जोड़ने के लिए विकल्प. हम हेडर की तरह बातें है. हम सिर्फ सामान्य पाठ है. तो चलो बस एक शीर्षक के साथ शुरू करते हैं. असल में, तुम लोग चाहते हैं W3 स्कूल के एचटीएमएल को खींचने के लिए, आप की तरह चारों ओर देख सकते हैं और अगर वहाँ कुछ भी तुम बाहर की कोशिश करना चाहते हैं विशेष रूप से है कि इस वेब पेज के साथ, हम ऐसा कर सकते हैं. तो इस मामले में, हम सिर्फ कुछ H1 करते हैं. तो एच 1 उच्चतम हेडर की तरह है. यह आपको कुछ देना होगा कि बहुत बड़ा और बोल्ड है. 

और इस मामले में, हम क्या चाहते हैं हमारे वेब पेज पर पहले पाठ के लिए? कुछ भी. तुम लोग इस बनाने जा रहे हैं. मैं सिर्फ टाइप करने के लिए जा रहा हूँ. दर्शक: आपका स्वागत है. 

एलीसन BUCHHOLTZ-एयू: आपका स्वागत है. ठीक है, तो हम इसे बचाने के लिए और हम फिर से लोड करते हैं, हम एक महान बड़ा स्वागत है. इसलिए अभी तो आप देख सकते हैं मतभेद के H6 पर कुछ करते हैं. क्या हम यहीं चाहते हैं? है ना? 

ठीक है, तो सिर्फ इसलिए आप कर सकते हैं अंतर देखते हैं. हाँ, उदात्त. तो अगर तुम नोटिस, H1, बहुत, बहुत बड़ी. H6, बोल्ड तरह, लेकिन बहुत छोटे, और आप के बीच में सब कुछ है. तो आप H2, H3, H4 हो सकता था. और ये सिर्फ हेडर हैं, इसलिए आप कोशिश कर रहे हैं एक वेब पेज बनाने के लिए , विभिन्न वर्गों है शायद आप उपयोग करना चाहते हैं वहाँ कहीं में हेडर. 

कूल. इसलिए हम कुछ और जोड़ देंगे हमारे शरीर में बातें. मैं यह किस तरह किया जाएगा कि देखना हम एक तस्वीर थी की शांत. हर कोई शायद इस्तेमाल कर सकते हैं मुझे लगता है एक प्यारा चलनेवाली तस्वीर के बारे में अभी, इसलिए हम खोजने के लिए जा रहे हैं पहले बनी तस्वीर. 

आप लोग किसी भी है तो मैं नहीं जानता वरीयताओं जिस पर हम चाहते हैं. आप किसी भी वरीयताओं है? यहाँ यह एक? नीचे. ठीक. यही एक यह है. अच्छा विकल्प. 

ठीक है, तो हम अपनी छवि को देखने के लिए जा रहे हैं. वो देखो. कि आराध्य बात को देखो. कैसे आप उदास हो सकता है इस के साथ एक सोमवार को? 

तो हम बस जा रहे हैं छवि यूआरएल को कॉपी करने के लिए. और क्या हम करना चाहते हैं, चलो बस जाने हम अनुच्छेद के लिए कुछ पी है कहना. हम देखो "कहने के लिए जा रहे हैं प्यारा खरगोश को देखो. Awwww डी. " मैं अपने छोटे खरगोशों को प्यार करते हैं. मैं घर पर बनी है. मैं अपने चलनेवाली याद आती है. तो क्या हम do-- लिए जा रहे हैं आप लोग चाहते हैं तो मैं नहीं जानता this-- लेकिन एचटीएमएल के साथ गूगल को, कैसे आप एक छवि शामिल हो सकता है? सचमुच, आप गूगल अगर ", छवि एचटीएमएल शामिल" क्यों नहीं आप लोग मुझे बता कर इस टैग को क्या होना चाहिए? 

दर्शक: IMG source-- 

एलीसन BUCHHOLTZ-एयू: IMG source-- दर्शक: --equals-- एलीसन BUCHHOLTZ-एयू: --equals-- दर्शक: हाँ --quote--. एलीसन BUCHHOLTZ-एयू: बिल्कुल सही. लवली. माइस्पेस पीढ़ी, ठीक है, देखो? दर्शक: Neopets. एलीसन BUCHHOLTZ-एयू: Neopets. ठीक है, ओह. वाह. यह पागल हो गया है. ठीक. 

इसलिए मैं यह अधिकार मिल सुनिश्चित करें. कूल. तो यह यहाँ होना चाहिए. हम फिर से लोड और फिर, अगर हम अपने पास इस आराध्य नहीं है पृष्ठ पर चलनेवाली? 

यह बहुत प्यारा है. तुम एक महान, महान तस्वीर चुना है. मैं यह खुदाई कर रहा हूँ. 

ठीक है, तो हम अब इस आराध्य बनी है. हम एक जोड़ने के लिए सक्षम थे छवि, बस ऐसे ही. तो बुनियादी तौर पर किसी भी छवि अगर वहाँ यदि आप अपने वेब पेज में जोड़ना चाहते हैं आप बस इसे इस तरह से जोड़ सकते हैं. एक और बात अगर होगा आप छवि संग्रहीत है एक ही फ़ोल्डर के रूप में इस फ़ाइल, तुम सिर्फ कर सकते हैं उस छवि का जो भी नाम लिखना बजाय एक वेब लिंक होने की है. 

यह अभी भी उद्धरण में होगा. यह बस की तरह होगा हम this-- नाम था अगर इस तस्वीर को बचाया गया था इस HTML फ़ाइल के साथ फ़ोल्डर में मैं इसे और संपादन कर रहा हूँ कि bunny.jpg बुलाया गया था. हम भी ऐसा कर सकता है और यह दिखा सकते हैं. हालांकि, मैं इस में बचाया नहीं है फ़ाइल और मैं, खरगोश रखना चाहते हैं इसलिए हम कड़ी रखने के लिए जा रहे हैं. 

दर्शक: rabbit.org क्या है? 

एलीसन BUCHHOLTZ-एयू: rabbit.org. यह एक appropriate-- है आप इसे गोद ले सकते हैं, देखो. दत्तक ग्रहण. bunny.jpg. मैं इस पर चलनेवाली को अपनाना चाहते हैं. हे भगवान, यह कितना प्यारा है. 

ठीक है, तो हम हेडर जोड़ दिया है. हम एक तस्वीर जोड़ दिया है. जाहिर है, हम जोड़ा यहाँ कुछ पाठ, सही? हम अन्य जोड़ने के लिए चाहते थे ग्रंथों, हम इस तरह से जाना चाहते हैं. तो यह एक और पैरा है. 

और हम "यह एक पैरा है." कहते हैं इसके अलावा, मैं एक भयानक वर्तनीकार हूँ, इसलिए मैं चीजों misspell सकता है. बस FYI. 

तो हम एक और है यहां पैरा, है ना? तो हो सकता है आप कुछ करना चाहते हैं एक छोटे से अधिक दिलचस्प बस से सही गठबंधन की तरह अपने सभी पाठ, है. शायद आप ठीक है, अपने पाठ केंद्र के लिए करना चाहते हैं? 

किसी को उन का उपयोग करना चाहता है तो आप के सामने काम कंप्यूटर और आप कर रहे हैं मुझे बताओ कैसे इस पाठ का केंद्र जा रहा है, 

दर्शक: पी संरेखित करें. 

एलीसन BUCHHOLTZ-एयू: तो पी संरेखित "केंद्र." बराबर होती है उन्होंने कहा, लोग इसे मार रहा है. तुम सब को कदम की जरूरत है. और हम "यह केंद्रित है." है और अब हम कुछ केन्द्रित है. 

उसी तरह, आप अगर यह गठबंधन छोड़ चाहते हैं, आप संरेखित बराबरी कर सकता है बाएं, पंक्ति सही बराबर होती है. पूरी तरह से आप पर निर्भर है. मैं यहीं किया था, तो यह should-- अब यह सही गठबंधन है. 

दर्शक: एलीसन? छवि स्रोत, क्यों नहीं है वहाँ आइएमजी स्रोत के पास? एलीसन BUCHHOLTZ-एयू: क्षमा करें. यह एक होना चाहिए अब आप अच्छा कर रहे हैं वहाँ. अब हम अच्छा कर रहे हैं. दर्शक: तुम नहीं है वहाँ इसे बंद, या नहीं? एलीसन BUCHHOLTZ-एयू: ठीक है, तो IMG स्रोत, यह एक छवि के साथ just-- है यह सिर्फ जबकि, एक तत्व के रूप में देखा है आप इन में से बाकी के लिए नोटिस अगर, हम जानकारी तो कुछ टैग है कि यह एक बंद टैग करने के लिए और उसके बाद संबंधित है. लेकिन छवि के साथ, सब कुछ बस की तरह आत्म निहित. कूल. तो तुम लोग एक बनाने के लिए कैसे पता हैडर, आप कैसे इनपुट पाठ को पता है, आप एक छवि डाल करने के लिए पता अब में, आप चीजों को संरेखित कर सकते हैं. 

एक और बात यह है कि आप ऐसा करने में सक्षम होने के लिए चाहते हो सकता है में एक सूची बनाने के लिए है CS-- हम कर रहे हैं एक तरह से अगले सप्ताह के pset में जा रहा. सामान है कि हम आम तौर पर इस सप्ताह सिखाना वास्तव में अच्छी तरह से चला जाता है अगले हफ्ते pset, तो हम कर रहे हैं यहाँ बातें ओवरलैपिंग, मिश्रण की तरह. लेकिन यह अगले सप्ताह के लिए उपयोगी हो जाएगा. 

हम कुछ बनाना चाहता था तो अगर सूची, हम ऐसा कैसे कर सकता है? आप इस समय उत्तर नहीं दे सकता. किसी और के लिए है. यह मुश्किल है, दोस्तों, वादा नहीं है. गूगल "unordered सूची एचटीएमएल." वह क्या था? 

दर्शक: [अश्राव्य]. एलीसन BUCHHOLTZ-एयू: ठीक है. तो हम आदेश दिया या अव्यवस्थित करना चाहते हैं? की एक unordered करते हैं. इसलिए हम कुछ उल, जो अक्रमित सूची के लिए खड़ा है. और हम प्रत्येक तत्व के लिए क्या करना है? यह अपने आप ही टैग की जरूरत है? हम सिर्फ बातें लिखना शुरू कर सकते हैं? 

दर्शक: ली. 

एलीसन BUCHHOLTZ-एयू: ली. इसलिए होने जा रहा हमारी सूची क्या है? हम यहाँ क्या चाहते हो? हम सिर्फ नाम नहीं है. बस याकूब करते हैं. 

दर्शक: खरगोश खाद्य पदार्थ. 

एलीसन BUCHHOLTZ-एयू: खरगोश खाद्य पदार्थ. ठीक है मैं यह पसंद है. खरगोश खाद्य पदार्थ. 

ठीक है, तो हम गाजर है. मैं इस खरगोश विषय पसंद है. मैं यह एक बहुत खुदाई कर रहा हूँ. दर्शक: दरअसल, मैंने सोचा था याकूब एक कानूनी होगा. एलीसन BUCHHOLTZ-एयू: याकूब? याकूब खरगोश भोजन है. तुम्हें देखा तो याकूब कार्यालय समय से तस्वीर, आप वह मिल गया सोचा कि हो सकता एक हत्यारा खरगोश ने हमला किया. 

दर्शक: मैं अब एक खरगोश है. मैं अब एक हत्यारा खरगोश है. 

एलीसन BUCHHOLTZ-एयू: क्या आप मेरे साथ मजाक कर रहे हैं? 

दर्शक: मैं यह अगले भाग लाती हूँ. मेरे पास है. 

एलीसन BUCHHOLTZ-एयू: यह हास्यास्पद है. वैसे भी. 

दर्शक: [अश्राव्य] 

दर्शक: हाँ, मेरे प्रॉक्टर साथ ही एक खरगोश है. 

एलीसन BUCHHOLTZ-एयू: मैं एक खरगोश चाहते हैं. ठीक है, जो कोई भी एक असली खरगोश के लिए लाता है अगले भाग, कुल ब्राउनी अंक. दर्शक: [अश्राव्य] दर्शक: ओह, यह सच नहीं है. यह एक भरवां खरगोश है. 

एलीसन BUCHHOLTZ-एयू: ओह हाँ, हम इन बंद कर सकते हैं. रेड लग रहा है. दर्शक: यह वास्तव में बात करता है? एलीसन BUCHHOLTZ-एयू: यह नहीं है. साथ इन बातों का सबसे अधिक है, आप टैग को बंद नहीं करते बुरा समय कुछ भी नहीं है की 99% रहा है हो सकता है, लेकिन यह भी अच्छी शैली है करने के लिए. याकूब तो. और हम सलाद है. दर्शक: लिंक के लिए, यह वास्तव में महत्वपूर्ण है. एलीसन BUCHHOLTZ-एयू: हम्म? दर्शक: हाइपरलिंक के लिए. एलीसन BUCHHOLTZ-एयू: हाइपरलिंक के लिए. हाँ, हाइपरलिंक की जरूरत है. ठीक है, तो चलो यहाँ देखते हैं. और हम हमारी सूची के करीब है. और हम उस पर दिखेगा. हम अभी भी वहीं, याकूब all-- है. खरगोश भोजन. Bunnicula की याद दिलाती है. 

दर्शक: [अश्राव्य] एलीसन BUCHHOLTZ-एयू: मैं वापस ला रहा हूँ सभी पुराने स्कूल संदर्भ आज, मैं नहीं कर रहे हैं? बस सभी पुराने स्कूल संदर्भ. जैसे लाया जाना चाहिए Gogurts या नाश्ते के लिए कुछ. 

दर्शकों: या Gushers. एलीसन BUCHHOLTZ-एयू: ओह. ठीक. मैं ट्रैक कर सकते हैं अगर मैं देखता हूँ अगले सप्ताह के लिए Gushers नीचे. मैं ऐसा कर सकते हैं मुझे लगता है. मुझे लगता है हम हो सकता है कार्यालय में कुछ. 

ठीक है, तो हम अलग से एक बहुत कुछ शामिल है चीजें आप सही, HTML के साथ कर सकते हैं? आप शायद देख सकते हैं और यह बात है nothing-- उम्मीद है, नहीं भी intim-- अगर यह होता है, मेरा मतलब नहीं है किसी को भी छोटा करने के लिए. आप परेशानी हो रही है, मुझे बात करने आते हैं कृपया. 

लेकिन इसमें से अधिकांश बस है वाक्य रचना को देख, है ना? आप एक unordered सूची चाहते हैं, आप सूची के कुछ प्रकार चाहते हैं, आप कुछ संरेखित करना चाहते हैं या स्वरूप कुछ, यह बस के बारे में सब है तरह से देख HTML के लिए सिंटैक्स, है ना? और एक बात है कि बहुत अच्छा वास्तव में आप देखते हैं to-- जाना है, हम जैसे कि एक अच्छी वेबसाइट क्या है? किसी को भी किसी भी पसंदीदा वेबसाइटों है ऑनलाइन लाने के लिए ठीक कर रहे हैं? तुम चलो बस CS50 करते हैं, क्या पता है. यह ठीक है, अच्छा है और सुरक्षित है? 

ठीक है, यहाँ तो CS50. ओह एक अनुभाग अब ठीक है, वहाँ देखो. आप जिस तरह चाहें, तो ऐसा लगता है. 

दर्शक: [अश्राव्य]. एलीसन BUCHHOLTZ-एयू: हम नहीं कर रहे हैं , लोग मेटा अनुभाग क्या करने जा रहा. यह नहीं हो रहा है. यह शांत होगा, लेकिन हम यह करने के लिए नहीं जा रहे हैं. 

तो तुम सकता है कि क्या करना है आप जिस तरह चाहें तो ऐसा काम करता है यह है कि आप सही हमेशा कर सकते हैं आप की तरह है कि किसी भी वेब पेज पर क्लिक करें और आप पृष्ठ स्रोत देखें कर सकते हैं. यह सभी HTML लाएगा. और यह वास्तव में एक बहुत अच्छा है अपने स्वयं के वेब पेज शैली के लिए रास्ता. एक वेब पेज पर जाएं कि आप वास्तव में पसंद है और एचटीएमएल पर देखने के लिए और वे इसे कैसे किया यह पता लगाने. 

और सचमुच, जब तक आप चीजों का हवाला देते हैं, के रूप में जब तक आप बस नहीं कर रहे हैं लोगों से चोरी, यह ठीक है. खासकर CS50 के लिए [? वित्त?], हम कर रहे हैं एक तरह से आप उम्मीद कर पाने के लिए अन्य वेबसाइट से प्रेरणा. तो स्वतंत्र. वेबसाइटों के माध्यम से देखो कि आप वास्तव में सुंदर हैं लगता है और वे कैसे उपयोग यह पता लगाने एचटीएमएल और सीएसएस इन बातें करने के लिए. 

आप यहाँ देख के रूप में, जाहिर है तो वहाँ और लिंक की तरह हम यहां एक वर्ग है. हम यहाँ एक कड़ी है. हम एक सूची है. हम शायद कुछ है यहां कहीं में तस्वीरें. 

हम यहां कुछ शांत शैली मिल गया है. यह अगले बात है हम क्या करने जा रहे हैं. इसलिए शैली, आप इन जब भी देखते हैं शैली कोष्ठक, यह सीएसएस मूल रूप से है. बेन, आप एक सवाल किया है? 

दर्शक: div क्या है? 

एलीसन BUCHHOLTZ-एयू: div बस div क्या है a-- है? दर्शक: प्रभाग. एलीसन BUCHHOLTZ-एयू: प्रभाग. हाँ, यह सिर्फ तरह है विभिन्न तत्वों को अलग. ठीक है, तो यहाँ हम क्या कर रहे हैं है अगले में जाने के लिए जा रहा. तो यह सबसे अच्छा नहीं हो सकता है शैली अगर तुम नोटिस, क्योंकि हम एक ही पृष्ठ में HTML और शैली है और हम वास्तव में उन अलग करना चाहते हैं, ठीक है? और वास्तव में, मुझे जाने मेरी सही एक खोल इस माना जाता है क्योंकि पीडीएफ, तो हम style.css है. 

तो क्या हम यहाँ कर सकते हैं इन है कुछ फीका तरह शांत बातें कर रहे हैं और हम कोशिश करते हैं और ऐसा कर, लेकिन मैं महसूस कर सकता था मैं गड़बड़ होता है जैसे मक्खी पर कि ऊपर, इसलिए मैं तुम्हें करने के लिए लोगों को प्रोत्साहित करते हैं अपने दम पर कि कोशिश जाना, लेकिन मैं अभी यह करने के लिए नहीं जा रहा हूँ. तो तुम लोग, याद है, आप कभी समस्या सेट मारा, कुछ ओर से में swoops. यह फीका के साथ नहीं है और संक्रमण और whatnot. 

दर्शक: और वह सब सीएसएस और एचटीएमएल है? 

एलीसन BUCHHOLTZ-एयू: सभी सीएसएस और HTML. हाँ. तो क्या तुम सच का एक बहुत कुछ कर सकते सीएसएस और HTML के साथ ठंडी चीजें. हमारे भयानक साथ तो यहाँ बनी वेब पेज, हम एक छोटे से करने जा रहे हैं इसके साथ सीएसएस स्टाइल के सा. 

तो आप कभी भी एक शैली है हम यहाँ है जो चादर, आप बस style.css कॉल कर सकते हैं. तुम जो चाहो कह सकते हैं. क्या जरूरी है कि हम जा रहे हैं यहाँ हमारे web.html में यह संदर्भ के लिए. 

तो क्या हम ऐसा करने जा रहे है we-- तो मैं गड़बड़ नहीं इस up-- करना हम लिंक करने के लिए जा रहे हैं एक साथ इन दो फ़ाइलों. एक ही way-- में मैं जा रहा हूँ तो यहां सी के लिए एक सादृश्य आकर्षित करने के लिए. उसी तरह अगर आपके पास है कि कुछ library-- और हमारे पास cs50.h-- हमारे संकलक यह लिंक करता है. यह सिर्फ एक स्पष्ट है हमारी ओर से कड़ी. हम करते हैं कि एक ही रास्ते में तो हैश कुछ फाइल शामिल है, क्या मैं लिखने के लिए बस के बारे में है हूँ उस के HTML / सीएसएस बराबर. 

हम बस, ठीक है, इस वेब पेज कह रहे हैं ठीक है, यह स्टाइलशीट का उपयोग करने के लिए जा रहा है? इसलिए हम स्टाइलशीट के बराबर लिंक रिलायंस एनर्जी है. और फिर हम प्रकार, सीएसएस है. और फिर href के बराबर होती है. 

ठीक. तो यह सब यहाँ किया आप कर सकते है एक ही बात के रूप में इस के बारे में सोच एक हैश के रूप में शामिल हैं. जाहिर है यह एक छोटे से अधिक लग रहा है जटिल है, लेकिन सभी मामलों में, इसे प्रभावी ढंग से एक ही बात है. तो यह एक के बस कुछ जोड़ने के लिए है शैली पत्रक, यह प्रकार पाठ / सीएसएस की है, और यह का नाम style.css है. 

क्या पता करने के लिए महत्वपूर्ण है वेब पेज है कि मैं सही काम कर रहा हूँ कि now-- web.html और एक ही फ़ोल्डर में style.css-- हैं. क्योंकि अलग फ़ोल्डर में, आप वास्तविक जड़ देने की जरूरत यह या इसे करने के लिए पथ के लिए. लेकिन इस मामले में, हम यह रख रहे हैं सुपर सरल और यह यहाँ होने जा रहा है. हम ऐसा इसलिए, अगर मैं कुछ है बातें यहाँ पहले से ही पंक्तिबद्ध. 

इसलिए हम जा रहा है जो कुछ शरीर है, हमारी पृष्ठभूमि रंग है, जो सही अब हल्के नीले रंग की है. हम चाहते हैं कि इसे बदल सकते हैं, लेकिन मैं सही ढंग से याद है, यह सिर्फ हल्के नीले रंग के लिए इसे बदलना चाहिए. और अब हम एक हल्के नीले रंग की पृष्ठभूमि है. और हम here-- किसी को भी याद कर सकते पड़ा हैश आईडी या वर्ग जो एक है? 

दर्शक: आईडी. 

एलीसन BUCHHOLTZ-एयू: आईडी. कूल. तो हम क्या करना चाहते हैं इन फोंट की जो या हम देखो "चाहते हैं which-- प्यारा चलनेवाली "बैंगनी हो सकता है? मुझे लगता है हमें कि बैंगनी होना चाहता हूँ लगता है. मैं बहुत नीचे है कि बैंगनी होने के साथ हूँ. 

तो तुम क्या करते हो तुम करना है आईडी इस मामले में equals-- मैं क्या, सुंदर रंग, यहाँ कहा. हम पुनः लोड. अचानक, यह बैंगनी है. ठीक है, आईडी के साथ ऐसा है, तो याद यह अद्वितीय होने की जरूरत है, इसलिए मैं का उपयोग कभी नहीं होना चाहिए कहीं और इस आईडी. लेकिन वर्ग के साथ, हम हैं के रूप में यहाँ एक सुंदर फ़ॉन्ट के साथ, मैं उपयोग करने के लिए सक्षम होना चाहिए कहीं भी कि मैं चाहता हूँ. 

तो चलो यहाँ इस एक करते हैं. इसलिए हम वर्ग सुंदर फ़ॉन्ट के बराबर होती है कह सकते हैं. हम अब देखो, हम हैं यहाँ इस शांत सुंदर फ़ॉन्ट. तो शायद मैं दोनों करना चाहते हैं. अगर यह ठीक है, मैं वास्तव में नहीं जानता कि काम करने के लिए जा रहा था लेकिन मैं इसे करने की कोशिश करना चाहते हैं. और यह आप सीएसएस और एचटीएमएल सीखना कैसे है. क्या आप जानते हैं, की तरह हो क्या, मैं इस कोशिश करना चाहते हैं. मैं यह काम करने के लिए जा रहा है अगर यकीन नहीं है. अगर यह काम करता चलो देखते हैं. 

और उस पर दिखेगा. अब यह बैंगनी में है और यह एक सुंदर फ़ॉन्ट है. ठीक है, तो आप इन सब है आप क्या कर सकते हैं अलग अलग चीजें हैं. यदि आप एक सवाल है? 

दर्शक: हाँ. खैर, अभी रंग पसंद आप उपयोग कर रहे हैं शब्द हैं. रंग करने के लिए एक रास्ता है हेक्साडेसिमल आरजीबी के साथ? एलीसन BUCHHOLTZ-एयू: आप भी कर सकते हैं hexidecimal साथ करते हैं, मुझे विश्वास है. हाँ. लेकिन यह आप अगर तरह का अच्छा है उन्हें देखने के लिए नहीं करना चाहती. तुम बस बैंगनी या नीले रंग की तरह हो सकता है. दर्शक: वे आशा करते हैं इसका मतलब है कि क्या पता. एलीसन BUCHHOLTZ-एयू: ठीक है. तो चलो इस पढ़ा या षाट्रेज़ बनाते हैं. क्यों तुम कभी षाट्रेज़ चुनना होगा? यह एक दिलचस्प रंग है. 

ठीक है, तो जाहिर है कि हम हम देख सकते हैं हम चाहते हैं लेकिन चीजों को बदल सकते हैं. आप create-- करना चाहता था हम कहते हैं हम एक और वर्ग बनाना चाहता था. क्या तुम लोगों को बदलने के लिए चाहते हो सकता है? आप अपने आप को रोकना तो W3Schools से ' सीएसएस प्रलेखन, मैं तुम लोगों को मंजिल छोड़ दें. हम कोशिश करते हैं और साथ शांत कुछ कर सकते हैं मिनट के पिछले कुछ में यह. मैं एक तरह से आप दिया है क्योंकि एक ठंडी चीजों का एक बहुत पर पाठ्यक्रम दुर्घटना जो आप कर सकते. लेकिन अंत में, जैसा मैंने कहा, आप अगर सिर्फ प्रयोग है, तो आप एक बहुत कुछ सीखना होगा. 

दर्शक: आप उस फ़ॉन्ट को देखने गए थे? 

एलीसन BUCHHOLTZ-एयू: हाँ, मुझे लगता है कि फॉन्ट देखा. मैं सचमुच की तरह तो मैंने क्या किया to-- चला गया? मैं सीएसएस फ़ॉन्ट सूची किया था, और तो मैं फ़ॉन्ट ढेर किया और फिर मैं यहाँ, देखने जैसा था, आप क्या कर सकते हैं सब शांत फोंट हैं. और हां, यह नहीं था मैं अपने क्लिपबोर्ड पर नकल की. और फिर मैं जैसा था ठीक है, शांत, हम वहाँ जाते हैं. सब किया. 

दर्शक: आपको यह सुनिश्चित करना है तो कि सीएसएस कि फ़ॉन्ट है क्या जानता है. 

एलीसन BUCHHOLTZ-एयू: हाँ. 

दर्शक: यह अंत में क्या कहना है? घसीट? 

एलीसन BUCHHOLTZ-एयू: घसीट. हाँ. 

दर्शक: पृष्ठभूमि छवि. 

एलीसन BUCHHOLTZ-एयू: पृष्ठभूमि छवि. ठीक. तो आप यह कैसे करना मुझे बताना चाहता हूँ. मैं तुम्हें करने के लिए छोड़ दें. मैं अभी-अभी यहाँ टाइप कर रहा हूँ. पहिया आपके हाथों में है. 

दर्शक: ठीक है 

एलीसन BUCHHOLTZ-एयू: ठीक है. मैं क्या कर रहा हूँ? 

दर्शक: Doing-- मुझे पता है क्या घुंघराले ब्रेस के बाद आता है. एलीसन BUCHHOLTZ-एयू: ठीक है. तो शायद शरीर में, मैं हम कर रहे हैं, क्योंकि ग्रहण करेंगे पृष्ठभूमि छवि के साथ कर रही है. 

दर्शक: हाँ, चलो करते हैं. 

एलीसन BUCHHOLTZ-एयू: ठीक है. दर्शक: ठीक है, तो पृष्ठभूमि पेट के लिए, और फिर हम उस छवि का एक यूआरएल पता की जरूरत है. शायद छद्म कोड है कि अब के लिए, शायद. 

एलीसन BUCHHOLTZ-एयू: क्या आप मुझे to-- चाहेंगे दर्शक: मैं एक GIF की तरह सोच रहा हूँ. एलीसन BUCHHOLTZ-एयू: एक GIF? यह दिलचस्प होने जा रहा है. ठीक है, मैं यहाँ क्या googling रहा हूँ? 

दर्शक: नहीं, यह तुम्हारी पसंद है. 

एलीसन BUCHHOLTZ-एयू: क्यों यह बनी है कि अगर we-- नहीं है, हम एक होना चाहिए लगता है जैसे मैं अच्छा घास लॉन या कुछ और. 

दर्शक: मैदानी. एक घास का मैदान. 

एलीसन BUCHHOLTZ-एयू: एक घास का मैदान? ठीक. दर्शकों: या राहेल Maddow. एलीसन BUCHHOLTZ-एयू: यह एक सुंदर लग रहा है. ओह, कि हालांकि, छोटे है. हम एक अच्छा आकार छवि की जरूरत है. चलो देखते हैं. ओह, देखो. यह एक सुंदर घास का मैदान है. आप मुझे यह पसंद है क्या, पता है. चलो इस एक की नकल करते हैं. 

दर्शक: ठीक है, तो मुझे लगता है कि यूआरएल, खुला कोष्ठकों. 

एलीसन BUCHHOLTZ-एयू: ठीक है, यूआरएल. 

दर्शक: तब पता. 

एलीसन BUCHHOLTZ-एयू: ठीक है. हम सब की ज़रूरत है? 

दर्शकों को बंद कोष्ठक अर्धविराम, और फिर अंतरिक्ष, पृष्ठभूमि हाइफन कुर्की बृहदान्त्र तय, और घुंघराले ब्रेस. 

एलीसन BUCHHOLTZ-एयू: ठीक है. अगर यह काम करता चलो देखते हैं. यह अगर यह होता है बहुत अच्छा होने जा रहा है. मैं यहीं असली उत्साहित हूँ. यह काम नहीं किया. मैं पता नहीं क्यों. दर्शकों: शायद यूआरएल कोटेशन में हो गया है. एलीसन BUCHHOLTZ-एयू: हो सकता है. और यह हम सीखने कैसे लोग है. 

दर्शक: हम पृष्ठभूमि मिल सकता है रंग और पृष्ठभूमि छवि? 

दर्शक: नहीं. एक अन्य प्रतिस्थापित करता है. 

एलीसन BUCHHOLTZ-एयू: मुझे पता नहीं. चलो देखते हैं. चलो इसे बाहर की जाँच करें और देखते हैं. 

दर्शक: ओह, हो सकता है, हाँ. [आवाज INTERPOSING] 

एलीसन BUCHHOLTZ-एयू: ठीक है, यह है obviously-- मैं [अश्राव्य] यहाँ. तो ठीक है. दर्शक: पृष्ठभूमि लगाव. एलीसन BUCHHOLTZ-एयू: आह. 

दर्शक: ठीक है, मैं नहीं जानता. एलीसन BUCHHOLTZ-एयू: यह यह काम करना चाहिए की तरह लग रहा है. आप यह यूआरएल के बाद पेट के यकीन कर रहे हैं? 

दर्शक: नहीं, यह अर्धविराम है. एलीसन BUCHHOLTZ-एयू: यह अर्धविराम है. दर्शक: मैं पेट के कहा था? एलीसन BUCHHOLTZ-एयू: आप एक बृहदान्त्र कहा. दर्शक: अरे नहीं. एलीसन BUCHHOLTZ-एयू: वहाँ तुम जाओ. दर्शक: ओह, अब इंतजार हम पाठ नहीं पढ़ सकते हैं. एलीसन BUCHHOLTZ-एयू: अब आप पाठ नहीं पढ़ सकते हैं लेकिन हम पृष्ठभूमि छवि है. Mmhmm? 

दर्शक: एचटीएमएल करता है गतिशील सामग्री का समर्थन? जैसे, आप उस तस्वीर का आकार परिवर्तन कर सकता है खिड़की के आकार पर निर्भर करता है, या एक CSS-- कि है 

एलीसन BUCHHOLTZ-एयू: तो सीएसएस कि क्या करना है. तो तुम लोग रुचि रखते हैं उन्नत सीएसएस सीखने में, मैं एक सह पढ़ा रहा हूँ 7 सीएसएस पर संगोष्ठी. और मैं यह होगा वादा गहराई में बहुत अधिक हो और भी बहुत कुछ शांत करना इस खंड में बातें. और मेरे सह-शिक्षक की तरह है कुल सामने अंत वेब देव गुरु. तो यह तुम चाहो तो बहुत अच्छा हो जाएगा के बारे में सब शांत बातें जानने के लिए कि सीएसएस कर सकते हैं. 

लेकिन हम यहाँ के साथ क्या है उसकी पृष्ठभूमि लगाव fixed-- तो यह कुछ निश्चित size-- है लेकिन आप वास्तव में dynamically-- कर सकते हैं आप कभी वेब पृष्ठों, के रूप में देखते हैं सबसे अच्छा वेब पेज, क्या करेंगे आप समायोजित जब अपने ब्राउज़र के आकार, यह पृष्ठभूमि या कितना समायोजित कर देता है सही, दिखा या बातें reformats है? इसलिए कि हम क्या कहते है सापेक्ष स्थिति. 

और सीएसएस वास्तव में कितना बड़ा हड़पने कर सकते हैं अपने ब्राउज़र चौड़ाई है या कितना लंबा यह है, और आप चीजों की स्थिति कर सकते सापेक्ष आकार के अनुसार पूर्ण आकार बनाम. और जाहिर है कि अधिक उन्नत है सीएसएस, लेकिन लगता है कि आप कुछ कर सकता है. आप सीखना चाहते हैं अधिक, मेरे संगोष्ठी के लिए आते हैं. 

तो यह है कि आप कुछ कर सकता है. और सीएसएस वास्तव में कर सकते हैं , सीएसएस और जावास्क्रिप्ट do-- हम अगले week-- में मिल जाएगा जो आप गतिशील बदलने के लिए अनुमति दे सकते हैं करने के लिए बिना पृष्ठों उन्हें हर समय पुनः लोड. और अगर आप कुछ करने के लिए मिल अच्छा सामान. 

तो एक और चीज नहीं है तुम लोग क्या करना चाहते हो सकता है कि या आप चाहते हैं कुछ भी पता लगाने के लिए? हम छोड़ दिया 10 मिनट है. हम भी जल्दी छोड़ देते हैं, लेकिन अगर कर सकते हैं यदि आप कुछ और अधिक वेब सामान करना चाहते हैं हम कर सकते हैं, लेकिन मैं नहीं कर रहा हूँ करने के लिए मजबूर करने के लिए जा रहा है. लेकिन हम भी बस कैंडी खा सकते हैं. दर्शक: पाठ हाइलाइट सफेद ताकि आप इसे पढ़ सकते हैं. एलीसन BUCHHOLTZ-एयू: ठीक है. तो इस मामले में, हम कुछ पी चाहते हैं. दर्शक: हम में क्या करना चाहिए शरीर तो यह पूरे पृष्ठ पर लागू होता है? एलीसन BUCHHOLTZ-एयू: हाँ, हम वास्तव में कर सकते हैं. यह एक अच्छा विचार है. तो हम आपको ऐसा have-- हम क्या किया जाना चाहिए पता है? हम पाठ रंग कर सकते हैं अगर मैं नहीं जानता. मैं कोशिश करने के लिए जा रहा था और यहाँ एक और वर्ग बना. 

दर्शक: आप ऐसा कैसे मिलता है यह सुझाव दिया है कि? एलीसन BUCHHOLTZ-एयू: तो तुम लोग रुचि रखते हैं, यह एक पाठ है संपादक उदात्त बुलाया. आप में सक्षम होना चाहिए अपने उपकरण पर स्थापित करें. कभी कभी यह थोड़ा मुश्किल हो जाता है. आप उस के साथ मदद चाहते हैं, क्या मैं आपकी मदद करने के लिए सुपर खुश हूँ इसके साथ, एडिट महान है क्योंकि और आप यह संकलन कर सकते हैं क्योंकि यह कमाल है तल पर है, लेकिन मैं वास्तव में उदात्त तरह यह सुंदर है क्योंकि और यह बातें करता है जैसे स्वत: पूर्ण. 

तो आप निश्चित रूप से करने के लिए स्वतंत्र महसूस कर सकते हैं आप ऐसा करना चाहते हैं तो मुझे बताना. आप बस गूगल "अगर उदात्त पाठ, "यह आम तौर पर स्थापित करने के निर्देश है विभिन्न ऑपरेटिंग सिस्टम पर. यह मैं वास्तव में अच्छा है मेरी राय में, लगता है. तो पी. मुझे लगता है मैं अभी कर सकते हैं लगता text-- या हम सिर्फ रंग है क्या कर सकते हैं "सफेद." क्या आप वहां मौजूद हैं. 

तो क्या मैं यहाँ था कि मैं है सभी पाठ बदलाव नहीं किया. लेकिन यहाँ पी सिर्फ एक है हम हैं कि टैग, है ना? इस अनुच्छेद टैग. तो मैं बस एक सीएसएस तत्व बनाए गए , ठीक है, ने कहा कि इस टैग के साथ कुछ भी पी, रंग सफेद बनाने. 

आपने देखा तो, अगर इसे बनाया इस सफेद और इस सफेद. इसकी वजह यह हमारी सूची सफेद नहीं बना था यह उस के साथ जुड़ा नहीं है. आप के माध्यम से जा सकते हैं और आप say-- सकता है 

दर्शक: पृष्ठभूमि रंग क्या है. 

एलीसन BUCHHOLTZ-एयू: पृष्ठभूमि रंग? 

दर्शक: पाइप को पृष्ठभूमि में आप पी टैग डाल जहां रंग. 

एलीसन BUCHHOLTZ-एयू: ठीक है. आप यह सफेद करना चाहते हैं? दर्शक: Mmhmm. एलीसन BUCHHOLTZ-एयू: ठीक है. वहाँ तुम जाओ. दर्शक: यह अजीब है. एलीसन BUCHHOLTZ-एयू: बहुत अच्छा, ठीक है? तो सिर्फ गंदगी चारों ओर तुम अगर, आप बहुत कुछ सीख लिए जा रहे हैं. और यह बहुत अच्छा हो सकता है. मैं यह निश्चित रूप से अधिक है खुशी कभी कभी से आप प्रतीक्षा करने की जरूरत नहीं है क्योंकि अपने कार्यक्रम को संकलित करने के लिए. तुम बस ताज़ा करे हिट कर सकते हैं और आप ओह, देखो, पसंद कर रहे हैं, यह काम किया है, या ओह, मैं हूँ शायद कुछ याद आ रही. और वह वास्तव में है कि कुछ है वर्ग की यह अगले भाग के बारे में शांत, मैं यह निश्चित रूप से है , आसान जाँच करने के लिए लगता है आप जिस तरह से बनाम साथ जाने के रूप में इन लंबी कार्यक्रमों लिखने के लिए होने और बधाई देने और प्रार्थना यह अंत में काम करता है. 

उस के साथ तो, मुझे लगता है कि आप लोग सब अच्छा लगता है. आप हमेशा की तरह किसी भी प्रश्न है, तो, मुझे बात करने आते हैं, मुझे पता है आते हैं. मैं सही बाहर हो जाएगा अगले 15 मिनट के लिए आप के बारे में बातचीत करना चाहते हैं कुछ भी और सब कुछ. 

तो मैं आपको guys-- आशा इस pset के साथ गुड लक. समय सीमा दोपहर में शुक्रवार है यह देर से जारी किया गया है. तो मैं शायद देखकर किया जाएगा गुरुवार को तुम लोगों का एक बहुत, लेकिन उम्मीद है कि नहीं. शायद आप इसे फिर से किया होगा. मैं सुपर गर्व होगा. 

नहीं लेकिन अगर मैं गुरुवार आप देखेंगे. तुम भी एक देर तारीख, उपयोग कर सकते हैं जो दोपहर में शनिवार को यह फैली हुई है. लेकिन मैं हुह don't--? 

दर्शक: हैलोवीन. 

एलीसन BUCHHOLTZ-एयू: यह हेलोवीन, एक, और ख है, मैं वहाँ नहीं लगता शुक्रवार को कार्यालय समय हो. तो सच में कोशिश करते हैं और यह द्वारा किया हो शुक्रवार हम सब जश्न मनाने कर सकते हैं ताकि पवित्र सप्ताह के अंत में. सब ठीक है, मैं अगले सप्ताह आप लोग देखेंगे.