[Musika jotzen] DAVID J. MALAN: Ondo da, ongi etorria itzuli. Hau da CS50. Aste honetan zazpi amaiera da. Eta sarraskijale horren amaieran da ehiza arazo multzo lau duzula agian gogoratzen. Guztia berreskuratzeko ondoren langileen JPEGs horiek, Zalantzan jarri zinen, nahi izanez gero, zeure buruari argazkiak ateratzea asko bezala ahal duzun Folks horietako. Bidalketak sorta oso bat lortu dugu azken asteetan zehar, hain zuzen ere, eguerdiko aurretik oso gutxi eskubide bat gaur egun, eta horietatik batzuk, hemen, Hemen harrapatu in-- antzeko Annenberg itxura Bulegoko ordu Hall, hemen Lowell Nick House. Hona hemen Ramon ari telefonoz harrapatu. Hau CS50 bazkaria izan zen. Hau izan zen Jason batera Skyping ikaskide gehiago sormenez, duten era honetan deitu zion. Ez dakigu hori zer zen. 

[Barreak] 

DAVID J. MALAN: Baina hori da gigabyte bat merezi. Hemen da Chang, nor literalki ran off etapa ari argazkiz bat saihesteko Egun, baina, azkenean harrapatu zuten. Hemen Nick da. Hemen Nick da. Hemen Nick da. Eta hemen Alison da arloetan jaitsi. Eta Zamyla are aurkitu zen areto-lehiaketan ere. Beraz, bidez joan ahal izango dugu argazki hauek, irudikatu aurkeztu gehien Lehena, eta saria Sari primerako bat, Zehaztutako agindu. Eta, gainera, guk jarraitu egingo up buruz espazioa izan zen parte hartzen. 

Announcements-- beraz lunch pare bat da, berriro ere, ostiral honetan, 1:15 PM. Gurekin bat egin nahi baduzu, URL hemen RSVP. Jason hemen ateratzen da berriro batetik atal urte pare bat atzera, bertan gertatu Halloween erori. Eta hain zuzen ere, bat bezala jantzita zuen kalabaza, bereziki, urte. Atal honetan ikusten bada Bere 2011 ataleko Zortzi, zara bitxia bada, CS50.tv at, uste dut aurten izan zen bertan Bere aire-ponpa lanean ari zen. 

Zuk ikusi ondoren, bada 2012an antzeko atala, ikusiko duzu Jason hau askoz hustuta, palo funtzionatzeari utziko geroztik, hau da, soilik esan ostiral honetan, dituzu, bada Daven kalabaza bat carve nahi eta Gabe eta beste batzuk, buruak RSVP cs50.harvard.edu helbidean. Fun handia izan nahi du. Daven, gaude kontatu, izan tailatuta dugu Bere bizitza guztia kalabazak. Gabriel Brasil ez da inoiz Halloween kalabaza bat grabatuta. Beraz, hor egon haiekin zuen ikasten. 

Mintegiak, meanwhile-- beraz, laster ikasten duzu zertaz gure itxaropenak dira amaierako proiektua, funtsean, irakiten behera egingo diseinatzeko eta ezartzeko interesekoak edozein proiektu gehien duzu, hori onartu beharko bada ere eta zure irakaskuntza fellow orientazioa. Amaieran baterantz seihilekoan, zenbaki bat aurkeztu dugu mintegiak, diren aukerako klaseen irakaskuntza bekadun eta Harvard buru langileak, osoko ikastaroaren lagunak campusean, hainbat gairen inguruko duten dira tangentzialak Jakina azpiko curriculumaren baina, hala badagokio, dibertigarria, eta balizko azken proiektu ezberdinak. 

Esate baterako, lehenik, nahi izanez gero , erregistratu burua dagoela URL. Eta hau jokatzen da Aurtengo mintegiak bakarrik. Baina konturatzen dozenaka daukagu urte iragan mintegiak, denak ere ari Mintegiak menuan lotuta ikastaroaren web aukera. Zuk pentsatzen ari hala bada zure erosotasuna zona haratago joan edo gaitasun berriak, batzuk picking, adibidez, programazio iPhone Swift, hizkuntza berri batekin aplikazioak Apple edo helburua C-tik edo Android apps edo programazio [? cue?] bonbillak, edo gaiak edozein Hemen eta gehiago direla eta azterketa Izena emateko orriaren out. 

Beraz, hasi ginen eta ondorioztatu an HTTP begira astelehenean. Beraz, azkar refresher-- HTTP, Hipertestua transferitzeko protokoloa. Baina zer esan nahi du horrek? Benetan zer esan nahi du? Dela esku bat? Zu besterik scratching zure burua ezagutzen dut. Baina HTTP zer den proposatu nahi duzu? 

AUDIENCE: nola ordenagailuak [INAUDIBLE] komunikatzeko. DAVID J. MALAN: azken zatian galdu dut. Nola ordenagailuak komunikatzeko with-- 

Ikusleak: Internet zerbitzariak. DAVID J. MALAN: internet Good-- zerbitzariak, eta, zehazki, web zerbitzariak. Gogoratzen delako, ez sorta bat da Interneten zerbitzuak, horietako batzuk Eguneroko ziurrenik erabili duzu chat artean eta mezu, chat, eta web eta e-posta, eta antzekoak. Eta HTTP besterik ez da Protokolo Nabigatzaile duten hitz egiten denean, komunikatzeko web zerbitzariak, eta alderantziz. Eta horretan analogikoa giza mundua izan daiteke, Nire eskua luzatu dut batzuk astindu beste giza eta berak hedatuz aitortzen bere eskuko baita. Beraz, protokolo bat besterik ez da, konbentzio multzo bat. 

Eta zer, hain zuzen ere hitzarmen horiekin? Beno, irakiten hasten besterik ez da behera mezu atzera eta aurrera bidaltzen, hemen irudikatuta dugu. Eta ez dago modu pare bat hasi da zein mezu horiek bidali dezakezu. Eta agian gehien ohikoa da get gisa ezagutzen. Eta kontraste bat ikusiko dugu horrek askoz lehenago. 

Baina get eskaera bat nabigatzaile batetik zerbitzari besterik itxura hau. Testu bitxi bat da, bertan jartzen Gutun-azal birtual baten barruan. Gutun-azal horren kanpoaldean On go pare xehetasunak zuzenak. Zer behar du joan Gutun-azal, nolabait esateko, Ahal bezala eskaera bat lortzeko haur eneganic web zerbitzari bat? Bai. 

Ikusleak: Zure IP helbidea. 

DAVID J. MALAN: My IP helbidea eremuan ere, nolabait esateko, eta jakina, hartzailearen IP helbidea. Baina web pakete bat kasuan, Xehetasun gehiagorekin behar dugu Ez da nahikoa, besterik gabe, gutunazal bat bidali zerbitzari batera, zerbitzari agian delako izan mota desberdinetako entzuten Interneteko trafikoaren. Beraz, zer gehiago egin behar dugu hartzailearen IP gain? Bai? 

AUDIENCE: Da TCP? DAVID J MALAN: Ongi. TCP-- 

Ikusleak: helbidea. 

DAVID J. MALAN: Helbidea, edo portuan, hala deitzen. Close, baina TCP portu zenbaki bat. Eta ez dago horiek sorta bat da. Baina, segur aski gehien ezagunak egin beharko lukete azkenean izan 80, lehenetsia da Alde web trafikoa erabiltzen. Eta beste familiar laster 443 izango da, zein da web segurua egiteko erabiltzen trafikoa, https hitzarekin hasten den URL. 

Beraz, hau da zer gertatzen Gutun-azal horren barruan. Eta lortu / besterik esan nahi, eman me web orria lehenetsia. Give me gogor erroa web zerbitzariak da gidatzeko. Eta zorionez, web zerbitzaria izango da, OK erantzuten eta 200 zenbakia da, besterik ez da , esaten bai, hitzarmen bat da, hain zuzen Ados. Hona orria da. Web orri-mota da, joan testua izango, baina, zehazki, HTML, bertan sartu murgiltze buruz ari gara. Eta dot dot besterik dot bitartez, hemen HTML da. Eta hor dugu Jaso gaur istorioa, benetan idazten HTML, Hipertestua Markatzeko Lengoaia, eta horrek hizkuntza da eta bertan, web-orriak idazten dira. Ez da programazio hizkuntza bat. Ez dago funtzio edo begiztak edo baldintza. Markup hizkuntza bat da, baita berriro ikusi gaur egun, duten zehaztu nola egituratu eta estilizatzeko estetikoki web orri bat. 

