1
00:00:00,000 --> 00:00:00,360

2
00:00:00,360 --> 00:00:01,970
>> David MALAN: Kaya ako nagtatrabaho
na ito sa search engine

3
00:00:01,970 --> 00:00:03,480
na ganito ang hitsura.

4
00:00:03,480 --> 00:00:07,580
Mukhang ako na magkaroon ng isang pamagat na tinatawag na CS50
Search, sa ibaba kung saan ay isang HTML form,

5
00:00:07,580 --> 00:00:10,430
sa loob ng na kung saan ay isang input na kung saan ang
uri ay teksto at isa pang input

6
00:00:10,430 --> 00:00:12,260
uri na kung saan ay isumite.

7
00:00:12,260 --> 00:00:15,400
Sabihin ngayon bistahan ang pinagbabatayan
source code para sa pahinang ito.

8
00:00:15,400 --> 00:00:20,180
>> Narito sa paghahanap-2.html, mapapansin na ako
sa katunayan ay may pamagat sa anyo ng mga

9
00:00:20,180 --> 00:00:23,260
magtungo ang pati na rin sa katawan
may isang h1 tag sa paligid nito.

10
00:00:23,260 --> 00:00:26,490
Mayroon akong isang HTML form, at
pagkatapos ay ang dalawang input.

11
00:00:26,490 --> 00:00:30,650
Ngunit abiso sa partikular na sa katawan
tag, na ipinahayag ako ng isang estilo

12
00:00:30,650 --> 00:00:35,770
katangian na kung saan ang halaga ay-Ihanay ang teksto:
center;, at sa gayon pagtukoy na ang lahat

13
00:00:35,770 --> 00:00:38,390
teksto sa pahinang ito ay dapat na
nakahanay sa sentro.

14
00:00:38,390 --> 00:00:41,700
>> Ngayon ito ay gumagana ganap na ganap nang tama,
ngunit ito ay isang maliit na bit nanggigitata.

15
00:00:41,700 --> 00:00:43,900
Hindi mo maaaring talagang sabihin ng maraming
dahil pahinang ito ay medyo

16
00:00:43,900 --> 00:00:44,960
maliit na sa sandaling ito.

17
00:00:44,960 --> 00:00:47,520
Ngunit isipin kung nakuha ang pahinang ito
mas mahaba at mas mahaba at

18
00:00:47,520 --> 00:00:49,180
mas mahaba at mas kumplikado.

19
00:00:49,180 --> 00:00:53,960
>> Mapapansin na ang pattern na pinagtibay ko
dito ay upang makihalubilo aking aesthetics

20
00:00:53,960 --> 00:00:57,380
sa istraktura ng pahina
pamamagitan ng paggamit ng estilo katangian.

21
00:00:57,380 --> 00:01:00,540
Long kuwento maikli, ito ay hindi ang pinakamabuting
disenyo, ay tiyak na bilang mapalago ang iyong mga pahina

22
00:01:00,540 --> 00:01:02,010
mas kumplikado.

23
00:01:02,010 --> 00:01:05,830
Mas mahusay na disenyo ay magiging upang magfa-factor out
na estilisasyon at ilagay ito isang lugar na naa

24
00:01:05,830 --> 00:01:09,730
sentral, halimbawa hindi sa isang estilo
ipatungkol ngunit sa isang tag ng estilo,

25
00:01:09,730 --> 00:01:13,310
partikular tag ng estilo sa loob
ng ulo tag ang aking mga pahina.

26
00:01:13,310 --> 00:01:14,830
Ni gawin eksakto na Hayaan.

27
00:01:14,830 --> 00:01:18,160
>> Una sabihin pumunta sa dito at tanggalin
ipatungkol ito nang sama-sama ng estilo.

28
00:01:18,160 --> 00:01:22,420
Pagkatapos ay i-back up sa ulo ng aking pahina, sabihin
Ipinahahayag ng tag ng estilo at isara ito sa

29
00:01:22,420 --> 00:01:24,620
Kasabay nito, kaya gagawin ko hindi
kalimutan na sa ibang pagkakataon.

30
00:01:24,620 --> 00:01:28,120
At pagkatapos ay sabihin tukuyin na ang katawan
ng pahinang ito ay dapat magkaroon ng isang CSS

31
00:01:28,120 --> 00:01:32,040
ari-arian ng-Ihanay sa teksto ay center.

32
00:01:32,040 --> 00:01:35,320
Hayaan ngayong i-save ang pahinang ito, i-reload ang
browser, at tingnan kung ano ang epekto ay.

33
00:01:35,320 --> 00:01:38,070

34
00:01:38,070 --> 00:01:40,510
>> Muling pag-load sa aking browser -

35
00:01:40,510 --> 00:01:41,570
walang epekto sa lahat.

36
00:01:41,570 --> 00:01:43,110
Ngunit walang epekto ay nilayon.

37
00:01:43,110 --> 00:01:45,150
Lamang naming pinagbubuti
disenyo ng pahinang ito.

38
00:01:45,150 --> 00:01:47,606