DAVID Malan: Jadi saya sudah membuat mesin pencari sendiri. Dan pada saat ini, sepertinya ini. Saya punya judul halaman. Ini CS50 Search. Saya memiliki bentuk HTML yang di dalamnya tampaknya menjadi masukan yang tipenya teks dan masukan lain Jenis yang adalah mengirimkan. 

Jika kita sekarang kita lihat sumber untuk Halaman ini, perhatikan bahwa, memang, kita memiliki h1 dan tag judul yang yang menyampaikan bahwa ini memang CS50 Search. Kami memiliki tag form yang menetapkan bahwa bentuk harus diserahkan ke teman-teman kita di Google. Dan dalam bentuk itu, kita harus dua jenis masukan. 

Tapi perhatikan sekarang menuju puncak halaman, di dalam kepala halaman, ada tag gaya, dalam yang merupakan properti CSS untuk tubuh halaman. Bagaimana jika, meskipun, kami ingin membuat semua teks selaras di beberapa halaman? Dengan kata lain, saya ingin menggunakan kembali ini Properti CSS lagi dan lagi dan lagi dalam halaman web yang berbeda, semua di antaranya memiliki tag tubuh? Yah aku pasti bisa copy dan paste CSS ke masing-masing halaman, tetapi itu akan menjadi desain yang lebih baik untuk faktor ini keluar ke beberapa file pusat dan kemudian entah bagaimana menyertakan file dalam semua halaman tersebut sehingga jika saya pernah ingin membuat perubahan dan menyelaraskan teks saya pada kiri atau menyelaraskan teks saya di sebelah kanan, saya dapat melakukan yang jauh lebih mudah. Mari kita coba untuk melakukan hal ini. 

Pertama, mari kita memotong ini tag gaya sama sekali. Dan sekarang mari kita buka file bernama, mengatakan, pencarian 3.css dan menempatkan bahwa CSS yang sama dalam file ini. Tubuh akan memiliki text-align: center;. Mari kita menyimpan file tersebut. 

Sekarang mari kita kembali untuk mencari-3.html dan, di kepala lagi, menambahkan tag link menentukan referensi hiper pencarian-3.css. CSS Dan mari kita menentukan bahwa relasi bahwa file ini telah dengan Halaman adalah untuk melayani sebagai style sheet nya. Sekarang mari kita menutup tag ini, simpan file, dan isi ulang Halaman ini dalam browser. 

Ini disesuaikan teks pada kiri seolah-olah CSS properti bahkan tidak diterapkan. Sekarang mengapa mungkin itu? Mari kita lihat hak akses file - bukan HTML file permissions, tetapi izin CSS file. 

Kembali di sini di gedit, mari kita pergi ke jendela terminal dan ketik ls-l search-3.css. Ah, memang, meskipun saya, file ini pemilik, dapat membaca dan menulis file ini, tidak ada orang lain dapat membacanya. Tapi kita bisa memperbaiki ini dengan chmod a + r pencarian 3.css, dan sekarang mari kita jalankan ulang ls-l pencarian 3.css-- dan jauh lebih baik. Sekarang seluruh dunia dapat membaca file ini. 

Mari kita kembali ke browser, reload. Voila, kita kembali ke berpusat mesin pencari. Tentu saja, ini adalah di mana kita mulai cerita, dengan teks kita sudah terpusat. Tapi apa desain yang lebih baik sekarang adalah bahwa kita sudah keluar faktor CSS yang menjadi file pusat, tempat yang kita dapat kemudian disertakan dalam halaman web lain yang kita mungkin terjadi untuk membuat di masa depan. Jadi jika kita pernah ingin recenter atau restylize lebih umum halaman kami, kami dapat melakukannya dengan sangat sederhana dalam satu tempat pusat.