Beraz, hau izan da: bata eta guk bakarrik orria benetan begiratu, laburki, astelehenean. Eta nabarituko gutxi batzuk garrantzizko ezaugarri. Badira angeluarekin open asko parentesi eta itxi angeluarekin parentesi. Angeluarekin dutenen artean Parentesi hitzak dira. Eta ari gara hasteko Hitzak tags horiek deituz. Parentesi burua Beraz irekia eta parentesi itxia burua dira tags ireki eta itxiak, edo hasiera eta amaiera tags hurrenez hurren, HTML elementu bat, ikusiko dugun bezala deitu, deitu burua. Eta jargon bera aplikatzen gorputzari HTML eta abar. 

Eta zer polita da HTML eta, hain zuzen, zaitugu pasatzeko denbora izugarri gutxi jarri dio, gehienbat duzu irudikatu delako zer ezaugarriek ditu duzunean benetan hormigoizko arazo bat aurkituko duzu solve-- to nabigatzaile baten pretty muda. Besterik ez bezala do-- joan ordenagailu bat zer kontatzeko egin. Eta beraz, irekita dituzunean parentesia HTML, oso goian han, funtsean bakarrik esan nahi du, hey, nabigatzailea, Hemen HTML idatzitako web orri bat dator. 

Noiz bracket irekita ikusten da burua, besterik esan nahi, beno, nabigatzailea, hemen burua dator, edo Nire web orriaren zati goreneko. Noiz parentesi itxia ikusten du burua, besterik esan nahi, beno, hori da burua. Beste zerbait Egonean. Eta zerbait gehiago da itxuraz, gorputza izango da. Eta ez duzunean etiketa bat, eta atsegin izatea besterik kaixo, koma, munduko behar duzu, hori besterik testu gordina izango dela azken finean pantailan bistaratuko da. 

Orain, gehiegi nabarituko duzu koska hemen. Ziurrenik infer nola ari stylizing dugu. Denbora bakoitzak fitxa ireki nuen, nolabait esateko, koska dut. Eta aldi bakoitzean I itxi Etiketa bat, ni un-koska, kizkur giltza antzeko espirituz. Eta haratago, mota naiz nire epaia erabiliz. Duten Nik ez dut kezkatu kolpatzeko Oharra Izenburua etiketa horren barruan Sartu. Zergatik? Beno, besterik gabe, erabaki nuen bat begiratu niri garbiagoa little, giza, besterik ez traba egiten. Beraz, berriro ere, ez da zenbait epaia besterik deiak atsegin han C edo edozein hizkuntzatan da. 

Baina konturatu too koska hori erabaki bera mental eredu bat, da zaildu pasara. Baina zuhaitz bat, ezta? Web bat dela uste baduzu orrian, itxuraz idatzizko hau bezalako, ari, nicely koska, era horretan, Ia dezakezu irekita parentesia uste HTML parentesi itxia etiketa mugatzen da nodo baten sustraia, familia zuhaitz bat zuhaitzak estiloa estilo node Begiratu den ostiralean iristen gara. 

Eta hain zuzen ere, eskubidea dute hemen dugu zer DOM, D-O-M, dokumentu bat deitu dugu objektu-eredua, esaten modu fancy zuhaitz hori HTML dagoela adierazten du. Eta nabarituko HTML ditu, esan dugu, familia zuhaitz bat, bi seme-alaba bezala. Ezkerrean burua da. Eskuinean organoa da. 

Eta besterik mindless pentsamenduaren ariketa gisa, burua, noski, haurrak zenbat ditu egitura honen arabera? Beraz, besterik ez da, title-- eta horregatik daukagu Gezia burutik titulua behar. Beraz, pertsona hori bagina bezala da familia zuhaitz kumeak bakarra zuen. Eta gero, izenburua bera, ahal esan daiteke haur bat izan too. 

Gogoratu HTML zuela kaixo, koma, mundua haren azpian. Eta ez dut besterik baten barruan marraztuko da ordez laukizuzenen obalo besterik semantikoki helarazi nahiz zuhaitza nodo bat da, nolabait esateko, sort funtsean desberdina da. Ez da etiketa bat da. Edo gehiago behar bezala, ez da elementu bat. Besterik testu-nodo bat da, izango bada. Baina horiek dira erabat giza konbentzio arbitrarioa da. Hau besterik ez da orain nire modu bat da zer dut agregatua moduan ordezkari Dokumentuaren deitu. 

Eta alde batera utzita, gauza bat egiten du ezkerreko eskua super da golera, parentesirik harridura doc HTML mota, hau etiketa baten itxura du, baina ergelak izkinan kasu non da hori besterik ez, kopiatu eta itsatsi Nabigatzaile adierazteko honek HTML 5 bertsioan. Mundua zer aldatzen mantentzen Kodea lehen lerroa orrialde bat izan behar du. Hau besterik ez da 5 bertsioa dakar. Beraz, ez nahiko egiten du besteen itxura. 

Guztiak eskubidea, eta, beraz, esan zuen, ikusiko duzu orain balioetsi hau nahiko ergelak honetan tatuaje norbaitek lortu. 

[Barreak] 

DAVID J. MALAN: Ondo da, eta, orain, dezagun benetan dive honekin zerbait egiten duenean. Gogoratzen duzu azken aldiz Ireki nuen CS50 Appliance eta zerbait bezala egin nuen irekiz gedit bezain erraza. Eta fitxategia gorde nahiz eta I Nire desktop-- inon special-- hello.html gisa. 

Beraz, utzi egin nau berriro hello.html Sartu. Eta orain, fitxategi horretan, naiz joan joan aurretik eta errepikatzeko zer besterik ez dugu saw-- doc mota html Ondoren, naiz joan parentesi html irekia itxia parentesi egin. Eta gero noa preemptively ireki eta etiketa itxi. Zergatik? Just beraz, ez dut geroago ahaztu. Besterik praktika ona da, irekitzea bezala eta kizkur giltza guztiak behin itxiz. 

Eta gero, zer etorri zen hurrengo? You tatuaje pentsa dezakezu. 

Ikusleak: burua. 

DAVID J. MALAN: burua. Eta gero, hemen, I izenburua izan zuen, uste dut. Eta izenburua arbitrarioki zen, kaixo, mundua itxi izenburua. Eta gero behera hemen, gorputza da, noski, ondoren, gorputzaren etiketa itxi dugu. Eta gero, bakarrik zertxobait redundantly, Gauza bera izan dut hemen. 

Beraz, hori aldarrikatzen dut web orri bat da. Honek zerbait dela ezin webean bizi, nahiz eta, jakina, nahiz eta, literalki da nire mahaigainean bizi oraintxe. Baina, hain zuzen ere, minimizatu dut gedit bada, Dut nire mahaigainean bere ikonoa ikusi. Hau aparatuaren bada ere, hau egin ahal izango duzu Mac OS TextEdit gabe edo Notepad nahiz eta Windows. 

Eta aurrera joan nintzen bada, eta klik bikoitza dela, nahiz eta hautatu ondo, dezagun Ez hautatu delako Chrome ez irekitzean. Dezagun aurrera eta ireki Chrome. Eta gero egiten Komando-O irekita Eta nire mahaigaina nabigatu eta fitxategia irekitzen du. Hau da nabigatzaile bat nola interpretatzen HTML, goitik behera, ezkerretik eskuinera. Hey, nabigatzailea hemen HTML. Hemen burua da. Hemen izenburua da. Hemen gorputza da. Eta, hain zuzen, hau da, nola Web orri horretan errendatzen du. 

Baina konturatu URL. Zuk ere ez tira izan konkretu honetan orria zure ordenagailu eramangarriak oraintxe, are barruan zure tresnaren URL bidez, file delako: // dagoela adierazten du, egia esan, nire fitxategi sisteman, nire disko gogorrean, ez zurea. Beraz, hau guztia ez da erabilgarria. 

Dezagun orain mugitzeko benetako web zerbitzari bat erabiltzen du. Eta bihurtzen da CS50 Appliance da ingurune bat besterik ez non baino gehiago C kodea idatzi ahal izango duzu, eta konpilatu eta exekutatu duzu egiten bezala daramat. Horrez gain, konfiguratu arabera staff web tipikoa irudikatzeko zerbitzari hori da Interneten, horretarako baliteke ordainduko, edo hodeia deiturikoak da bat. 

