1
00:00:00,000 --> 00:00:00,310

2
00:00:00,310 --> 00:00:02,400
>> DAVID MALAN: Jadi saya telah membuat saya
enjin carian sendiri, tetapi saya baru sahaja

3
00:00:02,400 --> 00:00:04,720
mengambil keputusan untuk menyusun semula perkara-perkara
di bawah hood.

4
00:00:04,720 --> 00:00:06,480
Mari kita melihat.

5
00:00:06,480 --> 00:00:11,240
Di sini di HTML untuk halaman ini, notis
yang saya ada sekarang atas halaman apa

6
00:00:11,240 --> 00:00:15,390
kelihatan logo, logo.gif, dan
Saya telah diberikan suatu teks alternatif

7
00:00:15,390 --> 00:00:18,620
CS50 Cari, hanya dalam kes seseorang
tidak dapat melihat gambar itu.

8
00:00:18,620 --> 00:00:22,340
>> Tetapi notis bahawa saya telah diletakkan imej yang
dalam div, dan saya telah ditugaskan ia

9
00:00:22,340 --> 00:00:27,060
ID unik quote, unquote, "atas."
Di bawah itu, saya mempunyai satu lagi div yang

10
00:00:27,060 --> 00:00:31,020
ID unik saya telah membuat keputusan untuk menjadi "pertengahan,"
tetapi saya boleh mengenal pasti divs ini

11
00:00:31,020 --> 00:00:32,360
sebagai apa-apa saya suka.

12
00:00:32,360 --> 00:00:35,340
Dan dalam ini div "tengah",
perhatian bahawa saya mempunyai bentuk yang.

13
00:00:35,340 --> 00:00:40,080
Bentuk yang nampaknya akan mengemukakan
melalui HTTP mendapatkan ke pelayan Google

14
00:00:40,080 --> 00:00:45,150
input berikut, input yang
jenis adalah teks dan yang namanya q.

15
00:00:45,150 --> 00:00:48,520
Dan yang akan berlaku sebaik sahaja
hits pengguna Enter atau klik butang

16
00:00:48,520 --> 00:00:50,410
dilabel CS50 Cari.

17
00:00:50,410 --> 00:00:53,750
>> Sekarang di bahagian bawah halaman, saya mempunyai
a div ketiga dan terakhir yang unik

18
00:00:53,750 --> 00:00:57,670
pengecam adalah "bawah." Di dalam itu,
Saya menyebut hak cipta,

19
00:00:57,670 --> 00:00:59,750
termasuk entiti HTML.

20
00:00:59,750 --> 00:01:06,230
Ternyata © adalah HTML
entiti yang mewakili hak cipta

21
00:01:06,230 --> 00:01:08,410
simbol, yang mana kemungkinan besar
anda tidak mempunyai

22
00:01:08,410 --> 00:01:10,210
kunci sebenar pada keyboard anda.

23
00:01:10,210 --> 00:01:12,560
Selepas itu, saya menyebut
bahawa itu ini CS50.

24
00:01:12,560 --> 00:01:17,090
>> Sekarang atas, tengah, dan bawah wujud jadi
yang saya boleh mengenalpasti secara unik bahagian atas,

25
00:01:17,090 --> 00:01:20,400
tengah-tengah, dan bahagian bawah halaman ini
supaya saya boleh menyesuaikan dgn mode mereka setiap satu

26
00:01:20,400 --> 00:01:21,370
sedikit berbeza.

27
00:01:21,370 --> 00:01:23,320
Dan saya telah mengambil
kebebasan melakukannya.

28
00:01:23,320 --> 00:01:27,030
Sehingga yang lebih tinggi dalam halaman saya, saya mempunyai gaya yang
tag dalam yang adalah beberapa CSS

29
00:01:27,030 --> 00:01:27,880
hartanah.

30
00:01:27,880 --> 00:01:28,980
Mari kita melihat.

31
00:01:28,980 --> 00:01:33,450
>> Perhatikan bahawa di atas halaman ini, saya telah
dinyatakan bahawa apa sahaja HTML tag akan

32
00:01:33,450 --> 00:01:37,350
dengan pengecam unik atas sebagai
ditunjukkan oleh tanda yang tajam sebelum

33
00:01:37,350 --> 00:01:41,320
ia, harus mempunyai text-align:
pusat, seperti hartanah.

34
00:01:41,320 --> 00:01:45,000
Sementara itu, tengah-tengah halaman perlu
juga tertumpu, tetapi mana-mana

35
00:01:45,000 --> 00:01:48,870
input dalam tengah-tengah halaman perlu
mempunyai 5 piksel ruang putih

36
00:01:48,870 --> 00:01:51,860
di sekeliling mereka, semata-mata untuk memberi
perkara yang sedikit lebih bilik.

37
00:01:51,860 --> 00:01:55,630
Sementara itu, di bahagian bawah halaman,
Saya menetapkan bahawa mana-mana teks harus

38
00:01:55,630 --> 00:01:59,620
dalam fon yang lebih kecil, yang berat
berkata font hendaklah berani, bahawa

39
00:01:59,620 --> 00:02:03,800
margin sekitar bawah halaman
harus 20 piksel, hanya untuk memberikan

40
00:02:03,800 --> 00:02:06,270
sedikit ruang bernafas
juga, dan bahawa mana-mana teks

41
00:02:06,270 --> 00:02:08,190
di dalamnya patut berpusat.

42
00:02:08,190 --> 00:02:09,580
>> Apa yang akan menjadi kesan bersih?

43
00:02:09,580 --> 00:02:11,620
Nah, mari kita lihat di pelayar.

44
00:02:11,620 --> 00:02:14,160
Jika saya pergi ke sini untuk Chrome, Voilà.

45
00:02:14,160 --> 00:02:16,140
Sekarang adalah baik mencari
enjin carian.

46
00:02:16,140 --> 00:02:18,539