[Powered by Google Translate] [7. týden, pokračování]
[David J. Malan, Harvard University]
[To je CS50.] [CS50.TV]
Dobrá. Vítejte zpět. To je CS50,
a to je konec 7. týdnu.
Takže jeden z těchto hloupých malých věcí, které jdou kolem internetu
a my usrkával se, a to by měl nyní učinit trochu podivínský smysl.
No, to bylo zábavnější s tímhle chlapem, než to bylo na vás.
Když už mluvíme o, dobře, kluci,
dnes je Nate narozeniny.
Chcete-li dát vám pocit, jak dobré Nate a já jsme
na vývoj webových aplikací na základě třídy pondělní a na základě nyní na to,
Myslel jsem, že vytáhnout Nate domovskou stránku, pokud jste ho ještě neviděli ještě.
Tohle HTML IA Nate.
Takže vidět jeho zdrojové kódy, pokud chcete vidět, jak to udělat, a Nate,
kdybychom mohli embarass vám jen krátce, personál jsem ti něco
Pokud bych se podělil o některé dezert s některými dětmi ve třídě zde.
Pokud byste se chtěli přijít dolů.
Vy všichni tleskají a jsou velmi pěkné, ale nikdo sedí někde poblíž Nate,
z nějakého důvodu, v tomto zadní zóně.
Tak snad můžete najít nějaké lidi, aby si tyto s.
Happy Birthday, Nate.
>> Další pozdravy: Ukázali jsme, že pár ukázek z našich CS50x studentů.
Pokud chcete zjistit, kdo další je na světě
že se po dobu, můžete vyrazit na tuto adresu URL,
kde Joseph, jeden z našich TFS, dal dohromady sestřih druhů
každého, kdo byl předkládání těchto videí, mezi nimi Rick Astley.
A pokud se vám procházet tyto, je to opravdu docela inspirativní
vidět rozmanitost zemí a měst, z nichž lidé ohlašovacích.
Takže pokud byste chtěli, aby se na to podívat, to bude až do konce semestru.
Dnes budeme pokračovat v náš pohled na web, webové programování, HTML a podobně,
a my jsme také oběd přijde již tento pátek
pokud byste chtěli, a to zejména, tak ještě neučinili dříve.
Tento pátek se bude téma Nate narozeniny,
takže pokud chcete mít narozeniny oběd s Natem
a jiní, někteří z našich přátel z průmyslu,
prosím, hlavu této URL tam.
Space, jako vždy, je omezená. Také, pokud jste zapomněli,
si uvědomit, že příští týden je termín pro problém nastavit 4 je lov,
kdy po obnovení všech těch obrázků ve formátu JPEG z card.raw,
vy a vaši kamarádi sekce, pokud byste chtěli, můžete vyzkoušet fotografování
tolik počítačových vědců z této paměťové karty jak je to možné,
a vy a vaše část bude pak vyhraje pohádkové cenu.
Vrátit zpět k PSet 4 specifikace, pokud jde o to, co se předložit a kdy.
Také, pokud byste chtěli mít své dílo zvěčněný
na hřišti webových stránkách a jeho historii oděvů,
vědět, že jste vítáni nyní začít předložením návrhů
pro letošní trička a mikiny a jako.
My se budeme snažit zahrnout tolik, jak můžeme,
ale budeme mít některé členy štábu přezkumu všech návrhů
aby se ujistil, že jsou v souladu se specifikacemi,
a my jsme pak vybrat obecně hrstka z nich být vystaven.
Takže pokud jste je konstrukční typ, jen vím, že požadavky
pro grafiky jsou PNG, alespoň 200 DPI,
by neměly být větší než 4000 x 4000 pixelů,
a ne více než 10 MB, ale vy jste vítáni věci jako
Photoshop nebo GIMP nebo různé programy Graphic,
co máte k dispozici.
>> Na obzoru je konečný projekt. Konečný projekt je opravdu vrchol 50,
přičemž všech úkolů v průběhu,
je to vaše příležitost opravdu dělat svou vlastní věc.
A to může být prostě udělat něco pro zábavu,
to může být vyřešit nějaký palčivý problém si student skupina má,
pro některé nové webové stránky, některé nové kolekce mechanismus pro data.
To může být mobilní aplikace pro Android, pro iOS.
Opravdu, nebe je limit, a během příštích několika týdnů,
jak jsme přechod z C na tyto vyšší úrovně jazyků, jako je PHP a JavaScriptu,
ocitnete se stále seznámeni s některými real-svět techniky,
Některé real-svět nástroje, a doplnit, že,
vím, že kurz má historii seminářů,
přičemž v průběhu příštích několika týdnů, některé z pedagogických pracovníků
a přátelé naše z areálu školy nabídne volitelné semináře
které jdou nad rámec toho, co je obvykle provádí v sekci
představit vám věci, jako je programování pro Android,
představit vám věci, jako je iOS programování
nebo více pokročilé web-vývoj techniky.
Tam je celá historie z nich již online.
Pokud půjdete do cs50.net/seminars, jsme dělali to pro docela několik let,
a uvidíte, že archivované zde s PDF a videa a podobně
několik desítek videa seminářů.
V loňském roce, například, měli jsme seminář o ELIT své technické rozhovory,
pokud jste opravdu hledáte jít pryč a dělat stáž nebo na plný úvazek vystupují.
Windows mobile vývoj, Android rozvoj, Google Maps,
API, CSS, rozvoj pro BlackBerry, Emacs.
Opravdu, jste vítáni, aby se podívat na některý z těchto seminářů na vaše pohodlí.
A budeme se držet nějaké nové tomto semestru, stejně.
>> Takže to, co je před námi s konečným projektem?
No, v první, i když toto datum je poněkud bezprostřední,
je to opravdu jen příležitost začít přemýšlet o konečném projektu zcela realisticky.
Víme, že jen začátky některých z toho, co budeme stále pokrývá v průběhu,
HTML, PHP a podobně, ale jste všichni obeznámeni s Web,
a já bias tento rozhovor k webu pouze proto, že
většina lidí skončí dělá webové závěrečných prací,
ale to není v žádném případě podmínkou.
Použití C je v pořádku, objektivní C, Java,
v jiném jazyce, které možná znáte nebo chcete vědět, je docela v pořádku.
Ale dostat se tekoucí šťávy původně, budeme očekávat, že předložení preproposal
které, dle formátu PDF na stránkách, které jsou nyní v cs50.net,
a v levé horní části uvidíte závěrečný projekt
je specifikace pro konečného projektu,
a tam jsou podrobnosti o preproposal a podobně.
Má docela hodně scvrkává na e-mailu do vašeho výuky kolegy
Jen navázat rozhovor s ním nebo jí o tom, co si myslíš.
Na projects.cs50.net je pramen nápadů od lidí, na akademické půdě
pokud jste snaží přijít s nějakým nápadem,
a manual.cs50.net/APIs je seznam odkazů na API.
>> Co když je API?
Co je to API? Řekl jsem to nejméně dvakrát,
podle přepisů posledních několika týdnů.
Co je to? [Student, nesrozumitelným]
>> Dobře, dobře. Takže něco programovací rozhraní.
Rozhraní pro programování aplikací, a to může mít několik forem,
ale co to opravdu scvrkává na je kód
že někdo jiný hs písemných či datových, že někdo jiný shromážděné
, který je vám k dispozici v některých programovou cestou.
Můžete psát kód v C, PHP, Python, Ruby,
jaký je váš jazyk výběru je obvykle,
a můžete nějak stavět na někoho jiného funkčnosti
nebo někdo jiný je datový soubor.
Například, když půjdu na tento odkaz zde,
a uvidíte pár odkazů na další stránce
kdy máme CS50 vlastní API, které jsou velmi Harvard-centric, a pak třetí strany API.
Mezi třetí strany API jsou opravdu užitečné věci
jako bytí schopné posílat SMS na lidi,
je schopen přijímat textové zprávy SMS z lidí.
A takové věci, že byste mohli mít tušení, jak provádět sami,
ale díky službám, některé zdarma a některé komerční,
můžete vytvořit na vrcholu ty a dělat něco zajímavého pro vás.
Mezi API CS50 tyto jsou tyto kampus-centric věci jako
Harvard kurzy, energie, akce, jídlo, mapy, zprávy, tweety a Shuttleboy vlastní,
a to jsou API, které vypadají trochu něco takového.
>> Dovolte mi, abych vytáhnout API HarvardFood.
Pokud jste někdy byli na webové stránky HUD je, pravděpodobně jste tam
jen co bude k večeři, nebo aby viděli, co hodiny jsou pro některé d-haly.
No, to není příliš přehledná,
a tak to, co jsme si před nějakým časem byla jsme psali software,
to se stane být v PHP, které skutečně obrazovky škrabe celistvost webu HUD je.
Pro screening Scrape něco znamená napsat program v jazyce jako PHP
která předstírá, že je prohlížeč, i když jste možná spustit na příkazovém řádku,
která předstírá, že je prohlížeč, připojí na webové stránky,
stáhne svůj HTML, jazyk, ve kterém je napsáno,
a pak se čte, nebo více specificky, rozebere je
shora dolů, zleva doprava.
A to, co jsme udělali, bylo jsme psali náš kód takovým způsobem, že
kdykoli jsme viděli něco, co v tomto formátu HTML, který vypadal jako něco, co v nabídce,
jako hamburger, bychom pak importovat, že do naší databáze.
A kdykoliv jsme viděli nutriční obsah, bychom importovat, že do naší vlastní databáze.
A to, co jsme udělali, bylo využít skutečnost, že HUD web,
i když by to mohlo být trochu problém pro nás, lidi na navigaci
pod pokličku, je vše v HTML generované jejich vlastní počítačové programy.
Takže všechny jejich HTML, i když to může vypadat chaotický,
stejně jako většina webových stránek pod pokličku toho vyplývá, vzor.
Takže jsme strávili pár hodin přijít na to, že vzor
tak, že na konci, vyhodíme všechny chaotický HTML,
všechny estetiky tučným obložení a kurzívy a podobně,
a to, co jsme pak schopni udělat, je vystavit, aby stejné údaje.
Například, v tomto způsobu.
Takže my, podle dokumentace zde,
informovaly svět, že pokud budete žádat o adresu URL
, který vypadá takto, food.cs50.net / něco,
a poskytují určité parametry, které budeme hovořit dnes,
jako end-datum, čas, start-datum, čas, jídlo a tak dále,
co naše servery se navrátím k vám, například,
je soubor CSV, čárka členěna hodnoty, jako je soubor aplikace Excel,
obsahující vše, co k snídani v této konkrétní den v březnu loňského roku
když jsem se náhodou sepsat tuto dokumentaci.
>> Pro ty, kteří znají, CSV není jen soubor ve formátu.
Tam je jiný formát, že je to všechno mnohem všestrannější
volal JSON, JavaScript Object Notation.
Data mohou vrátit v tomto formátu.
Takže stánek s jídlem je, že ať už se ponoříte do této API
nebo jakéhokoliv jiného CS50 je nebo tak něco tam na internetu,
nebo vůbec ne, si uvědomit, že svět stále začala standardizovat
jak stroje propojeny.
Používáme standardní datové formáty jako je CSV nebo JSON.
A co to znamená pro vás je, můžete napsat zajímavou část programu
, který umožňuje váš uživatel vyhledávat jídelního sálu nabídky,
že jim umožňuje vytvářet seznamy oblíbených, které jim umožňuje získat textové upozornění
když jejich oblíbené jídlo má být podávána v některých d-haly
pomocí někoho jiného dat a budování na vrcholu své API.
Takže o tom více v podobě seminářů a dokumentaci, které máte zde online.
Takže ty, pak jsou API.
>> To nás přivádí zpět do HTML. Rychlá rekapitulace.
Co je to HTML?
[Student, nesrozumitelné] >> Good. HyperText Markup Language.
Někdo jiný, co je Hypertext Markup Language?
HyperText Markup Language.
Dobře. Takže HTML, HyperText.
HyperText jen odkazuje na web, pro nejvíce se rozdělit.
Markup znamená, že to není ve skutečnosti programovací jazyk, HTML.
Není to jazyk, který se můžete vyjádřit logiku a.
To nemá smyčky. To nemá podmínky.
To nemá funkce, samo o sobě.
Spíše má tyto věci zvané značky, nebo přesněji řečeno, prvky.
A tyto prvky mají počáteční a koncové značky značky,
nebo otevřené tagy a uzavřené tagy, a co ty tagy, znamená pro prohlížeč je,
začít něco dělat a pak přestat dělat něco, i když existují výjimky, které.
Někdy je to jen "vložení zalomení řádku tady," například.
A my jsme viděli příklady tohoto druhého dne, mezi tučným obkladem,
řádků, a pak pár dalších značek.
Takže HTML je jazyk, ve kterém jsou napsány webové stránky.
Takže když jdu na něco, jako je Google.com
a vytáhnout jen jejich domovskou stránku,
Připomínám, že pokud klepnete pravým tlačítkem, nebo regulace kliknutím
a podívejte se na zdroje Zobrazit stránku, obvykle
je to kompletní nepořádek v těchto dnech pod kapotou, ale to je proto, že
počítače nezajímá mezerou, takže to nemusí vypadat pěkně.
Ale když se přiblížíte na částech to,
Všimněte si, že Chrome, jen být milá, má barevně odlišeny věci.
Opravdu, toto je první značka, která jsme viděli na webové stránce.
A opět, HTML 5, nejnovější verze tohoto jazyka,
nemá tuto věc na začátku,
<! DOCTYPE html, ať už malými i velkými písmeny,
ale to je jen druh normy, která říká, hej svět, přichází soubor HTML ve verzi 5.
>> Zajímavá část začíná zde. Takže <html, a pak tam byly dvě děti
z HTML elementů naposledy.
Jaké byly ty dva hlavní děti?
Hlava a tělo, stejně jako chlap s tetováním před chvílí.
Existují dva části webové stránky, hlavy a těla,
a odvolání, pak, že snad nejjednodušší webovou stránku, kterou by mohl vypadat takto.
A já jsem odsazena to jen proto, aby bylo docela čisté a uklizené s mým kódem,
ale to, co je opravdu důležité, je to, že tam je nějaká hierarchie k tomu.
A každý tag, že jsem otevřel jsem zavřené a že je proto tato symetrie
ke všem značky, které jsem vytvořil.
Takže naposledy, když jsme začali psát webové stránky na vlastní laptop.
Otevřela jsem editace textu, zachránil jsem soubor jako hello.html,
Pak jsem vytáhl soubor na mém prohlížeči, a voila, měl jsem stránky na internetu.
Nyní, to není tak docela pravda, měla jsem stránku, na mém pevném disku,
a já jsem byl doslova jediný člověk na světě, který by viděl, že webovou stránku v prohlížeči.
>> Takže dnes jsme se zavést skutečný webový server
a pojem skutečně poskytování obsahu na internetu
a jak to všechno začíná do sebe zapadat.
Takže se ukázalo, že celou tu dobu v CS50 spotřebiče
jste měli webový server na vašem počítači.
Jsme, ve spravedlnost, pouze použil pro gedit, pro Clang, pro GDB a podobně,
ale také instalovat nás pro vás v přístroji webový server,
a že webový server se stane být volný, open source,
jeden z nejoblíbenějších na světě, tzv. Apache.
Jeho další technický název je httpd, d je pro démona tady,
který je technický výraz pro server.
Takže nainstalován v CS50 spotřebiče je webový server, a co to znamená?
No, webový server, je pojmově, někteří server na internetu, které slouží až webový obsah.
Když byli požádáni o soubor, to vyplivne HTML, které skládají tento soubor, a voila.
Vidíte nějaké webové stránky domovskou stránku.
Ale server je, přesněji, kus softwaru.
To nemusí být na fyzickém stroji, to prostě musí být kus softwaru běží.
Takže CS50 spotřebič, samozřejmě, je kus softwaru
i když je to trochu předstírat, že je stroj.
Je to předstírat, že počítač uvnitř počítače,
ale to jen znamená, že zařízení může jistě běžet věci jako webové servery.
To může skutečně spustit e-mailové servery.
Mohli bychom spustit instant messaging server v přístroji, pokud bychom chtěli,
a opravdu, my spustit jeden jiný typ serveru, známý jako databázový server, MySQL.
Ale o tom až příští týden.
To znamená, že mohu skutečně navštívit webové stránky
uvnitř mé spotřebiče pomocí prohlížeče uvnitř zařízení
nebo dokonce na mém vlastním notebooku, můj Mac nebo moje PC.
Takže co to znamená? Ukazuje se, že pokaždé, když používáte Linux počítač,
Jeho přezdívka je "místního hostitele."
To nemá název domény, protože jsme nekoupili název domény
něco jako zařízení, tak jeho výchozí název je místní hostitel.
>> Aby však bylo možné získat přístroj začít zobrazovat až webových stránek,
musíme vytvořit jako první.
Tak pojďme na to. Nech mě jít do terminálu zde
a všimněte si, že jsem na své typické John Harvard řádku.
Nech mě jít napřed a typ LS, a uvidíme nějaké známé věci z tohoto semestru,
desktop, stahování, dropbox a tak dále,
ale teď začneme otáčet naši pozornost na pár.
Na mnoha linuxových webových serverech tam je to složka s názvem public html,
ale budeme přeskočit, že jeden pro teď a zaměřit se na to, vhostů.
Každý, kdo vědí, co vhost je?
Jen hloupý žargon pro virtuální hostitele,
a co to znamená, že na typické serveru
můžete skutečně hostit více webových stránek.
Můžete si koupit název domény, jako je foo.com, a můžete hostovat na serveru.
Ale můžete si také koupit bar.com a hostovat na stejném serveru.
Důvodem je, že prohlížeče jsou dost chytří na to, aby informoval serveru
pokud uživatel požaduje nějaké webové stránky, jak název domény uživatel chce na domovské.
Takže to, co je hezké o tom se nemusíte jednom fyzickém serveru
nebo jeden CS50 zařízení pro každý web, budete chtít vytvořit.
Můžete použít stejný server a rozvíjet sto různých webových stránek.
A skutečně, pokud jste osoba snaží na začátek stránky,
ať už pro zábavu, nebo pro podnikání, obvykle budete chodit na internetu,
a budete platit někdo deset babek měsíčně, sto dolarů měsíčně
hostit vaše webové stránky pro vás.
A způsob, jakým funguje, je, že se nabíjejí ostatní lidi
deset babek měsíčně nebo sto dolarů měsíčně
hostit webové stránky jiných lidí na jejich stejném serveru.
Důvodem mohou udělat, je kvůli této vlastnosti zvané bhosts,
ale o tom více, když přijde čas na závěrečných prací.
>> Pro tuto chvíli, pojďme ponořit tam. Takže cd vhosts, a když jsem typ LS nyní,
Všimněte si, že je tu složku tam volal místního hostitele.
To proto, že ve výchozím nastavení, spotřebič údaje
jste někdy bude provozovat jednu stránku na zařízení.
To není opravdu skutečný svět, to není real-world web server.
Tak nech mě jít do místního hostitele, a teď uvidíme se tam
jeden poslední adresář nazvaný HTML.
Takže je to trochu hluboko, hierarchie, ale pokud a až
jste se rozhodli začít rozvíjet více webových stránek v průběhu příštích měsíců nebo roků n,
tento druh struktury složek má tendenci být užitečné.
Teď pojďme do HTML, jak jsem právě udělal,
typ ls, a nic je tam.
Takže teď pojďme do toho a udělat to. Dovolte mi, abych otevřít Chrome
uvnitř spotřebiče, a nechte mě jít http://localhost.
Takže doslova jméno pro mé zařízení, zadejte, a já si index /.
To není opravdu mi ukázal něco zajímavého,
ale ukázalo se, že to, co vidíme, je, že složka, HTML.
Na tom není nic uvnitř této složky právě teď,
takže místo, co budu muset udělat, je nejprve vytvořit soubor.
Vytvořit soubor HTML jako jsme to udělali v pondělí, ale tentokrát dát uvnitř spotřebiče.
Pro ty z vás, kteří se snaží sledovat spolu s notebooky nyní,
dovolte mi, abych proveďte jednu stranou, která bude spadat do webové PSet,
ale aby si to do práce za velmi poprvé,
budete muset spustit tento příkaz: sudo service httpd startu.
A to, opět se bude opakovat v posledním Pset,
ale pokud hrajete spolu doma teď, webový server
vypnutí v zařízení, a to tak, že není mízy paměť RAM
a paměť pro 7 týdnů out of semestru, kdy nepotřebujeme ji.
Takže budete muset spustit tento příkaz jednou, a budete mít výstup takového.
Pak byste měli být schopni hrát tudy.
Nyní se vraťme do této složky.
Tato složka je prázdná, tak mi dovolte začít vytvářet soubor,
gedit hello.html.
>> Dobrá. Gedit je otevřený, jako obvykle. Dovolte mi, abych to doctype, html,
html, dovolte mi, abych před sebe a začít zavřela značky předem.
Teď mám hlavu. Nech mě jít dál a zavřete hlavu,
dovolte mi, abych nyní udělat název stránky, hello world jako minule,
zavřít titul, teď mi dovolte to tělo.
V tu řeknu ahoj, svět s některými exclams
aby bylo jasné, že je to jiný řetězec.
Zavřít tělo, a teď mi dovolte pokračovat a soubor uložte.
Nechte mě jít zpátky do mého terminálovém okně, a když jsem typ LS,
Měl bych, pravděpodobně, viz hello.html. A já.
Takže teď se vraťme k mému prohlížeči, klepněte na tlačítko znovu,
a můžete vidět, že jsou opravdu v této HTML složky.
Nevidím na webovou stránku ještě, to je Apache, webový server,
jen ukazovat mi seznam obsah tohoto adresáře.
Stejně jako Mac OS nebo Windows by obvykle na vašem vlastním místním pevném disku.
Takže když chci vidět tuto webovou stránku, mohu klikněte na tento malý odkaz zde, hello.html,
a opravdu, to je to, co jsem očekával, že uvidí.
Nyní, opět, to není URL, že každý z vás může navštívit právě teď,
protože pro tebe, místní hostitel, pokud máte notebook tady,
to se odkazuje na vlastní instanci spotřebiče.
To je na mé vlastní osobní zařízení,
ale toto je druh němý pro mě mít, mít
uživatel jako já klikněte na hello.html skutečně vidět obsah této stránky.
Ukazuje se, že webové servery jako Apache ať máte výchozí soubor pro libovolný webový server.
Všimněte si, máme hello.html.
Co je příkaz v Linuxu přejmenovat soubor?
>> MV, k nastěhování. Tak nech mě to udělat, že,
a dovolte mi, abych přejmenovat hello.html na index.html.
Dovolte mi, abych typ LS potvrdit, že to teď byl přejmenován.
Nyní to bude - pokud se vrátím k místnímu hostiteli,
všimnout, teď, že jsem automaticky viděl, že webové stránky.
To je totožný s mým skutečně dělá / index.html,
ale pěkná věc nyní je, že webový server je přemýšlením,
oh, pokud máte soubor, který, lidskými konvencemi, se nazývá index.html,
dovolte mi ukázat, že je soubor ve výchozím nastavení
spíše než nějaký hloupý výpisu adresáře, který není vůbec uživatelsky příjemný.
Opravdu, většina internetových stránek, které navštívíte na internetu nemají seznam souborů kliknout na,
oni vám ukázat obsah. Tak to je, jak se nám to podaří, index.html.
Takže je to všechno legrace a dobré, ale to je docela jednoduchá webová stránka.
Nech mě jít dál a otevřít soubor index.html v mých vhostů,
pocítacu v lokální síti, html adresář, a pojďme přidat něco většího zájmu.
Takže je tu hello world, pojďme místo říkají "To je CS50, Harvard College je. . . "
Takže na začátku popisu předmětu katalogu nějakého druhu tam.
Nyní, když jsem znovu, měl bych to vidět v mé domovské stránce.
Dobře, a já vidím, že, ale předpokládejme, že chci, aby se seznam některých více obsahu v tomto souboru.
Mohl bych jít sem dolů a říkají, předpoklady none,
ačkoli někteří z vás se možná líbilo, "Ha ha ha, žádné požadavky."
Ale - oficiálně. Takže znovu, a nyní máme stejný vtípek, že jsme viděli minule.
Ale proč je to? Byla to jednoduchá oprava.
Proč je tato stránka rozbité?
[Student, nesrozumitelné] >> Jo, jsme vyřešili to předtím
tím, že explicitně říkat prohlížeči vložení zalomení řádku zde. "
A to proto, že opět, prohlížeč to jen bude dělat
výslovně neuvádí, které značkovací jazyk říká, že k tomu,
takže i když jste mohl zasáhnout zadejte jednou nebo dvakrát nebo dokonce desetkrát,
bude to spojit, že všichni do jednoho prostoru, jen konvencí.
Takže pokud opravdu chcete zalomení řádku, musíte použít tag br,
a teď oznámení, stejně jako pondělí jsem dal / uvnitř tohoto tagu,
jen proto, že to prostě není ono
kdo zalomení řádku a poté zastavte jej nic mezi tím.
>> Takže konvence v HTML je otevřít a zavřít tag současně.
Jak stranou, uvidíte spoustu webových stránek v knihách nedělá, že.
Je správné dělat nebo nedělat to, ale my bychom tvrdit,
že design-moudrý a stylisticky, to je prostě lepší
protože pak každý tag je jak otevírat a zavírat nějak.
Tak teď pojďme zachránit a znovu. Vraťte se zpět do prohlížeče, jo.
Teď děláme nějaký pokrok, ale není to dost.
Pojďme dál a začít psát v nějakém delším část textu.
Takže řekněme, "quick brown fox skáče přes líného psa."
A teď mi dovolte stačí zkopírovat a vložit tento několikrát
takže máme odstavec textu.
Nech mě jít zpátky sem. Takže to nevypadá moc dobře.
Mám zalomení řádku, takže je to v pořádku,
ale teď, jakmile se dostáváme k té míry, že webovou stránku
, který má spoustu obsahu a ne jen jednotlivé řádky, kterými prokáží, HTML,
můžeme začít přemýšlet o těchto věcech jako skutečné odstavců.
A můžeme začít strukturovat naše webové stránky trochu čistěji.
A skutečně, co mohu udělat, je jít tady uvnitř mého těla tagu,
a víte co, kdyby "To je CS50. . . " Opravdu demarks začátek odstavce,
dobře, pojďme označit jej jako takový.
Dovolte mi, abych odsazení textu, jen konvencí, dovolte mi říci,
že tento odstavec zde končí,
a pak spíše než dělat to konec řádku, dovolte mi říci,
, že tato tam patří a jako nový odstavec,
a já jen rychle odrážka jen o přepisování všechny tyto věci.
>> Takže teď máme odsazení tam,
a nyní naše značky začíná být trochu více
sémanticky v souladu s tím, co se snažíme dělat.
Máme bod, takže řekněme, že bod s tagem p.
Máme druhý odstavec, tak řekněme, že bod s tagem p.
A teď, co prohlížeč typicky dělat
je stejně jako v anglické knize nebo esej,
kde se obvykle vidět některé řádků mezi odstavci.
Prohlížeče bude to pro vás automaticky.
Takže teď máme dva body a můžeme pokračovat v tomto.
Ale, samozřejmě, na webu, když máte těla textu
není to obvykle jen velké kuličky textu.
Tam jsou často hypertextové odkazy tam.
Takže pokud chceme, například, obsahovat některé odkazy tam,
Předpokládám, že to, co by mohlo být zajímavé v jakékoli webové stránky jsem vytvořit zde -
nechte mě jít na Google.com,
a dovolte mi, abych vyhledat quick brown fox.
Přejít na Google obrázků, a, jak o tom - to je roztomilé.
Půjdeme s tím. Takže zde máme quick brown fox skákání přes líného psa.
Takže, co budu dělat tady, jen kvůli demonstraci,
Předpokládám, že je tento obraz byl na mém serveru,
a já jsem byl vytvoření těchto snímků.
Co jsem právě udělal, bylo pravým klepnutím nebo kontrolovat klikněte na obrázek,
a to, co uvidíte ve většině prohlížečů je trochu menu -
přestaň s tím, že - trochu menu, které vám umožní vybrat si Kopírovat adresu odkazu nebo Kopírovat adresu URL.
Tak nech mě jít zpátky do mého HTML, a předpokládejme, že chci
na příkaz Hypertextový odkaz tohoto na jinou webovou stránku.
>> Jaký byl tag volal, že?
[Student, nesrozumitelné] >> Jo. Takže href pro hyper odkaz.
Nech mě jít dopředu a vložte že dovnitř
Je to docela dlouhá URL, tak mi dovolte přiblížit zpět.
Zavřít držáky, takže teď nevšiml jsem cestu sem
proto, že URL se stalo, že je docela dlouhá.
Dovolte mi, abych projděte odtud až do konce roku quick brown fox,
a pak mě zavřete tuto značku s </ a,
kde jsem jen zavřel jméno tagu.
Nyní mi dovolte pokračovat a kromě toho, že soubor, načíst webovou stránku,
a nyní, ve výchozím nastavení, že to bude třeba zdůraznit modře pro mě,
ale opravdu, mohu nyní klikněte na tento a je to. Tam je to image.
A to neměl být obrázek, mohla spojené
na nějakou jinou náhodné webové stránky na Internetu.
Mohl bych to, například, s CS50, tak jeden poslední příklad zde.
"To je CS50" mohlo mít smysl jít, href =
http://www.cs50.net, úzkým citace, úzkým kotva.
Takže teď, že to ještě kratší URL, a tentokrát nebudeme se na takový obrázek odkaz.
Jsme místo bude odkaz na jinou stránku.
Nyní máme obrázek zde.
Mám pocit, že to můžeme udělat trochu lépe než jen propojení na obrázek.
Co když budeme chtít, aby skutečně ztělesňují v našem vlastním webové stránky?
>> No, co se dá udělat je, spíše než odkaz na tuto grafiku,
dovolte mi, abych místo toho snížit URL, a budeme se zbavit tohoto odkazu a vyčistěte toto nahoru.
A půjdeme dolů a zbavit tohoto.
Nemáme opravdu potřebujete všechny tyto věty, takže mi dovolte zkrátit stránku trochu.
A pak tady dole, nechte mě jít napřed v novém odstavci,
říct, že jsem si to chcete text teď, chci si obraz, jehož zdrojem bude, že URL.
Obrázek, jako konec řádku, je buď tam, nebo to není.
Tak ať mi okamžitě ukončit tuto značku.
Nech mě jít napřed nyní a zavřete odstavec, že ​​jsem uvnitř,
a pokud vše půjde dobře s hello, world, když jsem znovu teď,
I, opravdu, viz obrázek vpravo uvnitř mé vlastní webové stránky obrázek.
Takže teď máme značku obrázku, kotevní značku a podobně,
a pro dobrou míru, nech mě to udělat ještě jednu věc, která je často opomíjena
na webových stránkách v těchto dnech: Pojďme poskytnout určité popisný text k tomuto obrázku
pro lidi, kteří jsou na mobilním zařízení
a proto nemusí být schopen stáhnout obrázek velmi rychle,
pro lidi, kteří jsou slepí a nemusí být schopni vidět obraz
ale oni by mohli mít čtečku obrazovky, který může říct, je to, co tento obrázek je.
A k tomu, že tam je další atribut pro image značky
volal alt, pro alternativní text.
A co se dá dělat, je zde říci: "Toto je quick brown fox."
Takže i když člověk nemůže vidět obraz na obrazovce,
on nebo ona může alespoň slyšet, jak s nějakým kusem softwaru,
co vlastně je tam na obrazovce.
>> To se nezmění estetiku stránky,
ale to je jistě dobrá praxe pro uživatele.
Dobře, nechme tuto webovou stránku ve své současné podobě,
ale uvidíme, jestli nemůžeme nyní představuje
nějaký lepší přístupy k psaní těchto webových stránek,
Některé lekce, které se chystáte, aby nám sloužili stejně jako naše stránky stále více a více složitější.
Co my nebudeme dělat v průběhu příštích několika týdnů
je vás provede všemi několika desítek značek HTML, které tam jsou.
Stejně jako v začátku v roce týdnu 0, to asi bude stačit
aby na vysoké úrovni přehled některých pojmů,
rychlé prohlídka některých bloky, které byly pravděpodobně schopné,
pěkný pohodlně, přejděte na vlastní pěst, různé skládačky.
A že se to stane znovu v HTML, s největší pravděpodobností,
kdy tu dostatek zdrojů na webu, že budeme ukazovat vás na,
různé učebnice, pokud dáváte přednost přečíst učebnici,
že vás provede všemi různé věci, které můžete udělat s HTML,
ale opravdu, viděli jsme tak daleko v HTML většině základních pojmů.
Máme představu tagů bude otevřen, v zavřené tagy.
Některé značky, které jsou oba otevřené a uzavřené
v tom smyslu, že jsou prázdné, tam by měla být nic uvnitř nich
jako obrazu značky nebo konec řádku, které jsou právě tam.
Také jsme se podívali už na pojmu atributu, jako alt nebo zdroje.
Všimněte si, že tato slova mají tendenci, podle konvence, být krátký a stručné.
>> Nemáme prostor pro uvážení o tom, co tyto věci jsou povoláni,
někdo jiný, kdo vynalezl HTML přišel s těmito jmény.
Takže stačí začít vědět, nebo vyhledat, kdykoli je potřebujete,
jaké názvy jsou pro tyto tagy a atributy.
V případě těchto vlastností, připisuje obecně
změnit chování některých tagu.
V tomto případě, je zdrojem atribut říká značku obrázku
Co je zdrojem obrazu by měly být.
Atribut href říká kotevní tag to, co by měl vlastně být propojení na.
Ale pokud jde o strukturu webové stránky, i když Facebook
a Google a jako vypadat jako úplný nepořádek
pod pokličku na první pohled, pokud začnete číst přes to
více metodicky, všichni následovat tento základní, základní strukturu.
Ale můžeme zlepšit stylizaci těchto věcí.
Tak nech mě jít na některé příklady, které jsem předem připravených.
Nech mě jít napřed a zkopírujte je z jiné složky zde
a dát je do tohoto adresáře.
V předstihu, co jsem udělal, bylo připravit několik souborů:
search0, search1, search2, a search3 a 4.
Nech mě jít dopředu a otevřít první z těchto souborů,
a uvidíme, jestli nemůžeme začít vytvářet vlastní vyhledávač.
V horní části tohoto souboru, jako je tomu v případě obvykle ve třídě, jen banda komentáře.
V HTML, i když, prostředky, které kdo komentář
je <-! a pak jsi uvnitř komentář, multi-line komentář.
Když jste připraveni zastavit ten komentář, můžete tak učinit ->.
Takže všechno, co na vrcholu v modré barvě je jen komentář.
>> To je můj deklarace DOCTYPE, která opět,
stačí zkopírovat a vložit na víře, pro teď.
To jen řekne prohlížeči, Here Comes některé HTML 5. "
Pod tímto, na řádku 14, je první z mých skutečných značek,
a to jen říká, jako dříve, přichází nějaký HTML,
Zde přichází hlavu mé stránky, zde přichází titul,
a pak, naopak, že je to o titul, tak je to na hlavu.
Zde nyní přichází tělo mé straně.
Takže pár nových značek nyní: h1 je zkratka pro okruh 1.
Tam je tradice v HTML pro mnoho let zpět
mít různé velikosti textu.
A zpět v den, každý z nich znamená, obecně, jen velké a tučné.
Ale je tu také h2, což je velká, ale ne tak velký a odvážný.
Je tu h3, který je tak trochu velká, ale není zdaleka tak velký a odvážný,
a tak dále, celou cestu až do h6.
V těchto dnech, i když jsou h1, h2 a h3 opravdu na mysli
mít více sémantický význam pro ně,
přičemž h1 je opravdu nadpis: záhlaví webové stránky,
záhlaví sloupce nebo něco podobného textu.
Tak jsem schválně řekl h1 CS50 Vyhledávání> h1
na specifikujte, že to je opravdu čísla, název mé straně.
Není názvu v tom smyslu, záhlaví,
ale titul, který jste skutečně vidět v samotné webové stránky, v těle.
Nyní to můžete asi tušíte, co to je,
i když máme pár nových kousků syntaxe.
Jedná se o formu. Takže web opravdu začíná být zajímavé
když webové stránky se vstup od uživatele.
V této třídy, v problému nastaveným na programování webových,
nebudeme dělat webové stránky, sama o sobě,
se statickým obsahem, který ukazuje fotografie, které jste přijata,
nebo je to můj životopis, a věci, o mně,
protože ty věci jsou relativně snadné dát dohromady.
Je těžké, aby se věci krásné na webu,
ale alespoň uvedení do obsahu je docela triviální.
Ale věci se opravdu zajímavé, když někdo může navštívit vaše webové stránky
a poskytnout vstupní a mohou vyplňovat formuláře,
může zaškrtnout políčka a může komunikovat s vaší webové stránky.
A skutečně, asi každý web na kterých vám záleží
v těchto dnech, v každém detailu, je nějak interaktivní.
Facebook, Google a podobně, že se vstup uživatele
a produkovat vlastní výstup.
>> Tak začněme k tomu, že teď. Pojďme Přechod nyní
z jen pomocí HTML pro značky statického obsahu
jako místo dodání mechanismus pro dynamický obsah.
A k tomuto účelu, pojďme zavést vlastní vyhledávač.
Pojďme to udělat takto. Zde je formulář tag.
Akční atribut určuje, že když uživatel vyplňuje tento formulář
s jejich klávesnicí, bude předložena na tuto adresu URL zde.
Takže jsem trochu podvádění. Bude to trvat nás trochu déle
než jeden druh provedení celé vyhledávač,
takže prostě budeme dělat front-end, abych tak řekl.
Uděláme tu část, která uživateli umožňuje vyhledávání, a budeme tak nějak pramice na Google
Nejtěžší najít výsledky vyhledávání,
ale konkrétně, budu mluvit na webový server společnosti Google
pomocí jedné z dvou velmi populárních metod.
Jeden se dostat, další, že budeme nakonec vidět, že pošta,
ačkoli tam jsou jiní, že jsou méně často používané.
Tak se prostě vyvolává představu, já se chci dostat nějaký obsah, získat nějaké výsledky vyhledávání.
To, můžete snad hádat, co to dělá.
To je nějaký vstup, je to ve skutečnosti, bude vypadat jako textové pole,
a název tohoto vstupu, jméno té proměnné, abych tak řekl,
se bude q na dotaz konvencí.
A opět, typ tohoto vstupu se nebude políčko;
to nebude menu; to bude textové pole
jak označil tento atribut zde, a tohoto textového pole,
jako konec řádku, je buď tam, nebo ne.
Takže máme prázdný element s lomítkem uvnitř tohoto tagu.
Pak jdu dát zalomení řádku, a můžete, možná, asi, co to bude dělat.
To je jiný druh formuláře vstupu.
>> Tahle bude použit pro odeslání formuláře.
Tak to bude velký tlačítko, které může uživatel klepnout odeslat formulář,
a štítek na toto tlačítko bude "CS50 hledat."
Zavřít formulář, úzkým tělo, úzkým HTML.
Pojďme se podívat, co máme ve formě této webové stránce.
Tak nech mě jít do svého prohlížeče,
nech mě jít, ještě k místní hostitele.
To je stále index.html, takže pokud chci vidět tento soubor s názvem search0,
Já si prostě udělat / search0.html, zadejte -
a první z mých chyb.
Co se děje? Jasně jsem Nemáte oprávnění
přístup k tomuto souboru, z nějakého důvodu.
Ale to je proto, že na rozdíl od práce, kterou jsme udělali tak daleko v C,
kde jsou programy, které napsat Předpokládá se, že runable vámi,
vámi spustitelný, že to není opravdu tak na webu,
, kterým se někdy budete chtít vytvořit soubory na serveru,
ale nechcete celý svět, aby mohli vidět.
Spíše, chcete, aby se svět vidět některé soubory
ale ne jiní, jen kvůli Ochrana osobních údajů na.
Takže je to spíš opt-in základě když děláte věci na webu.
A tak mi dovolte vlastně napište ls zde,
a uvidíte soubory, které mám, ale připomenout, že když to udělám ls-l pro dlouhé,
Seženu delší záznam, který mi dává nějaké další informace o těchto souborech
které jsou nyní, opravdu, poprvé relevantními pro nás.
Všimněte si, že na pravé jsou jména mých souborů,
a pak čas, kdy byly naposledy změněny nebo kopírovat.
Toto číslo je zde to, co? Vzpomínáte si?
Velikost v bajtech, jak velký soubor.
>> Tak se mi zdá, mít nějaký loga v tu, která je větší než všechny ostatní soubory.
To je, kdo jsem, to je to, co jsem a co skupina jsem dovnitř
Ale pak, tady vlevo je trochu mystické pořadí,
a mluvili jsme, myslím, stručně o tom v minulosti,
ale to má co do činění s oprávněními.
A i když je to trochu nejasné,
RW pravděpodobně znamená, čtení a zápis.
Tak to dopadá, že tyto pomlčky označují různé sady oprávnění pro různé lidi.
A vzor je, v podstatě, následujícím způsobem.
Když vidíte posloupnost čárek zde, vypadají takto.
Tam je pomlčka, pak je tu další tři pomlčky,
pak je tu další tři, pak je tu další tři.
První z nich je buď pomlčka, nebo je to reklama na adresář.
Tak že jeden je docela snadné. Pokud je to složka, říká d, jinak je to pomlčka.
Je tu pár dalších případech, ale teď prostě budeme starat o souborech a adresářích.
Tyto další tři pomlčky - a já jsem uměle vkládá mezery.
Byli samozřejmě, ne tam, když jsme je viděli před chvílí.
Jedná se o vlastníka souboru je oprávnění,
a odvolává z druhé dávno, že to bylo čtení a zápis.
To bylo proto, že já, jako osoba, která vytvořila tento soubor před chvílí,
I jen tím, že ve výchozím nastavení, v počítači se systémem Linux,
mají schopnost pokračovat ve čtení a psaní, že soubor.
>> Takže operační systém prostě mi dává RW automaticky.
Prostřední z nich se vztahují k mé skupině, že studentů,
což je druh smysl na přístroji, protože jsem jediný člověk, používání spotřebiče.
Takže mi dovolte mávat rukama na to pro tuto chvíli.
Ale ty poslední jsou nejdůležitější pro web.
To je každý jinde na světě, a skutečnost,
, že je to --- znamená, že nikdo jiný na světě
má nějaké oprávnění k tomuto souboru.
Je zřejmé problém, tak musím opravit
by nějak dávat světu, co? Číst a psát?
To je asi hloupé, ne? Já nechci, aby někdo na webu
jít navštívit mé stránky a nějak změnit tento soubor,
i když opravdu nemohli s HTML souboru,
ale jen v zásadě, pravděpodobně jen chci, aby byli schopni číst.
Co to znamená číst? To neznamená, že budeš se starat o skutečné HTML,
ale prohlížeč musí být schopen analyzovat tento značkovací jazyk,
shora dolů, zleva doprava.
Takže někdo na webu musí být schopen číst, tak jsem minimálně dát jí r.
Udělám to v několika různými způsoby, ale snad
nejjednodušší je spustit tento příkaz zde.
Chmod, změna režimu, pak + r, takže všechny, všichni na světě + číst,
a pak název souboru, search0.html.
>> Nyní, když jsem to ls-l znovu, zjistíte, že soubor byl změněn,
a opravdu, jsem se obrátil na r pro každého.
Také jsem zapnul ji za svou skupinu, ale to je v pořádku,
, protože když jsem se obrátil v na pro každého, moje skupina je podmnožinou toho.
Tak to je taky v pohodě. To prostě znamená, že počítač nyní dělal to čitelné.
Nyní mi dovolte vrátit se k mému prohlížeči, klepněte na tlačítko znovu.
Ah-ha. V současné době máme CS50 Hledat.
Jsem přiblížení v malém uměle - dost příšernou vyhledávače.
Ale uvidíme, jestli to skutečně funguje.
Nejprve mi dovolte, abych to rychle zdravý rozum kontrolu, dovolte mi, abych ovládat tlačítkem myši a zobrazit zdrojový kód stránky.
Všimněte si, že v rámci Chrome jsme dnes svědky stejné HTML, který jsem sám vytvořil.
Nenechte se zmást tady, ačkoli. Nemohu začít se změnou kód zde,
protože prohlížeč má jen pro čtení pohled na tohoto kódu.
V prohlížeči se jen ptal místního hostitele pro soubor s názvem search0.html.
Nyní je čistá náhoda, že spotřebič
se stane, že na stejném počítači jako svém prohlížeči.
Mohl bych mít, equivalently, zadali v www.facebook.com/search0.html,
a pokud Facebook měl soubor s názvem, který bych pak vidět jejich HTML.
A, samozřejmě, nemohu změnit soubor, který se vrátí z Facebooku, a to buď.
Takže teď jsme trochu rozostřování hranic.
Přístroj je jak server, servírují stránky,
ale je to také klient v tom smyslu, že jsem pomocí prohlížeče
se skutečně mluvit k tomuto serveru.
Tak uvidíme, jestli můj Google search engine funguje.
Nech mě jít dopředu a hledat quick brown fox, zadejte.
A voila, mám teď svůj vlastní vyhledávač.
>> Ale jak to funguje?
Trochu přitažené za vlasy, ale - a teď nemůžete vidět, přesně, část, která je v zájmu.
Všimněte si, co se stane.
Všimněte si, že URL. Ukazuje se, že tato metoda,
volal dostat, je super-jednoduchý.
Když zadáte do formuláře, který chcete "dostat" výsledky z nějakého serveru,
co to bude dělat, je vzít, co jste zadali do formuláře
a vložte jej do URL.
Bude to pro standardizaci, jak dostane to dát do URL takto.
Všimněte si, že toto je URL, která byla hodnota mého atributu action.
To je, kde jsem chtěl forma skončit.
Ale pak zaznamenáte tento otazník.
Toto je smlouva o webu, kterým poskytnout vstup uživatele
na webové stránky, můžete přidat do URL otazník,
a pak máte spoustu párů klíč-hodnota.
Název klíče, jinak známý jako parametr na webu,
pak máte rovnítko, pak máte hodnotu tohoto parametru.
Takže je to v podstatě název proměnné a hodnota proměnné,
ale ty proměnné názvy a hodnoty pochází z HTML formuláře.
Proč jsou plusy tam, myslíš?
Protože jsem neměl psát + mezi mými slovy.
[Student, nesrozumitelným]
>> Jo, je to jen pro rozteče. Kurzy jsou, když jste viděli URL,
tam nikdy žádné mezery v tom, i kdyby jen proto, že
jestliže tam byly, nemohli jste opravdu zkopírovat a vložit
do infrastruktury nebo do e-mailu, protože to by porušilo.
Chcete-celá věc být jeden souvislý řetězec znaků.
>> Takže prohlížeč je dost chytrý, aby si uvědomit, uh-uh.
Nepoužívejte jen dát prostor tam. Dovolte mi, abych kódovat prostor v nějaké standardním způsobem.
Jeden z konvencí na tom je, že má prohlížeč
automaticky umístí +, kde byste jinak mezeru.
Takže teď, upozornění Google byl trochu user-friendly.
Určitě jsem vytvořit tuto webovou stránku,
ale oni předem vyplněna vlastní textové pole
s tím, co, přesně, jsem napsal dovnitř
Dejme tomu, že chcete vyhledávat něco jiného, ​​jako líného psa.
Můžu jen napsat to tady, re-search.
Všimněte si, že URL změní tady,
ale všimněte si pak, že jsem si skutečně hledat cokoliv chci
jen tím, že pochopení toho, jak adresy URL práci.
Já jsem mohl dělat línou kočku, zadejte,
a všimněte si, teď jsem stále velmi líný - měli bychom? Mám pocit, že bychom měli.
Mám velmi líný kočku.
Dobrá. To je jeden z nejhloupější věcí, které jsme udělali.
Ale to je líný kocour.
Tak či onak, co je klíčem takeaway tady?
Teď jsme trochu hrát ve světě HTTP.
HTML je právě tento značkovací jazyk, open tag, zavřít tag,
která vypráví prohlížeč, jak vykreslení obsahu na webové stránce.
Ale když začnete přenášet data v internetu
mezi webovým prohlížečem a serverem, že je-li tento protokol
známý jako HyperText Transfer Protocol převezme.
To je ten druh člověka úmluvy; když Sam a já si potřásli rukama v pondělí,
výchozí připojení a pak zavření připojení, stejný nápad sem.
Jak se na Google výsledky vrátí ke mně?
Jak se moje forma podání bude Google?
No, vzpomínám z druhý den, že to, co se opravdu děje
pod pokličku, když požádat o webové stránky, je,
Váš prohlížeč posílá poněkud záhadný, zprávu jako
GET / HTTP/1.1 pro výchozí domovskou stránku.
>> Nebo, v tomto případě, protože zejména požadováno dříve
search0.html, to by pak bylo něco, mystické zprávu
že můj prohlížeč posílá spotřebiče.
Nebo, v tomto případě Google, co se vlastně poslán
je požadavek na / vyhledávání, a pak? q = líný kočka, s navíc tam.
Takže tato zpráva, že já, člověk, jsem nikdy psát,
ale potom je poslán do prohlížeče, je to, jak HTTP stane.
To je ekvivalentní našich mít potřásl rukou.
To je požadavek, a server to asi poslat odpověď.
Takže pojďme se podívat na to pod kapotou.
Stejně jako dříve, můžeme otevřít tuto speciální pole v prohlížeči.
Zobrazit stránku, zkontrolujte prvky.
Takže podle prohlédnout prvek, zjistíte, že to, co se stalo v prohlížeči Chrome,
a IE a Firefox mají podobné mechanismy,
máme tyto nástroje pro vývojáře, které jsou přístupné na nás.
Normální lidé nemají používat tyto karty.
Ale my, teď, zajímá, co se děje
pod pokličku na úrovni sítě.
Takže pokud jsem vytáhnout síťovou úroveň tady,
nech mě jít napřed a rozšířit toto okno,
otevřít tuto položku zde, a podívejte se na záhlaví.
Takže co se stane, když jsem požádat o soubor z webového serveru
je můj prohlížeč posílá spoustu věcí.
A dovolte mi, abych zobrazit zdrojový kód. Takže podle hlaviček,
a to je jen Chrome a ukazoval mi nějaké diagnostické výstup,
něco jako ladicí nějakého druhu,
Všimněte si, že to, co jsem zdůraznil tady je přesně to, co
Chrome odesílá na server, aby požádalo o soubor s názvem search0.html.
To říká server, co si myslí, že jeho jméno je,
díky této oblasti hostitelského tlustého střeva, pak je tu nějaký
pěkný esoterické věci sem, jako něco, co dělat s daty a časy,
něco společného s jazyky, které prohlížeč nerozumí,
ale opravdu důležité linky jsou tyto první dvě zde.
>> Co server odpoví? No, pokud bychom přejděte sem
a zobrazit zdrojový kód této věci, zjistíte, že server
odpověděl s poněkud tajemnou zprávu stejně, 304 nemění.
To je trochu divné, dovolte mi, abych se skutečně snaží to napravit.
Dovolte mi, abych podržte stisknutou klávesu Shift a klepněte na tlačítko znovu tady
donutit prohlížeč, aby skutečně tuto žádost poprvé.
Pak mi dovolte přiblížit, a uvidíme, teď, že odezva serveru,
protože jsem držel posun, je 200 OK.
Takže jste asi nikdy neviděl číslo 200
V souvislosti s webu, ale co čísel
jste někdy viděli neočekávaně ze serveru?
404, soubor nebyl nalezen, 403, zakázána, 500, chyba serveru.
Takže tam jsou tyto číselné kódy, které svět používá na webu
znamenat chyby, stejně jako funkce C
může vrátit chyby a hlavní může vrátit návratový kód.
200, i když, můžete vidět jen zřídka, protože to znamená, je vše v pořádku.
A 304 budete pravděpodobně nikdy vidět, protože to, co je to znamenat?
Že nic nemá - uvidíme, jestli můžeme simulovat to znovu -
Oh, teď to není spolupracující. 304 řekl nemění,
tak proč byl server ještě reagovat?
No, pro efektivitu, webový server automaticky za vás,
pokud soubor nebyl změněn, nebude přenášet celý soubor HTML.
Je to jen říct, že prohlížeč se nezměnil.
Stačí použít kopii již máte.
Takže tam je to představa ukládání do mezipaměti na webu
pro výkon, takže nemusíte ztrácet čas a odpadní šířku pásma
stahování souborů znovu a znovu zbytečně.
>> But tato webová stránka, teď, byl super-jednoduchý,
a to pouze tehdy ukázal mi HTML, který se vrátila.
Pojďme vlastně používat sítě kartu nyní udělat vyhledávání na Google jako quick brown fox.
Dovolte mi, abych potom klepněte na tlačítko CS50 vyhledávání,
a teď, zjistíte v dolní zde celá parta věcí vrátil
protože když jsem navštívit skutečný webové stránky, jako Google.com,
mají obrázky, které mají textu, mají jazyk zvaný JavaScript tam.
Takže každý řádek v této tabulce dole
představuje něco, co Google plivat v reakci na můj jednu žádost.
Ten mi záleží, i když, je to první.
A když půjdu na hledání, žádost, klikněte na volbu Zobrazit zdroj zde,
Všimněte si, že, skutečně, mystické poselství, že můj prohlížeč poslal
to Google Právě tyto dvě řádky zde,
následuje nějaký tajemný informací tady dole, které budeme ignorovat nyní.
Ale upozornění, taky, co Chrome je docela šikovný s,
je to také ukazuje mi řetězec dotazu, který byl odeslán dovnitř
Takže spíše než Ukaž mi to, který byl doslova poslán,
pokud ji mohu prohlédnout dekódovány, Chrome, jen pro účely ladění,
pro vývojáře, jako jsme my, je to jen ukazuje mi fotky verze -
to není jak se to píše Fox, zřejmě.
Jen jsem si všiml, to nyní - ale je to, že vám ukazuje, co jsem, zdá se, zadali.
Mezitím, odpověď, která přišla zpět ze serveru je opět 200 OK.
Ale zahrnuty do této reakci, samozřejmě,
pokud bychom skutečně mohli HTML stránky -
líto, je to trochu klávesová zkratka pryč nakřivo dnes.
>> Postarám se o to později. Takže pokud jsme vlastně zobrazení stránky je zdroj,
které mohu dělat tady dole kliknutím odpověď,
To je to, co bylo vlastně plivat zpět, navíc k tomuto kryptické 200 OK zprávy ze serveru.
Trochu záhadné, ale kde je to všechno pochází?
No, pojďme udělat jednu věc zde. Dalším poněkud-Cryptic Command,
Ale tohle je trochu úhledné v tom, že nám ukazuje přesně to, co se děje pod kapotou.
Takže jsem zpátky na mém Macu tady, jsem připojen
prostřednictvím programu nazvaného SSH, Secure Shell, na jiném serveru
protože většina počítačů Harvardu zablokovat příkaz se chystáme spustit
protože tam je to příkaz na některých serverech nazýván traceroute
, který vám umožní sledovat trasu mezi body A a B,
a tak daleko jsme se brát zcela za samozřejmost
že mohu psát Google.com a nějak získat data zpět
z poloviny celé země nebo přes půl světa.
S traceroute můžeme skutečně ponořit se trochu hlouběji
jak funguje internet, a uvidíme, co se děje pod kapotou.
Tak pojďme do toho a libovolně sledovat trasu, řekněme, Stanford.edu,
která je po celé zemi, a stiskněte klávesu Enter.
Tento příkaz může být super-rychlý a super-pomalé,
ale to, co vidíme dnes, řádek po řádku,
je každý jeden z kroků nebo poskoků mezi námi a Palo Alto, nebo Stanfordu,
kde mají své webový server.
Takže to, co má každý z těchto řádků představují konkrétněji, i když?
Kus žargonu z internetu? [Student, nesrozumitelným]
>> Co je to? [Student, nesrozumitelným]
>> Oh, tak tam jsou časy, ale co každý řádek - co tím chci říct hop?
>> No, jsou tyto věci na internetu tzv. směrovače.
A směrovače, jak název napovídá, cesta informace z bodu a do bodu b.
Ale existuje několik bodů, mimo a a b.
Tam je c a d, e, f mezi řádku 1,
který se stane být můj počítač IP adresu,
nebo můj číselná adresa, která jedinečně identifikuje počítač,
a krok 15, což je vlastně šestý webový server,
zřejmě, které jsem vyvodil z toho, nebo verze 6 jejich webového serveru na Stanfordu.
Ale co je to druh čistý je, můžeme vidět cestu
že můj 0 a 1 je berou z mého počítače na Stanford.
Takže krok 1 vlastní počítač adresa.
Každý počítač na Internetu má jedinečný identifikátor, který vypadá takto.
Number.number.number.number.
Někde na této půdě, pravděpodobně v oblasti vědy centru,
je router nazývá jádro Brána 2-te83, ať to znamená cokoliv,
takže to je jeden z velkých Harvardu fantazie směrovače, který směruje hodně jejich provoz.
Tady je další z routerů Harvardu, tohle je Border Gateway,
přeshraniční význam, že je to pravděpodobně na okraji areálu někde.
Pak je tu nox jeden, řádek 4, který je severní křižovatky,
což je velký ISP, poskytovatel internetových služeb,
že místa jako Harvard připojit až.
Ale pak to trochu zajímavý v souladu 6.
Kde jsou moje kousky najednou? Kansas.
Svět má ve zvyku používat letištní kódy v mnoha z těchto věcí,
nebo alespoň zkratek států nebo měst,
tak to vypadá, jen v 60 ms,
balíček informací, 0 a 1 je z mého notebooku
dostal až do Kansasu, a znovu, v 60 ms.
>> Navíc, po Kansasu, vzali zájezd přes Houston, pravděpodobně,
jak vyplývá již z názvu tohoto serveru.
Takže stejně jako server na internetu, musí mít číselnou adresu,
to může také volitelně, mají mírně více člověka-friendly adresu, na kterou lidé vymysleli.
Nyní, v kroku 8, nevíme, co to je.
Někdy routery tak nějak ignorovat,
a oni prostě nemají odpovědět na otázky, takže je to v pořádku.
Jeden po kroku 8 je zřejmě kde? L.A.
Všimněte si, jen 78 ms, to, co se nám lidi, jako je 6 + hodin udělat fyzicky,
bere pakety informací na internetu 78 ms cestovat tak daleko.
Krok 10 je v LA také, a krok 11 se zdá k šli na sever, do blízkosti Stanfordu.
To je jejich hranice router, nebo hraniční směrovač.
Pár kroků na Stanfordu, které jsou ignoruji nás,
a konečně se dostáváme k webovému serveru za pouhých 87 ms.
Nyní, všechny z těchto čísel, jako stranou,
jen říct, jak dlouho to trvá, údaje se dostat ode mě
na každou z těchto směrovačů, a to nesčítají.
Co tento program je, že nejprve odešle zprávu, v podstatě na první routeru.
Pak se jeden do druhého routeru; pak jeden na třetí routeru,
měření pokaždé. Takže teoreticky, budou tyto časy se stále
nebo alespoň velmi blízko sebe,
a, opravdu, ty, které jsou tady na akademické půdě jsou super-small.
Jakmile začnete jít po celé zemi, trvá dat
trochu déle cestovat, blíže k 100 ms, dávat nebo brát.
Ale pojďme opačným směrem teď. Jak o Cambridge University ve Velké Británii?
Dovolte mi, abych místo toho použít traceroute z www.cam pro Cambridge,
. Ac pro akademické,. Uk, a stiskněte klávesu Enter zde.
To bylo zatraceně rychle.
Moje údaje doslova šel do Cambridge, Anglie, v tomto zlomku vteřiny času.
>> Tak uvidíme, na cestu, která to trvalo.
Harvard, Harvard, Harvard, Severní Crossroads,
který je ISP, a pak je severní křižovatky, a pak bum.
Co je mezi kroky 6 a 7, router 6 a 7?
Atlantský oceán. A my jsme vyvodila to z toho, že
Jdeme od 20 ms zde 80 ms zde.
Takže něco vzal 60 ms, dávat nebo brát, překonat.
A to byl pravděpodobně velký vodní útvar.
Co se děje potom? No, tady jsme v Londýně,
Jen 88 ms později. Více London, více London,
nevíte, kde to je, ale budeme předpokládat, že je to mimo Londýn,
Cambridge tady, a nakonec jsme - doslova, University of Cambridge
. Something.net, a pak, nakonec, v řádku 16,
jejich web server je zřejmě nazývá Scorpius
pod pokličku, i když víme, jako www.
Druh mysli-vyfukování, myslím. Poprvé, co jsem to udělal, to úplně mi vyrazil dech.
Bohužel, Harvard blokuje tento druh dopravy, obvykle, v síti.
Takže nemůžete dělat to super snadno.
Uvědomte si, i když, tohle je možné.
Dobrá. Pojďme vzít naši 5-minut přestávku zde. Vrátíme se a ponořit hlouběji.
Takže jsme zpátky, a my jsme trochu loudal kolem v několika různých směrech zde.
Takže pojďme shrnout, co přesně se děje.
Začali jsme rozhovor o tom mluvit jazykem volal HTML.
Opět, není programovací jazyk. Je to jen značkovací jazyk
že je z velké části o estetice a strukturování obsahu ve formě webové stránky.
Ale HTML, proto je třeba nějaký mechanismus
pro cestování mezi webovým prohlížečem a serverem.
HTML tedy druh jízd na vrcholu této jiném jazyce,
nebo více vhodně, protokol, známý jako HTTP.
>> A HTTP, jak jsme viděli doposud,
je tak trochu analogické této lidské konvence třesoucíma se rukama.
Když prohlížeč chce požádat o stránku ze serveru,
pošle, že "se" požadavek z prohlížeče na server,
a pak server odpoví číslo jako 200, je vše v pořádku,
stejně jako HTML nebo nějakou špatnou číslo jako 404, soubor nebyl nalezen.
Ale mezitím, HTTP sama o sobě není Internet sám o sobě.
HTTP je jen služba, rys internetu
podobně jako G chatu je další služba, podobně jako e-mail je další služba.
Je tu všechny druhy věcí, které můžeme udělat na internetu.
HTTP je jen jedním z těchto aplikací.
Tak na vrcholu - HTTP je v horní části něco jiného
které jsme nezmínili podle názvu, možná jste slyšeli o podle názvu, TCP / IP.
Takže příběh jsme prostě řekli, že je vše kolem
jak data cestuje z bodu a do bodu b.
A v tomto případě, jsme viděli na velmi nízké úrovni
router na router na router k routeru,
jak jsou data skutečně přenášena.
Ale po cestě, bude to zaznamenáte různé překážky.
Kromě těchto směrovačů, tam jsou věci, zvané firewall na internetu,
a tak údaje, jako například, že jsme právě vysílá
ode mě na Stanford, ode mě do Cambridge,
je poslán k, na této úrovni, něco, co nazývá IP adresu.
Viděli jsme to před chvílí, a IP adresa
je jen číselná adresa ve tvaru w.x.y.z,
kde každý z nich je mezi, dávat nebo brát, 0 a 255,
když nemůžete úplně používat všechny z těchto čísel.
Ale každý z těchto místo držáků je číslo v rozmezí od 0 do 255.
Takže IP adresy v těchto dnech je 32 bitů.
>> Nyní, že nám dává, kolik je to možné IP adresy na světě?
Zhruba 4 mld. Kč, protože kdykoliv jsme počítání v pravomoci 2
celou cestu až do 32 něčeho, že obvykle nám 4000000000.
Takže je to hodně IP adres, ale můžete si přečíst,
nebo můžete nyní zaznamenat v populárním tisku,
tlak směrem k nové verzi IP názvem IPv6.
Právě teď jsme použili verzi 4.
Tam opravdu nebyl verze 5, jsme jen skákání právo 6.
Verze 6 je bude používat 128 bitů pro adresy IP, která je podivínský obrovský.
Neměli bychom dojdou pro docela nějaký čas,
ale my jsme začali běžet z verze 4 IP adresy,
protože každý z nás má nejen věci, jako jsou notebooky a stolní počítače,
Mnoho z nás má mobilní telefony, mnoho z nás má jiná zařízení
jako TiVo a podobně, které mají IP adres sami.
Harvard sám má desítky tisíc počítačů.
Takže svět je skutečně dochází IP adres, alespoň v této podobě.
Takže v průběhu několika příštích let, budete vidět adresy
na svých vlastních počítačích pravděpodobně pomalu měnit
jak více a více společností a univerzit začne podporovat novější verzi.
Ale IP adresa není dostatečná pro připojení k počítači a požadovat data z počítače b..
Vzhledem k tomu, počítač b může být server,
a server, jak jsem již zmínil, je to hrozny věcí.
To může hostit webové stránky, může to být e-mailový server,
to může být Skype server, může to být povídání G server.
>> Všechny tyto různé služby, které mohou být poskytovány na serveru
mohli všichni, fyzicky, být na stejném stroji.
Takže kromě IP adresy,
svět má věci zvané porty na internetu.
Port je jen číslo, takže tam je jedinečné číslo pro HTTP.
Jeho číslo je 80.
HTTP také používá číslo 443, ale konkrétně u kódovaných HTTPS.
Když vidíte s, pro bezpečný, že je s použitím jiné číslo.
Existují i ​​další čísla, jako 25, používané pro něco, co nazývá SMTP, jinak známý jako e-mail.
Je tu něco, co nazývá 22 pro SSH,
a tam je celá parta dalších přístavů tam.
Nyní, my lidé jen zřídka vidět tyto čísla.
Nicméně, když napíšete adresu jako http://www.facebook.com,
prohlížeč tajně vkládání 80, protože jste pomocí protokolu HTTP.
Pokud místo toho, zadejte HTTPS, je to tajně vložení 443.
A můžeme trochu vidět ručně, pokud jsem vytáhnout Brower
a přejděte na http://www.facebook.com:80.
Proto výslovně citovat nejen název webové stránky
ale port, který chci mluvit, a stiskněte klávesu Enter.
Všimněte si, že zmizí, protože prohlížeč předpokládá,
oh, 80, nejsem dokonce jít obtěžovat o tom, že na vás.
Ale důvod, proč je to, že když jsem vlastně chtěl poslat někoho e-mail,
Já bych vlastně posílat jim to na portu 25, který je SMTP.
Trochu oversimplification, ale někteří z vás mají přátele
kteří skutečně pracují na Facebooku, a oni, podobně, mají servery, které obdrží e-mail.
>> Pokaždé, když pošlete e-mail, co gmail dělá pro vás
nebo Outlook nebo cokoliv program, který používáte,
je to trochu tajně vložení toto číslo také, 25, v tomto případě.
Je to tato kombinace IP adresy a čísla, které jednoznačně identifikuje
počítač na internetu a konkrétní službu na tomto počítači.
Teď, samozřejmě, většina z nás pravděpodobně nikdy zadali ručně IP adresu.
Možná máte v zařízení, ale v reálném světě, ne tolik.
Proč bychom zadejte IP adresy do prohlížeče?
To bude fungovat, ve skutečnosti, můžeme vidět, dovolte mi ukázat vám
jeden další příkaz, který by měl fungovat většina kdekoliv na akademické půdě Harvardu na Mac nebo PC.
Tam je to příkaz nazývá nslookup, jmenný server vyhledávání.
Když se podívám do www.cnn.com, ukázalo se, že CNN má - oh, zajímavé.
CNN začala používat Amazon Web Services.
Možná víte o cloud computingu, Amazon je jedním z velkých hráčů v cloud computingu.
Co jsem právě udělal, bylo, řekl jsem, "Dej mi adresu webového serveru CNN,"
ale ukazuje se, že CNN webový server je řízena Amazon,
Amazon Web Services, což naznačuje,.
A adresa tohoto serveru je to tady.
Takže jsem si jistý, jestli to bude fungovat, protože oni nejsou zvyklí používat Amazon.
Ale zkusme tuto; http://, IP adresu, zadejte, a -
to bude fungovat?
Ano. To bude fungovat. Internet je super-pomalé dnes.
Ale ve chvíli, uvidíte nějaké reportáž.
Tam jdeme. Bank of America je žalován. Dobrá.
>> To proto, že tato IP adresa náhodou tím synonymem www.cnn.com.
Samozřejmě, že by bylo strašné marketing říct, navštivte nás na webu v 50.112.94.127.
Ty nikdy zapamatovat. Takže i v těchto dnech můžete připomenout věci
jako 1-800-COLLECT nebo mnemotechnické pomůcky svět přišel s telefonních čísel.
Což, před mobilních telefonů, byly spíše těžké si vzpomenout,
dokud mohl jen zadejte jej a zapomenout na to.
Takže na webu, má i tuto konvenci jmen a IP adres,
a tam jsou tyto věci tam volal servery DNS,
doménových jmen systémy serverů, které překládají IP adresy do jména a naopak.
Takže to je to, co se děje na pod pokličku.
Na konci, máme TCP / IP, který je tento velmi nízké úrovni protokolu
že opravdu, prostě dostane 0 a 1 je přes internet,
a činí tak tím, že je do virtuální obálky,
chcete-li, a psaní na vnější straně obálky
IP adresa cíle, stejně jako číselná číslo portu
poskytování služby na tomto určení, že chce mluvit.
Mezitím, na obálce je tu také něco známý jako zpáteční adresy,
které je vaše IP adresa, takže když CNN dostane paket informací od vás,
otevře se tento virtuální obálku, vidí, že chcete domovskou stránku,
ví od odesílatele části tohoto virtuálního obálky komu zaslat HTML zpět na.
Takže pojďme se podívat na to v trochu podrobněji.
To je od společnosti s názvem Ericson, od několika let zpět.
A vzali některé svobody s tím, jak vlastně funguje Internet,
ale maluje mnohem vizuální obraz než pouhé křídy až zde.
Tak jsem vám "trochu internetu."
>> [Narrator] Poprvé v historii,
lidé a stroje pracují společně, splnění snu.
Sjednocení síla, která nezná geografické hranice.
Bez ohledu na rasu, vyznání nebo barvu.
Nová éra, kde komunikace skutečně spojuje lidi dohromady.
To je
Na úsvitu internetu.
Chcete vědět, jak to funguje? Klikněte zde pro začít svou cestu do sítě.
Nyní, přesně to, co se stalo, když jste klikli na tento odkaz?
Vy jste začali tok informací.
Tyto informace putuje do vašeho osobního podatelny
kde Mr. IP balíčků, označí ji, a odešle ji na své cestě.
Každý paket je omezen ve své velikosti.
Podatelny musí rozhodnout, jak rozdělit informací
a jak zabalit.
Nyní, balíček potřebuje štítek obsahující důležité informace
jako adresa odesílatele, příjemce je adresa, a typu paketu to je.
Vzhledem k tomu, tento konkrétní paket jde ven na internet,
to také dostane adresu proxy serveru,
která má speciální funkci, jak uvidíme později.
Paket je nyní zahájila na vaší lokální síti, nebo LAN.
Tato síť se používá pro připojení všech lokálních počítačů "
routery, tiskárny, etcetera, pro výměnu informací v rámci fyzické stěn budovy.
LAN je docela nekontrolované místo, a, bohužel,
nehody se může stát.
Dálnice z LAN je vybaven všemi typy informací.
Jedná se o IP pakety, Novell pakety, AppleTalk pakety.
Jdou proti dopravy, jako obvykle.
Místní router čte adresy a, pokud je to nutné,
zvedne paket do jiné sítě.
Ah, router. Symbol kontroly v zdánlivě zmateného světa.
[Router mumlal a mluvit k sobě]
>> [Narrator] Tady je, systematické, bezcitný, metodické,
konzervativní, a někdy není úplně až na rychlost.
Ale aspoň je přesný, z větší části.
Vzhledem k tomu, pakety opustí router, oni dělají jejich cestu do podnikové internetu
a hlava pro router přepínače.
Bit účinnější než router, router switch hraje velmi jednoduché a volné s IP pakety,
obratně směrování je po cestě.
Digitální "pinball wizard," chcete-li.
[Router switch mluvit k sobě]
[Narrator] Jak pakety dorazí na místo určení,
oni jsou vyzvednuta síťové rozhraní,
připraveny k odeslání do další úrovně.
V tomto případě, zástupce.
Server proxy je mnoho společností používá jako jakýsi prostředník člověka
aby se ulehčila zatížení internetového připojení
a z bezpečnostních důvodů, stejně.
Jak můžete vidět, pakety jsou různých velikostí v závislosti na jejich obsahu.
Proxy otevře paket a hledá webové adresy nebo URL.
V závislosti na tom, zda je adresa je přijatelné,
paket je poslán k internetu.
Existují však některé adresy, které nesplňují se souhlasem odpovědného zástupce.
To znamená, firemní nebo řízení pokyny.
Ty jsou souhrnně zabývá.
Budeme mít nic z toho.
Pro ty, kdo si to, je to opět na cestě.
>> Další na řadě, firewall.
Firemní firewall slouží dvěma účelům.
Zabraňuje některé poněkud ošklivé věci z internetu od příchodu do intranetu,
a to může také zabránit citlivé firemní informace před rozesláno na internetu.
Jakmile přes bránu firewall, router vyzvedne balíček
a umístí ji na mnohem užší silnici, nebo šířku pásma, jak říkáme.
Je zřejmé, že silnice není dostatečně široká, aby je všechny.
Nyní by vás zajímalo, co se stane se všemi těmi pakety, které nechcete, aby se po cestě.
No, když pan IP neobdrží potvrzení
že paket byl přijat včas,
prostě pošle náhradní paket.
Nyní jsme připraveni vstoupit do světa internetu.
Pavučiny propojených sítí, které pokrývají celou naši planetu.
Zde, směrovače a přepínače navázat spojení mezi sítěmi.
Nyní, Net je zcela odlišné prostředí, než najdete
v rámci ochranných zdí vaší LAN.
Tady, to je Divoký západ.
Dostatek prostoru, spousta příležitostí,
spousta věcí k prozkoumání a místa odejít.
Díky velmi malou kontrolu a regulaci,
nové myšlenky najít úrodnou půdu, aby se zasadila obálku svých možností.
Ale kvůli této svobody, určité nebezpečí i číhají.
Už nikdy nebudete vědět, kdy se setkáte s obávaný ping smrti,
speciální verze normálního požadavku ping,
které nějaký idiot vymyslel zkazit nic netušící hostitelů.
Cesta naše pakety se mohou přes satelit,
telefonní linky, bezdrátové, nebo dokonce zaoceánský kabel.
Oni nejsou vždy nejrychlejší nebo nejkratší trasy je to možné,
ale budou tam nakonec.
Možná, že je to důvod, proč se někdy nazývá "World Wide Wait."
Ale když vše funguje bez problémů,
můžete obejít zeměkouli pětkrát více než na pokles z klobouku, doslova.
A to vše za cenu místního hovoru nebo méně.
Téměř na konci naší cesty, najdeme jinou bránu firewall.
>> V závislosti na úhlu pohledu jako datový paket,
firewall může být baštou bezpečnosti nebo obávaný protivník.
To vše závisí na tom, na které straně jste a co vaše úmysly.
Brána firewall je navržen tak, aby pouze ty pakety, které splňují jeho kritéria.
Tento firewall pracuje na portech 80 a 25.
Všechny pokusy o vstup přes jiné porty jsou uzavřeny pro podnikání.
Port 25 je používán pro poštovní paketů,
zatímco port 80 je vstupem pro pakety z internetu na webovém serveru.
Uvnitř firewall, pakety jsou promítány více důkladně.
Některé pakety, aby to snadno přes celnici,
zatímco jiní vypadají trochu pochybné.
Nyní je firewall důstojník není snadno oklamat,
jako když to ping of death paketu se snaží zamaskovat sebe jako normální ping paketu.
[Firewall důstojník mluvil paketů]
[Narrator] Z těchto paketů to štěstí, aby se to tak daleko,
cesta je téměř u konce.
Je to jen linie až na rozhraní, aby byly přijaty do webového serveru.
V současné době, může webový server běžet na mnoha věcech,
ze sálového počítače na webovou kameru k počítači na vašem stole.
Proč ne vaše lednička?
Pomocí vhodného nastavení, můžete zjistit, zda máte předpoklady stát
pro Chicken Cacciatore, nebo máte-li jít nakupovat.
Pamatujte, že toto je úsvit Net.
Téměř vše je možné.
Jeden po druhém, jsou přijímány pakety,
otevřel, a rozbalen.
Informace, které obsahují, to znamená, že si žádost o informace,
je poslán do aplikace webového serveru.
Paket sám je recyklovaný,
připraven k opětovnému použití, a naplní vaše požadované informace,
řešit, a vyslal na své cestě zpět k vám.
Zpět minulosti firewall, směrovače, a na přes k internetu.
Zpět přes firemní firewall
a na své rozhraní,
připraveni dodávat svůj webový prohlížeč s informacemi, které jste požádali.
To znamená, že tento film.
Potěšený jejich úsilí, a důvěřovat lepší svět,
naše pakety Trusty údaje odjet blaženě do západu slunce jiný den,
žebříček plně posloužila své pány dobře.
Teď, není to šťastný konec?
[Malan] Dobře, to stačí. Uvidíme se příští týden.
[CS50.TV]