Eta exekutatzen ari da free iturburu estandar irekia software, esaterako, zerbait Apache deitzen zaio, hau da, agian, oraindik ezagunena Webeko munduko zerbitzari software milaka webgune gaur erabiltzen duten. Eta hori, gainera, are gehiago ditu MySQL bezalako software, bertan basearen zerbitzaria denean duten azkenean dugu lortu, hau da, soilik esan Tratatzeko joateko nire tresna fledged server oso bat bezala Ez dut beste nonbait, ordainduz. Nire ordenagailu eramangarri kabuz bizi besterik garapena eta erosotasuna helburuetarako. 

Beraz, dezagun aurrera eta aprobetxatu honen. Aurretik joan noa eta ireki terminal-leiho bat. Eta aurrera noa, eta joan move-- benetan, lehen naiz nire mahaigainean nabigatzeko joan. Egiten dut ls bada, ez hello.html da. Eta ez dut joan Animatu eta hasi erabiliz direktorio berria dugu Gaur ez lehenago erabiltzen da. 

hello.html-- naiz mugitu egingo hosts-- birtuala ../vhosts to horretan gehiago etorkizunean, eta ondoren hasi localhost izeneko direktorio bat sartu, horrek ia emandako goitizena da edozein ordenagailu, a Mac, PC ala ez, edo Linux ordenagailuan, eta gero zehazki zerrenda bat sartu dugu, langileek dagoeneko denean sortu izeneko tresnaren deskargatu publikoak. Eta bere izena dioen bezala, ezer Jarri karpeta honetan dut, teorian, da orain prestatzen dihardu publikoak, gutxienez, jendea nor zuzena dute Nire ordenagailuan konexioa. 

Beraz, gaur egun utzi aurretik, joan eta Egin cd direktorioa berera beraz, ikusi ahal izango dut zer da joan eta idatzi ls. Eta hain zuzen, hori da egin han gauza bakarra. Orain delako dudala jarri dute hori aldarrikatzen dut artxibatzen hello.html direktorioa baten barruan Direktorio baten barruan publiko deituriko localhost izeneko direktorioa barruan ostalari birtual izenekoa, CS50 langile esker izan da aurrez konfiguratutako izan Zure web zerbitzariak erroa Dut orain, zorionez, egin dezakezu hau. 

Ireki fitxa berri bat noa. //: Eta ez dut joan ez bidaltzea egingo. Benetako erabili nahi dut http / localhost, eta horrek berriro, goitizena da nire zerbitzari propioa. Eta ondoren, naiz joango gara zer fitxategi-izena, argi izan behar? Non dago istorio hau seguruenik gertatzen da? hello.html. 

Beraz, beste era batera esanda, orain hau nahi dut Nire ordenagailuan, nire tresna da, benetako zerbitzari bat izan arren ere. Bere goitizena localhost da. Baina localhost uste bezalako Facebook.com google.com, edozein. Besterik gabe, nire izen lokala da. Eta gero finalean nahi dut da disko gogorra sustraia, beraz, hitz egiteko edo web zerbitzari erroa, ergo aurrera barra eta, ondoren, fitxategi izena hello.html du. 

Dezagun zooma eta sakatu Sartu. Eta hain zuzen ere, ez dago nire web orrian dago orain. Beraz, apur bat desberdina da. Eta besterik underwhelming bezala. Hau bertsio zaharra da. Demagun letra-tipoa txikitu me back. Hori zaharra da. Hau da berria. Baina zer da, funtsean, gertatzen ari orain HTTP erabiltzen ari da. 

Dezagun hau pixka bat argiagoa edo, izango duzu pixka bat zailagoa bada. Goazen beheko eskuineko me alde batetik, nire tresna txoko. Eta nabarituko hori guztia Denbora, ez da zenbaki bat izan da. Hau berezko helbidea da Zure CS50 Appliance. Helbidea pribatu bat da, inplikatzen 172,16 duen bezala, besterik gabe esan nahi fisikoki zuk bakarrik web zerbitzari honetan sar daitezke. Dena suebakirik da eta nicely gainerako babestuta horregatik, munduaren aurrean. 

Eta orain konturatu arren joaten naiz bada Helbide honetan, ez da nire tresnaren, baina Mac OS-- ere noa atzera joan hemen. Hau nire Mac orain. Eta orain ez dut ireki joan Chrome bertsio hau hemen. Eta ez dut nahi http joan: //172.16.25 / Eta ahaztu nuen rest-- 133. 

Beraz, ez dut nire Mac-tik joan IP helbidea Idatzi /hello.html. Eta orain ikusten dut nire Mac dut nire CS50 Appliance duten, nor IP helbidea da zenbakia, hain zuzen ere, antza denez, Interneteko web zerbitzari bat bezala. Ez du erraza polit bat Gogoratzen izena Facebook.com bezala, baina erabiliz HTTP itxuraz, nahiz eta Chrome mota da munduan errazte Gurekin baina gurekin erakusten ez HTTP. Baina hori da, hain zuzen ere, zehazki hori. Chrome besterik ez da batzuk aurrezteko egun hauetan sakatzeak. Eta hori da orain ikusiko dugu. 

Beraz, hori guztia fina eta ona da. Baina nahiko underwhelming orri bat da. Dezagun joan eta zerbait egin me apur bat desberdina orain. Hargatik atzera me gedit. Eta horren ordez, kaixo, Mundu, dezagun jarri irudi bat. Eta aldarrikatu aurretik joan gaitezen dut Nire localhost direktorioa publikoan sartu. Eta utzi aurretik, joan eta kopia bat Gaurtik fitxategiak sorta osoa nire Dropbox karpeta hemen sartu. 

Orain ls idatzi badut, itxura fitxategi horiek guztiak aldi dudan artean banatutako Jakina, gaur egun, aldez aurretik web, horietako bat hello.html da oraindik. Beraz, ez da bat hori da. Eta gogoratzen bat silly honetan azken aldiz cat.jpg from. Hargatik nahi txertatzen saiatu me Nire web orriaren barruan cat.jpg. 

Aurretik joan noa eta egin cat.jpg, gorde. Dezagun atzera me Chrome. Eta utzi gerturatzeko me Letra-tipo eta orain freskatuz. Ene, non jarri dut? Standby-- oraindik zaharra daukat my desktop zabalik bertsioa. Goazen nire ostalari sartu, ene localhost, nire publikoa, eta hello.html. Beraz, gaur egun utzi aurretik, joan eta esan gorputzaren barruan cat.jpg non nahi dut izatea bistaratu eta berritu. Jakina, hori ez da zuzena. 

Nabigatzaile Beraz, apur bat kontatu behar dut gehiago nahita, zer egin nahi dut. Besterik gabe idazten izena da jakina, ez da nahikoa. Beraz, gogora ekarri zuen ez zegoela beste Etiketa, irudia, laburretan img. Hori besterik gizakiak delako ez du mota hitz beteak gustatzen. Eta gero iturburu egin dezakegu = "cat.jpg". 

Eta orain ez dut egin behar Gauza bat desberdinak hemen. Nahiz guztia arren gure etiketa beraz, orain arte izan baten ideia hau izan hasiera-etiketa eta amaiera etiketa bat, horrek ez du benetan egin Irudi baten zentzua, ezta? Irudi bat da edo ez dago edo ez dago. Eta, beraz, gizakiak etorri konbentzio errazagoa batekin sortu. Bai Etiketa bat duzu ahal hasiko da eta time-- berean amaituko hutsik egon daiteke, beraz, besterik gabe, hitz egiteko aurrera barra jarri etiketa baten barruan oso amaieran. Orain atzera me nire nabigatzailea. Asmatu Reload Malditos, zerbait gertatzen da. Seguruenik duzu ikusi hau Noizean behin, web orrian, Gertatzen ez bada ere, zure errua izan da. Web zerbitzari-en errua da. Zer odes honetan badirudi adierazi? It hautsi. Hori da irudia non pertenece. Bai? 

AUDIENCE: Baina horrek ez dio irudia sarbidea. 

DAVID J. MALAN: Ez du irudia sarbidea. Hori, edo are okerrago, agian, ez du, nahiz existitzen. Ea ez badugu diagnostikatu duten utzi. Azken aldiz gogoratzen bada Chrome ere, aparatuaren, edo baita zure Mac edo PC, joan Garatzaile menura duzu eta garapen tresnak joan Aukera, ziurrenik duzun ez da hainbeste edo inoiz erabili. Eta banoa Network bada eta berriro orria, dezagun HTTP begiratu benetan egiten ari diren eskaerak. 

