[เล่นเพลง] ALLISON Buchholtz-AU: สิ่งที่ถูกต้องทุกคน ยินดีต้อนรับกลับไปยังส่วน ดังนั้นวาระการประชุมของเราสำหรับวันนี้เป็นไป เหนือสิ่ง dev เว็บมากขึ้น ผมไม่ทราบว่าหลาย คุณได้เห็น psets ของคุณ นับตั้งแต่ได้รับการปล่อยตัว ก่อนหน้านี้ในช่วงเช้านี้ ฉันจะเป็นกี่ คนที่ได้อ่านสเปค, แต่เห็นว่าเป็นวิธีการที่คุณได้มีทั้งหมด ของเช่นเจ็ดชั่วโมงที่จะมองมัน และมันเป็นวันจันทร์และ คุณอาจเคยเรียน ฉันจะคิดว่า ส่วนใหญ่ของคุณยังไม่ได้ หากคุณมีความรุ่งโรจน์พิเศษ คุณกำลังช่วยพื้น ใช้เว็บง่าย เซิร์ฟเวอร์ใน C ซึ่งเป็นแบรนด์ pset ใหม่ เพื่อให้พวกคุณได้รับที่จะหนูตะเภา มันจะเป็นเรื่องสนุกสัปดาห์ป่า แต่ฉันคิดว่ามันจะสนุกมาก และมันจะเป็นจริงๆ ประสบการณ์ที่ดีจริง ดังนั้นเพื่อเตรียมความพร้อมสำหรับ ว่าในส่วนของวันนี้ เรากำลังจะไป chmod, TCP / IP และ แล้วนิด ๆ หน่อย ๆ ของ HTM​​L และ CSS 

ในตอนท้ายเราจะจริงรหัส ขึ้นหน้าเว็บง่ายๆด้วยกัน ที่จะช่วยให้พวกคุณได้รับชนิดของ คุ้นเคยมากขึ้นกับว่า แล้วถ้าคุณไม่ได้หยิบขึ้นมา แบบทดสอบของพวกเขาอยู่ในหน้า แต่ฉันแน่ใจว่าทุกคนสวย ที่นี่มีการตอบคำถามของพวกเขา และยังทราบว่า การแก้ปัญหาจะไม่ขึ้นเลย แต่ทันทีที่เรา finish-- ต้องการ ไม่กี่คนที่ผ่านการ quizzes-- ของพวกเขา พวกเขาจะขึ้น หากคุณมีคำถามใด ๆ ในขณะเดียวกัน อย่าลังเลที่จะส่งอีเมลฉันเอง ฉันจะตอบสนองกับแต่ละบุคคล คำถามที่ผมมักจะทำ 

ดังนั้นเมื่อทราบว่า chmod ดังนั้นโดยทั่วไปสิ่งที่คุณ ต้องรู้เกี่ยวกับ chmod คือว่ามันใช้ในการเปลี่ยน สิทธิ์ของแฟ้มใช่มั้ย? จึงเป็นเพียงบางระบบเรียกมันว่า สิทธิ์การเปลี่ยนแปลงตามที่มันบอกว่าที่นี่ และถ้าคุณเคยต้องการที่จะเห็น สิ่งที่มีสิทธิ์ของแฟ้ม, แทนที่จะเป็นเพียงแค่การทำ LS, คุณสามารถทำคำสั่ง ls -l l การยืนเป็นเวลานาน 

ดังนั้นคุณจะทำรายการยาว ของทุกอย่างและมัน จะทำให้คุณมีรายละเอียดมากขึ้น ข้อมูลเกี่ยวกับแต่ละไฟล์ของคุณ และคุณจะเห็นบางสิ่งบางอย่างฉัน จะข้ามไปสำหรับอันดับสอง แต่คุณจะเห็นสิ่งที่คล้ายกับ บรรทัดบนสุดที่มีสำหรับแต่ละไฟล์ และเราจะไปถึงสิ่งที่หมายถึง 

ดังนั้นโดยทั่วไปการเปลี่ยนแปลง สิทธิ์ของแฟ้มของคุณ คุณเพียงต้องการที่จะใช้ chmod คุณสามารถคิดว่ามันเป็นอื่นใด โทรยูนิกซ์เช่น LS หรือ cd หรือ whatnot มันเป็นเพียงชนิดของสายอื่นเช่น 

ดังนั้นเราจึงทำ chmod แล้วเราจะ มีสามตัวเลขปกติ มีสองวิธีที่จะทำคือ มันเป็นหนึ่งในการที่เราจะไปกว่า แต่โดยทั่วไปแล้วคุณจะมีสาม ตัวเลขตั้งแต่ 0-7 ในแต่ละครั้ง 

ดังนั้นสิ่งหนึ่งก็คือว่ามี สามสิทธิ์ที่แตกต่าง ที่เราสามารถให้แต่ละไฟล์ และก็สามารถอ่านได้ซึ่งเป็น แสดงโดย R ซึ่งจะทำให้ความรู้สึก ในนิด ๆ หน่อย ๆ ; W ซึ่งเป็น เขียน; และปฏิบัติการซึ่งเป็น x ฉันรู้ว่าอีหนึ่งปฏิบัติการ อาจจะไม่เหมาะสมที่สุด แต่เรา เป็นตัวแทนของมันด้วย x 

และแล้วสิ่งที่เกิดขึ้นคือแต่ละเหล่านี้ ยังมีการแสดงจำนวน ดังนั้นเราจึงมี 1, 2 และ 4 และโดยทั่วไปสิ่งที่เกิดขึ้นคือ แต่ละตัวเลขเหล่านี้สาม สอดคล้องกับที่นี่ ชุดที่แตกต่างกันของผู้ใช้ ว่าสิทธิ์เหล่านั้นเกี่ยวข้องกับ 

เพื่อให้คุณสามารถคิดว่าเป็นครั้งแรก จำนวนที่สอดคล้องกับการใช้งานที่เกิดขึ้นจริง หรือเจ้าของไฟล์ที่สอง ตัวเลขจะสอดคล้องกับกลุ่ม และคนสุดท้ายที่หมาย ไปทั่วโลก, OK? ดังนั้นสิ่งที่เกิดขึ้นคือจำ ผู้ R numbers-- คือ 4, W คือ 2 x คือ 1, ใช่มั้ย? เจ้านี่ถ้าคุณรวมเหล่านี้ขึ้น ที่ช่วยให้คุณหมายเลขแรกที่ ที่เราอาจจะใส่ใน chmod ของเรา 

ดังนั้นในกรณีนี้สิ่งที่ ตัวเลขนี้จะเป็นอย่างไร มันจะเป็น 4 บวก 2 บวก 1 ซึ่งเป็น 7 ใช่มั้ย? และในกรณีนี้เหล่านี้ ไม่ได้มีอะไร ดังนั้นนี้ที่นี่จะ แปล chmod 700, OK? และสิ่งที่ไม่สามารถจะให้ทั้งหมด ของสิทธิ์เหล่านี้ให้กับผู้ใช้ของคุณ 

ดังนั้นนี้หมายความว่าผู้ใช้ของเรา สามารถทำสิ่งที่พวกเขาต้องการ พวกเขาสามารถอ่านไฟล์นี้ พวกเขาสามารถเรียกใช้ไฟล์นี้ พวกเขาสามารถเขียนไฟล์นี้ แต่กลุ่มและโลกไม่ สิทธิ์ใด ๆ OK? 

ดังนั้นวิธีการอื่นที่จะเขียนว่าเราสามารถทำได้ ทำ chmod ของสามหลักเขตซึ่งแต่ละ สอดคล้องกับสิ่งที่ผลรวมหรือว่า เฉพาะกลุ่มคือกลุ่มที่เฉพาะเจาะจง หรือที่เราสามารถทำได้จริงสิ่งอื่น ยึดมั่นใน เราสามารถทำอะไรกับเหล่านี้ที่นี่ 

มีกี่คนที่เห็นตัวอย่างเช่น ที่มันเป็นเหมือนการ chmod บวก x? ไม่คุณจะเห็นว่าในการบรรยายผมคิดว่า? ดังนั้นยืนสำหรับทุก มันมีความหมายให้กับผู้ใช้ทั้งหมด ซึ่งผมลืมใส่ที่นี่ 

แต่บวก x ถ้าเรา สังเกตเห็นที่นี่ถ้าเราทำ เพื่อ chmod-- สิ่งที่กลุ่มเรา พูดคุยเกี่ยวกับบวกสิทธิ์ เราต้องการที่จะให้พวกเขา ดังนั้นนี้จะเป็นบวกหรือลบ บวกเพิ่มได้รับอนุญาต ลบจะได้รับอนุญาตออกไป สวยใช้งานง่ายผมคิดว่า 

ดังนั้นบวก x หมายความว่า chmod ดังนั้นเปลี่ยนสิทธิ์ของทุกคน ถ้าเป็นสิทธิ์เพิ่มเเรก และค่า x ที่หมายถึงสิ่งที่ได้รับอนุญาต เราจะให้ทุกคน อ่านเขียนหรือรัน? 

ผู้ชม: ดำเนินการ 

ALLISON Buchholtz-AU: ดำเนินการ ดังนั้นเราจะให้ผู้ใช้ทุกคน ได้รับอนุญาตให้เรียกใช้ไฟล์นี้ OK? ดังนั้นสิ่งที่ถ้าเราอยากจะทำ ที่มีรูปแบบที่เป็นตัวเลขหรือไม่ ดังนั้นจำกับตัวเลข เราต้องการสามตัวเลข 

ผู้ชม: 4 ALLISON Buchholtz-AU: อะไรคือที่? ผู้ชม: 4 ALLISON Buchholtz-AU: ไม่ 4 ผู้ชม: 0, 0, 4 ALLISON Buchholtz-AU: ดีเราต้องการ จะให้ผู้ใช้ทุกคนใช่มั้ย? ดังนั้นเราจะต้อง ตัวเลขที่อยู่ในแต่ละช่อง ที่เป็นไปได้ หมายเลขเดียวกันในแต่ละช่อง เพราะเราเพียงแค่ต้องการที่จะให้ สิทธิ์ที่ปฏิบัติการทุกคน ดังนั้นปฏิบัติการคือ 1, แต่ในการติดตามขวา 

ดังนั้นถ้าเราไม่ chmod 111 ที่จะ จะเทียบเท่าของ chmod บวก x ไม่ว่าทำให้ความรู้สึกที่ทุกคนหรือไม่ เรากำลังจะผ่านไป คู่ของตัวอย่าง 

ดังนั้น Takeaway ใหญ่ ที่นี่ไม่ได้อยู่ในที่นี่ แต่ก็หมายความว่าให้กับผู้ใช้ทั้งหมด U คือถ้าคุณต้องการเพียงแค่ จะให้หรือนำออกไป ได้รับอนุญาตจาก ผู้ใช้หรือเจ้าของ กรัมสำหรับกลุ่ม เพื่อให้หลักกลาง และแล้วคนอื่น ๆ ที่คุณสามารถคิด เป็นโลกที่หลักสุดท้าย 

ดังนั้นด้วยความที่เราจะไปตัวอย่างเช่น เพราะฉันรู้สึกเหมือนตัวอย่างเสมอ ทำให้สิ่งเหล่านี้ง่ายต่อการเข้าใจ ดังนั้น rwx-- เราเดินผ่านเจ้านี่ นอกจากนี้ยังอาจจะเป็นตัวแทน 700 นั่นเป็นตัวอย่างที่เรามอง ที่มากขึ้นของภาพ ดังนั้น chmod 444 ไฟล์บาง จะให้อนุญาต? คุณสนิทกันมาก ผู้ชม: สามารถอ่านได้ทุก ALLISON Buchholtz-AU: สามารถอ่านได้ ดังนั้นสามารถอ่านได้กับทุกคนใช่มั้ย? และแล้วสิ่งที่เป็นวิธีการทำที่อื่นได้หรือไม่ ถ้าเราต้องการที่จะทำ chmod ด้วย R หรือกว้างบวกและ minuses, สิ่งที่เรียกร้องที่จะมีลักษณะอย่างไร มันจะ chmod อะไร? 

ผู้ชม: R บวก 

ALLISON Buchholtz-AU: R บวกเมื่อวันที่ 5 ตกลงดังนั้นนี้เป็นเช่นเดียวกับการนี​​้ เพียงสองคำแปลที่แตกต่างกัน ของสิ่งเดียวกัน ดังนั้นด้วยความที่เรามีเหล่านี้ ดังนั้นฉันต้องการพวกคุณและพยายามเขียน ชนิดเหล่านี้ในทางตรงข้ามของพวกเขา 

ดังนั้นด้วย chmod 555, สิ่งที่มันจะเป็นอย่างไร มันจะเป็นบวกหรือ U บวกหรือ whatnot? สำหรับ U บวก x ให้ฉันหมายเลขสาม แล้วบอกฉันเกี่ยวกับสิ่งที่สิทธิ์ เรากำลังให้ความจริงและใคร? 

