1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> DAVID ลัน: ดังนั้นฉันได้รับการทำของฉัน เครื่องมือค้นหาตัวเอง แต่ฉันได้เพียงแค่ 3 00:00:02,400 --> 00:00:04,720 ตัดสินใจที่จะปรับโครงสร้างสิ่ง ภายใต้กระโปรงหน้ารถ 4 00:00:04,720 --> 00:00:06,480 ลองมาดู 5 00:00:06,480 --> 00:00:11,240 ที่นี่ใน HTML สำหรับหน้านี้แจ้งให้ทราบล่วงหน้า ที่ฉันมีตอนนี้บนหน้าสิ่งที่ 6 00:00:11,240 --> 00:00:15,390 ดูเหมือนจะเป็นโลโก้ logo.gif และ ฉันได้รับมันข้อความอื่นของ 7 00:00:15,390 --> 00:00:18,620 CS50 ค้นหาเพียงในกรณีที่มีคน ไม่สามารถที่จะเห็นภาพที่ 8 00:00:18,620 --> 00:00:22,340 >> แต่สังเกตเห็นว่าฉันได้วางภาพที่ ภายใน div และฉันได้รับมอบหมาย 9 00:00:22,340 --> 00:00:27,060 ID ที่ไม่ซ้ำกันของคำพูด, นำมาอ้าง "ด้านบน." ด้านล่างที่ฉันมี div อื่นที่มี 10 00:00:27,060 --> 00:00:31,020 ID ที่ไม่ซ้ำกันฉันได้ตัดสินใจที่จะ "กลาง" แต่ฉันอาจจะระบุ divs เหล่านี้ 11 00:00:31,020 --> 00:00:32,360 เป็นอะไรที่ฉันต้องการ 12 00:00:32,360 --> 00:00:35,340 และภายในของ div นี้ "กลาง" สังเกตเห็นว่าฉันมีแบบฟอร์ม 13 00:00:35,340 --> 00:00:40,080 รูปแบบที่เห็นได้ชัดว่าจะส่ง ผ่านทาง HTTP ได้รับไปยังเซิร์ฟเวอร์ 14 00:00:40,080 --> 00:00:45,150 การป้อนข้อมูลต่อไปนี้การป้อนข้อมูลที่มี ประเภทเป็นข้อความและมีชื่อ q 15 00:00:45,150 --> 00:00:48,520 และที่จะเกิดขึ้นเร็วที่สุดเท่าที่ ความนิยมของผู้ใช้ป้อนหรือคลิกที่ปุ่ม 16 00:00:48,520 --> 00:00:50,410 ระบุว่าการค้นหา CS50 17 00:00:50,410 --> 00:00:53,750 >> ตอนนี้ที่ด้านล่างของหน้าเว็บที่ฉันมี div สามและครั้งสุดท้ายที่มีที่ไม่ซ้ำกัน 18 00:00:53,750 --> 00:00:57,670 ระบุคือ "ด้านล่าง." ภายในนั้น ฉันมีการเอ่ยถึงลิขสิทธิ์ 19 00:00:57,670 --> 00:00:59,750 รวมทั้งนิติบุคคล HTML 20 00:00:59,750 --> 00:01:06,230 แต่กลับกลายเป็นว่าเป็น© HTML นิติบุคคลที่เป็นตัวแทนลิขสิทธิ์ 21 00:01:06,230 --> 00:01:08,410 สัญลักษณ์ที่มีโอกาสมากที่สุด คุณไม่ได้มี 22 00:01:08,410 --> 00:01:10,210 ที่สำคัญที่เกิดขึ้นจริงบนแป้นพิมพ์ของคุณ 23 00:01:10,210 --> 00:01:12,560 หลังจากนั้นผมพูดถึง ว่ามันเป็น CS50 ของ 24 00:01:12,560 --> 00:01:17,090 >> ตอนนี้ด้านบนกลางและล่างที่มีอยู่เพื่อให้ ที่ผมไม่ซ้ำกันสามารถระบุด้านบน 25 00:01:17,090 --> 00:01:20,400 กลางและล่างของหน้านี้ เพื่อที่ฉันสามารถอสังหาริมทรัพย์ซึ่งพวกเขาแต่ละคน 26 00:01:20,400 --> 00:01:21,370 บิตที่แตกต่างกัน 27 00:01:21,370 --> 00:01:23,320 และฉันได้ไปแล้ว เสรีภาพในการทำที่ 28 00:01:23,320 --> 00:01:27,030 สูงขึ้นในหน้าของฉันฉันมีสไตล์ แท็กภายในที่มี CSS บาง 29 00:01:27,030 --> 00:01:27,880 สรรพคุณ 30 00:01:27,880 --> 00:01:28,980 ลองมาดู 31 00:01:28,980 --> 00:01:33,450 >> ขอให้สังเกตว่าบนหน้านี้ผมได้ ระบุว่าสิ่งที่จะแท็ก HTML 32 00:01:33,450 --> 00:01:37,350 ด้วยตัวระบุที่ไม่ซ้ำกันของด้านบนเป็น โดยชี้ให้เห็นว่าก่อนที่จะเข้าสู่ระบบความคมชัด 33 00:01:37,350 --> 00:01:41,320 มันควรจะมีข้อความชิด: ศูนย์เป็นสถานที่ให้บริการ 34 00:01:41,320 --> 00:01:45,000 ในขณะที่ตรงกลางของหน้าควร คล้ายจะเป็นศูนย์กลาง แต่ใด ๆ 35 00:01:45,000 --> 00:01:48,870 ปัจจัยการผลิตในช่วงกลางของหน้าควร มี 5 พิกเซลของพื้นที่สีขาว 36 00:01:48,870 --> 00:01:51,860 รอบตัวพวกเขาเพียงเพื่อให้ สิ่งที่ห้องพักอีกเล็กน้อย 37 00:01:51,860 --> 00:01:55,630 ในขณะที่ด้านล่างของหน้า ฉันได้ระบุว่าข้อความใด ๆ ที่ควรจะเป็น 38 00:01:55,630 --> 00:01:59,620 ในแบบอักษรขนาดเล็กที่น้ำหนักของ กล่าวว่าตัวอักษรที่ควรจะเป็นตัวหนาว่า 39 00:01:59,620 --> 00:02:03,800 รอบขอบด้านล่างของหน้า ควรจะ 20 พิกเซลเพียงที่จะให้มัน 40 00:02:03,800 --> 00:02:06,270 นิด ๆ หน่อย ๆ ของการหายใจห้อง เช่นกันและว่าข้อความใด ๆ 41 00:02:06,270 --> 00:02:08,190 นั้นควรจะเป็นศูนย์กลาง 42 00:02:08,190 --> 00:02:09,580 >> สิ่งที่จะเป็นผลกระทบสุทธิ 43 00:02:09,580 --> 00:02:11,620 ดีลองมาดูในเบราว์เซอร์ 44 00:02:11,620 --> 00:02:14,160 ถ้าฉันไปที่นี่เพื่อ Chrome, voila 45 00:02:14,160 --> 00:02:16,140 ตอนนี้เป็นสิ่งที่ดีที่กำลังมองหา เครื่องมือค้นหา 46 00:02:16,140 --> 00:02:18,539