1
00:00:00,000 --> 00:00:00,260

2
00:00:00,260 --> 00:00:01,900
>> DAVID Malan: Jadi saya sudah membuat
mesin pencari sendiri.

3
00:00:01,900 --> 00:00:04,100
Dan pada saat ini, sepertinya ini.

4
00:00:04,100 --> 00:00:05,265
Saya punya judul halaman.

5
00:00:05,265 --> 00:00:06,580
Ini CS50 Search.

6
00:00:06,580 --> 00:00:10,380
Saya memiliki bentuk HTML yang di dalamnya
tampaknya menjadi masukan yang tipenya

7
00:00:10,380 --> 00:00:13,650
teks dan masukan lain
Jenis yang adalah mengirimkan.

8
00:00:13,650 --> 00:00:17,180
>> Jika kita sekarang kita lihat sumber untuk
Halaman ini, perhatikan bahwa, memang, kita

9
00:00:17,180 --> 00:00:20,260
memiliki h1 dan tag judul yang
yang menyampaikan bahwa ini

10
00:00:20,260 --> 00:00:22,020
memang CS50 Search.

11
00:00:22,020 --> 00:00:25,940
Kami memiliki tag form yang menetapkan
bahwa bentuk harus diserahkan ke

12
00:00:25,940 --> 00:00:27,140
teman-teman kita di Google.

13
00:00:27,140 --> 00:00:30,430
Dan dalam bentuk itu, kita harus
dua jenis masukan.

14
00:00:30,430 --> 00:00:33,770
>> Tapi perhatikan sekarang menuju puncak
halaman, di dalam kepala halaman,

15
00:00:33,770 --> 00:00:36,750
ada tag gaya, dalam
yang merupakan properti CSS untuk

16
00:00:36,750 --> 00:00:38,570
tubuh halaman.

17
00:00:38,570 --> 00:00:41,580
Bagaimana jika, meskipun, kami ingin
membuat semua teks selaras

18
00:00:41,580 --> 00:00:43,050
di beberapa halaman?

19
00:00:43,050 --> 00:00:46,640
Dengan kata lain, saya ingin menggunakan kembali ini
Properti CSS lagi dan lagi dan lagi

20
00:00:46,640 --> 00:00:50,030
dalam halaman web yang berbeda, semua
di antaranya memiliki tag tubuh?

21
00:00:50,030 --> 00:00:53,660
Yah aku pasti bisa copy dan paste
CSS ke masing-masing halaman, tetapi

22
00:00:53,660 --> 00:00:57,730
itu akan menjadi desain yang lebih baik untuk faktor ini
keluar ke beberapa file pusat dan kemudian

23
00:00:57,730 --> 00:01:01,100
entah bagaimana menyertakan file dalam semua
halaman tersebut sehingga jika saya pernah ingin

24
00:01:01,100 --> 00:01:04,840
membuat perubahan dan menyelaraskan teks saya pada
kiri atau menyelaraskan teks saya di sebelah kanan, saya

25
00:01:04,840 --> 00:01:07,220
dapat melakukan yang jauh lebih mudah.

26
00:01:07,220 --> 00:01:08,860
Mari kita coba untuk melakukan hal ini.

27
00:01:08,860 --> 00:01:12,520
>> Pertama, mari kita memotong ini
tag gaya sama sekali.

28
00:01:12,520 --> 00:01:16,820
Dan sekarang mari kita buka file bernama,
mengatakan, pencarian 3.css dan menempatkan bahwa

29
00:01:16,820 --> 00:01:18,970
CSS yang sama dalam file ini.

30
00:01:18,970 --> 00:01:23,500
Tubuh akan memiliki
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Mari kita menyimpan file tersebut.

32
00:01:24,760 --> 00:01:30,950
>> Sekarang mari kita kembali untuk mencari-3.html dan,
di kepala lagi, menambahkan tag link

33
00:01:30,950 --> 00:01:33,630
menentukan referensi hiper
pencarian-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS Dan mari kita menentukan bahwa relasi
bahwa file ini telah dengan

35
00:01:38,650 --> 00:01:41,880
Halaman adalah untuk melayani sebagai style sheet nya.

36
00:01:41,880 --> 00:01:44,840
Sekarang mari kita menutup tag ini, simpan
file, dan isi ulang

37
00:01:44,840 --> 00:01:46,910
Halaman ini dalam browser.

38
00:01:46,910 --> 00:01:49,700
>> Ini disesuaikan teks pada
kiri seolah-olah CSS

39
00:01:49,700 --> 00:01:50,905
properti bahkan tidak diterapkan.

40
00:01:50,905 --> 00:01:53,020
Sekarang mengapa mungkin itu?

41
00:01:53,020 --> 00:01:54,590
Mari kita lihat
hak akses file -

42
00:01:54,590 --> 00:01:58,630
bukan HTML file permissions,
tetapi izin CSS file.

43
00:01:58,630 --> 00:02:02,740
>> Kembali di sini di gedit, mari kita pergi ke
jendela terminal dan ketik ls-l

44
00:02:02,740 --> 00:02:04,720
search-3.css.

45
00:02:04,720 --> 00:02:09,810
Ah, memang, meskipun saya, file ini
pemilik, dapat membaca dan menulis file ini,

46
00:02:09,810 --> 00:02:11,110
tidak ada orang lain dapat membacanya.

47
00:02:11,110 --> 00:02:17,570
Tapi kita bisa memperbaiki ini dengan chmod a + r
pencarian 3.css, dan sekarang mari kita jalankan ulang

48
00:02:17,570 --> 00:02:20,970
ls-l pencarian 3.css--

49
00:02:20,970 --> 00:02:21,910
dan jauh lebih baik.

50
00:02:21,910 --> 00:02:24,380
Sekarang seluruh dunia dapat
membaca file ini.

51
00:02:24,380 --> 00:02:26,950
>> Mari kita kembali ke browser, reload.

52
00:02:26,950 --> 00:02:29,220
Voila, kita kembali ke berpusat
mesin pencari.

53
00:02:29,220 --> 00:02:32,450
Tentu saja, ini adalah di mana kita mulai
cerita, dengan teks kita sudah terpusat.

54
00:02:32,450 --> 00:02:36,000
Tapi apa desain yang lebih baik sekarang adalah bahwa
kita sudah keluar faktor CSS yang menjadi

55
00:02:36,000 --> 00:02:39,690
file pusat, tempat yang kita dapat kemudian
disertakan dalam halaman web lain yang

56
00:02:39,690 --> 00:02:41,580
kita mungkin terjadi untuk membuat di masa depan.

57
00:02:41,580 --> 00:02:45,430
Jadi jika kita pernah ingin recenter atau
restylize lebih umum halaman kami, kami

58
00:02:45,430 --> 00:02:48,570
dapat melakukannya dengan sangat sederhana dalam
satu tempat pusat.

59
00:02:48,570 --> 00:02:50,902