David MALAN: Kaya nagsi-making ko ang aking sariling mga search engine. At sa sandaling ito, mukhang ito. Mayroon akong dito ang pamagat ng pahina. Ito ay CS50 Search. Mayroon akong isang HTML form sa loob ng na Mukhang hindi isang input na kung saan ang uri ay teksto at isa pang input uri na kung saan ay isumite. 

Kung naming maglaan ngayon tingnan ang mga mapagkukunan ng ang pahinang ito, mapapansin na, sa katunayan, namin magkaroon ng isang h1 at isang tag na pamagat na ay conveying na ito talaga ang CS50 Search. Mayroon kaming isang form na tag na tumutukoy ng na ang form ay dapat na isinumite sa ang aming mga kaibigan sa Google. At sa loob ng form na iyon, mayroon kaming ang dalawang uri ng pag-input. 

Ngunit mapapansin ngayon papunta sa tuktok ng pahina, sa loob ng ulo ng pahina, mayroong isang tag ng estilo, sa loob ng na kung saan ay isang CSS ari-arian para sa sa katawan ng pahina. Paano kung, bagaman, gusto naming gawin ang lahat ng tekstong nakahanay sa maramihang mga pahina? Sa madaling salita, nais kong muling gamitin ang mga ito CSS ari-arian muli at muli at muli sa iba't-ibang mga pahina ng web, ang lahat ng ng kanino mayroon body tag na ito? Well kaya kong tiyak na kopyahin at i-paste ang CSS sa bawat isa sa mga pahinang iyon, ngunit nais itong maging mas mahusay na disenyo upang salik na ito out sa ilang mga sentro ng file at pagkatapos ay sa paanuman isama na file sa lahat ng mga pahinang iyon upang kung sakaling gusto kong gumawa ng pagbabago at ihanay ang aking teksto sa pakaliwa o ihanay ang aking teksto sa kanan, ako Maaari gawin na mas madali. Subukan nating gawin ito Hayaan. 

Una, ni-cut out na ito hayaan style tag sama-sama. At ni buksan ang isang file na tinatawag na ngayon hayaan, sabihin nating, paghahanap-3.css at ilagay na parehong CSS sa file na ito. katawan ay pagpunta sa may text-Ihanay sa: center;. I-save ang file na iyon Hayaan. 

Sabihin bumalik ngayon upang maghanap-3.html at, sa head muli, idagdag ang isang link na tag pagtukoy ng isang sobra sanggunian ng search-3.css. CSS At sabihin tukuyin na ang kaugnayan na ang file na ito ay may mga page ay upang magsilbi bilang estilo nito sheet. Isara ang tag na ito Sabihin ngayon, i-save ang file, at muling ikarga ang pahinang ito sa browser. 

Ito realigned ang teksto sa ang natitira na parang ang CSS ari-arian ay hindi kahit na inilapat. Ngayon kung bakit maaaring maging iyon? Hayaan ang kumuha ng isang pagtingin sa mga pahintulot ng file - hindi pahintulot ng file na HTML, ngunit ang mga pahintulot ng file na CSS. 

Bumalik dito sa gedit, sabihin pumunta pababa sa ang terminal na window at uri ng ls-l paghahanap-3.css. Ah, sa katunayan, kahit na ako, ng file may-ari, maaari basahin at isulat ang file na ito, walang ibang tao ang makakabasa nito. Ngunit maaari naming ayusin ito sa chmod isang + r paghahanap-3.css, at ngayon sabihin re-execute ls-l paghahanap-3.css-- at magkano ang mas mahusay. Ngayon ang buong mundo makakaya basahin ang file na ito. 

Sabihin bumalik sa browser, i-reload. Voila, hindi namin pabalik sa isang nakasentro search engine. Siyempre, ito ay kung saan namin nagsimula ang kuwento, gamit ang aming teksto na nakasentro. Ngunit kung ano ang mas mahusay na disenyo ngayon ay na na isinasali namin out na CSS sa isang gitnang file, isang lugar na naa na pagkatapos naming makakaya isama sa iba pang mga web page na maaari naming mangyari upang gumawa sa hinaharap. Kaya kung namin nais mang recenter o restylize sa mas pangkalahatang aming mga pahina, namin maaari itong gawin napaka-simple sa isang pangunahing lugar.