1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> DAVID Malan: Jadi saya sudah membuat saya mesin pencari sendiri, tapi aku baru saja 3 00:00:02,400 --> 00:00:04,720 memutuskan untuk merestrukturisasi hal-hal di bawah tenda. 4 00:00:04,720 --> 00:00:06,480 Mari kita lihat. 5 00:00:06,480 --> 00:00:11,240 Di sini, di HTML untuk halaman ini, pemberitahuan yang saya miliki sekarang atas halaman apa 6 00:00:11,240 --> 00:00:15,390 tampaknya menjadi logo, logo.gif, dan Saya telah diberikan itu teks alternatif 7 00:00:15,390 --> 00:00:18,620 CS50 Search, hanya dalam kasus seseorang tidak dapat melihat gambar itu. 8 00:00:18,620 --> 00:00:22,340 >> Tapi perhatikan bahwa saya telah menempatkan gambar yang dalam div, dan saya sudah ditugaskan 9 00:00:22,340 --> 00:00:27,060 ID unik dari kutipan, tanda kutip, "top." Di bawah itu, saya memiliki div lain yang 10 00:00:27,060 --> 00:00:31,020 unik ID saya telah memutuskan untuk menjadi "tengah," tapi aku bisa mengidentifikasi divs ini 11 00:00:31,020 --> 00:00:32,360 sebagai sesuatu yang saya ingin. 12 00:00:32,360 --> 00:00:35,340 Dan dalam hal ini "tengah" div, melihat bahwa saya memiliki formulir. 13 00:00:35,340 --> 00:00:40,080 Bentuk yang tampaknya akan mengirimkan melalui HTTP sampai ke server Google 14 00:00:40,080 --> 00:00:45,150 input berikut, masukan yang jenis teks dan yang namanya q. 15 00:00:45,150 --> 00:00:48,520 Dan itu akan terjadi segera setelah hit pengguna Enter atau mengklik tombol 16 00:00:48,520 --> 00:00:50,410 CS50 berlabel Search. 17 00:00:50,410 --> 00:00:53,750 >> Sekarang di bagian bawah halaman, saya memiliki div ketiga dan terakhir yang unik 18 00:00:53,750 --> 00:00:57,670 identifier adalah "bawah." Di dalam itu, Saya memiliki menyebutkan hak cipta, 19 00:00:57,670 --> 00:00:59,750 termasuk entitas HTML. 20 00:00:59,750 --> 00:01:06,230 Ternyata © adalah HTML entitas yang mewakili hak cipta 21 00:01:06,230 --> 00:01:08,410 simbol, yang paling mungkin Anda tidak memiliki 22 00:01:08,410 --> 00:01:10,210 sebenarnya kunci pada keyboard Anda. 23 00:01:10,210 --> 00:01:12,560 Setelah itu, saya menyebutkan bahwa itu CS50 itu. 24 00:01:12,560 --> 00:01:17,090 >> Sekarang atas, tengah, dan bawah ada sehingga bahwa saya dapat secara unik mengidentifikasi bagian atas, 25 00:01:17,090 --> 00:01:20,400 tengah, dan bagian bawah halaman ini sehingga saya dapat menyesuaikan dgn mode mereka masing-masing 26 00:01:20,400 --> 00:01:21,370 bit berbeda. 27 00:01:21,370 --> 00:01:23,320 Dan aku sudah mengambil kebebasan melakukan hal itu. 28 00:01:23,320 --> 00:01:27,030 Up yang lebih tinggi di halaman saya, saya memiliki gaya tag dalam yang beberapa CSS 29 00:01:27,030 --> 00:01:27,880 properti. 30 00:01:27,880 --> 00:01:28,980 Mari kita lihat. 31 00:01:28,980 --> 00:01:33,450 >> Perhatikan bahwa di atas halaman ini, saya sudah ditentukan bahwa HTML tag apapun akan 32 00:01:33,450 --> 00:01:37,350 dengan identifier unik atas sebagai ditunjukkan dengan tanda yang tajam sebelum 33 00:01:37,350 --> 00:01:41,320 itu, harus memiliki text-align: center; sebagai properti. 34 00:01:41,320 --> 00:01:45,000 Sementara itu, bagian tengah halaman harus sama terpusat, tetapi setiap 35 00:01:45,000 --> 00:01:48,870 input di tengah halaman harus memiliki 5 pixel dari ruang putih 36 00:01:48,870 --> 00:01:51,860 sekitar mereka, hanya untuk memberikan hal-hal sedikit lebih banyak ruang. 37 00:01:51,860 --> 00:01:55,630 Sementara itu, di bagian bawah halaman, Saya telah menetapkan bahwa teks harus 38 00:01:55,630 --> 00:01:59,620 dalam font yang lebih kecil, yang berat kata font harus berani, bahwa 39 00:01:59,620 --> 00:02:03,800 marjin sekitar bagian bawah halaman harus 20 pixel, hanya untuk memberikan 40 00:02:03,800 --> 00:02:06,270 sedikit ruang untuk bernapas juga, dan bahwa teks 41 00:02:06,270 --> 00:02:08,190 di dalamnya harus berpusat. 42 00:02:08,190 --> 00:02:09,580 >> Apa yang akan menjadi efek bersih? 43 00:02:09,580 --> 00:02:11,620 Nah, mari kita lihat pada browser. 44 00:02:11,620 --> 00:02:14,160 Jika saya pergi di sini untuk Chrome, voila. 45 00:02:14,160 --> 00:02:16,140 Sekarang yang tampan mesin pencari. 46 00:02:16,140 --> 00:02:18,539