ดังนั้นฉันจะให้พวกคุณสอง นาทีในการทำงานเกี่ยวกับการที่ อย่าลังเลที่จะพูดคุยกับคนอื่น ๆ สำหรับบรรดาของคุณที่เข้ามาน้อย ช่วงปลายมีขนมและเสื้อ เรามีสามเสื้อซ้ายและ เรามีชุดแคตและคซี ดังนั้นอย่าลังเลที่จะมาคว้า บางอย่างในสลับฉากเล็ก ๆ แห่งนี้ 

นอกจากนี้หนึ่งที่ผ่านมาเป็นเรื่องยุ่งยาก มันเป็นสอง chmods หนึ่งที่ผ่านมา อันที่จริงให้ฉันปิดประตูที่ ในขณะที่พวกคุณกำลังทำงานอยู่ที่ ขนมเสมอจำเป็น เมื่อบ่ายวันจันทร์ 

ตกลงดังนั้น chmod 555 อะไรคือวิธีที่เราสามารถเขียนที่อื่นได้หรือไม่ ความคิดใด? ใช่ 

ผู้ชม: RX บวก 

ALLISON Buchholtz-AU: R บวก RX คุณต้องการที่จะอธิบายว่าทำไมจึงต้องการจะ rx? 

ผู้ชม: เพ​​ราะคุณมี 5 เพื่อให้เป็น 4 บวก 1, เพื่อให้อ่านบวก ปฏิบัติการและก็สำหรับทุก ALLISON Buchholtz-AU: ขวา ดังนั้นเพียงแค่จะย้ำ 5 ที่นี่ เรารู้ว่าเป็นผลรวมของ 4 และ 1, เพราะตัวเลขที่อยู่ในทั้งสามคนของเราแต่ละคนเป็น ผลรวมของสิทธิ์สำหรับย่อยนั้น ใช่มั้ย? ทั้งผู้ใช้ กลุ่มหรือโลก ดังนั้นในกรณีนี้เรารู้ว่า 5 จะต้องมีการสร้างขึ้นโดย 4 และ 1 

และที่ 4 และ 1 สอดคล้องกับ อ่านและปฏิบัติการ เราจะให้มันกับทุกคน เพื่อให้เราสามารถทำ chmod RX บวก และเห็นได้ชัดเราก็ไป ผ่านคำถามที่นั่น ดังนั้นตอนนี้ไฟล์นี้เป็นที่ปฏิบัติการ และสามารถอ่านได้กับทุกคน 

ดังนั้นสิ่งที่เกี่ยวกับคนที่สอง? สิ่งที่จำนวนหนึ่งที่อาจจะมี? ความคิดใด? เอาเลย 

ผู้ชม: 100 [ไม่ได้ยิน] 

ALLISON Buchholtz-AU: 100 เผง ดังนั้นคุณต้องการที่จะอธิบายว่าทำไม 100 ผู้ชม: เพ​​ราะมันสำหรับ ผู้ใช้จึงอยู่ในตำแหน่งแรก แล้ว x ปฏิบัติการ 1 ALLISON Buchholtz-AU: แน่นอน ดังนั้นเราจึงไม่อนุญาตให้ปฏิบัติการ สิทธิ์ในการเป็นเพียงผู้ใช้ ดังนั้นในกรณีนี้ก็จะเป็น 100 และผมมีคำตอบทั้งหมด ขึ้นบนภาพนิ่งถัดไปในกรณีที่ คุณเขียนจำนวนมากสิ่งที่ลง 

ตกลงดังนั้นนี้อย่างใดอย่างหนึ่งต่อไปคือการทำจริง กับสอง chmods คุณสามารถทำมันได้ เพื่อให้ทุกคนจะมี ความคิดใด ๆ วิธีการที่คุณอาจจะ ได้รับ chmod 640 ที่เขียน ในทางอื่น ๆ หรือไม่ คุณสามารถเปลี่ยนผู้ใช้ครั้งแรกแล้ว คุณสามารถเปลี่ยนกลุ่มเป็นคำแนะนำของฉัน 

ดังนั้นถ้าเราเพียงแค่เปลี่ยน ผู้ซึ่งเป็นคนแรกนี้ที่นี่ สิ่งที่เรียกร้องของเราอาจจะมี? เพื่อให้ผู้ใช้เป็นยูใช่มั้ย? ดังนั้น chmod U บวกอะไร? mmhmm? 

ผู้ชม: RW ALLISON Buchholtz-AU: RW ที่เหมาะสมสำหรับการอ่านและเขียนเพราะอ่าน คือ 4, W เป็น 2 ผลรวมผู้ที่ร่วมกันเป็น 6 ดังนั้นเราจึงได้รับ chmod U บวก RW, และเราได้รับครั้งแรก 6 ของเรามี 

ดังนั้นแล้วที่จะได้รับ 4 ตอนนี้เราต้องการ เปลี่ยนการตั้งค่ากลุ่มของเรา ดังนั้นเรากำลังจะทำ chmod กรัมบวกอะไร? สิ่งที่ 4? 

ผู้ชม: R ALLISON Buchholtz-AU: R อย่างแม่นยำ ดังนั้นเราจึงกำลังให้เจ้าของ อ่านและเขียนสิทธิ์ และเรากำลังให้อ่านกลุ่ม สิทธิ์ที่เรามีทั้งหมดขึ้นที่นี่ mmhmm? 

ผู้ชม: หากคุณสามารถเขียนบางสิ่งบางอย่าง ไม่ได้หมายความว่าคุณสามารถดำเนินการได้หรือไม่ 

ALLISON Buchholtz-AU: คุณ สามารถเขียนถึงบางสิ่งบางอย่าง ผมไม่เชื่อว่ามัน หมายถึงคุณสามารถดำเนินการได้ เย็น นั่นคือทั้งหมดที่เราเพิ่งผ่านไป ดังนั้นเกี่ยวกับเรื่องนี้อย่างใดอย่างหนึ่งต่อไปก็ กรณีที่เพียงชนิดของที่พบบ่อย ที่คุณต้องการเก็บไว้ใน ทราบสำหรับปัญหาที่กำหนดไว้ เหล่านี้โดยทั่วไปจะมีสิทธิ์ ที่เราอยากให้คุณใช้ 

ดังนั้นสำหรับ 711 ที่ให้ เราแน่นอนผู้ใช้ สิทธิ์ทั้งหมดซึ่ง มีแนวโน้มที่จะทำให้ความรู้สึก และจากนั้นก็เป็นที่ปฏิบัติการโดย กลุ่มในโลกซึ่งทำให้ความรู้สึก ถ้าคุณมีไดเรกทอรีบางท่าน ต้องการที่จะสามารถเข้าไปในนั้น คนต้องเข้าถึง 

สำหรับไฟล์ใด ๆ ที่ไม่ PHP, คุณจะ ที่จะใช้ 644 ซึ่งจะทำในสิ่งที่? อะไรที่บ่งบอกถึงหรือสิ่งที่ สิทธิ์ที่ไม่ให้? ดังนั้นเจ้าของสามารถอะไร? ผู้ชม: อ่านและเขียน ALLISON Buchholtz-AU: อ่านและเขียน แล้วกลุ่มและอื่น ๆ ก็สามารถอ่านใช่มั้ย? แล้ว chmod 600 สำหรับการใด ๆ ไฟล์ PHP ที่คุณใช้ เจ้าของของคุณอีกครั้งสามารถ อ่านและเขียนไป แต่คนอื่นเป็น เพียงชนิดของบล็อก 

ดังนั้นนี่จะจริง จะเป็นประโยชน์มากขึ้นเมื่อ คุณจะได้รับกับปัญหาของคุณ ตั้งสัปดาห์ถัดไปที่ คุณกำลังสร้างเว็บไซต์จริง ดังนั้นถ้าคุณเคยทำงานเป็น ปัญหาแปลก ๆ ที่มันไม่โหลด อย่างถูกต้องบางทีคุณอาจ ต้องเพิ่มปฏิบัติการ ได้รับอนุญาตหรือบางทีคุณอาจต้องอ่าน หรือเขียนได้รับอนุญาต สิ่งเล็ก ๆ ที่มักจะเดินทางคน ขึ้น แต่ที่ชนิดเช่นการเดินทางไป เมื่อคุณเริ่ม pset สัปดาห์ถัดไป และฉันจะให้คุณมากขึ้น คำแนะนำเกี่ยวกับ pset สัปดาห์นี้ แต่ผมยังไม่ได้มองไปที่มันตั้งแต่ มันได้รับการปล่อยตัวในเช้าวันนี้ แต่คุณส่งอีเมลฉันฉันจะได้ดู ที่มันถึงเวลาที่ผมตอบสนองในวันพรุ่งนี้ 

ดังนั้นตอนนี้ทุกคนที่ดีกับ chmod? คำถามใด ๆ อ้อยอิ่ง? สวยตรงไปตรงมา เพียงชนิดของการติดตามของสิ่งที่ อ่านเขียนและรันตัวเลข อาจจะเป็นส่วนที่ยากที่สุด 

ดังนั้นด้วย TCP / IP โปรโตคอลเหล่านี้ทั้งหมด เหมือนกับที่มีโครงสร้างข้อมูลของคุณ เมื่อสัปดาห์ที่แล้วก็มากขึ้น สิ่งสำคัญที่จะได้รับชนิดของ สัญชาตญาณระดับที่สูงขึ้นของพวกเขา นี้ไม่ได้ CS143 ที่เรากำลังจะ จะขอให้คุณที่จะใช้เครือข่าย เพื่อให้คุณจะดีถ้า คุณไม่เข้าใจ nitty ทรายของโปรโตคอลทั้งหมด สิ่งสำคัญที่ต้องเข้าใจคือ ชนิดเช่นสิ่งที่พวกเขาเป็นตัวแทน และทำไมพวกเขากำลังสำคัญ 

ดังนั้น TCP / IP แน่นอนมันเป็น Transmission Control Protocol หรือ Internet Protocol ซึ่งเป็น พื้นเพียงชุดของกฎหมายโดยทั่วไป หรือมาตรฐานที่บอกข้อมูล ว่ามันควรจะจัดการ ว่ามันควรจะ packetized, ส่งและได้รับ ดังนั้นมันเป็นพื้นเช่นเดียวกับ บอกว่าที่นี่เพิ่มโอกาส ข้อมูลที่ได้รับที่ คุณต้องการที่จะได้รับ 

ผมมั่นใจว่าถ้าพวกคุณไป การบรรยายหรือดูออนไลน์ได้ เขา has-- ผมไม่ทราบ ถ้าเขาไม่ได้ในปีนี้ แต่ฉันรู้ว่าปีที่แล้วเขามี การสาธิตที่เขามีภาพของร็อบ และเขาแยกมันออกเป็น สี่และวางไว้ในซองจดหมาย และพยายามที่จะได้รับมันในแซนเดอ และคุณสามารถชนิดของ คิดว่ามันเป็นแบบนั้น มันเป็นเพียงชุดของกฎที่ บอกข้อมูลว่าจะได้รับบางแห่ง และช่วยให้คุณทราบว่า คุณจะหายไปข้อมูล ในทางเดียวกันว่าถ้าคุณเป็น การหลาย ๆ หน้าของบันทึก และคุณฉลากให้กับหน้า 104 หน้า 204, และคุณจะกลับไปเรียนต่อ และคุณจะหายไปบางสิ่งบางอย่าง คุณไม่สามารถหาหน้า 304-- คุณรู้ว่า บางสิ่งบางอย่างผิดปกติเพื่อให้คุณ สามารถมองผ่านบันทึกของคุณ อีกครั้งหรือขอให้คนที่จะส่งคุณ บันทึกการบรรยายจากวันนั้น แบบเดียวกับข้อมูลบนอินเทอร์เน็ต ถ้าฉันขอ บางสิ่งบางอย่างจากเซิร์ฟเวอร์บาง และจะต้องส่ง ในแพ็คเก็ตหลาย อาจจะไปที่หมายเลข ในทางใดทางหนึ่งให้ ผมทราบว่าหลายฉันควรจะได้รับ และบอกฉัน, โอ้นี้เป็นหนึ่งใน 10 หรือนี้เป็นหนึ่งใน 10,000 วิธีที่เมื่อฉันไปรวมกันอีกครั้งว่า ชิ้นส่วนทั้งหมดเข้าด้วยกัน ฉันรู้ว่าสิ่งที่ขาดหายไป และฉันสามารถขอนั้นอีกครั้ง ที่ทำให้รู้สึก? เพียงแค่ชุดของกฎ ที่พื้นฐานของชุดของกฎ, OK? 

