1 00:00:00,000 --> 00:00:00,260 2 00:00:00,260 --> 00:00:01,900 >> DAVID MALAN: Jadi saya telah membuat enjin carian saya sendiri. 3 00:00:01,900 --> 00:00:04,100 Dan pada masa ini, ia kelihatan seperti ini. 4 00:00:04,100 --> 00:00:05,265 Saya ada di sini tajuk halaman. 5 00:00:05,265 --> 00:00:06,580 Ia CS50 Cari. 6 00:00:06,580 --> 00:00:10,380 Saya mempunyai bentuk HTML dalam yang kelihatan seperti satu input yang jenis adalah 7 00:00:10,380 --> 00:00:13,650 teks dan input lain Jenis yang adalah selamat. 8 00:00:13,650 --> 00:00:17,180 >> Jika kita kini lihat sumber untuk halaman ini, perhatian bahawa, sesungguhnya, kita 9 00:00:17,180 --> 00:00:20,260 mempunyai h1 dan tag tajuk yang adalah menyampaikan bahawa ini 10 00:00:20,260 --> 00:00:22,020 memang CS50 Cari. 11 00:00:22,020 --> 00:00:25,940 Kami mempunyai tag bentuk yang yang menyatakan bahawa bentuk hendaklah dikemukakan kepada 12 00:00:25,940 --> 00:00:27,140 rakan-rakan kami di Google. 13 00:00:27,140 --> 00:00:30,430 Dan dalam bentuk itu, kita ada kedua-dua jenis input. 14 00:00:30,430 --> 00:00:33,770 >> Tetapi notis kini ke arah bahagian atas halaman, di dalam kepala halaman, 15 00:00:33,770 --> 00:00:36,750 ada tag gaya, di dalam yang merupakan harta CSS untuk 16 00:00:36,750 --> 00:00:38,570 badan halaman. 17 00:00:38,570 --> 00:00:41,580 Bagaimana jika, walaupun, kita mahu membuat semua teks yang sejajar 18 00:00:41,580 --> 00:00:43,050 seluruh mukasurat berganda? 19 00:00:43,050 --> 00:00:46,640 Dalam erti kata lain, saya mahu untuk menggunakan semula ini Harta CSS lagi dan lagi dan lagi 20 00:00:46,640 --> 00:00:50,030 di laman web yang berbeza, semua mereka mempunyai tag badan? 21 00:00:50,030 --> 00:00:53,660 Well, saya sudah tentu boleh copy dan paste CSS ke dalam setiap laman, tetapi 22 00:00:53,660 --> 00:00:57,730 ia akan menjadi reka bentuk yang lebih baik untuk faktor ini keluar ke beberapa fail pusat dan kemudian 23 00:00:57,730 --> 00:01:01,100 entah bagaimana termasuk fail yang dalam semua halaman tersebut supaya jika saya ingin 24 00:01:01,100 --> 00:01:04,840 membuat perubahan dan menyelaraskan teks saya di kiri atau menyelaraskan teks saya di sebelah kanan, saya 25 00:01:04,840 --> 00:01:07,220 boleh berbuat demikian lebih mudah. 26 00:01:07,220 --> 00:01:08,860 Mari kita cuba untuk melakukan ini. 27 00:01:08,860 --> 00:01:12,520 >> Pertama, mari kita memotong ini gaya tag sama sekali. 28 00:01:12,520 --> 00:01:16,820 Dan sekarang mari kita membuka fail yang dipanggil, katakan, carian-3.css dan meletakkan bahawa 29 00:01:16,820 --> 00:01:18,970 CSS sama dalam fail ini. 30 00:01:18,970 --> 00:01:23,500 badan akan mempunyai text-align: center;. 31 00:01:23,500 --> 00:01:24,760 Mari kita simpan fail itu. 32 00:01:24,760 --> 00:01:30,950 >> Sekarang mari kita kembali untuk mencari-3.html dan, di kepala lagi, tambah tag pautan 33 00:01:30,950 --> 00:01:33,630 menyatakan yang hyper-rujukan carian-3.css. 34 00:01:33,630 --> 00:01:38,650 CSS Dan mari kita menentukan bahawa hubungan bahawa fail ini telah dengan 35 00:01:38,650 --> 00:01:41,880 halaman adalah untuk berkhidmat sebagai lembaran gaya. 36 00:01:41,880 --> 00:01:44,840 Sekarang mari kita menutup tag ini, menyimpan fail, dan tambah nilai 37 00:01:44,840 --> 00:01:46,910 laman ini dalam pelayar. 38 00:01:46,910 --> 00:01:49,700 >> Ia menyusun semula teks pada dibiarkan walaupun CSS 39 00:01:49,700 --> 00:01:50,905 harta telah tidak digunakan. 40 00:01:50,905 --> 00:01:53,020 Sekarang mengapa yang mungkin? 41 00:01:53,020 --> 00:01:54,590 Mari kita lihat di kebenaran fail ini - 42 00:01:54,590 --> 00:01:58,630 tidak kebenaran fail HTML, tetapi kebenaran fail CSS ini. 43 00:01:58,630 --> 00:02:02,740 >> Kembali di sini di gedit, mari kita turun ke tetingkap terminal dan jenis ls-l 44 00:02:02,740 --> 00:02:04,720 carian 3.css. 45 00:02:04,720 --> 00:02:09,810 Ah, memang, walaupun saya, fail ini pemilik, boleh membaca dan menulis fail ini, 46 00:02:09,810 --> 00:02:11,110 tidak ada orang lain boleh membacanya. 47 00:02:11,110 --> 00:02:17,570 Tetapi kita boleh menetapkan ini dengan chmod a + r carian 3.css, dan sekarang mari kita melaksanakan semula 48 00:02:17,570 --> 00:02:20,970 ls-l carian 3.css-- 49 00:02:20,970 --> 00:02:21,910 dan lebih baik. 50 00:02:21,910 --> 00:02:24,380 Sekarang seluruh dunia boleh membaca fail ini. 51 00:02:24,380 --> 00:02:26,950 >> Mari kita kembali ke penyemak imbas, memuat semula. 52 00:02:26,950 --> 00:02:29,220 VoilĂ , kami kembali kepada berpusatkan enjin carian. 53 00:02:29,220 --> 00:02:32,450 Sudah tentu, ini adalah di mana kami memulakan cerita, dengan teks kita sudah berpusat. 54 00:02:32,450 --> 00:02:36,000 Tetapi apa yang reka bentuk yang lebih baik sekarang adalah bahawa kami telah difaktorkan daripada CSS yang menjadi 55 00:02:36,000 --> 00:02:39,690 fail pusat, kurang lebih yang kita boleh kemudian termasuk di laman web lain yang 56 00:02:39,690 --> 00:02:41,580 kita mungkin berlaku untuk membuat pada masa akan datang. 57 00:02:41,580 --> 00:02:45,430 Jadi, jika kita pernah mahu recenter atau restylize secara umum halaman kami, kami 58 00:02:45,430 --> 00:02:48,570 boleh melakukannya dengan hanya dalam satu tempat pusat. 59 00:02:48,570 --> 00:02:50,902