[Powered by Google Translate] [Week 7, folytatás] [David J. Malan, Harvard University] [Ez a CS50.] [CS50.TV] Rendben van. Welcome Back. Ez CS50, és ez a hét végén 7. Tehát az egyik ilyen ostoba kis dolgokat, hogy megy az egész Internet és mi slurped fel, és most már, hogy egy kicsit geeky értelme van. Nos, ez volt viccesebb, hogy ez a fickó, mint volt veletek. Apropó, nos, srácok, ma van Nate születésnapja. Ahhoz, hogy egy értelemben, hogy milyen jó Nate és én A webfejlesztés alapuló hétfői osztályban alapján most ezen, Gondoltam, húzza fel Nate honlapját, ha még nem látta még. Ez itt ia Nate HTML. Így látja a forráskód, ha szeretné látni, hogyan kell ezt csinálni, és Nate, ha tudnánk embarass csak röviden, a személyzet neked egy kis valamit ha szeretné megosztani néhány desszert néhány a gyerekek az osztályban van. Ha azt szeretné, hogy jöjjön le. Mindannyian tapsolnak, és nagyon szép, de senki nem ül a közelébe Nate, valamilyen okból vissza övezetben. Szóval, talán megtalálja egyes emberek élvezni ezeket. Happy Birthday, Nate. 

Kiegészítő hellos: Megmutattuk, egy pár klipek a mi CS50x diákok. Ha azt szeretné, hogy ki más van a világban ez után végig, akkor irány az URL, ahol Joseph, az egyik TFs, állított össze egy montázs a fajta mindenkinek, aki már benyújtásakor ezek a videók, köztük Rick Astley. És ha lapozhat ezeket, ez tényleg nagyon inspiráló hogy az eltérő országok és városok, ahonnan az emberek jelzési. Tehát, ha azt szeretné, hogy vessen egy pillantást arra, hogy ez lesz, egészen a végén a félévben. Ma folytatjuk a pillantást a Web, web programozás, HTML és hasonlók, és mi is ebédelünk jön ezen a héten pénteken ha szeretné, és különösen, hogy nem tette meg korábban. Ezen a pénteken témája lesz Nate születésnapja, így ha azt szeretné, hogy a születésnapi ebéd Nate és mások néhány barátaink Ipari, kérjük, fej, hogy az URL ott. Space, mint mindig, korlátozott. Továbbá, ha elfelejtette, észre, hogy a jövő héten a határidő probléma megállapított 4-es csillagvadászatban, amely után beszedik Mindezen JPEG származó card.raw, Ön és pont cimborák, ha azt szeretné, próbálja fényképezés annyi a számítógép tudósok, hogy a memóriakártya lehetséges, és te és a szakasz majd nyerni mesés díjat. Lásd vissza Pset 4-es előírás, hogy mit nyújtson be és mikor. Továbbá, ha szeretné, hogy a kézimunka halhatatlanná A kurzus a weboldalt, és a történelem, a ruházati tudja, hogy szívesen most elkezd benyújtása tervek Az idei T-ingek és pulóverek és hasonlók. Mi mindent megteszünk, hogy magában annyi, mint tudjuk, de mi lesz néhány munkatársa az értékelést az összes formatervezési hogy megbizonyosodjon arról, ők megfelelnek az előírásoknak, és mi majd vedd általában egy maroknyi közülük kerül kiállításra. Tehát, ha a tervezési típus, csak tudom, hogy a követelmények A grafika PNG, legalább 200 DPI, ezeket nem lehet több, mint 4000 x 4000 pixel, és nem több, mint 10 MB, de te szívesen használja dolgokat, mint a Photoshop vagy a GIMP vagy a különböző grafikai programok, amit az Ön rendelkezésére. 

Szintén a horizonton a végleges projekt. Az utolsó projekt valóban a csúcspontja 50, amely az összes feladatot folyamán, ez a lehetőség, tényleg nem a saját dolog. És hogy lehet egyszerűen, hogy tegyen valamit a szórakozás, lehet megoldani néhány legsürgetőbb probléma a diák csoport, néhány új honlap, néhány új kollekció mechanizmus adatokat. Ez lehet egy mobil alkalmazás az Android, az iOS. Tényleg, az ég a határ, és az elkövetkező hetekben, ahogy átmenet C e magasabb szintű nyelvek, mint a PHP és a JavaScript, találja magát egyre jobban megismerte néhány valós technikákat, néhány valós eszközök és kiegészítése, hogy a tudják, hogy a tanfolyam múltra szemináriumok, amely az elkövetkező néhány hét, néhány a tantestület és barátunk származó campus kínál választható szemináriumok amelyek túlmutatnak mi általában tett szakaszban hogy bemutassuk Önnek a dolgokat, mint Android programozás, hogy bemutassuk Önnek a dolgokat, mint iOS programozás vagy fejlettebb web-fejlesztési technikák. Van egy egész történelem e már online. Ha megy cs50.net/seminars, mi már ezt jó néhány éve, , és látni fogod, hogy az archivált itt PDF-fájlok és videók, valamint a hasonló több tucat videót szemináriumok. Tavaly például volt egy szeminárium acing a műszaki interjúk, ha valóban keres kialszik, és csinál egy szakmai vagy teljes munkaidős koncert. Windows mobile fejlesztés, Android fejlesztése, a Google Maps, API, CSS, fejlesztése a BlackBerry, Emacs. Tényleg, akkor szívesen vessen egy pillantást ezek bármelyikét szeminárium az Ön kényelmét. És mi lesz tartva néhány új ebben a félévben is. 

Tehát mi van előttünk a végleges projekt? Nos, először is, annak ellenére, hogy ez az időpont kissé küszöbön áll, ez tényleg csak egy lehetőséget arra, hogy kezdeni gondolkodni a végleges projekt elég reálisan. Tudjuk, hogy csak a kezdete valami, amit akkor még, amely során, HTML, PHP és hasonlók, de te mind ismerik az interneten, és én ezt a beszélgetést elfogultság felé az interneten csak azért, mert a legtöbb ember a végén csinál webes final projektek, de ez semmi esetre sem szükséges. A C finom, objektív C, Java, bármely más nyelven talán tudja, vagy szeretné tudni, elég jól van. De ahhoz, hogy a lé folyik kezdetben, akkor várjuk a benyújtása preproposal , amely a per a PDF a honlapon, amely most cs50.net, és a bal felső sarokban látni fogod projekt végső az előírás a végső projekt és ott vannak részletesen a preproposal és a hasonlók. Ez elég sok csapódik le, hogy egy e-mailt, hogy a tanítási fickó Csak a sztrájk egy beszélgetést vele, hogy mit gondolsz. On projects.cs50.net tárháza, ötletek emberek az egyetemen ha küzd, hogy jönni néhány ötlet, és manual.cs50.net/APIs tárháza, linkek API. 

Mi azonban, egy API? Mi az API? Már mondtam, hogy legalább kétszer, szerint a transzkriptumait az elmúlt néhány hétben. Mi ez? [Diák, érthetetlen] >> Oké, jó. Tehát valami programozási felület. Alkalmazás programozási felület, és ez többféle formát ölthet, de mi ez tényleg csapódik le, hogy a kód hogy valaki hs írásbeli vagy adat, hogy valaki összegyűjtött mely elérhetővé teszi valamilyen programozott módon. Írhat kódot a C, PHP, Python, Ruby, bármilyen kívánt nyelvű jellemzően, és akkor valahogy építeni valaki másnak alkalmassága vagy valaki másé adathalmaz. Például, ha megyek meg ezt a linket itt, és meglátja egy pár link a következő oldalon ahol van CS50 saját API-k, amelyek nagyon Harvard-centrikus, és harmadik fél API-k. Között a harmadik fél API igazán hasznos dolgok mint például, hogy képes SMS-t küldeni, hogy ezzel az emberek, hogy képes SMS szöveges üzenetek az emberek. És a dolgok, hogy lehet, hogy fogalma sincs, hogyan hajtsák végre magad, de hála a szolgáltatások, néhány ingyenes és néhány kereskedelmi, lehet építeni tetején e tenni valamit az Ön számára. Között CS50 API-k ezek campus-centrikus ilyeneket Harvard tanfolyamok, energia, rendezvények, élelmiszer, térképek, hírek, tweets és Shuttleboy saját, és ezek API-k úgy néz ki egy kicsit valami ilyesmi. 

Hadd húzza fel a HarvardFood API. Ha valaha is volt, hogy HUD weboldalára, akkor már valószínűleg ott hogy csak látni, mi lesz a vacsora, vagy, hogy milyen az órák is néhány d-csarnokban. Nos, ez nem különösebben könnyű navigálni, és így mi volt néhány évvel ezelőtt is írtunk szoftver, előfordul, hogy a PHP, hogy valóban képernyő lekaparja egészét HUD honlapján. A képernyő kaparás valamit jelent, hogy írjon egy programot a nyelv, mint a PHP hogy úgy tesz, mintha a böngésző, bár lehet, hogy futtatni egy parancsot a parancssorba, hogy úgy tesz, mintha a böngésző, csatlakozik a honlapon, letölti a HTML, a nyelv, amelyen meg van írva, és azután elolvassa, vagy még pontosabban, feldolgozza azt felülről lefelé, balról jobbra. És mi nem volt írtuk a kódot oly módon, hogy bármikor láttunk valamit, hogy a HTML, hogy nézett ki, mint valami a menüben, mint a hamburger, mi lenne akkor importálni, hogy a saját adatbázisba. És minden alkalommal, amikor láttam tápanyagtartalom, mi lenne importálni, hogy a saját adatbázisba. És amit tett, tőkeáttétel, hogy a HUD honlapján, bár lehet, hogy egy kis kihívás számunkra az emberek navigálni a motorháztető alatt, az összes HTML generált saját számítógépes programok. Szóval minden a HTML, annak ellenére, hogy nézne rendetlen, mint a legtöbb honlapok a motorháztető alatt követi a mintát. Szóval csak egy pár órát töltött kitalálni, hogy a minta úgy, hogy a végén, akkor dobja el az összes piszkos HTML, minden esztétika félkövér homlokzatot és dőlt és a hasonló, és mi vagyunk, akkor képesek kell tennie ki ugyanezen adatokat. Például, így. Tehát, a dokumentáció szerint itt, arról tájékoztatta a világot, hogy ha kér egy URL úgy néz ki, mint ez, food.cs50.net / valamit, és te adnia bizonyos paramétereket, amelyek fogunk beszélni ma, mint end-date idő, start-date idő, dara és így tovább, mi a szerver visszatér hozzád, például, van egy CSV-fájlt, vesszővel separted értékek, mint egy Excel fájl, tartalmaz mindent reggelit az adott időpontban tavaly márciusban mikor történt, hogy írni ezt a dokumentációt. 