Badirudi hello.html da hain zuzen ere, OK, beraz, 200 dira. Baina cat.jpg 403 da. Beraz, ez da 404 bat. File ziurrenik existitzen. 403 esan nahi debekatuta. Beraz, hau da, pixka bat nahasgarria. Atzera egin nahi dut nire terminal leihoa. Gerturatzeko me hemen. Eta utzi egin me ls bat. Fitxategi horiek berdinean dago. 

Orain utzi egin me a ls-l, ziurrenik duzun fitxategi begiratu aurretik erabili tamainak agian, edo markak. Eta sorta oso bat ikusiko dugu Informazio jasanezinak. Baina konturatu xehetasun batzuk. Hemen hello.html honetan Hemen arraunean eta hemen, cat.jpg. Eta besterik ez aparatuaren izatea da Erabiltzaileak nabarmenduz JPEG lagunarteko Hau atsegin morea. Baina zer gehiago ezberdina aldamenean fitxategi-tamaina eta fitxategi-izena? 

IKUSLEEN: [INAUDIBLE]. DAVID J. MALAN: Bai, ez da, Bi R gehiago hemen baino gehiago da. Ohartu zer hello.html gertatzen da. Eta gertatu da izena dela direktorioa publiko hau garrantzitsua da. Direktorio honetan ezer ekarri publikoak izan. Baina ez da nahikoa fitxategiak besterik askatu hor. Ere aldatu behar duzu fitxategi moduan, baimenak aldatu fitxategia proaktiboan ez berezko ezarpena izango da, hau da, soilik irakurri ahal izango dut eta idatzi, jabeak I izateaz. Mundu osoan denek nahi dut izan nire fitxategia irakurtzeko, nolabait esateko gai. Irakurri besterik esan ikus ezazu. 

Eta hain zuzen ere, ikusiko duzu arazo ikusten denez: multzo zazpi, duten I horiek zer esan nahi da. Hauek bi R besteko denek utzi munduko beste ere irakurri du, batez ere, orain dela direktorio honetan da. Beraz, hau konpontzeko modurik errazena da nire gonbita joan eta egin chmod aldaketarako modua eta, ondoren + r a egin, guztiz, Denek, denak, plus irakurketarako r, eta ondoren cat.jpg Sartu. Ezer ez dirudi, gertatuko zein normalean gauza ona esan nahi du. Beraz, ls-l orain berriro dezagun cat.jpg at. Eta baimen hori Badirudi aldatu egin dela. Bat alde batera utzita, egiten baduzu bat Akats eta duzu, esate baterako, besterik egin your-- ez dut saiakera badakizu publikoki istripu eskuragarria, kontrakoa egin ahal izango duzu, bat-r chmod. Egia izan arren, ez litzateke direktorio publikoa izango hala ere kezka bada. 

Beraz, gaur egun, goazen atzera nire nabigatzailea eta reload. Eta ez dut egin klik joan apur Ghostbusters Sinbolo zati hori garbitu pantaila, beraz, eskaera berriak ikusi ahal izango dugu. Eta hain zuzen ere, hemen dago Aurretik Grump Cat. Baina are garrantzitsuagoa dena, Teknikoki, ez dago 200 zenbakia da, eta horrek esan nahi du OK genuen. Ondo da, beraz, fina eta ona dena. Baina ez dugu egiten ari webgune onena, eta ez dugu gehiegi gogor saiatu joan webguneen fanciest gaur egiteko. Baina horrek, gutxienez, zerbait egin dezagun super ezagunak rattling aurretik beste etiketa gutxi off. Beraz, suposatzen dut ez besterik katu bat nahi hemen. Demagun benetan dut hau nahi cat zerbait lotzeko. 

, Agian I adibidez honen antzeko zerbait egin. aingura egiteko href bat hiper erreferentzia berdinen eta egin, besterik gabe, zerbait utzi atsegin www.google.com itxi ixteko kortxetea aipatu. Eta orain, bilatu katuak. Itxi lotura etiketa. Beraz, honen moduko bat bakarrik du Xehetasun-funtsean berri. Jakina etiketa, desberdina da. Izen aingura bat etorri da erreferentzia href edo hiper. 

Baina are garrantzitsuagoa dena, ez da sintaktikoak ezaugarri hau hemen. Hau da, zer deituz hasteko dugu Ez etiketa bat, baina atributu bat. Eta atributua zerbait Etiketa baten portaera aldatzen du. Eta hau aitortu, href, baliabide aingura honen portaera alda denean, bertan klik egin, beraz, doa URL hau hemen da. Eta, jakina, URL Googleren da. 

Bien bitartean, zer da hau testua hemen izango da? Beno, hori izan da joan gizakien benetan azpimarratutako gisa ikusten link, hori bezain erraza. Hargatik saiatu honekin. Dezagun gorde me. Naiz oraindik hello.html batean. Baina online bertsioak ere ikusiko duzu benetako fitxategia izenak ditugu aurrez prestatuta. Dezagun aurrera eta berritu. Eta orain oso bat da, underwhelming orria oraindik. Baina gainetik pasatzean badut han eta pixka bat txikia da, but-- behean ikus dezakezu zure pantailaren ezkerreko izkinan, Da, hain zuzen ere google.com egingo. Eta hori egin klik badut, izango da whisk me benetako Google modurik. 

Baina konturatu hemen aukera bat ustiapen, besterik gabe alde batera utzita. Eta itzuli gara bestearen segurtasun arazo askoz lehenago. Ez dikotomia hori delako non eta joan zer diozu artean, antzeko zerbait egin izan duzu this-- http://www.google.com. Ados, eta, gaur egun I freskatuz bada orri hori gorde ondoren, atsegin dut Google joan badirudi. Baina ez da arrazoirik ez dut Google-ra joan behar, ezta? Benetan izan dut antzeko zerbait joan badguy.com, berriro orria hemen. Oharra eta, oraindik Google itxura. Eta zorrotz banago bakarrik nahikoa gainetik pasatzean hemen ezer egiten, nahiz eta joan ikusten dut beste leku batera joan. 

Beraz, bada inoiz duzun ahaztuak bada e-mail bat, batez ere, Paypal bat, edo itxuraz Paypal-tik dizun saioa hasteko Zure kontuan, hau dela eta, inoiz, behar duzu inoiz klikatu loturak emailak, Egia, emailak edozein loturak. Ezagutzen baduzu benetako duzu Paypal edo Bank dirua Amerikako edo Fidelity edo edozein web, eskuz idatzi zuen. Begiratu nola erraza delako Trick norbait aurkezten zer sartu link bat itxura. Baina, egia esan, ezin izan da joan erabat edonon. 

Eta ez da askoz handiagoa hau baino mehatxuak. Hain zuzen ere, pixka bat da tangente bat orain, baina bat onenak inoiz ikusi nuen eta horrek bere ateak itxi ditu geroztik, ekarri zuen norbaitek pertsona da zaie, beraz, hau esan liteke, sakatu hemen saioa zure kontu, banku-kontu bat. Eta hau Bank West izan zen. 

Beraz, norbaitek erosi honetan. Eta pixka bat errazagoa da ikusi mono bananduta-tipo bat da handitutako 30-oinez proiektorea on batean. Baina letra-txikia da batean email jasotzen ari zarela, hau bankofthewest.com itxura du, Ez bankofthevvest.com, bertan norbait $ 10 ordaindu zuen erosi. Eta gero, hau eraman behar webgune txarra batzuk baliokidea. 

Eta ikusten too-- duzu benetan egiten dugu this-- joaten naiz benetako webgunera bada, bankofthewest.com, berriro ere, azken aldiz gogoratzen hau da, euren web orri eta Oraindik nola funtzionatzen duen bitxia, zalantzarik gabe joan ahal Chrome garapen tresnak. Eta hori guztia ikusi ahal izango duzu Nicely HTML formatua ez. 

Baina puntu gehiago, itxi utzi cam-- duzu this-- joan zaitezke Ikusi Garatzaile Ikusi Iturria. Zergatik ez kopiatu besterik ez dut hori guztia Eta ondoren, dezaket nire gedit little leiho batean hemen eta egin nire web orria. Save hau hello.html batean. Eta, seguruenik, horrek hautsi egingo da, Ez da erraza hau izan ohi delako. Baina, berriro kargatu dut nire orri propioa orain bada nire kabuz CS50 Appliance eta hit reload, Ados, gauza batzuk hautsi. Baina nahiko beharrik gertu nago nire kabuz banku webgunean, ezta? Hori guztia HTML 

[Barreak] 