ดังนั้นเรายังพูดคุยกัน นิด ๆ หน่อย ๆ เกี่ยวกับพอร์ต นี้เป็นจริงเพียงมาตรฐานที่ ช่วยให้คุณรู้ว่าสิ่งที่ชนิดของข้อมูล จะถูกส่งในแพ็คเก็ตเหล่านี้ ถ้าเราไปกับเรา ตัวอย่างซองจดหมายที่เราทำไม่ได้ รู้ว่ามันเป็นภาพของ ร็อบอยู่ในนั้นหากเราเขียนมัน ที่ด้านนอกของซองจดหมายของเรา ดังนั้นพอร์ตมีพื้นในสิ่งเดียวกัน มันเป็นเพียงวิธีการที่จะคิดออกว่า ประเภทของข้อมูลที่จะถูกส่ง 

ดังนั้นเราจึงมีทั้งหมดของ คนที่พบมากที่สุดที่นี่ ดังนั้น 21-- เหล่านี้ยังมีชนิด เช่นสิ่งที่ดีที่จะรู้ เป็นชนิดของคำถามแบบทดสอบง่าย เป็นเหมือนสิ่งที่ไม่พอร์ต 80 ทำอย่างไร หรือสิ่งที่ไม่พอร์ต 443 ทำอย่างไร ดังนั้นสิ่งที่ดีที่จะรู้ 

ดังนั้นเราจึงมีที่นี่ 21 ไฟล์ โปรโตคอลการถ่ายโอนดังนั้นเพียง กฎระเบียบที่ควบคุมการถ่ายโอนไฟล์ 25 สิ่งที่เราทุกคน ใช้มากเกินไปเป็นอีเมล์ 53 เป็นชื่อโดเมน ระบบซึ่งเป็นพื้น เพียงแค่ชนิดของการค้นหาสำหรับ ที่อยู่ IP ของชื่อโดเมน 

ดังนั้นผมค่อนข้างแน่ใจว่ามันเป็น กล่าวในการบรรยายถ้าคุณ ไปที่สิ่งที่ต้องการ google.com มันมีที่อยู่ IP ที่เกี่ยวข้องกับมัน มันไม่จริง google.com และอื่น ๆ 53 เป็นพอร์ต ที่จริงใช้เวลา การดูแลของชนิดของมันแปล เป็นที่อยู่ IP ที่สำหรับคุณ และแล้ว 80 และ 443 เป็นเรื่องธรรมดามาก คุณอาจมีหน้าเว็บของคุณหรือ คุณมีหน้าเว็บที่มีความปลอดภัยของคุณ ซึ่งจำนวนมากของหน้าเว็บเป็น การถ่ายโอนไปยังตอนนี้ 

เพื่อให้เป็นระดับสูงของชนิด ภาพรวมของโปรโตคอลการถ่ายโอน ฉันไม่เห็นมากขึ้นในเชิงลึก เป็นชนิดของสิ่งที่เย็น หากคุณสนใจ มีมากมายของทรัพยากรเป็น วิกิพีเดียเป็นจริง หน้าสวยดี ดังนั้นผมกำลังมองไปที่มัน เพียงเล็กน้อยในขณะที่ผ่านมา ดังนั้นฉันจะขอแนะนำ มองไปที่มันถ้าคุณสนใจ หรือใช้ 143 ในสองปีเพราะ ฉันคิดว่ามันเป็นทุก ๆ ปี 

ดังนั้นในตอนท้ายของเรื่องนี้เราไม่ พูดคุยเกี่ยวกับหน้าเว็บและ HTTP, ซึ่งเป็นจริงหัวข้อถัดไปของเรา วันนี้ก่อนที่เราจะไปลงใน HTML และ CSS และคุณสามารถจริงรหัสขึ้นหน้าเว็บ มันจะเป็นเรื่องสนุก เราจะมีภาพของ กระต่ายและมันจะดี 

ดังนั้น HTTP, ในขณะที่คุณสามารถดูที่นี่ เป็นหนึ่งในคำย่อที่น่ารัก สำหรับสัปดาห์นี้ซึ่งเป็น Hypertext โปรโตคอลการถ่ายโอน ดังนั้นอีกครั้งมันเป็นเพียงแค่ ชุดของกฎอื่นที่ ควบคุมไฮเปอร์ โอนในกรณีนี้ ดังนั้นวิธีที่ดีที่สุดที่จะเรียนรู้ เกี่ยวกับเรื่องนี้เป็นเพียงชนิดของ ที่จะทำลายมันลงไป คำแต่ละคำเหล่านี้ เพราะมีจำนวนมาก คำบนหน้าจอมี 

ดังนั้นเรากำลังจะเริ่มต้นด้วยไฮเปอร์ ดังนั้น "ไฮเปอร์" ที่คุณสามารถคิด "ข้างต้น" ชอบสิ่งที่ซุปเปอร์ชนิด ดังนั้นมันจริงๆเพียงข้อความนำไป ระดับถัดไปจึงเป็นเช่นข้อความซุปเปอร์ เช่นข้อความต่อไป ดังนั้นก็เพียงพื้น ข้อความที่จะให้เรา ข้อมูลมากกว่า ข้อความปกติไม่ OK? 

ดังนั้นในกรณีนี้ที่นี่นี้เป็นไฮเปอร์ นี้บอกเราว่าเรามี การเชื่อมโยงบางอย่างที่เรากำลังจะไป ซึ่งเป็น cs50.net ซึ่ง ขณะนี้ cs50.harvard.edu สไลด์ที่เก่าแก่เล็ก ๆ น้อย ๆ และมันจะแสดง มันเป็นเช่นนี้เป็นเชื่อมโยงหลายมิติ แล้วเว็บไซต์เย็นจริงๆ 

ดังนั้นจึงเป็นข้อความที่เป็นเพียงเล็กน้อย บิตของสิ่งที่เย็นจริงๆในนั้น เพื่อให้คุณสามารถเชื่อมโยงสิ่งที่คุณสามารถ แทรกภาพและคุณสามารถตั้งค่าสิ่งที่ และสิ่งที่คุ้นเคยมากที่สุดที่คุณ อาจจะมีคนที่มีไฮเปอร์ เป็น Hypertext Markup Language, HTML, ซึ่งแน่นอนว่าเป็นทั้งหมดของเว็บ ที่เราเห็นรอบตัวเราได้รับ กับบางลักษณะ CSS โยนใน 

แต่ถ้าใครเป็น จริงๆขนาดใหญ่ที่มีสเปซ ฉันแน่ใจว่าคุณทั้งหมดที่ใช้ HTML ตลอดเวลาในการสร้าง โปรไฟล์ที่สมบูรณ์แบบนั้นใช่มั้ย? ฉันรู้สึกเหมือนว่าอาจจะ การอ้างอิงที่ล้าสมัยในขณะนี้ แต่สิ่งที่ เพียงแค่ little-- พวกคุณ ไม่ว่าอายุน้อย บางส่วนของคุณจะอายุมากกว่าผม สเปซยังค​​งเป็น เมื่อสิ่งที่ผมเป็นเด็ก ฉันไม่ว่าเก่า 

Anyways, HTML เพียงแค่รูปแบบของไฮเปอร์ ดังนั้นไฮเปอร์เป็นเพียง ข้อความที่มีคุณสมบัติเพิ่ม ดังนั้นโปรโตคอลการถ่ายโอนน่าจะเป็น สิ่งที่ไม่แน่นอนมากขึ้นในการอธิบาย เห็นได้ชัดว่า transfer-- เพียงแค่การถ่ายโอนข้อมูล ดังนั้นทั้งระหว่างลูกค้าเช่น พี่ชายของเว็บของคุณและเซิร์ฟเวอร์ ดังนั้นโดยทั่วไปเพียง วิธีการทำงานอินเทอร์เน็ต 

ดังนั้นการร้องขอที่แน่นอนของ วิธีการทำงานเหล่านี้เราไม่ จริงจะไปดูที่ ขอตัวอย่างและการตอบสนอง แต่วิธีการที่เราร้องขอ ข้อมูลจากเซิร์ฟเวอร์ และวิธีการที่เซิร์ฟเวอร์ตอบสนองต่อเรา สิ่งที่การโอนนี้ควบคุมโปรโตคอล ดังนั้นการร้องขอและการตอบสนองได้ ที่จะปฏิบัติตามเฉพาะชุดของกฎเหล่านี้ มันเป็นมาตรฐานเพื่อให้ไม่ว่า ที่คุณกำลังใช้อินเทอร์เน็ต มันก็ทำงานเหมือนกัน, OK? 

อีกครั้งโปรโตคอลชุดของกฎ มันเป็นเพียงปกติ การทำงานร่วมกันในลักษณะเดียวกัน ว่าศาสตราจารย์ลันพูดคุยเกี่ยวกับ ถ้ามีคนยื่นมือของพวกเขา คุณจะรู้ว่ามันเป็นเรื่องธรรมดาที่จะได้รับความอนุเคราะห์ ถึงคุณออกมาและจับมือของพวกเขา นั่นเป็นโปรโตคอลใช่มั้ย? 

ดังนั้นผมจึงขอให้บางมาตรฐาน ซึ่งเป็นที่ฉันต้องการที่จะจับมือของคุณ และคุณให้บางส่วนที่ได้มาตรฐาน การตอบสนองซึ่งเป็นทั้งไม่ขอบคุณ หรือคุณอาจจะลองและการสั่นของฉัน มือหรือบางทีคุณอาจจะพยายาม และกำปั้นชนฉัน และเราไม่ได้มีโปรโตคอลสำหรับการที่ มันหยุดพักลง แต่ถ้าทุกคนต่อไปนี้ โปรโตคอลเดียวกันแน่นอน มันจะไปมากขึ้นต่อเนื่อง คนได้รับรู้กัน ทุกคนมีความสุข 

ดังนั้นในโลกของเว็บที่ ทุกคนดังนี้ rules-- เดียวกัน เล็กน้อยดีกว่ามาตรฐานทางสังคม แต่ด้วยความที่เราจะดู ขอตัวอย่างที่นี่ ดังนั้นจึงมีเพียงเล็กน้อยนี้ ที่สำคัญที่นี่อยู่ด้านล่าง ที่จะบอกคุณสีที่แตกต่างกัน สิ่งที่พวกเขาควรจะหมายถึง 

ดังนั้นสีขาวเช่นเดียวกับวิธีการของคุณ ขอและโปรโตคอล version-- เพื่อขอวิธีรุ่น และนี่คือบางส่วน ชื่อเขตและมูลค่า ของสนามที่ซึ่งเราจะ เข้าไปมากนานมาก ดังนั้นนี่คือการขอตัวอย่าง นี้เป็นเหมือนผมขยายออก อยากจะแนะนำตัวเอง 

นี่คือสิ่งที่ลูกค้า หรือสิ่งที่เว็บเบราว์เซอร์ของคุณ จะถูกส่งไปยังเซิร์ฟเวอร์ของคุณ ดังนั้นนี่คือการร้องขอได้รับจึงเป็น ขออะไรบางอย่างจากเซิร์ฟเวอร์ และก็แน่นอน HTTP และเป็นรุ่น 1.1 

ดังนั้นส่วนที่เหลือของที่นี่คือสิ่งที่เราเรียกว่า ส่วนหัวและข้อมูลเพิ่มเติมที่ ที่ทำให้เรามีความคิดที่ดีของ สิ่งที่เรากำลังจะถามหา หรือข้อมูลที่เราต้องการให้ เซิร์ฟเวอร์ที่อาจจะเกี่ยวข้อง ดังนั้นตัวแทนผู้ใช้ให้มากขึ้นบาง คำอธิบาย on-- ตัวอย่างเช่นที่นี่ ขด / 7.24.0 เป็นจริงจะบอก เซิร์ฟเวอร์ที่เรากำลังใช้ Google Chrome เป็นเบราว์เซอร์ของเรา ดังนั้นถ้าคุณเคยได้ยิน เกี่ยวกับคนที่พูดคุย เกี่ยวกับการทำแอพพลิเคตอบสนอง กับเบราว์เซอร์หลาย นี่คือสิ่งที่พวกเขา จะใช้เพราะถ้าคุณ ไม่ทราบว่าสิ่งที่เบราว์เซอร์ การร้องขอมาจาก คุณไม่สามารถปรับแต่งข้อมูลไปที่ ดังนั้นในกรณีนี้ผู้ใช้ เป็นเพียงการให้แบบนี้ ของข้อมูลที่ระบุ เกี่ยวกับสิ่งที่เบราว์เซอร์ ผู้ใช้ของคุณขณะนี้การใช้ OK? 