Azok számára ismerős, CSV nem csak formátumot. Van egy másik formában, hogy ez a sokoldalú nevezett JSON, JavaScript Object Notation. Az adatok jött vissza ebben a formátumban. Tehát a elvihető az, hogy attól, hogy belevetik magukat ezen API vagy bármely más, CS50-vagy bármi odakint az interneten, vagy egyáltalán nem, rájönnek, hogy a világ egyre inkább kezdett egységesítése hogyan gépek összekapcsolva. Az általunk használt szabványos adatformátumok, mint a CSV vagy JSON. És mit jelent ez az Ön számára, akkor írj az érdekes része a program , amely lehetővé teszi a felhasználó kereshet egy étkező-hall menü, , amely lehetővé teszi számukra hozhatunk létre a kedvencekhez, hogy lehetővé teszi számukra, hogy szöveges figyelmeztetéseket amikor a kedvenc étel arról szól, hogy kell kézbesíteni, néhány d-csarnok segítségével valaki más adathalmazok és épület tetején a API-k. Szóval erről bővebben formájában szemináriumok és a dokumentáció, hogy van itt online. Tehát azok, akkor vannak API. 

Ez visszavezet bennünket HTML. Gyors bedugni. Mi az a HTML-t? [Diák, érthetetlen] >> Jó. HyperText Markup Language. Valaki más, mi Hypertext Markup Language? HyperText Markup Language. Oké. Szóval HTML, HyperText. HyperText csak utal az interneten, a legtöbb esetben. Markup azt jelenti, hogy valójában nem egy programozási nyelv, a HTML. Ez nem egy nyelvet, amit kifejezni logika be Nem rendelkezik hurkok. Nem rendelkezik feltételeket. Nem rendelkezik funkciókkal, per se. Inkább azt ezek a dolgok néven címkéket, vagy még pontosabban, az elemek. És ezek az elemek kezdő tag és záró tag-ek, vagy nyitott címkék és zárt címkéket, és mi a tag általában azt jelenti, egy böngésző, kezdeni ezzel valamit, majd megáll csinál valamit, bár vannak kivételek e. Néha ez csak "sortörések itt," például. És láttuk példa, hogy a másik nap között félkövér homlokzatot, sortörések, majd néhány más címkéket. Tehát HTML az a nyelv, amelyen a weboldalak vannak írva. Tehát, ha elmegyek valami hasonló Google.com és húzza fel, csak a hazai oldalon, Emlékeztetek arra, hogy ha a jobb gombbal vagy ellenőrzés gombra és nézd véli oldal forrását, jellemzően ez egy komplett káosz ezekben a napokban a motorháztető alatt, de ez azért van, mert számítógépek nem törődnek white space, így ez nem kell, hogy csinos. De ha nagyítani részei, észre, hogy a Chrome, csak kedves lenni, már színkódolt dolgokat. Valóban, ez az első tag, hogy láttunk egy internetes oldalon. És ismét, HTML 5, a legfrissebb ezen a nyelven, nem rendelkezik ez a dolog az elején, <! Doctype html függetlenül attól, hogy kis-vagy nagybetűs, de ez csak egyfajta szabvány, amely azt mondja, hé világ, itt jön egy HTML fájl 5-ös verzió. 

Az érdekes része itt kezdődik. Szóval <html, aztán volt két gyerek A HTML elemek utoljára. Mik voltak azok a két fő gyerek? Fej és a test, mint a srác a tetoválás egy pillanattal ezelőtt. Van két részletben weboldal, fej és a test, és visszahívási tehát, hogy talán a legegyszerűbb weboldal tudtuk, hogy néz ki. És én már behúzva, hogy csak azért, hogy legyen kedves a takaros az én-kódot, de ami igazán fontos, az, hogy van némi hierarchia e. És minden tag, hogy én már megnyitott már zárva, és ott ezért ez szimmetria az összes olyan jelölés, hogy én már létre. Tehát utoljára elkezdtük írni weboldalakat a saját laptop. Én megnyílt szövegszerkesztés, megmentettem a fájlt hello.html, Aztán húzta a fájlt a böngésző, és íme, volt egy oldalt az interneten. Nos, ez nem egészen így van; volt egy oldalt a merevlemez, és én szó szerint az egyetlen ember a világon, aki azt látja, hogy weboldal a böngészőben. 

Szóval ma bemutatjuk a tényleges webszerver és fogalma ténylegesen szolgáló internetes tartalom és hogy ez az egész kezd illeszkednek egymáshoz. Így kiderül, hogy egész idő alatt a CS50 készülék Önnek volt egy webszerver a számítógépen. Mi, a méltányosság, az csak akkor kell használni azt gedit, a csengés, a GDB és hasonlók, hanem az általunk telepített Önt a készülék egy web szerver, és hogy a webszerver történik, hogy ingyenes, nyílt forráskódú, az egyik legnépszerűbb ezek közül a világon, az úgynevezett Apache. A több technikai neve HTTPd, a d pedig a démon itt amely a műszaki szó egy szerver. Tehát telepített CS50 készülék egy webszervert, és mit jelent ez? Nos, a web szerver, fogalmi, néhány szerver az interneten, hogy szolgálja a weboldalak tartalmát. Amikor megkérdezték tőle, egy fájlt, akkor kiköpi a HTML komponál a fájlt, és íme. Látod a honlap bizonyos honlapján. De egy szerver, pontosabban a szoftver. Nem kell, hogy egy fizikai gépen, csak kell, hogy legyen a szoftver fut. Tehát a CS50 készüléket, természetesen a szoftver annak ellenére, hogy ez a fajta úgy tesz, mintha egy gép. Ez úgy tesz, mintha a számítógép belsejében egy számítógép, de ez csak azt jelenti, hogy a készülék minden bizonnyal futtatni dolgokat, mint a web szerverek. Ez ténylegesen megtett email szervereket. Mi lehet futtatni egy csevegőszerverhez a készüléket, ha akartunk, és valóban, mi fut egy másik típusú szerver, ismert adatbázis szerver, MySQL. De még az, hogy a következő héten. Ez azt jelenti, hogy ténylegesen látogasson weboldalakat belsejét az én készülék segítségével egy böngésző a készülék belsejében vagy akár a saját laptop, a Mac vagy PC. Szóval mit jelent ez? Kiderül, hogy minden alkalommal, amikor fut a Linux számítógépen a beceneve a "helyi host." Nem rendelkezik a domain nevet, mert még nem vásárolt egy domain név valami, mint a készülék, így az alapértelmezett név a helyi host. 

De annak érdekében, hogy a készülék indításához weboldalak kiszolgálását, létre kell hoznunk őket először. Szóval erre. Hadd menjek be egy terminál ablakot itt , és vegyük észre, hogy én vagyok az én tipikus John Harvard gyors. Hadd menjek előre, és írja be ls, és majd meglátjuk, néhány ismerős dolgot ebben a félévben, desktop, letöltések dropbox és így tovább, de most kezdjük fordult a figyelmet egy pár. Sok Linux webszerverek van ez a mappa neve nyilvános html, de fogunk ugrani, hogy egy most, és elsősorban ezt, vhostokat. Bárki, aki tudja, mi a vhost az? Csak hülye zsargon a virtuális host, és hogy ez mit jelent az, hogy egy tipikus szerver akkor valóban fogadó több weboldalak. Lehet vásárolni a domain nevet, mint foo.com, és akkor elhelyezheti azt egy szerveren. De akkor is vásárolni bar.com és a fogadó, hogy ugyanazon a szerveren. Az ok pedig, böngészők elég okos, hogy tájékoztassa a szerver amikor a felhasználó kér néhány weboldal, amit domain név a felhasználó akar a honlapon. Szóval, mi a jó ebben az, hogy nem kell egy fizikai szerveren vagy egy CS50 készülék minden website érdemes létrehozni. Használhatja ugyanazt a szervert és dolgozzon ki egy száz különböző honlapokon. És valóban, ha egy személy próbál elindítani egy honlapot, akár a szórakozás vagy az üzleti, jellemzően akkor menj ki az interneten, és akkor fizet valaki tíz dollárt havonta, száz dollárt egy hónapban a fogadó webhely az Ön számára. És az is, hogy működik, ezek töltés más emberek 10 dolcsi egy hónap vagy száz dollárt egy hónapban fogadni más emberek weboldalak azok ugyanazon a szerveren. Az ok, amit tehetnek, hogy azért van, mert ez a szolgáltatás hívott bhosts, de az, hogy amikor eljön az ideje, a végső projektek. 

