1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> DAVID MALAN: Så jag har gjort min egen sökmotor, men jag har bara 3 00:00:02,400 --> 00:00:04,720 beslutat att omstrukturera saker under huven. 4 00:00:04,720 --> 00:00:06,480 Låt oss ta en titt. 5 00:00:06,480 --> 00:00:11,240 Här i HTML för denna sida, tillkännagivande som jag har nu ovanpå sidan vad 6 00:00:11,240 --> 00:00:15,390 verkar vara en logotyp, logo.gif, och Jag har gett det en alternativ text av 7 00:00:15,390 --> 00:00:18,620 CS50 Search, ifall någon inte är i stånd att se den bilden. 8 00:00:18,620 --> 00:00:22,340 >> Men märker att jag har placerat den bilden inne i en div, och jag har tilldelat det 9 00:00:22,340 --> 00:00:27,060 ett unikt ID av citat, unquote, "top". Därunder, jag har en annan div vars 10 00:00:27,060 --> 00:00:31,020 unikt ID Jag har bestämt mig för att vara "mitt" men jag skulle kunna identifiera dessa divar 11 00:00:31,020 --> 00:00:32,360 som något jag skulle vilja. 12 00:00:32,360 --> 00:00:35,340 Och insidan av denna "mitt" div, märker att jag har ett formulär. 13 00:00:35,340 --> 00:00:40,080 Denna form är uppenbarligen kommer att lämna via HTTP komma till Googles servrar 14 00:00:40,080 --> 00:00:45,150 Följande ingång, en ingång vars typ är text och vars namn är q. 15 00:00:45,150 --> 00:00:48,520 Och det kommer att ske så snart användar träffar Enter eller klickar på en knapp 16 00:00:48,520 --> 00:00:50,410 märkt CS50 Sök. 17 00:00:50,410 --> 00:00:53,750 >> Nu längst ner på sidan, har jag en tredje och sista div vars unika 18 00:00:53,750 --> 00:00:57,670 identifierare är "botten". Inne i denna, Jag har omnämnandet av upphovsrätten, 19 00:00:57,670 --> 00:00:59,750 inklusive en HTML-enhet. 20 00:00:59,750 --> 00:01:06,230 Det visar sig att © är HTML enhet som representerar upphovsrätts 21 00:01:06,230 --> 00:01:08,410 symbolen, för vilket troligen du inte har en 22 00:01:08,410 --> 00:01:10,210 faktisk på tangentbordet. 23 00:01:10,210 --> 00:01:12,560 Efter det, jag nämner att det är CS50-talet. 24 00:01:12,560 --> 00:01:17,090 >> Nu toppen, mitten och botten finns så att jag unikt kan identifiera toppen, 25 00:01:17,090 --> 00:01:20,400 mitten, och längst ner på denna sida så att jag kan stilisera dem varje a 26 00:01:20,400 --> 00:01:21,370 lite annorlunda. 27 00:01:21,370 --> 00:01:23,320 Och jag har redan tagit frihet att göra det. 28 00:01:23,320 --> 00:01:27,030 Upp högre i min sida, jag har en stil etikett inuti som är några CSS 29 00:01:27,030 --> 00:01:27,880 egenskaper. 30 00:01:27,880 --> 00:01:28,980 Låt oss ta en titt. 31 00:01:28,980 --> 00:01:33,450 >> Observera att ovanpå denna sida, jag har anges att oavsett HTML-tagg skulle 32 00:01:33,450 --> 00:01:37,350 med den unika identifierare för topp som indikeras av att kraftiga tecken innan 33 00:01:37,350 --> 00:01:41,320 det borde ha text-align: centrum, som en egenskap. 34 00:01:41,320 --> 00:01:45,000 Under tiden, mitt på sidan bör på liknande sätt vara centrerad, men vilken som helst 35 00:01:45,000 --> 00:01:48,870 ingångar i mitten av sidan bör har 5 pixlar i blank 36 00:01:48,870 --> 00:01:51,860 omkring dem, helt enkelt för att ge saker och ting lite mer utrymme. 37 00:01:51,860 --> 00:01:55,630 Under tiden, vid botten av sidan, Jag har angett att en text ska vara 38 00:01:55,630 --> 00:01:59,620 i ett mindre typsnitt, att vikten av sade typsnitt bör vara djärv, att 39 00:01:59,620 --> 00:02:03,800 marginal runt botten av sidan bör vara 20 pixlar, bara för att ge det en 40 00:02:03,800 --> 00:02:06,270 lite andrum också, och att varje text 41 00:02:06,270 --> 00:02:08,190 däri ska centreras. 42 00:02:08,190 --> 00:02:09,580 >> Vad kommer att bli nettoeffekten? 43 00:02:09,580 --> 00:02:11,620 Nåväl, låt oss ta en titt i en webbläsare. 44 00:02:11,620 --> 00:02:14,160 Om jag går här till Chrome, voila. 45 00:02:14,160 --> 00:02:16,140 Nu är en snygg sökmotor. 46 00:02:16,140 --> 00:02:18,539