DAVID J. MALAN: --I ez zuen benetan eta zu Ezagutzen ez dago ez out norbait benetan sakatu zen, lotura horiek gehiegi. Beraz, argi eta garbi, gauza batzuk hautsi. Baina hori eramango joan eztabaida bat sartu gurekin, alferrik oraintxe, behar bezala zer CSS, Kaskadako estilo-orriak, dira, eta, nola ez duzu beste HTML fitxategiak deskargatzeko eta JPEG fitxategiak GIF fitxategiak Webgunea erabiltzen egon liteke. Baina hori guztia accomplishable. Baina benetan irakiten bertara heuristikoak oso erraz hauek. 

Beraz, gaur egun dezagun baten bidez gaingabetuak besterik HTML beste adibide pare besterik ez duzu zentzu bat emateko zer gehiago egin dezakezu. Esate baterako, hori list.html da. Demagun web orri bat egin nahi dut quad etxeen zerrenda batekin. Ul etiketa erabiltzeko liteke I orden gabeko for zerrendan eta, ondoren, zerrendako elementu umea eta, ondoren, batetik bestera joateko over-- edo zerrenda, etxeak baizik galdera. 

Eta hau ireki dut bada, egin dezagun hau. Goazen ez hello.html, baina list.html. Malditos. Nola hau konpontzeko? Gaia bera da orain arte bezala, ezta? Hargatik chmod-- oops-- egin dit chmod a + list.html of r. Eta orain atzera egin dut nire nabigatzailea bada eta klikatu Birzamatu, ez da. Beraz Nahi duzun inoiz bada egin Buletdun zerrenda bat, hori egin ahal izango duzu. Super fancy izan eta egin nahi baduzu Ordenatutako zerrenda bat, ez Ordenatu gabeko zerrenda bat, aldatu horiek ol da, orria berriz kargatzea eragingo du, eta orain nabigatzailea da inguru izango duzu. 

Zer gehiago egin dezakegu? Beno, others-- pare bat bada lortu duzun text-- paragrafo luze esate baterako, zenbait Hau bezalako testu Latin eta nahi duzun paragrafoetan desberdinetan, p irekia, paragrafoan etiketa egiteko p hurbil. Eta gauza bera behin eta berriro. Eta nik orain ireki bada sortu fitxategi hau, paragraphs.html, bai, hau da gogaikarriak. Beraz, gaur egun besterik ez itzuli horrek nire gonbita, chmod + r r izar bat .html-- nice little basa-txartel bat, nolabait esateko. Guztiak konpondu behar da niretzat arazo horiek. Dezagun freskatuz. Hiru paragrafoetan dago. 

Eta orain, goazen aurrera eta ireki bat bestea. Nola mahai inguruan? Taula begirada nabarituko duzu apur bat konplexuagoa da. Baina ideia bera da tag irekia, tag irekia, , irekia, irekia, tag itxi irekia, tag irekia. Eta horiek gertatuko stand mahaia, horren mugan itxuraz lodiera izango 1-- whatever esan nahi du taulako errenkadan, taula datuak, eta horrek zelula bat esan nahi du. Eta atzera egin dut nire nabigatzailea bada hemen eta joan table.html, zerbait ikusi ahal izango duzu Hau atsegin, izugarri. Baina puntua lortu dugu non, ezin dugu benetan Hori baino gauza ederragoa egiteko. 

Hargatik zeintzuk orain niretzat. Badira etiketa gehiago sortak da. Eta HTML wonderful recoger da ere, Egia, guztiak egin behar duzun jada existitzen den web orrialdeak begiratu horrekin Oraindik ezagutzen. Eta atsegin zara, oh, hori nola Hau egin dute estetikoki. 

Edo edozein online bila dezakezu baliabide HTML nola funtzionatzen duen, eta ikusiko duzu ez dagoela da bat Beste etiketa hiztegia osoan. Baina mental eredu sinpleekin hori bakarrik irekitzen duzun ia edozein etiketa benetan itxiko dute, hura aski ez norbera irakasteko HTML ondoren ulertu tags oinarrizko ideia horiek eta atributuak eta ongi-eratze Horri buruz hitz egin dugu, baliteke ireki dugu ezer itxi beraz, ez dugu nabigatzaile bat nahastu. Hargatik hartu en orain honetara Maila interesgarria benetako joanda. Eta utzi joan nire Mac-en Hemen, google.com da. Eta orain konturatu egin dezagun. Joan gong naiz Ezarpenak, bilaketa-ezarpenak. Itzali gogaikarriak instant hau nahi dut Emaitzek zera non berehala Idazteko erantzunez hasten da. Egin dezagun eskola zaharrean egokitu beraz dezagun benetan zer gertatzen den ikusiko dugu. 

Naiz, beraz, gorde nire Google hemengo aukera. Eta orain konturatu naiz joan bilatu katu antzeko zerbait da. Eta oraindik ere auto egiten osoa hemen, baina oinarritutako gauzak pertsona izan dira iraganean idatzi. Baina konturatu zer gertatuko. 

Une URL da hau, besterik google.com. Eta teknikoki, barra da. Google besterik ez da pertsonaia bat aurrezteko eta ez digu erakusten. Gurekin https erakusten ari dira, besterik ez super reassuring garela izateko Orri seguru edo enkripatutako batean. 

Hargatik aurrera me eta bilatu katuak. Orain hau lortu benetan jasanezinak azkar. Begiratu URL honen luzera at. Baina bihurtzen da stuff honetan gehienak URL da benetan nahiko alferrikakoa. Ezabatzen hasteko noa Gauzak ez dut ulertzen. Katuak ikusten dut. Katuak ulertzen dut. Ez dakit zergatik katuak daude berriro. Ez dut ezagutzen zentzugabekeria hori zer den. Beraz, besterik ez dut mantendu egingo nabarmenduz eta gauzak ezabatzen ez, ez dut ulertzen, besterik honetan sartu URL-gutuna. 

Orain let me get sartu berriro. Google oraindik ere lan itxura. Beraz, arrazoi batzuk, ari bat gehitu beharko dute gauza asko euren URL-en lehenetsia dagoenera. Baina ez da zorrozki beharrezkoa. Beraz, zer atsegina da hau? Beno, utzi aurrera me eta ireki, Chrome Inspector. Ez dago bat txiki sagu shortcut egiten da. 

Sarea fitxa joan. Eta orain me freskatuz Orri honetan, beste behin ere. Eta Shift naiz eusten. Bat alde batera utzita, nabigatzaile bezala joera cachean edo gorde Informazio besterik eraginkortasun en mesedetan. Baina normalean, ustiategi Shift eta birkargatzen dena behartuko du baino gehiago hasteko hasieratik. Eta hori da hemen egin nahi dut. 

Eta horiek guztiak nabarituko besterik agertu ilarak. Bihurtzen da, edozein web jakin batean orria, fitxategi bakar bat izan liteke involved-- hello.html-- edo ez 52 izan daiteke, kasu honetan bezala. When I bisitatu google.com, itxuraz, nire nabigatzailea 52 bereiziak HTTP eskaerak hasten. Zergatik da hori? 

Beno, zer barruan begiratu Web orri goian honen. Ez dago testua bakarrik, baina ez da benetako irudiak eskubidea baino gehiago, katuak. Badira koloretsua logo bat sortu hemen ezkerreko. Ez dago ikono guztiak mikrofono bat eta abar. Ez dago pieza asko da, eraikitzeko blokeak, scratch piezak, hala nahi bada, Web orri honetan. Eta zer nabigatzailea gainean egiten ari da Oso lehen fitxategia lortzean, eta horrek Lerro honetan hemen, da, funtsean, HTML gora errepikatzean behera, ezkerretik eskuinera, bila irudi-etiketa edo beste tags bezala gauza diren beste fitxategi batzuk aipatzea eta denean horiek ikusten da, doa eta bilatzen itzazu HTTP bidez, bideragarria osoa gutunazal metafora, eta, ondoren, erakutsi egiten ditu batean Web orri kokapen egokia. 

Baina konturatu hemen ardatz badut Lehenengo bota, bilaketa katuak, nabarituko, hain zuzen ere, HTTP 1.1 bertsioa da. Eta, zoritxarrez, Google Chrome eskubidea 39 bertsioan orain da Dumbing gauza mota behera eta Ez digu erakusten benetako goiburuak. Baina zer gertatzen da hain zuzen ere bidali zen eskaera bat da for barra ez, baina / search? q = katuak. 