Most, nézzük csak merüljön ott. Szóval cd vhostokat, és ha azt írja ls most észre, hogy van egy mappa van az úgynevezett helyi host. Ennek oka, hogy alapértelmezés szerint a készülék a számok te valaha is fut egy weboldal egy készüléket. Ez nem igazán a valós világban, ez nem egy valós web szerver. Szóval hadd menjen a helyi gazda, és most majd meglátjuk ott egy utolsó könyvtár nevű HTML. Szóval ez egy kicsit mély, a hierarchia, de ha és amikor úgy dönt, hogy kezdjen el kidolgozni több webhelyet az elkövetkező hónapokban vagy években n, ez a fajta mappa struktúra általában hasznos lehet. Most menjünk a HTML, mint én csináltam, típus ls, és semmi sem ott van. Tehát most menjünk előre, és ezt. Hadd nyit Chrome a készülék belsejét, és hadd menjen http://localhost. Tehát szó szerint a nevet a készülék, írja, és kapok index /. Ez nem igazán mutat semmit kamat, de kiderült, hogy amit látunk, hogy a mappa, HTML. Nincs benne semmi a mappában most, így ahelyett, hogy mit fogok kell tennie, hogy először hozzon létre egy fájlt. Hozzon létre egy HTML fájlt, mint mi hétfőn, de ez alkalommal helyezze a készülék belsejét. Azoknak, akik megpróbálják követni együtt laptopok most, hadd tegye félre, hogy majd fedezni a web-alapú Pset, de ahhoz, hogy ezt a munkát a legelső alkalommal, fogsz kell futtatni ezt a parancsot: sudo service httpd start. És ez, ismét meg kell ismételni az utolsó Pset, de ha játszunk végig otthon most, a web szerver ki van kapcsolva a készülék, és ez úgy, hogy ne nedv up RAM és a memória 7 hétig ki a félév, amikor nincs rá szükségünk. Tehát meg kell futtatni ezt a parancsot egyszer, és kapsz egy kimeneti ilyesmi. Akkor képesnek kell lennie arra, hogy játsszon végig itt. Most menjünk vissza ebbe a mappába. Ez a mappa üres, ezért hadd kezdjem egy fájl létrehozásakor, gedit hello.html. 

Rendben van. Gedit van nyitva, mint mindig. Hadd csináljam doctype, html, html, hadd túltenni magam, és meg kell kezdeni a záró tag előre. Most már a fejét. Hadd menjek előre, és zárja le a fejét, hadd most ezt a címet az oldal, hello world mint legutóbb, bezár neve, most hadd tegyek egy test. Az itt mondom hello, világ néhány exclams világossá tenni, hogy ez egy másik string. Bezárni a test, és most hadd menjek előre, és mentse fájlba. Hadd menjek vissza a terminál ablak, és ha én írja ls, Meg kell, feltehetően, lásd hello.html. És tudom. Tehát most menjünk vissza a böngésző, kattintson a reload, és láthatjuk, mi valóban belsejében HTML mappába. Nem látok a weboldal mégis, ez az Apache, a webszerver, csak megmutatta nekem a listát tartalmát ebbe a könyvtárba. Csakúgy, mint a Mac OS vagy Windows jellemzően nem a saját helyi merevlemezre. Tehát, ha azt szeretné, hogy a weboldal, tudom kattintson erre a linkre kicsit itt, hello.html, és valóban, ez az, amit vártam látni. Most, újra, ez nem egy URL-t, hogy bármelyik akkor látogasson el most, mert ti, a helyi fogadó, ha van egy laptop van, ez utal a saját példányát a készüléket. Ez az én saját személyes készülék, de ez a fajta buta számomra, hogy van, hogy Felhasználói magamfajta kattintson hello.html tényleges tartalmának megtekintéséhez ezt az oldalt. Kiderül, hogy a webszerverek, mint az Apache segítségével egy alapértelmezett fájl minden webszerver. Figyeljük meg itt van hello.html. Mi a parancs Linux átnevezni egy fájlt? 

MV, a lépés. Szóval hadd csinálni, és hadd nevezze hello.html az index.html. Hadd írja ls a megerősítéshez ez most lett nevezve. Most ez megy - ha megyek vissza a helyi fogadó, észre, most, hogy én vagyok automatikusan látni, hogy a web oldalon. Ez megegyezik a ténylegesen csinál / index.html, de az szép dolog most az, hogy a webkiszolgáló kitalálni, ó, ha van egy fájl, emberi egyezmények neve index.html, hadd mutassam meg a felhasználót, hogy a fájl alapértelmezés szerint mintsem valami hülye Könyvtárlista, amely egyáltalán nem felhasználóbarát. Sőt, a legtöbb felkeresett webhelyek az interneten nincs fájlok listáját kattintani, ők csak megmutatja a tartalmat. Szóval így tehetünk, hogy index.html. Szóval ez az egész móka és jó, de ez egy nagyon egyszerű weboldalt. Hadd menjek előre, és nyissa ki az én index.html vhostokat, helyi hosts, html könyvtárba, és tegyük hozzá valami nagyobb érdeklődést. Szóval van hello world, mondjuk inkább azt mondják: "Ez CS50, Harvard College. . . " Szóval az elején a kurzus katalógus leírásának valamilyen ott. Most, ha újra, meg kell látni ezt az én honlapján. Oké, és tudom látni, de tegyük fel, hogy szeretnék most felsorolni néhány tartalom ebben a fájlban. Tudnék menni ide, és azt mondják, előfeltételek none, bár néhány akkor valószínűleg tetszik, "Ha ha ha, nem előfeltételei. De - hivatalosan. Tehát újra, és most van egyforma trükkje, hogy láttuk utoljára. De miért van ez? Ez egy egyszerű fix. Miért van ez az oldal hibás? [Diák, érthetetlen] >> Igen, mi már megoldotta ezt a előtt által kifejezetten mondja a böngésző, hogy egy sortörést itt. " És ez, mert ismét a böngésző még csak fog tenni kifejezetten milyen jelölőnyelv azt mondja, hogy igen, így még akkor is lehet, hogy nyomd meg az Entert egyszer vagy kétszer, vagy akár 10-szer, ez fog össze, hogy minden egyetlen hely, csak megegyezés alapján. Tehát, ha igazán akar egy sortörést, akkor használja a br tag, és most nyilatkozat, mint a hétfő, betettem a / belül ezt a címkét, csak azért, mert ez így nem érzem jól kezdeni egy sortörést, akkor hagyja abba a semmi között. 

Tehát az egyezmény HTML megnyitni és bezárni a tag egyszerre. Mint félre, akkor egy csomó honlapok könyvekben nem csinálja. Az igaz, hogy nem, vagy nem kell csinálni, de azzal érvelnek, hogy a design-bölcs és stilisztikailag, ez csak jobb mert akkor minden tag egyszerre nyitott és zárt valahogy. Tehát most hadd mentse és töltse. Menj vissza a böngésző, oké. Most már, hogy némi előrelépést, de ez nem elég. Menjünk előre, és kezdje el beírni a néhány hosszabb terjedelmű szöveggel. Tehát mondjuk, "A gyors barna róka átugrik a lusta kutya." És most hadd másold ezt néhányszor hogy mi van egy bekezdés szövegén. Hadd menjek vissza ide. Szóval ez nem néz túl jó. Van egy sortörés, így rendben van, de most, ha egyszer mi megy el a pont, amely egy internetes oldalon hogy a rengeteg tartalommal, és nem csak egyvonalas bizonyítani HTML, akkor elkezd gondolkodni ezekről a dolgokról, mint a tényleges bekezdését. És mi lehet kezdeni, hogy rendszerezze a honlapunkon egy kicsit tisztábban. És valóban, mit tehetek, hogy menjen fel ide testemben tag, és tudod mit, ha "Ez CS50. . . " Tényleg demarks a kezdete egy bekezdés, Nos, hadd jelölje meg, mint olyat. Hadd francia szöveg, csak megegyezés, hadd mondjam el, hogy ez a bekezdés itt ér véget, majd pedig ezt a sortörés, hadd mondjam hogy ez tartozik, és ott egy új bekezdés, és én csak hamar francia mellett csak felülírja az összes ezt a cuccot. 

Tehát most van egy behúzott bekezdés ott, és most a mi jelölést kezd egy kicsit tovább szemantikailag összhangban mi próbálunk csinálni. Van egy bekezdés, úgyhogy ez egy bekezdés a p címke. Van egy második bekezdés, úgyhogy ez egy bekezdés a p címke. És most, mi a böngésző általában nem olyan, mint egy angol könyv vagy tanulmány, ahol általában látni néhány sortörést bekezdések között. Böngészők fog tenni, hogy az Ön automatikusan. Szóval most van két bekezdés, és mi továbbra is ezt. De, természetesen, a weben, ha van szervei szövegének ez jellemzően nem csak a hatalmas blobs szöveget. Vannak gyakran hivatkozások is. Tehát, ha azt akarjuk, hogy, például, tartalmazhat bizonyos linkeket ott, Tegyük fel, hogy mi érdekes lehet bármilyen weboldalra hozok létre itt - hadd menjen a Google.com, és hadd keressen egy gyors barna róka. Ugrás a Google képek és, mi a helyzet - ez aranyos. Megyünk ezzel. Tehát itt van egy gyors barna róka ugrott át a lusta kutyát. Szóval, mit fogok csinálni itt, csak a kedvéért a demonstráció, van feltételezni, hogy ez a kép volt, az én szerver, és én már létre ezeket a képeket. Amit most nem volt jobb gombbal vagy ellenőrzés Kattintson a képre, és mit fog látni a legtöbb böngészőben egy kis menü - abba, hogy - egy kis menü, amely lehetővé teszi, hogy válasszon Hivatkozás címének másolása vagy másolat URL. Akkor hadd menjek vissza most az én HTML, és tegyük fel, hogy szeretnék való hivatkozás, hogy ez egy másik weboldalra. 

