[Powered by Google Translate] [Nädal 7 Jätkub]
[David J. Malan, Harvard University]
[See on CS50.] [CS50.TV]
Hea küll. Tere tulemast tagasi. See on CS50,
ja see on lõpuks 7. nädalal.
Nii et üks neist loll vähe asju, mis läheb ümber Internet
ja me slurped üles, ja see peaks nüüd natuke geeky mõtet teile.
Noh, see oli naljakam, et see kutt, kui see oli teiega.
Rääkides, noh, poisid,
täna on Nate sünnipäev.
Et anda teile ettekujutuse hea Nate ja mina
kell veebiarendust põhineb esmaspäeval klass ja põhineb nüüd selles,
Ma arvasin, et tõmba Nate koduleheküljelt, kui sa ei ole näinud seda veel.
See siin ia Nate'i HTML.
Nii et vaata oma lähtekoodi, kui soovite näha, kuidas seda teha, ja Nate,
kui saaksime embarass sa lihtsalt lühidalt, personali sain sulle midagi
kui soovite jagada mõningaid magustoit mõned lapsed klassi siin.
Kui soovite tule alla.
Te kõik kiidan ja on väga kena, kuid keegi istub kuskil Nate,
miskipärast on see tagasi tsoonis.
Nii et ehk leiad mõned inimesed nautida neid koos.
Palju õnne, Nate.
>> Täiendav hellos: Me näitasime paar klippe meie CS50x õpilased.
Kui soovite näha, kes muidu on maailmas
mis on pärast mööda, saate pea see URL,
kus Joosep, üks meie TFS, on kokku pandud montaaži kehvasti
kõigile, kes on esitanud need videod, nende seas Rick Astley.
Ja kui te satute neid, see on tegelikult üsna inspireeriv
näha mitmekesisust Riigid ja linnad, kust inimesed on hailing.
Nii et kui soovite võtta pilk, et mis on jätkunud kuni semestri lõpuks.
Täna jätkame oma pilk veebis, veebi programmeerimine, HTML jms,
ja meil on ka lõunasöök tulemas sel reedel
kui soovite, ja eriti, ei ole seda teinud varem.
Sel reedel teema on Nate sünnipäev,
nii et kui sa tahaks olla sünnipäev lõuna Nate
ja teised, mõned meie sõbrad tööstuse,
palun pea et link seal.
Kosmos, nagu alati, on piiratud. Samuti, kui olete unustanud,
mõistma, et järgmisel nädalal on tähtaeg probleem komplekt 4 on tänavapühkija hunt,
mille pärast tagasi kõik need JPEG alates card.raw,
sina ja su jagu semud, kui soovite, võite proovida pildistamine
nii palju arvuti teadlased, et mälukaardi kui võimalik,
ja sina ja su osa siis võita vapustav auhinna.
Naasta pset 4 spetsifikatsioonile, et mida esitada ja millal.
Samuti, kui sa tahaksid saada oma kätetöö surematuks
rajal veebilehte ja selle ajalugu rõivad,
teate, et olete teretulnud nüüd alustada esitades kujunduse
Selle aasta T-särgid ja dressipluusid jms.
Me teeme oma parima, et hõlmata võimalikult palju kui saame,
aga eks me mõned töötajad vaadata kõiki disainilahendusi
veenduda, et nad on kooskõlas kirjeldused,
ja me siis vali tavaliselt käputäis neid eksponeerida.
Nii et kui teil on konstruktsioonitüübi, lihtsalt tean, et nõuetele
graafika on PNG, vähemalt 200 dpi,
nad ei tohi olla suurem kui 4000 x 4000 pikslit,
ja mitte rohkem kui 10 MB, kuid sa oled teretulnud kasutama asjad
Photoshop või GIMP või erinevates graafilistes programmides,
mis iganes sul on Teie käsutuses.
>> Samuti silmapiiril on lõplik projekt. Projekti lõplik tõesti on kulminatsioon 50,
kusjuures kõigi ülesannete käigus,
see on sinu võimalus tõesti teha oma asja.
Ja see võib olla lihtsalt midagi teha lõbu,
seda saab lahendada mõned pakilisemad probleemid teie õpilane grupp on,
mõned uued veebilehel, mõned uued kogumise mehhanismi andmed.
See võib olla mobiilne rakendus Android, iOS.
Tõesti, taevas on piir, ja lähema paari nädala jooksul,
nagu me üleminekut C kuni need kõrgema taseme keeltes nagu PHP ja JavaScript,
leiad ennast üha tutvustatakse mõned reaalse tehnikat,
mõned reaalse tööriistad ja täiendada seda,
tean, et loomulikult on esinenud seminaridel,
mille üle järgmise mitu nädalat, mõned õppejõud
ja sõbrad meie alates loengusse pakub vabatahtlik seminarid
mis lähevad üle ja kaugemale inimest tavaliselt teinud rubriigis
tutvustada teile asju nagu Android programmeerimine,
tutvustada teile asjad iOS programmeerimine
või rohkem arenenud web-arendamise tehnikaid.
Seal on kogu ajaloo nende juba internetis.
Kui te lähete cs50.net/seminars, oleme seda teinud juba üsna mitu aastat,
ja te näete, et arhiveeritud siin PDF-faile ja videoid jms
on mitukümmend videod seminare.
Eelmisel aastal näiteks oli meil seminar ILMITSI oma tehnilise intervjuud,
kui sa tegelikult otsin minna välja ja teha internatuuri või täistööajaga kaarik.
Windows Mobile areng, Android arendamiseks, Google Maps,
API, CSS, arendades BlackBerry, Emacs.
Tõesti, sa oled teretulnud, kui heita pilk kõik need seminarid endale sobival ajal.
Ja saadame ettevõttes ka uusi käesoleval poolaastal, samuti.
>> Mis on edasi lõpliku projekti?
Noh, esiteks, isegi kui see kuupäev on mõnevõrra peatne
see on tõesti lihtsalt võimalus hakata mõtlema lõplik projekt üsna realistlikult.
Me teame ainult algus midagi, mida me veel, mis hõlmab käigus,
HTML, PHP jms, kuid te olete kõik tuttavad Web,
ja ma diagonaal seda vestlust suunas Web ainult sellepärast
enamik inimesi lõpuks teeme Veebipõhine lõplik projektide
kuid see ei ole sugugi vajalik.
Kasutades C on hea, objektiivne C, Java,
Teistes keeltes te võite teada või tahad teada, on üsna hea.
Aga saada mahlad voolavad esialgu, me ootame esitamise preproposal
mis kohta PDF veebilehel, mis on praegu cs50.net,
ja ülaosas vasakul näete lõplik projekt
on spetsifikaadi lõplik projekt,
ja seal on andmed preproposal jms.
Ta päris palju taandub talle oma õpetamise mehe
lihtsalt leida üles vestlus temaga sellest, mida sa mõtled.
On projects.cs50.net on varamu ideid inimesed loengusse
kui sa oled hädas tulla mõned ideed,
ja manual.cs50.net/APIs on varamu linke rakendusliideste.
>> Mis on aga API?
Mis on API? Ma olen öelnud seda vähemalt kaks korda,
vastavalt ärakirju möödunud mitu nädalat.
Mis see on? [Student, arusaamatult]
>> Olgu, hästi. Nii et midagi programmeerimise liides.
Application Programming Interface, ja see võib olla mitmeid vorme,
kuid mida see tegelikult taandub see kood
et keegi HS kirjutada või andmed, et keegi on kogutud
et on teinud teile kättesaadavaks teatud programmiliste.
Võite kirjutada koodi C, PHP, Python, Ruby,
sõltumata oma keele valik tavaliselt on,
ja saate kuidagi tugineda kellegi teise funktsionaalsus
või kellegi teise andmekogum.
Näiteks, kui ma lähen seda linki siin,
ja sa näed paari lingid järgnev lehekülg
kusjuures meil CS50 enda API, mis on väga Harvardi-kesksemaks, ja siis kolmanda osapoole rakendusliideste.
Hulgas kolmanda osapoole API-d on tõesti kasulikke asju
nagu oleks võimalik saada SMS inimesed,
on võimalik saada SMS tekstsõnumeid inimesed.
Ja asjad niimoodi, et siin võib olla aimugi, kuidas rakendada ennast,
kuid tänu teenuseid, mõned vabad ja mõned kaubandus-,
saab ehitada atop need ja midagi teile huvi pakkuda.
Hulgas CS50 on APIs on need campus-kesksemaks asjad
Harvardi kursused, energia, sündmused, toidu, kaardid, uudised, tweets ja Shuttleboy enda,
ja need APIs et vaadata veidi midagi sellist.
>> Las ma tõmba HarvardFood API.
Kui sa oled kunagi olnud HUD veebilehte, olete ilmselt olnud seal
lihtsalt näha, mis on õhtusöögile või näha, mis tunnid on juba mõnda d-hallis.
Noh, see ei ole eriti lihtne navigeerida,
ja nii me tegimegi mõni aeg tagasi oli meil kirjutas tarkvara,
ta juhtub olema PHP, et tegelikult ekraani kriimustuste kogu HUD kodulehel.
Et ekraani kraapima midagi tähendab, et kirjutada programmi nagu PHP
et teeskleb, et brauser, kuigi te võite selle käivitada käsuviibalt,
et teeskleb, et brauser ühendub veebilehel,
laadib oma HTML, mis keeles see on kirjutatud,
ja siis loeb seda, või täpsemalt, korrastab seda
ülevalt alla, vasakult paremale.
Ja mida me tegime oli meil kirjutas meie koodi nii, et
igal ajal nägime midagi, mis HTML mis nägi välja nagu midagi menüü
nagu hamburger, oleksime seejärel importida et meie enda andmebaasi.
Ja igal ajal nägime toiteväärtust, oleksime importida et meie enda andmebaasi.
Ja mida me tegime oli võimendav asjaolu, et HUD kodulehel
kuigi see võib olla natuke väljakutse meile inimestel liikuda
all kapuuts, kõik HTML on loodud oma arvutiprogrammid.
Nii et kõik oma HTML, kuigi see võib tunduda segane,
Nagu enamik veebisaite all kapuuts see järgmiselt muster.
Nii et me lihtsalt veetnud paar tundi figuring et muster
nii et lõpuks, me visata kõik räpane HTML,
kõik esteetika julge ees ja kursiivis jms,
ja mida me siis suutnud teha, on seada, et samu andmeid.
Näiteks sel viisil.
Nii me, vastavalt dokumente siin,
teatanud maailmale, et kui te taotlete URL
mis näeb välja selline, food.cs50.net / midagi,
ja mida pakkuda teatud parameetreid, mis me räägime täna,
nagu lõpptähtajaks ajal algusaasta aeg, jahu ja nii edasi,
mida meie serverid tulen su juurde tagasi, näiteks,
on CSV-faili, koma separted väärtused nagu Exceli faili,
sisaldavad kõike hommikusöögiks selle konkreetse kuupäeva eelmise aasta märtsis
kui ma juhtus kirjutada üles selle dokumentatsiooni.
>> Neile, kes teavad, CSV ei ole ainus failivormingus.
Seal on teine ​​formaat, mis on kõik mitmekülgsem
nimega JSON, JavaScript Object Notation.
Andmeid saab tagasi tulla sellisel kujul.
Nii Buffee on selles, et kas sa sukelduda seda API
või mõnda muud CS50-või midagi seal Internetis,
või üldse mitte aru, et maailm on üha enam hakanud standardiseerida
kuidas masinad on omavahel ühendatud.
Me kasutame standard andmete formaadid nagu CSV või JSON.
Ja mida see tähendab teile, võite kirjutada huvitavaid osa programmist
mis võimaldab oma kasutajanimi otsida söögi-hallis menüü
mis võimaldab neil luua nimekirju lemmikud, mis võimaldab neil saada Alerts
kui nende lemmik sööki on umbes antakse kätte mõned d-hallis
kasutades kellegi teise andmekogumid ja hoone peal nende rakendusliideste.
Nii et rohkem sel kujul seminare ja dokumentatsioon, et teil on siin online.
Nii et need on siis rakendusliideste.
>> See toob meid tagasi HTML. Kiire sulgege.
Mis on HTML?
[Student, arusaamatult] >> Hea. Hypertext Markup Language.
Keegi teine, mis on Hypertext Markup Language?
Hypertext Markup Language.
Okei. Nii HTML, HTTP.
HyperText lihtsalt viitab Web, enamasti.
Markup tähendab, et see ei ole tegelikult programmeerimiskeelt, HTML.
See ei ole keel, mida saab väljendada loogika sisse
See ei pea silmuseid. See ei pea tingimustel.
See ei pea funktsioone iseenesest.
Pigem on need asjad ehk silte, või rohkem õigesti, elemente.
Ja need elemendid on algusest sildid ja lõpuks silte,
või avatud sildid ja suletud sildid ja millised need sildid üldjuhul tähendavad brauser on
hakkate midagi ja siis peatus tee midagi, kuigi on ka erandeid.
Mõnikord on see lihtsalt "panna reapiiri siin," näiteks.
Ja me nägime näiteid, et teine ​​päev, vahel julge jääksid,
reavahetused, ja siis paar muud sildid.
Nii HTML on keel, milles veebilehti on kirjutatud.
Nii et kui ma lähen midagi nagu Google.com
ja tõmba lihtsalt oma kodulehekülg,
meelde tuletada, et kui te paremklõps või kontrollida kliki
ja pilk View Page Source, tüüpiliselt
see on täielik jama nendel päevadel all kapuuts, kuid see on, sest
arvutid ei hooli valge ruumi, nii et see ei pea otsima ilus.
Aga kui me suumida osa,
märgata, et Chrome, lihtsalt kena olla, on värv kodeeritud asju.
Tõepoolest, see on esimene silt, et me nägime veebilehel.
Ja jälle, HTML 5, uusima versiooni selles keeles,
ei ole see asi alguses,
<! DOCTYPE html, kas väikese või suure algustähega,
aga see on lihtsalt mingi standard, mis ütleb, hei maailmas, siin on HTML faili versiooni 5.
>> Huvitav osa algab siit. Nii <html ja siis oli kaks last
HTML-elemente viimast korda.
Millised olid need kaks peamist lapsi?
Pea ja keha, nagu kutt tätoveering hetk tagasi.
Seal on kaks osa veebilehe, pea ja keha,
ja tagasikutsumise siis, et võib-olla kõige lihtsam veebileht saaksime näeb välja selline.
Ja ma olen liigestatud see lihtsalt olla selline puhas ja korras oma koodi,
kuid mis on tegelikult tähtis on see, et seal on mõned hierarhia sellele.
Ja silt, et olen avanud olen suletud ja et seal on seega see sümmeetria
kõigile juurdehindlus, et ma olen loodud.
Nii et viimasel ajal oleme hakanud kirjalikult veebilehti oma sülearvuti.
Ma avanud teksti redigeerida, ma päästsin faili hello.html,
Siis ma tirisid faili peale minu brauser, ja voila, mul oli leht internetis.
Nüüd, see ei ole päris nii, mul oli leht minu kõvakettale,
ja ma olin sõna otseses mõttes ainus inimene maailmas, kes näeksid, et veebileht brauseris.
>> Nii et täna tutvustame tegelik veebiserver
ja mõiste tegelikult teenivad sisu Internetis
ja kuidas see kõik hakkab kokku sobitada.
Nii tuleb välja, et kõik seekord CS50 seadme
teil on olnud veebiserveri arvutis.
Me oleme, õiglus, vaid kasutas seda gedit jaoks rõkkama, sest GDB jms,
kuid ka paigaldatud meie poolt teile aparaat on veebiserver,
ja et veebiserver juhtub olema vaba, avatud lähtekoodiga,
üks enim levinud kogu maailmas, nimega Apache.
Oma tehnilistelt nimi on httpd, d et neid deemon siin,
mis on tehniline sõna server.
Nii paigaldatud CS50 seade on veebiserver, ja mida see tähendab?
Noh, veebiserver on kontseptuaalselt, mõned server internetis, mis mahutab kuni veebisisu.
Kui küsitakse faili, siis sülitab välja HTML et komponeerib et fail ja voila.
Näete mõned veebisaidi avalehele.
Aga server on täpsemalt tükk tarkvara.
See ei pea olema füüsiline masin, see lihtsalt peab olema tükk tarkvara töötab.
Nii CS50 aparaat, muidugi, on tükk tarkvara
kuigi see on omamoodi teeseldes masin.
See on teeseldes olema arvuti sees arvuti,
kuid see tähendab lihtsalt, et seade saab kindlasti käivitada asju nagu veebiserverid.
See võib tegelikult käivitada e-posti servereid.
Võiksime sõita kiirsõnumiserveriga aastal seadet, kui me tahtsime,
ja tõepoolest, me käivitada ühe teist tüüpi server, mida tuntakse andmebaasi server, MySQL.
Aga rohkem sellest järgmisel nädalal.
See tähendab, et ma ei saa tegelikult külastada veebilehti
sees minu seadme abil brauseri seadme sees
või isegi minu oma sülearvuti, mu Mac või arvutiga.
Mida see tähendab? Selgub, et igal ajal näed Linux arvuti,
tema hüüdnimi on "kohalik peremees."
See ei ole domeeninime, sest me ei ole ostnud domeeninime
midagi nagu aparaat, nii et selle vaikimisi nimi on kohalikus masinas.
>> Aga selleks, et saada seadme, et hakata teenindama kuni veebilehti,
me peame looma neile esimesena.
Nii et teeme seda. Lubage mul minna terminaliakent siin
ja teate, et ma olen oma tüüpiline John Harvard kiire.
Lubage mul minna ja kirjuta ls, ja me näeme mõned tuttavad asjad selle semestri
lauaarvuti, downloads, Dropbox ja nii edasi,
kuid nüüd alustada keerates meie tähelepanu paar.
On palju Linux veebiserverid seal on see kaust nimega avalik html,
kuid me ei kavatse vahele, et üks nüüd ja keskenduda sellele, vhosts.
Keegi teab, milline vhost on?
Lihtsalt loll kõnepruugis jaoks virtuaalne host,
ja mida see tähendab, et tüüpiline server
tegelikult võite võõrustada mitmeid veebisaite.
Sa võid osta domeeninime nagu foo.com, ja saate vastuvõtva see serveris.
Aga sa võid ka osta bar.com ja vastuvõtva ta samas serveris.
Põhjus on selles, brauserid on piisavalt targad, et teavitada server
kui kasutaja taotleb mõned veebilehel, milline domeeninimi kasutaja soovib kodulehel.
Mis siis on tore on see, te ei pea ühes füüsilises serveris
või üks CS50 seadme iga veebisaidi võiksite luua.
Võite kasutada sama server ja arendada saja erineva veebilehed.
Ja tõepoolest, kui te olete inimene üritab alustada veebilehel,
kas lõbu või äri, tavaliselt lähete läbi interneti,
ja maksad keegi kümme taala kuu, sada dollarit kuus
võõrustada oma kodulehel teile.
Ja nii, et töötab, on nad maksustamise teisi inimesi
10 dollarit kuus või sada dollarit kuus
võõrustada teiste inimeste veebilehtedel nende samas serveris.
Seetõttu nad ei saa seda teha on, sest see funktsioon nimega bhosts,
vaid pigem, et kui on aeg lõplikuks projekte.
>> Sest nüüd, lähme lihtsalt sukelduda seal. Nii CD vhosts, ja kui ma tüüpi Kas nüüd,
märgata, et seal on kaust, seal nimetatakse kohalikus masinas.
See on sellepärast, vaikimisi seade arvud
sa oled kunagi avan veebilehe aparaat.
See ei ole tegelikult reaalses maailmas, see pole reaalse maailma veebiserver.
Nii et lubage mul minna kohaliku hosti, ja nüüd me näeme seal
viimane kataloog nimega HTML.
Nii et see on natuke sügav, hierarhia, kuid kas ja millal
te otsustate alustada arendada mitmeid veebisaite üle järgmise n kuud või aastat,
sellist kausta struktuuri kipub olema kasulik.
Nüüd lähme HTML-nagu ma just tegin,
tüüp ls, ja midagi on seal.
Nüüd lähme edasi ja tee seda. Lubage mul avada Chrome
seadme sisemust, ja lase mul minna http://localhost.
Nii sõna-sõnalt nimi minu aparaat, siseneda, ja ma saan Index of /.
See ei ole tegelikult näitab mulle midagi huvi,
aga tuleb välja, et see, mida me näeme, on selle kausta, HTML.
Pole midagi sees, et kaust praegu,
Nii et selle asemel, mida ma pean tegema, on kõigepealt luua fail.
Loo HTML fail nagu me tegime esmaspäeval, kuid seekord pani selle seadme sisemust.
Neile, kes üritavad jälgida koos sülearvutid nüüd,
Lubage mul teha üks kõrvale, et tulen kaetud veebipõhine pset,
vaid selleks, et saada see töö jaoks väga esmakordselt,
sa lähed pea selle käsu: sudo teenus httpd start.
Ja see omakorda korratakse viimase pset,
aga kui sa mängid koos kodus nüüd, veebiserver
on välja lülitatud aparaat, ja ongi nii, et see ei SAP kuni RAM
ja mälu 7 nädalat välja semester, kui me seda ei vaja.
Nii et sa pead selle käsu pärast, ja sa saad väljund niimoodi.
Siis peaks olema võimalik mängida koos siin.
Nüüd lähme tagasi sellesse kausta.
See kaust on tühi, seega lubage mul alustada luua faili
gedit hello.html.
>> Hea küll. Gedit on avatud nagu tavaliselt. Las ma teen DOCTYPE html,
html, las ma saan enne ise ja alustada sulgemise minu sildid ette.
Nüüd on mul peas. Lubage mul minna ja sule pea,
las ma nüüd tegema lehe pealkiri, tere nagu eelmine kord,
Sulge pealkiri, nüüd las ma teen keha.
Siin ma ütlen tere, maailm mõned exclams
selgeks teha, et see on teine ​​string.
Sulge keha, ja nüüd las ma minna ja esitada salvestada.
Las ma lähen tagasi oma terminali aken, ja kui ma tüüpi LS,
Ma peaks arvatavasti vt hello.html. Ja ma teen.
Nii et nüüd lähme tagasi oma brauseris nuppu reload
ja te näete oleme tõepoolest sees see HTML kausta.
Ma ei näe veebileht veel, see on Apache, veebiserver,
lihtsalt näitab mulle nimekirja sisu selles kataloogis.
Just nagu Mac OS või Windows on tavaliselt teha ise kohalikul kõvakettal.
Nii et kui ma tahan seda näha veebilehe, ma ei kliki see väike link siin, hello.html,
ja tõesti, see, mida ma ootasin näha.
Nüüd jälle, see ei ole URL, et keegi saab külastada just nüüd,
sest teie jaoks, kohalik host, kui teil on arvuti siin,
see viitab oma eksemplar seadme kohta.
See on minu isiklik aparaat,
aga see on selline loll, et mul on, on
kasutaja nagu mina klõpsa hello.html tegelikult näha sisu sellel lehel.
Selgub, et veebiserverid nagu Apache lase sul vaikimisi faili mis tahes veebiserver.
Teade meil siin hello.html.
Mis käsk Linux ümber nimetada faili?
>> MV, sest liikuda. Nii et lubage mul seda teha,
ja las ma ümber hello.html et index.html.
Lubage mul tippida Kas kinnitada see nüüd ümber nimetatud.
Nüüd see läheb - kui ma lähen tagasi kohaliku hosti
märkate nüüd, et ma olen automaatselt nähes, et veebilehel.
See on identne minu tegelikult teeme / index.html,
aga tore asi on see, et veebiserveri figuring,
oh, kui sul on fail, et inimese konventsioonide, nimetatakse index.html,
las ma näitan kasutaja, et fail vaikimisi
mitte mingi loll kataloogis, mis ei ole üldse kasutajasõbralik.
Tõepoolest, enamik veebisaite te külastate Internetis ei ole failide nimekirja klikkima,
nad lihtsalt näidata teile sisu. Nii see on, kuidas me saame teha, et index.html.
Nii et see on kõik lõbus ja hea, kuid see on üsna lihtne veebileht.
Lubage mul minna ja avada index.html minu vhosts,
kohalike võõrustajate html kataloogi ja lisame midagi suuremat huvi.
Nii et tere; olgem asemel öelda "See on CS50, Harvardi Kolledži. . . "
Nii et alguses muidugi kataloogi kirjelduse mingisugune olemas.
Nüüd, kui ma uuesti laadida, ma näen seda minu kodulehekülg.
Okei, ja ma ei näe seda, aga oletame, et ma tahan nüüd loetleda mõned rohkem sisu seda faili.
Ma võiks minna siin ja öelda, eeldused ükski,
kuigi mõned teist on ilmselt meeldib, "Ha ha ha, ei eelduseks."
Aga - ametlikult. Nii reload, ja nüüd on meil sama veidrus, et me nägime viimast korda.
Aga miks see nii on? See oli lihtne määrata.
Miks seda lehte katki?
[Student, arusaamatult] >> Jah, me oleme lahendanud selle enne
selgesõnaliselt öelnud brauseri panna reapiiri siin. "
Ja ongi, sest jällegi brauseri ainult kavatse teha
selgesõnaliselt mida märgistuskeel ütleb ta seda teha,
Nii et kuigi sa võisid Enter kord või kaks või isegi kümme korda,
see saab kombineerida, et kõik ühte ruumi, lihtsalt kokkuleppeliselt.
Nii et kui te tõesti tahate reapiiri, sa pead kasutama br tag,
ja nüüd teade, nagu Esmaspäev, panin / sees see silt,
ainult, sest see lihtsalt ei tundu õige
alustada reapiiri siis peatus see midagi vahepealset.
>> Nii konventsiooni HTML on avada ja sulgeda tag üheaegselt.
Nagu kõrvale, näete palju veebisaite raamatuid ei tee.
See on õige teha või mitte teha, kuid me väidame
et disaini-tark ja stilistiliselt, see on lihtsalt parem
sest siis iga silt on nii avada ja sulgeda kuidagi.
Nii et nüüd lähme salvestada ja uuesti laadida. Mine tagasi brauser, eks.
Nüüd oleme saavutanud teatavat edu, kuid see ei ole päris piisavalt.
Lähme edasi ja hakake kirjutama mõned enam hulk teksti.
Ütleme, "kiire pruun rebane hüppab üle laisa koera."
Ja nüüd ma lihtsalt kopeeri ja kleebi see paar korda
nii et meil on lõigu teksti.
Lubage mul minna tagasi siia. Seega ei otsi väga hea.
Mul on reapiiri, nii et see on okei,
kuid nüüd, kui me saada kuni punktini, millel veebileht
et on palju sisu, mitte ainult ühe rea näidata HTML,
saame hakata mõtlema neid asju kui tegelik punktid.
Ja saame alustada struktureerida meie veebilehelt vähe puhtamalt.
Ja tõepoolest, mida ma teha saan, on minna siin sees minu body,
ja tead mida, kui "See on CS50. . . " tõesti demarks alguses lõikes,
noh, olgem sildistada seda sellisena.
Lubage mul taande tekst, lihtsalt kokkuleppeliselt, lubage mul öelda
et käesoleva lõike lõpeb siin,
ja siis mitte teha seda reapiiri, lubage mul öelda
et see kuulub sinna ja kui uus lõige,
ja ma lihtsalt kiiresti taandus lihtsalt clobbering kõik see kraam.
>> Nii et nüüd on meil liigestatud punkt seal
ja nüüd meie juurdehindlus on hakanud saada veidi rohkem
semantiliselt kooskõlas sellega, mida me üritame teha.
Meil on punkt, niiet kutsun seda lõiku lk tag.
Meil on teine ​​lõik, niiet kutsun seda lõiku lk tag.
Ja nüüd, mida brauser tavaliselt ei
on nagu inglise raamat või essee,
kus te tavaliselt näha mõned reavahetused lõikude vahele.
Brauserid teen seda sinu eest automaatselt.
Nii et nüüd on meil kaks lõiku ja me saame jätkata seda.
Aga muidugi, veebis, kui sul on organid tekst
see ei ole tavaliselt lihtsalt tohutu plekid teksti.
Sageli hüperlinke seal.
Nii et kui me tahame, näiteks on mõned lingid seal,
oletame, mis võiks huvi pakkuda mis tahes veebilehe ma loon siin on -
Lubage mul minna Google.com,
ja andke mulle otsida kiire pruun rebane.
Mine Google piltide ja kuidas - see on armas.
Me läheme seda. Nii et siin on meil kiire pruun rebane hüppas üle laisa koera.
Nii, mida ma teen siin, lihtsalt huvides demonstreerimise
on arvata, et see pilt oli minu server,
ja mul oli luua neid pilte.
Mida ma just tegin oli paremklõps või kontrollida kliki pildile,
ja mida te näete enamik brausereid on vähe menüü -
selle lõpetama - väike menüü, mis võimaldab teil valida Copy Link Location või koopia URL.
Nii et lubage mul tagasi minna nüüd minu HTML, ja oletame, et ma tahan
hüperlink seda teisele veebilehele.
>> Mis oli silt nimega on?
[Student, arusaamatult] >> Jah. Nii href Hyper viide.
Lubage mul minna ja kleepige see sisse
See on päris pikk URL, nii et las ma suumida tagasi viia.
Sulge sulgudes, nii et nüüd märkate Ma olen Teel siia
sest et URL juhtus olema päris pikk.
Las ma kerin siia lõppu kiire pruun rebane,
ja siis lase mul lõpetada see silt </ a,
kus ma ainult suletud sildi nime.
Nüüd lubage mul minna ja salvestada see fail, laadige veebilehe
ja nüüd, vaikimisi, et saab olema joonitud ja sinist värvi minu jaoks,
kuid tõesti, ma ei saa nüüd klõpsate seda ja voila. Seal on see pilt.
Ja see ei pea olema pilt, see oleks seotud
mõne muu juhuslikult kodulehel Internetis.
Ma võiks seda teha näiteks koos CS50, nii on viimane näide siin.
"See on CS50" võiks mõtet minna, href =
http://www.cs50.net lähedal quote lähedal ankrus.
Nüüd, et on isegi lühema URL, ja seekord me ei kavatse linkida pilt.
Me asemel läheb link teisele lehele.
Nüüd on meil pilt siin.
Mul on tunne, me saame teha natuke parem kui lihtsalt ühendab pilt.
Mis siis, kui me tahame tegelikult kehastavad seda oma veebilehele?
>> Noh, mida ma saan teha siin on, mitte link sellele graafika,
andke mulle selle asemel lõigatud link ja me vabaneme sellest hüperlink ja korista see ära.
Ja me läheme siit ja vabaneda sellest.
Me tõesti ei pea kõiki neid lauseid nüüd, las ma lühendada leht natuke.
Ja siis siia alla lase mul minna edasi uue lõiguga,
öelda, et ma ei taha teksti nüüd, ma tahan pilti kelle allikas saab olla, et link.
Pilt, nagu reavahe, on kas seal või ei ole.
Nii et lubage mul kohe sulgeda, et silt.
Lubage mul minna nüüd ja sulgeda punkt, et ma olen sees,
ja kui kõik läheb hästi hello, world, kui ma uuesti laadida nüüd,
Ma tõepoolest vt paremal sees oma veebilehele pilt.
Nii et nüüd on meil pilt sildi, ankrusildi jms,
ja hea meede, las ma teen veel üks asi, mis on tihti tähelepanuta
veebilehtedel nendel päevadel: Teeme pakkuda mõned kirjeldavat teksti see pilt
inimestele, kes on mobiilsideseadme
ja seetõttu ei pruugi olla võimalik laadida see pilt väga kiiresti,
inimestele, kes on pimedad ja ei pruugi olla võimalik näha pilti
kuid neil võib tekkida ekraanilugeja, mida neile öelda, mida see pilt on.
Ja seda, et on olemas veel üks atribuut pildi siltide
nimetatakse alt, alternatiivsete teksti.
Ja mida ma saan teha siin öelda: "See on kiire pruun rebane."
Nii et isegi kui inimene ei näe pilti ekraanil,
ta saab vähemalt kuulda, nagu mõned tarkvara,
Mis tegelikult on seal ekraanil.
>> See ei muuda esteetika lehel
kuid see on kindlasti hea tava kasutajatele.
Olgu, jätame selle veebilehe oma praegusel kujul,
aga vaatame, kui me ei saa nüüd tutvustada
midagi paremat lähenemist kirjalikult nende veebilehti,
mõned õppetunnid, mis hakkavad teenindama meile ka meie lehti saada üha keerulisemaks.
Mida me ei kavatse teha järgmise paari nädala jooksul
on samm-sammult läbi kõik mitukümmend HTML sildid, et on olemas.
Sarnaselt Scratch tagasi nädal 0, siis ilmselt piisab
anda kõrgetasemeline ülevaade mõned mõisted,
kiirülevaate mõned plokid sa olid ilmselt võimalik,
päris mugavalt, et liikuda oma, eri puzzle tükki.
Ja see juhtub jälle HTML, kõige tõenäolisem,
kusjuures seal on piisavalt ressursse veebis, et me punkti teid,
erinevate õpikute, kui soovite lugeda õpik,
et sõelub kõiki erinevaid asju saab teha, HTML,
aga tõesti, me oleme näinud siiani HTML enamik põhimõistete.
Meil on mõiste silte avada, sildid suletakse.
Mõned sildid, mis nii avada ja sulgeda
selles mõttes, et nad on tühi, seal peaks olema midagi sees neist
nagu pildi tag või reapiiri, mis on just seal.
Samuti tundus juba mõiste omadus, nagu alt või allikas.
Pange tähele, et need sõnad kipuvad Tavapäraselt olema lühike ja sisutihe.
>> Meil ei ole kaalutlusõiguse üle, mida need asjad on kutsutud,
keegi, kes leiutas HTML tulid need nimed.
Nii et sa lihtsalt pead alustama teada või otsida, igal ajal, kui neid vajate,
Mis nimed on need sildid ja atribuudid.
Kui need omadused, atribuudid üldiselt
muuta käitumist mõned tag.
Sellisel juhul allikas atribuut ütleb pildimärgendi
mida allikas pilt peaks olema.
Href atribuut ütleb ankrusildi mida see tuleks tegelikult ühendab.
Aga nii struktuuri veebilehe, kuigi Facebook
ja Google jms välja nagu täielik segadus
all kapuuts esmapilgul, kui hakkate läbi lugeda
rohkem metoodiliselt, nad kõik järgivad seda, eliit struktuur.
Aga me saame parandada stilisatsioon neid asju.
Nii et lubage mul minna mõned näited, mida ma ette valmistada.
Lubage mul minna ja need kopeerida teise kausta siin
ja neid ellu selles kataloogis.
Ette, mida ma tegin, oli valmistada mõned failid:
search0, search1, search2 ja search3 ja 4.
Lubage mul minna ja avada esimesena nimetatud faili,
ja vaatame, kas me ei saa hakata looma oma otsingumootor.
Ülaosas seda pilti, nagu tavaliselt sellistel juhtudel klassis, lihtsalt hunnik kommentaare.
HTML, kuigi, mille abil hakkate kommentaar
on <! - ja siis oled sees kommentaari, mitmeliiniline kommentaari.
Kui oled valmis lõpetama, et kommentaar, mida saate teha ->.
Nii et kõike tipus sinine on lihtsalt kommentaari.
>> See on minu DOCTYPE deklaratsiooni, mis jällegi
võite lihtsalt kopeerida ja kleepida usk, nüüd.
See lihtsalt ütleb brauser, "Siin on mõned HTML 5".
Selle all on line 14, on esimene minu tegelik sildid,
ja see lihtsalt ütleb, nagu varem, siin on mõned HTML,
siin tuleb pea mu lehele, siin on pealkiri,
ja siis vastupidi, et see on mu tiitel, et see on mu peas.
Siin nüüd tuleb keha minu lehel.
Nii paar uusi silte nüüd: h1 tähistab rubriik 1.
Seal on traditsioon HTML aastaid tagasi
võttes erineva suurusega teksti.
Ja juba järgmisel päeval, igaüks tähendas üldiselt, lihtsalt suur ja julge.
Aga seal on ka H2, mis on suur, kuid mitte päris nii suur ja julge.
Seal on h3, mis on selline suur, kuid mitte pooltki nii mahukas ja julge,
ja nii edasi, kõik tee alla h6.
Nendel päevadel, kuigi H1, H2 ja H3 on tegelikult tähendas
on rohkem semantiliselt neile,
mille h1 on tõesti pealkirja: pealkirja veebilehe
pealkiri veerg või midagi sellist teksti.
Nii et ma olen teadlikult ütles h1 CS50 otsing> h1
kuni täpsustatakse ettevõtte, et see on tõesti pealkirja, pealkiri minu lehel.
Ei tiitli tiitliribal mõttes
aga pealkiri, mida sa tegelikult näed veebilehe ise, organismis.
Nüüd on see, et saate ilmselt arvata, mis see on,
kuigi meil on paar uut tükki süntaks.
See on vorm. Nii veebi tõesti läheb huvitavamaks
kui veebilehed võtta sisend kasutajad.
Selles klassis on probleem seatud veebi programmeerimine,
me ei kavatse teha veebilehel iseenesest
staatilise sisu, mis näitab fotosid, et olete võtnud,
või on see mu uuesti, ja asjad minust,
sest need asjad on suhteliselt lihtne kokku panna.
Seda on raske teha asju ilus veebis
kuid vähemalt panna üles sisu on päris triviaalne.
Aga asjad tõesti huvitav, kui keegi ei saa külastada oma veebilehel
ja anda oma panus ja võib vorme täita,
saab kontrollida ära ruudud ja saab suhelda oma kodulehel.
Ja tõepoolest, ilmselt iga kodulehel sa hoolid
Nendel päevadel, igal detail, on kuidagi interaktiivne.
Facebook, Google, ja näeb, et võtta kasutaja sisend
ja toota kohandatud toodangut.
>> Nii et alustame seda teha nüüd. Lähme ülemineku nüüd
alates lihtsalt kasutades HTML Markup staatilise sisu
kui selle asemel kohaletoimetamise mehhanismi dünaamiline sisu.
Ja poole, et lõppu, olgem rakendada oma otsingumootor.
Teeme seda järgmiselt. Siin vormi tag.
Tegevuse atribuut määrab, et kui kasutaja täidab vormi
oma klaviatuuri, siis esitatakse see link siin.
Nii et ma olen selline petmine. See vőtab meid veidi kauem
kui ühte klassi rakendada kogu otsingumootor,
nii me lihtsalt ei esiotsa, nii rääkida.
Me teeme seda osa, mis võimaldab kasutajal otsida ja me omamoodi punt Google
Raske osa on leida otsingutulemuste
aga konkreetselt, et ma lähen rääkima Google'i veebiserver
kasutades ühte kahest väga populaarsed meetodid.
Üks on saada, teine, et me lõpuks näha, on postitus,
kuigi on ka teisi, mis on vähem kasutatakse sageli.
Nii saad lihtsalt seostuvad ideed, ma tahan saada osa sisu, saaksin otsingutulemustes.
See, saate võib-olla arvata, mida see teeb.
See on mingi sisend, see on tegelikult hakkab välja nägema tekstiväljale
ja nime, et sisend, nimi, et muutuja, kui nii võib öelda,
läheb Q päringule kokkuleppeliselt.
Ja jälle tüüpi see sisend ei kavatse olla ruut;
ta ei kavatse olla menüüs, see saab olema tekstiväli
kui tähistatakse seda omadust siin, ja see tekstikasti
nagu Reapiiri on kas seal või mitte.
Nii et meil on tühi element koos kaldkriipsuga sees, et silt.
Siis ma lähen üles reapiiri, ja te saate võib-olla arvata, mida see kavatseb teha.
See on veel üks omamoodi vormi sisestamist.
>> See üks läheb esitamisel kasutatav vorm.
Nii et see saab olema suur nupp, et kasutaja võib klõpsata vormi edastada,
ja etikett seda nuppu saab olema "CS50 Otsi".
Sulge vorm, lähedal keha lähedal HTML.
Vaatame, mis meil kujul sellele lehele.
Nii et lubage mul minna oma brauseris
lase mul minna, veel, et kohalik peremees.
See on ikka index.html, nii et kui ma tahan näha seda faili nimega search0,
Võin lihtsalt teha / search0.html, sisestage -
ja esimene minu vigu.
Mis toimub? Ma ei ole ilmselgelt piisavalt õigusi
kasutada seda faili mingil põhjusel.
Aga see on sellepärast, et erinevalt tööd oleme teinud seni C,
kus programme sa kirjutad on eeldatavalt runable teile,
käivitatava teile, see ei ole tõesti nii veebis,
kusjuures mõnikord soovite luua faile serveris,
aga sa ei taha, et kogu maailm oleks võimalik neid näha.
Pigem sa tahad maailmas näha mõned failid
kuid mitte teised, lihtsalt eraelu huvides.
Nii et see on rohkem opt-in alusel kui sa teed asju veebis.
Ja las ma tegelikult kirjutada LS siin,
ja näed faile mul on, aga meelde tuletada, et kui ma teen ls-l ammu,
Ma saan enam nimekirjades, mis annab mulle rohkem üksikasju neid faile
mis on nüüd, tõesti, esimest korda seotud meile.
Pange tähele, et paremas servas on nimed minu faile,
ja siis aeg, millal nad viimati muudetud või kopeeritud.
See number siin on mis? Kas te mäletate?
Maht baitides, kui suur fail on.
>> Nii et ma tundub, et on mingi logo siin, et on suurem kui kõik muud failid.
See on, kes ma olen, seda ma olen ja mida grupp ma olen sees
Aga siis, siin vasakul on natuke segasena jada,
ja me rääkisime, ma arvan, lühidalt seda varem,
kuid see on pistmist õigused.
Ja isegi kui see on veidi udune,
RW tähendab ilmselt lugeda ja kirjutada.
Nii tuleb välja, et need kriipsud tähistavad erineva õigusi erinevatele inimestele.
Ja muster on sisuliselt järgmised.
Kui näed jada kriipsud siin, nad näevad järgmiselt.
Seal on kriips, siis seal on veel kolm kriipsu,
siis seal on veel kolm, siis seal on veel kolm.
Esimene neist on kas sidekriipsuga või see reklaam kataloog.
Nii et üks on päris lihtne. Kui see kaust, see ütleb d, muidu on see sidekriipsuga.
Seal on paar muudel juhtudel, aga praegu me lihtsalt hoolivad faile ja katalooge.
Need järgmise kolme kriipsud - ja ma olen kunstlikult sisestatud tühikud.
Nad olid ilmselt mitte seal, kui nägime neid hetk tagasi.
Need on faili omaniku õigused,
ja tagasikutsumise hetk tagasi, et ta oli lugenud ja kirjutada.
See oli, sest mina kui inimene, kes on loonud seda faili Hetk tagasi
Ma lihtsalt vaikimisi peal Linux arvuti,
on võimalus jätkata lugemist ja kirjutamist, et faili.
>> Nii operatsioonisüsteem lihtsalt annab mulle RW automaatselt.
Lähis need puuduta minu nimel, et õpilaste,
mis on omamoodi mõttetu seadmele, sest ma olen ainus inimene, seadme kasutamine.
Nii et lubage mul lihtsalt laine oma käsi sel nüüd.
Aga viimased neist on kõige olulisem Web.
See on kõik mujal maailmas, ning asjaolu,
et see on --- tähendab, et keegi teine ​​maailmas
on mingeid õigusi sellele failile.
On selge probleem, nii et ma vajadust määrata see
poolt kuidagi andes maailmale, mida? Lugege ja kirjutage?
See on ilmselt loll, eks? Ma ei taha kedagi veebis
minna külastada minu leht ja kuidagi muuta, et faili
kuigi nad tõesti ei suutnud koos HTML-faili,
kuid lihtsalt põhimõtteliselt, ilmselt lihtsalt tahan, et nad saaksid seda lugeda.
Mis see tähendab, et seda lugeda? See ei tähenda, et nad ei kavatse hoolivad tegelik HTML,
kuid brauser peab suutma sõeluda, et märgistuskeel,
ülevalt alla, vasakult paremale.
Nii et keegi veebis peab suutma seda lugeda, nii et ma minimaalselt vaja anda sellele r.
Võin seda teha mitu erinevat võimalust, aga võibolla
kõige lihtsam on selle käsu siin.
Chmod, muutmise režiimi, siis a + r nii kõik, kõik maailmas + lugeda,
ja siis faili nimi, search0.html.
>> Nüüd kui ma ls-l jälle märgata, et see fail on muutunud,
ja tõesti, ma olen sisse lülitatud r kõigile.
Olen ka sisse see minu nimel, kuid sellest pole midagi,
sest kui ma pöördusin sisse kõigile, minu fraktsioon on alamhulk et.
Nii et see on hea ka. See tähendab lihtsalt, et arvuti on nüüd tehtud loetav.
Nüüd ma lähen tagasi oma brauseris nuppu uuesti laadida.
Ah-ha. Meil on nüüd CS50 Otsi.
Olen suumitud natuke kunstlikult - päris kole otsingumootor.
Aga vaatame, kas see tegelikult toimib.
Esiteks lubage mul teha kiire meelerahu vaadata, lubage mul juhtida vaatamiseks klõpsata lehe allikas.
Pange tähele, et sees Chrome me nüüd näeme sama HTML et ma ise loonud.
Ärge sattuge segadusse, tõsi küll. Ma ei saa hakata muutma koodi siin,
sest brauser read-only Arvestades seda koodi.
Brauser on lihtsalt küsis kohalik host faili nimega search0.html.
Nüüd on puhas juhus, et seade
juhtub olema sama arvuti nagu minu brauser.
Ma võiks lihtsalt võrreldavalt on sisestatud www.facebook.com/search0.html,
ja kui Facebook oli fail nimega, et ma oleks siis näeme oma HTML.
Ja muidugi, ma ei saa muuta faili, et tuleb tagasi alates Facebook, kas.
Nüüd oleme justkui hägustab ridade.
Seade on mõlemad server, mis teenindavad up veebilehti,
aga see on ka kliendi selles mõttes, et ma kasutan brauseri
tegelikult rääkida, et server.
Nii et vaatame, kui minu Google otsingumootor töötab.
Lubage mul minna ja otsida kiire pruun rebane, siseneda.
Ja voila, mul on nüüd oma otsingumootor.
>> Aga kuidas see toimib?
Natuke venitada, kuid - ja nüüd sa ei näe, täpselt, see osa, mis on huvi.
Teade, mis juhtub.
Märka link. Tuleb välja, et see meetod,
kutsunud saada, on super-lihtne.
Kui määrate vormis, mida soovite "saada" tuleneb mõned server,
mida ta kavatseb teha, on võtta mida iganes sa kirjutati kujul
ja pane see URL.
See saab standardiseerida kuidas ta saab panna link järgmiselt.
Pange tähele, et see on link, mis oli väärtus minu tegevus atribuut.
See, kui ma tahtsin vormis lõpuks.
Aga siis märkate see küsimärk.
See on tava veebis millega pakkuda kasutaja sisend
veebisaidile, sa lisab URL küsimärk,
ja siis on terve hunnik võti-väärtus paare.
Nimi võti, muidu tuntud parameetri veebis
siis on võrdusmärk, siis on parameetri väärtuse.
Nii et see on sisuliselt muutuja nimi ja muutuja väärtust,
kuid need muutuja nimed ja väärtused tulid HTML kujul.
Miks on plussid seal, sa arvad?
Sest ma ei kirjuta + vahel mu sõnu.
[Student, arusaamatult]
>> Jah, see on lihtsalt vahe. Koefitsiendid on, kui oled näinud URL,
pole kunagi mingeid tühikuid, kas või sellepärast,
kui oleks, siis ei saa tõesti kopeeri ja kleebi see
arvesse IM või võtta e-posti, sest see murraks.
Sa tahad, et kogu asi olevat üht kõrvutiasetsevat märgijada.
>> Nii et brauser on piisavalt tark, et aru saada, uh-uh.
Ärge lihtsalt panna ruumi seal. Lubage mul kodeerida ruumi mõnel tavapärasel viisil.
Üks konventsioonide selleks on, et brauser
automaatselt panna + kus sa muidu ruumi.
Nii et nüüd, teate Google on omamoodi kasutajasõbralik.
Ma kindlasti ei loonud seda veebilehe
kuid nad on valmis juba oma tekstiväli
koos mida täpselt ma kirjutada sisse
Oletame, et ma tahan, et otsida midagi muud, nagu laisa koera.
Ma ei kirjuta seda siin uuesti otsida.
Pange tähele, et URL-i muudatused siin,
aga märkate siis, et ma ei saa tegelikult otsida midagi, mida ma tahan
lihtsalt mõista, kuidas URL töö.
Mida ma võiks teha laisad kass, andmeid sisestada,
ja märkate nüüd ma saan väga laisk - kas peaksime? Mul on tunne, me peaks.
Ma saan väga laisk kass.
Hea küll. See on üks kõige lollim asi, mida me oleme teinud.
Aga see on laisk kass.
Igatahes, mis on võti Buffee siin?
Nüüd oleme justkui mängib maailma HTTP.
HTML on lihtsalt selles märgistuskeel, avatud sildi, lähedal tag,
mis ütleb brauser kuidas muuta sisu veebilehel.
Aga kui alustate andmete edastamiseks üle Interneti
vahel veebibrauser ja server, see on kui see protokoll
tuntud HTTP-protokolli üle võtab.
See on omamoodi inimeste konventsiooni; kui Sam ja ma raputas käed esmaspäeval,
alustades ühendus ning seejärel sule ühendus, sama mõte siin.
Kuidas Google'i tulemused tulevad tagasi mulle?
Kuidas minu vormi esitamise kavatse Google?
Noh, mäletate teisel päeval, et mis tegelikult toimub
all kapuuts kui sa taotleda veebileht on,
Teie brauser saadab mõneti-segasena sõnum nagu
GET / HTTP/1.1 jaoks vaikimisi kodulehekülg.
>> Või antud juhul, sest ma konkreetselt tellinud varem
search0.html see siis oleks veidi-segasena sõnum
et minu brauser saadab aparaat.
Või antud juhul Google, mis tegelikult saadeti
on palve / otsida, ja siis? q = laisk kass, kellel on pluss seal.
Nii et see sõnum, et mina, inimene, olen kunagi kirjutama,
kuid on saadetud minu brauser, see on, kuidas HTTP juhtub.
See on samaväärne meie olles raputanud käed.
See on palve, ja server on umbes saada vastust.
Võtame pilk selle all kapuuts.
Nagu varemgi, saame avada see eriala brauseris.
Vaata lehekülge, kontrollige elemente.
Nii all kontrollida element, märkate, et mis juhtus Chrome,
ja IE ja Firefox on sarnased mehhanismid,
meil on neid kehitystyökalut kättesaadav meile.
Normaalsed inimesed ei kasuta neid kaarte.
Aga me, nüüd on huvitatud, mis toimub
all kapuuts võrgu tasandil.
Nii et kui ma tõmba võrgustiku tasandil siin,
lubage mul minna ja laiendada see aken,
avada seda sisestust siin ja vaatate päised.
Mis juhtub, kui ma paluda faili veebiserverisse
on minu brauser saadab terve hunnik asju.
Ja lubage mul vaadata allikas. Nii alla taotluse päised,
ja see on lihtsalt Chrome näitab mulle mõned diagnostika väljund,
omamoodi nagu siluri mingisugune,
märgata, et mida ma olen siin esile just seda
Chrome saadab serverile, et paluda faili nimega search0.html.
See räägib server, mida ta mõtleb selle nimi on,
Tänu sellele vastuvõtva koolon valdkonnas, siis seal on mõned
päris esoteeriline värk siin, nagu midagi pistmist kuupäevad ja kellaajad,
midagi pistmist keeles, et brauser mõistab,
kuid tõesti oluline read on need kaks esimest siin.
>> Mis server vastata? Noh, kui me keri siin
ja vaata lähteteksti see asi, märkate, et server
reageeris mõnevõrra segasena sõnum ka, 304 ei muudeta.
See on natuke imelik, las ma tegelikult proovida seda parandada.
Lubage mul hoia Shift ja klõpsa uuesti laadida siin
sundida brauser tegelikult teevad selle taotluse esmakordselt.
Siis lase mul suurendada, ja me näeme nüüd, et server vastust,
sest ma hoidsin shift, on 200 OK.
Nii et olete ilmselt kunagi näinud nr 200
kontekstis Web, kuid mida numbrid
kas te olete mõnikord näinud ootamatult serverist?
404, faili ei leitud; 403, keelatud; 500, serveri viga.
Seega on need numbrilised koodid, et maailm kasutab Web
tähendama vigu, nagu C funktsioonid
võib naasta vigu ja peamised võib naasta väljumise koodid.
200, aga sa harva näha, sest see tähendab, et kõik on hästi.
Ja 304 siis ilmselt ei näe, sest mida see tähendas?
Et midagi on - vaatame, kas saame simuleerida seda jälle -
Oh, nüüd see ei ole koostööd. 304 ütles modifitseerimata
miks oli server isegi reageeri?
Noh, tõhususe, veebiserver automaatselt teie eest,
Kui fail ei ole muutunud, siis ei taasedastada kogu HTML-faili.
Seda saad lihtsalt sirvija see ei ole muutunud.
Lihtsalt kasutada kopeeri teil juba on.
Nii et see mõiste vahemällu veebis
tulemuslikkuse, nii et sa ei raiska aega ja jäätmete ribalaius
failide allalaadimise ja jälle asjatult.
>> Aga see veebileht, nüüd oli super-lihtne,
ja see ainult näitas mulle HTML et tagasi tulid.
Olgem tegelikult kasutavad võrgu tab nüüd teha Google otsing nagu kiire pruun rebane.
Lubage mul siis klõpsa CS50 otsing,
ja nüüd, märkate põhjas siin terve hunnik asju tuli tagasi
sest kui ma külastada tõeline veebilehel nagu Google.com,
neil pilte, neil on tekst, nad on keeles nimetatakse JavaScript seal.
Nii et iga rida selles tabelis siia
esindab midagi, mida Google sülitama vastuseks minu palve.
Ma hoolin, aga on see esimene.
Ja kui ma lähen otsing, päring, klõpsa View Source siin,
märkate, et tõepoolest, segasena sõnumi, et minu brauser saatis
Google oli need kaks rida siin,
järgnevad mõned kauge informatsioon siin all, mida me eirame nüüd.
Aga teate ka, mida Chrome on üsna mugav,
see on ka näitab mulle päringu stringi, mis saadeti sisse
Nii et pigem näitab mulle seda, mis oli sõna otseses mõttes saata,
kui ma vaadata seda dekodeerida, Chrome, lihtsalt mõeldud silumiseks,
arendajatele nagu meie, see on lihtsalt näitab mulle inimese sobiv versioon -
et ei ole, kuidas sa õigekirja rebane, ilmselt.
Ma lihtsalt märganud seda nüüd - kuid see näitab teile, mida ma ilmselt kirjutatud.
Samas on vastuseks, et tagasi tulin server on jälle 200 OK.
Aga lisada, et vastus muidugi
kui me tegelikult vaadata lehekülje HTML -
vabandust, see on natuke kiirklahvi viltu läinud täna.
>> Ma tegelen selle hiljem. Nii et kui me tegelikult näha lehe allikas,
mis ma teha saan siia klikkides vastus,
see on see, mis tegelikult sülitada tagasi, lisaks sellele segasena 200 OK sõnum serverist.
Vähe segasena, kuid kus on see kõik tuleb?
Noh, teeme ühe asja siin. Teine mõnevõrra-segasena käsk,
kuid see üks on selline puhas, sest see näitab meile täpselt, mis toimub all kapuuts.
Nii et ma olen tagasi minu Mac siin, ma ühendatud
kaudu programmi nimega SSH Secure Shell, teise serverisse
sest enamik Harvardi arvutid blokeerida käsk me parasjagu joosta
sest seal on see käsk mõnedes serverites nimega traceroute
mis võimaldab teil jälgida vahelisel liinil punktid a ja b,
ja siiani oleme olnud võttes täiesti enesestmõistetavaks
et ma ei kirjuta Google.com ja kuidagi saada andmeid tagasi
pooleldi kogu riigis või pooleldi kogu maailmas.
Mis traceroute saame tegelikult sukelduda veidi sügavamale
selle kohta, kuidas Internet töötab, ja vaata, mis toimub all kapuuts.
Nii lähme edasi ja omavoliliselt jälgida tee, ütlevad, Stanford.edu,
mis on üle kogu riigi, ja vajuta enter.
See käsk võib olla ülikiire või super-aeglane,
kuid mida me näeme nüüd, rida-realt,
on iga ühe sammu või humalad meie vahel ja Palo Alto, või Stanford,
kus on nende veebiserver.
Mis siis kõik need jooned kujutavad konkreetsemalt, kuigi?
Tükk kõnepruuki ka internetist? [Student, arusaamatult]
>> Mis see on? [Student, arusaamatult]
>> Ah, et on aegu, kuid mida see igas reas - mida ma mõtlen hop?
>> Noh, seal on need asjad internetis nimetatakse ruuterid.
Ja ruuterid, nagu nimigi ütleb, marsruudi infot punktist A punkti B.
Aga seal on mitmeid punkte kaugemale ja b.
Seal c ja d ja e ja f vahel rida 1
mis juhtub olema minu arvuti IP-aadress,
või minu numbriline aadress, mis identifitseerib minu arvuti,
ja samm 15, mis on tegelikult kuues veebiserver,
ilmselt, mis ma sellest järeldamata, või versioon 6 oma veebiserver Stanfordis.
Aga mis liiki puhas on, näeme tee
et minu 0-ja 1 aasta võtate minu arvuti Stanfordi.
Nii 1. etapp on minu enda arvuti aadress.
Iga arvuti Internetis on kordumatu tunnus, mis näeb välja selline.
Number.number.number.number.
Kuskil siin linnakus, ilmselt teaduskeskus,
on ruuteri nimega Core Gateway 2-te83, mida iganes see tähendab,
nii et see on üks Harvardi suur väljamõeldud ruuterid, et teed palju oma liiklust.
Siin on veel üks Harvardi ruuterid, see üks on Border Gateway,
piiri tähenduses on ilmselt servas ülikoolilinnakus kusagil.
Siis on NOx üks, rida 4, mis on Põhja-Crossroads,
mis on suur ISP, Interneti-teenuse pakkuja,
et sellistes kohtades nagu Harvard ühendada kuni.
Aga siis asjad natuke huvitav rida 6.
Kus on mu bitti äkki? Kansas.
Maailmas on harjumus kasutada lennujaama koode palju neid asju,
või vähemalt lühendid riikide või linnade
nii tundub, kõigest 60 ms,
pakettaknad teabe, 0-ja 1 on minu sülearvuti
sain kõik viis Kansas, ja jälle, 60 ms.
>> Lisaks pärast Kansas, võtsid nad Ringkäik Houston, tõenäoliselt
nagu nimetuski ütleb selles serveris.
Nii nagu server internetis peab olema numbriline aadress,
see võib ka soovi korral on veidi rohkem inimsõbralik aadress, et inimesed tulid.
Nüüd, 8. etappi me ei tea, mis see on.
Mõnikord ruuterid lihtsalt selline ignoreerivad teid,
ja nad lihtsalt ei vasta küsimustele, nii et pole midagi.
Üksteise järel 8. etappi on ilmselt kus? L. A.
Teade ainult 78 ms, mis viib meid inimesi nagu 6 + tundi teha füüsiliselt,
võtab paketid teabe Internetis 78 ms reisida nii kaugele.
Samm 10 on LA samuti, ja 11. samm tundub, et on läinud põhja, kuni lähedal Stanfordi.
See on nende piiri ruuter või piiri ruuter.
Paar sammu Stanfordi mis eiravad meid,
ja lõpuks jõuame veebiserver vaid 87 ms.
Nüüd on kõik need numbrid, kui kõrvale,
lihtsalt öelda, kui kaua see aega võtab andmete saad minult
igaühele neist ruuterid, ja see ei ole kuhjuv.
Mida see programm ei ole, kõigepealt saadab sõnumi sisuliselt, et esimene ruuter.
Siis üks teine ​​ruuter, siis üks kolmanda ruuter,
mõõtmiseks iga kord. Nii et teoreetiliselt need ajad on kasvav
või vähemalt üsna lähedal üksteisele
ja tõesti, need, mis on siinsamas campus on super-väike.
Niipea kui hakkad läheb kogu riigis, see võtab andmed
veidi kauem sõita, lähemale 100 ms, anda või võtta.
Aga lähme teise suunda nüüd. Kuidas Cambridge University Ühendkuningriigis?
Lubage mul selle asemel jooksma traceroute on www.cam Cambridge,
. Ac akadeemilise,. Uk, ja vajuta enter siin.
See oli kuradi kiire.
Minu andmed sõna otseses mõttes läks Cambridge, Inglismaa, et sekundi murdosa jooksul.
>> Nii et vaatame, tee, et ta võttis.
Harvardi Harvard, Harvard, Põhja Crossroads,
mis on ISP, ja siis on see Põhja Crossroads, ja siis BAM.
Mis on vahel samme 6 ja 7, ruuteri 6 ja 7?
Atlandi ookean. Ja me järeldada seda sellest, et
me läheme Vanuses 20 ms siin kuni 80 ms siin.
Nii et midagi oli 60 ms, anda või võtta, et saada üle.
Ja see oli ilmselt suur veekogu.
Mis läheb pärast seda? Noh, siin me oleme Londonis,
lihtsalt 88 ms hiljem. Rohkem London, rohkem Londonis
ei tea kus see on, aga eeldame, et see on väljaspool Londonit,
Cambridge siin, ja lõpuks me - sõna otseses mõttes, Cambridge'i Ülikoolis
. Something.net, ja siis lõpuks, mis on kooskõlas 16.
oma veebiserver on ilmselt nimetatakse Scorpius'e
all kapuuts, kuigi me teame seda www.
Kind of Hämäännyttävä, ma arvan. Esimest korda ma kunagi tegin seda, see täiesti imelik.
Kahjuks Harvardi blokeerib sellist liiklust, tavaliselt võrgus.
Nii et sa ei saa seda teha super lihtsalt.
Aru, aga see siin on võimalik.
Hea küll. Võtame meie 5-minutilise vaheaja siin. Me tuleme tagasi ja sukelduda sügavamale.
Nii et me oleme tagasi ja me oleme omamoodi ambled umbes paari eri suundades siin.
Nii et olgem kokku, millised täpselt on kestnud juba siin.
Alustasime vestlust räägi seda keelt nimetatakse HTML.
Jällegi, ei programmeerimiskeelt. See on lihtsalt märgistuskeel
mis on suures osas umbes esteetika ja struktureerimine sisu kujul veebilehel.
Aga HTML seetõttu vajab mingi mehhanism
reisimise vahel veebibrauser ja server.
HTML seega omamoodi seljas peal seda teist keelt,
või rohkem õigesti, protokoll, tuntud HTTP.
>> Ja HTTP, nagu me oleme näinud seda seni,
on selline analoogne selle inimese konventsiooni kätt.
Kui brauser tahab taotleda lehe server,
ta saadab, et "saada" taotluse brauseri server,
ja siis server saadab number, nagu 200, kõik on okei,
samuti HTML või halbu number, nagu 404, faili ei leitud.
Aga vahepeal, HTTP ise ei ole internetis, iseenesest.
HTTP on lihtsalt teenus, tunnusjoon Internetis
palju nagu G-chat on veel üks teenus, meelega e-posti on teine ​​teenus.
Seal on igasuguseid asju, mida me saame teha Internetis.
HTTP on vaid üks neist rakendustest.
Nii peal - HTTP on peal midagi muud
mida me ei maininud nime, siis võib-olla kuulnud nime, TCP / IP.
Nii et lugu me lihtsalt ütlesin seal on kõike
kuidas andmeid sõidab punktist A punkti B.
Ja sel juhul, nägime väga madalal tasemel
ruuter ruuter ruuter ruuter,
kuidas andmed on tegelikult edastatud.
Aga mööda teed, see saab tekkida erinevate takistusi.
Peale nende ruuterid, on asju, mida nimetatakse tulemüüre Internetis
ja nii andmed, nagu me just edastava
minult Stanford, minult Cambridge,
saadetakse, sellel tasemel, midagi, mida nimetatakse IP-aadress.
Me nägime seda hetk tagasi, ja IP aadress
on lihtsalt numbrilise aadressi kujul w.x.y.z,
kus kõik need on vahel, anda või võtta, 0 ja 255,
kui te ei saa päris kasutada kõik need numbrid.
Aga kõik need kohatäitjaid on number vahemikus 0 kuni 255.
Nii IP aadress nendel päevadel on 32 bitti.
>> Nüüd, mis annab meile mitu erinevat IP aadressi maailmas?
Umbes 4 miljardit sest iga kord, kui me oleme lugedes volitusi 2
kõik viis kuni 32 midagi, mis tavaliselt annab meile 4 miljardit eurot.
Nii et palju IP-aadresse, aga sa oleks võinud lugeda,
või sa võiksid nüüd märgata kollases ajakirjanduses,
push poole uue versiooni IP nimetatakse IPv6.
Praegu me kasutame 4. versioon.
Seal tõesti ei ole olnud versioon 5, me lihtsalt hüppas paremale kuni 6.
Versioon 6 kavatse kasutada 128 bitti IP-aadressid, mis on freaking suur.
Me ei peaks kulgema läbi juba mõnda aega,
kuid oleme hakanud otsa versiooni 4 IP-aadressid,
sest meil kõigil on mitte ainult asju nagu sülearvutid ja lauaarvutid,
Paljud meist on telefonid, palju meid on teiste seadmete
nagu TiVo ja niimoodi olema IP-aadress ise.
Harvardi ise on kümneid tuhandeid arvuteid.
Nii et maailm on tõeliselt otsa IP aadressid, vähemalt sellisel kujul.
Nii et lähema paari aasta jooksul, siis näeme aadressid
ise arvuteid ilmselt aeglaselt muutuma
sest üha rohkem ettevõtteid ja ülikoole hakata toetama uuem versioon.
Aga IP aadressi ei piisa arvuti nõuda andmeid arvuti b.
Kuna arvuti b võiks olla server,
ja server, nagu ma varem mainisin, saab teha kobarad asju.
See võib asuda veebilehti, saab seda e-posti server,
see võib olla Skype server, see võib olla G-chat server.
>> Kõik need erinevad teenused, mida võib ette serveris
võiks kõik füüsiliselt olla sama masin.
Nii et lisaks IP-aadressid,
Maailmas on asju nimetatakse sadamate Internetis.
Port on lihtsalt number, nii on unikaalne number HTTP.
Tema number on 80.
HTTP kasutab ka mitmeid 443, kuid täpsemalt krüpteeritud HTTPS.
Kui kuvatakse s, turvaline, mis on kasutades erineva arvu.
On ka teisi numbreid nagu 25, kasutatakse midagi, mida nimetatakse SMTP, muidu tuntud e.
On midagi, mida nimetatakse 22 SSH,
ja seal on terve hunnik muid sadamate seal.
Nüüd meil inimestel harva näha neid numbreid.
Samas, kui sa kirjutad aadressi nagu http://www.facebook.com,
brauser on salaja lisades 80, sest sa kasutad HTTP.
Kui te selle asemel, tüüp HTTPS, see salaja sisestamist 443.
Ja me suudame seda tüüpi näha seda käsitsi kui ma tõmba brower
ja minna http://www.facebook.com:80.
Seega otseselt viidates mitte ainult veebisaidi nimi
kuid sadama, et ma tahan rääkida, ja vajuta enter.
Teade see kaob, sest brauser eeldab,
oh, 80, ma isegi ei kavatse viitsinud näitab, et teile.
Aga põhjus on selles, et kui ma tegelikult tahtsin saata keegi talle,
Ma tõesti saadan selle neile Sadama 25, mis on SMTP.
Natuke järeleandmisi, kuid mõned teist on sõbrad
kes tegelikult töötavad Facebookis ja need samamoodi olema servereid, et saada e-mail.
>> Iga kord, kui saata e-posti, mis gmail teeb sinu jaoks
või Outlook või mis iganes programmi sa kasutad,
See on omamoodi salaja lisades, et number samuti, 25, sel juhul.
See on see kombinatsioon IP-aadress ja number, mis identifitseerib
arvuti Internetis ja konkreetse teenuse selles arvutis.
Nüüd, muidugi, enamik meist on tõenäoliselt kunagi kirjutatud käsitsi IP-aadress.
Äkki teil on aparaat, kuid reaalses maailmas, mitte nii palju.
Miks me ei kirjuta IP-aadressid brauserid?
Oleks tööd, tegelikult näeme seda, lubage mul teile näidata
üks teine ​​käsk, mis peaks töötama kõige kusagil Harvardist ülikooli Mac või PC.
Seal on see käsk nimega nslookup, nimeserveri otsing.
Kui ma vaatan üles www.cnn.com, selgub, et CNN on - oh, huvitav.
CNN on hakanud kasutama Amazon Web Services.
Sa võid teada, cloud computing, Amazon üks suur mängijate cloud computing.
Mida ma just tegin oli, ma ütlesin: "Anna mulle aadress CNN veebiserver,"
aga tuleb välja, et CNN veebiserveri haldaja on Amazon,
Amazon Web Services, mis viitab sellele.
Ja aadress, et server on see siin.
Nii et ma ei ole kindel kas see toimib, sest nad ei ole harjunud kasutama Amazon.
Aga proovime seda; http://, IP-aadressi sisestada, ja -
see läheb tööle?
Jah. See läheb tööle. Internet on super aeglane täna.
Kuid hetkel, näed mõned uudislugu.
Nii juba läheb. Bank of America kaevata. Hea küll.
>> Seda seetõttu, et seda IP-aadressi lihtsalt juhtub poolt sünonüümiks www.cnn.com.
Muidugi, see oleks jube turundus öelda, külastage meid veebis aadressil 50.112.94.127.
Sa ei mäleta. Nii et isegi nendel päevadel võite meelde tuletada asju
nagu 1-800-COLLECT või mnemotehnika maailma tulid ka telefoninumbreid.
Mis enne mobiiltelefone, olid üsna raske meeles pidada
kuni sa võiksid lihtsalt kirjuta see ja unusta see.
Nii ka veebist, on see konventsioon nimed ja IP aadressid,
ja seal on need asjad seal nimetatakse DNS serverid,
domeeninime süsteemi servereid, et tõlkida IP-aadressid nimed ja vastupidi.
Nii see on, mis toimub all kapuuts.
In the end, meil on TCP / IP, mis on väga madala protokoll
et, tõesti, lihtsalt muutub 0-ja 1 on üle interneti,
ja ta teeb seda laskmiseks virtuaalne ümbrikus,
kui soovite, ja kirjutage väljapoole ümbrikus
IP-aadress sihtkohta, samuti numbriline pordi number
Teenuse sellel alal, et ta tahab rääkida.
Vahepeal ümbrikule seal on ka midagi, mida nimetatakse saatja aadress,
mis on teie IP-aadress, nii et kui CNN saab pakettaknad teilt andmeid,
avab see virtuaalne ümbrikus, näeb, et sa tahad kodulehekülg,
ta teab saatjalt osa virtuaalse ümbriku kellele saata HTML-tagasi.
Võtame pilk seda veidi täpsemalt.
See on alates firma nimega Ericson, alates paar aastat tagasi.
Ja nad võtsid mõned vabadusi, kuidas internet tegelikult töötab,
kuid see loob palju visuaalset pilti kui lihtsalt kriit siin.
Nii et ma annan sulle "Bit of Internet."
>> [Jutustaja] Esimest korda ajaloos
inimesed ja masinad töötavad koos, mõistes unistus.
Ühendav jõud, mis ei tunne geograafilisi piire.
Ilma arvesse rassi, usu, või värvi.
Uus ajastu, kus suhtlemine tõeliselt ühendab inimesi.
See on
Dawn of the Net.
Tahad teada, kuidas see töötab? Vajuta siia, et alustada oma teekonda arvesse net.
Nüüd, täpselt, mis juhtus, kui klõpsasid, mis viitavad?
Sa alustasid infovoogu.
See info liigub mööda oma isikliku postiruumi
kus Hr IP pakette see, sildid, ja saadab selle oma teele.
Iga pakett on piiratud tema suurus.
Mail ruum peab otsustama, kuidas jagada teavet
ja kuidas pakendi ta.
Nüüd pakett vajab silt oluline teave
nagu saatja aadress, saaja aadress ja tüüp pakettaknad see on.
Kuna see eriti pakettaknad läheb läbi koridori Internet,
siis saab ka aadress proxy server,
mis on eriline funktsioon, nagu me näha hiljem.
Pakettaknad on nüüd käivitatud peale oma kohtvõrku või LAN.
Seda võrku kasutatakse ühendada kõik kohalikud arvutite "
ruuterid, printerid, jne, teabevahetuse jooksul füüsilist seintele hoone.
LAN on üsna kontrollimatu koht, ja kahjuks
õnnetusi võib juhtuda.
Maanteel on LAN on täis igat liiki teavet.
Need on IP-pakette, Novell paketid, AppleTalk pakettides.
Nad hakkavad vastu liikluses, nagu tavaliselt.
Kohaliku ruuteri loeb aadress ja vajaduse korral
tõstab pakettaknad teise võrku.
Ah, ruuter. Sümbol kontrolli näiliselt kaootiline maailma.
[Router mumbling ja räägi ise]
>> [Jutustaja] Seal ta on, süstemaatiline, hoolimatu, metoodiline,
konservatiivne, ja mõnikord ei ole päris kiirendamiseks.
Aga vähemalt on ta täpne, enamasti.
Nagu paketid lahkuda ruuter, nad teevad oma tee ettevõtete Internet
ja pead ruuteri lüliti.
Natuke tõhusam kui ruuter, ruuter lüliti mängib kiire ja avar koos IP-pakette,
osavalt suunamises neid mööda oma teed.
Digitaalne "pinball nõustaja," kui soovite.
[Router lüliti räägid ise]
[Jutustaja] Nagu paketid jõuavad oma sihtkohta,
nad hakkasid võrguliides,
saatmiseks valmis järgmisele tasandile.
Sel juhul volikirja.
Proxy kasutavad paljud ettevõtted nagu omamoodi keskel mees
et vähendada koormust internetiühenduse
ja turvalisuse tagamiseks, samuti.
Nagu näete, paketid on kõik erineva suurusega, sõltuvalt nende sisu.
Proxy avab pakettaknad ja ootab veebiaadress või URL.
Sõltuvalt sellest, kas aadress on vastuvõetav,
pakett saadetakse edasi internetti.
On siiski mõned aadressid, mis ei rahulda volikirja.
See tähendab, ettevõtte või juhtimise suunised.
Need on lühidalt käsitletud.
Me peame midagi sellist.
Neile, kes seda teevad, on teedel taas.
>> Järgmisena, tulemüüri.
Ettevõtte tulemüüri on kaks eesmärki.
See takistab mõned üsna vastik asju interneti tulekul sisevõrk
ja see võib ka takistada tundlike ettevõtete andmed välja saata edasi internetti.
Kui läbi tulemüüri, ruuteri kirkad pakettaknad
ja paneb selle peale palju kitsam tee või ribalaius, nagu me ütleme.
Ilmselt teed ei ole piisavalt lai, et võtta neid kõiki.
Nüüd võite küsida, mis juhtub kõigi nende pakettide mis ei oleks mööda teed.
Noh, kui hr IP ei saa kinnitust
et pakettaknad on laekunud õigeaegselt,
ta lihtsalt saadab asendamine pakettaknad.
Nüüd oleme valmis sisenema maailma Internetis.
Ämblikuvõrk seotud võrkude, mis katavad kogu meie maailma.
Siin, marsruuterid ja kommutaatorid luua sidemeid võrkudes.
Nüüd Net on täiesti erinev keskkond kui leiad
jooksul kaitsev seinad oma LAN.
Siin, see on Metsik Lääs.
Palju ruumi, palju võimalusi,
palju asju uurida ja kuhu minna.
Tänu väga vähe kontrolli ja reguleerimist,
uusi ideid leida soodsa pinnase suruda ümbriku oma võimalusi.
Aga kuna seda vabadust, teatavad ohtudest ka varitsevad.
Sa ei saa iial teada, kui saad täita kohutava ping surma,
eriversioon normaalne taotluse ping,
mis mõned idioot arvasin kuni segi ajama pahaaimamatu hosts.
Tee meie pakette võtta võib satelliidi kaudu,
telefoniliinid, traadita või isegi transatlantilisi kaabel.
Nad ei ole alati võtta kõige kiiremini või lühim marsruut võimalik,
kuid nad saavad seal lõpuks.
Võib-olla sellepärast see mõnikord "World Wide oota."
Aga kui kõik töötab sujuvalt,
saate mööda maakera viis korda üle kell Kahtlemata, sõna otseses mõttes.
Ja kõik kulud kohaliku kõne või vähem.
Near lõppu meie sihtkohta, me leiame teise tulemüüri.
>> Sõltuvalt teie vaatepunktist, pakettaknad,
Tulemüür võib olla bastioni julgeoleku või kardetud vastane.
Kõik sõltub sellest, kummal pool sa oled ja mida teie kavatsused on.
Tulemüüri eesmärk on lasta ainult need paketid, mis vastavad tema kriteeriumitele.
See tulemüür töötab pordid 80 ja 25.
Kõik katsed siseneda läbi teiste ülesannetega sadam on suletud äri.
Port 25 on kasutatud post paketid
samas port 80 on sissepääs pakette internetist veebiserverisse.
Toas tulemüüri paketid vaadatakse põhjalikumalt.
Mõned paketid muuta see kergesti läbi tolli,
samas kui teised näevad välja täpselt natuke kahtlane.
Nüüd, tulemüüri ametnik ei ole kergesti petta,
näiteks kui see ping surma pakettaknad üritab varjata enda normaalne ping pakettaknad.
[Tulemüür ametnik rääkis paketid]
[Jutustaja] Nende pakettide õnn nii kaugele,
Teekond on peaaegu läbi.
See on lihtsalt rivistama kohta liidest tuleb üles võetud veebiserver.
Tänapäeval veebiserver saab sõita palju asju,
suurarvuti, et veebikaamera arvutiga laual.
Miks mitte teie külmkapis?
Mis õige setup, saate teada, kui teil on eeldusi
Kana Cacciatore, või kui teil on shoppama minna.
Pea meeles, see on koidik Net.
Peaaegu kõik on võimalik.
Ükshaaval paketid saanud,
lahti ja lahti pakkida.
Neis sisalduva teabe, mis on oma teabenõudele
saadetakse edasi veebiserveri rakendus.
Pakettaknad ise on taaskasutatud,
valmis uuesti kasutada, ja täis oma nõutud teavet,
adresseeritud, ja saatis oma teed sulle tagasi.
Tagasi viimase tulemüüri, ruuterid, ja läbi interneti.
Tagasi läbi oma ettevõtte tulemüüri
ja peale oma liides,
valmis andma oma veebilehitseja teavet, mida olete taotlenud.
See tähendab, et see film.
Rahul oma jõupingutusi, ja usaldav parema maailma,
meie ustav andmepaketid sõita maha õndsalt arvesse päikeseloojangut teise päeva,
teades täielikult nad on teeninud oma meistrid hästi.
Nüüd ei ole see õnnelik lõpp?
[Malan] Okei, sellest piisab. Näeme järgmisel nädalal.
[CS50.TV]