Orain, zergatik da garrantzitsua? Beno, nik inferitzen dut honetatik baduzu Google Formulario honetan, zergatik kontsulta onartzen ez nire bilaketa propioa martxan jarri nuen CS50 motorra, baina besterik aurrealdean amaieran, besterik GUI. Eta atzera amaieran azpikontratatzeko dugu, uneko bilaketa Google emaitzak. 

Beraz, nola egin dezaket hau? Beno, utzi ni hemen baino gehiago joan gedit sartu. Eta utzi aurrera eta ireki sortu, demagun, fitxategi berri bat. Eta ez dut hau gorde egingo da aldi baterako, bilaketa-0.html gisa. Eta gero, azkenean, azkar egingo dugu Bat dut aurrera aurrez prestatuta. 

Eta nahi dut azkar Látigo sortu doc ​​mota html bracket irekita html ixteko kortxetea html. Ondoren, naiz buru egin da joan itxi burua titulua open CS50 Ordez Google bilaketa baten bilatuko. Down hemen naiz behar joan gorputza, hemen behera itxi gorputza. Eta orain CS50 Search behar dut. Eta, benetan, dezagun eraiki hau handitik. Aurrera joan eta itxi honetan, eta noa benetan jarri nire direktorioa publikoan. Beraz, ematen dit une bat besterik ez. bilaketa-0.html-- noa temporally deitu search.html. Da chmod + r search.html bat noa. Eta orain ez dut ireki ere egin behar. Ondo da, beraz, izan zen azkar. Baina helburua, besterik gabe, Gurekin lortzeko puntua Testu horren beharrik artxibatzen search.html izeneko. Beraz, ez da hainbeste oraindik begiratu. Izan ere, joan nintzen nire nabigatzailea bada, eta joan search.html, hori da dena den. Baina, zer ezagutzen duzu? Apur bat fancier izan nintekeela. Liburu bat irakurtzen dut, ez dagoela h1 izeneko epigrafe etiketa bat. Eta aurrera noa, eta joan duten h1 ireki eta itxi h1 erabili. Berriro orria. Eta orain, handiagoak eta bolder da, ez guztiak interesgarri, baina, gutxienez, berau egituraz interesgarriagoa. Baina orain utzi tag beste aurkeztera me. Bihurtzen da han inprimaki etiketa bat. Eta utzi etiketa itxi nau. Eta bihurtzen da han-en input etiketa bat mota izeneko atributu bat dauzka, eta horietatik Datu-eremuaren mota da, izango bada. Eta mota testua izango da. Eta bere balioa va CS50 Search izateko. Itxi etiketa. Eta ez dago nozio izango da ireki eta etiketa bereizi itxi. 

Let me back hemen baino gehiago eta ikusteko zer ari den gertatzen, freskatuz. Interesgarria eskuratzen. Badirudi testu-eremu bat da. Eta egia esan, ez nuen nahi balio bat jartzea ez oraindik. Let me hemen itzuli eta benetan lortu Balio hau kentzeko simple mantentzeko. Balio bat ordez, zer nahi nuen Gauza hau emateko izen bat izan zen. Eta ez dakit zer den, beraz, zatoz dut itzuli. 

Baina hori azpian, nahi dut sarrera mota egin = aurkeztu. Eta balio hau CS50 Search izango da. Eta ikusiko dugu zergatik I horri balioa mugitu. When I freskatuz, badirudi dut orain dute nire bilaketa egin hasieratik motorra, super izugarri, Egia izan arren, oso Ez bota urrun bat zer Google-ren orrialde lehenetsi itxura. 

Hemen joan I bada, orain, daiteke ere idazten dudanean katuak eta, zorionez, sakatu Bilaketa. Baina ez naiz nahiko oraindik egin dut, dut ez delako ezarri, Jakina, datu-base bat. Ez dut arakatu du bilaketa emaitzak web. Beraz, azpikontratatzeko Google behar dut. Beraz, nola egin behar dut? 

Beno, lehenik eta behin Ekintza gehitzeko eta behar nire inprimaki etiketa aitortu duten http://www.google.com/search da. Eta ezagutzen dut beharrik ez izateko bakarrik hurbiletik begiratuz ondorioztatu Beren URL-en. Eta orain, etxebizitza bat. Zer egin beharko lukete seguruenik testu arlo deituko oinarrituta, non gauden zelairatu aurretik? 

IKUSLEEN: q. 

DAVID J. MALAN:? Q. Eta ez dugu benetan behar galdera markatu bihurtzen da, baina q da, hain zuzen ere, Kontsultaren ziurrenik arabera q Lehenespenez, besterik ez delako hori, zer Larry eta Sergey sortu zen duela urte batez. Beraz, orain utzi kargatu berriro orri hau me. Ez du desberdinek guztiak bilatzeko. Baina orain ikusi zer gertatzen den. 

Idatzi dut katuak eta Klik batean bazaude CS50 bilaketa eta utzi joaten, nabarituko whisked dit Benetako Google kanpoan. Orain, Google pixka bat ari ari dira horretan gogaikarriak Parametro gehigarri bat erantsi, , borondatea URL bazara. Hori gertatzen ari den guztia da Google albo automatikoki. 

Zati garrantzitsua da I diruditen sortu dute eskaera hau hemen. Eta hain zuzen, hori da zer gertatzen den. Noiz HTML duzula itxura hau, hau Web garatzaileek idazkera moduko da esaten, aurrera eta formulario bat sortzeko denean aurkeztu bazaizkio, nik URL honekin joango gara. Eta noiz URL eskaini dio q bezalako gauzak balio, ez besterik URL honetara. Egia esan, joan zaitez marka eta, ondoren, q = katuak. Erantsi parametroa da, Horrelako HTTP parametroa. 

Eta besterik super hain zuzen ere, zer ari ondorioztatzen hemen ari baina izan dut explicit-- gehiago da duten erabili nahi dut metodoa lortuko da, antzeko zerbait ordez post, azkenean, ikusiko dugu. Beraz, azken finean, besterik gabe ulertzeko moduan HTML eta zenbait etiketa nahiko sinpleak erabiliz, dugu orain ahal izango dituzu sortu gureak frontend erabiltzaile Bilaketa bat interfazea motorraren atzean. 

Baina hori jakina, Pretty izugarri. Beraz, utzi benetan me ireki, bertsio apur bat hobea. Hau bat prestatu nuen da aurrera duten iruzkin batzuk. Baina ikusiko duzu dut nahiko askoz birsortu da. Beraz, hau da dagoeneko eskuragarri online. Eta gertatu zen I preemptively https joan besterik simple mantentzeko. 

Eta orain dezagun bat ireki bat hurrengo hau iterazio. 1 0 bertsioaren ordez dago. Zer joango duzu horietan gutxi adibide honetan, hainbat? 

IKUSLEEN: [INAUDIBLE]. 

Bai, testu-lerrokatzea zentro hau. Hau da, apur bat arraro hemen. Baina hori da, hain zuzen ere, berria. Eta, agian, zer gertatuko. Joan nintzen nire nabigatzailea orain eta bisitatu bilaketa-1.html, ia gauza bera da. Baina urrats bat hurbilago da gehiago nahiko pixka bat izateaz. Itsusia da oraindik, baina hori ere prettier Gutxienez guztia orain zentratua. 

Beraz, izarrekin bihurtzen da zer esan erabiltzen dut beste hizkuntza guztiz izeneko CSS, Kaskadako estilo-orriak. Eta CSS, Egia, mota , nire iritzi pertsonala, atrociously diseinatu hizkuntza bat. Oso gogaikarria da gogoratu behar hainbat xehetasun guztiak. Baina zer stylizes da gaur egun munduan dagoen guztia web. Norbait offended dut. Guztiak eskubidea. Beraz, goazen atzera hemen ikusi nola benetan ari gara erabiliz. Eta bihurtzen da, gutxienez, da benetan hizkuntza sinplea. Besterik gako bikote, propietate da eta balioak, ezaugarriak eta balioak. Izan ere, hemen da jabetza eta balioa esaterako. 

Besterik gabe, estiloa erabiliz Nire gorputza tag atributua eta hari baten balioa emanez Hitz koloneko eta beste hitz bat, edo jabetza eta balorea ere, I estetika eragina izan dezake web-orriaren, ez nahitaez egitura oraindik, baina estetika. Eta besterik ez inguruan Googling arabera, I konturatzen CSS, Kaskadako estilo-orriak, izeneko propietate bat onartzen Testu-lerrokatzea, eta bere balioa ezin utzi behar, eskuineko edo erdiko, esate baterako. 