ดังนั้นแล้วเรายังมีพื้นที่ซึ่งเป็น ที่เรากำลังจริงที่ต้องการจะไป ในกรณีนี้เราต้องการที่จะไป apple.com, ซื้อบาง iPads ใหม่เย็น หรือสิ่งที่อาจจะน่ารัก ไฟที่ห้องพักหอพักของเรา และค่าชื่อในตอนท้ายเป็นเพียง ฟิลเลอร์, เพียงสิ่งที่ทั่วไป สำหรับพวกคุณเห็น มันไม่จริง สอดคล้องกับอะไรที่นี่ 

เพื่อให้คุณสามารถมีได้มากหรือ เล็ก ๆ น้อย ๆ ตามที่คุณต้องการในแต่ละกรณี ส่วนใหญ่เวลาที่เหล่านี้เป็นตัวเลือก มันก็ขึ้นอยู่กับสิ่งที่ ที่คุณต้องการจากเบราว์เซอร์ จากผู้ใช้ของคุณเพื่อให้ อย่างถูกต้องให้ตามคำขอ หรือมันขึ้นอยู่กับสิ่งที่ผู้ใช้ของคุณ จริงต้องการที่จะให้ขึ้นไปยังเซิร์ฟเวอร์ ดังนั้นคุณอาจจะมีหลาย ๆ เหล่านี้ชื่อฟิลด์ส่วนหัว หรือคุณก็อาจจะมีคู่ เช่นเดียวกับอีกหลาย ๆ อย่าง ฉันได้กล่าวว่าในส่วนนี้ จริงๆมันขึ้นอยู่กับบริบท วิธีการที่คุณกำลังใช้นี้ 

ดังนั้นไม่ว่าทำให้ความรู้สึกที่ทุกคนหรือไม่ นี่เป็นเพียงตัวอย่างของ ขอหัว whatnot ตกลงดังนั้นกับที่เรามีการตอบสนองบางส่วน 

อีกครั้งที่เรามีรหัสสถานะของเราโปรโตคอล รุ่นและชื่อสนามและสนามแล้ว ค่าเช่นเคย ดังนั้นโปรโตคอลรุ่นของเรา และรหัสสถานะของเราเป็น 200 ตกลงซึ่งหมายความว่า ใช่ทุกอย่างไปได้ด้วยดี นี่คือสิ่งที่คุณต้องการ 

ชนิดของเซิร์ฟเวอร์เนื้อหา type-- มันบอกเราว่าตกลงคุณ จะได้รับ HTML ข้อความบางส่วน นี่คือความยาวของมันและนี่คือ สิ่งที่คุณควรจะทำอย่างไรกับการเชื่อมต่อ OK เพื่อให้อีกครั้งขึ้น กับข้อมูลที่คุณ ขอให้ขึ้นอยู่กับสิ่ง เซิร์ฟเวอร์ที่ต้องการที่จะกลับมาให้คุณ คุณอาจมีมากขึ้นของข้อมูลเหล่านี้ ชื่อคุณอาจมีน้อย ทั้งหมดขึ้นอยู่กับบริบท 

และเท่าที่สถานะนี้ รหัสที่นี่แน่นอน 200 ไม่ได้เป็นคนเดียว คุณอาจจะมีใช่มั้ย? เรามีจำนวนมากของรหัสสถานะ ไม่มีใครจำใด ๆ คนอื่น ๆ ที่เรากล่าวถึงในการบรรยาย? มากของพวกเขาเริ่มต้นด้วย 4 

ผู้ชม: 404 

ALLISON Buchholtz-AU: 404, ซึ่งเป็น? 

ผู้ชม: ไม่พบไฟล์? 

ALLISON Buchholtz-AU: ไม่พบไฟล์ เผง ดังนั้นสิ่งที่เกี่ยวกับ 403? ผู้ชม: พระราชวังต้องห้าม ALLISON Buchholtz-AU: พระราชวังต้องห้าม ดังนั้นสิ่งที่คุณคิดว่า นั่นหมายความว่ามี chmods? 

ผู้ชม: ก็หมายความว่าคุณ ไม่ได้รับสิทธิ์ที่จะอ่านมัน 

ALLISON Buchholtz-AU: แน่นอน ในบางวิธีที่คุณจะได้ไม่ต้อง ได้รับอนุญาตให้เข้าใช้งานได้ใช่มั้ย? ดังนั้น 404, 403 มีตลกจริงๆ หนึ่งที่เรามักจะ แนะนำทุกปีว่า ฉันควรจะได้นำขึ้นที่นี่ เช่น 413, ซึ่งเป็นฉันกาน้ำชา คุณสามารถ google นี้ มันตลกเหมือนที่เป็นรหัส 413 และก็ฉันกาน้ำชา ซึ่งผมไม่ทราบว่าทำไมคุณจะ เคยต้องการที่บนอินเทอร์เน็ต แต่ผมพูดนอกเรื่อง ผู้ชม: บางทีคุณอาจหม้อชา ALLISON Buchholtz-AU: บางที เซิร์ฟเวอร์เป็นหม้อชา ใครจะรู้? ขวาทั้งหมดดังนั้นเรากำลังจะ การเปลี่ยนแปลงในการเขียนโปรแกรมจริง ฉันรู้สึกเหมือนพวกคุณจะไป ออกจากที่นี่สวยได้อย่างรวดเร็ว 

ผู้ชม: ทำไมไม่ได้ บอกว่า "เซิร์ฟเวอร์: สองครั้ง 

ALLISON Buchholtz-AU: หืม? เซิร์ฟเวอร์สองครั้ง นั่นเป็นคำถามที่ดี ผมไม่แน่ใจว่า ฉันจะพบและ ฉันจะส่งอีเมลถึงคุณทุกคน 

ตกลงคำถามอื่น ๆ นอกเหนือจากที่? ดีหรือไม่? เย็น 

HTML และ CSS และตอนนี้เรา ได้รับไปยังทุกส่วนสนุก ดังนั้นที่ผมกล่าวถึงก่อน, HTML น่าจะเป็นหนึ่งในสิ่งที่ พวกคุณเป็นส่วนใหญ่คุ้นเคยกับ ดังนั้นเราจึงมี Hypertext Markup Language 

วิธีที่ดีที่สุดที่จะเรียนรู้เจ้านี่ฉันทำไม่ได้ มีสไลด์ที่เตรียมไว้หรืออะไร สำหรับคุณผู้ชายกับ HTML มันเป็นจริงเกี่ยวกับการเรียนรู้ไวยากรณ์ และถ้าคุณอยู่ใน MySpace วันที่คุณจะต้องลง 

ดังนั้นจริงๆสิ่งที่ใหญ่ที่สุดคือ เพียงแค่การปฏิบัติและการทดลอง หนึ่งในแหล่งข้อมูลที่ดีที่ผมจะ ขอแนะนำให้ใช้เป็น W3Schools ดังนั้นเพียงแค่ W, 3, และโรงเรียน พวกเขามีจำนวนมาก แหล่งข้อมูลเกี่ยวกับ HTML, CSS ที่, และพวกเขาจะมี การจัดเรียงหน้าจอแยกของสิ่งที่ ที่พวกเขาจะให้รหัสตัวอย่าง คุณสามารถคุ้นเคยกับมัน เปลี่ยนมันและกดปรับปรุง และมันจะแสดงสิ่งที่มัน ไม่จริงไปยังหน้าเว็บ 

ดังนั้นผมจึงอยากจะแนะนำให้ใช้ที่ มันเป็นเย็นสวย คุณจะไม่ได้รับความผิด seg ที่นี่เมื่อสิ่งที่ผิดไป หากคุณจัดการที่จะได้รับ ความผิด seg กับ HTML จะแจ้งให้เราทราบเพราะผม จะได้รับความสนใจจริง แต่มันก็เป็นจริงๆเย็นเพราะ คุณสามารถเปลี่ยนแปลงสิ่งต่างๆ คุณสามารถดูพวกเขาปรับปรุงอยู่ และฉันคิดว่าคุณจะได้รับมาก เข้าใจง่ายขึ้นของภาษา HTML ถ้าคุณใช้จ่ายจริงเพียงบางส่วน เวลาทดลองกับมัน นั่นคือเหตุผลที่ผมกล่าวว่า การปฏิบัติและการทดสอบ 

กูเกิลจากที่นี่ ออกอาจจะเป็น หนึ่งในแหล่งข้อมูลที่ดีที่สุดของคุณและเพื่อน ๆ หรือ Bing-- ผมทำงานที่ไมโครซอฟท์ ดังนั้นบางทีฉันควรจะพูดว่า Bing แต่อะไรที่สวยมาก เป็นเพียงการไปเป็นไวยากรณ์ เพื่อให้เข้าใจสิ่งที่แท็กที่มี understanding-- อย่างน้อยกับ CSS-- วิธีการเปลี่ยนคุณลักษณะบางอย่าง มันจะมีประโยชน์สุด 

ดังนั้นแม้ว่าเราทำไม่ได้ มีสิ่งที่เตรียมการใด ๆ เราจะมีชนิดของวิธีที่ดีที่สุด ที่เราต้องการพวกคุณและพยายามปฏิบัติ คูณหรือมากกว่าคุณควร ปฏิบัติตามจนกว่าจะมีประกาศ ดังนั้นปิดแท็กทั้งหมดของคุณ หวังว่าทุกคน has-- คุณรู้ว่าสิ่งที่ ถ้านี้ไม่ได้ทำให้ความรู้สึกตอนนี้ ฉันสัญญาว่ามันจะทำให้ความรู้สึก เมื่อเราเขียนโปรแกรมขึ้นหน้า แต่ปิดแท็กทั้งหมดของคุณ ดังนั้นถ้าคุณเคยมีบาง ส่วนหัวที่เป็นตัวยึด H1 วงเล็บให้แน่ใจว่า เมื่อใดก็ตามที่คุณกำลังทำกับที่ คุณปิดส่วนหัวที่ ตรวจสอบหน้าเว็บของคุณกับ W3 Validator หากคุณไม่ได้ปิดแท็กของคุณ คุณจะได้รับพฤติกรรมที่ไม่คาดคิด มันจะบอกว่าหน้าของคุณจะไม่ถูกต้อง ถ้าคุณใช้มันผ่านตัวตรวจสอบนี้ ดังนั้นเมื่ออยู่ใน doubt-- และโดยเฉพาะอย่างยิ่ง ในสัปดาห์นี้และสัปดาห์ถัดไป pset-- ในลักษณะเดียวกับที่เราถาม คุณสามารถใช้ตรวจสอบ 50 และสไตล์ 50, คุณอาจจะคิดว่านี้ เป็นหนึ่งในการตรวจสอบของคุณ OK? 

ดังนั้นถ้ามันไม่ผ่าน W3 Validator นั่นคือสิ่งที่เราจะเชื่อมต่อคุณ หรือฉันบอกคุณขวา ตอนนี้ผมจะเทียบท่าคุณ เพื่อให้แน่ใจว่ามันตรวจสอบ มันไม่ใช่เรื่องยาก คุณเพียงแค่วางในรหัสของคุณ และมันอาจจะบอกว่างานที่ดี หรือคุณกำลังขาดหายไป บางสิ่งบางอย่างในทางเดียวกัน สไตล์ที่ 50 จะบอกคุณ ที่คุณกำลัง messing up 

และแล้วสิ่งสุดท้ายที่หนึ่ง ที่คุณต้องการที่จะแยก มาร์กอัปซึ่งเป็น HTML ที่ของคุณ หรือข้อความของคุณและจัดแต่งทรงผมของคุณ ดังนั้นเราจะทำตัวอย่างเช่น สิทธิหลังจากนี้ว่า ดังนั้น HTML และ CSS ควรจะแยกจากกัน และเรากำลังจะพูดคุยเกี่ยวกับ MVC ซึ่งเป็นรุ่นดูควบคุม ในสัปดาห์หน้า พวกคุณอาจจะ เรียนรู้เกี่ยวกับว่าในการบรรยาย ในวันพรุ่งนี้ถ้าคุณมี ได้เรียนรู้มันแล้ววันนี้ 

และเป็นเพียงชนิดของ กระบวนทัศน์ที่เรามัก ที่จะใช้ในการสร้างเว็บ หน้าเว็บที่จะแยกสิ่งที่ออก คุณสามารถคิดว่ามันในทางเดียวกัน ที่เรามักจะฟังก์ชั่นแยกต่างหากใน C ที่เราสับจะหาสิ่งที่ มันเป็นเพียงวิธีการที่จะ ทำให้ชีวิตของคุณง่ายขึ้น มันแยกคุณลักษณะหรือรหัสให้เห็นว่า คุณจะใช้ซ้ำแล้วซ้ำอีกครั้ง แต่วิธีนี้จะชนิด การทำให้มันมีความสุขและเรียบร้อย และถ้าคุณต้องการที่จะเปลี่ยน สิ่งหนึ่งที่คุณจะเปลี่ยนอีกครั้ง และจะเปลี่ยนทุกที่อื่น ดังนั้นจึงเป็นมากขึ้นสำหรับคุณ ความสะดวกและความยืดหยุ่น 

