[Powered by Google Translate] [Tjedan 7, Nastavak]
[David J. Malan, Sveučilište Harvard]
[Ovo je CS50.] [CS50.TV]
U redu. Dobrodošli natrag. Ovo je CS50,
i to je kraj tjedna 7.
Dakle, jedan od tih glupih sitnica koja ide oko interneta
i mi slurped gore, a sada bi trebao malo geeky smisla za vas.
Pa, to je smješnije s ovim tipom nego što je bio na vama.
Govoreći o, dobro, dečki,
danas je Nate rođendan.
Da vam dati osjećaj koliko dobre Nate i ja smo
na web razvoj temelji se na ponedjeljak u razredu, a temelji se sada na to,
Mislila sam da ću podići Nate početnu stranicu, ako niste ga vidjeli još.
Ovo ovdje IA Nate je HTML.
Pa vidi svoju izvornog koda, ako želite vidjeti kako to učiniti, a Nate,
ako vam možemo zabuniti samo kratko, osoblje je dobio vam malo nešto
ako želite podijeliti neke desert s nekim od djece u razredu ovdje.
Ako želite doći na dolje.
Vi ste svi plješću i vrlo lijepo, ali nitko ne sjedi negdje u blizini Natea,
iz nekog razloga, u tom leđa zoni.
Pa možda možete pronaći neki ljudi uživati ​​ove s.
Sretan rođendan, Nate.
>> Dodatne hellos: Pokazali smo par isječaka iz naših CS50x studenata.
Ako želite vidjeti tko je u svijetu
koji je nakon zajedno, možete krenuti na ovaj URL,
gdje je Joseph, jedan od naših TFS, stavio zajedno montaža vrsta
svakoga tko je sastavlja ove videozapise, Rick Astley među njima.
A ako ste se kretali kroz njih, to je stvarno vrlo inspirativan
vidjeti raznolikost zemalja i gradova iz kojih su ljudi Pozdravljajući.
Dakle, ako želite pogledati da, da će biti gore do kraja semestra.
Danas ćemo nastaviti naš pogled na webu, web programiranje, HTML i slično,
a imamo i ručak dolazi ovaj petak
ako želite, a posebno, nisu to učinili prije.
Ovaj petak je tema će biti Nate rođendan,
pa ako želite imati rođendanski ručak sa Natea
i drugi, neki od naših prijatelja iz industrije,
molimo glavu taj URL tamo.
Prostor, kao i uvijek, je ograničen. Također, ako ste zaboravili,
shvatiti da sljedeći tjedan je rok za problemom set 4 je smetlar lov,
čemu nakon oporavka svih tih JPEG iz card.raw,
ti i tvoji kolege sekcija, ako želite, možete pokušati fotografiranje
kao i mnogi od računalnih znanstvenika iz tog memorijske kartice što je više moguće,
i ti i tvoj dio onda će osvojiti nagradu nevjerojatan.
Pogledajte povratak na pset 4 specifikaciji čemu bi poslali i do kada.
Također, ako želite da se vaš ručni rad ovjekovječen
na stazi stranicama i njegovoj povijesti odjeće,
znam da ste dobrodošli sada početi podnošenja dizajna
za ovogodišnje majice i veste i poput.
Mi ćemo se potruditi da su onoliko koliko možemo,
ali ćemo morati neke članove osoblja pregled svih dizajna
kako bi bili sigurni da su u skladu sa specifikacijama,
i onda ćemo pokupiti općenito šačica njih biti izložena.
Dakle, ako ste dizajn tipa, samo znam da su zahtjevi
u grafički su PNG, barem 200 DPI,
oni ne bi trebali biti veći od 4000 x 4000 piksela,
i ne više od 10 MB, ali ste dobrodošli da koristite stvari poput
Photoshop ili GIMP ili raznovrsne grafičke programima,
god imate na raspolaganju.
>> Također, na obzoru je konačni projekt. Konačni projekt je stvarno vrhunac 50,
pri čemu svih zadataka u tijeku,
to je vaša prilika da stvarno napraviti svoj vlastiti stvar.
I to može biti jednostavno za napraviti nešto za zabavu,
to može biti da se riješi neki pritiskom problema vaš student grupa ima,
za neke nove web stranice, neki novi mehanizam za prikupljanje podataka.
To može biti mobilna aplikacija za Android, za iOS.
Stvarno, nebo je granica, a tijekom sljedećih nekoliko tjedana,
kao što smo prijelaz iz C do tih viših razina jezika poput PHP i JavaScript,
ćete naći sve upoznao s nekim stvarnim tehnikama,
neke stvarne alati i dopuniti da,
znam da tečaj ima povijest seminara,
pri čemu u idućih nekoliko tjedana, neki od nastavnog osoblja
i naši prijatelji iz na kampusu će ponuditi dodatne seminare
koja ide iznad i izvan onoga što obično je učinjeno u poglavlju
da vam predstaviti stvari kao što su Android programiranje,
da vam predstaviti stvari poput iOS programiranje
ili više naprednih web development tehnike.
Tu je cijela povijest tih već online.
Ako idete na cs50.net/seminars, mi smo bili to dosta za nekoliko godina,
i vidjet ćete da je arhiviran ovdje s PDF i video i slično
nekoliko desetaka videa seminara.
Prošle godine, na primjer, imali smo seminar na acing svoje tehničke razgovore,
ako ste zapravo u potrazi za otići i učiniti staž ili puno radno vrijeme kočija.
Windows Mobile razvoj, razvoj Android, Google Maps,
API, CSS, razvoj za BlackBerry, Emacs.
Stvarno, vi ste dobrodošli pogledati bilo koji od ovih seminara na vaše udobnosti.
A mi ćemo se drži neke nove ovu semestar, kao dobro.
>> Dakle, ono što je ispred s konačnim projekta?
Pa, prvo, iako taj datum je nešto predstoji,
ovo je stvarno samo prilika za početi razmišljati o konačnom projektu sasvim realno.
Znamo samo početak nešto od onoga što mi još uvijek ćemo biti pokrivanje u tijeku,
HTML, PHP i slično, ali svi ste upoznati s weba,
i ja pristranost ovaj razgovor prema Webu samo zato
većina ljudi završiti radiš web-based završne projekte,
ali to nipošto nije uvjet.
Korištenje C je u redu, cilj C, Java,
bilo koji drugi jezik možda znate ili želite znati je sasvim u redu.
No, da biste dobili sokova teče u početku, mi ćemo očekivati ​​podnošenje preproposal
koji, po PDF na web stranici, koja je sada na cs50.net,
i na gornjem lijevom kutu vidjet ćete konačno projekt
je specifikacija za konačni projekt
i tamo su detalji o preproposal i slično.
To je prilično puno svodi na e-mail na vaš demonstrator
samo zasvirati razgovor s njim ili njom o tome što ste mislili.
Na projects.cs50.net je riznica ideja od ljudi na kampusu
ako ste bore da dođu do nekih ideja,
i manual.cs50.net/APIs je repozitorij linkova na API.
>> Što je, međutim, API?
Što je API? Ja sam to rekao najmanje dva puta,
prema transkriptima u posljednjih nekoliko tjedana.
Što je to? [Student, nerazumljivo]
>> Dobro, dobro. Tako nešto sučelje za programiranje.
Sučelje za programiranje aplikacija, a to može potrajati nekoliko oblika,
ali što to zapravo svodi na je kod
da je netko napisao HS ili podatak koji je netko drugi prikupljeni
koji je dostupan za vas u nekom programatski način.
Možete pisati kod u C, PHP, Python, Ruby,
bez obzira na vaš jezik izboru obično je,
i nekako može graditi na tuđoj funkcionalnosti
ili netko drugi skup podataka.
Na primjer, ako odem na ovom linku ovdje,
i vidjet ćete par linkova na sljedeću stranicu
pri čemu imamo CS50 vlastiti API, koji su vrlo Harvard-centric, a zatim third-party API.
Među third-party API su stvarno korisne stvari
kao da ste u mogućnosti poslati SMS-a na ljude,
biti u mogućnosti primati SMS poruke od ljudi.
A slične stvari koje možda nemaju pojma kako se provodi,
ali zahvaljujući uslugama, neki besplatni, a neke komercijalne,
možete graditi na vrhu one i učiniti nešto od interesa za vas.
Među CS50 API-ja su ti kampus-centric stvari poput
Harvard tečajevi, energije, događanja, hrane, karte, vijesti, tweetovi i Shuttleboy vlastite,
a to su API koji izgledaju malo nešto ovako.
>> Dopustite mi podići HarvardFood API.
Ako ste ikada bili na HUD web stranici, vjerojatno ste bili tamo
samo vidjeti što je za večeru ili da se vidi što su radno vrijeme za neke d-dvorani.
Pa, to nije osobito jednostavan za navigaciju,
i tako što nismo prije nekog vremena bio mi je napisao softver,
to se događa da se u PHP, koji zapravo ekran ogrebotina cjelinu HPD web stranici.
Da zaslon struže nešto znači napisati program u jeziku poput PHP
da se pretvara da je preglednik, iako možda ga pokrenuti u naredbeni redak,
da se pretvara da je preglednik, spaja na web stranicu,
preuzima svoj HTML, jezik u kojem je napisan,
, a zatim ga čita, ili točnije, to parses
vrha do dna, s lijeva na desno.
A ono što mi je bilo što smo pisali našu kôda na takav način da
svaki put smo vidjeli nešto u tom HTML-a koji je izgledao kao nešto na izborniku,
kao hamburger, mi bi onda uvesti da u našoj vlastitoj bazi podataka.
I svaki put smo vidjeli prehrambene sadržaj, mi bi uvesti da u našoj vlastitoj bazi podataka.
A ono što smo učinili je iskoristiti činjenicu da HUD na web stranici,
iako to može biti malo izazov za nas ljudi za navigaciju
ispod haube, sve HTML se generira iz vlastitih računalnih programa.
Dakle, sve svoje HTML, iako bi to moglo izgledati neuredno,
kao i većina web stranice ispod haube slijedi uzorak.
Dakle, samo smo proveli par sati figuring out da uzorak
tako da na kraju, mi bacaju sve neredu HTML,
sve estetici podebljano okrenut i kurzivom i slično,
i ono što smo tada u mogućnosti učiniti je izlagati da iste podatke.
Na primjer, na ovaj način.
Tako smo, prema dokumentaciji ovdje,
su informirani svijet da ako zatražite URL
da izgleda ovako, food.cs50.net / nešto,
i vam dati određene parametre, koje ćemo danas pričati,
kao krajnji datum vrijeme, start-date vremena, jela i tako dalje,
ono što naši poslužitelji će se vratiti na vas, na primjer,
je CSV datoteka, zarez separted vrijednosti kao što su Excel datoteci,
sadrži sve za doručak, na ovom konkretnom datumu ožujka prošle godine
kad sam se dogodilo da napisati tu dokumentaciju.
>> Za one koji poznaju, CSV nije jedini format.
Tu je još jedan format koji je sve više svestran
zove JSON, JavaScript Objekt notacija.
Ti podaci mogu vratiti u tom formatu.
Dakle takeaway ovdje je da li zaroniti u ovaj API
ili bilo koji drugi CS50-a ili bilo vani na Internetu,
ili uopće ne, shvatite da je svijet sve više je počeo standardizirati
kako strojevi komunicirati.
Mi koristimo standardne formate podataka kao što su CSV ili JSON.
A što to znači za vas je možete napisati zanimljiv dio programa
koji vam vaš korisnički traži blagovaonica dvoranu izbornik,
koji omogućuje im stvoriti popise favorite koji vam omogućuje im da tekstualnih upozorenja
kad im je omiljeno jelo je o biti poslužen u nekom d-dvorani
pomoću tuđe skupove podataka i izgradnjom na vrhu svoje API-ja.
Dakle, više o tome u obliku seminara i dokumentaciju koju imate ovdje online.
Dakle, oni su, dakle, API.
>> To nas vraća u HTML. Brza rekapitulacija.
Što je HTML?
[Student, nerazumljivo] >> Dobro. HyperText Markup Language.
Netko drugi, što je Hypertext Markup Language?
HyperText Markup Language.
Ok. Dakle, HTML, HyperText.
HyperText samo odnosi na webu, za najveći dio.
Marža znači da to nije zapravo programski jezik, HTML.
To nije jezik koji možete izraziti logiku u.
To ne mora petlje. To ne imaju uvjete.
To ne mora funkcije po sebi.
Umjesto toga, ona ima ove stvari zove oznake, ili više ispravno, elementi.
A ti elementi imaju start oznake i kraj oznake,
ili otvorenih i zatvorenih oznake oznake, a što te oznake općenito znači za preglednik je,
početi raditi nešto i onda prestati raditi nešto, iako postoje iznimke koje.
Ponekad je to samo 'staviti prijelom retka ovdje ", na primjer.
A vidjeli smo primjere tog drugog dana, između podebljano suočavaju,
redaka, a zatim par drugih oznaka.
Dakle, HTML je jezik u kojem su napisane web stranice.
Dakle, ako sam ići na nešto poput Google.com
i podići samo svoju početnu stranicu,
Podsjetimo da ako desni klik ili kontrolirati kliknite
i pogled na more izvoru stranice, obično
to je potpuna zbrka ovih dana ispod haube, ali to je zato
računala nije stalo do bijelog prostora, tako da to ne mora izgledati lijepo.
No, ako smo povećali na dijelove,
primijetiti da Chrome, samo da bude lijepo, je po boji stvari.
Doista, ovo je prvi tag koji smo vidjeli na web-stranici.
I opet, HTML 5, najnovija verzija ovog jezika,
nema tu stvar na početku,
<! DOCTYPEhtml, je li mala ili velika slova,
ali to je samo neka vrsta standarda koji kaže, hej svijet, ovdje dolazi HTML datoteke u verziji 5.
>> Zanimljiv dio počinje ovdje. Dakle <html, i onda je bilo dvoje djece
od HTML elemenata zadnji put.
Što su one dvije glavne djeca?
Glava i tijelo, baš kao i čovjek s tetovažom trenutak prije.
Ima dvije porcije web stranici, glave i tijela,
i podsjetiti, onda, da je možda najjednostavnije web stranice možemo napraviti izgleda ovako.
I ja sam ga razvedena samo da se vrsta uredan i uredan s mojim kodom,
ali ono što je doista važno je da postoji neki hijerarhija na to.
I bilo oznaka koje sam otvorio sam zatvorena i da je stoga ova simetrija
za sve oznake koje sam stvorio.
Dakle, zadnji put kad smo počeli pisati web stranice na svoj laptop.
Ja otvorio tekst uredi, ja spremili datoteku kao hello.html,
I onda vukao datoteku na moj preglednik, i voila, imao sam stranicu na internetu.
Sada, to nije sasvim slučaj, imao sam stranicu na moj hard disk,
a ja sam bio doslovno jedina osoba na svijetu koja bi vidjeti taj web-stranicu u pregledniku.
>> Dakle, danas smo predstaviti stvarnu web poslužitelj
i pojam zapravo služe sadržaja na Internetu
i kako to sve počinje da stane zajedno.
Tako ispada da je svo ovo vrijeme u CS50 aparata
ste imali web server na vašem računalu.
Mi smo, u pravednosti, samo ga koristiti za gedit, za zveka, za GDB i slično,
ali također instaliran kod nas za vas u aparatu je web poslužitelj,
i da web server dogodi da bude slobodan, open source,
jedan od najpopularnijih one u svijetu, pozvao Apache.
Njegova više tehničko ime je httpd, d se za daemon ovdje,
koji je tehnička riječ za server.
Dakle, instaliran u CS50 aparata je web server, i što to znači?
Pa, web server je, konceptualno, neki server na Internetu koja služi do web sadržaja.
Kad su ga pitali za datoteku, to ispljune HTML koji sastavlja tu datoteku, i voila.
Vidite neke web stranice početnu stranicu.
No, poslužitelj, točnije, komad softvera.
To ne mora biti na fizičkom stroju, to jednostavno mora biti komad softvera trčanje.
Dakle CS50 aparata, naravno, je komad softvera
iako je to vrsta pretvarajući se da stroj.
To je da se pretvara računalo unutar računala,
ali to samo znači da uređaj može sigurno pokrenuti stvari kao što su web poslužitelja.
To zapravo može pokrenuti e-poslužiteljima.
Mogli bismo pokrenuti instant messaging server u aparatu, ako smo htjeli,
i doista, mi ne odvijaju jedna drugu vrstu poslužitelja, poznat kao poslužitelj baze podataka, MySQL.
Ali više o tom sljedeći tjedan.
To znači da ja zapravo mogu posjetiti web stranice
unutar mog aparata pomoću preglednika unutar uređaja
ili čak na svoj laptop, moj Mac ili moj PC.
Dakle, što to znači? Ispada da je bilo vrijeme da radite s Linux računalo,
njegov nadimak je "lokalni domaćin."
To ne imati naziv domene, jer nismo kupili naziv domene
za nešto poput aparata, tako da je njegova Zadani naziv je lokalni domaćin.
>> No, kako bi se uređaj za pokretanje služeći se web stranice,
moramo ih stvoriti prvi.
Tako ćemo učiniti. Pusti me u terminal prozoru ovdje
i primijetiti da sam na mom tipičnom John Harvard redak.
Pusti me naprijed i upišite ls, pa ćemo vidjeti neke poznate stvari iz ovog semestra,
desktop, preuzimanja, dropbox i tako dalje,
ali sada ćemo početi okreće svoju pozornost na nekoliko.
Na mnogim Linux web servera tu je ovo mapa zove javni html,
ali ćemo preskočiti taj jedan za sada i usredotočiti se na to, vhosts.
Svatko zna što je vhost?
Samo glupi žargon za virtualni host,
i što to znači da je na tipičnim poslužitelju
zapravo može ugostiti više web stranica.
Možete kupiti naziv domene poput foo.com, a možete ga domaćin na poslužitelju.
Ali, također možete kupiti bar.com i domaćin na istom poslužitelju.
Razlog je, preglednici su dovoljno pametni da obavijeste poslužitelj
kada korisnik traži neku web stranicu, što ime domene korisnik želi početnu stranicu za.
Dakle, ono što je lijepo o tome se ne trebate jedan fizički poslužitelj
ili jedan CS50 aparat za svaku web stranicu možda želite stvoriti.
Možete koristiti isti server i razviti sto različitih web stranica.
I doista, ako ste osoba koja pokušava pokrenuti web stranicu,
bilo za zabavu ili za posao, obično ćete izaći na Internetu,
i vi ćete platiti netko deset dolara mjesečno, a sto dolara mjesečno
domaćin svoje web stranice za vas.
I način na koji radi je da su puni druge ljude
deset dolara mjesečno ili sto dolara mjesečno
ugostiti tuđe web stranice na njihovu istom poslužitelju.
Razlog što mogu učiniti da je zbog toga značajkom naziva bhosts,
ali više o tome kada dođe vrijeme za konačnih projekata.
>> Za sada, hajdemo samo roniti tamo. Dakle, cd vhosts, a ako sam upisati ls sada,
primijetiti da je mapa u koje se zove lokalni domaćin.
To je zato što, po defaultu, aparat figure
li ikada idući u trčanje jedan website na aparatu.
To zapravo i nije stvarni svijet, to nije u stvarnom svijetu web server.
Tako da me pusti u lokalni domaćin, a sada ćemo vidjeti tamo
posljednji katalog zove HTML.
Dakle, to je nešto duboko, hijerarhija, ali ako i kada
što se odlučite za početak razvoja više web idućih n mjeseci ili godina,
ova vrsta strukture mape teži da bude korisno.
Sada idemo u HTML kao što sam učinio,
Vrsta li, i ništa nije bilo.
Dakle, sada idemo naprijed i to učiniti. Dopustite mi otvoriti Chrome
unutar uređaja, i pusti me da http://localhost.
Dakle, doslovno naziv za moj aparat, ući, a ja dobiti indeks /.
To nije stvarno pokazuje mi ništa od interesa,
ali ispada da je ono što smo vidjeli je da mape, HTML.
Nema ništa u toj mapi upravo sada,
pa umjesto toga, ono što ću učiniti je prvo stvoriti datoteku.
Stvaranje HTML datoteku kao što smo učinili u ponedjeljak, ali ovaj put ga staviti unutar uređaja.
Za one od vas koji pokušavaju slijediti uz laptop sada,
neka mi napraviti jedan stranu da ćete biti pokrivena u web-based pset,
ali kako bi se to raditi za vrlo prvi put,
ćete morati pokrenuti ovu naredbu: sudo service httpd start.
A to, opet, ponovit će se u posljednjem pset,
ali ako igrate zajedno kod kuće sada, web server
isključen u aparatu, a to je tako da se ne crpiti RAM
i memoriju za 7 tjedna iz semestra kada mi to ne treba.
Dakle, trebate pokrenuti ovu naredbu jednom, a vi ćete dobiti izlaz kao što je to.
Tada bi trebao biti u mogućnosti igrati zajedno ovdje.
Sada idemo natrag u ovu mapu.
Ova mapa je prazna, pa neka mi početi stvarati datoteke,
gedit hello.html.
>> U redu. Gedit je otvoren, kao i obično. Pusti me učiniti vrstu dokumenata, HTML,
html, dopustite mi da se ispred sebe i početi zatvaranje moje oznaka unaprijed.
Sada imam glavu. Pusti me naprijed i zatvoriti glavu,
neka mi sada napraviti titulu stranice, halo svijet kao i zadnji put,
bliski naslov, sada neka mi učiniti tijelo.
Ovdje ću pozdraviti, svijet s nekim exclams
jasno dati do znanja da je to drugačije niz.
Zatvori tijelo, a sada pusti me naprijed i podnijeti spasiti.
Pusti me natrag u moj prozor terminala, a ako sam upisati ls,
Ja bi, valjda, vidi hello.html. I ja.
Dakle, sad idemo nazad na moj preglednik, kliknite reload,
i možete vidjeti da smo doista unutar ove HTML mape.
Ne vidim web-stranicu, ali, to je Apache, web server,
samo pokazuje mi popis sadržaja ovaj direktorij.
Baš kao i Mac OS ili Windows obično će učiniti na svoj lokalni tvrdi disk.
Dakle, ako želim vidjeti ovu web-stranicu, ja mogu kliknite ovaj mali link ovdje, hello.html,
i doista, to je ono što sam očekivao vidjeti.
Sada, opet, to nije URL koji bilo tko od vas može posjetiti upravo sada,
jer za tebe, lokalni domaćin, ako imate laptop ovdje,
to se odnosi na svoj primjerak uređaja.
Ovo je na moju osobnu aparata,
ali to je vrsta glupo za mene imati, imati
Korisnik poput mene kliknite na hello.html zapravo vidjeti sadržaj ove stranice.
Ispada da web poslužitelji poput Apache neka imate zadanu datoteku za bilo koju web poslužitelj.
Obavijest ovdje imamo hello.html.
Što je naredba u Linuxu preimenovati datoteku?
>> MV, za potez. Pa neka mi to učiniti,
i neka mi preimenovati hello.html na index.html.
Dopustite mi upišite ls potvrditi da je sada preimenovan.
Sada će se to - ako se vratim u lokalni domaćin,
primijetiti da sada sam automatski vidim tu web stranicu.
To je identičan mom zapravo radi / index.html,
ali lijepa stvar sada je da web poslužitelj je figuring,
oh, ako imate datoteku koja, po ljudskim konvencijama, zove index.html,
neka mi pokazati korisniku da datoteka po defaultu
nego neke glupe imeniku koji uopće nije razumljiv.
Doista, većina web stranice koje posjećuju na internetu nemaju popis datoteka da kliknete na,
oni samo vam pokazati sadržaja. Dakle, to je kako možemo učiniti da index.html.
Dakle, ovo je sve zabava i dobar, ali to je prilično jednostavna web stranica.
Pusti me naprijed i otvoriti index.html u mojim vhosts,
lokalni domaćini, HTML katalog, i neka je dodati nešto većeg interesa.
Dakle, tu je halo svijet, neka je umjesto toga reći: 'Ovo je CS50, Harvard College-a. . '.
Dakle, početak opisu kolegija katalog kakvog tamo.
Sada, ako sam reload, trebao bih vidjeti to u mojoj početnoj stranici.
Ok, i ja ne vidim da je, ali pretpostavljam da želim sada navesti neke više sadržaja u ovoj datoteci.
Mogao sam ići dolje i reći, nitko preduvjeti,
iako su neki od vas vjerojatno su željeli, "Ha ha ha, nema preduvjeta. '
Ali - službeno. Dakle, ponovno učitati, a sada imamo isti hira koje smo vidjeli zadnji put.
No, zašto je to? To je jednostavan škripac.
Zašto je ova stranica slomljena?
[Student, nerazumljivo] >> Da, mi smo riješiti ovaj prije
eksplicitno govori preglednika staviti prijelom retka ovdje. "
I to zato što je, opet, preglednik je samo da će učiniti
izričito ono Označni jezik govori ga učiniti,
pa iako ste možda pogoditi unesite jedanput ili dvaput ili čak deset puta,
to će kombinirati da sve u jednom prostoru, samo po konvenciji.
Dakle, ako stvarno želite prijelom retka, morate koristiti br oznaku,
a sada obavijest, kao u ponedjeljak, stavim / unutrašnjost ove oznake,
samo zato jer to jednostavno ne osjećaju dobro
za početak prijelom retka onda ga prestati s ništa između.
>> Dakle konvencija u HTML je za otvaranje i zatvaranje oznaku istovremeno.
Kao na stranu, vidjet ćete puno web stranica u knjigama ne radi to.
To je točno to učiniti ili ne to učiniti, ali mi bi se raspravljati
da je dizajn-mudar i stilski, to je samo bolje
jer tada svaki tag je i otvorena i zatvorena nekako.
Dakle, sada idemo spremiti i učitati. Idi natrag na pregledniku, ok.
Sada činimo neki napredak, ali to nije sasvim dovoljno.
Idemo naprijed i početi pisati u nekom dužem tijelu teksta.
Dakle, ajmo reći, "brzo smeđa lisica skoči preko lijeni pas. '
I sad neka mi samo kopirati i zalijepiti ovaj nekoliko puta
tako da imamo odlomak teksta.
Pusti me natrag ovamo. Dakle, to nije izgleda vrlo dobro.
Ja nemam prijelom retka, tako da je to ok,
ali sada, kada smo došli do točke s web-stranice
da ima puno sadržaja, a ne samo jednu linije kako bi pokazali HTML,
možemo početi razmišljati o tim stvarima kao što su stvarne stavaka.
I možemo početi strukturirati našu web stranicu malo više čisto.
I doista, ono što ja mogu učiniti je otići do ovdje unutar mog tijela tag,
i znate što, ako "Ovo je CS50. . '. stvarno demarks početak stavka,
dobro, ajmo označiti ga kao takvog.
Dopustite mi alineji tekst, samo po konvenciji, dopustite mi da kažem
da je to stav završava ovdje,
i onda umjesto da taj prekid linije, reći ću samo
da to pripada tamo i kao novi stavka,
a ja ću samo brzo alineje od samo clobbering sve ove stvari.
>> Tako sada imamo razvedenu stavak postoji,
i sada naša oznake počinju da se malo više
semantički skladu s onim što mi pokušavamo učiniti.
Imamo točku, pa ajmo to nazvati stav s p oznaku.
Imamo drugi stavak, pa ajmo to nazvati stav s p oznaku.
A sada, što preglednik obično će učiniti
je baš kao u engleskom knjige ili esej,
gdje se obično vidjeti neke prijelome redaka između stavaka.
Preglednici će to učiniti za vas automatski.
Dakle, sada imamo dvije točke i možemo nastaviti ovo.
Ali, naravno, na webu, kada imate tijela teksta
to nije tipično samo ogromne mrljica teksta.
Tu su često hiperveze u tamo.
Dakle, ako želimo, na primjer, uključiti neke veze tamo,
Pretpostavljam da ono što bi moglo biti od interesa za sve što web stranica Izrađujem ovdje -
pusti me na Google.com,
i neka mi tražiti brzo smeđa lisica.
Idite na Google slike, i kako se o - ovo je slatka.
Mi ćemo ići s tim. Dakle, ovdje imamo brzi smeđa lisica skokom preko lijeni pas.
Dakle, ono što ću učiniti ovdje, samo radi demonstracije,
Pretpostavljam da je to slika bila na mom poslužitelju,
i ja sam bio stvaranje ove slike.
Što sam učinio je pravo kliknite ili kontrolirati klik na sliku,
i ono što ćete vidjeti u većini preglednicima je malo izbornik -
prestati raditi to - malo izbornik koji vam omogućuje da odaberete lokaciju kopiranja vezi ili Kopiraj URL.
Dakle, neka mi se sada vratiti na moj HTML, i pretpostavimo da želim
na hipervezu ove na drugu web stranicu.
>> Što je oznaka naziva za to?
[Student, nerazumljivo] >> Da. Dakle href za hiper referencu.
Pusti me naprijed i zalijepiti da u.
To je prilično dugo URL, pa neka mi povećali natrag.
Zatvori nosači, tako da sada primjetiti sam put ovdje
jer taj URL dogodilo da se prilično dugo.
Dopustite mi dođite ovamo na kraju brzo smeđa lisica,
i onda neka mi zatvoriti ovu oznaku s </,
gdje sam zatvoren samo ime oznake.
Sada me pusti naprijed i spremite tu datoteku, ponovno učitati web-stranicu,
i sada, po defaultu, to će biti podcrtana u plavom za mene,
ali doista, ja sada mogu kliknite na to i voila. Tu je ta slika.
I to ne moraju biti slika, to bi mogao povezati
na nekom drugom slučajnom web stranice na internetu.
Ja mogu to učiniti, na primjer, s CS50, tako da jedan posljednji primjer ovdje.
'Ovo je CS50' možda smisla ići, href =
http://www.cs50.net, blizu citat, blizu sidro.
Tako da sada je još kraći URL, i ovaj put nećemo povezati na sliku.
Mi umjesto ćemo povezati na drugu stranicu.
Sada imamo sliku ovdje.
Osjećam se kao da mi možemo učiniti malo bolje nego samo povezivanje na slici.
Što ako želimo da se zapravo ga utjeloviti u našem web stranici?
>> Pa, što mogu učiniti je ovdje, a ne link na ovaj grafički,
neka mi umjesto rezati URL, a mi ćemo se riješiti tog hipervezu i očistiti ovaj gore.
I ići ćemo ovdje dolje i riješi to.
Mi stvarno ne trebaju sve ove rečenice sada, pa neka mi skratiti stranici malo.
I onda ovdje dolje pusti me naprijed u novom stavku,
kažu ne želim tekst sada, želim sliku čiji izvor će biti taj URL.
Slika, poput retka, ili je tu ili nije.
Pa neka mi odmah zatvoriti tu oznaku.
Dopustite mi da ide naprijed i sada zatvoriti stavak da sam unutra,
i ako sve ide dobro s Hello, svijet, ako sam učitati sada,
Ja, uistinu, vidi desno unutar moje vlastite web stranice sliku.
Tako sada imamo oznaku slike, sidro oznaku i slično,
a za dobru mjeru, neka mi napraviti jednu drugu stvar koja se često zanemaruju
na web stranicama ovih dana: Idemo dati neki opisni tekst za ovu sliku
za ljude koji su na mobilnom uređaju
te stoga ne može biti u mogućnosti preuzeti ovu sliku vrlo brzo,
za ljude koji su slijepi i ne može biti u mogućnosti vidjeti sliku
ali oni mogu imati čitač zaslona koji ih može reći što je ova slika od.
A za to, tu je još jedan atribut za slike oznake
zove alt, za alternativni tekst.
A što ja mogu učiniti ovdje je reći: 'Ovo je brz smeđa lisica. "
Tako da, čak i ako čovjek ne može vidjeti sliku na ekranu,
on ili ona može barem čuti, kao s nekim komad softvera,
ono što je zapravo tamo na zaslonu.
>> To se neće promijeniti estetiku stranice,
ali to je svakako dobra praksa za korisnike.
U redu, pustimo ovu web-stranicu u svom sadašnjem obliku,
ali neka je vidjeti ako mi sada ne može uvesti
neki bolji pristupi pisanju ove web stranice,
neke lekcije koje će nam poslužiti i kao naše stranice dobiti više i složenije.
Ono što mi ne ide to učiniti u idućih nekoliko tjedana
vas provesti kroz sve nekoliko desetaka HTML oznake da postoje.
Baš kao u nule natrag u tjednu 0, to će vjerojatno biti dovoljan
dati visoku razinu pregled nekih od pojmova,
brzo obilazak nekih od blokova što su vjerojatno moći,
prilično udobno, za navigaciju na svoje, različite dijelove slagalice.
I da će se to dogoditi ponovno u HTML, najvjerojatnije,
pri čemu postoji dovoljno resursa na webu da ćemo vas uputiti na,
razni udžbenici, ako vam je draže pročitati udžbenik,
koje će vas provesti kroz sve različite stvari koje možete učiniti s HTML,
ali stvarno, vidjeli smo do sada u HTML većina od temeljnih pojmova.
Imamo pojam oznaka otvaraju, oznake se zatvorio.
Neke oznake koje su obje otvorene i zatvorene
u smislu da su oni prazna, tu bi trebalo biti ništa unutar njih
kao slike tag ili prijelom retka, koji su upravo tamo.
Također smo gledali već od pomisli na atribut, kao što su alt ili izvor.
Obavijest da ove riječi imaju tendenciju, prema konvenciji, treba biti kratak i jezgrovit.
>> Mi nemamo diskrecijsko pravo nad onim što su te stvari su pozvani,
netko tko je izmislio HTML došao s tim imenima.
Dakle, samo trebate za početak znati ili gledati, svaki put kad ih trebate,
što su imena za ove oznake i atributa.
U slučaju ovih atributa, pripisuje uglavnom
mijenjati ponašanje nekih krpa.
U ovom slučaju, izvor atribut govori oznaku slike
što je izvor slike bi trebao biti.
Href atribut govori sidro oznaku što to zapravo treba povezuje s.
No, u pogledu strukture web stranice, iako Facebook
i Google i slično izgleda kao potpuni nered
ispod haube na prvi pogled, ako počnete čitati kroz njega
više sustavno, svi oni slijede tu osnovnu, osnovnu strukturu.
Ali možemo poboljšati stilizaciju tih stvari.
Tako da me pusti na nekim primjerima koje sam unaprijed pripremljenih.
Pusti me naprijed te ih kopirati iz drugu mapu ovdje
i stavite ih u ovaj direktorij.
U unaprijed, što sam učinio je pripremiti nekoliko datoteka:
search0, search1, search2 i search3 i 4.
Pusti me naprijed i otvoriti prvi od tih datoteka,
i neka je vidjeti ako ne možemo početi stvarati vlastitu tražilicu.
Na vrhu ove datoteke, kao što je to obično slučaj u razredu, samo hrpa komentara.
U HTML-u, ipak, način na koji ćete početi komentar
je <- i onda si unutar komentaru, multi-line komentar.
Kada ste spremni da se zaustavi taj komentar, možete to učiniti ->.
Dakle, sve na vrhu u plavom je samo komentar.
>> Ovo je moj DOCTYPE deklaracije, što opet,
možete jednostavno kopirati i zalijepiti na vjeri, za sada.
To samo govori preglednik, 'Ovdje dolazi neki HTML 5 ".
Ispod toga, na liniji 14, je prvi od mojih stvarnih oznaka,
i to samo kaže, kao i prije, ovdje dolazi neki HTML,
ovdje dolazi glavu mojoj stranici, ovdje dolazi naslov,
a onda, s druge strane, to je to za naslov, to je to za glavu.
Ovdje sada dolazi tijelo moje stranice.
Dakle, nekoliko novih tagova sada: h1 zalaže za tarifni jedan.
Tu je tradicija u HTML dugi niz godina unatrag
vlasništvo različitih veličina teksta.
I natrag u dan, svatko je značilo, uglavnom, samo veliki i hrabar.
No, tu je i h2, koja je velika, ali ne sasvim kao veliki i hrabar.
Tu je h3, koja je vrsta velika, ali nije gotovo kao veliki i hrabar,
i tako dalje, sve do H6.
Ovih dana, međutim, H1, H2 i H3 stvarno značilo
imati više semantički smisao za njih,
pri čemu h1 je stvarno naslov: pojmom web stranici,
naslov stupca ili nešto slično teksta.
Tako sam namjerno sam rekao h1 CS50 pretraga> h1
da specifiy da je to stvarno naslov, naslov moje stranice.
Nije naslov u smislu naslovnoj traci,
ali naslov da ste zapravo vidjeli u samoj web stranici, u tijelu.
Sada je to, vjerojatno možete pogoditi što je to,
iako imamo nekoliko novih komada sintakse.
To je oblik. Tako je web stvarno dobiva zanimljiv
kada web stranice uzeti ulaz s korisnicima.
U ovoj klasi, u problemu postavljen na web programiranje,
nećemo napraviti web stranicu, sami po sebi,
statični sadržaj koji prikazuje fotografije koje ste poduzeti,
ili je to moj životopis, a stvari o meni,
jer su te stvari relativno lako staviti zajedno.
Teško da bi se stvari lijepe na webu,
ali barem stavljajući sadržaj je prilično trivijalan.
No, stvari se jako zanimljivo kada netko može posjetiti Vašu web stranicu
i osigurati ulaz i može ispuniti obrasce,
možete provjeriti off okvire i mogu komunicirati s Vaše web stranice.
I doista, vjerojatno svaka web stranica vam je stalo
ovih dana, u svakom detalju, nekako interaktivni.
Facebook, Google i slično, to trajati korisničkog unosa
i proizvode prilagođene izlaz.
>> Pa krenimo da to sada. Idemo sada tranzicija
od samo pomoću HTML-a za maržu od statičkog sadržaja
kao umjesto mehanizam za dinamički sadržaj.
I prema tom cilju, ajmo provesti vlastitu tražilicu.
Ajmo to učiniti na sljedeći način. Evo oblik oznaka.
Radnja atribut određuje da kada korisnik ispuni obrazac
sa svojim tipkovnici, to će biti podnesen na ovaj URL ovdje.
Dakle, ja sam vrsta varanja. To će nam trebati malo dulje
od jedne klase provesti cijeli tražilicu,
pa ćemo samo napraviti prednji kraj, da se tako izrazim.
Učinit ćemo dio koji omogućuje korisniku pretraživanje, a mi ćemo izdvojiti od udaranje lopte na Googleu
Teži dio pronalaženja rezultate pretraživanja,
ali, konkretno, ja ću razgovarati s Googleovim web server
koristeći jedan od dva vrlo popularnih metoda.
Jedan se dobiti, drugo, da smo na kraju ćemo vidjeti, što poslije,
iako postoje drugi koji su manje često koriste.
Tako se samo dočarava ideju, želim da se neki sadržaj, dobiti neke rezultate pretraživanja.
To, možda možete pogoditi što to znači.
To je neka vrsta ulaza, to je, u stvari, će izgledati tekstualnom polju,
i ime tog ulaza, naziv te varijable, da tako kažemo,
će se Q za upitu po konvenciji.
I opet, tip ovaj ulaz neće biti kućicu;
to neće biti izbornik, to će biti tekst polje
kao obilježeni ovaj atribut ovdje, a ovaj tekstni okvir,
poput retka, ili je tu ili ne.
Dakle, imamo prazan element s crtom unutar tom oznakom.
Onda ću staviti prijelom retka, a možete, možda, pogodite što će to učiniti.
Ovo je još jedna vrsta obrasca ulaz.
>> Ovaj će se koristiti za slanje obrasca.
Dakle, ovo će biti veliki gumb koji korisnik može kliknuti dostaviti obrazac,
i natpis na taj gumb će biti 'CS50 Traži'.
Zatvori obrazac, blizu tijela, u neposrednoj blizini HTML.
Pogledajmo što imamo u obliku ovoj web stranici.
Dakle, pusti me na moj preglednik,
pusti me, još uvijek, na lokalnom računalu.
To je još uvijek index.html, pa ako želim vidjeti ovu datoteku pod nazivom search0,
Ja jednostavno mogu učiniti / search0.html, unesite -
i prvi moje greške.
Što se događa? Ja očito nemaju dozvolu
pristupiti ovu sliku, iz nekog razloga.
Ali to je zato što, za razliku od rada smo učinili do sada u C,
gdje programi koje pišu Pretpostavlja se da su runable po vama,
izvršna prema vama, to nije stvarno slučaj na webu,
čemu ponekad možda želite stvoriti datoteke na poslužitelju,
ali ne želite cijeli svijet biti u mogućnosti da ih vidjeti.
Umjesto toga, želite svijet vidjeti neke datoteke
ali ne drugi, samo za privatnost miloga.
Dakle, to je više od opt-u osnovi, kada radite stvari na webu.
I tako neka mi zapravo upišite ls ovdje,
i vidjeti datoteke koje imam, ali sjećam da sam to ls-l dugo,
Ja ću dobiti duži popis koji daje mi neki više detalja o tim datotekama
da su sada, zapravo, prvi put relevantne za nas.
Primijetit ćete da se na desnoj strani su imena mojih datoteka,
a onda vrijeme u kojem je posljednji put promijenjena ili kopirati.
Ovaj broj ovdje je ono? Sjećate li se?
Veličina u bajtovima, kako je velika datoteka.
>> Dakle, čini mi se da imaju nekakav logo u ovdje koja je veća od svih drugih datoteka.
To je tko sam ja, to je ono što sam i što grupa sam u.
Ali onda, ovdje na lijevoj strani je malo grobni slijedu,
i razgovarali smo, mislim, ukratko o tome u prošlosti,
ali to ima veze s dozvolama.
A čak i ako je to malo mutno,
RW vjerojatno znači čitati i pisati.
Tako ispada da su ove crtice označavaju različite skupove dozvolama za različite ljude.
A uzorak je, u suštini, kako slijedi.
Kada vidite niz crtica ovdje, oni izgledaju kao što slijedi.
Tu je crtica, zatim tu je još tri crtice,
zatim tu je još tri, onda je tu još tri.
Prvi je bilo crtica ili je oglas za imeniku.
Tako da je jedna je prilično jednostavan. Ako je mapa, ona kaže d, inače to je minus.
Postoji nekoliko drugih slučajeva, ali za sada ćemo samo stalo datoteke i direktorije.
Ove sljedeća tri crtice - i ja sam umjetno umetnuti prostore.
Oni su, očito, ne postoji kada smo ih vidjeli trenutak prije.
To su spisu vlasnika dozvole,
i podsjetiti na drugi prije da je pročitao i pisati.
To je zato što sam, kao osoba koja je stvorila ovu sliku trenutak prije,
Ja, jednostavno po defaultu, na Linux računalu,
imaju sposobnost da nastavi čitanja i pisanja tu datoteku.
>> Dakle, operativni sustav samo mi daje RW automatski.
Srednji one se odnose na moje grupe, koji od studenata,
koja je vrsta besmisleno na aparatu jer sam jedina osoba pomoću aparata.
Pa neka mi samo mahati moje ruke na to za sada.
No, posljednjih su one najvažnije za web.
To je svatko drugi u svijetu, kao i činjenica
da to je --- znači da nitko drugi u svijetu
ima sve dozvole za ovu datoteku.
Jasno je problem, pa moram to popraviti
a nekako daje svijetu ono? Pročitajte i pisati?
To je vjerojatno glupo, zar ne? Ne želim nikoga na webu
ići posjetiti moju stranicu i nekako promijeniti tu datoteku,
iako oni stvarno nije mogao s HTML datoteke,
ali samo u načelu, vjerojatno samo žele da budu u mogućnosti da ga pročitate.
Što to znači da ga čitati? To ne znači da ćeš brinuti o stvarnoj HTML,
ali preglednik mora biti u mogućnosti da izdvoji taj označni jezik,
vrha do dna, s lijeva na desno.
Dakle, netko na webu treba biti u mogućnosti to čitanje, tako da sam minimalno treba dati r.
Ja mogu to učiniti u nekoliko različitih načina, ali možda
Najjednostavnije je pokrenuti ovu naredbu ovdje.
Chmod, promjena načina, onda + r pa sve, svi u svijetu + pročitati,
, a zatim je ime datoteke, search0.html.
>> Sada, ako sam to ls-l opet, primijetit da je datoteka se promijenila,
i doista, ja sam se okrenuo na r za svakoga.
Također sam ga okrenuo na za moju grupu, ali to je u redu,
jer ako sam okrenuo se na svima, moja grupa je podskup toga.
Dakle, to je u redu previše. To samo znači da računalo sada je napravio to čitati.
Sada me pusti natrag u svom pregledniku, kliknite na reload.
Ah-ha. Mi sada imamo CS50 pretraživanje.
Ja sam zumirana u malo umjetno - prilično strašan tražilici.
Ali neka je vidjeti ako to zapravo radi.
Prvo, neka mi učiniti brzo razum ček, dopustite mi da kontroliraju kliknite i pogledajte stranicu izvor.
Primijetit ćete da u roku Chrome mi sada gledamo istu HTML da sam ja stvorio.
Nemojte se zbuniti ovdje, ipak. Ja ne mogu početi mijenjati kod ovdje
jer preglednik ima samo za čitanje pogled ovog koda.
Preglednik samo je pitao lokalni host za datoteke zove search0.html.
To je sada čista slučajnost da aparat
se događa da se na istom računalu kao i moj pregledniku.
Upravo sam mogao imati, ravnopravno, upisali u www.facebook.com/search0.html,
a ako Facebook je imao datoteku pod nazivom, ja bi se onda vidjeti svoju HTML.
I, naravno, ne mogu promijeniti datoteku koja dolazi natrag iz Facebooka, bilo.
Dakle, sada smo vrsta zamućivanje linije.
Uređaj je kako poslužitelj, služeći se web stranice,
ali to je također klijent u smislu da sam koristeći preglednik
da zapravo razgovarati s tom poslužitelju.
Dakle, neka je vidjeti ako moj Google tražilica funkcionira.
Pusti me naprijed i tražiti brzo smeđa lisica, ući.
I voila, sada imam svoju tražilicu.
>> No, kako to funkcionira?
Malo protežu, ali - i sada ne možete vidjeti, točnije, dio koji je od interesa.
Obavijest što se događa.
Obavijest URL. Ispada da tu metodu,
zove se, iznimno je jednostavno.
Kada odredite u obliku koji želite 'dobiti' rezultate od nekog servera,
ono što će učiniti je poduzeti sve što ste upisali u obliku
i staviti ga u URL.
To će se standardizirati kako dobiva staviti u URL kako slijedi.
Primijetit ćete da je to URL da je vrijednost mog djelovanja atributa.
To je mjesto gdje sam htio oblik završiti.
Ali onda primijetite ovu upitnika.
To je konvencija na webu pri čemu pružiti korisničkog unosa
na web stranici, možete dodati na URL upitnikom,
i onda imate hrpu ključ-vrijednost parova.
Naziv ključa, inače poznat kao parametar u web,
onda imate znak jednakosti, onda imate vrijednost tog parametra.
Dakle, to je bitno ime varijable, a vrijednost varijable,
No, one varijable imena i vrijednosti došao iz HTML obliku.
Zašto su pluses postoji, što mislite?
Jer nisam upišite + između mojih riječi.
[Student, nerazumljivo]
>> Da, to je samo za razmak. Tečajevi su, kad ste vidjeli URL,
tamo nikada nije bilo mjesta u njoj, ako je samo zato
ako je bilo, vi stvarno ne mogu kopirati i zalijepiti
u IM ili u email jer bi to break.
Želite cijela stvar biti jedan neprekinut niz znakova.
>> Dakle preglednik je dovoljno pametan da shvatite, uh-uh.
Ne samo stavi razmak tamo. Dopustite mi da kodirati prostor u nekom standardnom način.
Jedan od konvencija za to je da imaju preglednik
automatski staviti + gdje bi inače imaju prostor.
Tako sada, obavijest Google je vrsta razumljiv.
Ja sigurno nije stvorio ovu web stranicu,
ali oni su prepopulated vlastitu tekstualno polje
s tim što, točno, ja upisali u.
Pretpostavimo da želim tražiti nešto drugo, kao što su lijeni pas.
Ja mogu samo pisati ovo ovdje, ponovno pretraživanje.
Obavijest da URL mijenja se ovdje,
ali onda primijetiti da ja zapravo mogu tražiti ništa želim
samo razumijevanje kako URL-ove radove.
Mogao sam napraviti lijeni mačka, unesite,
i primijetiti sada sam uzimajući vrlo lijeni - treba mi? Osjećam se kao da smo trebali.
Ja se vrlo lijen mačku.
U redu. To je jedna od stvari najgluplji smo učinili.
No, da je lijen mačka.
U svakom slučaju, ono što je ključno takeaway ovdje?
Sada smo vrsta igranja u svijetu HTTP.
HTML je samo ovaj jezik za označavanje, otvoren oznaka, u blizini oznaka,
koji govori preglednik kako pružanje sadržaja na web stranici.
Ali kad počnete prijenos podataka preko Interneta
između web preglednika i poslužitelja, to je gdje je taj protokol
poznat kao HyperText Transfer Protocol preuzima.
To je vrsta ljudskog konvencije, kada Sam i Rukovao sam se u ponedjeljak,
počinju vezu, a zatim zatvaranje veze, istu ideju ovdje.
Kako su Googleovi rezultati dolaze k meni?
Kako je moj oblik podnošenje ide na Googleu?
Pa, sjećam od neki dan da je ono što se stvarno događa
ispod haube kad zatraži web-stranica,
Vaš preglednik šalje nešto-grobni poruku poput
GET / HTTP/1.1 za zadane početne stranice.
>> Ili, u ovom slučaju, jer sam posebno zatražio ranije
search0.html, to bi onda biti nešto-zagonetna poruka
da moj preglednik šalje na aparat.
Ili, u ovom slučaju Googlea, što se zapravo šalju
je zahtjev za / potragu, i onda? q = lijenog mačka, s plus tu.
Dakle, ovu poruku, da sam, ljudski, nikad sam tipkati,
ali se šalje pregledniku, ovo je kako HTTP događa.
Ovo je ekvivalent od naših što potresen ruke.
To je zahtjev, a poslužitelj je oko poslati odgovor.
Dakle, neka je pogledati ovo ispod haube.
Kao i prije, možemo otvoriti ovaj posebni polje u pregledniku.
Pogledajte stranicu, pregledajte elemente.
Dakle, pod pregledati element, primijetiti da je ono što se dogodilo u Chrome,
i IE i Firefox imaju slične mehanizme,
imamo ove razvojne alate dostupne za nas.
Normalni ljudi ne koriste ove kartice.
Ali mi, sada su zainteresirani za ono što se događa
ispod haube na mrežnoj razini.
Dakle, ako sam podići razinu mrežnog ovdje,
pusti me naprijed i proširiti ovaj prozor,
otvoriti ovaj ulaz ovdje, i pogledajte zaglavlja.
Dakle, što se događa kad sam zatražiti datoteku s web-poslužitelja
je moj preglednik šalje hrpu stvari.
I neka mi vidjeti izvor. Dakle, pod zaglavljima zahtjeva,
i to je samo Krom pokazujući mi neki dijagnostički izlaz,
nešto kao debugger neke vrste,
primijetiti da je ono što sam istaknuo ovdje je upravo ono što
Chrome šalje na server kako bi zatražili datoteku pod nazivom search0.html.
To govori server ono što misli da njegovo ime je,
zahvaljujući ovom području domaćina debelog, onda postoji neki
prilično ezoterične stvari ovdje, kao nešto učiniti s datumima i vremenima,
nešto učiniti s jezika koji preglednik razumije,
ali stvarno važne linije su to prva dva ovdje.
>> Što je poslužitelj odgovoriti? Pa, ako smo dođite ovamo
i pogledati izvor ove stvari, primijetiti da je poslužitelj
je odgovorila nešto grobni poruku, kao, 304 nije promijenjena.
To je malo čudno, neka mi zapravo pokušati popraviti.
Dopustite mi da držite shift i kliknite učitati ovdje
natjerati preglednik da zapravo čine ovaj zahtjev za prvi put.
Onda neka mi povećali, pa ćemo vidjeti sada da poslužitelj odgovor,
jer sam imao smjenu, je 200 OK.
Dakle, vjerojatno ste nikada nije vidio broj 200
U kontekstu Weba, ali ono što brojeva
ste ponekad vidjeli neočekivano s poslužitelja?
404, datoteka nije pronađena, 403, zabranjeno, 500, pogreška poslužitelja.
Dakle, tu su ti numeričke oznake da je svijet koristi na webu
da označi pogreške, baš kao i C funkcija
mogu vratiti pogreške i glavna mogu vratiti izlazne kodove.
200, iako se rijetko vidi jer to znači da je sve dobro.
A 304 vjerojatno nikada neće vidjeti, jer ono što je ona označava?
Kako se ništa nije - neka je vidjeti ako možemo simulirati to opet -
Oh, sad je ne surađuje. 304 rekao ne mijenjati,
pa zašto je server čak reagirati?
Pa, za učinkovitost, server automatski za vas,
ako datoteka nije promijenilo, to neće prenosimo cijeli HTML datoteku.
To ću samo reći preglednik nije promijenilo.
Dovoljno je koristiti kopiju već imate.
Dakle, tu je taj pojam caching na webu
za izvedbu, tako da ne gubiti vrijeme i otpada propusnost
preuzimanje datoteka opet i opet nepotrebno.
>> No, ova web stranica, sada je super-jednostavan,
i to samo mi je pokazao HTML koji ste dobili natrag.
Ajmo zapravo koristiti mrežni tab sada napraviti Google pretraživanje poput brzog smeđe lisice.
Dopustite mi zatim CS50 pretraživanje,
i sada, primijetiti na dnu ovdje cijela hrpa stvari vratio
jer kad sam posjetiti pravi web stranice poput Google.com,
imaju slike, oni imaju tekst, imaju jezik zove JavaScript tamo.
Dakle, svaki redak u ovoj tablici dolje
predstavlja nešto što Google ispljunuti odgovor na moj jednom zahtjevu.
Onaj mi je stalo, iako je ovo prvi.
A ako idem na pretrage, zahtjev, kliknite ovdje vidite izvor,
primijetiti da, doista, zagonetna poruka da je moj preglednik poslao
za Google je ove dvije linije ovdje,
nakon nekog kompliciranih informacija ovdje koje ćemo ignorirati za sada.
Ali primijetite, previše, što Chrome je prilično zgodan s,
to je također prikazuje mi niz upita koji je poslan u.
Dakle, umjesto da mi pokaže ovo, što doslovno je poslana,
ako sam ga vidjeli dekodirani, Chrome, samo za ispravljanje pogrešaka svrhe,
za programere poput nas, to je samo pokazuje mi ljudsko-friendly verziju -
da nije kako se piše lisica, očito.
Samo sam primjećujem to sada - ali to vam pokazuje ono što sam, očito, upisali.
U međuvremenu, odgovor koji se vratio s poslužitelja je opet 200 OK.
Ali uključeni u taj odgovor, naravno,
ako smo zapravo vidjeli stranici je HTML -
Žao nam je, ovo je malo tipkovnica prečac otišao naopako danas.
>> Ja ću se baviti kasnije. Dakle, ako smo zapravo vidjeli stranici je izvor,
što mogu učiniti ovdje klikom odgovor,
to je ono što je zapravo pljuje natrag, uz taj skroviti 200 OK poruku s poslužitelja.
Malo zagonetan, ali gdje je sve to dolazi iz?
Pa, hajdemo napraviti jednu drugu stvar ovdje. Još nešto-grobni command,
ali ova je vrsta uredan u smislu da nam otkriva upravo ono što se događa ispod haube.
Tako sam se vratio na moj Mac ovdje, ja sam spojen
putem programa pod nazivom SSH, Secure Shell, na drugom poslužitelju
jer je većina Harvarda računala blokirati naredbu da smo o tome kako pokrenuti
jer je to naredba o nekim serverima zove traceroute
koji vam omogućuje da trag put između točaka A i B,
i do sada smo uzimali zdravo za gotovo u potpunosti
da mogu upisati u Google.com i nekako doći do podataka natrag
od pola u cijeloj zemlji ili na pola puta širom svijeta.
S traceroute zapravo možemo zaroniti malo dublje u
o tome kako je internet radi, i vidjeti što se događa ispod haube.
Dakle, idemo naprijed i samovoljno trag put, recimo, Stanford.edu,
što je u cijeloj zemlji, i pogodak ulaziti.
Ova naredba može biti iznimno brz ili super-sporo,
ali ono što smo vidjeli danas, liniju po liniju,
je svaki od koraka ili hmelja između nas i Palo Alto, ili Stanford,
gdje imaju svoj web poslužitelj.
Dakle, što svaki od tih redaka predstavljaju više konkretno, iako?
Komad žargon s interneta? [Student, nerazumljivo]
>> Što je to? [Student, nerazumljivo]
>> Oh, tako postoje trenuci, ali što svaki red - što mi znači hop?
>> Pa, postoje ove stvari na internetu pod nazivom routera.
I routera, kao što ime sugerira, put informacije od točke A do točke B.
No, postoji nekoliko točaka izvan A i B.
Postoji C i D i E i F između retku 1,
što se događa da se moje računalo IP adresa,
ili moja numerička adresa, koja jedinstveno identificira moje računalo,
i korak 15, koji je zapravo šesti web server,
očito, što sam iz toga zaključi, ili verzija 6 od svog web server na Stanfordu.
No, ono što je vrsta uredan je, možemo vidjeti put
da se moj 0-a i jedan je uzimanje iz mog računala na Stanfordu.
Dakle korak 1 je moja vlastita računala adresu.
Svako računalo na Internetu ima jedinstveni identifikator koji izgleda ovako.
Number.number.number.number.
Negdje na ovom kampusu, vjerojatno u znanstvenom centru,
je usmjerivač naziva jezgra Gateway 2-te83, što god to značilo,
tako da je ovo jedna od Harvarda velikih fantazija usmjerivač koji ruta puno svog prometa.
Evo još jedan od Harvarda routera, ovo je granica Gateway,
granični značenje, to je vjerojatno na periferiji kampusu negdje.
Zatim tu je nox jedan, red 4, što je Sjeverna Crossroads
što je veliki ISP, Internet usluga,
da mjesta poput Harvarda spojiti do.
Ali onda se stvari malo zanimljivo u skladu šest.
Gdje su moji bita odjednom? Kansas.
Svijet ima naviku korištenja aerodrom kodove u puno tih stvari,
ili barem kratica za države ili gradova,
tako to izgleda, u samo 60 ms,
paket informacija, 0-ih i jedan je od moj laptop
dobio sve do Kansasu, a opet, u 60 ms.
>> Štoviše, nakon što je Kansas, oni su turneju kroz Houston, vjerojatno,
kao što samo ime ovog poslužitelja.
Dakle, baš kao poslužitelj na Internetu mora imati numeričku adresu,
to također može, opcionalno, imaju nešto više ljudsko-friendly adresu da ljudi došao gore sa.
Sada, u koraku 8, ne znamo što je to.
Ponekad routera samo vrsta vas ignorirati,
i oni jednostavno ne odgovara na pitanja, tako da je u redu.
Onaj nakon koraka 8 je očito gdje? L.A.
Obavijest u samo 78 ms, što nas vodi ljude poput 6 + sati raditi fizički,
Potrebno pakete informacija na internetu 78 ms putovati tako daleko.
Korak 10 je u LA-u, kao i, i korak 11 Čini se da su otišli na sjever, do blizu Stanfordu.
To je njihova granica usmjerivač ili granični usmjerivač.
Prije nekoliko koraka na Stanfordu koji su nam ignoriranje,
i na kraju, dolazimo do web-poslužitelj u samo 87 ms.
Sada, svi od tih brojeva, kao stranu,
Samo vam reći koliko dugo to traje za podatke kako bi dobili od mene
za svaki od tih routera, i to ne akumulativna.
Ono što ovaj program se je, da je prvi šalje poruku, u suštini, na prvi usmjerivač.
Zatim jedan na drugi ruter, a zatim jedan treći ruter,
mjerenje svaki put. Dakle, u teoriji, ova vremena će se raste
ili barem prilično blizu jedan drugome,
i, štoviše, one koje su upravo ovdje na kampusu su super-male.
Čim počnete ide u cijeloj zemlji, to traje podatke
malo dulje putovati, bliže 100 ms, dati ili uzeti.
Ali idemo u drugom smjeru sada. Kako o sveučilištu Cambridge u Velikoj Britaniji?
Dopustite mi da umjesto pokrenuti traceroute od www.cam za Cambridge,
. Ac za akademsku,. Uk, i pogodak ulaziti ovdje.
To je prilično prokleto brzo.
Moji podaci doslovno otišao u Cambridgeu, Engleskoj, u tom djeliću sekunde vremena.
>> Dakle, neka je vidjeti put koji ga je uzeo.
Harvard, Harvard, Harvard, Northern Crossroads
što je ISP, a onda je to Northern Crossroads, i onda bam.
Što je između koraka 6 i 7, router 6 i 7?
Atlantski ocean. I mi smo zaključiti ovaj iz činjenice da
idemo od 20 ms ovdje za 80 ms ovdje.
Tako nešto je 60 ms, dati ili uzeti, da bi dobili više.
I to je vjerojatno bio veliki tijelo vodom.
Što se događa nakon toga? Pa, ovdje smo u Londonu,
samo 88 ms kasnije. Više London, London više,
Nisam siguran gdje je to, ali mi ćemo pretpostaviti da je izvan Londona,
Cambridge ovdje, a na kraju smo - doslovno, Sveučilište u Cambridgeu
. Something.net, a onda, konačno, u skladu 16,
njihov web server je navodno nazvao Scorpius
ispod haube, iako smo ga znali kao www.
Vrsta uma-puše, mislim. Prvi put sam ikada to učinio, ona je posve puhnuo moj um.
Nažalost, Harvard blokira ovu vrstu prometa, u pravilu, na mreži.
Dakle, ne možete to učiniti super lako.
Shvatite, ipak, to je ovdje moguće.
U redu. Uzmimo naš 5-minutni predah ovdje. Mi ćemo se vratiti i zaroniti u dublje.
Dakle, mi smo se, a mi smo vrsta odšetao oko u nekoliko različitih smjerova ovdje.
Tako ćemo rezimirati što se točno se ovdje događa.
Počeli smo razgovor govori o tom jeziku zove HTML.
Opet, ne programski jezik. To je samo Označni jezik
koji je u velikoj mjeri o estetici i strukturiranje sadržaja u obliku web-stranice.
No, HTML, stoga, treba nekakav mehanizam
za putovanje između web preglednika i poslužitelja.
HTML stoga vrsta vožnje na vrhu tom drugom jeziku,
ili više ispravno, protokol, poznat kao HTTP.
>> I HTTP, kao što smo to vidjeli dosad,
je vrsta analogan ovom ljudskom konvenciji rukujući se.
Kad preglednik želi zatražiti stranicu s poslužitelja,
on šalje da "dobiti" zahtjev iz preglednika na poslužitelj,
i onda server odgovara s brojem poput 200, sve je u redu,
kao HTML ili nekog lošeg broj poput 404, datoteka nije pronađena.
No, u međuvremenu, HTTP sama po sebi nije internetu, sama po sebi.
HTTP je samo servis, značajka Interneta
baš kao G chatu je drugi servis, baš kao i e-mail je drugi servis.
Tu je sve vrste stvari koje možemo učiniti na internetu.
HTTP je samo jedan od tih aplikacija.
Dakle, na vrhu - HTTP je na vrhu nešto drugo
koji mi nije spomenuo imenom, možda ste čuli, po imenu, TCP / IP.
Dakle, priča mi samo rekli da je sve o
kako se podaci putuje od točke A do točke B.
I u ovom slučaju, vidjeli smo na vrlo niskoj razini
usmjerivač usmjerivač usmjerivač na ruter,
kako podaci zapravo se prenosi.
No, na tom putu, to će se susresti razne prepreke.
Osim tih routera, postoje stvari koje se nazivaju firewall na Internetu,
i tako podataka, kao što je da smo bili samo prenošenje
od mene na Stanfordu, od mene na Cambridge,
je poslan, na ovoj razini, nešto što se zove IP adresu.
Vidjeli smo to maloprije, i IP adresa
je samo brojčana adresa obrasca w.x.y.z,
gdje je svaki od njih je između njih, dati ili uzeti, 0 i 255,
iako ne sasvim mogu koristiti svi od tih brojeva.
No, svaki od tih mjesta nositelja je broj između 0 i 255.
Dakle, IP adrese ovih dana je 32 bita.
>> Sada, koji nam daje koliko je moguće IP adrese u svijetu?
Oko četiri milijarde, jer svaki put kad smo računajući u ovlasti 2
sve do 32 nečega, koji se obično daje nam 4000000000.
Tako da je puno IP adresa, ali možda ste pročitali,
ili ste sada primijetiti u popularnom tisku,
guranje prema novom verzijom IP zove IPv6.
Upravo sada smo koristeći inačicu 4.
Tu stvarno nije verzija 5, mi smo samo skakanje pravo na šest.
Verzija 6 će se koristiti 128 bita za IP adrese, što je mušičav ogroman.
Mi ne bi trebali istrčati za neko vrijeme sada,
ali mi smo počeli ponestane verzija 4 IP adrese,
jer svi od nas imaju ne samo stvari poput prijenosnih i stolnih računala,
Mnogi od nas imaju telefone, puno od nas imaju i druge uređaje
poput TiVo i kao da imaju IP adrese sebe.
Harvard sebi ima nekoliko desetaka tisuća računala.
Dakle, svijet zaista ponestaje IP adresa, barem ovog obrasca.
Dakle, u idućih nekoliko godina, ti si idući u vidjeti adrese
na svojim računalima vjerojatno polako promijeniti
kao sve više i više tvrtki i sveučilišta početi podržavati noviju verziju.
No, IP adresa nije dostatna za računalo na zatražiti podatke iz računalnog b.
Budući da računalo b mogao biti poslužitelj,
i poslužitelja, kao što sam spomenuo ranije, može učiniti grozdovima stvari.
To može ugostiti web stranice, to može biti poslužitelja e-pošte,
to može biti Skype poslužitelj, to može biti poslužitelj G chat.
>> Sve ove različite usluge koje može pružiti na poslužitelju
sve može, fizički, biti na istom stroju.
Dakle, osim IP adrese,
svijet ima stvari zove portovi na internetu.
Luka je samo broj, tako da je jedinstveni broj za HTTP.
Njegov broj je 80.
HTTP također koristi broj 443, ali točnije, za šifrirane HTTPS.
Kada vidite s., za siguran, da je koristeći drugi broj.
Tu su i drugi brojevi, poput 25, koji se koriste za nešto što se zove SMTP, inače poznat kao e-mail.
Postoji nešto što se zove 22 za SSH,
i tu je cijela hrpa drugim lukama vani.
Sada, mi ljudi rijetko vidjeti ove brojeve.
Međutim, kada se upisati adresu kao http://www.facebook.com,
preglednik potajno se umetanjem 80, jer ste pomoću HTTP.
Ako, umjesto toga, tipa HTTPS, to potajno se umetanjem 443.
I možemo vrsta vidjeti ručno ako sam podići Brower
i ići na http://www.facebook.com:80.
Stoga izričito navodeći ne samo naziv web stranice
ali luka da želim razgovarati, i pogodak ulaziti.
Obavijest nestaje, jer preglednik pretpostavlja,
oh, 80, nisam čak ide zamarati pokazuje da za vas.
No, razlog za to je da ako sam zapravo htio poslati nekoga na e-mail,
Stvarno bih se šalje ga na njih na portu 25, a to je SMTP.
Malo je pojednostavljivanje, ali neki od vas imaju prijatelje
koji zapravo rade na Facebooku, a oni, slično, imaju servere koji primaju e-mail.
>> Svaki put kada poslati e-mail, što je Gmail radi za vas
ili Outlook ili što god program koji koristite,
to je vrsta potajno umetanja taj broj, kao i, 25, u tom slučaju.
To je ova kombinacija IP adresu i broj koji jedinstveno identificira
računalo na internetu i određenu uslugu na tom računalu.
Sada, naravno, većina nas vjerojatno nikada upisali ručno IP adresu.
Možda imate u aparatu, ali u stvarnom svijetu, ne toliko.
Zašto ne bismo upišite IP adrese u preglednicima?
To će raditi, u stvari, možemo vidjeti ovo, neka mi vam pokazati
jedna druga naredba da treba raditi najviše bilo gdje na Harvardu kampusu na Mac ili PC.
Tu je ta naredba zove nslookup, ime poslužitelja pretraživanja.
Ako sam pogledati www.cnn.com, ispada da je CNN ima - Oh, zanimljivo.
CNN je počeo koristiti Amazon Web Services.
Možda znate cloud computing, Amazon jedan od velikih igrača u cloud computing.
Ono što sam upravo učinio je, rekao sam, "Daj mi adresu CNN-web server, '
ali ispada da je CNN-ov web poslužitelj upravlja Amazon,
Amazon Web Services, to sugerira.
I adresu tom poslužitelju je ovo ovdje.
Dakle, ja sam ne siguran ako ovaj će raditi, jer nije koristila Amazon.
No, pokušajmo to, http://, IP adresu, unesite, i -
će to raditi?
Da. To ide na posao. Internet je super sporo danas.
No, u jednom trenutku, vidjet ćete neke vijesti priču.
Tu ćemo ići. Bank of America je tužio. U redu.
>> To je zato što je ovo IP adresa se događa samo od strane sinonim www.cnn.com.
Naravno, to bi bilo strašno marketinga reći, posjetite nas na webu na 50.112.94.127.
Vi nikada ne bih sjetiti. Dakle, čak i ovih dana možda podsjetiti stvari
kao 1-800-COLLECT ili mnemotehnika svijet je došao gore sa za telefonske brojeve.
Koji, prije mobitela, bili su prilično teško zapamtiti
dok vi samo mogli upisati i zaboraviti na njega.
Dakle webu, također, ima ovu Konvenciju o imenima i IP adrese,
i tamo su te stvari vani zove DNS poslužitelji,
domene sustava poslužitelja, koji prevode IP adrese u imena i obrnuto.
Dakle, to je ono što se događa ispod haube.
Na kraju, moramo TCP / IP, što je to vrlo niska razina protokol
da, stvarno, samo dobiva 0-a i jedan je preko Interneta,
i to ne tako stavljajući ih u virtualni omotnici,
ako hoćete, i pisanje na vanjskoj omotnici
IP adresa odredišta, kao i numerički broj porta
službe na tom mjestu da želi razgovarati.
U međuvremenu, na omotnici, tu je i nešto poznat kao povratnu adresu,
koja je vaša IP adresa, tako da kada je CNN dobiva paket informacija od vas,
Otvara se ovaj virtualni omotnicu, vidi da želite početnu stranicu,
to zna od pošiljatelja dijelu ovom virtualnom omotnici koga poslati HTML natrag.
Dakle, neka je pogledati ovo u malo više detalja.
Ovo je iz tvrtke koja se zove Ericson, od nekoliko godina unatrag.
I oni su neke slobode s koliko internet zapravo radi,
ali to oslikava puno više vizualni sliku od puke krede ovdje.
Tako sam vam dati "malo interneta."
>> [Pripovjedač] Po prvi put u povijesti,
ljudi i strojevi rade zajedno, ostvaruje san.
Ujedinjenja sila koja ne poznaje zemljopisne granice.
Bez obzira na rasu, vjeru ili boju.
Nova era gdje je komunikacija doista povezuje ljude.
To je
Zoru Net.
Želite znati kako se to radi? Kliknite ovdje za početak svoje putovanje u mrežu.
Sada, što se točno dogodilo kad ste kliknuli na taj link?
Počeli ste protok informacija.
Ova informacija putuje dolje u svoje osobne mailroom
gdje je gospodin IP paketa ga, naljepnice, te ga šalje na putu.
Svaki paket je ograničen u svojoj veličini.
Soba mail mora odlučiti kako podijeliti informacije
i kako ga pakirati.
Sada, paket treba naljepnicu koja sadrži važne informacije
kao pošiljatelja adresu, adresu primatelja, te vrsti paketa je to.
Budući da je ovo posebno paket je izlazak na internet,
ona također dobiva adresu proxy poslužitelja,
koja ima posebnu funkciju, kao što ćemo kasnije vidjeti.
Paket sada je pokrenut na vašem lokalnom mrežom, ili LAN.
Ova mreža se koristi za povezivanje svih lokalnih računala '
usmjerivači, pisača, etcetera, za razmjenu informacija unutar fizičkih zidova zgrade.
LAN je prilično nekontrolirano mjesto, a, na žalost,
nesreća se može dogoditi.
Autocesta od LAN je pakiran sa svim vrstama informacija.
To su IP paketi, Novell pakete, AppleTalk paketa.
Oni će protiv prometa, kao i obično.
Lokalni usmjerivač čita adresu i, ako je potrebno,
podiže paket na drugu mrežu.
Ah, usmjerivač. Simbol kontrole u naizgled neorganiziranog svijeta.
[Router mrmlja i govori za sebe]
>> [Pripovjedač] Tamo je, sustavno, nemilosrdan, metodičan,
konzervativna, a ponekad i ne sasvim do brzine.
Ali barem je točno, za najveći dio.
Kao paketi napustiti ruter, oni čine svoj put u korporativnom Interneta
i glava za router switch.
Malo učinkovitiji od rutera, ruter prekidač igra brz i labav s IP paketa,
vješto ih usmjeravanje na njihovom putu.
Digitalnog 'fliper čarobnjak ", ako hoćete.
[Router prekidač govori za sebe]
[Pripovjedač] Kao paketi stići na svoje odredište,
oni pokupila mrežnog sučelja,
spreman da bude poslan na sljedeću razinu.
U tom slučaju, proxy.
Proxy se koristi od strane mnogih tvrtki kao svojevrsni srednji čovjek
kako bi se umanjio teret na internetskom vezom
i iz sigurnosnih razloga, kao dobro.
Kao što možete vidjeti, paketi su sve različitih veličina, ovisno o njihovom sadržaju.
Punomoćnik otvara paket i izgleda za web adresu ili URL.
Ovisno o tome da li je adresa prihvatljiva,
paket je poslan na internetu.
Postoje, međutim, neke adrese koje ne ispunjavaju uz suglasnost punomoćnika.
To je za reći, korporativne ili upravljanje smjernice.
Ovo prijekom se bavila.
Mi ćemo imati ništa od toga.
Za one koji ga čine, to je na cestu.
>> Dalje, firewall.
Korporativni firewall služi u dvije svrhe.
To sprječava neke prilično neugodne stvari s Interneta iz koje dolaze u Intranet,
i to također može spriječiti osjetljive korporativne informacije od toga da bude poslan na internetu.
Nakon kroz firewall, router pokupi paket
i stavlja ga na mnogo užem ceste, ili propusnost, kao što smo rekli.
Očito, cesta nije dovoljno široka da se ih sve.
Sada, možete se zapitati što se događa na sve one pakete koji to ne čine na putu.
Pa, kada je gospodin IP ne dobivaju potvrdu
da paket je primljen u dogledno vrijeme,
on je jednostavno šalje zamjensku paket.
Sada smo spremni ući u svijet Interneta.
Paučina međusobno povezanih mreža koje obuhvaćaju cijelu našu globus.
Evo, usmjerivači i preklopnici uspostaviti veze između mreža.
Sada, Net je potpuno drugačiji okoliš od naći ćete
unutar zaštitnih zidova LAN.
Od ovdje, to je Divlji zapad.
Obilje prostora, puno mogućnosti,
dosta stvari koje treba istražiti i mjesta za izlazak.
Zahvaljujući vrlo malo kontrole i regulacije,
nove ideje naći plodno tlo za guranje omotnicu svojih mogućnosti.
No, zbog ove slobode, određene opasnosti vrebaju također.
Vi nikada nećete znati kada ćete susresti zastrašujuća ping smrti,
posebna verzija normalan zahtjev ping,
koje neki idiot smislio da zabrljati bezazlen domaćine.
Put naši paketi uzeti možda preko satelita,
telefonske linije, bežični, ili čak i prekooceanski kabel.
Oni ne uvijek uzeti najbrži ili najkraći putevi moguće,
ali oni će doći s vremenom.
Možda je to razlog zašto se ponekad zove "World Wide Čekaj."
No, kada se sve radi glatko,
možete zaobići globus pet puta više na pad šešir, doslovno.
A sve po cijeni mjesnog poziva ili manje.
Potkraj naše odredište, mi ćemo pronaći drugi vatrozid.
>> Ovisno o vašem perspektive kao paket podataka,
Vatrozid može biti bastion sigurnosti ili zastrašujuća protivnika.
To sve ovisi o tome s koje strane ste i što vaše namjere.
Firewall je dizajniran za pustiti samo one pakete koji ispunjavaju svoje kriterije.
Ovaj firewall radi o lukama 80 i 25 godina.
Svi pokušaji da uđe kroz drugim lukama su zatvorena za posao.
Luka 25 se koristi za mail paketa,
dok luka 80 je ulaz za pakete s Interneta na web poslužitelju.
Unutar firewall, paketi su pratili više temeljito.
Neki paketi čine ga lako kroz carinu,
dok drugi izgledaju malo sumnjivo.
Sada, firewall službenik nije lako prevariti,
kao kada se to ping smrti paketa pokušava se prikriti kao normalan ping paketa.
[Vatrozid časnik u razgovoru s paketima]
[Pripovjedač] Za one pakete dovoljno sretan da bi ga ovako daleko,
Putovanje je gotovo preko.
To je samo redati na sučelju se digao na web poslužitelju.
Danas, web poslužitelj može izvoditi na mnoge stvari,
iz mainframe na web cam na računalu na vašem stolu.
Zašto nije vaš hladnjak?
Uz pravilno postavljanje, možete saznati ako imate profit
Piletina Cacciatore za, ili ako morate ići u kupovinu.
Zapamtite, ovo je zora Net.
Gotovo sve je moguće.
Jedan po jedan, paketi su primili,
otvorena i raspakirati.
Informacije oni sadrže, da je, vaš zahtjev za informacijom,
je poslan na primjeni web poslužitelja.
Paket je sama po sebi reciklirati,
spremno da se ponovno koristiti, i napuni sa svojim tražene informacije,
obratio i poslao na putu natrag na vas.
Natrag prošlosti firewall, usmjerivači, te na do interneta.
Povratak kroz korporativne firewall
i na vašem sučelju,
spremni dostaviti Vaš web preglednik s informacijama koje ste tražili.
To je, ovaj film.
Zadovoljan sa svojim naporima, i vjerujući bolji svijet,
naši vjerni paketa podataka vožnja off blaženo u suton drugoga dana,
znajući u potpunosti su služili svojim gospodarima dobro.
Sada, nije da je sretan završetak?
[Malan] Ok, to je dovoljno. Vidimo se sljedeći tjedan.
[CS50.TV]