Beraz, orain naizenean freskatuz Orri honetan, zer lortu nuen zentratua orri bat izan zen, baina oraindik nahiko itsusiak. Dezagun aurrera eta ireki 2. bertsioan Search osatzen. Eta orain konturatu egin dut pixka bat gehiago. Ohartu zaitez hemen buruaren barruan tag, ez titulu baino gehiago izan daiteke. Izan ere, estilo Etiketa bat. Eta hau da, non lortzen besterik ez da bat little messy ikusten CSS batzuetan. 

Iragarki zerbait izan badirudi I. egituraz itxura oso desberdina da. Baina hemen izena da Etiketa nahi dut estilizatu. Hemen gure lagun zaharrak kizkur giltza eta kizkur giltza itxia. Eta gero, hemen da, etxea eta bere balioa. 

Fitxategi hau kargatu dut bada, search2.html, azken emaitza berdina da. Baina diseinu hobea norabidean urrats bat da. Out CSS hau factoring By, dut Ez commingled nire HTML batera. Eta hain zuzen ere, ikusi dugu, ezin izan dut berrerabiltzea propietate eta balio horiek. Sortak egin nahi nuen bada Nire web orriaren zati zentratua, Nik ez dut style = text-align idatzi behar zentro guztiak leku baino gehiago. Leku batean ezin dut jarri beharbada, nahi up goialdean. 

Hala ere, hau ez da diseinu onenak. Izan ere, gauza bat ikasi ahal izango duzu gero eta gehiago denbora ahala web programazioa da, gehiago egin ahal izango dituzu gauzak eta faktore gauzak modularize out h fitxategiak bezalako gaitezen faktore gauzak out, Gustatzen gurekin faktore gauzak utzi helpers.c out Duela psets batzuk. Era berean, baliteke dugu Hau lortu nahi. 

Beraz bertsioan nabarituko search.html hirutan dut garbitu burua orria eta besterik jarri honetan, link etiketa bat, eta horrek izenaren kontra, ez dizu hiperesteka. Lotzen ditu modu beste fitxategi href bat eta bere balioa, kasu honetan, bilaketa-3.css da Beraz, konturatu nintzen azkar goaz. Baina guztiak egiten ari naiz mota ren gauzak mugitzen inguruan. Utzidazu open bilaketa-3.css. Bada, ez da ezer benetan da. Kopiatu eta itsatsi berri bat sartu besterik ez dut artxibatzen, gauzak factored dugu askoz bezala atera Beste fitxategi aurretik sartu. Eta, emaitza erabat underwhelming-- da berdin izango. Baina toward-- mugitzen ari gara, ez, ez da. Oh, badakit zergatik. 

Beraz, akatsen bat izango dela dirudi. Eta zentzu batean da. Baina utzi ireki me my Network fitxa. Dezagun orria berriz kargatzea me. Ah, zergatik CSS ez dela aplikatzen da? Beno, CSS fitxategia, era berean, badu Mundu irakurgarria izan behar du, nolabait esateko. Eta ere gaur egun debekatuta dago. Hargatik bat chmod a + r egin dit star dot CSS whoops-- gara dot CSS besterik ez da fitxategia CSS fitxategi luzapena. Orain utzi atzera me to nire nabigatzailea eta reload. OK, pixka bat hobeto. 

Orain dezagun azken gauza bat egin zidan. Bilaketa-4.html ere. Pentsatu besterik ez dut bertsio bat daukat modu freskoago, bide gehiago izan bazen ere konplikatuak. Dezagun emaitza lehen. Itxi honetan digute gela gehiago. Aldatu bilaketa-4, Sartu. 

Eta orain gauza mordo bat apurtu dituzte. Atzera egin nahi dut nire direktorioa hemen sartu. Eta orain, besterik ez dut egingo + r baten chmod a fitxategi batean Ezagutzen dut existitzen deitzen delako logo.gif, zein irudi bat da. Eta orain freskatuz. Eta wow-- beraz, gaur nago Nahiko hurbil, Egia, 1999 Google-en bertsio gustatzen, eta Egia, 2014 Google-en bertsio, ezta? 

Beraz, gaur egun bere web joan, azken finean, bilatu nuen Katuak bada. Eta halaxe da. Baina zer modu desberdinean egiten dut 4 bertsio honetan? Beraz, ez dugu dwell aldaratzea gehiegi hemen. Hau ikusiko duzu arazo multzo zazpi azkenean. Baina konturatu gauza batzuk egin nuen. 

Div bat sartu dut etiketa, zatiketa da, paragrafoan etiketa bat antzeko espirituz. Baina zatiketa bat besterik ez bezalakoa da, hemen Ikusezina eskualde laukizuzena Pantailaren. Dezagun berezia eman Identifikatzaile, oin bat, besterik ez beraz, buruz dugun hitz egin ahal Gure HTML beste nonbait dago. Hemen orriaren div bat da horren ID edukia izango da. Orriaren edukia da. Eta hemen, orriaren goiburua da. 

Bestela esanda, ez dut HTML funtsean am adimen Web orri hau begiratzen hiru osagai buruz hemen laukizuzen ikusezina honekin, erdian edukia, eta, ondoren, Orri-oinean behera beheko, nahiz arren, ez dugu gauza horiek ikusteko. Neure burua, nahi dudalako orria hemen, edo css fitxategi batean Sintaxia hau erabili ahal izango dut. 

Goiburu ez da etiketa bat. ID bat da bihurtzen, beraz, #header eginez out, Dut orain eska dezakete bat edo gehiago goiburua propietate. Eduki bera egin ahal izango dut, edukia hemen berdina. 

Beraz, adibidez, beheko aldean, oharra Ezaugarri horiek naiz batu guztiak. Eta besterik existitzen dira irakurketaren arabera ezagutzen dut CSS dokumentazioa gehiagok. Letra tamaina txikiagoa izango da beraz, letra-batzuk tamaina erlatiboa. Pisua da lodia izango da. Margin-- pixel zenbat Inguruan 20 pixel da hobeto esanda. Eta hori zentratua egingo da. 

Baina oraintxe bertan, orriaren itxura hau. Ez nago pozik bada nire kopia bertan, Kolore gorri antzeko zerbait egin izan dut. Eta, ondoren, hau gorde ahal izango dut, berritu, eta orain oina bai estilizatu dut. Beraz, hau da, besterik gabe, botere hinting zer web orri batean egin dezakezu gauzak aldatzeko inguruan. 

Eta nahiz eta hori baino freskoago, nahi baduzu ikutu benetako webgune batera, ezin duzu betirako aldatuko die. Baina, ireki dut bada Chrome Inspector berriro eta ez dut joan ezkerraldeko to hemen, eta Facebook HTML erakusten, baina eskuin hegaletik erakusten aldean bere CSS guztiak, ahal duzun, eta bai unean gauzak aldatzeko. Beraz, aurrera eta hau egin. 

Dezagun aurrera eta kontrol me Ezkutatu ausazko hitz honetan hemen, sinatu, eta sakatu Inspect Element. Chrome oso eroso joango da h1 etiketa duten Facebook erabiliz. Eta konturatu hemen Facebook ditu motatako lazily gogor kodetuta letra tamaina jabetza bat hemen. 

Beraz cool gauza da, nahiz badut Benetan joan gaitezen hemen eta esan, oh, Facebook, ez dut gustatzen 64 pixel, orain dugu Facebook alda dezake. Jakina, bakarrik ari gara aldatzea Niretzat pertsonalki une. Baina hori beste besterik Gure tresna kit tresna hori fintzeko aukera izango dugu eta irudikatu eta, gainera, diagnosia Gure web orriak ere gai. Eta, era berean, ezin gara gorako Hemen, gauza bera da. Baduzu benetan Fancy lortu nahi, dut esan nahi, orain ezin duzula orriaren mutatu eta ero gauzak egin. 

Beraz, zergatik da hori guztia baliagarria? Beno, azken finean, gu gara Izan nahi joan web orriak sortzeko gai dela dira gure atzeko muturrak propioak bultzatuta, ez besterik Google eta atzeko amaieran ez outsourcing. Benetan nahi dugu balioa, adibidez, gure bilatzailea ekintza egozten diote, bestela, ez joan norbaiti, baina Bilaketa antzeko zerbait, non Bilaketa gure zerbitzari propioa daukate, ez beste norbaitek on. 