ดังนั้นด้วย CSS ก็คล้ายกันมาก เป็น HTML แต่แทนที่จะแท็ก ที่ผมกล่าวถึงเพียงแค่ตอนนี้เรา ใช้สิ่งที่เรียกว่าเตอร์ และพวกเขาโดยทั่วไปชนิดเพียง การเชื่อมโยงแท็กบางอย่าง ในรูปแบบ HTML ที่มีลักษณะที่แตกต่างกัน และเมื่อฉันพูดคุณลักษณะที่ผมหมายถึง สิ่งที่ชอบสีตัวอักษรลักษณะแบบอักษร สีของพื้นหลัง, สีของข้อความของคุณ ทุกประเภทของสิ่งเหล่านั้น เช่นเดียวกับถ้ามันเป็นศูนย์กลาง ถ้ามันออกไปทางขวา ถ้ามัน inverted-- ทั้งหมด สิ่งเหล่านี้เย​​็น สิ่งใดโวหาร ที่คุณทำกับข้อความของคุณ, นี่คือสิ่งที่ผมหมายถึงมีลักษณะ 

แล้วสองสิ่งที่สำคัญที่จะทราบว่าเป็นที่ selectors-- สอง factors-- หลัก มี ID ซึ่งจะไม่ซ้ำกัน คุณสามารถใช้ว่าสิ่งหนึ่งที่ มิฉะนั้นก็จะตะโกนใส่คุณ และเมื่อเรากำหนดมัน ในไฟล์ CSS ก็จะ เป็นรหัสกัญชาแล้ว สิ่งที่มีคุณลักษณะที่เราต้องการ ฉันสัญญาว่าเราจะ ผ่านตัวอย่างเช่น มันจะทำให้ความรู้สึกมากขึ้น 

ชั้นสามารถดูหลายบล็อก เพื่อให้คุณสามารถมีของคุณ วรรคหนึ่งและวรรคสาม มีการจัดเรียงเดียวกันของคุณลักษณะถ้า คุณเชื่อมโยงกับชั้นเดียวกัน และเมื่อเรากำหนดให้ ในการใช้ CSS ที่เราทำชั้นจุด, กับการเรียนเป็นสิ่งที่ คุณต้องการที่จะได้รับการตั้งชื่อว่า 

ดังนั้นฉันรู้ว่านี้เป็นสิทธิ ตอนนี้ที่เป็นนามธรรมมาก นั่นเป็นเหตุผลที่เรากำลังจะโค้ด ฉันรู้ว่าคนที่คุณรัก นั้นและคุณทุกคน จะช่วยให้ผมเพราะ นี้เป็นหน้าเว็บของคุณ นี่คือหน้าเว็บส่วนของเราพวก ดังนั้นจะมีคำถามใด ๆ ก่อนที่ฉันจะ ปิด PowerPoint หรืออะไร คุณต้องการให้ฉันเลื่อนกลับ ไปก่อนที่เราจะเริ่มเขียนโปรแกรม? 

ผู้ชม: เมื่อคุณพูดแท็กการแข่งขัน คุณหมายถึงเล็กเตอร์หรือแท็ก? ALLISON Buchholtz-AU: คุณสามารถ คิดว่าพวกเขาเป็นสิ่งเดียวกัน มันเป็นคำพูดที่แตกต่างกันเพียง ผมหมายถึงเช่นเตอร์ แต่เตอร์ยังแมปไปยังแท็ก เพื่อให้คุณสามารถคิดว่าพวกเขาเป็น ได้อย่างมีประสิทธิภาพในสิ่งเดียวกัน ฉันสัญญาว่าจะทำให้ ความรู้สึกมากขึ้นเมื่อเรารหัส อะไรจาก PowerPoint หรือคำถามใด ๆ ตอนนี้ก่อนที่เราจะจริง สร้างหน้าส่วนของเราหรือไม่ ทุกคนพร้อมหรือยัง? เย็น 

ดังนั้นผมจึงมีคนเริ่มต้น ผมขอเพิ่มตัวอักษรสำหรับพวกคุณ ตกลงดังนั้นตอนนี้เราก็มี กระดูกเปลือยหน้าเว็บที่นี่ 

เรามีบาง HTM​​L เรามีส่วนหัวของบางอย่างที่เรา ดูที่นี่เป็นหน้าเว็บตัวอย่างเช่น บางชื่อตัวอักษรบาง เหล่านี้เป็นแท็ก OK? ดังนั้นเมื่อผมหมายถึงปิดแท็กของคุณเราจะเห็น นี่หัววงเล็บนี้คือการเปิดของคุณ แท็กและวงเล็บนี้ / หัวจะปิดมัน OK? 

เพื่อให้คุณสามารถคิดว่านี้เป็น การจัดฟันของคุณในกรณีที่สภาพของคุณ หรือของคุณสำหรับลูป หากคุณมีหนึ่งที่จุดเริ่มต้น คุณต้องการอย่างใดอย่างหนึ่งในตอนท้าย มันจะยังคงทำงานมากที่สุดของเวลา ถ้าคุณไม่ได้มีแท็กปิด แต่การปฏิบัติที่ดีที่สุดคือปิดแท็กของคุณ 

ดังนั้นในกรณีนี้ให้เปลี่ยน เรากำลังจะไปมีส่วนเจ็ด "มาตราหน้าเว็บ." ดังนั้นฉันแค่ไปที่จะเปลี่ยนแปลงนี้ 

และถ้าเราไปกว่าที่นี่และเรา ต้อง reload-- บันทึกและ reload-- เราสังเกตเห็นว่าที่นี่ มันเปลี่ยนใช่มั้ย? เย็น ดังนั้นการเปลี่ยนแปลงนี้ชื่อ นี่คือสิ่งที่เกี่ยวกับแท็บของคุณ 

ดังนั้นนี่คือชนิดของ มองชนิดของน่าเบื่อ ผมไม่ทราบว่าเกี่ยวกับพวก ผมคิดว่าเราต้องการอะไรบางอย่างที่นี่ 

ดังนั้นสิ่งที่เราสามารถทำได้คือ ส่วนหัวเป็นเพียงมี Let 's ทำเรียงลำดับของร่างกายบางส่วน ดังนั้นเราจึงมีร่างกายบางส่วนที่นี่ ฉันมักจะทำเปิดและ ปิดแท็กของฉันที่จะเริ่มต้น ในลักษณะเดียวกับที่ผมทำเครื่องหมายวงเล็บ อา รออะไร? 

ผู้ชม: [ไม่ได้ยิน] ALLISON Buchholtz-AU: อ่า พวกคุณมีฉัน งานที่ดี ดาวสีทอง 

ตกลงดังนั้นเราจึงมีร่างกายบางส่วนที่นี่ และตอนนี้ขอเริ่มต้นการเพิ่มข้อความบางส่วน เพื่อให้คุณมีคู่ที่แตกต่างกัน ตัวเลือกสำหรับการเพิ่มข้อความ เรามีสิ่งที่ต้องการส่วนหัว เรามีเพียงแค่ตัวอักษรปกติ เพื่อให้เพียงเริ่มต้นด้วยส่วนหัว ที่จริงถ้าพวกคุณต้องการ ที่จะดึงขึ้น HTML W3 โรงเรียน, คุณสามารถชนิดของมองไปรอบ ๆ และถ้ามีอะไรที่ โดยเฉพาะอย่างยิ่งที่คุณต้องการที่จะลอง กับหน้าเว็บนี้เราสามารถทำเช่นนั้นได้ ดังนั้นในกรณีนี้ขอเพียงแค่ทำ h1 บาง ดังนั้น h1 เป็นเหมือนส่วนหัวที่สูงที่สุด มันจะทำให้คุณบางสิ่งบางอย่าง ที่มีขนาดใหญ่มากและเป็นตัวหนา 

และในกรณีนี้สิ่งที่เราต้องการ สำหรับข้อความแรกในหน้าเว็บของเรา? สิ่งใด พวกคุณกำลังจะสร้างนี้ ฉันแค่ไปที่จะพิมพ์ ผู้ชม: ยินดีต้อนรับ 

ALLISON Buchholtz-AU: ยินดีต้อนรับ ตกลงดังนั้นหากเราประหยัดมันและเราโหลด เราได้รับการต้อนรับที่ดีขนาดใหญ่ ดังนั้นเพียงแค่ให้คุณสามารถดู ความแตกต่างให้ทำอะไรบางอย่างที่ H6 อะไรคือสิ่งที่เราต้องการที่นี่? ใช่มั้ย? 

ตกลงดังนั้นเพียงเพื่อให้คุณสามารถ เห็นความแตกต่าง ใช่งาม ดังนั้นถ้าคุณสังเกตเห็น H1, มากมีขนาดใหญ่มาก H6 เช่นตัวหนา แต่มีขนาดเล็กมาก และคุณมีทุกสิ่งในระหว่าง เพื่อให้คุณสามารถมี H2, H3, H4 และเหล่านี้เป็นเพียงส่วนหัว ดังนั้นถ้าคุณกำลังพยายาม ในการสร้างหน้าเว็บที่ มีส่วนที่แตกต่างกัน, บางทีคุณอาจต้องการที่จะใช้ ส่วนหัวในบางแห่งมี 

เย็น ดังนั้นเราจะเพิ่มมากขึ้นบาง สิ่งที่อยู่ในร่างกายของเรา ผมเห็นว่ามันจะเป็นชนิด เย็นถ้าเรามีภาพ ฉันรู้สึกเหมือนทุกคนสามารถใช้อาจจะ ภาพกระต่ายน่ารักที่ถูกต้องเกี่ยวกับในขณะนี้ ดังนั้นเราจะไปหา ภาพกระต่ายแรก 

ผมไม่ทราบว่าพวกคุณมี การตั้งค่าที่หนึ่งที่เราต้องการ คุณมีความต้องการใด ๆ หนึ่งนี้ที่นี่? ลง ตกลง หนึ่งเลยก็ว่าได้ ทางเลือกที่ดี 

ตกลงดังนั้นเราจะดูภาพของเรา มองไปที่ว่า มองไปที่สิ่งที่น่ารัก วิธีที่คุณอาจจะเศร้า ในวันจันทร์นี้? 

ดังนั้นเราจึงกำลังจะ คัดลอก URL รูปภาพ และสิ่งที่เราต้องการจะทำคือให้เพียง บอกว่าเรามีบางจุดสำหรับวรรค เรากำลังจะบอกว่า "ดูสิ ดูกระต่ายน่ารัก ศิลปวัตถุ awwww. " ฉันรักกระต่ายของฉัน ฉันมีกระต่ายที่บ้าน ฉันคิดถึงกระต่ายของฉัน ดังนั้นสิ่งที่เรากำลังจะไป do-- ผมไม่ทราบว่าถ้าพวกคุณต้องการ to google แต่เจ้านี่กับ HTML วิธีการที่คุณอาจจะรวมถึงภาพ? แท้จริงถ้าคุณ google "รวมภาพ HTML" ทำไมคุณไม่พวกคุณบอกฉัน สิ่งที่แท็กนี้ควรจะเป็นอย่างไร 

ผู้ชม: img source-- 

ALLISON Buchholtz-AU: img source-- ผู้ชม: --equals-- ALLISON Buchholtz-AU: --equals-- ผู้ชม: --quote-- ใช่ ALLISON Buchholtz-AU: ที่สมบูรณ์แบบ น่ารัก ดู, MySpace รุ่นใช่มั้ย? ผู้ชม: Neopets ALLISON Buchholtz-AU: Neopets โอ้ตกลง ว้าว มันบ้า ตกลง 

เพื่อให้แน่ใจว่าฉันจะได้รับสิทธินี้ เย็น ดังนั้นนี้ควรจะเป็นที่นี่ แล้วถ้าเราโหลดเรามีของเรา กระต่ายในหน้านี้ไม่ได้เป็นที่น่ารัก? 

นี้น่ารักมาก ๆ คุณเลือกที่ดีภาพที่ดี ผมขุดมัน 

ตกลงดังนั้นเรามีนี้กระต่ายน่ารักตอนนี้ เราสามารถที่จะเพิ่ม ภาพเช่นเดียวกับที่ ดังนั้นโดยทั่วไปถ้ามีภาพใด ๆ คุณต้องการเพิ่มไปยังหน้าเว็บของคุณ คุณสามารถเพิ่มมันเหมือนเพียงแค่นี้ อีกสิ่งหนึ่งที่จะเป็นถ้า คุณจะได้ภาพที่เก็บไว้ ในโฟลเดอร์เดียวกันกับ ไฟล์นี้คุณก็สามารถ เขียนสิ่งที่ชื่อของภาพว่า คือแทนที่จะมีการเชื่อมโยงเว็บ 

