1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> DAVID Malan: Així que he estat fent la meva propi motor de cerca, però acabo de 3 00:00:02,400 --> 00:00:04,720 decidit reestructurar les coses sota de la caputxa. 4 00:00:04,720 --> 00:00:06,480 Anem a fer una ullada. 5 00:00:06,480 --> 00:00:11,240 Aquí al codi HTML per aquesta pàgina, previ avís que tinc ara a la part alta de la pàgina el 6 00:00:11,240 --> 00:00:15,390 sembla ser un logotip, logo.gif, i M'he donat un text alternatiu de 7 00:00:15,390 --> 00:00:18,620 CS50 recerca, per si de cas algú no és capaç de veure aquesta imatge. 8 00:00:18,620 --> 00:00:22,340 >> Però noto que he posat aquesta imatge dins d'un div, i he vaig assignar 9 00:00:22,340 --> 00:00:27,060 un identificador únic de la cita, fi de la cita, "de dalt". A sota d'això, tinc un altre div la 10 00:00:27,060 --> 00:00:31,020 únic ID He decidit ser "mig" però jo podria ser la identificació d'aquests divs 11 00:00:31,020 --> 00:00:32,360 com tot el que m'agradaria. 12 00:00:32,360 --> 00:00:35,340 I dins d'aquest div "mitjà", adonar que tinc un formulari. 13 00:00:35,340 --> 00:00:40,080 Aquesta forma pel que sembla, presentarà a través d'HTTP arribar als servidors de Google 14 00:00:40,080 --> 00:00:45,150 la següent entrada, una entrada el Tipus és text i el nom és q. 15 00:00:45,150 --> 00:00:48,520 I això passarà tan aviat com el Introduïu usuari colpeja o fa clic a un botó 16 00:00:48,520 --> 00:00:50,410 etiquetatge CS50 Cercar. 17 00:00:50,410 --> 00:00:53,750 >> Ara a la part inferior de la pàgina, no tinc una tercera i última div l'única 18 00:00:53,750 --> 00:00:57,670 identificador "inferior". Dins que, Tinc esment dels drets d'autor, 19 00:00:57,670 --> 00:00:59,750 incloent una entitat HTML. 20 00:00:59,750 --> 00:01:06,230 Resulta que © és l'HTML entitat que representa els drets d'autor 21 00:01:06,230 --> 00:01:08,410 símbol, per al qual més probable vostè no té una 22 00:01:08,410 --> 00:01:10,210 clau real en el seu teclat. 23 00:01:10,210 --> 00:01:12,560 Després d'això, esmento que és de CS50. 24 00:01:12,560 --> 00:01:17,090 >> Ara la part superior, mitjana i inferior existeixen per que jo pugui identificar de forma única la part superior, 25 00:01:17,090 --> 00:01:20,400 el centre i la part inferior d'aquesta pàgina perquè jo pugui estilitzar a cadascun un 26 00:01:20,400 --> 00:01:21,370 mica diferent. 27 00:01:21,370 --> 00:01:23,320 I jo ja he pres la la llibertat de fer-ho. 28 00:01:23,320 --> 00:01:27,030 Up major a la meva pàgina, tinc un estil etiqueta a l'interior de les quals són una mica de CSS 29 00:01:27,030 --> 00:01:27,880 propietats. 30 00:01:27,880 --> 00:01:28,980 Anem a fer una ullada. 31 00:01:28,980 --> 00:01:33,450 >> Noteu que el cim d'aquesta pàgina, he especifica que qualsevol etiqueta HTML faria 32 00:01:33,450 --> 00:01:37,350 amb l'identificador únic de la part superior com indicada per aquesta forta senyal abans 33 00:01:37,350 --> 00:01:41,320 ella, ha de tenir text-align: centre, com una propietat. 34 00:01:41,320 --> 00:01:45,000 Mentrestant, el centre de la pàgina ha de de manera similar com centrats, però qualsevol 35 00:01:45,000 --> 00:01:48,870 entrades al centre de la pàgina ha de tenir 5 píxels d'espai en blanc 36 00:01:48,870 --> 00:01:51,860 al voltant d'ells, simplement per donar les coses una mica més d'espai. 37 00:01:51,860 --> 00:01:55,630 Mentrestant, a la part inferior de la pàgina, He especificat que qualsevol text hauria de ser 38 00:01:55,630 --> 00:01:59,620 en una font més petita, que el pes de va dir la font ha d'estar en negreta, que l' 39 00:01:59,620 --> 00:02:03,800 marge al voltant de la part inferior de la pàgina ha de ser de 20 píxels, només per donar-li un 40 00:02:03,800 --> 00:02:06,270 mica d'espai per respirar també, i que qualsevol text 41 00:02:06,270 --> 00:02:08,190 ella ha d'estar centrat. 42 00:02:08,190 --> 00:02:09,580 >> Què serà l'efecte net? 43 00:02:09,580 --> 00:02:11,620 Bé, anem a fer una ullada a un navegador. 44 00:02:11,620 --> 00:02:14,160 Si vaig aquí a Chrome, voila. 45 00:02:14,160 --> 00:02:16,140 Ara que és un bon aspecte motor de cerca. 46 00:02:16,140 --> 00:02:18,539