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

2
00:00:00,310 --> 00:00:02,400
>> David MALAN: Kaya nagsi-making ko ang aking
sariling search engine, ngunit nai lamang ako

3
00:00:02,400 --> 00:00:04,720
nagpasya upang restructure bagay
sa ilalim ng hood.

4
00:00:04,720 --> 00:00:06,480
Hayaan ang kumuha ng isang hitsura.

5
00:00:06,480 --> 00:00:11,240
Narito sa HTML para sa pahinang ito, abiso
na mayroon akong ngayon sa ibabaw ng pahina kung ano

6
00:00:11,240 --> 00:00:15,390
Mukhang hindi isang logo, logo.gif, at
Ibinigay ko ito ng kahaliling teksto ng

7
00:00:15,390 --> 00:00:18,620
CS50 Search, kung sakali isang tao
ay hindi magawang makita ang imaheng iyon.

8
00:00:18,620 --> 00:00:22,340
>> Ngunit mapansin na inilagay ko na ang imahe
sa loob ng isang div, at itinalaga ko na ito

9
00:00:22,340 --> 00:00:27,060
isang natatanging ID ng quote, magpanipi, "top."
Nasa ibaba na, Mayroon akong isa pang div na kung saan ang

10
00:00:27,060 --> 00:00:31,020
natatanging ID napagpasyahan ko na na maging "gitna,"
ngunit maaari kong ma-pagkilala sa mga divs

11
00:00:31,020 --> 00:00:32,360
bilang anumang bagay Gusto ko.

12
00:00:32,360 --> 00:00:35,340
At sa loob ng ito "gitna" div,
mapansin na mayroon akong isang form.

13
00:00:35,340 --> 00:00:40,080
Form na iyon ay tila pagpunta sa isumite
sa pamamagitan ng HTTP makapunta sa mga server ng Google

14
00:00:40,080 --> 00:00:45,150
ang mga sumusunod na input, isang input na kung saan ang
uri ay teksto at ang kanyang pangalan ay q.

15
00:00:45,150 --> 00:00:48,520
At iyon ang mangyayari sa lalong madaling ang
pinindot ng user ang Enter o i-click ang isang pindutan

16
00:00:48,520 --> 00:00:50,410
na may label na CS50 Search.

17
00:00:50,410 --> 00:00:53,750
>> Ngayon sa ibaba ng pahina, mayroon akong
isang third at huling div na kung saan ang mga natatanging

18
00:00:53,750 --> 00:00:57,670
identifier ay "ibaba." Sa Loob ng iyon,
Mayroon akong pagbanggit ng copyright,

19
00:00:57,670 --> 00:00:59,750
kabilang ang isang HTML na entity.

20
00:00:59,750 --> 00:01:06,230
Ito ay lumiliko out na © ay ang HTML
entity na kumakatawan sa copyright

21
00:01:06,230 --> 00:01:08,410
simbolo, na kung saan pinaka-malamang
wala kang isang

22
00:01:08,410 --> 00:01:10,210
aktwal na key sa iyong keyboard.

23
00:01:10,210 --> 00:01:12,560
Pagkatapos noon, banggitin ko
na ito ay CS50 ni.

24
00:01:12,560 --> 00:01:17,090
>> Ngayon tuktok, gitna, at ibaba umiiral kaya
na maaari kong natatanging tukuyin ang tuktok,

25
00:01:17,090 --> 00:01:20,400
sa gitna, at sa ilalim ng pahinang ito
sa gayon ay maaari kong stylize ang mga ito sa bawat isang

26
00:01:20,400 --> 00:01:21,370
bit naiiba.

27
00:01:21,370 --> 00:01:23,320
At ko na Ginawa mo na ang
kalayaan ng paggawa na.

28
00:01:23,320 --> 00:01:27,030
Up mas mataas sa aking pahina, mayroon akong isang estilo
tag sa loob ng kung saan ang ilang mga CSS

29
00:01:27,030 --> 00:01:27,880
mga katangian.

30
00:01:27,880 --> 00:01:28,980
Hayaan ang kumuha ng isang hitsura.

31
00:01:28,980 --> 00:01:33,450
>> Pansinin na nasa ibabaw pahinang ito, na hindi ko na
tinukoy na kung ano ang tag na HTML gagawin

32
00:01:33,450 --> 00:01:37,350
may mga natatanging identifier ng mga nangungunang bilang
ipinapahiwatig ng mga na matalim sign bago

33
00:01:37,350 --> 00:01:41,320
ito, dapat mayroon-Ihanay ang teksto:
center; bilang isang ari-arian.

34
00:01:41,320 --> 00:01:45,000
Samantala, sa gitna ng pahina dapat
katulad ay nakasentro, subalit ang anumang

35
00:01:45,000 --> 00:01:48,870
input sa gitna ng pahina dapat
may 5 pixel ng white space

36
00:01:48,870 --> 00:01:51,860
sa paligid ng mga ito, i-upang bigyan
bagay ng kaunti pang room.

37
00:01:51,860 --> 00:01:55,630
Samantala, sa ilalim ng pahina,
Tinukoy ko na ang anumang teksto ay dapat na

38
00:01:55,630 --> 00:01:59,620
sa isang mas maliit na font, na ang bigat ng
Sinabi ng font ay dapat na naka-bold, na ang

39
00:01:59,620 --> 00:02:03,800
margin sa paligid ng ibaba ng pahina
Dapat na 20 pixels, upang bigyan lamang ito ng

40
00:02:03,800 --> 00:02:06,270
kaunting paghinga kuwarto
pati na rin, at na ang anumang teksto

41
00:02:06,270 --> 00:02:08,190
sa ganyang bagay ay dapat na nakasentro.

42
00:02:08,190 --> 00:02:09,580
>> Ano kaya ang nangyari upang maging ang net epekto?

43
00:02:09,580 --> 00:02:11,620
Well, sabihin tumagal ng isang hitsura sa isang browser.

44
00:02:11,620 --> 00:02:14,160
Kung pumunta ako dito sa Chrome, voila.

45
00:02:14,160 --> 00:02:16,140
Ngayon na ay isang mahusay na naghahanap ng
search engine.

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