[Powered by Google Translate] [Savaitę 7 Tęsinys]
[David J. Malan, Harvardo universitetas]
[Tai CS50.] [CS50.TV]
Gerai. Sveiki sugrįžę. Tai CS50,
ir tai yra 7 savaitės pabaigos.
Taigi, vienas iš šių kvailas mažai dalykų, kad eina aplink internete
ir mes slurped, ir dabar jis turi šiek tiek kelianti prasmės jums.
Na, tai buvo juokingiau, šis vaikinas, nei ji buvo jums vaikinai.
Kalbant apie, gerai, vaikinai,
šiandien Nate gimtadienis.
Norėdami suteikti jums tiesiog kaip gerai Nate jausmą ir aš
interneto svetainių kūrimas, remiantis pirmadienis klasėje ir dabar apie tai,
Maniau, kad atsigriebti Nate pagrindinį puslapį, jei jūs dar nematėte, tai dar.
Tai čia Ia Nate HTML.
Taigi matyti savo sourcecode, jei norite pamatyti, kaip tai padaryti, ir Nate,
, jei galėtume embarass tik trumpai, darbuotojai gavo šiek tiek kažką
jei norite pasidalinti desertas su kai klasėje čia vaikams.
Jei norite nagi žemyn.
Jūs visi ploti ir yra labai gražus, bet niekas sėdi kur nors netoli, Nate,
dėl kokios nors priežasties, to grįžtamojo zonoje.
Taigi, galbūt galite rasti kai kurie žmonės naudotis šiomis.
Su gimtadieniu, Nate.
>> Papildomos hellos: Mes parodėme keletą įrašus iš mūsų CS50x studentų.
Jei norite sužinoti, kas dar yra pasaulyje
kad po kartu, jūs galite galvą į šį URL,
Juozapas, vienas iš mūsų TFS, kartu sudėjus rūšių montažas
visiems, kurie buvo pateikti šiuos vaizdo įrašus, tarp jų Rick Astley.
Ir jei jūs slinkti per juos, tai tikrai gana įkvepiantis
šalių ir miestų, iš kurių žmonės pranešimo įvairovę.
Taigi, jei jūs norite imtis tuo atrodo, kad bus per semestro pabaigoje.
Šiandien mes ir toliau mūsų pažvelgti internete, web programavimas, HTML ir panašūs dirbiniai,
ir mes taip pat pietūs artėja šį penktadienį
, jei norite, ir ypač nepadarėte anksčiau.
Šį penktadienį tema bus Nate gimtadienis
todėl, jei norėtų turėti gimtadienio pietūs su Nate
ir kiti, kai kurie iš mūsų draugais iš pramonės,
Prašome kreiptis į šį URL ten.
Erdvė, kaip visada, yra ribotas. Be to, jei jūs pamiršote,
suprasti, kad kitą savaitę problemą, 4 maitėda medžioti terminas,
, po atsigauna visi iš tų jpeg card.raw,
jūs ir jūsų skyriuje mates, jei norite, galite pabandyti fotografuoti
, kaip daugelis, kaip įmanoma iš tos atminties kortelę iš kompiuterio mokslininkų,
ir jūs, ir jūsų skyriuje bus laimėti Pasakų prizą.
Grąžinti į pset 4 specifikacijas, ką pateikti ir iki kada.
Be to, jei norite, kad jūsų rankų darbas įamžinta
aikštyno interneto svetainėje ir savo istorijos drabužiais,
žinoti, kad jūs dabar kviečiame pradėti teikti dizaino
šių metų "T-marškiniai ir palaidinės ir panašūs dirbiniai.
Mes darome viską, kad, kaip daugelis, kaip mes galime,
tačiau mes turime kai personalo peržiūros narius visi dizaino
įsitikinti, kad jie atitinka nurodytas specifikacijas,
ir mes tada pasirinkite paprastai nedaugelis iš jų turi būti eksponuojami.
Taigi, jei esate konstrukcijos tipas, tiesiog žinau, kad reikalavimai
grafika PNG, ne mažiau kaip 200 dpi,
jie neturėtų būti daugiau nei 4000 x 4000 pikselių,
ir ne daugiau kaip 10 MB, bet jūs galite naudotis dalykų, pavyzdžiui,
Photoshop ar GIMP arba įvairių grafinių programų,
ką jūs turite savo žinioje.
>> Taip pat horizonto yra galutinis projektas. Galutinis projekto tikrai yra iš 50 kulminacija,
pagal kurią visų kurso užduotis,
tai jūsų galimybė tikrai padaryti savo dalykas.
Ir tai gali būti tiesiog kažką daryti, for fun,
ją galima išspręsti šiek tiek aktuali problema, jūsų studentas grupė,
kai naują interneto svetainę, kai nauja duomenų surinkimo mechanizmas.
Jis gali būti skirta "Android" mobiliųjų aplikacijų, iOS.
Tikrai, dangus yra riba, ir per ateinančias kelias savaites,
mes perėjimas nuo C iki šių aukštesnio lygio, pavyzdžiui, PHP ir JavaScript kalbomis
jums rasti sau vis susipažino su kai kurių realaus pasaulio metodų,
tam tikrų realaus pasaulio, įrankius ir papildyti, kad
žinoti, kad kursas seminarų istoriją,
, kad per ateinančias kelias savaites, kai pedagoginio personalo
siūlys papildomus seminarus mūsų draugai iš miesteliu
, eiti virš ir už tai, kas paprastai daroma skyriuje
supažindinti jus su dalykų, pavyzdžiui, "Android" programavimo,
supažindinti jus su dalykų, pavyzdžiui, iOS programavimo
arba daugiau pažangių interneto kūrimo technologijas.
Yra visa istorija tai jau yra internete.
Jeigu jūs einate į cs50.net/seminars, mes jau tai padaryti gana keletą metų,
ir pamatysite, kad archyvuojami čia su PDF ir vaizdo įrašus ir panašūs
yra keliasdešimt filmai seminarų.
Praėjusiais metais, pavyzdžiui, mes turėjome seminarą USIDURIANT savo techninius interviu,
jeigu jūs iš tikrųjų nori išjungti ir padaryti stažuotės ar visu etatu GIG.
Windows Mobile plėtros, Android plėtros, "Google Maps,
API, CSS, "BlackBerry", Emacs.
Tikrai, kviečiame į bet kurį iš šių seminarų Jūsų patogumui išvaizdą.
Ir mes surengs keletą naujų šį semestrą, taip pat.
>> Taigi, kas yra į priekį su galutine projekto?
Na, visų pirma, net jei ši data yra šiek tiek neišvengiama,
tai tikrai tik galimybė pradėti galvoti apie galutinį projekto gana realiai.
Mes žinome, tik kai, ką mes vis dar apimantis kurso pradžia,
HTML, PHP ir panašūs, tačiau visi esate susipažinę su internete,
ir aš šališkumo link internete, tik todėl, kad šį pokalbį
dauguma žmonių, galų gale daro Web-based galutinius projektus,
, bet tai jokiu būdu nėra sąlyga.
Naudojant C yra gerai, Objective C, Java,
bet kuria kita kalba, jums gali žinoti, ar tiesiog norite sužinoti, yra gana gerai.
, Bet ir gauti sultys teka iš pradžių, mes tikimės, kad pateikti preproposal
, už kurios interneto svetainėje, kuri šiuo metu yra cs50.net PDF formate
ir viršuje kairėje pamatysite galutinį projektą
yra per galutinį projekto specifikacijos,
ir ten yra informacija apie preproposal ir pan.
Iš esmės, viskas suvesta į laišką į savo mokymo kolegos
tiesiog užgroti pokalbį su juo daugiau apie tai, ką jūs galvojate.
Apie projects.cs50.net yra idėjų žmonės miesteliu saugykla
Jei esate stengiasi sugalvoti kokią nors idėją,
ir manual.cs50.net/APIs yra nuorodų su API saugykla.
>> Ką, nors, yra API?
Kas yra API? Aš sakė, kad mažiausiai du kartus,
pagal pastaruosius keletą savaičių nuorašai.
Kas tai? [Studentų, nesuprantamas]
>> Gerai, gerai. Kad kažkas programavimo sąsaja.
Taikomosios programos programavimo sąsaja, ir tai gali būti įvairių formų,
bet ką tai tikrai suvesta kodas
, kad kažkas hr raštu arba, kad kažkas buvo surinkti duomenys
, kuri yra prieinama jums tam tikru programavimo būdu.
Jūs galite rašyti kodą C, PHP, Python, Ruby,
kokia jūsų pasirinkta kalba paprastai yra
ir jūs galite kažkaip remtis kažkieno funkcionalumą
ar kieno nors kito duomenų rinkinys.
Pavyzdžiui, jei aš einu į šią nuorodą čia,
ir pamatysite, pora nuorodų vėlesnio puslapyje
pagal kurią mes turime CS50 savo API, kurie yra labai Harvardo orientuotas ir tada trečiosios šalies API.
Tarp trečiosios šalies API yra tikrai naudingų dalykų
kaip gali siųsti SMS į žmones,
galėtų gauti SMS žinutes iš žmonių.
Ir dalykų, pavyzdžiui, kad galite turėti neįsivaizduoju, kaip įgyvendinti save,
bet ačiū, į paslaugas, kai nemokamai ir tam tikros komercinės,
jūs galite statyti ant tų, ir kažką daryti, kurios jus domina.
Tarp CS50 "API šie miesteliu orientuotas dalykų, pavyzdžiui,
Harvardo kursai, energetikos, renginiai, maistas, žemėlapiai, naujienos, "Twitter" ir Shuttleboy savo
ir tai yra API, kad atrodo šiek tiek kažką panašaus į tai.
>> Leiskite man atsigriebti HarvardFood API.
Jeigu jūs kada nors buvo į HUD interneto svetainėje, jūs tikriausiai buvo ten
tiesiog pamatyti, kas vakarienei arba pamatyti, kas tos valandos kai kurių salėje d.
Na, tai nėra labai lengva naršyti,
ir todėl tai, ką mes padarėme prieš kurį laiką buvo rašėme programinę įrangą,
taip atsitinka, kad PHP, kad iš tikrųjų ekrano įbrėžimų visą HUD tinklalapyje.
Į ekrano Scrape kažką reiškia parašyti programą, kaip PHP programavimo kalba
apsimeta, kad yra naršyklė, nors galite paleisti jį į komandų eilutę,
apsimeta, kad naršyklė, jungiasi prie interneto,
atsiunčia savo HTML, ta kalba, kuria jis parašytas,
ir tada skaito jį, arba, tiksliau, analizuoja ją
viršaus į apačią, iš kairės į dešinę.
Ir ką mes padarėme, mes parašėme savo kodą tokiu būdu, kad
bet kuriuo metu, mes matėme kažką toje HTML, kuris atrodė kaip kažkas meniu,
pavyzdžiui, mėsainių, tada importuoti į savo duomenų bazę.
Ir bet kuriuo metu pamatėme, maistinę, mes norėtume importuoti, kad į savo duomenų bazę.
Ir tai, ką mes padarėme, sverto tai, kad HUD tinklapyje
nors tai gali būti šiek tiek iššūkis mus žmonės naršyti
po gaubtu, HTML generuoja savo kompiuterines programas.
Taigi, visi jų HTML, nors tai gali atrodyti nepatogus,
kaip ir dauguma interneto svetainių, esančias po gaubtu, iš to išplaukia, šabloną.
Taigi mes tiesiog praleido porą valandų suprasti, kad modelis
taip, kad, galų gale, mes išmetame purvinas HTML,
visi Ryškių dangas estetika ir pakreipimas ir pan,
ir kas mes esame, tada galėtų padaryti yra atskleisti, kad tuos pačius duomenis.
Pavyzdžiui, šiuo būdu.
Taigi mes, pagal čia su dokumentais,
pranešė pasauliui, kad jei jūs prašote URL
kad atrodo taip, food.cs50.net / kažkas,
ir jūs pateikiate tam tikrus parametrus, kuriuos mes kalbėti apie šiandien,
kaip laiko pabaigos datos, pradžios data laiko, miltų ir kt,
ką mūsų serveriai bus grąžinti jums, pavyzdžiui,
CSV failą, kablelis separted reikšmes, pavyzdžiui, "Excel" failą,
turintis viską, ko šiuo konkrečiu dieną pusryčiams praėjusių metų kovo mėn.
kai man teko rašyti šią dokumentaciją.
>> Tiems, kurie susipažinę, CSV failų formatas yra ne tik.
Yra kitas formatas, kuris yra labiau universalus
vadinama JSON, JavaScript Object Notation.
Duomenys gali grįžti į šį formatą.
Taigi išsinešimui čia yra, kad tai, ar jums pasinerti į šį API
arba bet koks kitas CS50 ar nieko ten internete,
arba ne visi, suvokti, kad pasaulis vis labiau pradėjo standartizuoti
kaip mašinos susižinoti.
Mes naudojame standartinės duomenų formatus, pavyzdžiui, CSV arba JSON.
Ir ką tai reiškia jums, galite rašyti įdomų programos dalis
, kuri leidžia vartotojui ieškoti valgomasis salė meniu,
, kuri leidžia jiems kurti sąrašus Favoritus Siųsti mus E-mail, kuri leidžia jiems gauti tekstinius įspėjimus
jų mėgstamiausias patiekalas yra apie tai, kurie turi būti įteikti kai kurių salėje d
naudojant kažkieno duomenų rinkiniais ir pastato ant API.
Taigi daugiau seminarų bei dokumentai, kad jūs turite čia lankosi.
Taigi, tie, tada, yra API.
>> Kad sugrąžina mus į HTML. Greita Priminti.
Kas yra HTML?
[Studentas, nesuprantamas] >> Gerai. Hypertext Markup Language.
Kažkas, kas yra Hypertext Markup Language?
Hypertext Markup Language.
Gerai. Taigi, HTML, HTTP.
Hiperteksto tiesiog reiškia prie interneto, kad didžioji dalis.
Žymėjimo reiškia, kad iš tikrųjų tai ne programavimo kalba, HTML.
Tai nėra kalba, kurią galite išreikšti logika in
Ji neturi kilpas. Ji neturi sąlygų.
Ji neturi funkcijas, per se.
Priešingai, ji turi šiuos dalykus, vadinamus žodžius, arba tiksliau, elementai.
Ir tuos elementus, pradžios žymas ir pabaigos žymes,
arba atviros žodžius ir uždarose etiketės, ir ką paprastai šių žodžius reiškia Naršyklė yra,
pradėti daryti kažką ir tada sustabdyti, daro kažką, nors yra išimčių, kad.
Kartais tai tiesiog "įdėti eilutės lūžį čia, pavyzdžiui.
Ir mes matėme pavyzdžių, kad kitą dieną, tarp drąsus dangas,
eilučių, tada kitų žymių pora.
Taigi HTML yra kalba, kuria parašyta, jog interneto puslapiai.
Taigi, jei aš einu į kažką panašaus į Google.com
ir atsigriebti tik savo pagrindinį puslapį,
priminti, kad, jei dešiniuoju pelės mygtuku spustelėkite arba kontroliuoti spustelėkite
View Page Source ir pažvelgti, paprastai
Tai visiškai netvarka šių dienų, po gaubtu, bet tai todėl, kad
kompiuterių neturi rūpintis baltos vietos, todėl tai neturi atrodyti gana.
Bet jei mes padidinti ant jo dalių,
pastebėti, kad "Chrome", tiesiog, kad būtų gražus, spalva koduotas dalykų.
Iš tikrųjų, tai yra pirmasis tegus, kad mes matėme į interneto puslapį.
Ir vėl, HTML 5, naujausia versija šia kalba,
iš tikrųjų turi tai, ką pradžioje,
<! DOCTYPE html, ar mažosiomis ar didžiosiomis raidėmis,
bet tai tiesiog tarsi standartas, kuris sako: hey world, čia yra 5 versijos HTML failą.
>> Įdomiausia dalis prasideda čia. Taigi <html, ir ten buvo du vaikai
HTML elementų paskutinis kartas.
Kokie buvo šie du pagrindiniai vaikų?
Galvos ir kūno, kaip tatuiruotė vaikinas prieš akimirką.
Yra dvi porcijos tinklalapį, galvos ir kūno,
ir išėmimą iš apyvartos, tada, kad galbūt paprasčiausias interneto puslapis, mes galime padaryti atrodo taip.
Ir aš jį tiesiog įspaudžiami būti natūra tvarkingas ir tvarkinga su mano kodas,
tačiau tai, kas tikrai svarbu, čia yra tai, kad yra tam tikra hierarchija to.
Ir žymena, kad aš atidarė Aš uždarytas ir kad todėl ši simetrija
žymėjimas, kad aš sukūriau.
Taigi, paskutinį kartą mes pradėjo rašyti tinklalapius savo nešiojamas.
Aš atvėrė teksto redagavimo, Aš išsaugoti failą kaip hello.html
Tada aš nutempė failą į savo naršyklę, ir voila, turėjau puslapį internete.
Dabar ne visai, aš turėjo mano kietajame diske puslapį
ir man buvo tiesiog vienintelis žmogus pasaulyje, kuris būtų pamatyti, kad interneto puslapį savo naršyklėje.
>> Taigi, šiandien mes pristatome faktinė interneto serverį
ir sąvoka iš tikrųjų tarnavo turinį internete
ir kaip visa tai pradeda derėti tarpusavyje.
Taigi paaiškėja, kad visą šį laiką CS50 prietaiso
Jums buvo žiniatinklio serverio į savo kompiuterį.
Mes, tiesą sakant, tik jį naudojo gedit, Apsukite metalinis garsas, GDB ir panašios
bet ir įrengti mus jus į prietaisą yra web serveris,
ir, kad interneto serveris būna, kad nemokama, atviro kodo,
vienas iš populiariausių pasaulyje, vadinamas Apache.
Jos techninis pavadinimas yra httpd d demonas čia,
kuris yra technikos žodį serveriui.
Taip sumontuota CS50 prietaiso yra web serveris, ir ką tai reiškia?
Na, žiniatinklio serveris yra konceptualiai, kai serveris internete, kuri tarnauja interneto turinį.
, Kai prašoma failo, jis išspjauna HTML, komponuoja šį failą, ir voila.
Jūs matote, kai kurios svetainės pagrindinį puslapį.
Bet serveris yra, tiksliau, programinė įranga.
Ji neturi būti fizinio mašina, jis tiesiog turi būti programinė įranga veikia gabalas.
Taigi CS50 prietaisas, be abejo, yra programinė įranga,
net jei ji tarsi apsimeta, kad mašina.
Jis apsimeta, kad yra kompiuterio viduje kompiuterio,
bet kad tik reiškia, kad prietaisas tikrai gali paleisti dalykų, pavyzdžiui, interneto serverių.
Ji iš tikrųjų gali paleisti elektroninio pašto serverius.
Mes galime paleisti momentinių pranešimų serverio, į prietaisą, jei norime,
ir iš tikrųjų, mes paleisti vienas kito tipo serverio, žinomas kaip serverio duomenų bazės, MySQL.
Bet daugiau, kad kitą savaitę.
Tai reiškia, kad aš iš tikrųjų galite aplankyti tinklalapius
mano prietaiso viduje prietaiso viduje naudojant naršyklę
ar net savo nešiojamas, mano Mac arba mano PC.
Taigi, ką tai reiškia? Pasirodo, kad bet kuriuo metu jūs naudojate Linux kompiuterį,
jo slapyvardis yra "vietinio kompiuterio."
Ji neturi domeno vardą, nes mes ne pirkti domeno vardą
kažką panašaus prietaiso, todėl jos numatytasis pavadinimas vietinio kompiuterio.
>> Tačiau, norint gauti prietaisą pradėti rodyti tinklalapius,
turime sukurti jiems pirmiausia.
Taigi, galime padaryti, kad. Leiskite man eiti į terminalo langą, čia
ir pastebėjo, kad aš ne mano tipiškas John Harvardo eilutę.
Leiskite man eiti į priekį ir tipas Lt, ir mes pamatyti, kai kuriuos žinomus dalykus iš šio semestro,
darbastalio, parsisiųsti, dropbox "ir tt,
bet dabar mes pradėti tekinimo mūsų dėmesį į porą.
Nuo daugelio Linux Web serveriai yra šis aplankas vadinamas visuomenės html,
bet mes ketiname praleisti, kad dabar ir sutelkti dėmesį į tai, vhosts.
Kas nors žino, kas vhost?
Tiesiog kvaila žargono virtualaus serverio,
ir ką tai reiškia, kad tipiškas serverio
jūs iš tikrųjų galite surengti keletą svetainių.
Jūs galite nusipirkti domeno vardą kaip foo.com, galite įdėti jį serveryje.
Bet taip pat galite įsigyti bar.com ir įdėti jį į tą patį serverį.
Priežastis yra, naršyklės yra pakankamai protingas, kad apie tai informuoja serverį
kai vartotojas prašo tam tikrą tinklalapį, ką domeno vardas vartotojas nori, kad pagrindinį puslapį.
Taigi, kas yra malonu apie tai jums nereikia vieno fizinio serverio
arba viena CS50 prietaisas kiekvieną svetainės galbūt norėsite sukurti.
Jūs galite naudoti tą patį serverį ir sukurti šimtus skirtingų svetainių.
Ir iš tiesų, jei esate asmuo bando pradėti svetainėje,
ar for fun arba verslo, paprastai jūs einate internete,
ir mokėsite kažkas dešimt Bucks mėnesį, šimtą dolerių per mėnesį
įdėti jūsų svetainę jums.
Ir taip, kad dirba tai jie apmokestinant kitus žmones
dešimt Bucks mėnesį ar šimtų priešinasi per mėnesį
surengti kitų žmonių tinklalapius, jų tame pačiame serveryje.
Priežastis, jie gali padaryti, kad yra, nes šią funkciją, vadinamą bhosts
tačiau daugiau apie tai, kai ateina laikas galutiniams projektų.
>> Nes dabar, tegul tiesiog pasinerti ten. Taigi cd vhosts, ir jei aš tipo ls dabar
pastebėsite, kad yra ten aplankas vadinamas vietinio kompiuterio.
Taip yra todėl, pagal nutylėjimą, prietaisas skaičiai
jūs kada nors ketinate paleisti vieną žiniatinklio svetainę ant prietaiso.
Tai tikrai ne realiame pasaulyje, tai nėra realaus pasaulio web serveris.
Taigi leiskite man eiti į vietinio kompiuterio, o dabar mes ten
vienas paskutinis katalogas vadinama HTML.
Taigi tai šiek tiek giliai, hierarchija, bet jei ir kai
jūs nusprendėte pradėti plėtoti keletą svetainių per ateinančius n mėnesių ar metų,
toks aplankų struktūrą turi tendenciją būti naudinga.
Dabar eikime į HTML Aš ką tik padarė,
tipas Lt, ir nieko ten.
Taigi dabar eikime į priekį ir tai padaryti. Leiskite man atverti Chrome
prietaiso viduje, ir leiskite man eiti į http://localhost.
Taigi, tiesiog mano prietaiso pavadinimas, įvesti, ir man Index of /.
Tai nėra tikrai rodo man ką nors interesų,
tačiau paaiškėja, kad tai, ką mes matome, yra tai, kad aplankas, HTML.
Dabar ten nieko tame aplanke,
Taigi vietoj to, ką aš ruošiuosi padaryti, pirmiausia reikia sukurti failą.
Sukurti HTML failą, kaip mes padarėme, pirmadienį, bet šį kartą įdėti jį viduje prietaiso.
Tiems iš jūsų, kurie bando sekti kartu su nešiojamaisiais kompiuteriais,
leiskite man padaryti vieną į šalį, kad bus padengtas Žiniatinklyje pset
tačiau norint gauti šį darbą už labai pirmą kartą,
jūs ketinate paleisti šią komandą: sudo paslaugų httpd pradžios.
Ir tai, dar kartą, bus kartojamas per pastarąjį pset
bet jei jūs žaisti kartu namuose dabar, kad web serveris
išjungtas prietaiso, ir tai, kad jis nėra SAP RAM
ir 7 savaites iš tą semestrą, atmintį, kai mes ne reikia.
Taigi, jūs turite paleisti šią komandą vieną kartą ir gausite panašaus, kad produkcija.
Tada jums turėtų būti suteikta galimybė žaisti kartu.
Dabar grįžkime į šį aplanką.
Šis aplankas yra tuščias, todėl leiskite man pradėti kurti failą,
gedit hello.html.
>> Gerai. Gedit yra atvira, kaip įprasta. Leiskite man padaryti DOCTYPE, HTML,
html, leiskite man gauti prieš save ir pradėti uždarymo savo žymes iš anksto.
Dabar aš turiu galvą. Leiskite man eiti į priekį ir uždaryti galvą,
leiskite man dabar daryti šio puslapio pavadinimas, hello world kaip paskutinį kartą,
arti pavadinimas, dabar leiskite man padaryti kūną.
Čia aš say hello, world su kai kuriais exclams
aiškiai pasakyti, kad tai kita eilutė.
Uždaryti kūnas, o dabar leiskite man eiti į priekį ir failą Įrašyti.
Leiskite man grįžti į mano terminalo lange, ir jei aš tipas Lt,
Aš, matyt, turėtų pamatyti hello.html. Ir aš.
Taigi dabar galime grįžti į savo naršyklėje, spustelėkite paleisti,
ir jūs galite pamatyti, iš tiesų mes esame viduje šia HTML aplanką.
Nematau tinklalapį dar, tai yra Apache web serveris,
tiesiog rodo man šiame kataloge esančio sąrašo turinį.
Tiesiog kaip ir Mac OS arba Windows paprastai į savo vietinį kietąjį diską.
Taigi, jei aš noriu pamatyti šį tinklalapį, galite spustelėti čia, tai mažai nuorodą hello.html
ir iš tiesų, tai, ką aš tikėjosi pamatyti.
Dabar, vėlgi, tai nėra URL, kad kas nors iš jūsų gali aplankyti dabar,
nes už jus, vietinio kompiuterio, jei turite nešiojamąjį kompiuterį čia,
yra nuoroda į savo prietaisą, pavyzdžiui.
Tai yra mano asmeninė prietaiso,
bet tai yra rūšies kvailas man turėti, turėti
vartotojas, kaip aš spustelėkite hello.html iš tikrųjų matyti šio puslapio turinį.
It turns out, kad interneto serverių, pavyzdžiui, Apache jums turėti bet kurio interneto serverio numatytąjį failo.
Pastebėsite čia turime hello.html.
Kas yra Linux komanda, pervardyti failą?
>> MV dėl perkėlimo. Taigi, leiskite man padaryti, kad,
ir leiskite pervadinti hello.html index.html.
Leiskite man tipo ls patvirtinti, dabar jis buvo pervadintas.
Dabar tai vyksta - jei grįžtu į vietinio kompiuterio,
pastebėsite, dabar, kad aš automatiškai matyti šį puslapį,.
Tai yra identiškas mano iš tikrųjų daro / index.html
bet malonus dalykas yra tai, kad interneto serveris manimi suprasti,
oh, jei jūs turite failą, kad, žmogaus konvencijų, vadinama index.html
leiskite man parodyti vartotojui, kad failas pagal nutylėjimą
o ne kai kvailas katalogo, kuris yra ne visai patogus.
Iš tiesų, dauguma interneto svetainių, lankotės internete neturite failų sąrašą paspausti ant
jie tiesiog parodyti jums, turinį. Štai kaip mes galime padaryti, kad index.html.
Taigi tai yra visi įdomus ir geras, bet tai gana paprasta tinklalapis.
Leiskite man eiti į priekį ir atverti index.html mano vhosts
vietos šeimininkai, html katalogas, ir tegul pridėti kažką didesnį susidomėjimą.
Taigi čia hello world, noriu, o ne sako: "Tai CS50, Harvardo kolegijų. . ".
Taigi Kurso pradžia katalogo ten tam tikros rūšies aprašymas.
Dabar, jei aš perkrauti, turėčiau tai mano puslapis.
Gerai, ir aš matau, kad bet tarkime, kad aš noriu sąrašą dabar šiek tiek daugiau šio failo turinį.
Galėčiau eiti čia ir pasakyti, prielaidos nė
, nors kai kurie iš jūsų tikriausiai pavyzdžiui, "Ha ha ha, jokių išankstinių reikalavimų."
Bet - oficialiai. Taigi paleisti, ir dabar mes turime tą patį užsukimas, kad mes matėme paskutinį kartą.
Bet kodėl tai, kad? Tai buvo paprasta nustatyti.
Kodėl šis puslapis neveikia?
[Studentas, nesuprantamas] >> Taip, mes išspręsti prieš tai
aiškiai sakau, kad naršyklė "įdėti eilutės lūžį čia.
Ir tai todėl, kad dar kartą, naršyklė manimi tik ketinate daryti
aiškiai nurodoma, kas žymėjimo kalba pasakoja ją padaryti,
todėl, nors jums gali tekti paspauskite "Enter" vieną ar du kartus ar net dešimt kartų,
ji ketina sujungti, kad visi į vieną erdvę, tiesiog pagal susitarimą.
Taigi, jei jūs tikrai norite, kad eilutės lūžį, turite naudoti br žyma,
ir dabar pranešimas, pavyzdžiui, pirmadienį, aš įdėti / viduje, kad ši žymė,
tik todėl, kad tai tiesiog neturi jaustis
pradėti eilutės lūžį, tada jį sustabdyti nieko tarp jų.
>> Taigi HTML konvencija atidaryti ir uždaryti žymę tuo pačiu metu.
Kaip panaikinti, pamatysite daug svetainių, knygų sekasi.
Ji yra teisinga daryti ar to nedaryti, bet mes teigia,
-protingas, kad dizainas ir stilistiškai, tai tik geriau
nes tada kiekviena žymė yra atidarytas ir uždarytas kažkaip.
Taigi dabar galime išsaugoti ir atidaryti. Grįžti atgal į naršyklę, gerai.
Dabar mes darome tam tikrą pažangą, bet tai ne visai pakankamai.
Eikime į priekį ir pradėti rašyti šiek tiek ilgesnis kūnas teksto.
Taigi, tarkim, "Greita ruda lapė peršoka per tingus šuo."
O dabar leiskite man tiesiog nukopijuokite ir įklijuokite tai keletą kartų
todėl, kad mes turime pastraipos teksto.
Leiskite man grįžti čia. Taigi tai ne ieško labai gera.
Aš turiu eilutės lūžį, todėl gerai,
bet dabar, kai mes gaunate tinklalapį
, kad turi daug turinio ir ne tik atskirų linijų, kad parodytų, HTML,
mes galime pradėti galvoti iš šių faktinių dalyse dalykų.
Ir mes galime pradėti šiek tiek daugiau švariai struktūruoti mūsų interneto puslapyje.
Ir iš tiesų, ką aš galiu padaryti, tai eiti čia viduje mano body,
ir jūs žinote, kas, jei "Tai CS50. . ". tikrai demarks pastraipos pradžią,
gerai, tegul jį pažymėti kaip toks.
Leiskite man įtrauka tekstą, tik pagal susitarimą, leiskite man pasakyti,
kad ši dalis baigiasi čia,
ir tada, o ne tai eilutės lūžį, leiskite man tiesiog pasakyti
, kad tai priklauso ir naujoje dalyje,
ir aš tiesiog greitai įtrauką tik clobbering visi iš šių dalykų.
>> Taigi dabar mes turime akyto dalį,
mūsų žymėjimas yra ir dabar pradeda gauti šiek tiek daugiau
semantiškai atitinka su tuo, ką mes bandome padaryti.
Mes turime pastraipą, tad jį vadiname p tegus dalis.
Mes turime antrąją pastraipą, tad jį vadiname p tegus dalis.
Ir dabar, ką naršyklė paprastai padaryti
yra kaip anglų knygos ar esė,
kur jūs paprastai pamatyti keletą eilučių lūžius tarp pastraipų.
Naršyklės darys tai už jus automatiškai.
Taigi dabar mes turime dvi pastraipas, ir mes galime tęsti šį.
Bet, žinoma, internete, kai jūs turite teksto organai
tai paprastai nėra tik didžiulis BLOB teksto.
Yra dažnai hipersaitus ten.
Taigi, jei norime, pavyzdžiui, ten kai kurios nuorodos
spėti, kad gali būti interesų kokia tinklalapis aš sukurti čia -
leiskite man eiti į Google.com,
ir leiskite man ieškoti Greita ruda lapė.
Eiti į "Google" vaizdų ir, kaip apie tai mielas.
Mes eiti su. Taigi čia mes turime Greita ruda lapė šokinėja per tingus šuo.
Taigi, ką aš ruošiuosi daryti čia, tik demonstravimo tikslais,
yra tarkime, kad šis vaizdas buvo mano serveryje,
ir aš buvo sukurti šiuos vaizdus.
Ką aš ką tik darė, buvo dešiniuoju pelės mygtuku spustelėkite arba kontroliuoti paspauskite ant paveikslėlio,
ir tai, ką jūs pamatysite, dauguma naršyklių yra šiek tiek meniu
nustoti daryti, kad šiek tiek meniu, kuris leidžia jums pasirinkti Copy Link Location arba nukopijuokite URL.
Taigi leiskite man grįžti dabar į mano HTML, ir manau, kad aš noriu
hipersaite tai kitą tinklalapį.
>> Tai, kas buvo tegus paragino, kad?
[Studentas, nesuprantamas] >> Taip. Taigi Hyper nuoroda href.
Leiskite man eiti į priekį ir įklijuokite, kad in
Tai gana ilgas URL, todėl leiskite man padidinti atgal.
Uždaryti skliausteliuose, todėl dabar pastebėsite, aš tikiu kelią per čia
nes šis URL nutiko būti gana ilgas.
Tegul mane slinkti per Greita ruda lapė pabaigoje,
ir tada leiskite man uždaryti šią žymę </ a,
ten, kur aš tik baigė tag name.
Dabar leiskite man eiti į priekį ir išsaugoti šį failą, perkraukite tinklalapį,
ir dabar, pagal nutylėjimą, kad reikia pabrėžti, mėlynai mane
, bet iš tiesų, aš dabar gali spustelėkite apie tai ir voila. Ten, kad vaizdas.
Ir ji didnt turi būti vaizdas, jis galėjo būti susijęs su
prie kai kurių kitų atsitiktinių interneto svetainę.
Galėčiau tai padaryti, pavyzdžiui, su CS50, todėl vienas paskutinis pavyzdys čia.
"Tai CS50" gali prasmės eiti href =
http://www.cs50.net, netoli citata, netoli inkaras.
Taigi dabar, kad dar trumpesnis URL, ir šį kartą, mes neketiname nurodyti kelią iki paveikslėlio.
Vietoj to, mes ketiname nuorodą į kitą puslapį.
Dabar, mes turime čia vaizdą.
Jaučiu, kaip mes galime padaryti šiek tiek geriau nei tiesiog susiejimas prie atvaizdo.
Ką daryti, jei norime, kad iš tikrųjų įkūnija jį į savo tinklalapį?
>> Na, ką aš galiu padaryti čia yra, o ne nuorodą į šį grafinis,
leiskite man, o ne iškirpti URL, ir mes atsikratyti tos nuorodos ir valyti tai padaryti.
Ir mes eiti čia ir atsikratyti šio.
Mes tikrai reikia visus šiuos sakinius, todėl leiskite man šiek tiek sutrumpinti puslapį.
Ir tada žemyn čia leiskite man eiti į priekį naujoje pastraipoje,
sako, kad aš nenoriu, tekstą dabar, aš noriu vaizdą, kurio šaltinis bus, kad URL.
Vaizdas, kaip eilutės lūžį, yra arba tai ne.
Taigi, leiskite man nedelsiant uždaryti šią žymę.
Leiskite man eiti į priekį dabar ir uždaryti dalį, kurioje aš viduje,
ir jei viskas vyks gerai hello, pasaulis, jei aš perkrauti dabar
Aš, tiesą sakant, tiesiai savo tinklalapį vaizdą.
Taigi dabar mes turime vaizdo žymė, žymės saito, ir panašiai,
ir gera priemonė, leiskite man padaryti vienas kitas dalykas, kad dažnai pamirštamas
svetainėse šių dienų: Leiskite aprašomąjį tekstą šį vaizdą
žmonių, kurie dėl mobiliojo prietaiso
ir todėl gali būti neįmanoma atsisiųsti šį vaizdą labai greitai,
akliesiems ir gali būti neįmanoma matyti vaizdą
tačiau jie gali turėti ekrano skaitytuvą, kuris gali papasakoti, kas šis vaizdas yra.
Ir tai padaryti, yra dar vienas atributas Paveikslėlis Tags
ALT, alternatyvus tekstas.
Ir ką aš galiu padaryti čia pasakyti, "Tai greitai ruda lapė".
Taip, kad net jei žmogaus negali matyti vaizdą ekrane,
jis bent jau gali girdėti, kai programinė įranga,
kas iš tikrųjų yra ten ekrane.
>> , Kad nebus pakeisti puslapio estetika,
bet jis tikrai yra gera praktika vartotojams.
Viskas gerai, palikime šį tinklalapį jo dabartine forma,
bet pažiūrėkime, jei mes negalime dabar pristatyti
tam tikrų geresnes požiūris į šiuos tinklalapius raštu,
keletas pamokų, kad ketinate tarnauti mums taip pat gauti daugiau ir sudėtingesnių mūsų puslapiuose.
Tai, ką mes ketiname daryti ne per ateinančias kelias savaites
yra jums per keliasdešimt HTML žymes, kad yra.
Panašiai kaip nulio atgal savaitę 0, tai tikriausiai pakaks
suteikti aukšto lygio apžvalga kai kurių sąvokų,
kai kurių blokų jums buvo tikriausiai galės greitai kelionė,
gana patogiai, kad galėtumėte naršyti savo, įvairių įspūdį.
Ir tai vėl nutiks, HTML, greičiausiai,
pagal kurią gausūs ištekliai internete, kad mes nukreips jus,
įvairių vadovėlių, jei norite skaityti vadovėlį,
, kad padės jums per visus įvairių dalykų, kuriuos galite padaryti su HTML,
bet tikrai, mes matėme iki šiol HTML dauguma pagrindinių sąvokų.
Turime žymas, yra atidaromos sąvoka, žymės gali būti uždarytos.
Kai kurie žodžius, kurie atidaryti ir uždaryti
ta prasme, kad jie tušti; jų viduje turėtų būti nieko
kaip vaizdo tegus arba eilutės lūžį, kurie yra tik ten.
Mes norėjome jau atributo sąvoka, kaip ALT arba šaltinį.
Atkreipkite dėmesį, kad šie žodžiai yra linkę, kaip įprasta, būti trumpas ir glaustas.
>> Mes neturime savo nuožiūra, per tai, ką šie dalykai yra vadinami,
kažkas, kas išrado HTML atėjo su šių pavadinimų.
Taigi, jums tereikia pradėti žinoti, ar ieškoti, bet kuriuo metu, jums reikia juos,
kokie pavadinimai yra šių gaires ir atributus.
Šių požymių, priskiria paprastai
elgesį pakeisti tam tikros žymės.
Šiuo atveju šaltinio atributas pasakoja vaizdo žymą
atvaizdo šaltinis ir turėtų būti.
Href atributas pasakoja fiksuoto žymės, ką ji iš tiesų turėtų būti susiejimas.
Bet iš tinklalapio struktūros požiūriu, nors "Facebook"
"Google" ir kaip atrodyti visiškai netvarka
po gaubtu, iš pirmo žvilgsnio, jei jums pradėti skaityti per jį
metodiškai, jie visi po šią pagrindinę, bazinę struktūrą.
Tačiau mes galime pagerinti šių dalykų stilizacija.
Taigi, leiskite man eiti į keletą pavyzdžių, kad aš iš anksto paruošti.
Leiskite man eiti į priekį ir nukopijuoti juos iš kito aplanko čia
ir įdėti juos į šį katalogą.
Iš anksto, ką aš padariau buvo parengti kelis failus:
search0, SEARCH1, search2 ir search3 ir 4.
Leiskite man eiti į priekį ir atverti pirmąjį šių bylų,
ir tegul pamatyti, jei mes galime pradėti kurti savo paieškos programą.
, Nes šio failo viršuje paprastai klasėje, tik pastabų krūva.
HTML, nors priemonės, kuriomis pradėdami komentarą
<- ir tada jūs esate viduje įrašas, kelių eilučių komentarą.
Kai būsite pasiruošę nutraukti šį komentarą, tai galite padaryti ->.
Taigi viskas mėlynai viršuje yra tik komentaras.
>> Čia yra mano DOCTYPE deklaraciją, o tai vėlgi,
galite tiesiog nukopijuoti ir įklijuoti į tikėjimą, dabar.
Tai tik nurodo naršyklei, "Štai ateina, kai HTML 5".
Žemiau, kad 14 eilutėje yra mano tikrieji žymeles,
ir tai tik sako, kaip ir anksčiau, čia ateina tam tikras HTML,
čia ateina mano puslapyje galva, čia yra pavadinimas,
ir tada, priešingai, tai dėl titulo, tai už galvos.
Čia dabar ateina mano puslapyje kūną.
Taigi porą naujų žymių dabar: h1 stovi 1 išlaidų kategorijai.
Yra HTML tradicija daugelį metų atgal
įvairių dydžių teksto.
Ir atgal per dieną, kiekvienas iš jų reiškė, apskritai, tik didelis ir drąsus.
Tačiau taip pat H2, kuris yra didelis, bet nėra labai didelis ir drąsus.
Yra H3, kuris yra tipo didelis, bet toli gražu ne taip didelis ir drąsus,
ir tt, visą kelią žemyn iki H6.
Šių dienų, nors, H1, H2 ir H3 iš tikrųjų reiškia
daugiau semantinės reikšmės,
pagal kurį h1 yra tikrai antraštė: Pavadinimas iš tinklalapio
stulpelyje, ar kažką panašaus, kad teksto antraštė.
Taigi, aš sąmoningai sakė h1 CS50 paieška> h1
į specifiy, kad tai tikrai antraštė, mano puslapio pavadinimas.
Nėra pavadinimo juostoje prasme pavadinimas,
bet pavadinimas, kad jūs iš tikrųjų pamatyti pačiame tinklalapyje, organizme.
Dabar tai, jūs greičiausiai gali atspėti, kas tai yra,
nors mes turime keletą naujų vienetų sintaksė.
Tai forma. Taigi interneto tikrai bus įdomus
kad svetainės įvestus nuo vartotojų.
Šiai klasei, interneto programavimo problemos,
mes neketiname padaryti interneto svetainę, per se,
su statine turinio, kuris rodo, kad jūs atlikote nuotraukas,
ar tai mano CV, ir viskas apie mane,
, nes šie dalykai yra gana lengva sujungti.
Sunku, kad viskas gražiai internete,
yra gana trivialus, bet bent jau pateikiant turinį.
Bet ko gauti tikrai įdomu, kai kas nors gali aplankyti jūsų svetainę
ir teikti informaciją ir gali užpildyti formas,
galite patikrinti langelius ir gali sąveikauti su jūsų svetainę.
Ir iš tiesų, tikriausiai kiekvieną svetainės rūpi
šių dienų, bet išsamiai, kažkaip interaktyvus.
"Facebook", "Google", ir panašiai, kad naudotojo įvesties
ir gaminti individualų išvestį.
>> Taigi, pradėkime dabar tai. Perėjimas dabar
tik naudojant HTML žymėjimo statinio turinio
nes vietoje dinaminio turinio pristatymo mechanizmas.
Ir link šio tikslo, galime įgyvendinti savo paieškos programą.
Darykime tai taip. Štai forma tegus.
ACTION atributas nurodo, kad, kai vartotojas užpildo šią formą
su savo klaviatūra, kuri bus pateikta šiuo URL čia.
Taigi, aš natūra dėl sukčiavimo. Ji ketina imtis mums šiek tiek ilgiau
nei vienos klasės įgyvendinti visą paieškos programą,
todėl mes tiesiog padaryti priekio, taip sakant.
Mes padarysime dalis, kuri leidžia vartotojui ieškoti, ir mes rūšiuoti grūstuvu "Google"
sunku dalis rasti paieškos rezultatų,
tačiau, konkrečiai, aš ruošiuosi pasikalbėti su "Google" žiniatinklio serverio
naudojant vieną iš dviejų labai populiariausių būdų.
Viena yra gauti, kita, kad mes galų gale pamatyti, yra pranešimas,
nors yra ir kitų, kurie yra rečiau naudojami.
, Kad gauti tik asocijuosis su idėja, aš noriu gauti tam tikrą turinį, kažkiek paieškos rezultatus.
Tai, jūs galite turbūt atspėti, ką tai nereiškia.
Tai kažkoks indėlis, tai, tiesą sakant, vyksta atrodyti teksto lauką,
ir to įėjimo, šio kintamojo vardas, pavardė (pavadinimas), taip sakant,
bus q užklausą pagal susitarimą.
Ir vėl, šio įėjimo tipas nesiruošia būti žymimasis langelis;
tai ne bus meniu, jis bus tekstinis laukas
kaip pažymėta šio požymio čia, ir šio teksto laukelį,
kaip eilutės lūžį, arba ten, ar ne.
Taigi, mes turime tuščias elementas su velniop tos žymos viduje.
Tada aš ruošiuosi įdėti eilutės lūžį, ir jūs, ko gero, gali atspėti, kas tai ketina daryti.
Tai dar vienas formos pirkimo rūšiuoti.
>> Tai vienas bus naudojamas pateikimo formą.
Taigi tai bus didelis mygtukas, kad vartotojas gali spustelėti pateikti formą,
ir tą mygtuką, etiketėje bus "CS50 Paieška".
Uždaryti formą, netoli kūno, netoli HTML.
Pažiūrėkime, tai, ką turime šiuo tinklalapiu.
Taigi leiskite man eiti į savo naršyklę,
leiskite man eiti, vis dėlto, vietinio kompiuterio.
Tai vis dar yra index.html, todėl, jei aš noriu pamatyti šį failą, pavadintą search0,
Galiu tiesiog padaryti / search0.html, įveskite
ir iš savo klaidų.
Kas vyksta? Aš aiškiai neturite leidimo
atidarykite šį failą, dėl kažkokios priežasties.
Bet tai yra todėl, skirtingai nuo darbo mes padarėme iki šiol, C,
kur rašote programos Daroma prielaida, kad būti runable Jūsų
įvykdyti jūsų, tai tikrai ne tuo atveju, internete,
, pagal kurį kartais galbūt norėsite kurti failus serveryje,
bet nenorite, kad visas pasaulis, kad būtų galima juos matyti.
Priešingai, jūs norite parodyti pasauliui pamatyti kai kuriuos failus
, bet ne kiti, tik privatumą labui.
Todėl daugiau opt-in, kai jūs darote dalykus internete.
Ir todėl leiskite man iš tikrųjų tipas Lt,
ir pamatysite failus turiu, bet primena, kad jei aš ls-l ilgai,
Aš gausiu ilgesnį sąrašą, kuris suteikia man šiek tiek daugiau informacijos apie šių failų
, dabar yra, tikrai, pirmą kartą mums aktualios.
Atkreipkite dėmesį, kad dešinėje yra mano failus pavadinimai,
, o tada laikas, kada jie paskutinį kartą keisti ar kopijuoti.
Šis skaičius čia yra kas? Ar jūs prisimenate?
Baitais dydis, kaip didelis failas.
>> Taigi man atrodo, kad čia kokio nors logotipo, kad didesnis nei visų kitų failų.
Tai, kas aš esu, tai, kas aš esu ir ką grupė, aš tikiu.
Bet tada, kaip čia kairėje yra šiek tiek paslaptingas seka,
ir mes kalbėjome, manau, trumpai apie tai praeityje,
bet tai turi daryti su leidimais.
Ir net jei tai šiek tiek miglotas,
RW tikriausiai reiškia, kad skaityti ir rašyti.
Taigi paaiškėja, kad šie brūkšnelių pažymėti skirtingus leidimus skirtingiems žmonėms.
Ir modelis yra, iš esmės, taip.
Kai pamatysite brūkšnelių seka, jie atrodo taip.
Yra brūkšnys, tada ten dar trys brūkšneliai,
ten yra dar trys, tada ten dar trys.
Pirmasis yra arba brūkšnys ar skelbimas kataloge.
Taip, kad vienas gana lengva. , Jei tai aplankas, ji sako, d, nes kitaip jis brūkšnelis.
Yra pora kitų atvejų, bet dabar mes tiesiog rūpi failus ir katalogus.
Šie ateinančius trejus brūkšnelių, - ir aš jau dirbtinai įterpiamas erdves.
Jie buvo, be abejo, nėra, kai pamatėme juos prieš akimirką.
Tai yra failo savininkas teises,
ir atšaukia iš antrojo atgal, kad jis buvo skaityti ir rašyti.
Kad buvo, nes aš, kaip asmuo, kuris sukūrė šį failą prieš akimirką,
Aš, tiesiog pagal nutylėjimą, "Linux" kompiuteryje,
turi galimybę tęsti skaityti ir rašyti tą failą.
>> Tad operacinė sistema tiesiog suteikia man RW automatiškai.
Viduryje į savo grupę, kad studentų,
kuris yra tarsi beprasmis ant prietaiso, nes aš esu vienintelis asmuo, naudodami prietaisą.
Taigi, leiskite man tiesiog pamojuoti savo rankas, kad dabar.
Tačiau paskutiniai yra svarbiausia internete.
Tai visi kiti pasaulyje, ir tai,
, kad tai būtų --- reiškia, kad niekas kitur pasaulyje
turi kokių nors teises į šį failą.
Akivaizdu, kad problema, kad man reikia išspręsti šią problemą
kažkaip duoti pasauliui, ką? Skaityti ir rašyti?
Tai tikriausiai kvailas, tiesa? Aš nenoriu niekam žiniatinklyje
eiti į mano puslapį ir kažkaip pakeisti tą failą,
nors jie tikrai negalėjo su HTML failą,
bet tik iš principo turbūt tiesiog nori, kad jie galėtų jį perskaityti.
Ką reiškia ją skaityti? Tai nereiškia, kad jie ketina rūpintis apie faktinį HTML,
bet naršyklė reikia, kad būtų galima išanalizuoti, kad žymėjimo kalbą,
viršaus į apačią, iš kairės į dešinę.
Kad kažkas internete reikia, kad būtų galima jį perskaityti, todėl aš minimaliai reikia suteikti jai r.
Aš galiu tai padaryti keliais būdais, bet galbūt
lengviausias būdas yra paleisti šią komandą čia.
Chmod, keitimo režimas, tada + r, todėl visi, visi pasaulyje + skaityti,
ir tada, bylos, search0.html pavadinimas.
>> Dabar, jei aš ls-l, atkreipkite dėmesį, kad failas buvo pakeistas,
ir iš tikrųjų, aš įjungta r visiems.
Aš taip pat pavertė jį mano grupės, bet tai gerai,
nes jei aš pasuko visiems, mano grupė yra, kad poaibis.
Taigi, kad gerai. Tai tiesiog reiškia, kad kompiuteris jau jis įskaitomas.
Dabar leiskite man grįžti į savo naršyklėje, spustelėkite paleisti.
Ak-ha. Dabar mes turime CS50 Ieškoti.
Aš Mastelis šiek tiek dirbtinai - gana šlykštus paieškos variklį.
Bet galime pamatyti, jei ji iš tikrųjų veikia.
Pirma, leiskite man padaryti greitai normalumas patikrinti, leiskite man kontroliuoti, spustelėkite ir peržiūrėti puslapio šaltinį.
Atkreipkite dėmesį, kad "Chrome" mes dabar matome tą patį HTML, kad aš pats sukūrėte.
Ar ne susipainioti čia, nors. Aš negaliu pradėti keisti kodą čia,
dėl to, kad naršyklė turi tik skaityti šio kodekso.
Kad naršyklė ką tik paprašė vietinio kompiuterio failą pavadinimu search0.html.
Dabar yra grynas atsitiktinumas, kad prietaisas
būna, kad tame pačiame kompiuteryje kaip mano naršyklėje.
Aš galėčiau tik turėti analogiškai įvedėte www.facebook.com/search0.html
susidūrė ir "Facebook failą pavadinimu, kad aš norėčiau būti matyti savo HTML.
Ir, žinoma, aš negali keisti failo, kad grįžta iš "Facebook", arba.
Taigi dabar mes tarsi nyksta eilutes.
Šis prietaisas yra tiek serverio, aptarnauja iki tinklalapius,
tačiau ji taip pat ta prasme, klientas, kad aš naudoju naršyklę
iš tikrųjų kalbėti su tuo serveriu.
Taigi pažiūrėkime, jei mano "Google" paieškos sistema veiks.
Leiskite man eiti į priekį ir ieškoti Greita ruda lapė, įveskite.
Ir voila, kad dabar aš turiu savo paieškos variklį.
>> Bet kaip tai veikia?
Tiek ruožas, bet - ir dabar jūs negalite matyti, tiksliau, dalis, kad interesų.
Atkreipkite dėmesį, kas atsitiks.
Pranešimas URL. Pasirodo, kad šis metodas,
vadinamas gauti, yra super paprasta.
Kai jūs nurodote tokia forma, kad norite "gauti" rezultatus iš kai kurių serverio,
tai, ką ji ketina daryti, yra imtis, ką jūs įvedėte į formą
ir įdėti jį į URL.
Ji ketina standartizuoti, kaip jis bus įdėti į URL, taip.
Atkreipkite dėmesį, kad tai URL, kad buvo mano ACTION atributas vertė.
Štai kur aš norėjau forma baigti.
Bet tada pastebėsite šį klaustuką.
Tai internete Konvencijos straipsnį, kuriuo naudotojo įvesties
svetainę, galite pridėti URL klaustuką,
ir tada jūs turite raktas-reikšmė porų visa krūva.
Vardas rakto, kitaip žinoma kaip parametro internete,
tada jūs turite lygybės ženklą, tada jūs turite šio parametro vertę.
Taigi tai iš esmės kintamojo vardas ir kintamojo reikšmė,
tačiau minėtų Kintamojo vardai ir reikšmės atėjo iš HTML formos.
Kodėl pliusus, jūs manote?
Nes aš ne tipo + tarp mano žodžių.
[Studentų, nesuprantamas]
>> Taip, tai tik tarpai. Šansai yra, kai jūs matėte URL,
ten niekada bet jame erdves, jei tik dėl to
jei ten buvo, negalėjo tikrai kopijuoti ir įklijuokite jį
į raumenis arba į e-mail, nes ji būtų galima nutraukti.
Jūs norite, kad visa tai turi būti viena gretutinė simbolių eilutė.
>> Taigi naršyklė yra pakankamai protingas suprasti, uh-uh.
Ne tik padėkite tarpą ten. Leiskite man koduoti erdvę tam tikru standartiniu būdu.
Vienas iš tų veiksmų konvencijų turėti naršyklę
automatiškai nutraukiamas A +, kur jums būtų kitaip turėti erdvę.
Taigi dabar, pranešimas "Google" buvo rūšies patogus.
Aš tikrai ne sukurti šį tinklalapį,
, bet jie jau užpildyta savo teksto lauką
su tuo, kas, būtent, aš įvedėte.
Tarkime, aš noriu ieškoti ką nors kita, kaip tingus šuo.
Galiu tiesiog įveskite čia, vėl paieška.
Atkreipkite dėmesį, kad URL keičia čia,
bet tada pastebėsite, kad aš iš tikrųjų galite ieškoti ką noriu
tiesiog suprasti, kaip URL darbą.
Galėčiau padaryti tingus katė, įvesti,
ir pastebiu, dabar gaunu labai tingus - turėtume? Jaučiu, kaip turėtume.
Galiu gauti labai tingus katė.
Gerai. Tai yra vienas iš stupidest dalykų mes padarėme.
Tačiau tai tik tingus kačių.
Šiaip ar taip, kas yra pagrindinis išsinešimui čia?
Dabar mes tarsi žaidžia HTTP pasaulyje.
HTML tik tai žymėjimo kalba, atviras tegus, netoli tegus,
, kuri pasakoja naršyklę, kaip padaryti turinį tinklalapį.
Tačiau kai pradėsite perduoda duomenis per internetą
tarp interneto naršyklės ir serverio, tai yra, kai šis protokolas
žinomas kaip Hypertext Transfer Protocol perima.
Tai tarsi žmogaus konvencijos; kai Sam ir paspaudė vienas kitam rankas, pirmadienį,
pradedant ryšį ir uždaryti ryšio, tą pačią idėją.
Kaip "Google" rezultatai sugrįžta į mane?
Kaip mano formos pateikimas "Google"?
Na, priminti, nuo kitos dienos, kad tai, kas iš tikrųjų vyksta
po gaubtu, kai prašote savo interneto svetainės,
Jūsų naršyklė siunčia šiek tiek neaiškūs pranešimą, kaip
GET / HTTP/1.1 numatytąjį pagrindinį puslapį.
>> Arba, šiuo atveju, nes aš specialiai anksčiau prašė
search0.html, tai tada būtų šiek tiek paslaptingas pranešimas
kad mano naršyklė siunčia į įrenginį.
Arba, šiuo atveju "Google", kas iš tikrųjų perdavė
prašymą / Search, tada Q = tingus kačių, plius ten.
Taigi šis pranešimas, kad aš, žmogaus, esu niekada rašyti,
bet yra siunčiami savo naršyklėje, tai kaip HTTP atsitinka.
Tai yra, sukrėtė mūsų rankose atitikmuo.
Tai prašymas, ir serveris siųsti atsakymą.
Todėl galime imtis pažiūrėk apačioje gaubtu.
Kaip ir anksčiau, mes galime atverti šį specialų lauką naršyklėje.
Peržiūrėti puslapį, patikrinkite elementus.
Taigi pagal tikrinti elementą, atkreipkite dėmesį, kad tai, kas nutiko "Chrome",
IE ir Firefox turi panašius mechanizmus,
mes turime šiuos Kūrėjo įrankiai, prieinamas mums.
Normalus žmonės nesinaudoja šiuos skirtukus.
Bet mes, dabar, domisi, kas vyksta
po gaubtu tinklo lygiu.
Taigi, jei aš atsigriebti tinklo lygį,
leiskite man eiti į priekį ir išplėsti šį langą,
atverti šį įrašą čia, ir pažvelgti į antraštes.
Taigi, kas atsitinka, kai aš pateikiau prašymą failą iš serverio
yra mano naršyklė siunčia visa krūva daiktų.
Ir leiskite peržiūrėti šaltinį. Taigi pagal antraštes užklausų,
Ir tai tik Chrome rodo man šiek tiek diagnostikos rezultatus,
tarsi tam tikros rūšies debugger,
pastebėti, kad tai, ką aš pabrėžė, čia yra būtent tai, ką
Chrome "siunčia į serverį, norėdamas gauti failą pavadinimu search0.html.
Ji pasakoja serverį, ką jis mano, jo pavadinimas yra,
dėl priimančiojo gaubtinės žarnos srityje, tada yra keletas
gana ezoterinių dalykų čia, kaip kažką daryti su datas ir laiką,
ką daryti su kalbomis, kad naršyklė supranta,
tačiau tikrai svarbios linijos Pirmasis iš jų du čia.
>> Ką serveris atsakyti? Na, jei mes slinkti žemyn čia
ir peržiūrėti šio dalyko šaltinis, pastebėsite, kad serveris
atsakė taip pat šiek tiek paslaptingas žinutės, 304 nepakito.
Tai šiek tiek keista, leiskite man iš tikrųjų bando išspręsti šią problemą.
Leiskite man Laikykite nuspaudę klavišą SHIFT ir spustelėkite perkrauti iki čia
priversti naršyklę faktiškai padaryti šį prašymą pirmą kartą.
Tada leiskite man padidinti, ir mes matome dabar, kad serverio atsakas,
nes aš surengė pamainą, yra 200 Gerai.
Taigi, jūs tikriausiai niekada matė 200
Interneto kontekste, tačiau tai, ką numerius
tu kartais žiūrima netikėtai iš serverio?
404, failas nerastas, 403, draudžiama; 500, serverio klaida.
Taigi yra šie skaitmeniniai kodai, kad pasaulis naudoja internete
reiškia klaidų, kaip ir C funkcijų
galite grįžti klaidas ir vamzdynas gali grįžti pasitraukimo kodus.
200, nors, jūs retai pamatyti, nes tai reiškia, kad viskas yra gerai.
Ir 304 tikriausiai niekada pamatyti, nes ko tai pažymintis?
Kad nieko - tegul pamatyti, jei mes galime modeliuoti šį kartą -
O, dabar tai ne bendradarbiauti. 304 sakė, nebuvo pakeistas,
tad kodėl serveris buvo net reaguoti?
Na, veiksmingumo, web serveris automatiškai už jus,
jei failas nepasikeitė, jis negali transliuoti visą HTML failą.
Tai bus tiesiog pasakyti, kad ji negali keisti naršyklę.
Tiesiog naudoti jau turite kopiją.
Taigi ten tai spartinimo sąvoka internete
už veiklos rezultatus, kad jums nereikia gaišti laiko ir atliekų pralaidumo
atsisiųsti failus, vėl ir vėl be reikalo.
>> Bet tai tinklalapis, dabar buvo super paprasta,
ir ji tik parodė man, HTML, kad grįžo.
Leiskite tikrųjų naudoti tinklo "padaryti" Google "paieškos kaip Greita ruda lapė.
Leiskite man tada spustelėkite CS50 paieška,
o dabar atkreipkite dėmesį, apačioje čia visa krūva daiktų grįžo
nes kai aš aplankyti svetainę kaip Google.com,
jie turi vaizdus, ​​jie turi tekstą, jie kalba vadinama "JavaScript" yra.
Taigi, kas šioje lentelėje eilutės žemyn čia
reprezentuoja kažką, kad "Google" išspjauti, atsakydama į mano vienu užklausimu.
Man rūpi, nors tai yra pirmasis.
Ir jei aš einu į paiešką, prašymas, spustelėkite Peržiūrėti šaltinį čia,
pastebėti, kad tikrai paslaptingas pranešimą, kad mano naršyklė išsiuntė
"Google" buvo šių dviejų linijų,
po kuriuos mes ignoruoti dabar kai slaptas informacijos žemyn čia.
Bet pranešimas, taip pat, ką "Chrome" labai patogu, su,
ji taip pat rodo man užklausos eilutę, kuris buvo išsiųstas.
Taigi, o kaip man parodyti tai, kuri buvo tiesiog išsiųstas,
jei aš matytumėte tai iššifruoti, "Chrome", tik dėl derinimo,
kūrėjams, kaip ir mes, tai tik rodo man žmogaus versiją apie
tai nėra, kaip jūs rašybą lapė, matyt.
Aš tiesiog pastebiu, tai dabar - bet tai rodo, ką aš, matyt, atspausdinti.
Tuo tarpu, atsako, kad grįžo iš serverio vėl 200 Gerai.
Bet įtrauktas į tą atsakymą, žinoma,
jei mes iš tikrųjų peržiūrėti šio puslapio HTML -
atsiprašau, tai yra šiek tiek spartusis klavišas dingo kreivai šiandien.
>> Aš spręsti šį klausimą vėliau. Taigi, jei mes iš tikrųjų peržiūrėti puslapio šaltinį,
Galiu padaryti čia apačioje spustelėdami atsakymą
tai, kas iš tikrųjų buvo spjauti atgal, kad paslaptingas 200 OK pranešimas iš serverio.
Šiek tiek paslaptingas, bet kur yra visa tai ateina iš?
Ką gi, vienas kitas dalykas, čia. Kitas šiek tiek paslaptingas komanda,
bet tai vienas tvarkingas natūra, kad jis atskleidžia mums būtent tai, kas vyksta po gaubtu.
Taigi, aš vėl čia, mano Mac Aš prijungiau
per programa, vadinama SSH Secure Shell, kuri yra kitame serveryje
nes dauguma Harvardo kompiuterių blokuoti komandą mes ruošiamės paleisti
nes ten tai tam tikruose serveriuose komanda vadinama "traceroute"
, kuri leidžia stebėti maršrutą tarp a ir b punktuose,
ir iki šiol mes jau vartojate visiškai suprantamu dalyku
kad aš galiu įvesti Google.com ir kažkaip gauti duomenis atgal
nuo per pusę šalies arba pusiaukelėje visame pasaulyje.
Su traceroute iš tiesų galime pasinerti šiek tiek giliau
kaip internetas veikia, ir pamatyti, kas vyksta po gaubtu.
Taigi eikime į priekį ir savavališkai atsekti maršrutą, tarkim, Stanford.edu
kuris yra visoje šalyje, ir paspauskite Enter.
Ši komanda gali būti super greitas arba super lėtai,
bet ką mes matome dabar, eilutė po eilutės,
yra po vieną kas tarp mūsų ir Palo Alto ar Stanfordo veiksmus ar apynius,
, jei jie turi savo interneto serverį.
Taigi, ką kiekvienas iš šių eilučių sudaro konkrečiau, nors?
Žargono gabalas iš interneto? [Studentų, nesuprantamas]
>> Kas tai? [Studentų, nesuprantamas]
>> O, taip yra kartų, tačiau, ką kiekviena eilutė - ką man reiškia hop?
>> Na, yra šie dalykai vadinami maršrutizatoriai internete.
Ir maršrutizatoriai, kaip rodo pavadinimas, maršruto informacijos iš taško A į tašką B.
Tačiau yra keletas punktų Be a ir b.
Yra c ir d, e ir f nuo 1 eilutėje,
kuris atsitinka būti mano kompiuterio IP adresas,
ar mano skaitmeninis adresas, kuris vienareikšmiškai identifikuoja savo kompiuterį,
ir žingsnis 15, kuris iš tikrųjų yra šeštasis web serveris,
matyt, aš išvadą tai, ar savo interneto serverio 6 versija Stanfordo universitete.
Bet kas rūšies tvarkingas yra, mes galime pamatyti kelias
kad mano 0 ir 1 vartojate iš savo kompiuterio į Stanfordo.
Taigi 1 žingsnis yra savo kompiuterį adresas.
Kiekvienas kompiuteris internete turi unikalų identifikatorių, kuris atrodo taip.
Number.number.number.number.
, Tikriausiai kažkur tuo kampusie mokslo centre,
maršrutizatorius vadinamas "Core Gateway" 2-te83, ką tai reiškia,
todėl tai yra vienas iš Harvardo didžiųjų išgalvotas maršrutizatoriai, kad Maršrutai daug srauto.
Štai dar vienas iš Harvardo universiteto maršrutizatoriai, tai vienas Border Gateway,
sienos reiškia, kad ji tikriausiai Campus periferijoje kažkur.
Tada ten nox 4 eilutė, kuri yra Šiaurės sankryžos,
kuris yra didelis IPT, interneto paslaugų teikėjas,
, kad, pavyzdžiui, Harvardo vietos prijungti iki.
Bet tada ko gauti šiek tiek įdomus 6 eilutėje.
Kur yra mano bitai visi staiga? Kanzasas.
Pasaulis turi įprotį naudoti oro uosto kodus daug šių dalykų,
arba bent santrumpas valstybių ar miestų,
todėl atrodo, kad tik 60 ms,
informacijos paketas, 0 ir 1 iš mano nešiojamas
gavo visą kelią iki Kanzaso ir vėl, 60 ms.
>> Be to, po Kanzaso jie buvo kelionė per Hiustonas, ko gero,
, kaip siūloma šio serverio pavadinimas.
Taigi lygiai taip pat internete serveris turi būti skaitmeninis adresas,
pasirinktinai, ji taip pat gali turėti šiek tiek daugiau žmogaus adresą, kad žmonės atėjo su.
Dabar, 8 žingsnyje, mes nežinome, kas tai yra.
Kartais maršrutizatoriai tiesiog rūšies ignoruoti tave,
ir jie tiesiog negali atsakyti į klausimus, kad viskas gerai.
Po 8 etapo, matyt, kur? L. A.
Pastebėti tik 78 ms, kas nukelia mus žmones, pavyzdžiui, 6 + valandas padaryti fiziškai,
priima paketus informacijos interneto 78 ms, kad toli keliauti.
10 veiksmas yra Los Andžele, taip pat ir 11 žingsnis, atrodo, dingo į šiaurę, prie Stanfordo.
Tai jų riba maršrutizatorius, ar pasienio maršrutizatorius.
Stanfordo universitete, ignoruojate, mums keletą žingsnių,
ir, galiausiai, pasiekiame interneto serverio tik 87 ms.
Dabar visi šie skaičiai, kaip panaikinti,
tiesiog pasakyti, kiek laiko užtrunka, kol duomenys bus gauti iš manęs
kiekvienos iš šių maršrutizatorių, ir tai nėra kaupiamasis.
Ką ši programa daro, yra, ji pirmą kartą siunčia pranešimą, iš esmės, į pirmąjį maršrutizatorių.
Tuomet į antrąjį maršrutizatorių, tada vieną į trečiąjį maršrutizatorius,
matavimo kiekvieną kartą. Todėl teoriškai šie laikai bus auga
arba bent jau gana arti vienas kito,
ir, žinoma, tie, kurie yra čia su miesteliu yra itin mažas.
Kuo greičiau pradėsite vyksta visoje šalyje, ji paima duomenis
šiek tiek ilgiau keliauti, arčiau 100 ms, suteikti arba imtis.
Bet eikime kita kryptimi dabar. Kaip apie Kembridžo universiteto Didžiojoje Britanijoje?
, O ne leiskite man paleisti traceroute Kembridžo www.cam už,
Akademinei ac. Uk, ir paspauskite Enter.
Tai buvo pretty damn greitai.
Mano duomenys tiesiog nuėjo Cambridge, England, šios sekundės laiko.
>> Taigi pažiūrėkime, kelią, kad ji ėmėsi.
Harvardo universitetas, Harvardo universitetas, Harvardo universitetas, Šiaurės sankryžos,
kuris yra IPT, ir tada tai Šiaurės sankryžos, ir tada bam.
Kas yra tarp 6 ir 7 etapus, 6 ir 7 maršrutizatorius?
Atlanto vandenyne. Ir mes išvadą iš to, kad
mes einame nuo 20 ms čia iki 80 ms.
Kad kažkas paėmė 60 ms, duoti ar priimti, gauti per.
Ir tai buvo tikriausiai didelis vandens telkinys.
Tai, kas vyksta po to? Na, čia mes esame Londone,
tik 88 ms vėliau. Daugiau Londonas, Londonas,
nežinote, kur tai yra, bet mes manau, tai yra ne Londone,
Cambridge čia, ir pagaliau mes - pažodžiui, Kembridžo universitetas
. Something.net, o tada galiausiai, line 16,
interneto serverį, matyt, vadinama Skorpioną
po gaubtu, nors mes žinome kaip www.
Rūšies proto-pučia, manau. Pirmą kartą aš kada nors padarė tai, jis visiškai susprogdino mano protas.
Deja, Harvardo eismo blokuoja šį natūra, paprastai, nuo tinklo.
Taigi, jūs negalite padaryti tai super lengvai.
Suprantu, nors, tai čia yra įmanoma.
Gerai. Paimkime mūsų 5-minučių pertrauką. Mes sugrįšiu ir pasinerti giliau.
Taigi mes vėl, ir mes natūra ambled apie čia keletą skirtingų krypčių.
Taigi, galime apibendrinti būtent tai, kas vyksta čia.
Mes pradėjome pokalbį, kalbėti apie šią kalbą, vadinamas HTML.
Vėlgi, ne programavimo kalba. Tai tiesiog žymėjimo kalba
, kuris iš esmės apie estetika ir turinio struktūrizavimo tinklalapį.
Bet, HTML, todėl turi tam tikrą mechanizmą,
keliauti tarp interneto naršyklės ir serverio.
HTML tarsi važiuoja ant šio kita kalba,
arba tiksliau, protokolas, žinomas kaip HTTP.
>> Ir HTTP, kaip mes matėme iki šiol,
yra natūra analogiška šio žmogaus konvencija shaking hands.
Kai naršyklė nori prašyti puslapį iš serverio,
ji siunčia, kad "gauti" prašymą iš naršyklės į serverį,
ir tada serveris atsako kaip 200, viskas yra gerai,
taip pat kaip HTML ar blogų skaičių, pavyzdžiui, 404, failas nerastas.
Tačiau tuo pat metu, HTTP, pati nėra interneto, per se.
HTTP yra tik paslauga, interneto funkcija
panašiai kaip G Čate yra kita paslauga, panašiai kaip elektroniniu paštu yra kita paslauga.
Yra įvairiausių dalykų, mes galime padaryti internete.
HTTP yra tik viena iš tų paraiškų.
Taigi ant - HTTP yra ant ko nors kito
mes ne paminėti pagal pavadinimą, jūs galbūt girdėjote pagal pavadinimą, TCP / IP.
Taigi istorija, mes tiesiog pasakė, yra visa informacija apie
kaip duomenys keliauja iš taško A į tašką B.
Ir šiuo atveju, mes matėme labai žemo lygio
maršrutizatorius maršrutizatorius maršrutizatorius į maršrutizatorių,
kaip duomenys yra iš tikrųjų transliuojami.
Bet pakeliui, ji ketina susiduria su įvairių kliūčių.
Be šių maršrutizatoriai, yra dalykų, vadinamas užkardos internete,
ir todėl duomenų, pavyzdžiui, mes buvo tik perduoti
iš manęs Stanfordo universitete, nuo manęs, Cambridge,
siunčiamas į šiame lygmenyje, vadinamąjį IP adresą.
Mes tai matėme metu senumo, ir IP adresas
yra tik skaitmeninis adresas formos w.x.y.z,
kur kiekvienas iš jų yra tarp, duoti ar priimti, 0 iki 255,
nors jūs negalite gana naudoti visų tų skaičių.
Tačiau kiekvienas šių vietovardžių turėtojų yra skaičius tarp 0 ir 255.
Taigi IP adresą šių dienų yra 32 bitai.
>> Dabar, kad suteikia mums kiek įmanoma IP adresus pasaulyje?
Maždaug 4 mlrd., Nes bet kuriuo metu, mes skaičiavimo galių 2
visą kelią iki 32 apie ką nors, kad paprastai suteikia mums 4 mlrd.
Taigi, kad daug IP adresų, bet jūs galėjote skaityti,
arba galite pastebėti populiarioje spaudoje,
stumti link naujos redakcijos IP vadinama IPv6.
Dabar mes naudojame versija 4.
Ten tikrai nebuvo 5 versija, mes tiesiog šokinėja į dešinę iki 6.
Versija 6 ketinate naudoti 128 bitų IP adresus, freaking didžiulis.
Mes neturėtume paleisti iš gana ilgą laiką dabar,
bet mes pradėjome paleisti iš 4 versija, IP adresus,
nes visi mes turime ne tik dalykų, pavyzdžiui, nešiojamuosius kompiuterius ir staliniai kompiuteriai,
daugelis mūsų telefonus, kitus prietaisus iš mūsų turi daug
kaip programinės įrangos TiVo ir panašių produktų, kurių IP adresus save.
Harvardo pati dešimtis tūkstančių kompiuterių.
Kad pasaulis yra tikrai bėga IP adresų, bent jau šioje formoje.
Taigi per ateinančius kelerius metus, jūs einate pamatyti adresus
savo kompiuteriuose turbūt lėtai pakeisti
daugiau ir daugiau įmonių ir universitetų pradėti remti naujesnę versiją.
Bet IP adresas yra ne pakanka kompiuterio prašyti duomenų iš kompiuterio b.
Nes kompiuteris b gali būti serverio,
ir serverio, kaip jau minėjau anksčiau, gali daryti kekių dalykų.
Jis gali surengti tinklalapius, ji gali būti elektroninio pašto serverio,
jis gali būti "Skype" serverį, jis gali būti G pokalbių serverio.
>> Visos šios skirtingos paslaugos, kurios gali būti pateiktos dėl serverio
gali visi, fiziškai, tame pačiame kompiuteryje.
Taigi, be IP adresų,
pasaulyje yra dalykų, vadinamų interneto prievadai.
Uostas yra tik skaičiai, todėl yra unikalus numeris, HTTP.
Jo numeris yra 80.
HTTP taip pat naudoja skaičių 443, bet tiksliau, saugiame HTTPS.
Pamatę s, secure, kad naudojant kitokį skaičių.
Yra kiti skaičiai, pavyzdžiui, 25, naudojami kažką vadinama SMTP, kitaip žinoma kaip e-mail.
Ten kažkas "SSH 22 vadinama,
ir ten yra visa krūva kitų uostų.
Dabar, mes, žmonės, retai pamatyti šiuos numerius.
Tačiau, kai įvedate kaip http://www.facebook.com adresą
naršyklė slapta įterpiant 80, nes jūs naudojate HTTP.
Jei jūs, o ne tipo HTTPS, tai slapta įterpiant 443.
Ir mes galime rūšies tai rankiniu būdu, jei aš atsigriebti naršykle
ir eiti į http://www.facebook.com:80.
Todėl aiškiai Cituojant ne tik svetainės, pavadinimą
bet, kad aš noriu kalbėti su uosto, ir paspauskite "Enter".
Pastebėsite, kad jis dingsta, nes naršyklė prisiima,
oh, 80, aš nesu net vargintis, rodo, kad jums.
Tačiau dėl šios priežasties, kad jei aš iš tikrųjų norėjo kam nors išsiųsti laišką,
Aš tikrai siunčia jį į juos per 25 prievadą, kad SMTP.
Supaprastinimas bitų, bet kai kurie iš jūsų draugų
, kurie iš tikrųjų dirba "Facebook", ir jie, panašiai, serverių Gauti pranešimus elektroniniu paštu.
>> Bet kuriuo metu galite siųsti laišką, ką gmail daro už jus
arba "Outlook" ar kokia programa jūs naudojate,
tai tarsi slapta įterpiant šį skaičių taip pat, 25, tokiu atveju.
Tai tik IP adresą ir numerį, identifikuojantis derinys
kompiuteris internete ir konkreti paslauga tame kompiuteryje.
Dabar, žinoma, daugelis iš mūsų tikriausiai niekada įvedėte rankiniu būdu IP adresas.
Gal turite prietaisą į elektros tinklą, tačiau realiame pasaulyje, ne tiek daug.
Kodėl mes ne įveskite IP adresus į naršyklių?
Ji turėtų dirbti, iš tiesų, mes galime pamatyti tai, leiskite man parodyti jums
vienas kitas komandą, kuri turėtų veikti bet kurioje iš Harvardo universiteto miesteliu, "Mac" ar AK.
Yra ši komanda vadinama Nslookup, vardų serveris paieška.
Jei aš ieškoti www.cnn.com, paaiškėja, kad CNN - O, įdomu.
CNN pradėjo naudotis "Amazon Web Services.
Galbūt žinote, Amazon Debesis kompiuterija, vienas iš didžiųjų žaidėjų Debesis kompiuterija.
Ką aš ką tik padariau buvo, man pasakė: "Duok man CNN interneto serverio adresą,
tačiau paaiškėja, kad CNN žiniatinklio serveris valdo Amazon,
Amazon Web Services, tai reiškia.
Ir to serverio adresas yra čia.
Todėl aš nesu tikras, ar tai veiks, nes jie nebuvo naudojamas naudoti "Amazon".
Tačiau pabandykime tai, http://, IP adresas, įveskite ir -
jis ketina dirbti?
Taip. Jis ketina dirbti. Internetas yra super lėtai šiandien.
Tačiau vienu metu, jūs pamatysite šiek tiek naujienų.
Čia mes eiti. Bank of America buvo iškelta byla. Gerai.
>> Tai yra todėl, kad šio IP adreso tiesiog atsitinka tapatinama su www.cnn.com.
Žinoma, tai būtų siaubinga rinkodaros, pasakyti, aplankyti mus internete adresu 50.112.94.127.
Jūs niekada prisiminti. Todėl net ir šių dienų jūs tikriausiai pamenate, ką
kaip 1-800-COLLECT ar Mnemonics pasaulį atėjo su telefono numerius.
, Kurios prieš buvo gana sunku prisiminti, mobiliuosius telefonus,
, kol galima tiesiog įvesti jį ir pamiršti apie jį.
Taigi internete, taip pat turi šią Konvenciją vardų ir IP adresų,
ir yra šie dalykai ten vadinama DNS serveriai,
domenų vardų sistemos serverių, IP adresus, kad išversti į pavadinimais ir atvirkščiai.
Tam, kad tai, kas vyksta po gaubtu.
Galų gale, mes turime TCP / IP, tai yra labai žemo lygio protokolas
kad, tikrai, tiesiog tampa 0 ir 1 per internetą,
ir ji tai daro pagal jų išleidimą į virtualų paketą,
jei norite, ir rašyti ant voko išorėje
IP adresas paskirties vietą, taip pat skaitmeninė prievado numeris
tą paskirties vietą, kad ji nori pasikalbėti su paslaugos.
Tuo tarpu, ant voko yra taip pat kažkas žinomas kaip atgalinį adresą,
kuris yra jūsų IP adresas, kad kai CNN gauna informacijos paketą iš jūsų,
atidaro virtualią voką, mato, kad norite į pagrindinį puslapį,
jis žino, nuo šio virtualaus voko kuriam siųsti HTML atgal į siuntėjo dalis.
Todėl galime imtis apsilankykite čia šiek tiek išsamiau.
Tai iš kompanijos "Ericson, prieš kelis metus atgal.
Ir jie paėmė keletą laisves, kaip iš tiesų veikia internetas,
bet jis piešia daug daugiau vizualinį vaizdą nei vien kreida čia.
Taigi, aš suteiks jums "šiek tiek interneto."
>> [Pasakotojas] Pirmą kartą istorijoje,
žmonės ir mašinos dirba kartu, įgyvendinti svajonę.
Vienijanti jėga, kuri žino, nėra jokių geografinių ribų.
Be rasės, įsitikinimų ar spalvos.
Nauja era, jei tikrai suartina žmones.
Tai
Net Dawn.
Norite žinoti, kaip jis veikia? Spauskite čia norėdami pradėti savo kelionę į tinklą.
Dabar tiksliai, kas atsitiko, kai jūs paspaudėte ant tos nuorodos?
Jūs pradėjote informacijos srautą.
Ši informacija keliauja žemyn į savo asmeninio pašto siuntų srauto
kur p IP paketai, etiketės jį ir siunčia jį į savo kelią.
Kiekvienas paketas yra tik savo dydžiu.
Pašto patalpa turi nuspręsti, kaip paskirstyti informaciją
ir kaip supakuota.
Dabar, paketas turi turėti etiketę, kurioje svarbią informaciją
pavyzdžiui, siuntėjo adresą, gavėjo adresas, paketo rūšies ji yra.
, Nes būtent šis paketas išeina į internetą,
ji taip pat gauna adresą, proxy serverį,
kuris turi specialią funkciją, kaip matysime vėliau.
Paketas yra dabar pradėjo ant jūsų vietinio tinklo ar LAN.
Šis tinklas naudojamas sujungti visus vietinius kompiuterių "
maršrutizatoriai, spausdintuvai, etcetera, dėl keitimosi informacija pagal fizinių pastato sienų.
LAN yra gana nekontroliuojamas vieta, ir, deja,
nelaimingi atsitikimai gali atsitikti.
LAN užmiestyje yra supakuota su visų rūšių informacijos.
Tai yra IP paketai, Novell paketai, Appletalk paketai.
Jie vyksta nuo eismo, kaip įprasta.
Vietos maršrutizatorius rašoma adresą ir, jei reikia,
liftai paketą į kitą tinklą.
Ah, maršrutizatorius. Kontrolės atrodytų, sutrikusiu pasaulyje simbolis.
[Router murma ir kalbėti į save]
>> [Pasakotojas] Yra jis yra sistemingas, uncaring, metodinė,
konservatyvūs, o kartais ir ne visai pagreitinti.
Bet bent jau jis yra tiksli, didžiąja dalimi.
Kaip paketai palikti maršrutizatorius, jie daro savo kelią į verslo interneto
maršrutizatorius jungiklį ir galva.
Šiek tiek daugiau energijos nei maršrutizatorius, maršrutizatorius jungiklis atlieka greitai ir laisvi IP paketus,
vikriai maršrutą palei savo kelią.
Digital "Pinball Wizard", jei bus.
[Router jungiklis kalbėti į save]
[Pasakotojas] Kaip paketai pasiekia savo paskirties vietą,
jie pakėlė tinklo sąsają,
pasirengę būti siunčiami į kitą lygį.
Šiuo atveju, proxy.
Proxy yra naudojama daugelyje įmonių, kaip rūšiuoti viduryje vyras
siekiant sumažinti apkrovą nuo interneto ryšio
ir saugumo sumetimais, taip pat.
Kaip matote, paketai yra įvairių dydžių, priklausomai nuo jų turinio.
Proxy atidaro paketą ir atrodo šiuo žiniatinklio adresu arba URL.
Priklausomai nuo to, ar adresas yra priimtinas,
paketas yra siunčiamas prie interneto.
Vis dėlto, kai kurie adresai, kurie neatitinka įgaliojimo patvirtinimo.
Kitaip tariant, įmonės ar valdymo gaires.
Tai yra trumpai nagrinėjami.
Mes turime nė vienas iš šių.
Tų, kuriems pavyks, tai vėl kelyje.
>> Toliau, ugniasienė.
Verslo ugniasienės, siekiama dviejų tikslų.
Jis apsaugo nuo kai kurių gana nemalonių dalykų iš interneto ateina prie intraneto,
ir ji taip pat gali užkirsti kelią jautrią verslo informaciją yra siunčiamas į internetą.
Kartą per užkardą, maršrutizatorius susitvarko paketą
ir padeda ją ant daug siauresnės kelių arba pralaidumo, kaip mes sakome.
Akivaizdu, kad kelias nėra pakankamai plati, kad į juos visus.
Dabar, jums gali būti įdomu, kas atsitinka, į visus šiuos paketus, kuri neturi pakeliui.
Na, kai p. IP negauna patvirtinimo,
kad paketas buvo gauta laiku,
jis tiesiog siunčia pakeitimo paketą.
Dabar esame pasirengę patekti į interneto pasaulį.
Spiderweb tarpusavyje sujungtų tinklų, kurios apima visą mūsų pasaulį.
Čia, maršrutizatoriai ir komutatoriai užmegzti ryšius tarp tinklų.
Dabar tinklas yra visiškai kitokia aplinka nei jums rasti
per jūsų LAN apsauginių sienų.
Iš čia, tai Laukiniai vakarai.
Daug erdvės, daug galimybių,
daug dalykų, kuriuos reikia ištirti, ir Vietos To Go ".
Ačiū labai mažai kontrolės ir reguliavimo,
naujų idėjų rasti dirvą stumti voką savo galimybes.
Tačiau dėl šios laisvės, tam tikri pavojai, taip pat tykoti.
Jūs niekada nežinote, kada jums susitikti mirties baimės ping,
normalus prašymą ping speciali versija,
kai idiotas sugalvojo bałagan nieko neįtariančius šeimininkus.
Kelias mūsų paketai imtis gali būti per palydovą,
telefono linijos, bevielis, arba net Aizokeāna kabelių.
Jie ne visada greičiausias arba trumpiausias maršrutai,
bet jie gaus, galų gale.
Gal todėl jis kartais vadinamas "World Wide Palaukite."
Bet kai viskas veikia sklandžiai,
galite apeiti pasaulį penkis kartus per svyravimų, pažodžiui.
Ir visi už vietinių pokalbių ar mažiau sąnaudų.
Šalia mūsų paskirties pabaigos, mes surasime kitą užkardą.
>> Priklausomai nuo jūsų perspektyvos, kaip duomenų paketų
ugniasienės gali būti saugumo bastionas ar baimės priešininku.
Viskas priklauso nuo to, kurioje pusėje esate ir ką jūsų ketinimai yra.
Ugniasienė yra skirta leisti tik tuos paketus, kurie atitinka jos kriterijus.
Ši ugniasienė veikia uostus 80 ir 25.
Visi bandymai įvesti per kitus uostus uždarytas verslui.
Portas 25 naudojamas pašto paketus,
, o portas 80 yra įėjimas paketus iš interneto prie interneto serverio.
Viduje ugniasienės, paketai yra tikrinami nuodugniau.
Kai kurie paketai padaryti jį lengvai muitinėje
o kiti atrodo tik šiek tiek įtartina.
Dabar, užkardos pareigūnas nėra lengva neapsigaukite,
pavyzdžiui, kai šis mirties paketo stalo bando užmaskuoti save kaip normalus ping paketo.
[Firewall pareigūnas kalbėti pakelių]
[Pasakotojas] Dėl šių pakuočių, laimė, kad ji taip toli,
kelionė beveik baigėsi.
Tai tik linija sąsajos turi būti atsižvelgta į interneto serverį.
Šiandien, žiniatinklio serveris gali veikti nuo daugelio dalykų,
mainframe web cam į kompiuterį ant stalo.
Kodėl gi ne jūsų šaldytuve?
Jei yra tinkama sąranka, galite sužinoti, jei turite Guardian
Vištienos Cacciatore, arba, jei turite eiti apsipirkti.
Atminkite, kad tai Net aušra.
Beveik viskas yra įmanoma.
Po vieną, paketai yra gautas,
atidarytas, ir išpakuoti.
, Jose pateiktos informacijos, tai yra, Jūsų prašymas suteikti informacijos,
siunčiami į interneto serverio programa.
Paketas pati yra perdirbamos,
pasirengusi būti naudojamas dar kartą, ir alsuoja jūsų prašomą informaciją,
kurią kreipiamasi, ir išsiuntė savo kelyje su Jumis.
Atgal praeities ugniasienės, maršrutizatoriai, ir prie interneto.
Atgal per savo įmonės ugniasienės
į savo sąsaja,
pasiruošę tiekti interneto naršyklę su informacija, Jūs prašėte.
Tai reiškia, kad šis filmas.
Malonu stengtis ir pasitikėti geresnį pasaulį,
mūsų patikimas duomenų paketus važiuoti ne palaimingai į kitą dieną saulėlydžio,
žinant, visiškai jie tarnavo savo šeimininkams gerai.
Dabar, yra ne tai, kad laiminga pabaiga?
[Malan] Gerai, kad to pakanka. Mes Pasimatysime kitą savaitę.
[CS50.TV]