มันจะยังคงอยู่ในเครื่องหมายคำพูด มันก็จะเป็นเช่น ถ้าเราได้รับการตั้งชื่อว่าเจ้านี่ ถ้าภาพนี้ได้รับการบันทึกไว้ ในโฟลเดอร์ที่มีไฟล์ HTML นี้ ที่ผมแก้ไขและมัน ถูกเรียก bunny.jpg นอกจากนี้เรายังสามารถดำเนินการได้ และมันจะแสดงขึ้น แต่ฉันไม่ได้มีบันทึกไว้ในนี้ ไฟล์และฉันต้องการให้กระต่าย, ดังนั้นเราจะให้การเชื่อมโยง 

ผู้ชม: rabbit.org เป็นอะไร? 

ALLISON Buchholtz-AU: rabbit.org มัน appropriate-- ดูคุณสามารถนำมาใช้มัน การนำมาใช้ bunny.jpg ฉันต้องการที่จะนำกระต่ายนี้ โอ้พระเจ้าก็น่ารักมาก ๆ 

ตกลงหัวดังนั้นเราจึงได้เพิ่ม เราได้เพิ่มภาพ เห็นได้ชัดว่าเราได้เพิ่ม ข้อความบางส่วนที่นี่ใช่มั้ย? ถ้าเราต้องการที่จะเพิ่มอื่น ๆ ข้อความที่เราต้องการไปเช่นนี้ ดังนั้นนี่คือวรรคอื่น 

และเราพูดว่า "นี้เป็นวรรคอื่น." นอกจากนี้ผมสะกดน่ากลัว ดังนั้นฉันอาจสะกดคำผิดในสิ่งที่ เพียง FYI 

ดังนั้นเราจึงมีอีก วรรคที่นี่ใช่มั้ย? ดังนั้นบางทีคุณอาจต้องการที่จะทำบางสิ่งบางอย่าง เล็ก ๆ น้อย ๆ ที่น่าสนใจมากกว่าเพียงแค่ มีข้อความเช่นขวาชิดของคุณทั้งหมด บางทีคุณอาจต้องการที่ศูนย์ข้อความของคุณ OK? 

ดังนั้นหากใครต้องการที่จะใช้นั้น คอมพิวเตอร์มีประโยชน์ในหน้าของคุณ และบอกฉันว่าคุณ ไปที่ศูนย์ข้อความนี้ 

ผู้ชม: p align 

ALLISON Buchholtz-AU ดังนั้น P จัดเท่ากับ "ศูนย์". เขาฆ่ามันพวก y'all ต้องก้าวขึ้น และเรามี "นี่เป็นศูนย์กลาง." และตอนนี้เรามีสิ่งที่อยู่ตรงกลาง 

ในทางเดียวกันถ้าคุณ ต้องการซ้ายชิด คุณสามารถทำเท่าเทียมกันจัด ซ้ายจัดเท่ากับขวา ทั้งหมดขึ้นอยู่กับคุณ ถ้าฉันไม่ที่นี่แล้วนี้ should-- ตอนนี้มันเป็นสิทธิชิด 

ผู้ชม: อัลลิสัน? โดยแหล่งภาพทำไมไม่เป็น มีใกล้แหล่ง img? ALLISON Buchholtz-AU: ขออภัย หนึ่งนี้ควรจะเป็น มีตอนนี้คุณกำลังดี ตอนนี้เรากำลังดี ผู้ชม: คุณไม่ได้ ที่จะปิดมันมีหรือไม่? ALLISON Buchholtz-AU: ดีดังนั้น img แหล่งที่มาอันนี้ just-- กับภาพ ก็เห็นเช่นเดียวกับองค์ประกอบหนึ่งในขณะที่ ถ้าคุณสังเกตเห็นส่วนที่เหลือของเหล่านี้ เรามีแท็กบางแล้วข้อมูลนั้น มันเกี่ยวข้องกับการแล้วแท็กปิด แต่ด้วยภาพทุกอย่าง เพียงแค่การจัดเรียงของตัวเอง เย็น ดังนั้นพวกคุณทราบวิธีการสร้าง ส่วนหัวของคุณรู้ว่าวิธีการป้อนข้อความ, คุณรู้วิธีที่จะนำภาพ ในตอนนี้คุณสามารถจัดสิ่ง 

สิ่งหนึ่งที่คุณ อาจต้องการที่จะสามารถที่จะทำ คือการสร้างรายการใน CS-- เรา ชนิดของการเข้าไปใน pset สัปดาห์ถัดไป สิ่งที่เรา มักจะสอนในสัปดาห์นี้ ไปได้ดีจริงๆด้วย pset สัปดาห์ถัดไปดังนั้นเรา ชนิดของการผสมซ้อนสิ่งที่นี่ แต่มันจะเป็นประโยชน์สำหรับสัปดาห์ถัดไป 

ดังนั้นหากเราต้องการที่จะสร้างบาง รายการวิธีการที่เราจะทำเช่นนั้น? คุณไม่สามารถตอบในเวลานี้ คนอื่นได้ ก็ไม่ยากครับสัญญา Google "รายการสั่ง HTM​​L." อะไรคือสิ่งที่ว่า? 

ผู้ชม: [ไม่ได้ยิน] ALLISON Buchholtz-AU: ขวา ดังนั้นเราต้องการสั่งซื้อหรือสั่ง? Let 's ทำเรียงลำดับ ดังนั้นเราจึงมียูบางอย่างที่ ย่อมาจากรายชื่อเรียงลำดับ และเราทำในสิ่งที่มีสำหรับแต่ละองค์ประกอบ? ไม่ได้ต้องการแท็กของตัวเอง? เราสามารถเพียงแค่เริ่มต้นการเขียนสิ่ง? 

ผู้ชม: li 

ALLISON Buchholtz-AU: li ดังนั้นสิ่งที่เป็นรายการของเราจะเป็นอย่างไร สิ่งที่เราต้องการที่นี่? เราเพียงแค่ทำชื่อ เพียงแค่ทำจาค็อบ 

อาหารกระต่าย: ผู้ชม 

ALLISON Buchholtz-AU: อาหารกระต่าย ตกลงฉันชอบวิดีโอนี้ อาหารกระต่าย 

ตกลงดังนั้นเราจึงมีแครอท ผมชอบธีมกระต่ายนี้ ผมขุดมันมาก ผู้ชม: อันที่จริงผมคิดว่า ที่จาค็อบจะเป็น Legit ALLISON Buchholtz-AU: จาค็อบ? จาค็อบเป็นอาหารกระต่าย ถ้าคุณเห็นจาค็อบ ภาพจากเวลาทำงาน คุณอาจมีความคิดเขาได้ โจมตีโดยนักฆ่ากระต่าย 

ผู้ชม: ฉันมีกระต่ายตอนนี้ ฉันมีกระต่ายนักฆ่าตอนนี้ 

ALLISON Buchholtz-AU: คุณหลอกฉัน? 

ผู้ชม: ผมจะนำมาไว้ในส่วนถัดไป ฉันมีมัน 

ALLISON Buchholtz-AU: นี้เป็นเรื่องน่าขัน ยังไงก็ตาม 

ผู้ชม: [ไม่ได้ยิน] 

ผู้ชม: ใช่ทนายของฉัน มีกระต่ายเป็นอย่างดี 

ALLISON Buchholtz-AU: ฉันต้องการกระต่าย ตกลงใครก็ตามที่นำกระต่ายจริง ส่วนถัดไปจุดบราวนี่ทั้งหมด ผู้ชม: [ไม่ได้ยิน] ผู้ชม: โอ้มันไม่จริง มันเป็นตุ๊กตากระต่าย 

ALLISON Buchholtz-AU: โอ้ ใช่เราสามารถปิดเหล่านี้ ดูแรด ผู้ชม: มันไม่สำคัญจริง? ALLISON Buchholtz-AU: มันไม่ได้ กับที่สุดของสิ่งเหล่านี้ คุณไม่ปิดแท็ก 99% ของเวลาที่ไม่มีอะไรเลวร้ายที่เกิดขึ้น ที่จะเกิดขึ้น แต่มันก็เป็นรูปแบบที่ดีอีกด้วย ยาโคบ และเรามีผักกาดหอม ผู้ชม: สำหรับการเชื่อมโยง มันเป็นสิ่งสำคัญจริงๆ ALLISON Buchholtz-AU: หืม? ผู้ชม: สำหรับเชื่อมโยงหลายมิติ ALLISON Buchholtz-AU: สำหรับเชื่อมโยงหลายมิติ ใช่เชื่อมโยงหลายมิติจำเป็นต้องใช้มัน ตกลงดังนั้นเรามาดูที่นี่ และเรามีอย่างใกล้ชิดของรายการของเรา และเรามองไปที่ว่า เรามี all-- จาค็อบที่นั่น อาหารกระต่าย ทำให้ผมนึกถึง Bunnicula 

ผู้ชม: [ไม่ได้ยิน] ALLISON Buchholtz-AU: ผมนำกลับ ทั้งหมดอ้างอิงโรงเรียนเก่าในวันนี้ ไม่ได้ฉัน? เพียงแค่ทุกอ้างอิงโรงเรียนเก่า ควรจะได้นำเช่น Gogurts หรือบางสิ่งบางอย่างของว่าง 

ผู้ชม: หรือ Gushers ALLISON Buchholtz-AU: โอ้ ตกลง ฉันจะดูว่าฉันสามารถติดตาม ลง Gushers สำหรับสัปดาห์ต่อไป ฉันคิดว่าฉันสามารถทำเช่นนั้น ผมคิดว่าเราอาจจะมี บางคนในสำนักงาน 

ตกลงดังนั้นเราได้ครอบคลุมจำนวนมากที่แตกต่างกัน สิ่งที่คุณสามารถทำอะไรกับ HTML ใช่มั้ย? และในขณะที่คุณอาจจะเห็นมัน nothing-- หวังว่าไม่ intim-- เกินไป ถ้าเป็นผมไม่ได้หมายถึง ที่จะดูถูกใคร หากคุณกำลังมีปัญหา โปรดมาพูดคุยกับผม 

แต่ส่วนใหญ่จะเป็นเพียง กำลังมองหาที่ไวยากรณ์ใช่มั้ย? ถ้าคุณต้องการรายชื่อเรียงลำดับ ถ้าคุณต้องการที่เรียงลำดับของรายการบางอย่าง ถ้าคุณต้องการที่จะปรับอะไรหรือ สิ่งที่รูปแบบมันเป็นเรื่องของเพียง ชนิดของการมองขึ้น ไวยากรณ์สำหรับ HTML ใช่มั้ย? และสิ่งหนึ่งที่ สวยเย็นจริง คือถ้าคุณไป to-- ให้เห็น สิ่งที่เป็นเว็บไซต์ที่ดีที่เราชอบ? ใครมีเว็บไซต์ที่ชื่นชอบใด ๆ ที่มีความตกลงเพื่อนำมาขึ้นออนไลน์ได้หรือไม่ คุณจะรู้ว่าสิ่งที่ขอเพียงแค่ทำ CS50 นั่นคือความสุขและปลอดภัยใช่มั้ย? 

ตกลงดังนั้น CS50 ที่นี่ โอ้ดูมีส่วนในขณะนี้ ถ้าคุณชอบวิธีที่มันดู 

ผู้ชม: [ไม่ได้ยิน] ALLISON Buchholtz-AU: เราไม่ได้ จะทำส่วนเมตาพวก มันไม่ได้เกิดขึ้น มันจะเย็น แต่ เราจะไม่ทำมัน 

ดังนั้นสิ่งที่คุณสามารถทำได้ ทำอย่างไรถ้าคุณชอบวิธี งานนี้คือคุณสามารถเสมอ คลิกบนหน้าเว็บใด ๆ ที่คุณชอบ และคุณสามารถทำมาดูหน้า ก็จะนำขึ้นทั้งหมด HTML และนี้เป็นจริงที่ดีจริงๆ วิธีการรูปแบบหน้าเว็บของคุณเอง ไปที่หน้าเว็บที่คุณ ชอบและดูที่ HTML และคิดออกว่าพวกเขานั้น 

และแท้จริงตราบใดที่ ในขณะที่คุณกล่าวถึงสิ่งที่ ตราบใดที่คุณไม่ได้เพียงแค่ ขโมยจากคนก็ OK โดยเฉพาะอย่างยิ่งสำหรับ CS50 [? เงินทุน?] เรา ชนิดของคาดหวังว่าคุณจะได้รับ แรงบันดาลใจจากเว็บไซต์อื่น ๆ ดังนั้นรู้สึกฟรี มองผ่านเว็บไซต์ที่ ที่คุณคิดว่าสวยจริงๆ และคิดหาวิธีที่พวกเขาใช้ HTML และ CSS ที่จะทำสิ่งเหล่านี้ 