Mi volt a tag hívott, hogy? [Diák, érthetetlen] >> Igen. Így a href számára hiper hivatkozást. Hadd menjek előre, és illessze azt be Ez egy nagyon hosszú URL-t, hadd kicsinyítéshez vissza. Bezárás konzolok, így most észre vagyok így ide mert az URL történetesen nagyon hosszú. Hadd lépjünk át ide, hogy a végén gyors barna róka, aztán hadd zárja be ezt a címkét a </ a, ahol csak zárt nevét tag. Most hadd menjen előre, és mentse a fájlt, töltse be újra a web oldalon, és most, alapértelmezés szerint ez lesz aláhúzva, kék nekem, de valóban, én most kattintson erre, és íme. Ott van a kép. És nem kell, hogy egy kép, ez volna a kapcsolódó egy másik véletlenszerű honlap az interneten. Tudtam ezt, például, a CS50, ezért még egy utolsó példa itt. "Ez CS50" meglehet értelme, hogy menjen a, href = http://www.cs50.net, becsuk idézet, közeli horgonyt. Tehát most, hogy ez egy még rövidebb URL-t, és ez alkalommal nem fogunk összekapcsolni egy képet. Mi ehelyett lesz link egy másik oldalra. Nos, van egy kép van. Úgy érzem, nem tehetünk egy kicsit jobb, mint csak össze egy képet. Mi van, ha azt akarjuk, hogy valóban megtestesítik azt a saját weboldal? 

Nos, mit tehetek itt, hanem a linket e grafikus, hadd inkább vágja az URL-címet, és mi megszabadulni, hogy a hivatkozás és tisztítsa meg ezt. És megyünk le ide, és hogy eltűnjön ez. Nem igazán kell ezeket a mondatokat, úgyhogy hadd lerövidíti az oldal egy kicsit. És akkor ide hadd menjen előre egy új bekezdés, mondom, nem akarok szöveget most; Szeretnék egy képet, amelynek forrása lesz, hogy az URL-t. A kép, mint egy sortörést, az vagy van, vagy nem. Szóval hadd azonnal zárja azt tag. Hadd menjek előre, és most közel a bekezdés, hogy én vagyok benne, és ha minden jól megy, hello, világ, ha újra most I, sőt, lásd jobbra belül a saját weboldaladon egy képet. Tehát most van egy kép tag, egy horgony címkét és hasonlók, és a jó intézkedés, hadd tegyek még egy dolog, ami gyakran elhanyagolt A weboldalak ezekben a napokban: Nézzünk hogy bizonyos leíró szöveg kép azok számára, akik egy mobil eszközön és ezért lehet, hogy nem tudja letölteni ezt a képet nagyon gyorsan, azok számára, akik vak és lehet, hogy nem látni a képet de lehet, hogy egy képernyő-felolvasót, amely mondd el nekik, hogy mi ez a kép a. És ezt, hogy van egy másik attribútum a kép tag hívott alt, alternatív szöveget. És mit tehetek itt mondják, "Ez egy gyors barna róka." Annak érdekében, hogy még akkor is, ha az ember nem látja a képet a képernyőn, ő is legalább hallom, ahogy néhány szoftver, hogy valójában mi van a képernyőn. 

Ez nem fogja megváltoztatni az esztétikum az oldal, de ez biztosan jó gyakorlat a felhasználók számára. Rendben, hagyjuk ezt a weblapot a jelenlegi formájában, de lássuk, ha nem tudjuk most bevezetni néhány jobb megközelítések írásban ezeken az oldalakon, néhány órát, hogy fog szolgálni számunkra is, mint a mi oldalak egyre több és bonyolultabb. Amit nem fogunk csinálni az elkövetkező hetekben A végigvezeti az összes több tucat HTML tag, hogy vannak. Ugyanúgy, mint a semmiből vissza a 0. héten, ez valószínűleg elegendő lesz , hogy egy magas szintű áttekintést egyes fogalmak, egy gyors túra egyes blokkokat valószínűleg tudja, szép kényelmesen, navigálni a saját, a különféle puzzle darabkái. És ez meg fog történni újra HTML, a legvalószínűbb, ahol van elegendő erőforrás a weben, hogy mi pont téged, különböző tankönyvek, ha szeretné olvasni a tankönyv, hogy végigvezeti az összes különböző dolog, amit tehetünk a HTML, de tényleg, láttuk eddig a HTML-ben a legtöbb alapvető fogalmakat. Van fogalma címkék lehessen nyitni, címkék bezártak. Egyes címkék egyaránt nyitható és zárható abban az értelemben, hogy ők üres, nem kell semmi bennük mint egy kép tag vagy sortörés, ami csak ott van. Azt is vizsgálták már a fogalma egy attribútum, mint alt vagy forrás. Figyeljük meg, hogy ezek a szavak inkább, megállapodás szerint, hogy rövid és tömör. 

Jelenleg nincs mérlegelési jogköre, hogy mit ezek a dolgok nevezik, valaki, aki feltalálta HTML jött fel ezeket a neveket. Szóval csak azt kell tudni, hogy kezdeni vagy keresse fel, minden alkalommal, amikor szükség van rájuk, milyen nevek ezen címkék és attribútumok. Abban az esetben, ha ezek a tulajdonságok, attribútumok általában módosítja a viselkedését egyes tag. Ebben az esetben, a forrás attribútum közli a kép címke mi a forrása a kép kell. A href attribútum mondja a horgony címkét mit kell ténylegesen összekapcsolása. De a szerkezet tekintetében egy weboldal, bár Facebook és a Google és hasonlók néz ki, mint egy komplett káosz alatt a motorháztető első pillantásra, ha elkezd olvasni rajta több módszeresen, mindannyian követik ezt az alapvető, alapvető szerkezete. De tudjuk javítani a stilizáció ezeket a dolgokat. Szóval hadd menjen néhány példát, hogy én előre elkészíteni. Hadd menjek előre, és másolja őket egy másik mappába van és tedd ebbe a könyvtárba. Az előleg, amit tettem készít néhány kép: search0, search1, search2 és search3 és 4. Hadd menjek előre, és nyissa ki az első ezeket a fájlokat, és lássuk, ha nem tudunk kezdeni, hogy hozzon létre saját keresőmotort. A tetején ez a fájl, mivel általában ez a helyzet az osztályban, csak egy csomó hozzászólás. A HTML-ben, azonban az eszközöket, amelyek elkezdené megjegyzést az <! - és akkor bent egy megjegyzést, a többsoros megjegyzést. Ha készen áll, hogy hagyja abba ezt a megjegyzést, meg tudod csinálni ->. Tehát minden a tetején a kék csak egy megjegyzés. 

Ez az én doctype nyilatkozat, amely ismét ha csak másolja be a hit, egyelőre. Ez csak azt mondja a böngésző, "Itt jön néhány HTML 5. Az alábbiakban, hogy on-line 14, az első az én tényleges címkék, és ez éppen azt mondja, mint korábban, itt jön néhány HTML, itt jön a feje oldalam, itt jön a cím, majd fordítva, ez az a cím, ez a fejét. Itt most jön a test oldalam. Tehát egy pár új tag most: h1 jelentése 1. fejezet. Van egy hagyomány a HTML-sok évvel ezelőtt Az eltérő méretű szöveget. És vissza a nap, minden egyes azt jelentette, általában, csak nagy és merész. De van még h2, ami nagy, de nem annyira nagy és merész. Van h3, ami elég nagy, de közel sem olyan nagy és merész, és így tovább, egészen a h6. Ezek a napok, mégis, H1, H2 és h3 valóban jelentett hogy több szemantikai jelentése őket, ahol h1 valóban egy cím: a cím egy weboldal, a cím egy oszlop, vagy valami ilyesmi szöveget. Szóval szándékosan mondtam h1 CS50 keresés> h1 határozni azokat, hogy ez valóban a fejezet címében az oldalam. Nem a címet a címsorban értelemben, de a címet, amit valóban látni a weblapot, a szervezetben. Most ez, akkor talán kitalálni, mi az, bár van néhány új darab szintaxist. Ez egyfajta. Így az interneten tényleg kezd érdekes lenni amikor a weboldalak figyelembe érkező felhasználók. Ebben az osztályban, hogy a probléma beállított webes programozás, mi nem megy, hogy egy honlapot, önmagában, a statikus tartalom azt mutatja fényképeket, amit tett, vagy ez az önéletrajzomat, és a dolgok rólam, azért, mert ezek a dolgok viszonylag könnyű összerakni. Nehéz, hogy a dolgok szép az interneten, de legalább szállt tartalom elég triviális. De a dolgok igazán érdekes, ha valaki látogasson el a honlapon , és bemenet, és töltse ki az űrlapokat, megtekintéséhez le jelölőnégyzetek és együtt tud működni a webhelyére. És valóban, talán minden honlap törődsz ezekben a napokban, minden részlet, valahogy interaktív. Facebook, a Google, és hasonlók, hogy vegye felhasználói és gyártása egyedi kimenet. 

Szóval kezdjük erre most. Let átmenet most mindössze a HTML jelölőnyelv statikus tartalom mint inkább a szállítási mechanizmust a dinamikus tartalmat. És a felé, hogy a végén, hadd végre saját keresőmotort. Csináljuk az alábbiak szerint. Itt a form tag. Az akció attribútum határozza meg, hogy amikor a felhasználó kitölti ezt az űrlapot azok billentyűzet, akkor be kell nyújtani az URL ide. Szóval egyfajta csalás. Ez lesz minket egy kicsit hosszabb mint egy osztály végrehajtásához az egész kereső, úgyhogy most nem a front end, hogy úgy mondjam. Majd ezt a részét, amely lehetővé teszi a felhasználó keresési, mi pedig egyfajta punt a Google a legnehezebb része a megállapítás keresési eredmények, de konkrétan fogok beszélni a Google web szerver valamelyikének felhasználásával két nagyon népszerű módszer. Az egyik, hogy kap, a másik, hogy mi lesz végül is látni, hogy postai úton, bár vannak mások, kevésbé gyakran használják. Szóval csak idézi fel azt az elképzelést, szeretnék egy kis tartalmat, hogy néhány keresési eredményeket. Ez akkor talán kitalálni, mi ez. Ez valamilyen input, ez valójában fog kinézni egy szöveges mező, és a neve annak a bemenet, a nevét, hogy a változó, hogy úgy mondjam, lesz Q lekérdezést egyezmény. És ismét, hogy milyen ez a bemenet nem lesz egy jelölőnégyzet; ez nem lesz a menü, ez lesz a szöveges mező mivel jelöli ezt az attribútumot itt, és ez a szöveg doboz, mint egy sortörés, az vagy van, vagy nincs. Tehát van egy üres elemet a slash benne, hogy a tag. Akkor megyek, hogy egy sortörést, és akkor, talán, gondolom, hogy ez mit fog csinálni. Ez egy másik fajta forma bemenet. 

