1 00:00:00,000 --> 00:00:00,260 2 00:00:00,260 --> 00:00:01,900 >> David MALAN: Kaya nagsi-making ko ang aking sariling mga search engine. 3 00:00:01,900 --> 00:00:04,100 At sa sandaling ito, mukhang ito. 4 00:00:04,100 --> 00:00:05,265 Mayroon akong dito ang pamagat ng pahina. 5 00:00:05,265 --> 00:00:06,580 Ito ay CS50 Search. 6 00:00:06,580 --> 00:00:10,380 Mayroon akong isang HTML form sa loob ng na Mukhang hindi isang input na kung saan ang uri ay 7 00:00:10,380 --> 00:00:13,650 teksto at isa pang input uri na kung saan ay isumite. 8 00:00:13,650 --> 00:00:17,180 >> Kung naming maglaan ngayon tingnan ang mga mapagkukunan ng ang pahinang ito, mapapansin na, sa katunayan, namin 9 00:00:17,180 --> 00:00:20,260 magkaroon ng isang h1 at isang tag na pamagat na ay conveying na ito 10 00:00:20,260 --> 00:00:22,020 talaga ang CS50 Search. 11 00:00:22,020 --> 00:00:25,940 Mayroon kaming isang form na tag na tumutukoy ng na ang form ay dapat na isinumite sa 12 00:00:25,940 --> 00:00:27,140 ang aming mga kaibigan sa Google. 13 00:00:27,140 --> 00:00:30,430 At sa loob ng form na iyon, mayroon kaming ang dalawang uri ng pag-input. 14 00:00:30,430 --> 00:00:33,770 >> Ngunit mapapansin ngayon papunta sa tuktok ng pahina, sa loob ng ulo ng pahina, 15 00:00:33,770 --> 00:00:36,750 mayroong isang tag ng estilo, sa loob ng na kung saan ay isang CSS ari-arian para sa 16 00:00:36,750 --> 00:00:38,570 sa katawan ng pahina. 17 00:00:38,570 --> 00:00:41,580 Paano kung, bagaman, gusto naming gawin ang lahat ng tekstong nakahanay 18 00:00:41,580 --> 00:00:43,050 sa maramihang mga pahina? 19 00:00:43,050 --> 00:00:46,640 Sa madaling salita, nais kong muling gamitin ang mga ito CSS ari-arian muli at muli at muli 20 00:00:46,640 --> 00:00:50,030 sa iba't-ibang mga pahina ng web, ang lahat ng ng kanino mayroon body tag na ito? 21 00:00:50,030 --> 00:00:53,660 Well kaya kong tiyak na kopyahin at i-paste ang CSS sa bawat isa sa mga pahinang iyon, ngunit 22 00:00:53,660 --> 00:00:57,730 nais itong maging mas mahusay na disenyo upang salik na ito out sa ilang mga sentro ng file at pagkatapos ay 23 00:00:57,730 --> 00:01:01,100 sa paanuman isama na file sa lahat ng mga pahinang iyon upang kung sakaling gusto kong 24 00:01:01,100 --> 00:01:04,840 gumawa ng pagbabago at ihanay ang aking teksto sa pakaliwa o ihanay ang aking teksto sa kanan, ako 25 00:01:04,840 --> 00:01:07,220 Maaari gawin na mas madali. 26 00:01:07,220 --> 00:01:08,860 Subukan nating gawin ito Hayaan. 27 00:01:08,860 --> 00:01:12,520 >> Una, ni-cut out na ito hayaan style tag sama-sama. 28 00:01:12,520 --> 00:01:16,820 At ni buksan ang isang file na tinatawag na ngayon hayaan, sabihin nating, paghahanap-3.css at ilagay na 29 00:01:16,820 --> 00:01:18,970 parehong CSS sa file na ito. 30 00:01:18,970 --> 00:01:23,500 katawan ay pagpunta sa may text-Ihanay sa: center;. 31 00:01:23,500 --> 00:01:24,760 I-save ang file na iyon Hayaan. 32 00:01:24,760 --> 00:01:30,950 >> Sabihin bumalik ngayon upang maghanap-3.html at, sa head muli, idagdag ang isang link na tag 33 00:01:30,950 --> 00:01:33,630 pagtukoy ng isang sobra sanggunian ng search-3.css. 34 00:01:33,630 --> 00:01:38,650 CSS At sabihin tukuyin na ang kaugnayan na ang file na ito ay may mga 35 00:01:38,650 --> 00:01:41,880 page ay upang magsilbi bilang estilo nito sheet. 36 00:01:41,880 --> 00:01:44,840 Isara ang tag na ito Sabihin ngayon, i-save ang file, at muling ikarga 37 00:01:44,840 --> 00:01:46,910 ang pahinang ito sa browser. 38 00:01:46,910 --> 00:01:49,700 >> Ito realigned ang teksto sa ang natitira na parang ang CSS 39 00:01:49,700 --> 00:01:50,905 ari-arian ay hindi kahit na inilapat. 40 00:01:50,905 --> 00:01:53,020 Ngayon kung bakit maaaring maging iyon? 41 00:01:53,020 --> 00:01:54,590 Hayaan ang kumuha ng isang pagtingin sa mga pahintulot ng file - 42 00:01:54,590 --> 00:01:58,630 hindi pahintulot ng file na HTML, ngunit ang mga pahintulot ng file na CSS. 43 00:01:58,630 --> 00:02:02,740 >> Bumalik dito sa gedit, sabihin pumunta pababa sa ang terminal na window at uri ng ls-l 44 00:02:02,740 --> 00:02:04,720 paghahanap-3.css. 45 00:02:04,720 --> 00:02:09,810 Ah, sa katunayan, kahit na ako, ng file may-ari, maaari basahin at isulat ang file na ito, 46 00:02:09,810 --> 00:02:11,110 walang ibang tao ang makakabasa nito. 47 00:02:11,110 --> 00:02:17,570 Ngunit maaari naming ayusin ito sa chmod isang + r paghahanap-3.css, at ngayon sabihin re-execute 48 00:02:17,570 --> 00:02:20,970 ls-l paghahanap-3.css-- 49 00:02:20,970 --> 00:02:21,910 at magkano ang mas mahusay. 50 00:02:21,910 --> 00:02:24,380 Ngayon ang buong mundo makakaya basahin ang file na ito. 51 00:02:24,380 --> 00:02:26,950 >> Sabihin bumalik sa browser, i-reload. 52 00:02:26,950 --> 00:02:29,220 Voila, hindi namin pabalik sa isang nakasentro search engine. 53 00:02:29,220 --> 00:02:32,450 Siyempre, ito ay kung saan namin nagsimula ang kuwento, gamit ang aming teksto na nakasentro. 54 00:02:32,450 --> 00:02:36,000 Ngunit kung ano ang mas mahusay na disenyo ngayon ay na na isinasali namin out na CSS sa isang 55 00:02:36,000 --> 00:02:39,690 gitnang file, isang lugar na naa na pagkatapos naming makakaya isama sa iba pang mga web page na 56 00:02:39,690 --> 00:02:41,580 maaari naming mangyari upang gumawa sa hinaharap. 57 00:02:41,580 --> 00:02:45,430 Kaya kung namin nais mang recenter o restylize sa mas pangkalahatang aming mga pahina, namin 58 00:02:45,430 --> 00:02:48,570 maaari itong gawin napaka-simple sa isang pangunahing lugar. 59 00:02:48,570 --> 00:02:50,902