ดังนั้นในขณะที่คุณดูที่นี่มีอย่างเห็นได้ชัด เช่นการเชื่อมโยงและเรามีชั้นเรียนที่นี่ เรามีการเชื่อมโยงที่นี่ เรามีรายชื่อ เราอาจจะมีบางส่วน ภาพในที่นี่อยู่ที่ไหนสักแห่ง 

เรามีรูปแบบบางเย็นที่นี่ นี่คือสิ่งต่อไปที่ ที่เรากำลังจะทำ รูปแบบดังนั้นเมื่อใดก็ตามที่คุณเห็นเหล่านี้ วงเล็บสไตล์ก็ CSS พื้น เบนไม่คุณมีคำถาม? 

ผู้ชม: เป็น div อะไร? 

ALLISON Buchholtz-AU: div เป็นเพียงเเรกสิ่งที่เป็น div? ผู้ชม: กอง ALLISON Buchholtz-AU: กอง ใช่ก็เช่นเดียวกับ การแยกองค์ประกอบที่แตกต่างกัน ตกลงดังนั้นนี่คือสิ่งที่เรากำลัง จะไปลงต่อไป ดังนั้นนี้อาจจะไม่ดีที่สุด สไตล์เพราะถ้าคุณสังเกตเห็น เรามี HTML และรูปแบบในหน้าเดียวกัน และเราจริงต้องการที่จะแยกเหล่านั้น OK? และที่จริงให้ฉัน เปิดหนึ่งขวาของฉัน เพราะนี่ควรจะเป็น รูปแบบไฟล์ PDF เพื่อให้เรามี style.css 

ดังนั้นสิ่งที่เราสามารถทำนี่คือเหล่านี้ เป็นสิ่งที่เย็นเช่นจางหายไปบางส่วน และเราจะพยายามทำอย่างนั้น แต่ฉันรู้สึก เหมือนผมจะยุ่งขึ้นมาได้ทันที ดังนั้นผมขอแนะนำให้พวกคุณไป ไปลองด้วยตัวคุณเอง แต่ฉันจะไม่ทำมันตอนนี้ ดังนั้นถ้าพวกคุณจำ ถ้าคุณเคยตีชุดปัญหา สิ่งที่ร่อนมาจากด้านข้าง มันมีจะทำอย่างไรกับจางและ การเปลี่ยนแปลงและ whatnot 

ผู้ชม: และนั่นคือ CSS และ HTML ได้ไหม? 

ALLISON Buchholtz-AU: CSS และ HTML ใช่ เพื่อให้คุณสามารถทำมากจริงๆ สิ่งดีๆกับ CSS และ HTML ดังนั้นด้วยความน่ากลัวของเรา หน้าเว็บของกระต่ายที่นี่เรา กำลังจะทำอะไรเล็ก ๆ น้อย ๆ บิตของสไตล์ CSS กับมัน 

ดังนั้นถ้าคุณเคยมีสไตล์ แผ่นที่เรามีที่นี่ คุณก็สามารถเรียก style.css คุณสามารถเรียกมันว่าสิ่งที่คุณต้องการ สิ่งที่สำคัญก็คือว่าเรากำลังจะไป การอ้างอิงใน web.html ของเราที่นี่ 

ดังนั้นสิ่งที่เรากำลังจะทำคือ we-- ดังนั้นฉันจะไม่ยุ่งน​​ี้ up-- เราจะไปเชื่อมโยง สองไฟล์เหล่านี้ร่วมกัน ดังนั้นใน way-- เดียวที่ฉันจะ การวาดคล้ายคลึงกับ C ที่นี่ ในทางเดียวกันว่าถ้าคุณมี library-- บางและเรามี cs50.h-- คอมไพเลอร์ของเราเชื่อมโยง นี่เป็นเพียงอย่างชัดเจน การเชื่อมโยงในส่วนของเรา ดังนั้นในทางเดียวกับที่เราทำ กัญชารวมไฟล์บางสิ่ง ฉันจะเขียนเป็นเพียง HTML / CSS เท่ากับว่า 

เราเป็นเพียงแค่พูดว่าตกลงหน้าเว็บนี้ จะใช้สไตล์นี้ OK? ดังนั้นเราจึงมีการเชื่อมโยง rel เท่ากับสไตล์ แล้วเรามีประเภท, CSS และเท่าเทียมกันแล้ว href 

ตกลง ดังนั้นทั้งหมดนี้ได้ที่นี่คือคุณสามารถ คิดว่าสิ่งนี้เป็นสิ่งเดียวกัน เป็นกัญชารวมถึง เห็นได้ชัดว่ามันดูน้อยมาก ซับซ้อน แต่ในทุกกรณี มันได้อย่างมีประสิทธิภาพในสิ่งเดียวกัน ดังนั้นนี้เป็นเพียงการเชื่อมโยงบางอย่าง แผ่นลักษณะเป็นประเภท text / css, และชื่อของมันคือ style.css 

สิ่งสำคัญที่ต้องรู้ คือการที่หน้าเว็บ ที่ผมทำงานที่เหมาะสม now-- web.html และ style.css-- อยู่ในโฟลเดอร์เดียวกัน เพราะในโฟลเดอร์ที่แตกต่างกัน, คุณจะต้องให้รากที่เกิดขึ้นจริง หรือเส้นทางไปยังมัน แต่ในกรณีนี้เรากำลังทำให้มัน ง่ายสุดและมันเป็นไปได้ที่นี่ ดังนั้นหากเราทำอย่างนั้นฉันมีบาง สิ่งที่แล้วคิวขึ้นที่นี่ 

ดังนั้นเราจึงมีร่างกายบางอย่างที่เป็นไปได้ ที่จะมีสีพื้นหลังของเราซึ่ง ตอนนี้คือสีฟ้าอ่อน เราสามารถเปลี่ยนได้ถ้าเราต้องการ แต่ ถ้าผมจำนี้อย่างถูกต้อง มันก็ควรจะเปลี่ยนเป็นสีฟ้าอ่อน และตอนนี้เรามีพื้นหลังเป็นสีฟ้าอ่อน และเรามีตรงนี้ทุกคนสามารถจำ เป็นที่หนึ่งที่ ID กัญชาหรือระดับ? 

ผู้ชม: ID 

ALLISON Buchholtz-AU: ID เย็น ดังนั้นสิ่งที่เราต้องการจะทำ ซึ่งเป็นแบบอักษรเหล่านี้ หรือ which-- ทำเราต้องการ "ดูที่ กระต่ายน่ารัก "จะเป็นสีม่วง? ผมคิดว่าเราต้องการที่จะเป็นสีม่วง ฉันรักลงกับว่าเป็นสีม่วง 

ดังนั้นสิ่งที่คุณทำคือการที่คุณทำ ID equals-- ในกรณีนี้ ฉันกล่าวว่าสิ่งที่สีสวยที่นี่ เราโหลด ทั้งหมดในทันทีที่มันเป็นสีม่วง OK เพื่อให้มี ID จำ จะต้องไม่ซ้ำกัน ดังนั้นผมจึงไม่ควรจะใช้ ID นี้จากที่อื่น แต่ด้วยระดับที่เรามี ที่นี่ด้วยตัวอักษรสวย ฉันควรจะสามารถที่จะใช้ ที่ใดก็ได้ที่ฉันต้องการ 

ดังนั้นขอให้ดำเนินการอย่างหนึ่งที่นี่ ดังนั้นเราจึงสามารถพูดได้ว่าชั้นเท่ากับตัวอักษรสวย และถ้าเราดูตอนนี้เรามี อักษรนี้เย​​็นสวยที่นี่ ดังนั้นบางทีผมต้องการที่จะทำทั้งสองอย่าง ตกลงที่จริงผมไม่ทราบว่านี้เป็น ไปทำงาน แต่ฉันต้องการที่จะลอง และนี่คือวิธีที่คุณเรียนรู้ CSS และ HTML คุณชอบคุณจะรู้ว่า สิ่งที่ผมอยากจะลองนี้ ผมไม่แน่ใจว่าถ้ามันจะไปทำงาน ลองมาดูกันว่าการทำงาน 

และดูที่ว่า ตอนนี้มันอยู่ในสีม่วงและ มันเป็นตัวอักษรสวย ตกลงเพื่อให้คุณมีสิ่งเหล่านี้ สิ่งที่แตกต่างที่คุณสามารถทำได้ คุณมีคำถาม? 

ผู้ชม: ใช่ ดีเช่นเดียวกับสี คุณกำลังใช้เป็นคำ จะมีวิธีการทำสี กับเลขฐานสิบหก RGB? ALLISON Buchholtz-AU: คุณยังสามารถ ทำกับ hexidecimal ผมเชื่อว่า ใช่ แต่มันเป็นชนิดของดีถ้าคุณ ไม่ต้องการที่จะดูพวกเขา คุณก็สามารถเป็นเหมือน, สีม่วงหรือสีฟ้า ผู้ชม: Let 's หวังว่าพวกเขา รู้ว่าสิ่งที่หมายถึง ALLISON Buchholtz-AU: ขวา ดังนั้นขอให้อ่านนี้หรือโศก คุณจะทำไมเคยเลือกโศก? มันเป็นสีที่น่าสนใจ 

OK เพื่อให้เห็นได้ชัดว่าเราสามารถมองเห็นเรา สามารถเปลี่ยนสิ่ง แต่ที่เราต้องการ ถ้าคุณต้องการที่จะ create-- สมมุติว่า เราอยากจะสร้างชั้นอื่น สิ่งที่พวกคุณอาจต้องการที่จะเปลี่ยน? ถ้าคุณดึงขึ้น W3Schools ' เอกสาร CSS, ฉันออกจากพื้นเพื่อพวกคุณ เราสามารถลองและทำอะไรบางอย่างเย็นกับ นี้ในคู่สุดท้ายของนาที เพราะผมได้ให้คุณชนิดของ ผิดพลาดแน่นอนกับหลายสิ่งที่เย็น ที่คุณสามารถทำได้ แต่ในท้ายที่สุดที่ผมกล่าวว่าถ้าคุณ การทดลองเพียงแค่คุณจะได้เรียนรู้มาก 

ผู้ชม: คุณมองหาตัวอักษรที่? 

ALLISON Buchholtz-AU: ใช่ ผมมองขึ้นตัวอักษรว่า ดังนั้นตัวอักษรเช่นผม ไป to-- ฉันทำอะไร? ผมทำรายการแบบอักษร CSS และ แล้วผมทำสแต็คตัวอักษร แล้วฉันก็ชอบดูที่นี่ ทุกเย็นแบบอักษรที่คุณสามารถทำได้ และมีหนึ่งในนี้เพื่อให้ ผมคัดลอกไปที่คลิปบอร์ดของฉัน แล้วฉันก็ชอบ ตกลงเย็นมีที่เราจะไป ทั้งหมดที่ทำ 

ผู้ชม: ดังนั้นคุณจะต้องให้แน่ใจว่า CSS ที่รู้ว่าสิ่งที่ตัวอักษรที่เป็น 

ALLISON Buchholtz-AU: ใช่ 

ผู้ชม: มันเป็นสิ่งที่พูดในที่สุด? เล่นหาง? 

ALLISON Buchholtz-AU: เล่นหาง ใช่ 

ผู้ชม: ภาพพื้นหลัง 

ALLISON Buchholtz-AU: ภาพพื้นหลัง ตกลง ดังนั้นคุณจึงต้องการที่จะบอกวิธีการทำเช่นนี้ ฉันออกจากนี้ไปคุณ ฉันแค่พิมพ์ขึ้นที่นี่ตอนนี้ ล้อที่อยู่ในมือของคุณ 

ผู้ชม: ตกลง 

ALLISON Buchholtz-AU: OK ผมทำอะไร? 

ผู้ชม: Doing-- ฉันรู้ว่าสิ่งที่ มาหลังจากวงเล็บปีกกา ALLISON Buchholtz-AU: OK ดังนั้นอาจจะอยู่ในร่างกายของผม จะถือว่าเพราะเรา ทำกับภาพพื้นหลัง 

ผู้ชม: ใช่ให้ทำเช่นนั้น 

ALLISON Buchholtz-AU: OK ผู้ชม: OK เพื่อให้พื้นหลัง ลำไส้ใหญ่แล้วเรา ต้องการที่อยู่ URL ของภาพที่ บางทีนามแฝงรหัสที่ตอนนี้อาจจะ 

ALLISON Buchholtz-AU อะไร คุณจะชอบฉัน to-- ผู้ชม: ฉันคิดเช่น GIF ALLISON Buchholtz-AU: GIF? ที่จะเป็นที่น่าสนใจ ตกลงสิ่งที่ฉัน googling ที่นี่? 

ผู้ชม: ไม่ว่าทางเลือกของคุณ 

