[เล่นเพลง]
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
สิทธิทั้งหมดฉันจะเห็นพวกคุณในสัปดาห์หน้า