[Powered by Google Translate] [7. týždeň, pokračovanie]
[David J. Malan, Harvard University]
[To je CS50.] [CS50.TV]
Dobrá. Vitajte späť. To je CS50,
a to je koniec 7. týždni.
Takže jeden z týchto hlúpych malých vecí, ktoré idú okolo internete
a my usrkával sa, a to by mal teraz urobiť trochu Podivínský zmysel.
No, to bolo zábavnejšie s týmto chlapom, ako to bolo na vás.
Keď už hovoríme o, dobre, chlapci,
dnes je Nate narodeniny.
Ak chcete dať vám pocit, ako dobré Nate a ja sme
na vývoj webových aplikácií na základe triedy pondelňajšej a na základe teraz na to,
Myslel som, že vytiahnuť Nate domovskú stránku, ak ste ho ešte nevideli ešte.
Tohle HTML IA Nate.
Takže vidieť jeho zdrojové kódy, ak chcete vidieť, ako to urobiť, a Nate,
keby sme mohli embarass vám len krátko, personál som ti niečo
Ak by som sa podelil o niektoré dezert s niektorými deťmi v triede tu.
Ak by ste sa chceli prísť dole.
Vy všetci tlieskajú a sú veľmi pekné, ale nikto sedí niekde blízko Nate,
z nejakého dôvodu, v tomto zadnej zóne.
Tak snáď môžete nájsť nejaké ľudí, aby si tieto s
Happy Birthday, Nate.
>> Ďalšie pozdravy: Ukázali sme, že pár ukážok z našich CS50x študentov.
Ak by ste chceli zistiť, kto ďalší je na svete
že sa po dobu, môžete vyraziť na túto adresu URL,
kde Joseph, jeden z našich TFS, dal dohromady zostrih druhov
každého, kto bol predkladanie týchto videí, medzi nimi Rick Astley.
A ak sa vám prechádzať tieto, je to naozaj celkom inšpiratívne
vidieť rozmanitosť krajín a miest, z ktorých ľudia ohlasovacích.
Takže ak by ste chceli, aby sa na to pozrieť, to bude až do konca semestra.
Dnes budeme pokračovať v náš pohľad na web, webové programovanie, HTML a podobne,
a my sme tiež obed príde už tento piatok
ak by ste chceli, a to najmä, tak ešte neurobili skôr.
Tento piatok sa bude téma Nate narodeniny,
takže ak chcete mať narodeniny obed s Natem
a iní, niektorí z našich priateľov z priemyslu,
prosím, hlavu tejto URL tam.
Space, ako vždy, je obmedzená. Tiež, ak ste zabudli,
si uvedomiť, že budúci týždeň je termín pre problém nastaviť 4 je lov,
kedy po obnovení všetkých tých obrázkov vo formáte JPEG z card.raw,
vy a vaši kamaráti sekcie, ak by ste chceli, môžete vyskúšať fotografovanie
toľko počítačových vedcov z tejto pamäťovej karty ako je to možné,
a vy a vaša časť bude potom vyhrá rozprávkové cenu.
Vrátiť späť k PSet 4 špecifikácia, pokiaľ ide o to, čo sa predložiť a kedy.
Tiež, ak by ste chceli mať svoje dielo zvečnenie
na ihrisku webových stránkach a jeho histórii odevov,
vedieť, že ste vítaní teraz začať predložením návrhov
pre tohtoročnú tričká a mikiny a ako.
My sa budeme snažiť zahrnúť toľko, ako môžeme,
ale budeme mať niektorých členov štábu preskúmaní všetkých návrhov
aby sa ubezpečil, že sú v súlade so špecifikáciami,
a my sme potom vybrať všeobecne hŕstka z nich byť vystavený.
Takže ak ste typ konštrukcie, len viem, že požiadavky
pre grafiky sú PNG, aspoň 200 DPI,
by nemali byť väčšie ako 4000 x 4000 pixelov,
a nie viac ako 10 MB, ale vy ste vítaní veci ako
Photoshop alebo GIMP alebo rôzne programy Graphic,
čo máte k dispozícii.
>> Na obzore je konečný projekt. Konečný projekt je naozaj vrchol 50,
pričom všetkých úloh v priebehu,
je to vaša príležitosť naozaj robiť svoju vlastnú vec.
A to môže byť jednoducho urobiť niečo pre zábavu,
to môže byť vyriešiť nejaký pálčivý problém si študent skupina má,
pre niektoré nové webové stránky, niektoré nové kolekcie mechanizmus pre dáta.
To môže byť mobilné aplikácie pre Android, pre iOS.
Naozaj, nebo je limit, a počas nasledujúcich niekoľkých týždňov,
ako sme prechod z C na tieto vyššie úrovne jazykov, ako je PHP a JavaScriptu,
ocitnete sa stále oboznámení s niektorými real-svet techniky,
Niektoré real-svet nástroje, a doplniť, že,
viem, že kurz má históriu seminárov,
pričom v priebehu najbližších niekoľkých týždňov, niektoré z pedagogických pracovníkov
a priatelia naše z areálu školy ponúkne voliteľné semináre
ktoré idú nad rámec toho, čo je zvyčajne vykonáva v sekcii
predstaviť vám veci, ako je programovanie pre Android,
predstaviť vám veci, ako je iOS programovanie
alebo viac pokročilých web-vývoj techniky.
Tam je celá história z nich už online.
Ak pôjdete do cs50.net/seminars, sme robili to pre docela niekoľko rokov,
a uvidíte, že archivované tu s PDF a videa a podobné
niekoľko desiatok videá seminárov.
V minulom roku, napríklad, mali sme seminár o ELIT svoje technické rozhovory,
ak ste naozaj hľadáte ísť preč a robiť stáž alebo na plný úväzok vystupujú.
Windows mobile vývoj, Android rozvoj, Google Maps,
API, CSS, rozvoj pre BlackBerry, Emacs.
Naozaj, ste vítaní, aby sa pozrieť na niektorý z týchto seminárov na vaše pohodlie.
A budeme sa držať nejaké nové tomto semestri, rovnako.
>> Takže to, čo je pred nami s konečným projektom?
No, v prvej, aj keď tento dátum je trochu bezprostredné,
je to naozaj len príležitosť začať premýšľať o konečnom projektu úplne realisticky.
Vieme, že len začiatky niektorých z toho, čo budeme stále pokrýva v priebehu,
HTML, PHP a podobne, ale ste všetci oboznámení s Web,
a ja bias tento rozhovor k stránke len preto, že
väčšina ľudí skončí robí webové záverečných prác,
ale to nie je v žiadnom prípade podmienkou.
Použitie C je v poriadku, objektívne C, Java,
v inom jazyku, ktoré možno poznáte alebo chcete vedieť, je celkom v poriadku.
Ale dostať tečúcou šťavy pôvodne, budeme očakávať, že predloženie preproposal
ktoré, podľa formátu PDF na stránkach, ktoré sú teraz v cs50.net,
a v ľavej hornej časti uvidíte záverečný projekt
je špecifikácia pre konečného projektu,
a tam sú podrobnosti o preproposal a podobne.
Má celkom veľa scvrkáva na e-mailu do vášho výučby kolegami
Len nadviazať rozhovor s ním alebo jej o tom, čo si myslíš.
Na projects.cs50.net je prameň nápadov od ľudí, na akademickej pôde
ak ste snaží prísť s nejakým nápadom,
a manual.cs50.net/APIs je zoznam odkazov na API.
>> Čo keď je API?
Čo je to API? Povedal som to najmenej dvakrát,
podľa prepisov posledných niekoľkých týždňov.
Čo je to? [Študent, nezrozumiteľným]
>> Dobre, dobre. Takže niečo programovacie rozhranie.
Rozhranie pre programovanie aplikácií, a to môže mať niekoľko foriem,
ale čo to naozaj scvrkáva na je kód
že niekto iný hs písomných alebo dátových, že niekto iný zhromaždené
, Ktorý je vám k dispozícii v niektorých programovou cestou.
Môžete písať kód v C, PHP, Python, Ruby,
aký je váš jazyk výberu je obvykle,
a môžete nejako stavať na niekoho iného funkčnosti
alebo niekto iný je dátový súbor.
Napríklad, keď som ísť na tento odkaz tu,
a uvidíte pár odkazov na ďalšej stránke
kedy máme CS50 vlastné API, ktoré sú veľmi Harvard-centric, a potom tretie strany API.
Medzi tretej strany API sú naozaj užitočné veci
ako bytie schopné posielať SMS na ľudí,
je schopný prijímať textové správy SMS z ľudí.
A také veci, že by ste mohli mať tušenie, ako vykonávať sami,
ale vďaka službám, niektoré zadarmo a niektoré komerčné,
môžete vytvoriť na vrchole ty a robiť niečo zaujímavé pre vás.
Medzi API CS50 tieto sú tieto kampus-centric veci ako
Harvard kurzy, energie, akcie, jedlo, mapy, správy, tweety a Shuttleboy vlastné,
a to sú API, ktoré vyzerajú trochu niečo takého.
>> Dovoľte mi, aby som vytiahnuť API HarvardFood.
Ak ste niekedy boli na webové stránky HUD je, pravdepodobne ste tam
len čo bude na večeru, alebo aby videli, čo hodiny sú pre niektoré d-haly.
No, to nie je príliš prehľadná,
a tak to, čo sme si pred nejakým časom bola sme písali softvér,
to sa stane byť v PHP, ktoré skutočne obrazovky škriabe celistvosť webu HUD je.
Pre skríning Scrape niečo znamená napísať program v jazyku ako PHP
ktorá predstiera, že je prehliadač, aj keď ste možno spustiť na príkazovom riadku,
ktorá predstiera, že je prehliadač, pripojí na webové stránky,
stiahne svoj HTML, jazyk, v ktorom je napísané,
a potom sa číta, alebo viac špecificky, rozoberie je
zhora dole, zľava doprava.
A to, čo sme urobili, bolo sme písali náš kód takým spôsobom, že
kedykoľvek sme videli niečo, čo v tomto formáte HTML, ktorý vyzeral ako niečo, čo v ponuke,
ako hamburger, by sme potom importovať, že do našej databázy.
A kedykoľvek sme videli nutričný obsah, by sme importovať, že do našej vlastnej databázy.
A to, čo sme urobili, bolo využiť skutočnosť, že HUD web,
aj keď by to mohlo byť trochu problém pre nás, ľudí na navigáciu
pod pokrievku, je všetko v HTML generované ich vlastné počítačové programy.
Takže všetky ich HTML, aj keď to môže vyzerať chaotický,
rovnako ako väčšina webových stránok pod pokrievku toho vyplýva, vzor.
Takže sme strávili pár hodín prísť na to, že vzor
tak, že na konci, vyhodíme všetky chaotický HTML,
všetky estetiky tučným obloženie a kurzívy a podobne,
a to, čo sme potom schopní urobiť, je vystaviť, aby rovnaké údaje.
Napríklad, v tomto spôsobe.
Takže my, podľa dokumentácie tu,
informovali svet, že ak budete žiadať o adresu URL
, Ktorý vyzerá takto, food.cs50.net / niečo,
a poskytujú určité parametre, ktoré budeme hovoriť dnes,
ako end-dátum, čas, štart-dátum, čas, jedlo a tak ďalej,
čo naše servery sa navrátim k vám, napríklad,
je súbor CSV, čiarka členená hodnoty, ako je súbor programu Excel,
obsahujúci všetko, čo na raňajky v tejto konkrétny deň v marci minulého roka
keď som sa náhodou spísať túto dokumentáciu.
>> Pre tých, ktorí poznajú, CSV nie je len súbor vo formáte.
Tam je iný formát, že je to všetko oveľa všestrannejšie
volal JSON, JavaScript Object notácie.
Dáta môžu vrátiť v tomto formáte.
Takže stánok s jedlom je, že nech už sa ponoríte do tejto API
alebo akéhokoľvek iného CS50 je alebo tak niečo tam na internete,
alebo vôbec nie, si uvedomiť, že svet stále začala štandardizovať
ako stroje prepojené.
Používame štandardné dátové formáty ako je CSV alebo JSON.
A čo to znamená pre vás je, môžete napísať zaujímavú časť programu
, Ktorý umožňuje váš užívateľ vyhľadávať jedálneho sály ponuky,
že im umožňuje vytvárať zoznamy obľúbených, ktoré im umožňuje získať textové upozornenia
keď ich obľúbené jedlo má byť podávaná v niektorých d-haly
pomocou niekoho iného dát a budovanie na vrchole svojej API.
Takže o tom viac v podobe seminárov a dokumentáciu, ktoré máte tu online.
Takže tie, potom sú API.
>> To nás privádza späť do HTML. Rýchla rekapitulácia.
Čo je to HTML?
[Študent, nezrozumiteľné] >> Good. HyperText Markup Language.
Niekto iný, čo je Hypertext Markup Language?
HyperText Markup Language.
Dobre. Takže HTML, HyperText.
HyperText len ​​odkazuje na web, pre najviac sa rozdeliť.
Markup znamená, že to nie je v skutočnosti programovací jazyk, HTML.
Nie je to jazyk, ktorý sa môžete vyjadriť logiku a
To nemá slučky. To nemá podmienky.
To nemá funkcie, samo o sebe.
Skôr má tieto veci zvanej značky, alebo presnejšie povedané, prvky.
A tieto prvky majú počiatočné a koncové značky značky,
alebo otvorené tagy a uzavreté tagy, a čo tie tagy, znamená pre prehliadač je,
začať niečo robiť a potom prestať robiť niečo, aj keď existujú výnimky, ktoré.
Niekedy je to len "vloženie zalomenie riadku tu," napríklad.
A my sme videli príklady tohto druhého dňa, medzi tučným obkladom,
riadkov, a potom pár ďalších značiek.
Takže HTML je jazyk, v ktorom sú napísané webové stránky.
Takže keď idem na niečo, ako je Google.com
a vytiahnuť len ich domovskú stránku,
Pripomínam, že ak kliknete pravým tlačidlom, alebo kontrolovať kliknite
a pozrite sa na zdroje Zobraziť stránku, zvyčajne
je to kompletný neporiadok v týchto dňoch pod kapotou, ale to je preto, že
počítače nezaujíma medzerou, takže to nemusí vyzerať pekne.
Ale keď sa priblížite na častiach to,
Všimnite si, že Chrome, len aby bolo pekné, že farebne odlíšené veci.
Naozaj, toto je prvá značka, ktorá sme videli na webovej stránke.
A opäť, HTML 5, najnovšia verzia tohto jazyka,
nemá túto vec na začiatku,
<! DOCTYPE html, či už malými aj veľkými písmenami,
ale to je len druh normy, ktorá hovorí, hej svet, prichádza HTML súbor vo verzii 5.
>> Zaujímavá časť začína tu. Takže <html, a potom tam boli dve deti
z HTML elementov naposledy.
Aké boli tie dva hlavné deti?
Hlava a telo, rovnako ako chlap s tetovaním pred chvíľou.
Existujú dva časti webovej stránky, hlavy a tela,
a odvolanie, potom, že snáď najjednoduchšie webovú stránku, ktorú by mohol vyzerať takto.
A ja som odsadená to len preto, aby bolo celkom čisté a upratané s mojím kódom,
ale to, čo je naozaj dôležité, je to, že tam je nejaká hierarchia k tomu.
A každý tag, že som otvoril som zatvorené a že je preto táto symetria
na všetky značky, ktoré som vytvoril.
Takže naposledy, keď sme začali písať webové stránky na vlastné laptop.
Otvorila som editácia textu, zachránil som súbor ako hello.html,
Potom som vytiahol súbor na mojom prehliadači, a voila, mal som stránky na internete.
Teraz, to nie je tak celkom pravda, mala som stránku, na mojom pevnom disku,
a ja som bol doslova jediný človek na svete, ktorý by videl, že webovú stránku v prehliadači.
>> Takže dnes sme sa zaviesť skutočný webový server
a pojem skutočne poskytovanie obsahu na internete
a ako to všetko začína do seba zapadať.
Takže sa ukázalo, že celú tú dobu v CS50 spotrebiče
ste mali webový server na vašom počítači.
Sme, v spravodlivosť, iba použil pre gedit, pre Clang, pre GDB a podobne,
ale tiež inštalovať nás pre vás v prístroji webový server,
a že webový server sa stane byť voľný, open source,
jeden z najobľúbenejších na svete, tzv Apache.
Jeho ďalší technický názov je httpd, d je pre démona tu,
ktorý je technický výraz pre server.
Takže nainštalovaný v CS50 spotrebiča je webový server, a čo to znamená?
No, webový server, je pojmovo, niektorí server na internete, ktoré slúžia až webový obsah.
Keď boli požiadaní o súbor, to vypľuje HTML, ktoré skladajú tento súbor, a voila.
Vidíte nejaké webové stránky domovskú stránku.
Ale server je, presnejšie, kus softvéru.
To nemusí byť na fyzickom stroji, to jednoducho musí byť kus softvéru beží.
Takže CS50 spotrebič, samozrejme, je kus softvéru
aj keď je to trochu predstierať, že je stroj.
Je to predstierať, že počítač vnútri počítača,
ale to len znamená, že zariadenie môže určite run veci ako webové servery.
To môže skutočne spustiť e-mailové servery.
Mohli by sme spustiť instant messaging server v prístroji, ak by sme chceli,
a naozaj, my spustiť jeden iný typ servera, známy ako databázový server, MySQL.
Ale o tom až budúci týždeň.
To znamená, že môžem skutočne navštíviť webové stránky
vnútri mojej spotrebiče pomocou prehliadača vnútri zariadenia
alebo dokonca na mojom vlastnom notebooku, môj Mac alebo moje PC.
Takže čo to znamená? Ukazuje sa, že zakaždým, keď používate Linux počítač,
Jeho prezývka je "miestneho hostiteľa."
To nemá názov domény, pretože sme nekúpili názov domény
niečo ako zariadenie, tak jeho predvolený názov je miestne hostiteľ.
>> Aby však bolo možné získať prístroj začať zobrazovať až webových stránok,
musíme vytvoriť ako prvý.
Tak poďme na to. Nechaj ma ísť do terminálu tu
a všimnite si, že som na svoje typické John Harvard riadku.
Nechaj ma ísť napred a typ LS, a uvidíme nejaké známe veci z tohto semestra,
desktop, sťahovanie, Dropbox a tak ďalej,
ale teraz začneme otáčať našu pozornosť na pár.
Na mnohých linuxových webových serveroch tam je to zložka s názvom public html,
ale budeme preskočiť, že jeden pre teraz a zamerať sa na to, vhostů.
Každý, kto vedia, čo vhost je?
Len hlúpy žargón pre virtuálne hostiteľa,
a čo to znamená, že na typické servera
môžete skutočne hostiť viac webových stránok.
Môžete si kúpiť názov domény, ako je foo.com, a môžete hosťovať na serveri.
Ale môžete si tiež kúpiť bar.com a hosťovať na rovnakom serveri.
Dôvodom je, že prehliadače sú dosť bystrí na to, aby informoval servera
ak užívateľ požaduje nejaké webové stránky, ako názov domény užívateľ chce na domovskej.
Takže to, čo je pekné o tom sa nemusíte jeden fyzický server,
alebo jeden CS50 zariadenia pre každý web, budete chcieť vytvoriť.
Môžete použiť rovnaký server a rozvíjať sto rôznych webových stránok.
A skutočne, ak ste osoba snaží na začiatok stránky,
či už pre zábavu, alebo na podnikanie, zvyčajne budete chodiť na internete,
a budete platiť niekto desať babiek mesačne, sto dolárov mesačne
hostiť vaše webové stránky pre vás.
A spôsob, akým funguje, je, že sa nabíjajú ostatných ľudí
desať babiek mesačne alebo sto dolárov mesačne
hostiť webové stránky iných ľudí na ich rovnakom serveri.
Dôvodom môžu urobiť, je kvôli tejto vlastnosti zvanej bhosts,
ale o tom viac, keď príde čas na záverečných prác.
>> Pre túto chvíľu, poďme ponoriť tam. Takže cd vhosts, a keď som typ LS teraz,
Všimnite si, že je tu zložku tam volal miestneho hostiteľa.
To preto, že v predvolenom nastavení, spotrebič údaje
ste niekedy bude prevádzkovať jednu stránku na zariadení.
To nie je naozaj skutočný svet, to nie je real-world web server.
Tak nechaj ma ísť do miestneho hostiteľa, a teraz uvidíme sa tam
jeden posledný adresár nazvaný HTML.
Takže je to trochu hlboko, hierarchie, ale ak a až
ste sa rozhodli začať rozvíjať viac webových stránok v priebehu nasledujúcich mesiacov alebo rokov n,
tento druh štruktúry zložiek má tendenciu byť užitočné.
Teraz poďme do HTML, ako som práve urobil,
typ ls, a nič ich tam.
Takže teraz poďme do toho a urobiť to. Dovoľte mi, aby som otvoriť Chrome
vo vnútri spotrebiča, a nechaj ma ísť na http://localhost.
Takže doslova meno pre moje zariadenie, zadajte, a ja si index /.
To nie je naozaj mi ukázal niečo zaujímavé,
ale ukázalo sa, že to, čo vidíme, je, že zložka, HTML.
Na tom nie je nič vnútri tejto zložky práve teraz,
takže miesto, čo budem musieť urobiť, je najprv vytvoriť súbor.
Vytvoriť súbor HTML ako sme to urobili v pondelok, ale tentoraz dať vnútri spotrebiča.
Pre tých z vás, ktorí sa snažia sledovať spolu s notebookmi teraz,
dovoľte mi, aby som vykonajte jednu stranou, ktorá bude spadať do webovej PSet,
ale aby si to do práce za veľmi prvýkrát,
budete musieť spustiť tento príkaz: sudo service httpd štarte.
A to, opäť sa bude opakovať v poslednom Pset,
ale ak hráte spolu doma teraz, web server
vypnutie v zariadení, a to tak, že nie je miazgy pamäť RAM
a pamäť pre 7 týždňov out of semestra, kedy nepotrebujeme ju.
Takže budete musieť spustiť tento príkaz raz, a budete mať výstup takého.
Potom by ste mali byť schopní hrať tadiaľ.
Teraz sa vráťme do tejto zložky.
Táto zložka je prázdna, tak mi dovoľte začať vytvárať súbor,
gedit hello.html.
>> Dobrá. Gedit je otvorený, ako zvyčajne. Dovoľte mi, aby som to doctype, html,
html, dovoľte mi, aby som pred seba a začať zavrela značky vopred.
Teraz mám hlavu. Nechaj ma ísť ďalej a zatvorte hlavu,
dovoľte mi, aby som teraz urobiť názov stránky, hello world ako minule,
zavrieť titul, teraz mi dovoľte to telo.
V tú poviem ahoj, svet s niektorými exclams
aby bolo jasné, že je to iný reťazec.
Zavrieť telo, a teraz mi dovoľte pokračovať a súbor uložte.
Nechajte ma ísť späť do môjho terminálovom okne, a keď som typ LS,
Mal by som, pravdepodobne, pozri hello.html. A ja.
Takže teraz sa vráťme k môjmu prehliadači, kliknite na tlačidlo znova,
a môžete vidieť, že sú naozaj v tejto HTML zložky.
Nevidím na webovú stránku ešte, to je Apache, webový server,
len ukazovať mi zoznam obsah tohto adresára.
Rovnako ako Mac OS alebo Windows by zvyčajne na vašom vlastnom miestnom pevnom disku.
Takže keď chcem vidieť túto webovú stránku, môžem kliknite na tento malý odkaz tu, hello.html,
a naozaj, to je to, čo som očakával, že uvidí.
Teraz, opäť, to nie je URL, že každý z vás môže navštíviť práve teraz,
pretože pre teba, miestne hostiteľ, ak máte notebook tu,
to sa odkazuje na vlastné inštanciu spotrebiča.
To je na moje vlastné osobné zariadenia,
ale toto je druh nemý pre mňa mať, mať
užívateľ ako ja kliknite na hello.html skutočne vidieť obsah tejto stránky.
Ukazuje sa, že webové servery ako Apache nech máte predvolený súbor pre ľubovoľný webový server.
Všimnite si, máme hello.html.
Čo je príkaz v Linuxe premenovať súbor?
>> MV, na nasťahovanie. Tak nechaj ma to urobiť, že,
a dovoľte mi, aby som premenovať hello.html na index.html.
Dovoľte mi, aby som typ LS potvrdiť, že to teraz bol premenovaný.
Teraz to bude - ak sa vrátim k miestnemu hostiteľovi,
všimnúť, teraz, že som automaticky videl, že webové stránky.
To je totožný s mojím skutočne robí / index.html,
ale pekná vec teraz je, že webový server je premýšľaním,
oh, ak máte súbor, ktorý, ľudskými konvenciami, sa nazýva index.html,
dovoľte mi ukázať, že je súbor v predvolenom nastavení
skôr ako nejaký hlúpy výpisu adresára, ktorý nie je vôbec užívateľsky príjemný.
Naozaj, väčšina internetových stránok, ktoré navštívite na internete nemajú zoznam súborov kliknúť na,
oni vám ukázať obsah. Tak to je, ako sa nám to podarí, index.html.
Takže je to všetko legrace a dobré, ale to je celkom jednoduchá webová stránka.
Nechaj ma ísť ďalej a otvoriť súbor index.html v mojich vhostů,
pocítacov v lokálnej sieti, html adresár, a poďme pridať niečo väčšieho záujmu.
Takže je tu hello world, poďme miesto hovoria "To je CS50, Harvard College je. . . "
Takže na začiatku popisu predmetu katalógu nejakého druhu tam.
Teraz, keď som znovu, mal by som to vidieť v mojej domovskej stránke.
Dobre, a ja vidím, že, ale predpokladajme, že chcem, aby sa zoznam niektorých viac obsahu v tomto súbore.
Mohol by som ísť sem dole a hovoria, predpoklady none,
hoci niektorí z vás sa možno páčilo, "Ha ha ha, žiadne požiadavky."
Ale - oficiálne. Takže znova, a teraz máme rovnaký vtip, že sme videli minule.
Ale prečo je to? Bola to jednoduchá oprava.
Prečo je táto stránka rozbité?
[Študent, nezrozumiteľné] >> Jo, sme vyriešili to predtým
tým, že explicitne hovoriť prehliadači vloženie zalomenie riadku tu. "
A to preto, že opäť, prehliadač to len bude robiť
výslovne neuvádza, ktoré značkovací jazyk hovorí, že k tomu,
takže aj keď ste mohol zasiahnuť zadajte raz alebo dvakrát alebo dokonca desaťkrát,
bude to spojiť, že všetci do jedného priestoru, len konvencií.
Takže ak naozaj chcete zalomenie riadku, musíte použiť tag br,
a teraz oznámenia, rovnako ako pondelok som dal / vnútri tohto tagu,
len preto, že to jednoducho nie je ono
kto zalomenie riadku a potom zastavte ho nič medzi tým.
>> Takže konvencie v HTML je otvoriť a zavrieť tag súčasne.
Ako stranou, uvidíte veľa webových stránok v knihách nerobí, že.
Je správne robiť alebo nerobiť to, ale my by sme tvrdiť,
že dizajn-múdry a štylisticky, to je proste lepšia
pretože potom každý tag je ako otvárať a zatvárať nejako.
Tak teraz poďme zachrániť a znovu. Vráťte sa späť do prehliadača, jo.
Teraz robíme nejaký pokrok, ale nie je to dosť.
Poďme ďalej a začať písať v nejakom dlhšom časť textu.
Takže povedzme, "quick brown fox skáče cez lenivého psa."
A teraz mi dovoľte stačí skopírovať a vložiť tento niekoľkokrát
takže máme odsek textu.
Nechaj ma ísť späť sem. Takže to nevyzerá moc dobre.
Mám zalomenie riadku, takže je to v poriadku,
ale teraz, keď sa dostávame k tej miery, že webovú stránku
, Ktorý má veľa obsahu a nie len jednotlivé riadky, ktorými preukážu, HTML,
môžeme začať premýšľať o týchto veciach ako skutočné odsekov.
A môžeme začať štruktúrovať naše webové stránky trochu čistejšie.
A skutočne, čo môžem urobiť, je ísť tu vnútri môjho tela tagu,
a viete čo, keby "To je CS50. . . " Naozaj demarks začiatok odseku,
dobre, poďme označiť ho ako taký.
Dovoľte mi, aby som odsadenie textu, len konvencií, dovoľte mi povedať,
že tento odsek tu končí,
a potom skôr než robiť to koniec riadku, dovoľte mi povedať,
, Že táto tam patrí a ako nový odsek,
a ja len rýchlo zarážka len o prepisovanie všetky tieto veci.
>> Takže teraz máme odsadenie tam,
a teraz naše značky začína byť trochu viac
sémanticky v súlade s tým, čo sa snažíme robiť.
Máme bod, takže povedzme, že bod s tagom p
Máme druhý odsek, tak povedzme, že bod s tagom p
A teraz, čo prehliadač typicky robiť
je rovnako ako v anglickej knihe alebo esej,
kde sa obvykle vidieť niektoré riadkov medzi odsekmi.
Prehliadače bude to pre vás automaticky.
Takže teraz máme dva body a môžeme pokračovať v tomto.
Ale, samozrejme, na webe, keď máte tela texte
nie je to zvyčajne len veľké guľôčky textu.
Tam sú často hypertextové odkazy tam.
Takže ak chceme, napríklad, obsahovať niektoré odkazy tam,
Predpokladám, že to, čo by mohlo byť zaujímavé v akejkoľvek webovej stránky som vytvoriť tu -
nechajte ma ísť na Google.com,
a dovoľte mi, aby som vyhľadať quick brown fox.
Prejsť na Google obrázkov, a, ako o tom - to je roztomilé.
Pôjdeme s tým. Takže tu máme quick brown fox skákanie cez lenivého psa.
Takže, čo budem robiť tu, len kvôli demonštrácii,
Predpokladám, že je tento obraz bol na mojom serveri,
a ja som bol vytvorenie týchto snímok.
Čo som práve urobil, bolo pravým kliknutím alebo kontrolovať kliknite na obrázok,
a to, čo uvidíte vo väčšine prehliadačov je trochu menu -
prestaň s tým, že - trochu menu, ktoré vám umožní vybrať si Kopírovať adresu odkazu alebo Kopírovať adresu URL.
Tak nechaj ma ísť späť do môjho HTML, a predpokladajme, že chcem
na hypertextový odkaz tohto na inú webovú stránku.
>> Aký bol tag volal, že?
[Študent, nezrozumiteľné] >> Jo. Takže href pre hyper odkaz.
Nechaj ma ísť dopredu a vložte že dovnútra
Je to celkom dlhá URL, tak mi dovoľte priblížiť späť.
Zavrieť držiaky, takže teraz nevšimol som cestu sem
preto, že URL sa stalo, že je celkom dlhá.
Dovoľte mi, aby som prejdite sem na koniec quick brown fox,
a potom ma zavrite túto značku s </ a,
kde som len zavrel meno tagu.
Teraz mi dovoľte pokračovať a okrem toho, že súbor, načítať webovú stránku,
a teraz, v predvolenom nastavení, že to bude potrebné zdôrazniť modro pre mňa,
ale naozaj, môžem teraz kliknite na tento a je to. Tam je to image.
A to nemal byť obrázok, mohla spojené
na nejakú inú náhodné webové stránky na Internete.
Mohol by som to, napríklad, s CS50, tak jeden posledný príklad tu.
"To je CS50" mohlo mať zmysel ísť, href =
http://www.cs50.net, úzkym citácie, úzkym kotva.
Takže teraz, že to ešte kratšie URL, a tentoraz nebudeme sa na takýto obrázok odkaz.
Sme miesto bude odkaz na inú stránku.
Teraz máme obrázok tu.
Mám pocit, že to môžeme urobiť trochu lepšie ako len prepojenie na obrázok.
Čo keď budeme chcieť, aby skutočne stelesňujú v našom vlastnom webové stránky?
>> No, čo sa dá urobiť je, skôr ako odkaz na túto grafiku,
dovoľte mi, aby som namiesto toho znížiť URL, a budeme sa zbaviť tohto odkazu a vyčistite toto hore.
A pôjdeme dole a zbaviť tohto.
Nemáme naozaj potrebujete všetky tieto vety, takže mi dovoľte skrátiť stránku trochu.
A potom tu dole, nechajte ma ísť napred v novom odseku,
povedať, že som si to chcete text teraz, chcem si obraz, ktorého zdrojom bude, že URL.
Obrázok, ako koniec riadku, je buď tam, alebo to nie je.
Tak nech mi okamžite ukončiť túto značku.
Nechaj ma ísť napred teraz a zatvorte odsek, že som vo vnútri,
a ak všetko pôjde dobre s hello, world, keď som znovu teraz,
I, naozaj, pozri obrázok vpravo vnútri mojej vlastnej webovej stránky obrázok.
Takže teraz máme značku obrázku, kotevné značku a podobne,
a pre dobrú mieru, nechaj ma to urobiť ešte jednu vec, ktorá je často ignorovaná
na webových stránkach v týchto dňoch: Poďme poskytnúť určité popisný text k tomuto obrázku
pre ľudí, ktorí sú na mobilnom zariadení
a preto nemusí byť schopný stiahnuť obrázok veľmi rýchlo,
pre ľudí, ktorí sú slepí a nemusia byť schopní vidieť obraz
ale oni by mohli mať čítačku obrazovky, ktorý môže povedať, je to, čo tento obrázok je.
A k tomu, že tam je ďalší atribút pre imidž značky
volal alt, pre alternatívny text.
A čo sa dá robiť, je tu povedať: "Toto je quick brown fox."
Takže aj keď človek nemôže vidieť obraz na obrazovke,
on alebo ona môže aspoň počuť, ako s nejakým kusom softvéru,
čo vlastne je tam na obrazovke.
>> To sa nezmení estetiku stránky,
ale to je určite dobrá prax pre užívateľa.
Dobre, nechajme túto webovú stránku vo svojej súčasnej podobe,
ale uvidíme, či nemôžeme teraz predstavuje
nejaký lepší prístupy k písaniu týchto webových stránok,
Niektoré lekcie, ktoré sa chystáte, aby nám slúžili rovnako ako naše stránky stále viac a viac zložitejšie.
Čo my nebudeme robiť v priebehu najbližších niekoľkých týždňov
je vás prevedie všetkými niekoľkých desiatok značiek HTML, ktoré tam sú.
Rovnako ako v začiatku v roku týždni 0, to asi bude stačiť
aby na vysokej úrovni prehľad niektorých pojmov,
rýchle prehliadka niektorých bloky, ktoré boli pravdepodobne schopné,
pekný pohodlne, prejdite na vlastnú päsť, rôzne skladačky.
A že sa to stane znovu v HTML, s najväčšou pravdepodobnosťou,
kedy tu dostatok zdrojov na webe, že budeme ukazovať vás na,
rôzne učebnice, ak dávate prednosť prečítať učebnicu,
že vás prevedie všetkými rôzne veci, ktoré môžete urobiť s HTML,
ale naozaj, videli sme tak ďaleko v HTML väčšine základných pojmov.
Máme predstavu tagov bude otvorený, v zatvorenej tagy.
Niektoré značky, ktoré sú oba otvorené a uzavreté
v tom zmysle, že sú prázdne, tam by mala byť nič vnútri nich
ako obrazu značky alebo koniec riadku, ktoré sú práve tam.
Tiež sme sa pozreli už na pojmu atribútu, ako alt alebo zdroje.
Všimnite si, že tieto slová majú tendenciu, podľa konvencie, byť krátky a stručné.
>> Nemáme priestor na voľnú úvahu o tom, čo tieto veci sú povolaní,
niekto iný, kto vynašiel HTML prišiel s týmito menami.
Takže stačí začať vedieť, alebo vyhľadať, kedykoľvek ich potrebujete,
aké názvy sú pre tieto tagy a atribúty.
V prípade týchto vlastností, pripisuje všeobecne
zmeniť správanie niektorých tagu.
V tomto prípade, je zdrojom atribút hovorí značku obrázku
Čo je zdrojom obrazu by mali byť.
Atribút href hovorí kotevné tag to, čo by mal vlastne byť prepojenie do.
Ale pokiaľ ide o štruktúru webové stránky, aj keď Facebook
a Google a ako vyzerať ako úplný neporiadok
pod pokrievku na prvý pohľad, ak začnete čítať cez to
viac metodicky, všetci nasledovať tento základný, základnú štruktúru.
Ale môžeme zlepšiť štylizáciu týchto vecí.
Tak nechaj ma ísť na niektoré príklady, ktoré som vopred pripravených.
Nechaj ma ísť napred a skopírujte je z inej zložky tu
a dať ich do tohto adresára.
V predstihu, čo som urobil, bolo pripraviť niekoľko súborov:
search0, search1, search2, a search3 a 4.
Nechaj ma ísť dopredu a otvoriť prvú z týchto súborov,
a uvidíme, či nemôžeme začať vytvárať vlastné vyhľadávač.
V hornej časti tohto súboru, ako je tomu v prípade zvyčajne v triede, len banda komentáre.
V HTML, aj keď, prostriedky, ktoré kto komentár
je <-! a potom si vnútri komentár, multi-line komentár.
Keď ste pripravení zastaviť ten komentár, môžete tak urobiť ->.
Takže všetko, čo na vrchole v modrej farbe je len komentár.
>> To je môj deklarácie DOCTYPE, ktorá opäť,
stačí skopírovať a vložiť na viere, pre teraz.
To len povie prehliadači, Here Comes niektoré HTML 5. "
Pod týmto, na riadku 14, je prvý z mojich skutočných značiek,
a to len hovorí, ako predtým, prichádza nejaký HTML,
Tu prichádza hlavu mojej stránky, tu prichádza titul,
a potom, naopak, že je to o titul, tak je to na hlavu.
Tu teraz prichádza telo mojej strane.
Takže pár nových značiek teraz: h1 je skratka pre okruh 1.
Tam je tradícia v HTML pre mnoho rokov späť
mať rôzne veľkosti textu.
A späť v deň, každý z nich znamená, všeobecne, len veľké a tučné.
Ale je tu tiež h2, čo je veľká, ale nie tak veľký a odvážny.
Je tu h3, ktorý je tak trochu veľká, ale nie je zďaleka tak veľký a odvážny,
a tak ďalej, celú cestu až do h6.
V týchto dňoch, aj keď sú h1, h2 a h3 naozaj na mysli
mať viac sémantický význam pre nich,
pričom h1 je naozaj nadpis: hlavičke webovej stránky,
hlavičku stĺpca alebo niečo podobného textu.
Tak som schválne povedal h1 CS50 Vyhľadávanie> h1
na špecifikujte, že to je naozaj čísla, názov mojej stránky.
Nie je názvu v tom zmysle, hlavičky,
ale titul, ktorý ste skutočne vidieť v samotnej webovej stránky, v tele.
Teraz to môžete asi tušíte, čo to je,
aj keď máme pár nových kúskov syntaxe.
Jedná sa o formu. Takže web naozaj začína byť zaujímavé
keď webové stránky sa vstup od užívateľa.
V tejto triedy, v probléme nastaveným na programovanie webových,
nebudeme robiť webové stránky, sama o sebe,
so statickým obsahom, ktorý ukazuje fotografie, ktoré ste prijali,
alebo je to môj životopis, a veci, o mne,
pretože tie veci sú relatívne jednoduché dať dohromady.
Je ťažké, aby sa veci krásne na webe,
ale aspoň uvedenie do obsahu je celkom triviálne.
Ale veci sa naozaj zaujímavé, keď niekto môže navštíviť vaše webové stránky
a poskytnúť vstupné a môžu vypĺňať formuláre,
môže zaškrtnúť políčka a môže komunikovať s vašej webovej stránky.
A skutočne, asi každý web na ktorých vám záleží
v týchto dňoch, v každom detaile, je nejako interaktívne.
Facebook, Google a podobne, že sa vstup užívateľa
a produkovať vlastné výstup.
>> Tak začnime k tomu, že teraz. Poďme Prechod teraz
z len pomocou HTML pre značky statického obsahu
ako miesto dodania mechanizmus pre dynamický obsah.
A na tento účel, poďme zaviesť vlastné vyhľadávač.
Poďme to urobiť takto. Tu je forma tag.
Akčný atribút určuje, že keď používateľ vypĺňa tento formulár
s ich klávesnicou, bude predložená na túto adresu URL tu.
Takže som trochu podvádzanie. Bude to trvať nás trochu dlhšie
ako jeden druh prevedenie celej vyhľadávač,
takže jednoducho budeme robiť front-end, aby som tak povedal.
Urobíme tú časť, ktorá užívateľovi umožňuje vyhľadávanie, a budeme tak nejako pramice na Google
Najťažšie nájsť výsledky vyhľadávania,
ale konkrétne, budem hovoriť na webový server spoločnosti Google
pomocou jednej z dvoch veľmi populárnych metód.
Jeden sa dostať, ďalší, že budeme nakoniec vidieť, že pošta,
hoci tam sú iní, že sú menej často používané.
Tak sa jednoducho vyvoláva predstavu, ja sa chcem dostať nejaký obsah, získať nejaké výsledky vyhľadávania.
To, môžete snáď hádať, čo to robí.
To je nejaký vstup, je to v skutočnosti, bude vyzerať ako textové pole,
a názov tohto vstupu, názov tejto premennej, aby som tak povedal,
sa bude q na dotaz konvencií.
A opäť, typ tohto vstupu sa nebude políčko;
to nebude menu; to bude textové pole
ako označil tento atribút tu, a tohto textového poľa,
ako koniec riadku, je buď tam, alebo nie.
Takže máme prázdny element s lomítkom vnútri tohto tagu.
Potom idem dať zalomenie riadku, a môžete, možno, asi, čo to bude robiť.
To je iný druh formulára vstupu.
>> Ten sa bude používať pre odosielanie formulára.
Tak to bude veľký tlačidlo, ktoré môže užívateľ kliknúť odoslať formulár,
a štítok na toto tlačidlo bude "CS50 hľadať."
Zavrieť formulár, úzkym telo, úzkym HTML.
Poďme sa pozrieť, čo máme vo forme tejto webovej stránke.
Tak nechaj ma ísť do môjho prehliadača,
nechaj ma ísť, ešte k miestnemu hostiteľovi.
To je stále index.html, takže ak chcem vidieť tento súbor s názvom search0,
Ja si jednoducho urobiť / search0.html, zadajte -
a prvý z mojich chýb.
Čo sa deje? Jasne som Nemáte oprávnenie
prístup k tomuto súboru, z nejakého dôvodu.
Ale to je preto, že na rozdiel od práce, ktorú sme urobili tak ďaleko v C,
kde sú programy, ktoré napísať Predpokladá sa, že runable vami,
vami spustiteľný, že to nie je naozaj tak na webe,
, Ktorým sa niekedy budete chcieť vytvoriť súbory na serveri,
ale nechcete, aby sa celý svet, aby mohli vidieť.
Skôr, chcete, aby sa svet vidieť niektoré súbory
ale nie iní, len kvôli Ochrana osobných údajov na.
Takže je to skôr opt-in základe keď robíte veci na webe.
A tak mi dovoľte vlastne napíšte ls tu,
a uvidíte súbory, ktoré mám, ale pripomenúť, že keď to urobím ls-l pre dlhé,
Zoženiem dlhší záznam, ktorý mi dáva nejaké ďalšie informácie o týchto súboroch
ktoré sú teraz, naozaj, prvýkrát relevantnými pre nás.
Všimnite si, že na pravej sú mená mojich súborov,
a potom čas, kedy boli naposledy zmenené alebo kopírovať.
Toto číslo je tu to, čo? Spomínate si?
Veľkosť v bajtoch, aký veľký je súbor.
>> Tak sa mi zdá, mať nejaký loga v tú, ktorá je väčšia ako všetky ostatné súbory.
To je, kto som, to je to, čo som a čo skupina som dovnútra
Ale potom, tu vľavo je trochu mystické poradí,
a hovorili sme, myslím, stručne o tom v minulosti,
ale to má čo do činenia s oprávneniami.
A aj keď je to trochu nejasné,
RW pravdepodobne znamená, čítanie a zápis.
Tak to dopadá, že tieto pomlčky označujú rôzne sady oprávnenia pre rôzne ľudí.
A vzor je, v podstate, nasledujúcim spôsobom.
Keď vidíte postupnosť čiarok tu, vyzerajú takto.
Tam je pomlčka, potom je tu ďalšie tri pomlčky,
potom je tu ďalšie tri, potom je tu ďalšie tri.
Prvá z nich je buď pomlčka, alebo je to reklama na adresár.
Tak že jeden je celkom jednoduché. Ak je to zložka, hovorí d, inak je to pomlčka.
Je tu pár ďalších prípadoch, ale teraz jednoducho budeme starať o súboroch a adresároch.
Tieto ďalšie tri pomlčky - a ja som umelo vkladá medzery.
Boli samozrejme, nie tam, keď sme ich videli pred chvíľou.
Jedná sa o vlastníka súboru je oprávnenie,
a odvoláva z druhej dávno, že to bolo čítanie a zápis.
To bolo preto, že ja, ako osoba, ktorá vytvorila tento súbor pred chvíľou,
I len tým, že v predvolenom nastavení, v počítači so systémom Linux,
majú schopnosť pokračovať v čítaní a písaní, že súbor.
>> Takže operačný systém jednoducho mi dáva RW automaticky.
Prostredný z nich sa vzťahujú k mojej skupine, že študentov,
čo je druh zmysel na prístroji, pretože som jediná osoba používajúce prístroj.
Takže mi dovoľte mávať rukami na to pre túto chvíľu.
Ale tie posledné sú najdôležitejšie pre web.
To je každý inde na svete, a skutočnosť,
, Že je to --- znamená, že nikto iný na svete
má nejaké oprávnenie k tomuto súboru.
Je zrejmé problém, tak musím opraviť
by nejako dávať svetu, čo? Čítať a písať?
To je asi hlúpe, nie? Ja nechcem, aby niekto na webe
ísť navštíviť mojej stránky a nejako zmeniť tento súbor,
aj keď naozaj nemohli s HTML súboru,
ale len v zásade, pravdepodobne len chcem, aby boli schopní čítať.
Čo to znamená čítať? To neznamená, že budeš sa starať o skutočné HTML,
ale prehliadač musí byť schopný analyzovať tento značkovací jazyk,
zhora dole, zľava doprava.
Takže niekto na webe musí byť schopný čítať, tak som minimálne dať jej r
Urobím to v niekoľkými rôznymi spôsobmi, ale snáď
Najjednoduchšie je spustiť tento príkaz tu.
Chmod, zmena režimu, potom + r, takže všetky, všetci na svete + čítať,
a potom názov súboru, search0.html.
>> Teraz, keď som to ls-l znovu, zistíte, že súbor bol zmenený,
a naozaj, som sa obrátil na r pre každého.
Tiež som zapol ju za svoju skupinu, ale to je v poriadku,
, Pretože keď som sa obrátil v na pre každého, moja skupina je podmnožinou toho.
Tak to je taky v pohode. To jednoducho znamená, že počítač teraz robil to čitateľné.
Teraz mi dovoľte vrátiť sa k môjmu prehliadači, kliknite na tlačidlo znova.
Ah-ha. V súčasnej dobe máme CS50 Hľadať.
Som priblíženie v malom umelo - dosť príšernú vyhľadávače.
Ale uvidíme, či to skutočne funguje.
Najprv mi dovoľte, aby som to rýchlo zdravý rozum kontrolu, dovoľte mi, aby som ovládať tlačidlom myši a zobraziť zdrojový kód stránky.
Všimnite si, že v rámci Chrome sme dnes svedkami rovnakej HTML, ktorý som sám vytvoril.
Nenechajte sa zmiasť tu, hoci. Nemôžem začať so zmenou kód tu,
pretože prehliadač má len pre čítanie pohľad na tohto kódu.
V prehliadači sa len pýtal miestneho hostiteľa pre súbor s názvom search0.html.
Teraz je náhoda, že spotrebič
sa stane, že na rovnakom počítači ako svojom prehliadači.
Mohol by som mať, equivalently, zadali v www.facebook.com/search0.html,
a ak Facebook mal súbor s názvom, ktorý by som potom vidieť ich HTML.
A, samozrejme, nemôžem zmeniť súbor, ktorý sa vráti z Facebooku, a to buď.
Takže teraz sme trochu rozostřování hraníc.
Prístroj je ako server, servírujú stránky,
ale je to aj klient v tom zmysle, že som pomocou prehliadača
sa skutočne hovoriť k tomuto serveru.
Tak uvidíme, či moje Google search engine funguje.
Nechaj ma ísť dopredu a hľadať quick brown fox, zadajte.
A voila, teraz mám vlastný vyhľadávač.
>> Ale ako to funguje?
Trochu pritiahnuté za vlasy, ale - a teraz nemôžete vidieť, presne, časť, ktorá je v záujme.
Všimnite si, čo sa stane.
Všimnite si, že URL. Ukazuje sa, že táto metóda,
volal dostať, je super-jednoduchý.
Keď zadáte do formulára, ktorý chcete "dostať" výsledky z nejakého servera,
čo to bude robiť, je vziať, čo ste zadali do formulára
a vložte ho do URL.
Bude to pre štandardizáciu, ako dostane to dať do URL takto.
Všimnite si, že toto je URL, že bola hodnota môjho atribútu action.
To je miesto, kde som chcel forma skončiť.
Ale potom zaznamenáte tento otáznik.
Toto je zmluva o webe, ktorým poskytnúť vstup užívateľa
na webové stránky, môžete pridať do URL otáznik,
a potom máte veľa párov kľúč-hodnota.
Názov kľúča, inak známy ako parameter na webe,
potom máte znamienko rovnosti, potom máte hodnotu tohto parametra.
Takže je to v podstate názov premennej a hodnota premennej,
ale tie premenné názvy a hodnoty pochádza z HTML formulára.
Prečo sú plusy tam, myslíš?
Pretože som nemal písať + medzi mojimi slovami.
[Študent, nezrozumiteľným]
>> Jo, je to len pre rozteče. Kurzy sú, keď ste videli URL,
tam nikdy žiadne medzery v tom, aj keby len preto, že
ak tam boli, nemohli ste naozaj skopírovať a vložiť
do infraštruktúry alebo do e-mailu, pretože to by porušilo.
Ak celá vec byť jeden súvislý reťazec znakov.
>> Takže prehliadač je dosť šikovný na to, aby si uvedomiť, uh-uh.
Nepoužívajte len dať priestor tam. Dovoľte mi, aby som kódovať priestor v nejakej štandardným spôsobom.
Jeden z konvencií na tom je, že má prehliadač
automaticky umiestni +, kde by ste inak medzeru.
Takže teraz, upozornenia Google bol trochu user-friendly.
Určite som vytvoriť túto webovú stránku,
ale oni vopred vyplnené vlastné textové polia
s tým, čo, presne, som napísal dovnútra
Dajme tomu, že chcete vyhľadávať niečo iné, ako lenivého psa.
Môžem len napísať to tu, re-search.
Všimnite si, že URL zmení tu,
ale všimnite si potom, že som si skutočne hľadať čokoľvek chcem
len tým, že pochopenie toho, ako adresy URL prácu.
Ja som mohol robiť lenivou mačku, zadajte,
a všimnite si, teraz som stále veľmi lenivý - mali by sme? Mám pocit, že by sme mali.
Mám veľmi lenivý mačku.
Dobrá. To je jeden z najhlúpejší vecí, ktoré sme urobili.
Ale to je lenivý kocúr.
Tak či onak, čo je kľúčom takeaway tu?
Teraz sme trochu hrať vo svete HTTP.
HTML je práve tento značkovací jazyk, open tag, zavrieť tag,
ktorá rozpráva prehliadač, ako vykreslenie obsahu na webovej stránke.
Ale keď začnete prenášať dáta v internete
medzi webovým prehliadačom a serverom, že ak je tento protokol
známy ako HyperText Transfer Protocol prevezme.
Toto je druh ľudského dohovoru; keď Sam a ja si potriasli rukami v pondelok,
predvolené pripojenie a potom zatvorenie pripojenia, rovnaký nápad sem.
Ako sa na Google výsledky vráti ku mne?
Ako sa moja forma podania bude Google?
No, spomínam z druhý deň, že to, čo sa naozaj deje
pod pokrievku, keď požiadať o webové stránky, je,
Váš prehliadač posiela trochu záhadný, správu ako
GET / HTTP/1.1 pre predvolenú domovskú stránku.
>> Alebo, v tomto prípade, pretože najmä požiadať skôr
search0.html, to by potom bolo niečo, mystické správu
že môj prehliadač posiela do zariadenia.
Alebo, v tomto prípade Google, čo sa vlastne poslaný
je požiadavka na / vyhľadávanie, a potom? q = lenivý mačka, s naviac tam.
Takže táto správa, že som, človek, som nikdy písať,
ale potom je poslaný do prehliadača, je to, ako HTTP stane.
To je ekvivalentná našich mať potriasol rukou.
To je požiadavka, a server to asi poslať odpoveď.
Takže poďme sa pozrieť na to pod kapotou.
Rovnako ako predtým, môžeme otvoriť túto špeciálnu poľa v prehliadači.
Zobraziť stránku, skontrolujte prvky.
Takže podľa prezrieť prvok, zistíte, že to, čo sa stalo v prehliadači Chrome,
a IE a Firefox majú podobné mechanizmy,
máme tieto nástroje pre vývojárov, ktoré sú prístupné na nás.
Normálny ľudia nemajú používať tieto karty.
Ale my, teraz, zaujíma, čo sa deje
pod pokrievku na úrovni siete.
Takže ak som vytiahnuť sieťovú úroveň tu,
nechaj ma ísť napred a rozšíriť toto okno,
otvoriť túto položku tu, a pozrite sa na hlavičku.
Takže čo sa stane, keď som požiadať o súbor z webového servera
je môj prehliadač posiela veľa vecí.
A dovoľte mi, aby som zobraziť zdrojový kód. Takže podľa hlavičiek,
a to je len Chrome a ukazoval mi nejaké diagnostické výstup,
niečo ako ladiaci nejakého druhu,
Všimnite si, že to, čo som zdôraznil tu je presne to, čo
Chrome odosiela na server, aby požiadalo o súbor s názvom search0.html.
To hovorí server, čo si myslí, že jeho meno je,
vďaka tejto oblasti hostiteľského hrubého čreva, potom je tu nejaký
pekný ezoterické veci sem, ako niečo, čo robiť s dátami a časy,
niečo spoločné s jazykmi, ktoré prehliadač nerozumie,
ale naozaj dôležité linky sú tieto prvé dve tu.
>> Čo server odpovie? No, ak by sme prejdite sem
a zobraziť zdrojový kód tejto veci, zistíte, že server
odpovedal s trochu tajomnou správu rovnako, 304 nemení.
To je trochu divné, dovoľte mi, aby som sa skutočne snaží to napraviť.
Dovoľte mi, aby som podržte stlačený kláves Shift a kliknite na tlačidlo znova tu
donútiť prehliadač, aby skutočne túto žiadosť prvýkrát.
Potom mi dovoľte priblížiť, a budeme vidieť, že sa odozva servera,
pretože som držal posun, je 200 OK.
Takže ste asi nikdy nevidel číslo 200
V súvislosti s webu, ale čo čísel
ste niekedy videli neočakávane zo serveru?
404, súbor nebol nájdený, 403, zakázaná, 500, chyba servera.
Takže tam sú tieto číselné kódy, ktoré svet používa na webe
znamenať chyby, rovnako ako funkcia C
môže vrátiť chyby a hlavné môže vrátiť návratový kód.
200, aj keď, môžete vidieť len zriedka, pretože to znamená, je všetko v poriadku.
A 304 budete pravdepodobne nikdy vidieť, pretože to, čo je to znamenať?
To nič nemá - uvidíme, či môžeme simulovať to znovu -
Oh, teraz to nie je spolupracujúci. 304 povedal nemení,
tak prečo bol server ešte reagovať?
No, pre efektivitu, webový server automaticky za vás,
ak súbor nebol zmenený, nebude prenášať celý súbor HTML.
Je to len povedať, že prehliadač sa nezmenil.
Stačí použiť kópiu už máte.
Takže tam je to predstava ukladanie do vyrovnávacej pamäte na webe
pre výkon, takže nemusíte strácať čas a odpadové šírku pásma
sťahovanie súborov znovu a znovu zbytočne.
>> But táto webová stránka, teraz, bol super-jednoduchý,
a to len vtedy ukázal mi HTML, ktorý sa vrátila.
Poďme vlastne používať siete kartu teraz urobiť vyhľadávanie na Google ako quick brown fox.
Dovoľte mi, aby som potom kliknite na tlačidlo CS50 vyhľadávanie,
a teraz, zistíte v dolnej tu celá partia vecí vrátil
pretože keď som navštíviť skutočný webové stránky, ako Google.com,
majú obrázky, ktoré majú textu, majú jazyk zvaný JavaScript tam.
Takže každý riadok v tejto tabuľke dole
predstavuje niečo, čo Google pľuvať v reakcii na môj jednu žiadosť.
Ten mi záleží, aj keď, je to prvé.
A keď pôjdem do vyhľadávania, žiadosť, kliknite na voľbu Zobraziť zdroj tu,
Všimnite si, že, skutočne, mystické posolstvo, že môj prehliadač poslal
na Google práve tieto dva riadky tu,
nasleduje nejaký tajomný informácií tu dole, ktoré budeme ignorovať teraz.
Všimnime si ale tiež, čo Chrome je celkom šikovný s,
je to tiež ukazuje mi reťazec dotazu, ktorý bol odoslaný dovnútra
Takže skôr než ukázať mi to, ktoré bolo doslova poslaný,
ak ju môžem prezrieť dekódované, Chrome, len pre účely ladenia,
pre vývojárov, ako sme my, je to len ukazuje mi fotky verzia -
to nie je ako sa to píše Fox, zrejme.
Len som si všimol, to teraz - ale je to, že vám ukazuje, čo som, zdá sa, zadali.
Medzitým, odpoveď, že sa vrátil zo servera je opäť 200 OK.
Ale zahrnuté do tejto reakcii, samozrejme,
ak by sme skutočne mohli HTML stránky -
ľúto, je to trochu klávesová skratka preč nakrivo dnes.
>> Postarám sa o to neskôr. Takže ak sme vlastne zobrazenie stránky je zdroj,
ktoré môžem robiť tu dole kliknutím odpoveď,
To je to, čo bolo vlastne pľuvať späť, navyše k tomuto kryptické 200 OK správy zo servera.
Trochu záhadné, ale kde je to všetko pochádza?
No, poďme urobiť jednu vec tu. Ďalším trochu-Cryptic Command,
Ale toto je trochu úhľadné v tom, že nám ukazuje presne to, čo sa deje pod kapotou.
Takže som späť na mojom Macu tu, som pripojený
prostredníctvom programu nazvaného SSH, Secure Shell, na inom serveri
pretože väčšina počítačov Harvarde zablokovať príkaz sa chystáme spustiť
pretože tam je to príkaz na niektorých serveroch nazývaný traceroute
, Ktorý vám umožní sledovať trasu medzi bodmi A a B,
a tak ďaleko sme sa brať úplne za samozrejmosť
že môžem písať Google.com a nejako získať dáta späť
z polovice celej krajiny alebo cez pol sveta.
S traceroute môžeme skutočne ponoriť sa trochu hlbšie
ako internet funguje, a uvidíme, čo sa deje pod kapotou.
Tak poďme do toho a ľubovoľne sledovať trasu, povedzme, Stanford.edu,
ktorá je po celej krajine, a stlačte klávesu Enter.
Tento príkaz môže byť super-rýchly a super-pomalé,
ale to, čo vidíme dnes, riadok po riadku,
je každý jeden z krokov alebo poskokov medzi nami a Palo Alto, alebo Stanforde,
kde majú svoje webový server.
Takže to, čo má každý z týchto riadkov predstavujú konkrétnejšie, aj keď?
Kus žargónu z internetu? [Študent, nezrozumiteľným]
>> Čo je to? [Študent, nezrozumiteľným]
>> Oh, tak tam sú časy, ale čo každý riadok - čo tým chcem povedať hop?
>> No, sú tieto veci na internete tzv smerovača.
A smerovača, ako názov napovedá, cesta informácie z bodu a do bodu b
Ale existuje niekoľko bodov, mimo a a b
Tam je c a d, e, f medzi riadku 1,
ktorý sa stane byť môj počítač IP adresu,
alebo môj číselná adresa, ktorá jedinečne identifikuje počítač,
a krok 15, čo je vlastne šiesty webový server,
zrejme, ktoré som vyvodil z toho, alebo verzia 6 ich webového servera na Stanforde.
Ale čo je to druh čistý je, môžeme vidieť cestu
že môj 0 a 1 je berú z môjho počítača na Stanford.
Takže krok 1 vlastný počítač adresa.
Každý počítač na Internete má jedinečný identifikátor, ktorý vyzerá takto.
Number.number.number.number.
Niekde na tejto pôde, pravdepodobne v oblasti vedy centre,
je router nazýva jadro Brána 2-te83, nech to znamená čokoľvek,
takže to je jeden z veľkých Harvardu fantázie smerovača, ktorý smeruje veľa ich prevádzku.
Tu je ďalší z routerov Harvardu, toto je Border Gateway,
cezhraničný význam, že je to pravdepodobne na okraji areálu niekde.
Potom je tu nox jeden, riadok 4, ktorý je severný križovatky,
čo je veľký ISP, poskytovateľ internetových služieb,
že miesta ako Harvard pripojiť až.
Ale potom to trochu zaujímavý v súlade 6.
Kde sú moje kúsky naraz? Kansas.
Svet má vo zvyku používať letiskové kódy v mnohých z týchto vecí,
alebo aspoň skratiek štátov alebo miest,
tak to vyzerá, len v 60 ms,
balíček informácií, 0 a 1 je z môjho notebooku
dostal až do Kansasu, a znova, v 60 ms.
>> Navyše, po Kansase, vzali zájazd cez Houston, pravdepodobne,
ako vyplýva už z názvu tohto servera.
Takže rovnako ako server na internete, musí mať číselnú adresu,
to môže tiež voliteľne, majú mierne viac človeka-friendly adresu, na ktorú ľudia vymysleli.
Teraz, v kroku 8, nevieme, čo to je.
Niekedy routery tak nejako ignorovať,
a oni jednoducho nemajú odpovedať na otázky, takže je to v poriadku.
Jeden po kroku 8 je zrejme kde? L.A.
Všimnite si, len 78 ms, to, čo sa nám ľudí, ako je 6 + hodín urobiť fyzicky,
berie pakety informácií na internete 78 ms cestovať tak ďaleko.
Krok 10 je v LA tiež, a krok 11 sa zdá k išli na sever, do blízkosti Stanforde.
To je ich hranice router, alebo hraničný smerovač.
Pár krokov na Stanforde, ktoré sú ignorujem nás,
a konečne sa dostávame k webovému serveru za pouhých 87 ms.
Teraz, všetky z týchto čísel, ako stranou,
len povedať, ako dlho to trvá, údaje sa dostať odo mňa
na každú z týchto smerovačov, a to nesčítajú.
Čo tento program je, že najprv odošle správu, v podstate na prvý routeru.
Potom sa jeden do druhého routeru; potom jeden na tretej routeru,
meranie zakaždým. Takže teoreticky, budú tieto časy sa stále
alebo aspoň veľmi blízko seba,
a, naozaj, tie, ktoré sú tu na akademickej pôde sú super-small.
Akonáhle začnete ísť po celej krajine, trvá dát
trochu dlhšie cestovať, bližšie k 100 ms, dávať alebo brať.
Ale poďme opačným smerom teraz. Ako o Cambridge University vo Veľkej Británii?
Dovoľte mi, aby som namiesto toho použiť traceroute z www.cam pre Cambridge,
. Ac pre akademické,. Uk, a stlačte klávesu Enter tu.
To bolo sakramentsky rýchlo.
Moje údaje doslova išiel do Cambridge, Anglicko, v tomto zlomku sekundy času.
>> Tak uvidíme, na cestu, ktorá to trvalo.
Harvard, Harvard, Harvard, Severná Crossroads,
ktorý je ISP, a potom je severná križovatky, a potom bum.
Čo je medzi kroky 6 a 7, router 6 a 7?
Atlantický oceán. A my sme vyvodila to z toho, že
Ideme od 20 ms tu 80 ms tu.
Takže niečo vzal 60 ms, dávať alebo brať, prekonať.
A to bol pravdepodobne veľký vodný útvar.
Čo sa deje potom? No, tu sme v Londýne,
Len 88 ms neskôr. Viac London, viac London,
neviete, kde to je, ale budeme predpokladať, že je to mimo Londýn,
Cambridge tu, a nakoniec sme - doslova, University of Cambridge
. Something.net, a potom, nakoniec, v riadku 16,
ich web server je zrejme nazýva Scorpius
pod pokrievku, aj keď vieme, ako www.
Druh mysli-vyfúknutie, myslím. Prvýkrát, čo som to urobil, to úplne mi vyrazil dych.
Bohužiaľ, Harvard blokuje tento druh dopravy, zvyčajne, v sieti.
Takže nemôžete robiť to super ľahko.
Uvedomte si, aj keď, toto je možné.
Dobrá. Poďme vziať našu 5-minút prestávku tu. Vrátime sa a ponoriť hlbšie.
Takže sme späť, a my sme trochu vliekli okolo v niekoľkých rôznych smeroch tu.
Takže poďme zhrnúť, čo presne sa deje.
Začali sme rozhovor o tom hovoriť jazykom volal HTML.
Opäť, nie je programovací jazyk. Je to len značkovací jazyk
že je z veľkej časti o estetike a štruktúrovanie obsahu vo forme webovej stránky.
Ale HTML, preto je treba nejaký mechanizmus
pre cestovanie medzi webovým prehliadačom a serverom.
HTML teda druh jázd na vrchole tejto inom jazyku,
alebo viac vhodne, protokol, známy ako HTTP.
>> A HTTP, ako sme videli doteraz,
je tak trochu analogickej tejto ľudskej konvencie trasúcimi sa rukami.
Keď prehliadač chce požiadať o stránku zo servera,
pošle, že "sa" požiadavka z prehliadača na server,
a potom server odpovie číslo ako 200, je všetko v poriadku,
rovnako ako HTML alebo nejakú zlú číslo ako 404, súbor nebol nájdený.
Ale medzitým, HTTP sama o sebe nie je Internet sám o sebe.
HTTP je len služba, rys internete
podobne ako G chate je ďalšia služba, podobne ako e-mail je ďalšia služba.
Je tu všetky druhy vecí, ktoré môžeme robiť na internete.
HTTP je len jedným z týchto aplikácií.
Tak na vrchole - HTTP je v hornej časti niečo iné
ktoré sme nespomenuli podľa názvu, možno ste počuli o podľa názvu, TCP / IP.
Takže príbeh sme jednoducho povedali, že je všetko okolo
ako dáta cestuje z bodu a do bodu b
A v tomto prípade, sme videli na veľmi nízkej úrovni
router na router na router k routeru,
ako sú dáta skutočne prenášané.
Ale po ceste, bude to zaznamenáte rôzne prekážky.
Okrem týchto smerovačov, tam sú veci, zvané firewall na internete,
a tak údaje, ako napríklad, že sme práve vysiela
odo mňa na Stanford, odo mňa do Cambridge,
je poslaný k, na tejto úrovni, niečo, čo nazýva IP adresu.
Videli sme to pred chvíľou, a IP adresa
je len číselná adresa v tvare w.x.y.z,
kde každý z nich je medzi, dávať alebo brať, 0 a 255,
keď nemôžete úplne používať všetky z týchto čísel.
Ale každý z týchto miesto držiakov je číslo v rozmedzí od 0 do 255.
Takže IP adresy v týchto dňoch je 32 bitov.
>> Teraz, že nám dáva, koľko je to možné IP adresy na svete?
Zhruba 4 mld Sk, pretože kedykoľvek sme počítanie v právomoci 2
celú cestu až do 32 niečoho, že zvyčajne nám 4000000000.
Takže je to veľa IP adries, ale môžete si prečítať,
alebo môžete teraz zaznamenať v populárnom tlače,
tlak smerom k novej verzii IP názvom IPv6.
Práve teraz sme použili verzii 4.
Tam naozaj nebol verzia 5, sme len skákanie právo 6.
Verzia 6 ich bude používať 128 bitov pre adresy IP, ktorá je Podivínský obrovský.
Nemali by sme dôjdu pre docela nejaký čas,
ale my sme začali bežať z verzie 4 IP adresy,
pretože každý z nás má nielen veci, ako sú notebooky a stolné počítače,
Mnoho z nás má mobilné telefóny, veľa z nás má iné zariadenia
ako TiVo a ako, že adresy IP sami.
Harvard sám má desiatky tisíc počítačov.
Takže svet je skutočne dochádza IP adries, aspoň v tejto podobe.
Takže v priebehu niekoľkých najbližších rokov, budete vidieť adresy
na svojich vlastných počítačoch pravdepodobne pomaly meniť
ako viac a viac spoločností a univerzít začne podporovať novšiu verziu.
Ale IP adresa nie je dostatočná pre pripojenie k počítaču a požadovať dáta z počítača b.
Vzhľadom k tomu, počítač b môže byť server,
a server, ako som už spomenul, je to hrozno vecí.
To môže hostiť webové stránky, môže to byť e-mailový server,
to môže byť Skype server, môže to byť rozprávanie G server.
>> Všetky tieto rôzne služby, ktoré môžu byť poskytované na serveri
mohli všetci, fyzicky, byť na rovnakom stroji.
Takže okrem IP adresy,
svet má veci zvanej porty na internete.
Port je len číslo, takže tam je jedinečné číslo pre HTTP.
Jeho číslo je 80.
HTTP tiež používa číslo 443, ale konkrétne u kódovaných HTTPS.
Keď vidíte s, pre bezpečný, že je s použitím iné číslo.
Existujú aj ďalšie čísla, ako 25, používané na niečo, čo nazýva SMTP, inak známy ako e-mail.
Je tu niečo, čo nazýva 22 pre SSH,
a tam je celá partia ďalších prístavov tam.
Teraz, my ľudia len zriedka vidieť tieto čísla.
Avšak, keď napíšete adresu ako http://www.facebook.com,
prehliadač tajne vkladanie 80, pretože ste pomocou protokolu HTTP.
Ak namiesto toho, zadajte HTTPS, je to tajne vloženie 443.
A môžeme trochu vidieť ručne, ak som vytiahnuť Brower
a prejdite na http://www.facebook.com:80.
Preto výslovne citovať nielen názov webovej stránky
ale port, ktorý chcem hovoriť, a stlačte klávesu Enter.
Všimnite si, že zmizne, pretože prehliadač predpokladá,
oh, 80, nie som dokonca ísť obťažovať o tom, že na vás.
Ale dôvod, prečo je to, že keď som vlastne chcel poslať niekoho e-mail,
Ja by som vlastne posielať im to na porte 25, ktorý je SMTP.
Trochu oversimplification, ale niektorí z vás majú priateľov
ktorí skutočne pracujú na Facebooku, a oni, podobne, majú servery, ktoré dostane e-mail.
>> Zakaždým, keď pošlete e-mail, čo gmail robí pre vás
alebo Outlook alebo čokoľvek program, ktorý používate,
je to trochu tajne vloženie toto číslo tiež, 25, v tomto prípade.
Je to táto kombinácia IP adresy a čísla, ktoré jednoznačne identifikuje
počítač na internete a konkrétnu službu na tomto počítači.
Teraz, samozrejme, väčšina z nás pravdepodobne nikdy zadali ručne IP adresu.
Možno máte v zariadení, ale v reálnom svete, nie toľko.
Prečo by sme zadajte IP adresy do prehliadača?
To bude fungovať, v skutočnosti, môžeme vidieť, dovoľte mi ukázať vám
jeden ďalší príkaz, ktorý by mal fungovať väčšina kdekoľvek na akademickej pôde Harvarde na Mac alebo PC.
Tam je to príkaz nazýva nslookup, meno servera vyhľadávanie.
Keď sa pozriem do www.cnn.com, ukázalo sa, že CNN má - oh, zaujímavé.
CNN začala používať Amazon Web Services.
Možno viete o cloud computingu, Amazon je jedným z veľkých hráčov v cloud computingu.
Čo som práve urobil, bolo, povedal som, "Daj mi adresu webového servera CNN,"
ale ukazuje sa, že CNN webový server je riadená Amazon,
Amazon Web Services, čo naznačuje,.
A adresa tohto servera je to tu.
Takže som si istý, či to bude fungovať, pretože oni nie sú zvyknutí používať Amazon.
Ale skúsme túto; http://, IP adresu, zadajte, a -
to bude fungovať?
Áno. To bude fungovať. Internet je super-pomalé dnes.
Ale vo chvíli, uvidíte nejaké reportáž.
Tam ideme. Bank of America je žalovať. Dobrá.
>> To preto, že táto IP adresa náhodou tým synonymom www.cnn.com.
Samozrejme, že by bolo strašné marketing povedať, navštívte nás na webe v 50.112.94.127.
Tie nikdy zapamätať. Takže aj v týchto dňoch môžete pripomenúť veci
ako 1-800-COLLECT alebo mnemotechnická pomôcky svet prišiel s telefónnych čísel.
Čo, pred mobilných telefónov, boli skôr ťažké si spomenúť,
kým mohol len zadajte ho a zabudnúť na to.
Takže na webe, má aj túto konvenciu mien a IP adries,
a tam sú tieto veci tam volal servery DNS,
doménových mien systémy serverov, ktoré prekladajú IP adresy do mena a naopak.
Takže to je to, čo sa deje na pod pokrievku.
Na konci, máme TCP / IP, ktorý je pre tento veľmi nízky, na úrovni protokolu
že naozaj, jednoducho dostane 0 a 1 je cez internet,
a robí tak tým, že je do virtuálnej obálky,
ak chcete, a písanie na vonkajšej strane obálky
IP adresa ciele, rovnako ako číselná číslo portu
poskytovanie služby na tomto určení, že chce hovoriť.
Medzitým sa na obálke tiež niečo známy ako spiatočnej adresy,
ktoré je vaša IP adresa, takže keď CNN dostane paket informácií od vás,
otvorí sa tento virtuálny obálku, vidia, že chcete domovskú stránku,
vie od odosielateľa časti tohto virtuálneho obálky komu zaslať HTML späť na.
Takže poďme sa pozrieť na to v trochu podrobnejšie.
To je od spoločnosti s názvom Ericson, od niekoľkých rokov späť.
A vzali niektoré slobody s tým, ako vlastne funguje Internet,
ale maľuje oveľa vizuálny obraz ako obyčajné kriedy až tu.
Tak som vám "trochu na internete."
>> [Moderátor] Prvýkrát v histórii,
ľudia a stroje pracujú spoločne, splnenie sna.
Zjednotenie sila, ktorá nepozná geografické hranice.
Bez ohľadu na rasu, vyznanie alebo farbu.
Nová éra, kde komunikácia skutočne spája ľudí dohromady.
To je
Dawn of the Net.
Chcete vedieť, ako to funguje? Kliknite tu pre začať svoju cestu do siete.
Teraz, presne to, čo sa stalo, keď ste klikli na tento odkaz?
Vy ste začali tok informácií.
Tieto informácie putuje do vášho osobného podateľne
kde Mr IP balíčkov, označí ju, a odošle ju na svojej ceste.
Každý paket je obmedzený vo svojej veľkosti.
Podateľňa musí rozhodnúť, ako rozdeliť informácií
a ako zabaliť.
Teraz, balíček potrebuje štítok obsahujúci dôležité informácie
ako adresa odosielateľa, príjemcu je adresa, a typu paketu to je.
Vzhľadom k tomu, tento konkrétny paket ide von na internet,
to tiež dostane adresu proxy servera,
ktorá má špeciálnu funkciu, ako uvidíme neskôr.
Paket je teraz začala na vašej lokálnej sieti, alebo LAN.
Táto sieť sa používa pre pripojenie všetkých lokálnych počítačov "
routery, tlačiarne, etcetera, pre výmenu informácií v rámci fyzickej stien budovy.
Zariadenie LAN je celkom nekontrolované miesto, a, bohužiaľ,
nehody sa môže stať.
Cesta z LAN je vybavený všetkými typmi informácií.
Jedná sa o IP pakety, Novell pakety, AppleTalk pakety.
Idú proti dopravy, ako zvyčajne.
Miestne router číta adresy a, ak je to potrebné,
zdvihne paket do inej siete.
Ah, router. Symbol kontroly v zdanlivo zmäteného sveta.
[Router mumlal a hovoriť k sebe]
>> [Moderátor] Tu je, systematické, bezcitný, metodické,
konzervatívny, a niekedy nie je úplne až na rýchlosť.
Ale aspoň je presný, z väčšej časti.
Vzhľadom k tomu, pakety opustia router, oni robia ich cestu do podnikovej internete
a hlava pre router prepínača.
Bit účinnejší ako router, router switch hrá veľmi jednoduché a voľné s IP pakety,
obratne smerovanie je po ceste.
Digitálny "pinball wizard," ak chcete.
[Router switch hovoriť k sebe]
[Moderátor] Ako pakety dorazia na miesto určenia,
oni sú vyzdvihnutá sieťové rozhranie,
pripravené na odoslanie do ďalšej úrovne.
V tomto prípade, zástupcu.
Proxy je mnoho spoločností používa ako akýsi prostredník človeka
aby sa uľahčila zaťaženie internetového pripojenia
a z bezpečnostných dôvodov, rovnako.
Ako môžete vidieť, že pakety sú rôznych veľkostí v závislosti na ich obsahu.
Proxy otvorí paket a hľadá webovej adresy alebo URL.
V závislosti na tom, či je adresa prijateľné,
paket je odoslaný na internete.
Existujú však niektoré adresy, ktoré nespĺňajú so súhlasom zodpovedného zástupcu.
To znamená, firemné alebo riadenie pokyny.
Tie sú súhrnne zaoberá.
Budeme mať nič z toho.
Pre tých, ktorí si to, je to opäť na ceste.
>> Ďalší na rade, firewall.
Firemné firewall slúži na dva účely.
Zabraňuje niektoré trochu škaredé veci z internetu od príchodu do intranetu,
a to môže tiež zabrániť citlivé firemné informácie pred rozposlané na internete.
Akonáhle cez bránu firewall, router vyzdvihne balíček
a umiestni ju na oveľa užšie ceste, alebo šírku pásma, ako hovoríme.
Je zrejmé, cesty nie je dostatočne široká, aby ich všetky.
Teraz by vás zaujímalo, čo sa stane so všetkými tými pakety, ktoré nechcete, aby sa po ceste.
No, keď pán IP nedostane potvrdenie
že paket bol prijatý načas,
jednoducho pošle náhradné paket.
Teraz sme pripravení vstúpiť do sveta internetu.
Pavučiny prepojených sietí, ktoré pokrývajú celú našu planétu.
Tu, smerovače a prepínače nadviazať spojenie medzi sieťami.
Teraz, Net je úplne odlišné prostredia, než nájdete
v rámci ochranných múrov vašej LAN.
Tu, to je Divoký západ.
Dostatok priestoru, veľa príležitostí,
veľa vecí k objavovaniu a miesta odísť.
Vďaka veľmi malú kontrolu a reguláciu,
nové myšlienky nájsť úrodnú pôdu, aby sa zasadila obálku svojich možností.
Ale kvôli tejto slobody, určité nebezpečenstvo aj číhajú.
Už nikdy nebudete vedieť, kedy sa stretnete s obávaný ping smrti,
špeciálna verzia normálneho požiadavky ping,
ktoré nejaký idiot vymyslel pokaziť nič netušiaci hostiteľov.
Cesta naše pakety sa môžu cez satelit,
telefónnej linky, bezdrôtové, alebo dokonca zaoceánsky kábel.
Nemajú vždy najrýchlejší alebo najkratšej trasy je to možné,
ale budú tam nakoniec.
Možno, že je to dôvod, prečo sa niekedy nazýva "World Wide Wait."
Ale keď všetko funguje bez problémov,
môžete obísť zemeguľu päťkrát viac ako na pokles z klobúka, doslova.
A to všetko za cenu miestneho hovoru alebo menej.
Takmer na konci našej cesty, nájdeme inú bránu firewall.
>> V závislosti na uhle pohľadu ako dátový paket,
firewall môže byť baštou bezpečnosti alebo obávaný protivník.
To všetko závisí na tom, na ktorej strane ste a čo vaše úmysly.
Brána firewall je navrhnutý tak, aby iba tie pakety, ktoré spĺňajú jeho kritériá.
Tento firewall pracuje na portoch 80 a 25.
Všetky pokusy o vstup cez iné porty sú uzavreté pre podnikanie.
Port 25 je používaný pre poštové paketov,
zatiaľ čo port 80 je vstupom pre pakety z internetu do webového servera.
Vnútri firewall, pakety sú premietané viac dôkladne.
Niektoré pakety, aby to ľahko cez colnicu,
zatiaľ čo iní vyzerajú trochu pochybné.
Teraz je firewall dôstojník nie je ľahko oklamať,
ako keď to ping of death paketu sa snaží zamaskovať seba ako normálny ping paketu.
[Firewall dôstojník hovoril paketov]
[Moderátor] Z týchto paketov to šťastie, aby sa to tak ďaleko,
cesta je takmer u konca.
Je to len línie až na rozhraní, aby boli prijaté do webového servera.
V súčasnej dobe, môže webový server bežať na mnohých veciach,
zo sálového počítača na webovú kameru k počítaču na vašom stole.
Prečo nie vaše chladnička?
Pomocou vhodného nastavenia, môžete zistiť, či máte predpoklady stať
pre Chicken Cacciatore, alebo ak máte ísť nakupovať.
Pamätajte, že toto je úsvit Net.
Takmer všetko je možné.
Jeden po druhom, sú prijímané pakety,
otvoril, a rozbalený.
Informácie, ktoré obsahujú, to znamená, že si žiadosť o informácie,
je poslaný do aplikácie webového servera.
Paket sám je recyklovaný,
pripravený na opätovné použitie, a naplní vaše požadované informácie,
riešiť, a vyslal na svojej ceste späť k vám.
Späť minulosti firewall, smerovače, a na cez k internetu.
Späť cez firemný firewall
a na svoje rozhranie,
pripravení dodávať svoj webový prehliadač s informáciami, ktoré ste požiadali.
To znamená, že tento film.
Potešený ich úsilie, a dôverovať lepší svet,
naše pakety Trusty údaje odísť blažene do západu slnka iný deň,
rebríček plne poslúžila svojej pánov dobre.
Teraz, nie je to šťastný koniec?
[Malan] Dobre, to stačí. Uvidíme sa budúci týždeň.
[CS50.TV]