1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> DAVID MALAN: Deci, am făcut meu motor de cautare propriu, dar am doar 3 00:00:02,400 --> 00:00:04,720 a decis să restructureze lucruri sub capota. 4 00:00:04,720 --> 00:00:06,480 Să aruncăm o privire. 5 00:00:06,480 --> 00:00:11,240 Aici, în HTML pentru aceasta pagina, aviz că am acum deasupra paginii ce 6 00:00:11,240 --> 00:00:15,390 pare a fi un logo, logo.gif, și I-am dat-o un text alternativ de 7 00:00:15,390 --> 00:00:18,620 CS50 Căutare, doar în cazul în care cineva nu este capabil de a vedea că imaginea. 8 00:00:18,620 --> 00:00:22,340 >> Dar observați că am pus acea imagine în interiorul unui div, și l-am desemnat 9 00:00:22,340 --> 00:00:27,060 un ID unic de oferta, citatul, "de sus". De mai jos că, am un alt div al cărui 10 00:00:27,060 --> 00:00:31,020 ID-ul unic am decis să fie "de mijloc" dar ar putea fi identificarea acestor divs 11 00:00:31,020 --> 00:00:32,360 ca orice mi-ar plăcea. 12 00:00:32,360 --> 00:00:35,340 Și în interiorul acestui div "de mijloc", observa că am un formular. 13 00:00:35,340 --> 00:00:40,080 Această formă este aparent de gând să prezinte prin HTTP ajunge la serverele Google 14 00:00:40,080 --> 00:00:45,150 următoarea intrare, o intrare a cărui este de tip text și al cărui nume este q. 15 00:00:45,150 --> 00:00:48,520 Și că se va întâmpla de îndată ce hit-uri de utilizator Enter sau clic pe un buton 16 00:00:48,520 --> 00:00:50,410 etichetate CS50 Căutare. 17 00:00:50,410 --> 00:00:53,750 >> Acum, în partea de jos a paginii, am un al treilea și ultim div al căror unic 18 00:00:53,750 --> 00:00:57,670 identificator este "de jos." În interiorul de care, Am menționat de drepturi de autor, 19 00:00:57,670 --> 00:00:59,750 inclusiv o entitate HTML. 20 00:00:59,750 --> 00:01:06,230 Se pare că este © HTML entitate care reprezintă dreptul de autor 21 00:01:06,230 --> 00:01:08,410 simbol, pentru care cel mai probabil nu aveți un 22 00:01:08,410 --> 00:01:10,210 cheie real de pe tastatură. 23 00:01:10,210 --> 00:01:12,560 După aceea, am menționa că e al lui CS50. 24 00:01:12,560 --> 00:01:17,090 >> Acum de sus, de mijloc, și de jos exista așa care pot identifica în mod unic în partea de sus, 25 00:01:17,090 --> 00:01:20,400 la mijloc, și în partea de jos a acestei pagini astfel încât să pot să le stiliza fiecare o 26 00:01:20,400 --> 00:01:21,370 bit diferit. 27 00:01:21,370 --> 00:01:23,320 Și am luat deja libertatea de a face asta. 28 00:01:23,320 --> 00:01:27,030 Până mai mare în pagina mea, am un stil tag-ul interior de care sunt unele CSS 29 00:01:27,030 --> 00:01:27,880 proprietăți. 30 00:01:27,880 --> 00:01:28,980 Să aruncăm o privire. 31 00:01:28,980 --> 00:01:33,450 >> Observați că deasupra această pagină, am a precizat că, indiferent de HTML tag-ul ar fi 32 00:01:33,450 --> 00:01:37,350 cu identificatorul unic de top ca indicate de acest semn ascuțit înainte 33 00:01:37,350 --> 00:01:41,320 aceasta, ar trebui să aibă text-align: centru, ca o proprietate. 34 00:01:41,320 --> 00:01:45,000 Între timp, la mijlocul paginii ar trebui să în mod similar să fie centrat, dar orice 35 00:01:45,000 --> 00:01:48,870 intrări în mijlocul paginii ar trebui să au 5 pixeli de spațiu alb 36 00:01:48,870 --> 00:01:51,860 în jurul lor, pur și simplu pentru a da lucrurile un pic mai mult de cameră. 37 00:01:51,860 --> 00:01:55,630 Intre timp, din partea de jos a paginii, Am specificat că orice text ar trebui să fie 38 00:01:55,630 --> 00:01:59,620 într-un font mai mic, că ponderea de a declarat font ar trebui să fie îndrăzneț, care 39 00:01:59,620 --> 00:02:03,800 marjă jurul partea de jos a paginii ar trebui să fie de 20 de pixeli, doar pentru a da un 40 00:02:03,800 --> 00:02:06,270 pic de respirație cameră de asemenea, și că orice text 41 00:02:06,270 --> 00:02:08,190 acestea ar trebui să fie centrat. 42 00:02:08,190 --> 00:02:09,580 >> Ce va fi efectul net? 43 00:02:09,580 --> 00:02:11,620 Ei bine, haideți să aruncăm o privire într-un browser. 44 00:02:11,620 --> 00:02:14,160 Dacă merg aici la Chrome, voila. 45 00:02:14,160 --> 00:02:16,140 Acum, că este un bun caută motor de căutare. 46 00:02:16,140 --> 00:02:18,539