1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> DAVID MALAN: Szóval már hogy az én saját keresője, de én már csak 3 00:00:02,400 --> 00:00:04,720 úgy döntött, átalakítása a dolgokat a motorháztető alatt. 4 00:00:04,720 --> 00:00:06,480 Vessünk egy pillantást. 5 00:00:06,480 --> 00:00:11,240 Itt a HTML oldal, értesítés hogy én most már tetején a lap, amit 6 00:00:11,240 --> 00:00:15,390 úgy tűnik, hogy a logó, logo.gif, és Én adtam, hogy egy alternatív szöveg 7 00:00:15,390 --> 00:00:18,620 CS50 keresés, csak abban az esetben, ha valaki nem látni, hogy a kép. 8 00:00:18,620 --> 00:00:22,340 >> De észre, hogy én már elhelyezni, hogy a kép belsejében egy div, és már hozzá is 9 00:00:22,340 --> 00:00:27,060 egy egyedi azonosító, idézet, idézet vége, "top". Alatta van egy másik div, akinek 10 00:00:27,060 --> 00:00:31,020 egyedi azonosító Úgy döntöttem, hogy "közép" de nem lehetett megállapítani ezen divs 11 00:00:31,020 --> 00:00:32,360 mint bármi szeretnék. 12 00:00:32,360 --> 00:00:35,340 És a belsejében ez a "középső" div, észre, hogy van egy űrlapot. 13 00:00:35,340 --> 00:00:40,080 Ez a forma látszólag fog benyújtani HTTP-n keresztül, hogy a Google szervereire 14 00:00:40,080 --> 00:00:45,150 A következő bemenet, bemeneti akinek típusú szöveg és akinek a neve q. 15 00:00:45,150 --> 00:00:48,520 És ez fog történni, amint a a felhasználó találat Enter vagy egy gombra kattint 16 00:00:48,520 --> 00:00:50,410 feliratú CS50 Search. 17 00:00:50,410 --> 00:00:53,750 >> Most az az oldal alján, már harmadik és egyben utolsó div akinek egyedi 18 00:00:53,750 --> 00:00:57,670 azonosító "alulról". Belül az, hogy Van említést a szerzői jog, 19 00:00:57,670 --> 00:00:59,750 beleértve a HTML entitás. 20 00:00:59,750 --> 00:01:06,230 Kiderül, hogy © a HTML szervezet, amely képviseli a szerzői jog 21 00:01:06,230 --> 00:01:08,410 szimbólum, amelyre a legvalószínűbb nincs olyan 22 00:01:08,410 --> 00:01:10,210 tényleges gombot a billentyűzeten. 23 00:01:10,210 --> 00:01:12,560 Ezt követően, megemlítem hogy ez CS50 években. 24 00:01:12,560 --> 00:01:17,090 >> Most felső, középső és alsó léteznek olyan hogy tudok egyedi azonosítására a tetején, 25 00:01:17,090 --> 00:01:20,400 A középső és a lap alján hogy tudom stilizálhatja nekik egy-egy 26 00:01:20,400 --> 00:01:21,370 kicsit másképp. 27 00:01:21,370 --> 00:01:23,320 És én már a szabadság csinálja. 28 00:01:23,320 --> 00:01:27,030 Up magasabb az oldalam, van egy stílusa címke belsejében, amelyek közül néhány a CSS 29 00:01:27,030 --> 00:01:27,880 tulajdonságait. 30 00:01:27,880 --> 00:01:28,980 Vessünk egy pillantást. 31 00:01:28,980 --> 00:01:33,450 >> Figyeljük meg, hogy ez az oldal tetején, én már kifejtette, hogy bármilyen HTML tag lenne 32 00:01:33,450 --> 00:01:37,350 az egyedi azonosító a tetején, jelzi, hogy az éles jel előtt 33 00:01:37,350 --> 00:01:41,320 meg kell, hogy text-align: központ, mint a tulajdon. 34 00:01:41,320 --> 00:01:45,000 Eközben az oldal közepén kell hasonlóképpen középre, de a 35 00:01:45,000 --> 00:01:48,870 bemenetek az oldal közepén kell már 5 pixel white space 36 00:01:48,870 --> 00:01:51,860 körül őket, egyszerűen úgy, hogy a dolgok egy kicsit több helyet. 37 00:01:51,860 --> 00:01:55,630 Közben az alján az oldal, Én meg, hogy a szöveg legyen 38 00:01:55,630 --> 00:01:59,620 egy kisebb betűkkel, hogy a súlya mondta font kell bátor, hogy a 39 00:01:59,620 --> 00:02:03,800 margin körül az oldal alján legyen 20 pixel, csak, hogy ez a 40 00:02:03,800 --> 00:02:06,270 kis szabad terem is, és hogy a szöveg 41 00:02:06,270 --> 00:02:08,190 ott kell középre. 42 00:02:08,190 --> 00:02:09,580 >> Mi lesz a nettó hatás? 43 00:02:09,580 --> 00:02:11,620 Nos, vessünk egy pillantást a böngészőben. 44 00:02:11,620 --> 00:02:14,160 Ha elmegyek itt, hogy Chrome, íme. 45 00:02:14,160 --> 00:02:16,140 Most, hogy egy jó látszó kereső. 46 00:02:16,140 --> 00:02:18,539