Ez fog használni benyújtására az űrlapot. Szóval ez lesz a nagy gombot, hogy a felhasználó rákattinthat elküldeni az űrlapot, és a címkét, hogy a gomb lesz "CS50 Search". Bezárás formában, szoros test, közeli HTML. Lássuk, mi van a formában ezt a web oldalt. Szóval hadd menjen a böngésző, engedj el, mégis a helyi host. Ez még mindig index.html, ezért ha azt szeretné, hogy a nevű fájlt search0, Én egyszerűen nem / search0.html írja - és az első a hibáimat. Mi folyik itt? Én nyilvánvalóan nem rendelkezik engedéllyel elérni ezt a fájlt, valamilyen okból. De ez azért van, mert ellentétben a munkát tettünk eddig a C, ahol a programokat írsz feltételezzük, hogy runable te, végrehajtható az Ön által, ez nem igazán a helyzet a weben, amely néha érdemes létrehozni fájlokat a szerveren, de nem szeretné, hogy az egész világ látni őket. Inkább szeretnénk a világot látni néhány fájlt de nem mások, csak a magánélet kedvéért. Szóval ez inkább egy opt-in alapon, amikor a dolgok az interneten. És hadd ténylegesen írja ls itt, és látod a fájlokat van, de emlékeztet arra, hogy ha én ls-l hosszú, Hozok egy hosszabb lista, hogy ad nekem néhány további részletet a fájlok hogy most tényleg, az első alkalommal adott nekünk. Figyeljük meg, hogy a jobb szélen a nevét a fájlokat, majd az idő, amikor azok utolsó módosítása vagy másolt. Ez a szám itt mi? Emlékszel? A méret bájtban, milyen nagy a fájl. 

Szóval úgy tűnik, hogy valamilyen logó itt, hogy nagyobb, mint az összes többi fájlt. Ez vagyok én, ez az, ami vagyok, és mit I. csoport vagyok! De aztán, ide, a bal oldalon egy kicsit rejtélyes sorozat, és beszélgettünk, azt hiszem, röviden ez a múltban, de ennek köze engedélyekkel. És még ha ez egy kicsit zavaros, RW valószínűleg azt jelenti, olvasni és írni. Így kiderül, hogy ezek a vonalak jelölik a különböző készletek engedélyek különböző emberek. És a minta, lényegében az alábbiak szerint. Ha látsz egy sorozata gondolatjelek itt, úgy néznek ki, az alábbiak szerint. Van egy kötőjel, aztán ott van még három gondolatjelek, Aztán ott van még három, akkor ott van a másik három. Az első vagy a kötőjel, vagy a hirdetés könyvtárhoz. Tehát, hogy egy elég egyszerű. Ha ez egy mappát, azt mondja d, egyébként ez egy kötőjel. Van egy pár más esetben, de most csak érdekel a fájlokat és könyvtárakat. Ezek a következő három vonal - és én már mesterségesen ki a tereket. Voltak, nyilván, nem pedig ott, amikor láttuk őket egy pillanattal ezelőtt. Ezek a fájl tulajdonos jogosultságokat, és visszahívja a második napja, hogy azt olvasni és írni. Ez azért volt, mert én, mint az a személy, aki létrehozta ezt a fájlt, egy pillanattal ezelőtt, Én, csak alapértelmezés szerint a Linux számítógépen, Megvan a képessége, hogy továbbra is az olvasás és írás, hogy a fájlt. 

Így az operációs rendszer csak ad nekem RW automatikusan. A középső is kapcsolódnak a csoporthoz, hogy a diákok, amely egyfajta értelmetlen be a készüléket, mert én vagyok az egyetlen, aki használja a készüléket. Szóval hadd lóbálja a kezét, hogy a most. De az utolsó ezek közül legfontosabbak a weben. Ez mindenki más a világon, és az a tény, hogy ennek --- azt jelenti, hogy senki más a világon van-e jogosultsága a fájl. Nyilvánvalóan probléma, ezért meg kell erősít ez szerint valahogy így a világ mi? Olvasás és írni? Ez valószínűleg hülye, ugye? Nem akarom, hogy bárki az interneten menni, hogy meglátogassam oldalra, és valahogy változtatni fájl, annak ellenére, hogy valójában nem tudták egy HTML fájlt, de csak elvileg, talán csak azt, hogy képes legyen olvasni. Mit jelent az, hogy elolvassa? Ez nem azt jelenti, hogy fogunk érdekel az aktuális HTML, de a böngésző képesnek kell lennie értelmezni, hogy a leíró nyelv, felülről lefelé, balról jobbra. Tehát valaki a weben kell tudni olvasni, úgyhogy minimálisan kell, hogy ez r. Én ezt egy pár különböző módon, de talán A legegyszerűbb az, hogy futtatni ezt a parancsot itt. Chmod, változás módban, majd a + r, így minden, a világon mindenki + olvasni, majd a fájl nevét, search0.html. 

Most, ha én ls-l újra észre, hogy ez a fájl megváltozott, sőt, már be van kapcsolva r mindenki számára. Én is bekapcsolta a saját nevében, de ez rendben van, mert ha én fordult a mindenki számára, a csoport egy része ennek. Szóval ez rendben is. Ez csak azt jelenti, a számítógép most tette olvasható. Most hadd menjek vissza a böngészőjében, kattintson újra. Ah-ha. Most már CS50 Search. Már nagyított egy kis mesterségesen - elég ocsmány kereső. De lássuk, ha ez tényleg működik. Először is, hadd tegyek egy gyors józan ellenőrzést, hadd ellenőrzés klikk és többet az oldal forrását. Figyeljük meg, hogy a Chrome mi most látni ugyanazt a HTML, hogy én magam létre. Ne összezavarodnak itt, mégis. Nem tudom elindítani a kód megváltoztatása itt, mert a böngésző csak olvasható véve ezt a kódot. A böngésző most kérte a helyi host nevű fájlt search0.html. Most tiszta véletlen, hogy a készülék előfordul, hogy ugyanazon a számítógépen, mint a böngésző. Tudtam csak meg, azzal egyenértékű, már beírt www.facebook.com/search0.html, és ha volt egy Facebook nevű fájlt, hogy én aztán látni a HTML. És, persze, nem tudom megváltoztatni a fájlt, hogy jön vissza a Facebook, sem. Tehát most vagyunk egyfajta elmossa a vonalak. A készülék mind a kiszolgáló, a weboldalak, de ez is egy ügyfél abban az értelemben, hogy én vagyok a böngésző hogy ténylegesen beszélni az adott kiszolgálóhoz. Tehát lássuk, ha a Google kereső működik. Hadd menjek előre, és keressenek a gyors barna róka, az enter billentyűt. És íme, most már a saját keresőmotort. 

De hogyan is működik ez? Egy kis szakaszon, de - és most nem látod, pontosan az a része, ami érdekes. Figyeljük meg, mi történik. Figyeljük meg az URL-t. Kiderül, hogy ez a módszer, nevezett kap, szuper-egyszerű. Ha meg olyan formában, hogy azt szeretnénk, hogy a 'get' eredményt néhány szerver, mit fog tennie, hogy amit beírt az űrlapot és tedd az URL. Ez lesz egységesíteni, hogyan kerül be az URL-be az alábbiak szerint. Vegyük észre, hogy ez az URL-cím volt az értéke a művelet attribútum. Ez az, ahol én akartam, hogy a forma a végén. De aztán észre ezt a kérdőjel. Ez az egyezmény az interneten, amellyel biztosítani felhasználói a honlapon, akkor hozzáfűzni az URL-címet egy kérdőjel, és akkor van egy csomó kulcs-érték párokat. A neve a kulcs, más néven a paraméter a weben, akkor van egy egyenlőségjelet, akkor van értéke, hogy a paraméter. Tehát ez lényegében egy változó nevet és egy változó értékét, de ezek a változó neveket és értékeket jött a HTML űrlapot. Miért van pluses ott, mit gondolsz? Mert nem írja + között szavaimat. [Diák, érthetetlen] >> Igen, ez csak a távolság. Valószínű, ha láttál egy URL-t, ott soha nem terek is, ha csak azért, mert ha lenne, akkor nem igazán másolja és illessze egy IM, vagy egy e-mailt, mert ez törni. Azt akarod, az egész dolog, hogy az egyik szomszédos karaktersorozat. 

Tehát a böngésző elég okos ahhoz, hogy észre, uh-uh. Ne csak hogy egy helyet ott. Hadd kódolják a teret valamilyen szabványos módon. Az egyik egyezmények ennek az, hogy a böngésző automatikusan véget +, ahol egyébként van egy hely. Tehát most, nyilatkozat a Google volt ilyen felhasználóbarát. Én biztosan nem hozza létre ezt a weboldalt, de ők prepopulated saját szöveges mezőben azzal, amit pontosan, I gépelt be Tegyük fel, hogy szeretnék keresni valami mást, mint egy lusta kutya. Én csak írja ezt itt, re-keresés. Figyeljük meg, hogy az URL változik itt, de észre akkor, hogy én valóban keresni, amit akarok csak a megértése, hogyan URL munkát. Tehettem lusta macska, lép, és észre most kapok egy nagyon lusta - kéne? Úgy érzem, hogy kellene. Én egy nagyon lusta macska. Rendben van. Ez az egyik a leghülyébb dolog, amit tettél. De ez egy lusta macska. Akárhogy is, mi a kulcs elvitelre itt? Most már egyfajta játék a világon a HTTP. HTML csak ezt leíró nyelv, nyitott tag, szoros tag, hogy elmondja a böngésző, hogy hogyan tegyék tartalmat egy internetes oldalon. De ha elkezd adatátvitel az interneten keresztül között böngésző és a szerver, ez az, ahol ez a protokoll nevei HyperText Transfer Protocol veszi át. Ez az a fajta emberi konvenció, amikor Sam és én kezet hétfőn, kezdőár kapcsolatot, majd bezárja a kapcsolatot, ugyanaz a gondolat itt. Hogyan Google találatok között jön vissza hozzám? Hogyan történik a beadvány formájában fog Google-nak? Nos, visszahívja a minap, hogy mi is folyik valójában a motorháztető alatt, ha kér internetes oldalon, a böngésző küld egy kissé, rejtélyes üzenetet, mint GET / HTTP/1.1 az alapértelmezett kezdőlapon. 

