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 ALLISON 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 และ แล้วนิด ๆ หน่อย ๆ ของ HTM​​L และ 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 และคุณจะเห็นบางสิ่งบางอย่างฉัน จะข้ามไปสำหรับอันดับสอง 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 คุณสามารถคิดว่ามันเป็นอื่นใด โทรยูนิกซ์เช่น LS หรือ cd หรือ whatnot 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 และคนสุดท้ายที่หมาย ไปทั่วโลก, OK? 63 00:03:33,590 --> 00:03:39,995 ดังนั้นสิ่งที่เกิดขึ้นคือจำ ผู้ R numbers-- คือ 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, OK? 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 แต่กลุ่มและโลกไม่ สิทธิ์ใด ๆ OK? 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 ดังนั้นเปลี่ยนสิทธิ์ของทุกคน ถ้าเป็นสิทธิ์เพิ่มเเรก 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 >> ALLISON Buchholtz-AU: ดำเนินการ 100 00:05:40,610 --> 00:05:46,080 ดังนั้นเราจะให้ผู้ใช้ทุกคน ได้รับอนุญาตให้เรียกใช้ไฟล์นี้ OK? 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 ALLISON Buchholtz-AU: อะไรคือที่? 105 00:05:58,290 --> 00:05:59,260 ผู้ชม: 4 106 00:05:59,260 --> 00:06:00,426 ALLISON Buchholtz-AU: ไม่ 4 107 00:06:00,426 --> 00:06:01,599 ผู้ชม: 0, 0, 4 108 00:06:01,599 --> 00:06:04,390 ALLISON 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 >> ดังนั้น Takeaway ใหญ่ ที่นี่ไม่ได้อยู่ในที่นี่ 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 ALLISON 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 หรือกว้างบวกและ minuses, 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 >> ALLISON 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 บวกหรือ whatnot? 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 >> ALLISON 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 ALLISON 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 >> ALLISON 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 ALLISON 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 เพื่อให้ผู้ใช้เป็นยูใช่มั้ย? 202 00:11:36,080 --> 00:11:38,780 ดังนั้น chmod U บวกอะไร? 203 00:11:38,780 --> 00:11:39,280 mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> ผู้ชม: RW 205 00:11:40,469 --> 00:11:41,510 ALLISON 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 ดังนั้นเรากำลังจะทำ 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 ALLISON 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 mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> ผู้ชม: หากคุณสามารถเขียนบางสิ่งบางอย่าง ไม่ได้หมายความว่าคุณสามารถดำเนินการได้หรือไม่ 218 00:12:17,740 --> 00:12:20,700 >> ALLISON Buchholtz-AU: คุณ สามารถเขียนถึงบางสิ่งบางอย่าง 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 ALLISON 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 หรือ Internet Protocol ซึ่งเป็น พื้นเพียงชุดของกฎหมายโดยทั่วไป 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 แต่ฉันรู้ว่าปีที่แล้วเขามี การสาธิตที่เขามีภาพของร็อบ 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 และคุณจะหายไปบางสิ่งบางอย่าง คุณไม่สามารถหาหน้า 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 ที่พื้นฐานของชุดของกฎ, OK? 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 โปรโตคอลการถ่ายโอน 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 ข้อมูลมากกว่า ข้อความปกติไม่ OK? 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 >> แต่ถ้าใครเป็น จริงๆขนาดใหญ่ที่มีสเปซ 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 สเปซยังค​​งเป็น เมื่อสิ่งที่ผมเป็นเด็ก 368 00:20:42,480 --> 00:20:44,510 ฉันไม่ว่าเก่า 369 00:20:44,510 --> 00:20:49,265 >> Anyways, 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 มันก็ทำงานเหมือนกัน, OK? 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 ดังนั้นตัวแทนผู้ใช้ให้มากขึ้นบาง คำอธิบาย 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 ผู้ใช้ของคุณขณะนี้การใช้ OK? 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 นี่เป็นเพียงตัวอย่างของ ขอหัว whatnot 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 OK เพื่อให้อีกครั้งขึ้น กับข้อมูลที่คุณ 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 >> ALLISON Buchholtz-AU: 404, ซึ่งเป็น? 464 00:26:11,310 --> 00:26:12,140 >> ผู้ชม: ไม่พบไฟล์? 465 00:26:12,140 --> 00:26:13,250 >> ALLISON 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 ALLISON 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 >> ALLISON 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 ALLISON 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 >> ALLISON Buchholtz-AU: หืม? 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 และถ้าคุณอยู่ใน MySpace วันที่คุณจะต้องลง 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 >> กูเกิลจากที่นี่ ออกอาจจะเป็น 523 00:28:34,490 --> 00:28:36,440 หนึ่งในแหล่งข้อมูลที่ดีที่สุดของคุณและเพื่อน ๆ 524 00:28:36,440 --> 00:28:41,080 หรือ Bing-- ผมทำงานที่ไมโครซอฟท์ ดังนั้นบางทีฉันควรจะพูดว่า 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 คูณหรือมากกว่าคุณควร ปฏิบัติตามจนกว่าจะมีประกาศ 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 มันจะบอกว่าหน้าของคุณจะไม่ถูกต้อง ถ้าคุณใช้มันผ่านตัวตรวจสอบนี้ 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 คุณอาจจะคิดว่านี้ เป็นหนึ่งในการตรวจสอบของคุณ OK? 545 00:29:49,130 --> 00:29:51,950 >> ดังนั้นถ้ามันไม่ผ่าน W3 Validator 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 จะบอกคุณ ที่คุณกำลัง messing up 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 มี ID ซึ่งจะไม่ซ้ำกัน 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 ALLISON 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 >> เรามีบาง HTM​​L 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 เหล่านี้เป็นแท็ก OK? 623 00:33:47,580 --> 00:33:53,930 ดังนั้นเมื่อผมหมายถึงปิดแท็กของคุณเราจะเห็น นี่หัววงเล็บนี้คือการเปิดของคุณ 624 00:33:53,930 --> 00:33:59,670 แท็กและวงเล็บนี้ / หัวจะปิดมัน OK? 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 Let 's ทำเรียงลำดับของร่างกายบางส่วน 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 ALLISON 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 >> ALLISON 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 ลง 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 >> ดังนั้นเราจึงกำลังจะ คัดลอก URL รูปภาพ 704 00:37:30,180 --> 00:37:38,720 และสิ่งที่เราต้องการจะทำคือให้เพียง บอกว่าเรามีบางจุดสำหรับวรรค 705 00:37:38,720 --> 00:37:41,140 เรากำลังจะบอกว่า "ดูสิ ดูกระต่ายน่ารัก 706 00:37:41,140 --> 00:37:44,130 ศิลปวัตถุ 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 >> ALLISON Buchholtz-AU: img source-- 717 00:38:07,767 --> 00:38:08,600 ผู้ชม: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON Buchholtz-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 ผู้ชม: --quote-- ใช่ 720 00:38:10,181 --> 00:38:11,430 ALLISON 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 ALLISON 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 >> ALLISON 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 เพียง FYI 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 บางทีคุณอาจต้องการที่ศูนย์ข้อความของคุณ OK? 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 align 773 00:40:20,300 --> 00:40:24,834 >> ALLISON Buchholtz-AU ดังนั้น P จัดเท่ากับ "ศูนย์". 774 00:40:24,834 --> 00:40:25,750 เขาฆ่ามันพวก 775 00:40:25,750 --> 00:40:28,240 y'all ต้องก้าวขึ้น 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 ALLISON 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 ALLISON Buchholtz-AU: ดีดังนั้น img แหล่งที่มาอันนี้ just-- กับภาพ 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 "รายการสั่ง HTM​​L." 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 ALLISON Buchholtz-AU: ขวา 812 00:42:17,410 --> 00:42:20,490 ดังนั้นเราต้องการสั่งซื้อหรือสั่ง? 813 00:42:20,490 --> 00:42:21,500 Let 's ทำเรียงลำดับ 814 00:42:21,500 --> 00:42:25,240 ดังนั้นเราจึงมียูบางอย่างที่ ย่อมาจากรายชื่อเรียงลำดับ 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 >> ALLISON 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 >> ALLISON 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 ผู้ชม: อันที่จริงผมคิดว่า ที่จาค็อบจะเป็น Legit 832 00:42:50,440 --> 00:42:51,606 ALLISON 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 >> ALLISON 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 >> ALLISON 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 >> ALLISON 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 >> ALLISON Buchholtz-AU: โอ้ ใช่เราสามารถปิดเหล่านี้ 852 00:43:18,855 --> 00:43:20,174 ดูแรด 853 00:43:20,174 --> 00:43:21,590 ผู้ชม: มันไม่สำคัญจริง? 854 00:43:21,590 --> 00:43:23,465 ALLISON 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 ALLISON Buchholtz-AU: หืม? 861 00:43:34,696 --> 00:43:35,890 ผู้ชม: สำหรับเชื่อมโยงหลายมิติ 862 00:43:35,890 --> 00:43:37,431 ALLISON 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 ALLISON 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 ALLISON 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 ALLISON Buchholtz-AU: เราไม่ได้ จะทำส่วนเมตาพวก 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 ตราบใดที่คุณไม่ได้เพียงแค่ ขโมยจากคนก็ OK 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 >> ALLISON Buchholtz-AU: div เป็นเพียงเเรกสิ่งที่เป็น div? 926 00:46:20,039 --> 00:46:20,830 ผู้ชม: กอง 927 00:46:20,830 --> 00:46:22,121 ALLISON 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 OK? 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 มันมีจะทำอย่างไรกับจางและ การเปลี่ยนแปลงและ whatnot 942 00:47:08,000 --> 00:47:09,630 >> ผู้ชม: และนั่นคือ CSS และ HTML ได้ไหม? 943 00:47:09,630 --> 00:47:11,460 >> ALLISON 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 >> เราเป็นเพียงแค่พูดว่าตกลงหน้าเว็บนี้ จะใช้สไตล์นี้ OK? 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 ดังนั้นนี้เป็นเพียงการเชื่อมโยงบางอย่าง แผ่นลักษณะเป็นประเภท text / 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 และเรามีตรงนี้ทุกคนสามารถจำ เป็นที่หนึ่งที่ ID กัญชาหรือระดับ? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> ผู้ชม: ID 987 00:49:51,080 --> 00:49:51,800 >> ALLISON Buchholtz-AU: ID 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 >> ดังนั้นสิ่งที่คุณทำคือการที่คุณทำ ID 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 OK เพื่อให้มี ID จำ จะต้องไม่ซ้ำกัน 998 00:50:20,680 --> 00:50:24,370 ดังนั้นผมจึงไม่ควรจะใช้ ID นี้จากที่อื่น 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 ALLISON Buchholtz-AU: คุณยังสามารถ ทำกับ hexidecimal ผมเชื่อว่า 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 ผู้ชม: Let 's หวังว่าพวกเขา รู้ว่าสิ่งที่หมายถึง 1023 00:51:25,720 --> 00:51:26,886 ALLISON 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 >> OK เพื่อให้เห็นได้ชัดว่าเราสามารถมองเห็นเรา สามารถเปลี่ยนสิ่ง แต่ที่เราต้องการ 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 >> ALLISON 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 >> ALLISON 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 >> ALLISON 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 >> ALLISON 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 >> ALLISON Buchholtz-AU: OK 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 ALLISON Buchholtz-AU: OK 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 >> ALLISON Buchholtz-AU: OK 1068 00:53:09,981 --> 00:53:14,260 ผู้ชม: OK เพื่อให้พื้นหลัง ลำไส้ใหญ่แล้วเรา 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 >> ALLISON Buchholtz-AU อะไร คุณจะชอบฉัน to-- 1072 00:53:20,601 --> 00:53:22,574 ผู้ชม: ฉันคิดเช่น GIF 1073 00:53:22,574 --> 00:53:23,740 ALLISON 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 >> ALLISON 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 >> ALLISON 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 ALLISON 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 >> ผู้ชม: ตกลงดังนั้นฉันคิดว่ามันเป็น URL วงเล็บเปิด 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON Buchholtz-AU: ตกลง URL 1096 00:54:09,590 --> 00:54:11,500 >> ผู้ชม: แล้วที่อยู่ 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON Buchholtz-AU: OK 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 >> ALLISON Buchholtz-AU: OK 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 ผู้ชม: บางที URL มีอยู่ในใบเสนอราคา 1108 00:54:37,700 --> 00:54:38,866 ALLISON 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 >> ALLISON Buchholtz-AU: I dunno 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 [interposing VOICES] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON 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 ALLISON 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 ALLISON Buchholtz-AU: มัน ดูเหมือนว่ามันควรจะทำงาน 1126 00:55:16,070 --> 00:55:19,074 คุณแน่ใจหรือว่ามันเป็นลำไส้ใหญ่หลังจาก URL หรือไม่ 1127 00:55:19,074 --> 00:55:20,439 >> ผู้ชม: ไม่มันอัฒภาค 1128 00:55:20,439 --> 00:55:21,980 ALLISON Buchholtz-AU: มันอัฒภาค 1129 00:55:21,980 --> 00:55:22,530 ผู้ชม: ผมใช้คำว่าลำไส้ใหญ่? 1130 00:55:22,530 --> 00:55:24,155 ALLISON Buchholtz-AU: คุณบอกว่าลำไส้ใหญ่ 1131 00:55:24,155 --> 00:55:26,222 ผู้ชม: โอ้ไม่ 1132 00:55:26,222 --> 00:55:27,680 ALLISON Buchholtz-AU: มีคุณไป 1133 00:55:27,680 --> 00:55:29,350 ผู้ชม: โอ้รอตอนนี้ เราไม่สามารถอ่านข้อความ 1134 00:55:29,350 --> 00:55:30,320 ALLISON Buchholtz-AU: ตอนนี้ คุณไม่สามารถอ่านข้อความ 1135 00:55:30,320 --> 00:55:32,740 แต่เรามีภาพพื้นหลัง 1136 00:55:32,740 --> 00:55:33,300 mmhmm? 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 >> ALLISON 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 ALLISON Buchholtz-AU: OK 1172 00:57:27,680 --> 00:57:33,389 ดังนั้นในกรณีนี้เราต้องการบางจุด 1173 00:57:33,389 --> 00:57:36,305 ผู้ชม: เราควรจะทำมันใน ร่างกายจึงนำไปใช้กับทั้งหน้า? 1174 00:57:36,305 --> 00:57:38,096 ALLISON 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 ALLISON 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 "งาม ข้อความ "มันมักจะ 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 >> ALLISON Buchholtz-AU: สีพื้นหลัง? 1207 00:59:12,660 --> 00:59:15,660 >> ผู้ชม: ประวัติความเป็นมากับท่อใน สีที่คุณใส่แท็ก P 1208 00:59:15,660 --> 00:59:16,701 >> ALLISON Buchholtz-AU: OK 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 ผู้ชม: Mmhmm 1212 00:59:23,470 --> 00:59:25,070 ALLISON Buchholtz-AU: OK 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 ALLISON 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 >> ALLISON Buchholtz-AU: มันเป็นวันฮาโลวีน, A และ 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 วันหยุดสุดสัปดาห์ Hallow 1244 01:00:42,010 --> 01:00:44,670 สิทธิทั้งหมดฉันจะเห็นพวกคุณในสัปดาห์หน้า 1245 01:00:44,670 --> 01:00:45,888