Eta horrela iritsi, benetan dugu Hizkuntza berri bat aurkeztu behar dute. Beraz, dagoeneko beste bat begiratu hizkuntza Hemen, edo bi benetan, HTML eta CSS. Baina benetan dira besterik egitura eta estetika hizkuntzak. Oraindik ez dute programazioa hizkuntzak per se. Eta hori buruz formal handirik denbora gisa, horien gainean egingo dugu pasatzeko. Hasiko dugu orain delako PHP trantsizioa. 

Beraz, PHP da benetako programazio hizkuntza. Da scripting hizkuntza bat da zentzua da hori ere ondorioz, pisu arinagoa da C. antzeko zerbait baino Eta Lengoaia interpretatu bat da, horrek esan nahi du, ez da konpilatu. Beraz, hitz batean, zer esan nahi du denean c bezalako hizkuntza bat erabili dugu eta konpilatu behar izan dugu? Zer esan nahi da hori! konpilatu C iturburu-kodea? IKUSLEEN: [INAUDIBLE]. DAVID J. MALAN: Berriro esan nahi du? IKUSLEEN: [INAUDIBLE]. DAVID J. MALAN: Perfect. Berau bihurtzen da binary sartu. Bihurtzen zero eta bai sartu da benetako ingelesa bezalako iturburu-kodea. Eta gero, ahal dugun benetan zero eta bai horiek exekutatu horiek pasatzen bidez Klik bikoitza ikono bat CPU edo komando bat exekutatzen. 

PHP eta Python eta Ruby eta Perl eta Javascript eta beste sortak hizkuntzak interpretatzen dira hizkuntzak, hots ez duzu konpilatu ditu. Izan ere, haiei sarrera bezala elikatzeko interprete baten izeneko programa bat. Eta interprete duten, beste norbaitek idatzi du, iturburu-kodea top irakurtzen behean, eskuin eta interpretatzen besterik Ezkerretik lerro horiek, eta hori guk ez. 

Beraz topo baduzu bat lerro inprimatu dioenez, ez du zertan bihurtzeko inprimatu dagokion zeroen eta bai. Besterik gabe, gustuko interprete hau dauka Baldintza handi bat bada dioen, programatzaile agindu bada inprimatu, ondoren, honako hau. Beraz, besterik gabe, interpretatzen arrazoibide mota arabera zer egiten ari zaren kontatzea egin bitartez. 

Eta PHP hizkuntza horietako bat da. Eta duela PHP urte diseinatu zuten web programazioa, hain zuzen. Eta, hasiera bat izan zen narratsa hizkuntza oso sloppy. Eta hain zuzen ere, ez dago handi bat txarra PHP kodea zenbatekoa ez out. Baina hizkuntza bera urteetan zehar heldu, hainbeste beraz, gaur da benetan hurrengo urratsa zoragarri bat pedagogiko C-tik, da delako beraz darned guztia ezagunak besterik ez dituzun azken asteetan ikusi. 

Hasierako desberdintasun bat ikusiko dugu dago funtzio nagusia ez da jada. Noiz kodea idazten hasten zara, besterik ez da joan exekutatu emateko ez du axola zer, une batean ikusi dugu. Bitartean, hona hemen zer bat aldagai PHP itxura. Apur bat desberdina da, baina bakarrik, ozta-ozta. 

PHP, ez dago idazketa sendoa. Ez dago astean mekanografia, besterik gabe esan nahi ez Datu kateak bezala mota daude eta zenbakiak eta beste gauza batzuk. Baina ez duzu traba zehaztuz zer gehiago dira. PHP zifrak zuretzat. Dolarraren ikurra erabaki bat besterik ez da PHP jendeak hori egin urte Duela hala nola, PHP edozein aldagai besterik dolarraren ikurra batekin hasten da. Egia esan, mota horretako horretan erabilgarria out joango zaitu apur bat gehiago. 

Baina hori egin ondoren, hauxe PHP baldintza bat da. Zer desberdina versus C? Trick question-- ezer, hau da, benetan, benetan polita. PHP berean adierazpen boolearrak. Eta versus boolear edo, switches, begiztak, loops, loops-- OK, hau desberdina da. 

Beraz, bihurtzen da, ez da bat beste PHP ezaugarri pare. Horietako bat da, benetan, honetan, zein da wonderfully erosoa. $ Zenbakiak bazaizu dut array bat da, Aurretik deklaratu programa batean, Fancy hau eraikuntza bakoitzerako duzu hori guztia egiten ordez gogaikarriak I funtzioak 0, Ni naiz, hau baino txikiagoa da, [? ++ Dut?] Zenbaki bakoitzeko kopurua, non bakoitzak gisa horiek dolarraren ikurra balioen besterik ez da aldagai bat, eta bigarrenak I. gisa pentsa dezakezu Ezer nahi duzun dei dezakezu. Zenbaki deitu nuen. Hori baino gehiago batetik bestera joan Zenbakiak izeneko array. Eta iterazio bakoitzean, da automatikoki egunera joan duzu dolarraren ikurra kopuruarengatik aldakorra da, beraz, etengabe duzu Nahi izanez aldagai sarbidea Bat kortxetea egin beharrik gabe idazkera edo indexatzeko array batean. 

Hortik aurrera, horrelako gauzak are gehiago daukagu array, ia itxura berdina duen, izan ezik, oso ohikoa da, zaitugu gisa ikus, bai PHP eta JavaScript array bat hasieratzeko pre kortxete erabiliz. C giltza kizkur erabiltzen du. Beraz, apur bat desberdina da, nahiz eta ez dugu benetan erabili trikimailu askoz. 

Baina are gehiago potentziaz, PHP elkartze-array ditu, bertan fancy modu bat da hash taulak esaten. Izan ere, hash bat aldarrikatu nahi badituzu taula PHP, zenbat C ez bezala Kode lerro zuela hartu du benetan hash C taula bat ezartzeko? Edo zenbat lerro kodea da hash taula bat ezartzeko C hartuz? Beraz, seguruenik asko, ezta? 100 edo 200 dozena batzuk bat da, agian. It nontrivial da. Edo buruz, gisa laster ikusiko dituzu, nontrivial hash taula bat ezartzeko [INAUDIBLE] eta, gainera, saiatu. Baina PHP eta Egia, I beharko ez esango dizu hau Monday-- arte PHP, bada Taula bat egin nahi baduzu, egin. Hori da egiaztapen bat table-- orain Kode-lerro batekin. Eta 

Hizkuntza asko egin. Have fun pset bost. Beraz, hizkuntza asko egin. Zuk abstrakzio horiei ematen dute Beste pertsona batzuk, beste programatzaile, dute zuretzat, beraz, bizkar gainean stand dezakezu eta hasteko super hemen ideia erabiliz sinesgarria, hash taulak eta zuhaitz bezala eta saiatzen da. Baina ez du zertan izan Gauza horiek zeure burua ezartzeko. 

Eta, beraz, azken finean, zer PHP erabili ahal izateko goaz potentzialki programak idazten Komando-lerroan deiturikoak. Programa guztietan birsortzeko genezake idatzi dugu seihileko honetan, orain arte, agian ezik SPL erabiltzen duten Breakout, bertan C berariazko une da. Baina beste arazo guztietan ezarri, zalantzarik Mario eta Cesar eta Vigenere eta [? Crack?] Eta aurrerantzean, dugu PHP ezin berriro ezartzea, eta ziurrenik apur bat errazago. 

Baina zer ari gara azken finean joan PHP erabili ahal izateko web programazioa da. Eta ari gara hurrengo aurkeztera joan Aste eredu mental bat, izeneko paradigma MVC, eredua ikuspegi controller, eta zuk egin bada Nik programazioa Python edo aurretik Ruby edo beste nonbait, duzu liteke talde hau ezagutzen Barandak eta Django eta antzekoak. Baina Oraindik berria bada hau ere bai, ikusiko duzu hori da, benetan oso natural bat factorization luzapena eta diseinu moduko kodearen dugu duela sido C. egiten ari gara ari orain PHP ikasgai horietako batzuk aplikatu beraz, azken finean, garen Gure webgune propioa ezartzeko. Eta Oraindik sort bada mesmerized edo harritu ari gara egingo guztia hain azkar, konturatzen ia egunero seihilekoan, ia 90% ikasleek CS50, direnak ere; duten inoiz programatu aurretik, azkenean amaierako proiektuak egiten dira web programazioa oinarritzen da. Eta horrela itzultzen dela ikusiko duzu datozen asteetan handia. Beraz, bada, ondoren, ikusiko dugu astelehenean. 

HIZLARIA: 1 Eta orain, Deep Daven Farnham arabera pentsamenduak. Hash taulak. 

[Barreak]