Vagy ebben az esetben, mert azt kifejezetten kérte korábban search0.html, ez akkor lenne némileg, rejtélyes üzenetet hogy a böngésző elküldi a készülék. Vagy ebben az esetben a Google, mi valójában elküldött egy kérés a / search, és aztán? q = lusta macska, egy plusz ott. Szóval ezt az üzenetet, hogy én, az emberi, am soha gépelés, de küldik az én böngészőjében, ez hogyan HTTP történik. Ez felel meg a mi miután kezet. Ez a kérelmet, és a kiszolgáló szól, hogy küldjön egy választ. Szóval vessünk egy pillantást erre a motorháztető alatt. Mint korábban is, tudjuk megnyitni ezen a speciális területen a böngészőben. Mind a lapon ellenőrizze elemeket. Szóval alatt ellenőrizni elem, észreveheti, hogy mi történt a Chrome-ban, és az IE és a Firefox hasonló mechanizmusokat, Itt vannak ezek a fejlesztői eszközöket hozzáférhetővé számunkra. Normális ember nem használja ezeket a lapokat. De, most, érdekel, mi folyik itt a motorháztető alatt a hálózati szinten. Szóval, ha húzza ki a hálózat szintjén van, hadd menjen előre, és bővíteni ezt az ablakot, megnyitni ezt a bejegyzést itt, és nézd meg a fejléceket. Szóval, mi történik, ha kérek egy fájlt egy webszerveren az én böngésző elküldi egy csomó dolgot. És hadd többet forrás. Szóval alatt kérés fejlécét, és ez csak Króm mutat nekem diagnosztikai kimenettel, fajta, mint egy hibakereső valamilyen, észre, hogy amit én itt kiemelt pontosan Chrome küld a szervernek, hogy kérjenek nevű fájlt search0.html. Ezt mondja a szerver mit gondol a neve, köszönhetően ez a gép vastagbél a területen, akkor ott van valami csinos ezoterikus dolgok itt, mint valami köze a dátum és idő, valami köze a nyelvek, hogy a böngésző megérti, de az igazán fontos vonalak első két itt. 

Mit jelent a szerver válaszolni? Nos, ha lapozzunk lefelé ide és többet forrása ez a dolog, észreveheti, hogy a kiszolgáló reagált a kissé rejtélyes üzenetet is, 304 nem módosított. Ez egy kicsit furcsa, hadd valójában megpróbálja kijavítani ezt. Hadd tartsa lenyomva a Shift billentyűt, és kattintson újra ide kényszeríteni a böngésző ténylegesen, hogy ezt a kérelmet az első alkalommal. Akkor hadd nagyítás, és majd meglátjuk, most, hogy a kiszolgáló válasza, mert én tartott műszakban, 200 OK. Szóval talán soha nem látta a szám 200 keretében a weben, de milyen számok voltál néha váratlanul a szerver? 404, a fájl nem található, 403, tiltott, 500, szerver hiba. Tehát ezek a numerikus kódokat, hogy a világ használja a Web , jelezve, hibák, mint a C függvények visszatérhet hibákat és fontosabb visszatérhet kilépési kódokat. 200, mégis, akkor ritkán látni, mert azt jelenti, hogy minden rendben van. És 304 akkor valószínűleg soha nem látni, mert mi azt jelezve? Hogy semmi sem - lássuk, tudjuk szimulálni ezt újra - Ó, most már nem együttműködő. 304 mondta nem módosították, miért volt a szerver még válaszol? Nos, a hatékonyság, a web szerver automatikusan az Ön számára, ha a fájl nem változott, akkor nem visszajuttatja a teljes HTML fájl. Ez lesz csak mondd a böngésző, hogy nem változott. Csak használja a másolás már van. Szóval, itt van ez a fogalom caching a weben a teljesítmény, így nem vesztegeti az idejét és a hulladék sávszélesség fájlok letöltése újra és újra feleslegesen. 

De ez a weboldal, most volt a szuper-egyszerű, és csak megmutatta nekem a HTML jött vissza. Nézzük ténylegesen használni a hálózatot lapon most nem egy Google-keresés, mint a gyors barna róka. Hadd kattintson CS50 kereső, és most észre az alján van egy csomó cucc jött vissza mert amikor meglátogat egy valódi weboldal, mint Google.com, vannak képek, van szöveg, hogy van egy nyelv úgynevezett JavaScript ott. Szóval minden sora a táblázatban idelent jelent valamit, hogy a Google kiköp a válasz az én egyetlen kérelmet. Az egyik törődöm, bár ez első. És ha elmegyek a keresést, kérés, kattints ide többet forrás, észre, hogy valójában a rejtélyes üzenetet, hogy a böngésző elküldött A Google volt a két vonal van, majd néhány misztikus információt itt lent, amelyhez akkor figyelmen kívül most. De a nyilatkozat is, amit a Chrome elég praktikus be, ez is mutatja nekem a query string, hogy küldtek be Tehát ahelyett, mutassa meg ezt, a szó szoros értelmében küldött, ha többet is dekódolt, Chrome, csak hibakeresési célból, a fejlesztők számára, mint mi, ez csak megmutatta nekem egy ember-barát változata - ez nem pontosan hogyan róka, látszólag. Én csak észre ezt most - de ez megmutatja, amit, úgy tűnik, gépelt. Közben a válasz jött vissza a szerver ismét 200 OK. De abban a válasz, természetesen, ha tényleg többet az oldal HTML - Sajnáljuk, de ez egy kicsit billentyűparancs ment fonák ma. 

Majd én elintézem ezt később. Tehát ha tényleg többet az oldal forrását, amit tehetünk le ide kattintva választ, ez az, amit ténylegesen köpni vissza, továbbá annak, hogy a rejtélyes 200 OK üzenetet a szerverről. Egy kicsit rejtélyes, de hol van mindez jön? Nos, hadd tegye egy másik dolog itt. Egy másik kissé rejtélyes-parancsot, de ez a fajta tiszta, mivel kiderül, hogy pontosan mi folyik a motorháztető alatt. Szóval vissza a Mac-emet itt, a csatlakoztatott keresztül a program neve SSH, Secure Shell, a másik szerverre mert a legtöbb Harvard számítógépek blokkolják a parancs vagyunk arról, hogy futni mert ez a parancs egyes szerverek úgynevezett traceroute , amely lehetővé teszi, hogy nyomon követhessék a pontok között a és b, és eddig voltunk véve teljesen biztosra hogy tudok írja Google.com és valahogy kap adatokat vissza származó félúton az ország vagy félig szerte a világon. A traceroute tudunk valójában merülni egy kicsit mélyebbre , hogy miként működik az internet, és nézd meg mi történik a motorháztető alatt. Akkor menjünk előre, és önkényesen követni az útvonalat, mondjuk, Stanford.edu, amely szerte az országban, és nyomd meg az Entert. Ez a parancs lehet szuper gyors vagy szuper-lassú, de amit látunk most, sorról sorra, is minden egy lépést vagy a komlót köztünk és Palo Alto, vagy Stanford, ahol megvan a webszervert. Szóval mit jelent minden egyes ilyen vonalak konkrétabban, igaz? Egy darab zsargon az internetről? [Diák, érthetetlen] >> Mi ez? [Diák, érthetetlen] >> Oh, így van idő, de mit jelent minden egyes sorát - mit értek hop? 

Nos, vannak ezek a dolgok az interneten az úgynevezett routerek. És útválasztók, ahogy a neve is sugallja, útvonal információkat a pont-pont b. De van több ponton túli a és b. Van c és d, valamint az e és f között sor 1, amely történetesen a számítógép IP-címét, vagy a numerikus címet, amely egyértelműen azonosítja a számítógépet, és a 15. lépés, ami valójában a hatodik web szerver, úgy tűnik, ami vagyok következtet ebből, vagy a 6-os verzió azok webszerver Stanford. De mi a fajta tiszta van, látjuk az utat hogy az én 0 és 1-es szed a számítógépről a Stanford. Tehát az 1. lépés saját számítógép címét. Minden számítógépet az interneten van egy olyan egyedi azonosítóval, amely úgy néz ki, mint ez. Number.number.number.number. Valahol ezen az egyetemen, valószínűleg a tudományos központ, van a router az úgynevezett Core Gateway 2-te83, bármit is jelentsen ez, így ez az egyik Harvard nagy díszes útválasztók útvonalak nagy a forgalom. Itt van még egy a Harvard router, ez egy Border Gateway, átnyúló értelmében ez valószínűleg a perifériáján campus valahol. Aztán ott van nox egy, 4. sor, amely Észak-Crossroads, amely egy nagy ISP, Internet szolgáltató, hogy az olyan helyeken, mint a Harvard csatlakozni akár. De aztán a dolgok egy kicsit érdekes a 6-os vonal. Hol vannak a bit hirtelen? Kansas. A világ egy szokása repülőteret használó kódok egy csomó ezeket a dolgokat, vagy legalább rövidítéseket az államok és városok, így néz ki, mindössze 60 ms, egy csomag információs, 0 és 1-es az én laptop lett egészen a Kansas, és ismét a 60 ms. 