ALLISON Buchholtz-AU: ทำไม ไม่ we-- ถ้าหากมันเป็นกระต่าย, ฉันรู้สึกเหมือนเราควรจะมี สนามหญ้าหญ้ามีความสุขหรือสิ่งที่ 

ผู้ชม: ทุ่งหญ้า ทุ่งหญ้า 

ALLISON Buchholtz-AU: ทุ่งหญ้า? ตกลง ผู้ชม: ราเชล Maddow หรือ ALLISON Buchholtz-AU: คนนี้ดูสวย โอ้ที่เล็ก ๆ แต่ เราจำเป็นต้องมีขนาดภาพที่ดี ลองมาดูกัน โอ้ดู นั่นเป็นทุ่งหญ้าสวย คุณจะรู้ว่าสิ่งที่ผมชอบคนนี้ ขอคัดลอกนี้ 

ผู้ชม: ตกลงดังนั้นฉันคิดว่ามันเป็น URL วงเล็บเปิด 

ALLISON Buchholtz-AU: ตกลง URL 

ผู้ชม: แล้วที่อยู่ 

ALLISON Buchholtz-AU: OK นั่นคือทั้งหมดที่เราต้องการ? 

ผู้ชม: ปิดอัฒภาควงเล็บ แล้วพื้นที่ยัติภังค์พื้นหลัง ลำไส้ใหญ่สิ่งที่แนบมาคงที่และวงเล็บปีกกา 

ALLISON Buchholtz-AU: OK ลองดูว่าที่ทำงาน มันเป็นไปได้สวยเย็นถ้ามันไม่ ฉันตื่นเต้นจริงที่นี่ มันไม่ได้ทำงาน ผมสงสัยว่าทำไม ผู้ชม: บางที URL มีอยู่ในใบเสนอราคา ALLISON Buchholtz-AU: บางที และนี่คือวิธีการที่เราเรียนรู้คน 

ผู้ชม: เราสามารถมีพื้นหลัง สีและภาพพื้นหลัง? 

ผู้ชม: ครั้ง หนึ่งแทนอื่น ๆ 

ALLISON Buchholtz-AU: I dunno ลองมาดูกัน ลองตรวจสอบออกและดู 

ผู้ชม: โอ้อาจจะใช่ [interposing VOICES] 

ALLISON Buchholtz-AU: ตกลงนี้เป็น obviously-- ฉัน [ไม่ได้ยิน] ที่นี่ ดังนั้นตกลง ผู้ชม: สิ่งที่แนบมา ALLISON Buchholtz-AU: อ่า 

ผู้ชม: ตกลงฉันไม่ทราบ ALLISON Buchholtz-AU: มัน ดูเหมือนว่ามันควรจะทำงาน คุณแน่ใจหรือว่ามันเป็นลำไส้ใหญ่หลังจาก URL หรือไม่ 

ผู้ชม: ไม่มันอัฒภาค ALLISON Buchholtz-AU: มันอัฒภาค ผู้ชม: ผมใช้คำว่าลำไส้ใหญ่? ALLISON Buchholtz-AU: คุณบอกว่าลำไส้ใหญ่ ผู้ชม: โอ้ไม่ ALLISON Buchholtz-AU: มีคุณไป ผู้ชม: โอ้รอตอนนี้ เราไม่สามารถอ่านข้อความ ALLISON Buchholtz-AU: ตอนนี้ คุณไม่สามารถอ่านข้อความ แต่เรามีภาพพื้นหลัง mmhmm? 

ผู้ชม: ไม่ HTML สนับสนุนเนื้อหาแบบไดนามิก? เช่นเดียวกับที่คุณสามารถปรับขนาดภาพที่ ขึ้นอยู่กับขนาดหน้าต่าง หรือเป็นที่ CSS-- 

ALLISON Buchholtz-AU: ดังนั้น CSS ได้จะทำอย่างไรที่ ดังนั้นถ้าพวกคุณมีความสนใจ ในการเรียนรู้ CSS ขั้นสูง ฉันกำลังร่วมการเรียนการสอน สัมมนาเกี่ยวกับ CSS ที่ 7 และฉันสัญญาว่ามันจะ จะมากขึ้นในเชิงลึก และทำเย็นมากขึ้น สิ่งที่อยู่ในส่วนนี้ และฉันร่วมครูก็เหมือน รวมส่วนหน้าหลัก dev เว็บ ดังนั้นมันจะสวยเย็นถ้าคุณต้องการ ที่จะเรียนรู้เกี่ยวกับทุกสิ่งเย็น CSS ที่สามารถทำ 

แต่สิ่งที่เรามีที่นี่ด้วย สิ่งที่แนบมาภูมิหลังของเขา fixed-- จึงเป็นบาง size-- คงที่ แต่คุณจริงสามารถ dynamically-- ถ้าคุณเคยเห็นหน้าเว็บเป็น ส่วนใหญ่หน้าเว็บที่ดีจะทำ เมื่อคุณปรับ ขนาดของเบราว์เซอร์ของคุณ มันปรับพื้นหลังหรือเท่าใด มีการแสดงหรือฟอร์แมตสิ่งที่ใช่มั้ย? นั่นคือสิ่งที่เราเรียก การวางตำแหน่งของญาติ 

และ CSS จริงสามารถคว้าวิธีใหญ่ของคุณ ความกว้างของเบราว์เซอร์หรือวิธีสูงมันเป็น และคุณสามารถวางตำแหน่งสิ่ง ตามขนาดที่สัมพันธ์กัน เมื่อเทียบกับขนาดที่แน่นอน และที่เห็นได้ชัดที่สูงขึ้น CSS แต่ที่เป็นสิ่งที่คุณสามารถทำได้ ถ้าคุณต้องการที่จะเรียนรู้ ขึ้นมาถึงการสัมมนาของฉัน 

เพื่อให้เป็นสิ่งที่คุณสามารถทำได้ และ CSS สามารถจริง do-- CSS และ JavaScript, ซึ่งเราจะได้รับในครั้งต่อไป week-- ช่วยให้คุณสามารถเปลี่ยนแบบไดนามิก หน้าได้โดยไม่ต้อง โหลดพวกเขาตลอดเวลา และคุณได้รับที่จะทำบาง สิ่งที่เย็นสวย 

ดังนั้นจะมีสิ่งอื่น ว่าพวกคุณอาจต้องการที่จะทำ หรือสิ่งที่คุณต้องการที่จะสำรวจ? เราได้ 10 นาทีที่เหลือ นอกจากนี้เรายังสามารถออกจากต้น แต่ถ้า คุณต้องการที่จะทำสิ่งบางเว็บมากขึ้น เราสามารถ แต่ฉันไม่ได้ จะไปบังคับให้คุณ แต่เรายังสามารถเพียงแค่กินขนม ผู้ชม: เน้นข้อความ สีขาวเพื่อให้คุณสามารถอ่านได้ ALLISON Buchholtz-AU: OK ดังนั้นในกรณีนี้เราต้องการบางจุด ผู้ชม: เราควรจะทำมันใน ร่างกายจึงนำไปใช้กับทั้งหน้า? ALLISON Buchholtz-AU: ใช่เราสามารถจริง นั่นเป็นความคิดที่ดี ดังนั้นเราจึง have-- คุณ รู้ว่าสิ่งที่เราควรจะเป็นอย่างไร ผมไม่ทราบว่าถ้าเราสามารถทำสีข้อความ ผมจะพยายาม สร้างชั้นอื่นที่นี่ 

ผู้ชม: คุณจะได้รับดังนั้น การที่จะมีข้อเสนอแนะหรือไม่ ALLISON Buchholtz-AU ดังนั้น ถ้าพวกคุณมีความสนใจ นี่คือข้อความอื่น บรรณาธิการที่เรียกว่างาม คุณควรจะสามารถที่จะ ติดตั้งบนเครื่องของคุณ บางครั้งมันจะยุ่งยากเล็กน้อย ถ้าคุณต้องการความช่วยเหลือกับที่ ฉันมีความสุขสุด ๆ ที่จะช่วยให้คุณ กับมันเพราะ Gedit ดีมากและ มันน่ากลัวเพราะคุณสามารถรวบรวม ที่อยู่ด้านล่าง แต่ผมจริงๆ เช่นงามเพราะมันสวย และจะทำในสิ่งที่ เช่นอัตโนมัติสมบูรณ์ 

เพื่อให้คุณแน่นอนสามารถรู้สึกฟรีเพื่อ แจ้งให้เราทราบหากคุณต้องการที่จะทำเช่นนั้น หากคุณเพียงแค่ Google "งาม ข้อความ "มันมักจะ มีคำแนะนำเกี่ยวกับวิธีการติดตั้ง บนระบบปฏิบัติการต่างๆ มันเป็นเย็นจริงๆผม คิดว่าในความคิดของฉัน ดังนั้น P ผมคิดว่าผมก็สามารถทำ text-- หรือ เราก็สามารถทำสีคือ "สีขาว". ที่นั่น 

ดังนั้นสิ่งที่ผมทำนี่คือผมว่า ไม่ได้เปลี่ยนแปลงข้อความทั้งหมด แต่ P นี่เป็นเพียง แท็กที่เรามีใช่มั้ย? แท็กวรรคนี้ ดังนั้นฉันเพิ่งสร้างองค์ประกอบ CSS ที่ กล่าวว่าตกลงอะไรกับแท็กนี้ P, ทำสีขาว 

ดังนั้นถ้าคุณสังเกตเห็นมันทำให้ นี้สีขาวและสีขาวนี้ มันไม่ได้ทำให้รายการของเราเพราะสีขาว ก็ไม่ได้เกี่ยวข้องกับการที่ คุณสามารถผ่านไปและคุณสามารถ say-- 

ผู้ชม: ทำสีพื้นหลัง 

ALLISON Buchholtz-AU: สีพื้นหลัง? 

ผู้ชม: ประวัติความเป็นมากับท่อใน สีที่คุณใส่แท็ก P 

ALLISON Buchholtz-AU: OK คุณต้องการสีขาว? ผู้ชม: Mmhmm ALLISON Buchholtz-AU: OK มีคุณไป ผู้ชม: ที่แปลก ALLISON Buchholtz-AU: เย็นสวยใช่มั้ย? ดังนั้นหากคุณรับประทานอาหารเพียงรอบ, คุณกำลังจะได้เรียนรู้มาก และอาจจะเย็นสวย ฉันคิดว่ามันแน่นอนมากขึ้น พอใจกว่าบางครั้ง เพราะคุณไม่ต้องรอ สำหรับโปรแกรมของคุณเพื่อรวบรวม คุณเพียงแค่สามารถกดรีเฟรช และคุณต้องการโอ้มอง มันทำงานหรือโอ้ฉัน อาจจะหายไปบางสิ่งบางอย่าง และนั่นคือสิ่งที่เป็นจริง เย็นเกี่ยวกับส่วนต่อไปนี้ของชั้น คือมันแน่นอนผม คิดว่าง่ายต่อการตรวจสอบ ที่คุณไปตลอดทางเมื่อเทียบกับ ไม่ต้องเขียนโปรแกรมยาวเหล่านี้ และหวังและสวดมนต์ ว่าการทำงานในตอนท้าย 

ดังนั้นด้วยความที่ผมคิดว่า พวกคุณทุกคนดูดี หากคุณมีคำถามใด ๆ เช่นเคย มาพูดคุยกับผมมาแจ้งให้เราทราบ ฉันจะอยู่ด้านนอก สำหรับ 15 นาทีต่อไป ถ้าคุณต้องการที่จะพูดคุยเกี่ยวกับ อะไรและทุกอย่าง 

ดังนั้นผมหวังว่าคุณจะ guys-- โชคดีกับ pset นี้ กำหนดเป็นวันศุกร์ตอนเที่ยง เพราะมันถูกปล่อยออกมาในช่วงปลาย ดังนั้นผมอาจจะได้เห็น จำนวนมากของพวกคุณในวันพฤหัสบดี, แต่หวังว่าไม่ บางทีคุณอาจจะได้สร้างมันขึ้นมาแล้ว ฉันเป็นซุปเปอร์ภาคภูมิใจ 

แต่ถ้าไม่ผมจะเห็นคุณวันพฤหัสบดี นอกจากนี้คุณยังสามารถใช้สายวันที่ ขยายมันถึงวันเสาร์ในเวลาเที่ยงวัน แต่ผม don't-- ฮะ? 

ผู้ชม: วันฮาโลวีน 

ALLISON Buchholtz-AU: มันเป็นวันฮาโลวีน, A และ B, ฉันไม่คิดว่าจะมี เป็นเวลาทำงานในวันศุกร์ ดังนั้นจริงๆลองและได้รับมันกระทำโดย ศุกร์เพื่อให้เราทุกคนสามารถเฉลิมฉลอง วันหยุดสุดสัปดาห์ Hallow สิทธิทั้งหมดฉันจะเห็นพวกคุณในสัปดาห์หน้า