1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> DAVID MALAN: Så jeg har vært å lage min egen søkemotor, men jeg har bare 3 00:00:02,400 --> 00:00:04,720 besluttet å restrukturere ting under panseret. 4 00:00:04,720 --> 00:00:06,480 La oss ta en titt. 5 00:00:06,480 --> 00:00:11,240 Her i HTML for denne siden, varsel at jeg nå har på toppen av siden hva 6 00:00:11,240 --> 00:00:15,390 ser ut til å være en logo, logo.gif, og Jeg har gitt det en alternativ tekst for 7 00:00:15,390 --> 00:00:18,620 CS50 Søk, bare i tilfelle noen er ikke i stand til å se at bildet. 8 00:00:18,620 --> 00:00:22,340 >> Men legg merke til at jeg har plassert det bildet innsiden av en div, og jeg har tildelt det 9 00:00:22,340 --> 00:00:27,060 en unik ID sitat, unquote, "topp." Under det, har jeg en annen div hvis 10 00:00:27,060 --> 00:00:31,020 unik ID Jeg har bestemt meg for å være "midten" men jeg kunne identifisere disse divs 11 00:00:31,020 --> 00:00:32,360 som noe jeg ønsker. 12 00:00:32,360 --> 00:00:35,340 Og inne i denne "midten" div, merker at jeg har en form. 13 00:00:35,340 --> 00:00:40,080 At formen er tydeligvis kommer til å sende via HTTP komme til Google-servere 14 00:00:40,080 --> 00:00:45,150 følgende innspill, en inngang som typen er tekst og hvis navn er q. 15 00:00:45,150 --> 00:00:48,520 Og det vil skje så snart bruker treff Enter eller klikker på en knapp 16 00:00:48,520 --> 00:00:50,410 merket CS50 søk. 17 00:00:50,410 --> 00:00:53,750 >> Nå nederst på siden, har jeg en tredje og avslutt div hvis unike 18 00:00:53,750 --> 00:00:57,670 identifikator er "bunnen". Innsiden av det, Jeg har omtale av opphavsrett, 19 00:00:57,670 --> 00:00:59,750 inkludert en HTML-enhet. 20 00:00:59,750 --> 00:01:06,230 Det viser seg at © er HTML enhet som representerer opphavs 21 00:01:06,230 --> 00:01:08,410 symbol, hvor det mest sannsynlig du har ikke en 22 00:01:08,410 --> 00:01:10,210 selve tasten på tastaturet. 23 00:01:10,210 --> 00:01:12,560 Etter det, nevner jeg at det er CS50-tallet. 24 00:01:12,560 --> 00:01:17,090 >> Nå toppen, midten, og nederst eksisterer så at jeg kan entydig identifisere toppen, 25 00:01:17,090 --> 00:01:20,400 midten, og nederst på denne siden slik at jeg kan stilisere dem hver en 26 00:01:20,400 --> 00:01:21,370 litt annerledes. 27 00:01:21,370 --> 00:01:23,320 Og jeg har allerede tatt frihet til å gjøre det. 28 00:01:23,320 --> 00:01:27,030 Høyere opp i siden min, har jeg en stil tag inni som er noen CSS 29 00:01:27,030 --> 00:01:27,880 egenskaper. 30 00:01:27,880 --> 00:01:28,980 La oss ta en titt. 31 00:01:28,980 --> 00:01:33,450 >> Legg merke til at på toppen av denne siden, har jeg spesifisert at uansett hva HTML-koden ville 32 00:01:33,450 --> 00:01:37,350 med en unik identifikator for toppen som indikeres av at skarpe tegn før 33 00:01:37,350 --> 00:01:41,320 det, bør ha text-align: sentrum, som en eiendom. 34 00:01:41,320 --> 00:01:45,000 I mellomtiden, midt på siden bør likeledes være sentrert, men en hvilken som helst 35 00:01:45,000 --> 00:01:48,870 innganger i midten av siden bør har 5 piksler av tomrom 36 00:01:48,870 --> 00:01:51,860 rundt dem, rett og slett for å gi ting litt mer plass. 37 00:01:51,860 --> 00:01:55,630 I mellomtiden, i bunnen av siden, Jeg har spesifisert at enhver tekst bør være 38 00:01:55,630 --> 00:01:59,620 i en mindre skrift, at vekten av sa skriften skal være fet, at 39 00:01:59,620 --> 00:02:03,800 margin rundt bunnen av side bør være 20 piksler, bare for å gi den en 40 00:02:03,800 --> 00:02:06,270 litt pusterom så vel, og at enhver tekst 41 00:02:06,270 --> 00:02:08,190 der skal være sentrert. 42 00:02:08,190 --> 00:02:09,580 >> Hva kommer til å være nettoeffekten? 43 00:02:09,580 --> 00:02:11,620 Vel, la oss ta en titt i en nettleser. 44 00:02:11,620 --> 00:02:14,160 Hvis jeg går her til Chrome, voila. 45 00:02:14,160 --> 00:02:16,140 Nå som er en god jakt søkemotor. 46 00:02:16,140 --> 00:02:18,539