Sőt, miután Kansas, vettek egy túra Houston, valószínűleg ahogy azt a neve ennek a szerveren. Szóval, ahogy a szerver az interneten kell egy numerikus címe, azt is, adott esetben, egy kicsit ember-barát címet, hogy az ember jött fel. Most, a 8. lépésben, akkor nem tudom, mi ez. Néha routerek csak egyfajta vesznek rólad tudomást, és ők csak nem válaszol a kérdésekre, hogy rendben van. Az egyik lépés után 8 látszólag hol? L.A. Figyeljük csak 78 ms, ami visz minket az emberek, mint a 6 + órát nem fizikailag, veszi csomagok információk az interneten 78 ms utazni ilyen messzire. 10. lépés van LA is, és a 11. lépést úgy tűnik, hogy elment északra, egészen közel a Stanford. Ez az a határ router, vagy a határ router. Egy pár lépésre a Stanford, amelyek figyelmen kívül hagyják nekünk, és végül elérjük a webszerver mindössze 87 ms. Nos, ezek a számok, mint félre, Csak mondani, hogy mennyi ideig tart az adatok kap tőlem minden egyes ilyen router, és ez nem felhalmozódó. Mit jelent ez a program van, először küld egy üzenetet, lényegében az első router. Aztán egy a második router, majd az egyik a harmadik router, mérési minden alkalommal. Szóval elméletben, ezekben az időkben is növekszik vagy legalábbis nagyon közel állnak egymáshoz, , sőt az is, hogy itt az egyetemen, szuper-kicsi. Amint elkezdi megy az ország egész területén, tart az adatok egy kicsit utazni, közelebb a 100 ms, ide vagy oda. De menjünk a másik irányba most. Mit szólnál Cambridge University az Egyesült Királyságban? Hadd helyett fut a traceroute www.cam Cambridge, . Ac az egyetemi,. Uk, majd nyomd meg az Entert itt. Ez átkozottul gyors. Saját adatok szó ment Cambridge, Anglia, ebben a szempillantás alatt az idő. 

Tehát lássuk az utat, hogy az volt. Harvard, Harvard, Harvard, Észak Crossroads, amely egy ISP, és akkor ez a Northern Crossroads, majd bumm. Mi van a lépések között a 6. és 7., router 6. és 7? Az Atlanti-óceánra. És mi következtet ezt a tényt, hogy megyünk 20 ms 80 ms ide ide. Tehát valami volt 60 ms, ide vagy oda, hogy legyen vége. És ez valószínűleg egy nagy víztömeg. Mi történik ezután? Nos, itt vagyunk Londonban, Csak 88 ms később. Több London, több London, nem biztos benne, ha ez van, de tegyük fel, hogy ez kívül London, Cambridge itt, és végül - a szó szoros értelmében, University of Cambridge . Something.net, és aztán, végül, hogy a 16 vezetéken, a web szerver látszólag hívják Scorpius a motorháztető alatt, noha tudjuk, hogy a www. Fajta észbontó, azt hiszem. Az első alkalommal, amit valaha is tettem ezt, teljesen elszállt az agyam. Sajnos, Harvard gátolja az ilyen típusú forgalmat, jellemzően, a hálózaton. Szóval nem tudom, hogy szuper könnyen. Ismerd fel, bár ez itt lehetséges. Rendben van. Nézzük mi 5-perces szünet van. Majd gyere vissza, és merüljön mélyebbre. Tehát van vissza, és mi már ilyen baktatott körülbelül néhány különböző irányokba itt. Szóval pontosan összefoglalja, hogy mi folyik itt. Kezdtük a beszélgetést, beszélni ezen a nyelven nevű HTML. Ismét nem egy programozási nyelv. Ez csak egy leíró nyelv amely főként arról esztétika és rendszerezése tartalom formájában egy weblapon. De a HTML, ezért kell valamilyen mechanizmus utazáshoz között böngésző és a szerver. HTML ezért egyfajta lovagol ezen felül más nyelven, vagy még pontosabban, a protokoll, ismert HTTP. 

És HTTP, ahogy láttam eddig, a fajta analóg ezen emberi egyezmény kezet. Amikor a böngésző szeretne kérni egy oldalt a szerver, küld, hogy a "get" kérésére böngésző szerver, majd a szerver válaszol egy több, mint 200, minden rendben van, valamint a HTML, vagy valamilyen rossz szám, mint a 404, a fájl nem található. De közben, HTTP önmagában nem az interneten, önmagában. HTTP csak egy szolgáltatás, a szolgáltatás az internet hasonlóan G chat egy másik szolgáltatás, ugyanúgy, mint az e-mail egy szolgáltatás. Van mindenféle dolog, amit tehetünk, az interneten. HTTP egyike ezen alkalmazások. Így a tetején - HTTP tetején van valami másra amelyhez nem említi név szerint, lehet, hogy már hallott név, TCP / IP. Szóval a történet, amit most mondtam van szó adatok hogyan utazik a pont-pont b. És ebben az esetben, láttunk egy nagyon alacsony szinten router a router a router a router, az adatok tényleges sugároznak. De az út mentén, akkor fog találkozni a különböző akadályok. Emellett ezek a routerek, vannak dolgok, az úgynevezett tűzfal az interneten, és így adatokat, például az, hogy mi volt éppen adó tőlem a Stanford, az engem Cambridge, küldenek, ezen a szinten, amit az úgynevezett IP-címet. Láttuk ezt egy pillanattal ezelőtt, és az IP-cím csak egy numerikus cím a forma w.x.y.z, amennyiben mindegyik között van, ide vagy oda, 0 és 255 de akkor nem igazán használja fel ezeket a számokat. De mindegyik hely birtokosai egy szám 0 és 255 között. Szóval, az IP-cím manapság a 32 bit. 

Most, hogy számunkra, hogy számos lehetséges IP-címeket a világon? Nagyjából 4 milliárd mert bármikor mi számlálás 2 hatványai egészen akár 32 valamit, ami általában ad us 4 milliárdot. Szóval ez a sok IP-címek, de lehet, hogy olvas, vagy lehet, hogy már észre a népszerű sajtóban, push felé egy új változata IP IPv6-nak nevezik. Most mi a 4-es verzióját. Tényleg nem volt egy 5-ös verzióját, mi csak ugrás jobbra 6. 6-os verzió fog használni 128 bites IP-címek, ami rohadt nagy. Nem kellene elfogy jó ideje már, de elkezdték kifogyott a 4-es verziójú IP-címek, mert mindannyian nem csak dolgok, mint a laptopok és asztali számítógépek, sok közülünk telefonok, sokan közülünk más eszközökkel mint TiVo és a hasonló, amelyek IP címek magukat. Harvard magának tízezer számítógépek. Tehát a világ valóban elfogy az IP-címek, legalábbis ebben a formában. Így az elkövetkező néhány évben, akkor lesz látni a címeket saját számítógép valószínűleg lassan változik ahogy egyre több vállalat és az egyetemek kezdenek támogatja az újabb verzió. De egy IP-cím nem elegendő a számítógép a kérjenek adatokat számítógépről b. Mivel a számítógép b lehet egy szerver, és egy szerver, ahogy korábban említettem, megteheti fürtök a dolgokat. Ez a fogadó weboldalakat, lehet egy e-mail szerver, ez lehet egy Skype szerver, ez lehet egy G-chat szerver. 

Mindezek a különböző szolgáltatásokat lehet nyújtani a szerveren is mind fizikailag, ugyanazon a gépen. Így amellett, hogy IP-címek, a világon dolgokat nevezik portoknak az interneten. A port csak egy szám, így van egy egyedi szám HTTP. A szám 80. HTTP is használ szám 443, hanem nagy mértékben, a titkosított HTTPS. Amikor látja a s, biztonságos, ez egy másik számot. Vannak más számok, mint 25, felhasználhatja egy ún SMTP, más néven E-mail küldése. Van valami, amit az úgynevezett 22-es SSH, és van egy csomó más kikötőkben odakinn. Most az emberek ritkán látni ezeket a számokat. Azonban, ha beír egy címet, mint a http://www.facebook.com, A böngésző titokban behelyezésénél 80, mert te HTTP. Ha ehelyett írja HTTPS, ez titokban beillesztésével 443. És tudjuk milyen látni ezt manuálisan, ha felhúz egy böngészőt és megy http://www.facebook.com:80. Ezért kifejezetten hivatkozva nem csak a neve, a honlap de a port, hogy szeretnék beszélni, és nyomd meg az Entert. Közlemény eltűnik, mert a böngésző feltételezi, oh, 80, én nem is fog zavarni azt mutatják, hogy az Ön számára. De ennek az az oka, hogy ha én tényleg akartam küldeni egy e-mailt valakinek, Én valóban azt eljuttatja őket a 25-ös porton, hogy mivel SMTP. Egy kicsit olyan leegyszerűsítés, de néhány van barátai akik ténylegesen dolgozni Facebook, és hasonlóképpen, van kiszolgálók kapnak e-mailt. 

Minden alkalommal, amikor e-mailben, amit gmail csinál neked vagy az Outlook vagy bármi programot használja, ez a fajta titokban beillesztése azt a számot is, 25, ebben az esetben. Ez a kombináció az IP-cím és a szám, amely egyedileg azonosítja a számítógép az interneten, és egy adott szolgáltatás az adott számítógépen. Most, persze, a legtöbben valószínűleg soha nem adta manuálisan az IP-címet. Lehet, hogy a készülék, de a valóságban nem annyira. Miért nem írja IP-címeket böngészők? Úgy működne, sőt, látjuk ezt; hadd mutassam meg egy másik parancs működnie kell a legtöbb bárhol Harvard egyetemen egy Mac vagy PC. Van ez a parancs neve nslookup, névszerver lookup. Ha Felnézek www.cnn.com, kiderül, hogy a CNN is - oh, érdekes. CNN indult Amazon Web Services segítségével. Lehet, hogy tudja, a számítási felhő, az Amazon az egyik nagy játékosok cloud computing. Amit most nem volt, azt mondta: "Add ide a címét CNN web szerver" de kiderül, hogy a CNN web szerver kezeli Amazon, Az Amazon Web Services, ezt sugallja. És a címe, hogy a szerver ez itt. Szóval én nem vagyok biztos benne, hogy ez működni fog, mert nem használtam Amazon. De próbáljuk meg, http://, IP-cím, írjuk be, és - fog ez működni? Igen. Ez fog működni. Internet szuper-lassú ma. De egy pillanat alatt, látni fogja néhány hírt. Ott vagyunk. Bank of America van, hogy perelhető. Rendben van. 

