1 00:00:00,000 --> 00:00:00,260 2 00:00:00,260 --> 00:00:01,900 >> DAVID ลัน: ดังนั้นฉันได้รับการทำ เครื่องมือค้นหาของตัวเอง 3 00:00:01,900 --> 00:00:04,100 และในขณะที่ดูเหมือนว่านี้ 4 00:00:04,100 --> 00:00:05,265 ฉันมีที่นี่ชื่อของหน้า 5 00:00:05,265 --> 00:00:06,580 มัน CS50 ค้นหา 6 00:00:06,580 --> 00:00:10,380 ฉันมีแบบฟอร์ม HTML ภายในซึ่ง ดูเหมือนจะเป็นข้อมูลที่มีชนิดเป็น 7 00:00:10,380 --> 00:00:13,650 ข้อความและข้อมูลอื่น มีชนิดที่ส่ง 8 00:00:13,650 --> 00:00:17,180 >> ถ้าตอนนี้เรามาดูที่มาสำหรับ หน้านี้สังเกตเห็นว่าแท้จริงเรา 9 00:00:17,180 --> 00:00:20,260 มี h1 และแท็กชื่อเรื่องว่า จะถ่ายทอดว่านี้ 10 00:00:20,260 --> 00:00:22,020 แน่นอนการค้นหา CS50 11 00:00:22,020 --> 00:00:25,940 เรามีแท็กรูปแบบที่ระบุ ว่ารูปแบบที่ควรจะส่งไปยัง 12 00:00:25,940 --> 00:00:27,140 เพื่อนของเราที่ Google 13 00:00:27,140 --> 00:00:30,430 และภายในของรูปแบบที่เรามี ทั้งสองประเภทเข้า 14 00:00:30,430 --> 00:00:33,770 >> แต่สังเกตเห็นตอนนี้ที่ด้านบนของ หน้าภายในของหัวของหน้าเว็บที่ 15 00:00:33,770 --> 00:00:36,750 มีแท็กรูปแบบภายในของ ซึ่งเป็นคุณสมบัติ CSS สำหรับ 16 00:00:36,750 --> 00:00:38,570 ร่างกายของหน้า 17 00:00:38,570 --> 00:00:41,580 เกิดอะไรขึ้นหาก แต่เราต้องการที่จะ ทำให้ทุกข้อความชิด 18 00:00:41,580 --> 00:00:43,050 ในหน้าเว็บหลาย 19 00:00:43,050 --> 00:00:46,640 ในคำอื่น ๆ ที่ผมอยากจะนำมาใช้ใหม่นี้ คุณสมบัติ CSS อีกครั้งและอีกครั้งและอีกครั้ง 20 00:00:46,640 --> 00:00:50,030 ในหน้าเว็บที่แตกต่างกันทั้งหมด ของผู้ที่มีแท็กร่างกาย 21 00:00:50,030 --> 00:00:53,660 ดีฉันแน่นอนสามารถคัดลอกและวาง CSS ในแต่ละหน้าเว็บเหล่านั้น แต่ 22 00:00:53,660 --> 00:00:57,730 มันจะดีกว่าที่จะออกแบบปัจจัยนี้ ออกมาเป็นไฟล์กลางบางส่วนแล้ว 23 00:00:57,730 --> 00:01:01,100 อย่างใดรวมไฟล์ในทุกที่ หน้าเว็บเหล่านั้นเพื่อที่ว่าถ้าฉันเคยต้องการที่จะ 24 00:01:01,100 --> 00:01:04,840 ทำให้เกิดการเปลี่ยนแปลงและการจัดแนวข้อความของฉันใน ซ้ายหรือจัดแนวข้อความของฉันในทางขวามือเรา 25 00:01:04,840 --> 00:01:07,220 สามารถทำที่มากขึ้นได้อย่างง่ายดาย 26 00:01:07,220 --> 00:01:08,860 ลองพยายามทำเช่นนี้ 27 00:01:08,860 --> 00:01:12,520 >> อันดับแรกให้ตัดออกนี้ แท็กสไตล์ทั้งหมด 28 00:01:12,520 --> 00:01:16,820 และตอนนี้ให้เปิดไฟล์ที่เรียกว่า พูด, การค้นหา 3.css และใส่ที่ 29 00:01:16,820 --> 00:01:18,970 CSS เดียวกันในแฟ้มนี้ 30 00:01:18,970 --> 00:01:23,500 ร่างกายเป็นไปได้ ข้อความชิด: ศูนย์; 31 00:01:23,500 --> 00:01:24,760 ให้บันทึกแฟ้มที่ 32 00:01:24,760 --> 00:01:30,950 >> ตอนนี้ให้กลับไปที่การค้นหา 3.html และ ในหัวอีกครั้งเพิ่มแท็กการเชื่อมโยง 33 00:01:30,950 --> 00:01:33,630 ระบุไฮเปอร์อ้างอิง ของการค้นหา 3.css 34 00:01:33,630 --> 00:01:38,650 CSS และให้ระบุว่าความสัมพันธ์ ว่าไฟล์นี้มีด้วย 35 00:01:38,650 --> 00:01:41,880 หน้าคือการทำหน้าที่เป็นแผ่นลักษณะของ 36 00:01:41,880 --> 00:01:44,840 ตอนนี้ขอปิดแท็กนี้บันทึก ไฟล์และโหลด 37 00:01:44,840 --> 00:01:46,910 หน้าในเบราว์เซอร์นี้ 38 00:01:46,910 --> 00:01:49,700 >> มันปรับแต่งข้อความบน ซ้ายราวกับว่า CSS 39 00:01:49,700 --> 00:01:50,905 สถานที่ให้บริการไม่ได้ถูกนำมาใช้แม้กระทั่ง 40 00:01:50,905 --> 00:01:53,020 ตอนนี้ทำไมที่อาจจะมี 41 00:01:53,020 --> 00:01:54,590 ลองมาดูที่ สิทธิ์ของไฟล์ - 42 00:01:54,590 --> 00:01:58,630 ไม่ได้สิทธิ์ไฟล์ HTML ของ แต่สิทธิ์ไฟล์ CSS ของ 43 00:01:58,630 --> 00:02:02,740 >> กลับมาที่นี่ใน Gedit ให้ลงไป หน้าต่าง terminal และพิมพ์คำสั่ง ls-ลิตร 44 00:02:02,740 --> 00:02:04,720 ค้นหา 3.css 45 00:02:04,720 --> 00:02:09,810 โอ้แน่นอนแม้ว่าฉันไฟล์ของ เจ้าของสามารถอ่านและเขียนไฟล์นี้ 46 00:02:09,810 --> 00:02:11,110 ไม่มีใครสามารถอ่านได้ 47 00:02:11,110 --> 00:02:17,570 แต่เราสามารถแก้ไขปัญหานี้ด้วย chmod + r ค้นหา 3.css และตอนนี้เราจะมาดำเนินการอีกครั้ง 48 00:02:17,570 --> 00:02:20,970 คำสั่ง ls-l การค้นหา 3.css - 49 00:02:20,970 --> 00:02:21,910 และดีกว่ามาก 50 00:02:21,910 --> 00:02:24,380 ตอนนี้โลกทั้งโลกสามารถ อ่านไฟล์นี้ 51 00:02:24,380 --> 00:02:26,950 >> ลองกลับไปที่เบราว์เซอร์ไปโหลด 52 00:02:26,950 --> 00:02:29,220 Voila เรากลับไปที่ศูนย์กลาง เครื่องมือค้นหา 53 00:02:29,220 --> 00:02:32,450 ของหลักสูตรนี้เป็นที่ที่เราเริ่มต้น เรื่องที่มีข้อความของเราเป็นศูนย์กลางแล้ว 54 00:02:32,450 --> 00:02:36,000 แต่สิ่งที่ออกแบบที่ดีกว่าตอนนี้ก็คือว่า เราได้เอาเรื่องออก CSS ที่เป็น 55 00:02:36,000 --> 00:02:39,690 ไฟล์กลางบางแห่งที่เราสามารถทำได้แล้ว รวมไว้ในหน้าเว็บอื่น ๆ ที่ 56 00:02:39,690 --> 00:02:41,580 เราอาจจะเกิดขึ้นเพื่อให้ในอนาคต 57 00:02:41,580 --> 00:02:45,430 ดังนั้นหากเราเคยต้องการที่จะกลับไปตำแหน่งหรือ restylize มากกว่าปกติหน้าเรา 58 00:02:45,430 --> 00:02:48,570 สามารถทำมันได้มากเพียงใน ศูนย์กลางหนึ่ง 59 00:02:48,570 --> 00:02:50,902