1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> DAVID Malan: Tako sem bil kar moj lasten iskalnik, vendar sem pravkar 3 00:00:02,400 --> 00:00:04,720 se odločili za prestrukturiranje stvari Pod pokrovom. 4 00:00:04,720 --> 00:00:06,480 Oglejmo pogled. 5 00:00:06,480 --> 00:00:11,240 Tu v HTML za to stran, obvestila da imam zdaj na vrhu strani, kar 6 00:00:11,240 --> 00:00:15,390 Zdi se, da je logotip, logo.gif in Sem mu dal nadomestnega besedila 7 00:00:15,390 --> 00:00:18,620 CS50 Search, samo v primeru, nekdo ne more videti to sliko. 8 00:00:18,620 --> 00:00:22,340 >> Opazil sem, da dajo to sliko znotraj div, in sem jo dodeli 9 00:00:22,340 --> 00:00:27,060 edinstven ID citatom, konec citata, "top". Spodaj, da imam še en div, katere 10 00:00:27,060 --> 00:00:31,020 edinstven ID, sem se odločil, da je "srednji" ampak jaz bi se lahko določitev teh divs 11 00:00:31,020 --> 00:00:32,360 kot vse, kar bi rad. 12 00:00:32,360 --> 00:00:35,340 In znotraj tega "srednji" div, opazili, da imam obliko. 13 00:00:35,340 --> 00:00:40,080 Ta oblika se očitno dogaja, da predloži preko HTTP priti do Googlove strežnike 14 00:00:40,080 --> 00:00:45,150 naslednji vhod, vhod čigar tip je besedilo, katerega ime je q. 15 00:00:45,150 --> 00:00:48,520 In to se bo zgodilo takoj, ko uporabnik hits Enter ali klikne gumb 16 00:00:48,520 --> 00:00:50,410 označeni CS50 Iskanje. 17 00:00:50,410 --> 00:00:53,750 >> Sedaj na dnu strani, sem Tretji in zadnji div, katere edinstvena 18 00:00:53,750 --> 00:00:57,670 Identifikacijska oznaka je "od spodaj". Znotraj tega, Moram omeniti avtorskih pravic, 19 00:00:57,670 --> 00:00:59,750 vključno s HTML subjekta. 20 00:00:59,750 --> 00:01:06,230 Izkaže se, da je © HTML Podjetje, ki predstavlja avtorske pravice 21 00:01:06,230 --> 00:01:08,410 simbol, za katerega najverjetneje nimate 22 00:01:08,410 --> 00:01:10,210 Dejanski na tipkovnici. 23 00:01:10,210 --> 00:01:12,560 Po tem, sem omenil da je CS50 je. 24 00:01:12,560 --> 00:01:17,090 >> Zdaj zgornjem, srednjem in spodnji obstajajo tako da sem lahko enolično identifikacijo vrh, 25 00:01:17,090 --> 00:01:20,400 srednji in spodnji to stran tako da sem jim lahko stilu vsak A 26 00:01:20,400 --> 00:01:21,370 nekoliko drugače. 27 00:01:21,370 --> 00:01:23,320 In sem že svoboda tem. 28 00:01:23,320 --> 00:01:27,030 Gor višje na moji strani, imam stil tag znotraj katerih so nekatere CSS 29 00:01:27,030 --> 00:01:27,880 lastnosti. 30 00:01:27,880 --> 00:01:28,980 Oglejmo pogled. 31 00:01:28,980 --> 00:01:33,450 >> Opazili, da na vrhu te strani, sem določeno, da ne glede HTML tag bi 32 00:01:33,450 --> 00:01:37,350 z unikatno identifikacijsko številko vrhu kot s tem oster znak pred navedeno 33 00:01:37,350 --> 00:01:41,320 da bi morali imeti text-align: center, kot lastnino. 34 00:01:41,320 --> 00:01:45,000 Medtem pa naj bi sredi strani Podobno je treba centered, ampak vse 35 00:01:45,000 --> 00:01:48,870 vhodi v sredini strani naj imajo 5 pik belega prostora 36 00:01:48,870 --> 00:01:51,860 okoli njih, le da smo dobili Stvari malo več prostora. 37 00:01:51,860 --> 00:01:55,630 Medtem, na dnu strani, Sem določeno, da mora biti vsako besedilo 38 00:01:55,630 --> 00:01:59,620 v manjše velikosti, da masa je dejal črk mora biti drzna, da 39 00:01:59,620 --> 00:02:03,800 Stopnja okoli dnu strani naj bi bil 20 točk, samo da bi ji dati 40 00:02:03,800 --> 00:02:06,270 malo prostora za dihanje kot dobro, in da vsako besedilo 41 00:02:06,270 --> 00:02:08,190 tam mora biti v sredini. 42 00:02:08,190 --> 00:02:09,580 >> Kaj se dogaja, da je neto učinek? 43 00:02:09,580 --> 00:02:11,620 No, pa si oglejte v brskalniku. 44 00:02:11,620 --> 00:02:14,160 Če grem tukaj za Chrome, voila. 45 00:02:14,160 --> 00:02:16,140 Zdaj, ko je dobro videti iskalnik. 46 00:02:16,140 --> 00:02:18,539