Ez azért van, mert ezt az IP címet épp által szinonimája www.cnn.com. Persze, nem lenne szörnyű marketing mondani, látogasson el hozzánk a weben a 50.112.94.127. Sosem emlékszem. Így még ezekben a napokban lehet felidézni a dolgokat mint 1-800-COLLECT vagy memorizálás a világot jött fel a telefonszámok. Ami előtt mobiltelefonok, meglehetősen nehéz emlékezni amíg meg nem tudta, csak írja be és felejtsd el. Tehát a Web is van ezen egyezmény nevek és IP-címek, és vannak ezek a dolgok ott úgynevezett DNS szerverek, domain név rendszer szerverek, hogy lefordítani IP-címeket neveket, és fordítva. Szóval, ez az, ami folyik a motorháztető alatt. A végén már a TCP / IP, ami ezt a nagyon alacsony szintű protokoll , hogy tényleg, csak kap 0 és 1-es az interneten keresztül, , és így tesz azáltal, hogy azokat egy virtuális borítékba, ha úgy tetszik, és írásban a külső boríték az IP-címét a rendeltetési hely, valamint a numerikus port szám a szolgáltatás az adott hely, hogy beszélni akar. Eközben, a borítékon van még valami, ismert, mint a feladó címét, amely az IP-cím, hogy amikor a CNN kap egy csomag információkat kérhetnek, Megnyílik a virtuális borítékot, látja, hogy szeretné, hogy a honlap, tudja a feladó része ennek a virtuális boríték kit küld a HTML vissza. Szóval vessünk egy pillantást erre egy kicsit részletesebben. Ez egy cég, Ericson, a néhány évvel ezelőtt. És volt némi szabadságjogokat, hogyan is működik az internet, de fest sokkal vizuális képet, mint puszta kréta itt. Szóval neked "A Bit az interneten." 

[Narrátor] Ez az első alkalom a történelemben, az emberek és a gépek dolgoznak együtt, felismerve, egy álom. Az egyesítő erő, amely nem ismer földrajzi határokat. Tekintet nélkül fajra, felekezetre, vagy színes. Egy új korszak, ahol a kommunikáció valóban összehozza az embereket. Ez A Dawn of the Net. Szeretné tudni, hogyan működik? Kattintson ide, hogy kezdődik az utazás a Net. Nos, pontosan mi történt, amikor rákattintott a linkre? Te kezdted a információáramlást. Ez az információ utazik le a saját személyes postázóba ahol Mr. IP csomagok, címkék, és elküldi azt a saját utat. Minden csomag korlátozott a mérete. Az e-mail helyiség kell dönteniük, hogyan osztják az információ és hogyan becsomagolására azt. Most, a csomag szüksége egy címkén, amely fontos információt mint például a feladó címe, a címzett címét, és milyen típusú csomag van. Mivel az adott csomag megy ki rá az interneten, ez is kap egy címet a proxy szerver, amely egy speciális funkciója, mint látni fogjuk később. A csomag most indult rá a helyi hálózaton vagy LAN. Ez a hálózat csatlakozáshoz használt valamennyi helyi számítógépek " routerek, nyomtatók, satöbbi, az információcsere a fizikai falai az épület. A LAN egy nagyon ellenőrizetlen helyre, és, sajnos, baleset történhet. Az autópálya a LAN-tele van mindenféle információt. Ezek az IP-csomagok, a Novell csomagok AppleTalk csomagokat. Mennek ellen forgalom, mint mindig. A helyi router beolvassa a címet, és ha szükséges, felemeli a csomagot másik hálózatra. Ah, a router. A szimbólum ellenőrzés egy látszólag rendezetlen világban. [Router motyogott, és monológja] 

[Narrátor] Ott van, rendszeres, nemtörődöm, módszeres, konzervatív, és néha nem egészen fel a sebességet. De legalább ő pontos, a legtöbb esetben. Ahogy a csomagok elhagyják a router, teszik az utat a vállalati internet- és irány a router switch. Egy kicsit hatékonyabb, mint a router, a router switch játszik a gyors és laza IP csomagokat, ügyesen routing őket útjukon. A digitális "flipper varázsló", ha úgy tetszik. [Router switch monológja] [Narrátor] A csomagok megérkeznek a rendeltetési helyükre, ők felvette a hálózati csatoló, készen kell küldeni a következő szintre. Ebben az esetben, a proxy. A proxy által használt sok vállalat, mint egyfajta középső ember annak érdekében, hogy csökkentsék a terhelést a Internet kapcsolat és biztonsági okokból, is. Mint látható, a csomagok minden különböző méretű függően azok tartalmát. A proxy megnyitja a csomagot, és úgy néz ki, a webes címét vagy URL. Attól függően, hogy a cím elfogadható, a csomagot küldött az internetre. Van azonban néhány olyan címek, amelyek nem felelnek meg a jóváhagyásával proxy. Ez azt jelenti, vállalati vagy kezelésére vonatkozó iránymutatások. Ezek röviden foglalkozni. Lesz nem az. Azok számára, akik teszik, hogy az úton újra. 

Következik a tűzfal. A vállalati tűzfal két célt szolgál. Ez megakadályozza, hogy néhány igen csúnya dolog az interneten jön az Intranet, és ez is megakadályozza érzékeny vállalati információkat küldött ki rá az internetre. Miután a tűzfalon keresztül, a router felveszi a csomagot és helyezi rá a sokkal szűkebb út, vagy a sávszélesség, ahogy mondani szoktuk. Nyilvánvaló, hogy az út nem elég széles ahhoz, hogy vegye őket. Nos, lehet, hogy vajon mi történik minden olyan csomagot, amely nem teszi az út mentén. Nos, amikor Mr. IP nem kap visszaigazolást hogy a csomag nem érkezik időben, ő egyszerűen küld egy helyettesítő csomagot. Most már készen áll, hogy adja meg a világot az internet. A pókháló az összekapcsolt hálózatok, amelyek átfogják az egész világon. Itt, routerek és switchek között kapcsolatokat hozzanak létre hálózatokat. Most, a Net egy teljesen más környezet, mint talál belül, a védő falai a LAN. Nincs itt, ez a Wild West. Sok hely, sok lehetőséget, rengeteg dolog, hogy vizsgálja meg, és helyre kell mennem. Köszönhetően a nagyon kevés ellenőrzés és szabályozás, új ötleteket talál termékeny talajra, hogy bővítsük a lehetőségeket. Hanem azért, mert ennek a szabadságnak az egyes veszélyek is leselkednek. Sosem tudhatod, mikor találkozol a rettegett ping a halál, egy speciális változata a szokásos kérés ping, amelyek közül néhány idióta találta ki, hogy összezavar gyanútlan házigazdák. Az útvonal a csomagokat figyelembe lehet műholdon keresztül, telefonvonalak, vezeték nélküli, vagy akár tengerentúli kábelt. Nem mindig a leggyorsabb vagy a legrövidebb útvonal lehetséges, de lesz ott végül. Lehet, hogy ezért ez néha "A World Wide Wait". De ha minden zökkenőmentesen zajlik, lehet megkerülni a világon: öt alkalommal át a csepp egy kalap, szó szerint. És mindezt a költségek egy helyi hívás vagy kevesebb. Közel a vége a mi rendeltetési fogjuk találni egy másik tűzfal. 

Attól függően, hogy a perspektíva, mint egy adatcsomagot, a tűzfal lehet bástyája biztonság vagy a rettegett ellenfél. Minden attól függ, melyik oldalon állsz, és milyen szándékai vannak. A tűzfal célja, hogy hagyja, hogy csak azokat a csomagokat, amelyek megfelelnek a kritériumoknak. Ez a tűzfal működik kikötők 80 és 25. Minden belépési kísérletek más portok zárva vannak a vállalkozások számára. Port 25 használt postai csomagokat, míg a 80-as port van a bejárat a csomagokat az interneten, hogy a webszerver. Bent a tűzfal, csomagokat vizsgálni alaposabban. Bizonyos csomagok, hogy könnyen át a vámon, míg mások néz ki egy kicsit kétséges. Most, a tűzfal tisztviselő nem könnyű becsapni, például amikor ez a ping halála csomag igyekszik álcázni magát, mint egy normál ping csomagot. [Firewall tiszt beszél csomagok] [Narrátor] Azon csomagok elég szerencsés, hogy ez idáig, az utazás majdnem vége. Ez csak egy sorban a felület, hogy vegyék fel a webszerver. Napjainkban a web szerver futhat sok mindent, egy mainframe egy web cam a számítógép az asztalon. Miért nem a hűtőszekrény? A megfelelő beállítás, akkor megtudja, ha megvan a hozzávaló A Chicken Cacciatore, vagy ha kell menni vásárolni. Ne feledje, hogy ez a hajnal a Net. Szinte bármi lehetséges. Egy-egy, a csomagokat érkezett, nyitott, és kicsomagolását. A bennük található információk, azaz az Ön információkérés, küldik be a web szerver alkalmazás. A csomag maga is újrahasznosított, használatra kész újra, és betölti a kért információkat, foglalkozni, és küldött ki úton vissza hozzád. A lap korábban a tűzfal, router, és keresztül az internetre. Vissza keresztül a vállalati tűzfalon és rá a felület, kész arra, hogy a kínálat a böngésző az információt, amit kért. Azaz, ez a film. Örülök, azok erőfeszítéseit, és bízva a jobb világ, mi megbízható adatcsomagok lovagolni le boldogan a naplementébe egy másik nap, tudva teljesen ők szolgáltak gazdáik is. Nos, nem az, hogy a happy end? [Malan] Oké, ennyi elég. Találkozunk jövő héten. [CS50.TV]