1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> David Malan: So ek het om my eie soekenjin, maar ek het net 3 00:00:02,400 --> 00:00:04,720 besluit om dinge te herstruktureer onder die kap. 4 00:00:04,720 --> 00:00:06,480 Kom ons neem 'n blik. 5 00:00:06,480 --> 00:00:11,240 Hier in die HTML vir hierdie bladsy, kennisgewing wat ek nou bo-op die bladsy wat 6 00:00:11,240 --> 00:00:15,390 lyk na 'n logo, logo.gif, en om Ek het dit gegee om 'n alternatiewe teks van 7 00:00:15,390 --> 00:00:18,620 CS50 Search, net in geval iemand is nie in staat om die beeld te sien. 8 00:00:18,620 --> 00:00:22,340 >> Maar let op wat ek geplaas dat die beeld binnekant van 'n div, en ek het dit opgedra 9 00:00:22,340 --> 00:00:27,060 'n unieke ID van quote, unquote, "top." Hieronder wat, ek het 'n ander div wie 10 00:00:27,060 --> 00:00:31,020 unieke ID Ek het besluit om te wees "middel" maar ek kon identifiseer word om hierdie divs 11 00:00:31,020 --> 00:00:32,360 as enigiets wat ek wil. 12 00:00:32,360 --> 00:00:35,340 En binnekant van die "middel" DIV, sien dat ek het 'n vorm. 13 00:00:35,340 --> 00:00:40,080 Dit vorm gaan glo in te dien via HTTP kry om Google-bedieners 14 00:00:40,080 --> 00:00:45,150 die volgende insette, 'n bydrae wie tipe is teks en wie se naam is q. 15 00:00:45,150 --> 00:00:48,520 En dit sal so gou as die gebeur gebruiker treffers Tik of druk 'n knoppie 16 00:00:48,520 --> 00:00:50,410 gemerk CS50 Search. 17 00:00:50,410 --> 00:00:53,750 >> Nou aan die onderkant van die bladsy, ek het 'n derde en finale div sy unieke 18 00:00:53,750 --> 00:00:57,670 identifiseerder is "onderkant." Binnekant van die, Ek het melding gemaak van die kopiereg, 19 00:00:57,670 --> 00:00:59,750 insluitend 'n HTML entiteit. 20 00:00:59,750 --> 00:01:06,230 Dit blyk dat © is die HTML entiteit wat die kopiereg verteenwoordig 21 00:01:06,230 --> 00:01:08,410 simbool, waarvoor waarskynlik jy hoef nie 'n 22 00:01:08,410 --> 00:01:10,210 werklike sleutel op u sleutelbord. 23 00:01:10,210 --> 00:01:12,560 Daarna het ek noem dat dit CS50 se. 24 00:01:12,560 --> 00:01:17,090 >> Nou top-, middel-en onderkant bestaan ​​so dat ek uniek die top kan identifiseer, 25 00:01:17,090 --> 00:01:20,400 die middel, en die onderkant van hierdie bladsy sodat ek kan stileer hulle elkeen 'n 26 00:01:20,400 --> 00:01:21,370 bietjie anders. 27 00:01:21,370 --> 00:01:23,320 En ek het reeds die vryheid om dit te doen. 28 00:01:23,320 --> 00:01:27,030 Hoër in my bladsy, ek het 'n styl tag binnekant van wat is 'n paar CSS 29 00:01:27,030 --> 00:01:27,880 eienskappe. 30 00:01:27,880 --> 00:01:28,980 Kom ons neem 'n blik. 31 00:01:28,980 --> 00:01:33,450 >> Let daarop dat bo-op hierdie bladsy, ek het gespesifiseerde dat alles HTML tag sou 32 00:01:33,450 --> 00:01:37,350 met die unieke identifikasie van die top as aangedui deur die skerp teken voordat 33 00:01:37,350 --> 00:01:41,320 dit moet 'text-align: sentrum, as 'n eiendom. 34 00:01:41,320 --> 00:01:45,000 Intussen het die middel van die bladsy behoort Net so gesentreer word, maar enige 35 00:01:45,000 --> 00:01:48,870 insette in die middel van die bladsy behoort het 5 pixels van wit spasie 36 00:01:48,870 --> 00:01:51,860 rondom hulle, net om te gee dinge 'n bietjie meer ruimte. 37 00:01:51,860 --> 00:01:55,630 Intussen, by die onderkant van die bladsy, Ek het bepaal dat enige teks moet wees 38 00:01:55,630 --> 00:01:59,620 in 'n kleiner font, dat die gewig van gesê skrif moet dapper wees, dat die 39 00:01:59,620 --> 00:02:03,800 marge rondom die onderkant van die bladsy moet 20 pixels, net om dit 'n te gee 40 00:02:03,800 --> 00:02:06,270 bietjie van asemhaling kamer so goed, en dat enige teks 41 00:02:06,270 --> 00:02:08,190 daarin moet gesentreer word. 42 00:02:08,190 --> 00:02:09,580 >> Wat gaan die netto effek te wees? 43 00:02:09,580 --> 00:02:11,620 Wel, laat ons 'n blik in 'n leser. 44 00:02:11,620 --> 00:02:14,160 As ek gaan hier om Chrome, voila. 45 00:02:14,160 --> 00:02:16,140 Nou is dit 'n goeie soek soektog. 46 00:02:16,140 --> 00:02:18,539