>> [Daqq tal-mużika]
>> DAVID J Malan: Dan huwa CS50 u dan huwa l-bidu tal-ġimgħa 7.
Allura merħba lura.
U inti tista 'tfakkar li fl problema sett erbgħa,
kien hemm ftit kaċċa kennies għal xi premjijiet fabulous li permezz tagħhom
wara li tirkupra l-ritratti ta ' persunal kemm hawn u fi New Haven,
inti ġew sfidati biex isibu kif ħafna mill dawk xjenzjati tal-kompjuter kif inti tista '.
U aħna ħadthom ltqajna kollha mazz ta 'sottomissjonijiet.
Ħasbu I d jaqsmu ftit miegħek hawn illum.
>> U aħna ser post dawn kollha online.
Iżda b'mod partikolari, jien ridt li niġbidlek l-attenzjoni to-- ukoll waħda,
Sam kien pjuttost ftit minnhom ġeneralment jippreżentaw bħal dan.
Iżda jidher li mill- dalgħodu, ir-rebbieħ
kien ċertu ħadd jismu Ken ma 24 tal-persunal maqbuda fuq camera
jew ftit aktar meta tieħu in kont persunal multipli fl-istampi.
Isaffru hawn huwa Ken jmiss li Marija fi New Haven.
>> Issa, Ken, għalkemm, dawriet out hija daqsxejn ta 'każ kantuniera
thats għadhom ma ġara qabel.
Jirriżulta li dan ma sarx lili li jitqiegħdu istampar multa fil-problema
sett erba li tgħid li l-persunal huma ineliġibbli għall-premjijiet fabulous
minħabba Ken huwa, ovvjament, waħda mill l-fotografi fuq il-persunal tagħna.
Issa, ma 'dak imsemmi, huwa oriġinarjament kiteb me ngħid
jekk jogħġbok ma post dawn ir-ritratti online.
Naħseb fil-parti kbira għax ħafna mill-ritratti
li dan fotografu ħa ħarsa ftit xi ħaġa bħal din.
U simili.
>> Iżda Ken tixtieq me biex iserraħ ras lilek li hu fotografu tajjeb ħafna,
huwa professjonist, hu jieħu ritratti li mhumiex blurry,
li huma aħjar fil-fokus, u hu ħa pjuttost ftit ta 'persunal tagħna stess.
Iżda minflok biss jirrikonoxxu Ken, dak ħsibna aħna'd tagħmel
hu li tmur permezz tal-lista ta ' istudenti attwali li ressqu.
U jirriżulta li Lance ma Ritratti 15 sa mid dalgħodu
kien rebbieħ tagħna.
>> U isaffru hawn hija Lance ma Colton, ma SKAZ, mal myself, u ma 'Sam.
Iżda mbagħad jirriżulta li mill- 11:46, hekk biss ftit ilu,
I marru lura għal email tiegħi u sabet li kellna s'issa wieħed Sottomissjoni aktar
minn student jismu Bonnie li email qal biss dan.
Mhux se jimteddu, jien tagħmel dan matul il-klassi.
U mbagħad ipproċediet biex iwaħħlu biss Ritratti 14, wieħed jitmeżmżu ta 'l Lance 15.
>> Iżda fil-ritratti Bonnie, il jirriżulta out kienu membri tal-persunal multipli, Sam
fosthom, sabiex dak ħsibna se tagħmel huwa tirrikonoxxi dawn iż-żewġ.
Allura minbarra li jkollna l-Dropbox ispazju li kulħadd li pparteċipaw
tirċievi, dawn iż-żewġ sezzjonijiet ser ukoll jirċievu ikla preparament sbieħ għalihom
u taqsima tagħhom mates din il-ġimgħa li ġejjin.
U għalhekk inti se tisma minna, Lance u Bonnie, dwar dan.
Congrats hekk kbar lilhom.
Issa, dawk fostkom li kieku bħal ikla aktar ġenerali
jafu li ikla CS50 fil Cambridge u New Haven hija din il-ġimgħa.
Mur fil RSVP mmejla website CS50 s.
U issa kelma fuq seminars.
Aktar curricularly.
Allura aħna qed joqrob it- punt tas-semestru
fejn għandek tibda jaħsbu dwar proġetti finali.
U fil-fatt, fi ftit ftit, se hekk imsejħa proposti preliminari jkun dovut.
Proposti hekk minn qabel huma maħsuba biex impatt tkun pjuttost baxxa u verament
biss opportunità għall inti compose nota qasira
sħabi tagħlim tiegħek li tinforma lilu jew lilha dak li qed jaħsbu inti
jista 'jkun irid jagħmel għall-proġett finali tiegħek.
>> Issa, ħafna studenti jispiċċaw tagħmel web ibbażat proġetti finali.
U ovvjament, aħna qed biss issa għaddiet ġimgħa f'din
u lil hinn għadis fil-programmazzjoni web.
Allura ma joqogħdu jinkwetaw jekk inti assolutament ebda idea kif
inti tibni l-ideat li inti jista 'jkollok f'moħħu tiegħek.
Dan huwa verament ftit funzjoni jisforzaw biex inti tikseb ħsieb u titkellem
bil TF tiegħek dwar dan.
Imma biex jgħinuk ma 'dan, u ma 'proġetti finali finalment,
jafu li CS50 għandha tradizzjoni li joffru seminars.
>> U dawn huma fakultattivi, idejn fuq, jew taħdita ibbażat fuq opportunitajiet
biex jitgħallmu aktar dwar suġġetti li huma anċillari ftit għall-kors tal
sillabu, iżda madankollu isbaħ materjal biex issuq proġetti finali.
U għalhekk dan hija l-lista li l- Persunal CS50 hawn fi New Haven
ma toħroġ bi għall din is-sena dwar IOS
, l-ipprogrammar Android ipprogrammar, iżvilupp tal-kaċċa,
u għenieqed ta 'għodod aktar u lingwi u tekniki.
>> Allura żżomm għajnejk fuq il-websajt tal-CS50 s.
U fil-frattemp, jekk inti tixtieq li jirreġistraw l-interess tiegħek fi kwalunkwe minn dawn,
mur reġistru mmejla CS50 s.
U aħna mbagħad se segwitu dwar l- ġranet u l-ħinijiet tat-titjira u l-postijiet
u everything-- kollox l-aktar se tkun streaming u disponibbli wkoll fuq talba
wara jekk inti ma tistax attwalment jagħmilha.
Allura mingħajr aktar dewmien, aħna jitħalla 'off aħħar darba bl IKOLLOK.
>> U dan kien simili il-messaġġ li kien ġewwa tal-pakkett virtwali, tfakkar,
li aħna għadda minn router li router li router bejn web browser u web
server.
U li messaġġ stenna ftit xi ħaġa bħal din.
Dan kien il-messaġġ aktar arcane li kien effettivament ġewwa ta 'pakkett
miktub fuq biċċa karta li ewwel linja jgħid litteralment, jiksbu slash.
>> U biss bħala verifika sanità, dak li għamlet slash jindika?
X'tagħmel slash jfisser meta titlob websajt?
Inti titlob din il-ħin.
Ħafna kwalunkwe ħin li inti żjara websajt, inti ma attwalment tip fl-isem fajl.
You probabbilment biss mur Facebook.com, jidħlu, gmail.com, jew simili.
U dak ma slash jirrappreżenta?
Liema fajl?
Jew dak page, speċifikament?
>> L-indiċi, yeah.
Allura l-paġna default.
Mela jekk inti ma jispeċifikawx fajl isem kif aħna ser tibda tara,
int fil-fatt biss li titlob agħtini l-paġna default ta 'Facebook
jew jagħtu me inbox tiegħi jew jagħtu me il-paġna default ta 'aħbarijiet
fuq il-websajt CNN jew simili.
U server mbagħad twieġeb għall dak il-messaġġ ma 'xi ħaġa
bħal dan, qal iva, I jitkellmu verżjoni HTTP 1.1.
>> 200, li huwa status kodiċi li aħna bnedmin rarament
qatt tara għaliex dan huwa tajjeb.
Għaliex dan ikun ifisser OK, it-talba waslet u mmaniġġjat sewwa.
U t-tip kontenut apparentement fir-rispons
huwa spiss, imma mhux dejjem, test.
U speċifikament, HTML.
U li attwalment fejn inħarsu lejn llum.
>> Allura fil-fatt, jien ser imorru quddiem u jiftħu browser.
Jien ser tuża Chrome, inti tista 'tuża aktar xi browser fil-ġimgħat li ġejjin.
Aħna ġeneralment jirrakkomandaw Chrome għaliex dan huwa partikolarment
tajba għall-iżviluppaturi ta 'softwer.
Huwa ltqajna ħafna ta 'mibnija fil- għodod li jagħmluha aktar faċli
biex jiżviluppaw mhux biss HTML u CSS, affarijiet aħna ser jibda jitkellem dwar llum,
iżda wkoll f'lingwi oħrajn ukoll.
>> U jien ser jimxi 'l quddiem u jmorru to-- Jien ser Kontroll click jew dritt
ikklikkja kullimkien fuq paġna web.
U jien se jmorru biex Spezzjona Element.
U jien ser tweak tiegħi screen biss ftit hawn.
Let me jimxu dan sal-qiegħ.
Allura dan huwa dak li sejjaħ Ispettur Chrome.
Allura dan huwa bħal debugging għodda mibnija fis Chrome.
>> Kollha inti diġà għandhom dan jekk inti kont qed tuża Chrome.
U dan jippermetti li inti tara x'inhu għaddej fuq taħt il-barnuża ta 'xi web page.
Mela ejja fil-fatt tieħu ħarsa lejn din kif ġej.
Huwa għandu karatteristiċi iżjed mod u aħna kura dwar llum.
Iżda hemm dawn tabs hawn fuq.
Elementi, netwerk, is-sorsi, kalendarju, u xi għalf ieħor.
Jien ser ikklikkja fuq Netwerk għal mument.
>> U huwa ftit kbira ewwel daqqa t'għajn hawn.
Imma dak li jien ser tagħmel hu let me simplifikata ftit.
Jien ser jduru fuq il- reġistrazzjoni dawl b'tali mod li huwa aħmar.
U jien se ngħid jippreservaw log.
U dan huwa biss ftit Ħaġa I dehret
matul iż-żmien li għaddej biex isalva dak kollu li jiġri fil-browser.
U issa jien se jmorru li http://facebook.com.
>> Attwalment, ejja jagħmlu www għal miżura tajba, mmejla.
Ikteb.
Allura URL li ħafna inti jista 'jkollok żaru.
U issa web Facebook paġna jitla 'fil-quċċata.
U mbagħad mazz sħiħ ta ' Jittieħed tellgħu b'mill-qiegħ.
U fil-fatt, jirriżulta li meta inti żżur Facebook.com,
int mhux biss tagħmel talba HTTP waħda, jirriżulta li ser Facebook.com
jibgħat 41 ta 'dawn il-pakketti, kull mat-talba get tagħha stess,
kif indikat, għalkemm wara l-iskrin hawn, fil-qiegħ tal-iskrin,
hija tindika li, fil-fatt, tiegħi browser magħmula 41-talbiet.
>> U f'totali, li ttrasferixxa 861 kilobytes u hija ħadet għal xi raġuni
daqs tmien sekondi biex tniżżel kollha ta 'dak.
Allura dak attwalment ftit stramb dak is-sit Facebook se tieħu dik
twil, iżda dan ikun hekk f'dan il-każ.
Issa, dan kollu jien ma verament kura dwar ħlief għat-talba topmost.
Mela ejja mur dan wieħed dritt hawn u let me zoom out għal ftit mument.
>> U let me zoom fl fuq dan.
Allura dak I ghamilt fil ħallew anki jekk hemm ħafna għaddej minn hawn
huwa Stajt enfasizzata Facebook.com u mbagħad
Avviż li jien scrolling isfel, scrolling isfel, scrolling isfel,
li jitolbu headers.
U tkun taf tara li Chrome qed juri me essenzjalment il-kontenut ta 'ġewwa
tat-talba I magħmula.
Mhuwiex ifformattjar fl pjuttost l-istess mod, iżda avviż hemm referenza tikseb,
Avviż hemm referenza għall-ospitanti, Facebook.com, il-passaġġ, jew mmejla,
li huwa l-fajl I mitluba.
>> U mbagħad jekk jien iscroll back up, aħna ser fil-fatt
tara li dak Facebook lura għalija huwa kollha ta 'dawn headers.
Allura ġewwa ta 'dak il-pakkett virtwali tabilħaqq ħafna pari b'valur ewlenin.
A kelma, kolon, u mbagħad valur.
A kelma, kolon, u valur.
Dawn huma msejħa headers.
U hemm mod aktar dettall hawn minn aħna fil-fatt jimpurtahom dritt issa.
>> Iżda dan huwa t-tieni li aħħar waħda hemm isfel,
avviż, li server Facebook.com, il tabilħaqq qal hawnhekk jidħol xi test HTML.
Allura dan kollu huwa li jgħidu li meta inti titlob web
paġna minn browser għal server, server jirrispondi
b'pakkett tagħha stess ġewwa tagħhom huwa test.
Fi kliem ieħor, HTML.
HyperText Markup Language.
Liema hija lingwa oħra li aħna jintroduċu llum
li l-bnedmin jew kompjuters jiġġenera sabiex jiġu implimentati paġni web.
>> Speċifikament, ejja nħarsu lejn din.
Jien ser issa jmorru lura għall-websajt Facebook.
U jien ser biss click kontroll jew ikklikkja dritt
u kklikkja fuq View Page Sors.
U anki jekk inti ma jużawx Chrome, IE tista 'tagħmel dan, Firefox tista' tagħmel dan,
Safari tista 'tagħmel dan, anki jekk il-menu għażliet tista 'tidher xi ftit differenti.
U dan huwa l-HTML li Mark u kumpanija fil Facebook kitbu.
>> U kollettivament, din il-lingwa hawnhekk timplimenta l-blu u l-paġna abjad
li rajna mument ilu.
Issa, dan huwa daqsxejn qawwija.
Iżda jekk inħarsu up fil-quċċata xellug, aħna qed ser tibda tara xi mudelli.
Jidher qisu hemm ħafna minn dawn bracket angolu miftuħ
u allura hemm dan HTML keyword.
Hawn ieħor miftuħa parentesi angolu u l-kap.
>> Hawnhekk huwa, jekk aħna iscroll u 'l isfel u' l isfel, jien
se jimxi 'l quddiem u jippruvaw ta 'tiftix għal xi ħaġa.
Hemm mod fuq ix-lemin hawnhekk huwa l-korp parentesi miftuħa.
U jitlob lura mingħandhom aħħar ħin li aħna propost
li l-paġna web sempliċi li bniedem jista 'jikteb
tista 'tidher ftit xi ħaġa bħal din.
Tag HTML miftuħa, kap miftuħa tag, tag titolu miftuħa,
imbagħad titolu magħluqa, ras magħluqa, miftuħ tag ġisem, xi test, korp magħluqa,
HTML magħluqa.
>> Iżda pawża hawn għal ftit mument.
Dan il-kodiċi, anki jekk inti stajt qatt bil-miktub qabel
iżda xorta ma pjuttost jifhmu x'inhu għaddej, jistenna pretty tajba.
Dritt, huwa ħafna nadif.
Huwa ħafna stylistically sbieħ.
A lott ta 'indentazzjoni u l-ispazju abjad.
Facebook mhuwiex.
Allura għaliex huwa Facebook tant agħar minn I fil-kitba HTML?
Apparentement.
>> Dritt, dan huwa bħal wieħed minn ħamsa għall-istil.
Hemm raġuni konvinċenti għalihom biex jitnaqqsu dawn kantunieri.
Kull dritt, sabiex dawn ma jridux jagħmluha eħfef għalik biex taqraha.
Allura f'ċertu sens, dawn qed obfuscating dan, tip ta 'scrambling li
mill-inqas estetikament hekk li huwa diffiċli għall Myspace
imorru u RIP off tagħhom homepage u l-HTML għal dan.
Jirriżulta li ma 'programmi għalkemm, inkluż Chrome,
nistgħu tnaddaf dan up super faċilment.
Għalhekk mhuwiex pjuttost li bħala r-raġuni.
X'iktar jista 'jkun il-kawża.
Yeah.
Yeah, data ispejjeż ispazju abjad.
Xi trid tfisser?
Yeah, eżattament.
Jekk inti hit-ċavetta Tab 'lott jew il- bar-ispazju, jikkunsidraw l-implikazzjonijiet.
Allura kull ewlenin fuq it-tastiera tiegħek huwa [Inaudible] rappreżentati kif byte wieħed.
>> Allura jissoponi li Trade mark jew kwalunkwe mill-devs dawn il-jiem hits-spacebar darba biss
f'din il-paġna HTML li jirrappreżenta homepage Facebook.
U Facebook għandha ħafna ta 'utenti dawn il-jiem.
Allura jissoponi li homepage Facebook jżuruh biljun nies illum.
U xi ħadd fil Facebook tkun laqat il-bar-ispazju darba biss.
>> Allura byte wieħed addizzjonali, biljun talbiet,
kemm aktar data hija Facebook trasferiment fuq l-internet
minħabba xi ħadd laqat il- spacebar fuq it-tastiera tiegħu jew tagħha?
A biljun bytes, jew gigabyte wieħed mill data qed tintbagħat mill servers Facebook
li nies madwar id- dinja għall-ebda raġuni tajba.
Issa, li jinsab biss spazju wieħed.
>> Immaġina jekk aħna fil-fatt nadif dan ħaġa up u inċiża u miżjuda
ħafna spazju abjad u karattri tab u spazji,
inti tispiċċa gigabytes infiq, jekk mhux terra bytes aktar ta 'spazju.
U hekk super komuni fil- dinja reali żvilupp tal-web
huwa li minify kodiċi tiegħek.
U aħna ser eventwalment tara kif inti tista 'tagħmel dan.
>> Imma llum, aħna ser tibda tikteb kodiċi li fil-fatt tinqara mill us bnedmin.
Jirriżulta, għalkemm, jekk inti tmur lura għal din l-għodda fil Chrome Spezzjona Element,
qabel, konna fuq il-tab Network.
Jirriżulta li jekk inti tmur għall- Elementi tab, dak li attwalment tara
huwa tal Chrome pretty stampati verżjoni ta 'dik l-istess HTML.
Allura konna deobfuscated dan.
Għalhekk l-ebda taqbila għal kompjuter.
U issa inti tista 'attwalment ikklikkja madwar u tibda
biex tara d-ġerarkija li hija paġna web.
Mela ejja fil-fatt jagħmlu dan.
Jien ser jimxi 'l quddiem u tiftaħ fuq Mac tiegħi program imsejjaħ jeditjaw test.
U tfakkar li dan huwa biss programm test super sempliċi.
Windows għandha notepad.exe.
U jien ser verbatim tip li ġej.
Dok tip HTML, parentesi miftuħa HTML, magħluqa parentesi HTML,
għandna l-kap tal-paġna hawn, l-aħħar tal-kap tal-paġna hawn,
titolu se jkun simili, bonjour dinja.
>> U mbagħad stabbiliti hawn, għandna bżonn il-korp tal-paġna web.
Korp magħluqa.
U mbagħad fil hawn, bonjour dinja.
Kull dritt.
Allura konna bil-miktub web page super fast.
Jien ser ħlief bħala hello.html fuq id-desktop tiegħi.
My Mac se jilmentaw, ħsieb li, stenna minuta,
dan huwa fajl test, do inti tixtieq li hija sejħa Txt?
Imma l-ebda, I jridu jużaw dot HTML.
>> U allura x'hemm sbieħ jekk I biss ikklikkja darbtejn dan il-fajl,
hello.html, hawnhekk page web tiegħi.
Sfortunatament, I am- unika persuna fid-dinja
li jistgħu jżuru din il-paġna dritt issa.
Dan għaliex meta ma jgħix apparentament?
Huwa fuq Mac tiegħi, id-dritt?
Liema hija inutli.
Bħall-ebda wieħed f'din il-kamra aħseb u ara fuq l-internet
tista 'attwalment jżuru dik il-paġna.
Hekk illum, għandna bżonn li jintroduċu element ieħor.
>> U biex tagħmel dan, jien ser imorru quddiem u tiftaħ sħaba 9.
Allura sħaba 9 huwa naturalment sħaba service-- bbażata CS50
IDE-- Li għandu l postijiet tax-xogħol tagħna taħdem x'imkien fuq l-internet.
U dan ifisser li kollha ta 'fajls tagħna huma aċċessibbli għall-pubbliku diġà.
Mela ejja imorru quddiem u tagħmel dan.
Jien ser jimxi 'l quddiem u toħloq fajl ġdid NCS50IDE.
Jien ser tiffranka tagħha bħal qabel kif hello.html u kklikkja jiffrankaw.
U issa biss biex jiffrankaw il-ħin, jien ser li jimxi 'l quddiem u kopja paste dan il-kodiċi
minflok retype dan.
U isalvawh.
U hekk issa għandi fajl imsejħa hello.html.
Imma kif nista attwalment tiftħu bħala page web?
Ukoll, jirriżulta l-mibnija biex CS50 IDE mhux biss kompilatur bħal clang
u debugger bħal GDB u għenieqed ta 'programmi oħra,
hemm attwalment żviluppata sħiħa web server jaħdem fi żmien CS50 IDE.
>> Lilkom kollha, jiġifieri, jkollhom web server tiegħek stess.
U web server huwa biss biċċa ta 'softwer li l-iskop fil-ħajja
huwa li jservi up paġni web.
Biex jisimgħu għal talbiet mill-browsers u jirrispondu b'pakketti virtwali ftit
ġewwa tiegħu huwa l- kontenut li stajt bil-miktub.
Allura dan web server huwa sors attwalment ħielsa u miftuħa.
Fejn sors miftuħ ifisser biss software li xi ħadd ieħor ħa
bil-miktub li lkoll jistgħu attwalment ara u tniżżel u anki
tibdel il-kodiċi tas-sors.
U huwa msejjaħ Apache.
>> U aħna ħadna ftit aktar faċli biex użu fil CS50IDE billi ssejjaħ dan Apache 50.
Sabiex ikun jista 'attwalment jifhmu li ġej.
Jien se ngħid Apache 50 bidu.
U mbagħad jien biss se ngħid dot.
U naraw xi ftit messaġġ arcane qal
iffissar dokument Apache ta [? grupp?] lejn id-dar, ubuntu, tkun xi tkun li tkun,
mmejla workspace.
Bidu web server Apache 2 b'suċċess.
>> Allura storja twila fil-qosor, I għadek imbuttat buttuna
u mdawwar fuq web server li issa jisimgħu fuq l-internet fuq il-port TCP
80 f'indirizz speċifiku.
U jgħid hawnhekk, u dan se bidla li hi bbażata
fuq username tiegħek u fatturi oħra, imma avviż issa jekk I ikklikkja dan,
IDE50 dot jharvard u hekk u hekk, avviż li dan il-ħin
għall-aħħar diversi ġimgħat, inti jista 'jkollok
ndunat li username tiegħek stess huwa inkorporat fl-idejn kantuniera
kantuniera ta 'CS50IDE.
>> U li attwalment kien dan kollu żmien l-indirizz li fih tista
żjara kollha ta 'fajls tiegħek permezz tal-web.
Sa issa, ma mattered, minħabba fis-C, inti ġeneralment
tixtieq affarijiet running fil- terminal, mhux fuq il-web.
Imma llum, nibdew miktub web ibbażat kodiċi
li rridu nagħmlu aċċessibbli fuq URLs pubbliċi.
Allura dak li jien ser tagħmel huwa ikklikkja din URL.
>> U tinnota li nara pjuttost indiċi ikrah, lista tad-direttorju,
imma dak fajl jumps fil inti probabilment?
Hello.html.
Dan għaliex I ffrankati l-fajl fil workspace tiegħi.
U dak li stajt told Apache-web server huwa ħarsa fil-direttorju workspace David.
U let xi ħadd fil- dinja tara dawn il-fajls.
>> U fil-fatt, jekk I issa ikklikkja fuq hello.html,
Nara fi ħdan dan tab eżattament dan il-fajl.
Issa avviż, sħaba 9 qed jagħmel xi ftit utli għalina.
Fi ħdan IDE CS50, avviż hemm f'daqqa waħda bar indirizz.
Dak għax anke jekk aħna qed użu Chrome biex iżuru CS50IDE,
ġewwa tal CS50IDE huwa tagħha stess Verżjoni ta 'web browser dritt issa.
U hekk milli jikkomplika l-affarijiet bħala tali,
Jien ser jimxi 'l quddiem u biss kopja dan il-URL.
Jien ser jimxi 'l quddiem u biss miftuħa tieqa tiegħi stess Chrome.
Hekk hemm ebda magic hawn, l-ebda CS50IDE.
Jien biss ser litteralment paste J Harvard tiegħi URL u hit Ikteb.
U voila, issa I, u fit-teorija, kulħadd
fuq l-internet, jekk stajt konfigurati permessi b'mod xieraq,
jistgħu jżuru dan il-fajl.
U hekk issa, jekk I said hello.html, voila, hemm
huwa page tiegħi web oerhört underwhelming.
Mela ejja tagħmel verifika sanità malajr.
Minħabba kollha ta 'dak huwa kunċettwali set up.
U aħna ħadthom attwalment ma verament mgħallma kif jiktbu HTML per se inti.
Kwalunkwe mistoqsijiet s'issa fuq dak li ġara biss?
Iva.
Ma CS50 stess dawn il-paġni web?
F'liema sens?
Tajba kwistjoni.
Allura s CS50 tippossjedi CS50.io.
Imxejna tabilħaqq mixtrija dak l-isem tad-dominju.
U min-natura ta 'inti guys jillogja CS50IDE,
inti kollha jiksbu dak li sejjaħ subdomain.
>> Allura IDE50-Malan, jew IDE50-Rob.CS50.io, li l-indirizz uniku tiegħek fi żmien
isem tad-dominju tagħna.
Dan għall-finijiet tal-kors, għandek indirizz uniku tiegħek stess.
Iżda aħna ħadthom simplifikata affarijiet mill jixtru l-dominju tal-ogħla livell, CS50 dot
I / O u mbagħad kulħadd huwa ġewwa ta 'dan, biex ngħidu hekk.
U aħna ser terga 'lura għal dik fi ftit ġimgħat probabbilment,
speċjalment fil-proġett finali żmien, meta xi wħud minnkom
tista 'tixtieq li tikseb l-ismijiet tad-dominju tiegħek stess.
Huwa fil-fatt relattivament sempliċi.
Kull dritt.
Mela ejja issa tagħmel dan.
Jien se jmorru lura fis CS50IDE, fejn file tiegħi dritt issa,
hello.html, mhux kollha li interessanti.
I tixtieq tagħmel xi ħaġa ftit nicer minn dak.
Hekk jien se jagħmlu xi ħaġa bħal din.
Let me paragraphs.html miftuħa.
Allura dan huwa fajl I kiteb bil-quddiem.
Fil-quċċata ta 'dan, bħal dejjem, aħna għandna kummenti.
Iżda fil HTML, kummenti tfittex ftit differenti.
On-line tlieta u linja 14, inti tara l-sintassi għall jibdew kumment
u tispiċċa kumment.
>> Iżda ħadd tal-għalf fil bejn kwistjonijiet funzjonalment.
Huwa biss nota lil bniedem x'inhu għaddej hawn.
U biss bħala sanità malajr jikkontrolla, jekk I iscroll down,
x'inhu l-ġdida ovvju tag li konna introdotti?
Il-lametti s'issa Rajna huma miftuħa parentesi HTML, ras, titolu, u l-korp.
Imma x'hemm ovvjament ġdid issa?
>> Yeah, hekk p.
Il-lametta p jew il-paragrafu tag.
U mbagħad I biss mislufa xi nuqqas Test Latin li jikkostitwixxi paragrafi tiegħi.
Minħabba dak li ridt juru huwa kif inti tista '
jirrappreżentaw paragrafi ta 'test fil-HTML.
U hekk dak li jibdew jiġri hawnhekk hija li hemm diġà
mudell jiżviluppaw.
U let me imorru quddiem u tagħmel dan.
Let me ewwel itfi Apache.
U jien ser jgħidlek li tibda innifsu darb'oħra ġewwa tal-lum sors seba
direttorju m.
I hekk li jkollhom aċċess għal kollox.
>> U issa, jekk immur lura għall dan elenkar tad-direttorju,
Avviż nara kull fajl mil-lum.
U tkun taf tara fil- sett problema li jmiss, aħna ser
jagħtik struzzjonijiet biex isir eżattament dan.
Jekk I miftuħa paragraphs.html, dan jista kif ukoll dehra ta 'lingwa ta' programmar
lilek jekk inti ma titkellimx jew ma taqra Latina.
Iżda din hija biss tliet paragrafi ta 'test li huma mmarkati fil HTML.
>> U avviż l-paragrafu pawżi bejniethom.
Minħabba jirriżulta, u anki jekk inti
jistgħu jiġu mħeġġa biex jagħmlu dan, billi fid-dinja reali,
jekk inti tixtieq li tqiegħed linja waqfiet bejn affarijiet,
inti tista 'sempliċement tagħmel dan u hit Save.
U issa, jekk I rikarigu hawn, avviż li kollox biss ċċajpar flimkien
wieħed biss blob ta 'test.
Minħabba HTML huwa tip ta 'lingwa dumb.
>> Huwa maħsub biex jintuża bħal b'mod li l-browser se biss
do espliċitu dak li għid li tagħmel.
Mela jekk inti ma għid tagħti me paragrafu ġdid,
int mhux ser tara paragrafu ġdid.
U fil-fatt, dak li l- browser għaddej biex tagħmel
huwa saħansitra jekk inti hit Ikteb, ejja ngħidu għal darb'oħra u għal darb'oħra
u għal darb'oħra, li jiċċaqalqu b'dan il-mod it-test isfel fuq l-iskrin u mbagħad ħlief
u mbagħad rikarigu, il-browser huwa għaddej għall-kollass kollha ta 'dak l-ispazju abjad
fi ftit, whitespace waħda viżibbli.
Kull dritt.
Allura dak l-paragrafu tag.
U hekk x'inhu l-mudell li l-iżvilupp hawn?
Ukoll, jidher li jkun il-każ li HTML hija kollha dwar bidu ta 'tag
u li jispiċċa tag.
U dak huwa tag?
Ukoll, huwa biss blokki ta 'sintassi.
Parentesi miftuħa, keyword, parentesi magħluqa, huwa tag.
Jew jibdew tag.
U allura meta int isir tesprimi lilek innifsek,
kif fil inti qed isir mal-paragrafu, tagħmel hekk biex ngħidu oppost.
Iżda l-oppost huwa pjuttost mhux lura.
>> Inti sempliċiment prefiss-istess tal-lametta isem bil-quddiem mmejla bħal dan.
Kull dritt.
Allura mhux kollha li eċċitanti.
U fil-fatt, aħna mhux qed jagħmlu l- web li kollha aktar interessanti.
X'jiġri jekk I tixtieq li tagħmel affarijiet akbar u kuraġġużi?
Għalhekk jirriżulta li hawnhekk eżempju fil headings.html, fejn fil-ġisem tiegħi,
Stajt ltqajna tag H1, H2, H3, erba ', ħames, jew sitt, li kollha
jidhru pretty arcane.
Imma jekk immur tiftaħ dan eżempju, ejja tagħti ħarsa.
Headings.html.
>> Allura browsers awtomatikament jistgħu jagħtuk test li l-kbir u ambizzjuz ta 'daqsijiet differenti.
H1 huwa kbir.
H6 hija iżgħar u mbagħad kull ħaġa oħra bejniethom.
Allura dak interessanti iżda xorta mhuwiex verament il-web Naf.
X'jiġri jekk irridu li għandi xi ħaġa bħal lista. .
Allura hawnhekk lista bulleted ta tlieta ta 'djar Harvard.
>> Kif sirt tmur dwar kif isir dan?
Well, tagħti ħarsa lejn list.html.
U hawn, naraw Ftit ftit ta 'funkiness
imma ejja jikkunsidraw dak li qed jiġri.
Allura ibbażati fuq dak li inti stajt biss tidher, UL stands għall lista unordered.
Lista unordered biss tfisser bulleted.
M'hemm l-ebda numri.
Hemm ukoll xi ħaġa imsejjaħ ordnat lista, li hija OL fil tag.
Imbagħad LI, punt lista hija kollha tfisser.
>> U għalhekk awtomatikament numri kollox għalik.
Iżda għal darb'oħra, kollha tal-indentazzjoni tiegħi u l-ispazju abjad huwa biss għall-finijiet tiegħi.
Il-browser mhux fil-fatt se kura.
Għalhekk anki jekk inti ma setgħux tagħmel dan, biss biex tkun ċara,
inti m'għandekx anki jekk il-browser xorta se
ikunu kapaċi jifhmu hija biss multa.
Jien laqtu rikarigu fil tiegħi browser, jien tikklikkja rikarigu
u l-ebda bidla li qed jiġri minħabba li l-browser xorta
tagħmel eżattament dak I għid li tagħmel.
>> Kull dritt.
Allura din hija kollha biss test.
Issa ejja nagħmlu xi ħaġa aktar interessanti.
Jien ser jimxi 'l quddiem u jissellef xi ftit minn din HTML.
Jien ser jimxi 'l quddiem u toħloq fajl ġdid hawn.
U aħna ser sejħa dan rick.html.
Għandna sproporzjonat xi ħaġa użati
imsejħa roll rick f'dan klassi din is-sena, I do not know,
hija biss ġara organikament.
>> U issa huwa ltqajna barra mill-kontroll.
Hekk jien biss se jmorru magħha.
U jekk immur Google Stampi u Rick Astley.
Jekk inti ma taf għaliex aħna nagħmlu dan, biss taqra fuq Wikipedija.
Kull darba li inti stajt għafast fuq il-link, xi ħadd kien laughing x'imkien.
U let me go ahead-- hemm immorru, ejja tara din id-dehra.
>> Allura hawnhekk għandna immaġini fil Google Images.
U ejja nassumu li din hija raġonevolment kullimkien fuq l-internet.
Hekk jien ser jassumi huwa OK għalija li attwalment twettaq dan page web tiegħi.
Jien ser jimxi 'l quddiem u kopja image URL.
U issa jekk immur lura għall Cloud 9, ejja ara dak I tista 'tagħmel hawn.
Allura hawnhekk huwa biss web page.
Dan huwa Rick Astley, haha, Jien ser issa jmorru lura
lill-browser tiegħi, rikarigu, u interessanti.
>> Fejn hi Rick?
So let me tara dak li ġara.
Fil-fatt, jien ser nippretendu bħal I ma tagħmel dan.
[Inaudible] jniżżlu fil hawn.
Aħna ser terga 'lura għal li fil-mument.
Allura hawnhekk rick.html.
B'tali mod li ma Rick Astley.
Għalhekk jirriżulta li nistgħu attwalment żid lilu fil hawn.
Dan huwa Rick Astley.
Jien se ngħid tagħti me immaġni li sors huwa l-URL I biss kkupjati, li
apparentement huwa kuntenti xi ħaġa birthday jew ieħor.
>> U issa jien se tagħlaq il-lametta bħal dan.
Allura dan huwa tgeżwir twil super.
Iżda avviż li kollha stajt jsir huwa image parentesi miftuħa,
sors ma 'attribut ta' dan.
U huwa URL verament twila.
U fl-aħħar nett, avviż dan.
Slash Għaliex I għamlu bracket angolata minflok, bħal kull tag oħra,
jkollhom parentesi miftuħa, IMG, magħluqa parentesi?
Ħu raden anki jekk inti m'għandhom l-ebda familjarità tkun xi tkun
ma HTML qabel.
>> Għalhekk huwa kif jagħlaq il-kmand, iżda għaliex
ma jkunx verament tagħmel intuwittivi sens li jagħmlu xi ħaġa ftit aktar
verbose bħal immaġni qrib?
Yeah.
Just naħa semantika, hemm ebda sens ta ' bidu ta 'immaġni u jispiċċa immaġni,
huwa jew hemmhekk jew mhuwiex.
Għalhekk ma jagħmilx sens li tħalli lakuna għal xi ħaġa oħra ġewwa ta 'immaġni.
Inti sempliċiment ma tistax tagħmel dan.
U għalhekk l-sintassi ġeneralment ikun biss
li jagħmlu l-quddiem mmejla ġewwa tal-lametta miftuħa jew it-tikketta bidu
u mbagħad hit Save.
>> Mela jekk jien issa rikarigu dan il-fajl, issa Stajt ltqajna web page tisjir tajba hawn.
U nistgħu ċertament verament idejqu nies
billi jintegra minflok bħal link YouTube.
U fil-fatt, f'kull żmien inti stajt qatt marret għall YouTube,
u let me attwalment aċċidentalment rick roll myself hawn.
Allura Rick roll.
So rick roll-- jien se jmorru hawn.
>> [Daqq tal-mużika]
>> OK, persuna waħda gustado dan.
Allura avviż dan il-ħin, jekk inti ikklikkja l-link Share, inti naturalment
jiksbu l-URL li inti tista 'attwalment ssodata fl-email jew immaġni forensika
jew fi problema stabbiliti jew slide.
U issa, jekk I minflok ikklikkja fuq ssodata, avviż li dan il-ħin, dan il-għalf
kien hemm.
Jien ser jimxi 'l quddiem u kopja dan.
>> U biss hekk nistgħu naraw aħjar, jien se paste fil editur test tiegħi.
Avviż li dan dak YouTube ġie tghidlek.
Kull darba li żżur YouTube video, jekk inti
tixtieq ssodata l-video fuq tiegħek paġna tal-web, sempliċiment grab din.
Allura dan huwa pass ieħor Tag HTML jissejjaħ iframe.
Jew fil-qafas linja.
Allura wisq jistenna ftit aktar kumplessi minn-oħrajn kollha.
Għalhekk jirriżulta li l-immaġini tag u apparentement l tag iframe
jieħdu liema huma msejħa attributi.
>> U dan huwa pass ieħor biċċa sintassi HTML.
Minbarra l-tal tag isem, open-isem tag parentesi,
inti tista 'tikkontrolla l-imġiba tal-lametta billi jkun hemm mazz sħiħ ta 'attribut
ugwali valur.
Attribut ugwali valur.
U għalhekk per eżempju, YouTube huwa tgħidilna
jekk trid li l-wisa 'ta' dan il-video li jkun 420 pixels u l-għoli
li jkun 315 pixels, li kif inti tesprimi dan fil HTML.
>> Is-sors tal-video li qed jiġri biex tkun li URL YouTube twil
u mbagħad ftit għalf ieħor bħall transkonfinali qafas huwa żero,
sabiex probabbilment ifisser li hemm ebda transkonfinali madwar il-ħaġa.
Ħalli full screen probabbilment ifisser li l-utent
jista ikklikkja l-buttuna u attwalment full screen il-video.
Mela jekk jien verament tixtieq li tkun impressjonanti hawn fil Rick dot HTML,
minflok ma użat il-lametta immaġni, let me iħassar dik, minflok paste dan.
U issa rikarigu.
U issa here we go darb'oħra.
Kull dritt, li l-biżżejjed.
Dritt kollha hekk ser nipprova diffiċli li ma tagħmel dan mill-ġdid.
Allura dak li huma wħud mill-takeaways hawn?
Allura HTML, kif ikrah kif dawn il-paġni web huma, huwa attwalment pjuttost sempliċi.
Mhuwiex lingwa ta 'programmar.
Huwa ma jkollu funzjonijiet.
Huwa ma jkollu loops.
Huwa ma jkollu kundizzjonijiet.
Dak kollu li għandha tkun għexieren ta ' tags differenti, li kull wieħed minnhom
għandha żero jew aktar attributi.
U fil-fatt, x'hemm gost dwar HTML kif tibda adsa fis
hija li huwa teachable awto ħafna.
>> Kollha li tieħu huwa fehim tal-qafas ġenerali ta 'HTML.
X'inhu tag, dak li huwa attribut, kif taħseb li attwalment kkonfigurat web page
kif ġej.
U kull ħaġa oħra huwa verament ir-riżultat ta tfittex up fi referenza online
jew googling kif jagħmlu xi teknika jew kif aħna stajt tidher,
tħares lejn sors Facebook kodiċi, tħares lejn website
li tixtieq fuq huwa kodiċi sors u jifhem kif l-iżviluppaturi hemmhekk
attwalment stabbiliti affarijiet out.
>> Allura nistgħu nagħmlu immaġini kif ukoll.
U fil-fatt, aħna ma kien mument ilu.
Let me imorru quddiem u biss jurik.
Hawn xi kodiċi kampjun.
Jekk inti qatt tixtieq li tara qattus grumpy.
So avviż li nista jkollhom tag immaġni hawn.
U stajt ltqajna kumment fuqu.
Stajt ltqajna alternattiva test għall-aċċessibbiltà.
Allura xi ħadd li jużaw skrin qarrej għal raġunijiet ta 'vista
jistgħu attwalment mbagħad ikollhom tagħhom screen reader jgħidu qattus grumpy.
Għaliex jekk dawn ma jistgħux tara l-immaġni, huma
jistgħu inqas ikollhom kompjuter tagħhom jgħidulhom verbalment dak li hu.
U s-sors ta 'dan il-fajl huwa cat.jpeg.
Allura fil-fatt, jekk I really riedu jiksbu għaqlija, dak I setgħet done--
I wegħda li ma tmurx lil Rick Astley, hekk Jien ser google għal qattus minflok.
U jekk immur Google Images hawn, u aħna ser tassumi
li din hija stampa ta 'qattus tiegħi.
>> Ejja ngħidu li għandi kontroll għafast jew dritt għafast fuq dan, aċċidentalment
creepy.
U cat.jpeg jien ser biex jiffrankaw fuq id-desktop tiegħi.
Let me issa jmorru lura għall sħaba 9.
Avviż li hawn, I tista ' mur upload-fajls lokali.
U jekk I grab din fajl, cat.jpeg, avviż
li I tista 'ttawwal u qatra fis sħaba 9
u li għaddej biex Yell fil lili hawn.
>> Għaliex aħna stajt diġà tak fajl cat.jpeg,
imma hija super faċli biex grab ritratt li inti stajt
meħuda minn Facebook jew Flickr jew bħalhom
u fil-fatt drag u qatra fi sħaba 9 u mbagħad jagħmilha
parti mill personali tiegħek stess websajt jew problema
sett seba 'jew tmien kif aħna ser dalwaqt tara.
U allura meta inti finalment żjara li l-qattus,
jekk wieħed jassumi I jitniżżel l-istess qattus, avviż that-- li kien adorable.
>> What inti tara huwa xi ħaġa bħal din jiffaċċjaw hawn.
Allura l-fajls li inti referenza fi ħdan paġna web
jista 'jkun jew lokali tiegħek stess kont jew remoti fuq xi server ieħor
bħal fil-każ tal-Rick Ritratt Astley ftit ilu.
Għalhekk, fejn else-- dak inkella nistgħu nagħmlu hawnhekk?
Mela ejja tagħti ħarsa lejn dan li ġej.
Inti taf x'inhu tip ta 'kessaħ?
>> Aħna s'issa kienu jagħmlu paġni web statiċi ħafna.
Irrid li ħwawar affarijiet up kif ġej.
Irrid nagħmel search engine tiegħi stess.
Allura biex jagħmlu search engine, ejja imorru quddiem u tibda tagħmel dan.
Jien ser jimxi 'l quddiem u joħolqu fajl ġdid imsejjaħ search.html.
U aħna għandna prefabed verżjonijiet online.
Whoops.
Ma paste fis tieqa terminal tiegħek.
Verżjonijiet prefab online.
U jien ser tibda kif ġej.
Allura hawnhekk il-bidu ta ' fajl imsejjaħ search.html.
Jien ser ħlief fil direttorju sors lum.
Jien ser sejħa dan Search.
Fil-fatt, aħna ser jagħmilha aħjar.
CS50 Fittex u attwalment marka dan.
U issa, jien se ngħid xi ħaġa bħal H1 CS50 Search.
U mbagħad stabbiliti hawn, H2 coming soon.
U biss biex terġa, H1 u H2 ifissru dak rispettivament?
>> Yeah, hekk kbir u ambizzjuz, u mhux kbir, iżda xorta kuraġġużi.
Mela jekk I ħlief dan u jmorru fuq hawn, ejja ara l-search.html fajl.
Dritt kollox, u dan wieħed huwa right-- [inaudible].
Stand by.
David huwa konfuż.
Oh, huwa hemm dritt.
David huwa idjota.
KOLLOX SEW.
Allura hemm hu.
Allura tfittxija CS50 coming soon.
Allura issa, ejja sintetizzati dak li għamilna ġimgħa li għaddiet.
>> Fejn tkellimna dwar l- mechanics livell aktar baxx ta 'HTTP.
U dawn l-ideat ġodda ta HTML, li huwa biss
din il-lingwa markup fejn inti tgħid browser eżattament x'għandhom jagħmlu
u jimplimentaw search engine tagħna stess.
Allura minflok sempliċiment qal coming soon, jien
ser tintroduċi xi ħaġa imsejħa formola tag.
U f'din il-forma, jien ser ikollhom xi ħaġa bħal qasam input.
>> U l-isem ta 'dan il-kontribut qasam, jien ser sejħa hija Q.
U t-tip ta 'dan il-qasam input Jien se ngħid huwa biss "test".
U qasam tat-test, kif aħna ser tara, huwa biss kaxxa ta 'test.
U għalhekk ma sens hawn biex jkollhom xejn ġewwa ta 'dan f'dan il-punt.
U hekk jien sempliċiment se li tagħlaq il-tag ma 'dak
quddiem mmejla dritt fil-tag innifsu.
U allura jien ser jkollhom input ieħor.
Tip Input ugwali jissottomettu.
U allura jien ser qrib dan wieħed wisq.
>> U issa jien se jmorru lura hawn.
U diġà naraw, għalkemm pretty ikrah, stajt
ltqajna l-bidu ta ' paġna tfittxija tiegħi stess hawn.
Fil-fatt, let me jippruvaw nadif dan up ftit.
Jirriżulta li fuq il- input hawn, I jista 'jkollhom
attribut ieħor imsejħa placeholder.
UI tista 'tara xi ħaġa bħal keywords, jew b'mod aktar speċifiku, mistoqsija għall q.
>> U avviż, issa, għandi dan it-tip ta 'test griż
li tispiċċa bħala Hekk kif nibda ittajpjar,
iżda huwa probabbilment xi ħaġa inti stajt tidher fil-paġni web oħra.
I ma verament bħall-buttuna Issottometti.
Hekk jien fil-fatt se jagħti l- Buttuna issottometti valur ta 'tfittxija.
U issa, jekk I rikarigu, avviż li buttuna tiegħi isir jismu tfittxija.
You know, I ma verament bħall-logo hawn.
Allura ġeneratur Google Font.
>> Irrid li ħwawar up dan aktar.
Tfittxija hekk CS50.
Let me joħolqu logo tiegħi stess.
Li jistenna sbieħ.
Allura issa let me jiffranka dan as-- come fuq.
Fejn huwa se?
Hemmhekk.
KOLLOX SEW.
Qbiżt.
Ħlief kif.
Browsers Stupid.
Stand minn, aħna qed tmur biex jiffissaw dan darba għal dejjem.
Hemm immorru.
Kull dritt.
Jiddispjacini.
Ġurnata ta 'mistrieħ.
Issa dan huwa funky.
Ħruġ full screen.
Kull dritt.
>> Issa, bħal normali persuna, ħlief immaġni kif.
Logo.gif.
Issa jien se jmorru fil CS50IDE u Jien ser sempliċiment grab-logo,
Jien ser drag hija fil tiegħi sors seba direttorju,
fajl diġà jeżisti, jien OK ma 'dak.
Hekk jien ser jiskarta dan minħabba I diġà kellha dan.
U issa kif nista 'jeħles ta' dan?
>> Ejja imorru quddiem u jagħmlu hawn sors image ugwali logo.gif.
Agħlaq dan.
Jiffrankaw.
U issa jekk immur lura għall tfittxija tiegħi paġna, issa huwa qed ifittxu pjuttost tajba.
Dritt kollox, u għalhekk ma jkunx pjuttost jsir xejn utli.
Fil-fatt, let me tipprova tiftix għal qattus u tara x'jiġri.
Qtates.
Kkritikat dan.
Ma biss xogħol, apparentement.
Allura x'inhu l-parti ewlenija li nieqes hawn?
>> Dritt, anki jekk ma tafx xi HTML, Stajt beda immarkar l-formola tat-telefon
u stajt qallek it kif tikseb inputs, tagħti me kaxxa ta 'test u buttuna issottometti,
dak biċċa hija apparentement nieqsa?
Ejja ngħidu li rridu fil-fatt tikseb dan il-ħaġa jaħdem sew.
What do we bżonn tagħmel?
Għandna bżonn li jiġu implimentati l-aħħar lura database jew l-search engine stess,
u li għaddej biex tieħu lott kollu ta 'ħin, franchement.
>> Mela ftakar dak li għamilna aħħar darba.
Mela jekk inti tfittex xi ħaġa fuq Google u inti għandek bil-quddiem mitfija,
irtirar, instant tfittxija.
So let me dawran li off sabiex dan fil-fatt
iġib ruħu browser skola anzjani, jekk I issa tfittex xi ħaġa bħal qtates,
ifakkar dak li l-URL Dehra.
Huwa pjuttost cryptic.
Iżda integrati fil hemm, recall, huwa tfittxija slash.
Trade mark in kwistjoni q ugwali qtates.
>> U li jidher li tagħti me mazz sħiħ ta 'rizultati.
Allura inti taf dak li jien ser tagħmel?
Jien ser tissellef Google għal ftit minuti.
Jien se jmorru fuq hawn u jien ser ngħid
li dan jifforma azzjoni jew destinazzjoni, biex ngħidu hekk,
għandhom litteralment tkun Google.
U l-metodu xtaqt użu se tkun tikseb.
>> Allura x'inhi l-azzjoni?
Azzjoni hija weirdly imsemmi, iżda biss li jfisser
li tkun se jimmaniġġjaw l-azzjoni ta 'din il-formola?
Meta I ikklikkja Fittex, fejn jekk ir-riżultat imorru?
U jekk jien issa tmur lura għall-forma tiegħi hawn u rikarigu-paġna web tiegħi
u issa tfittex xi ħaġa bħal kelb, avviż issa
Għandi ri implimentati Google.
Dritt?
>> Jekk irrid tfittex xi ħaġa inkella, hija taħdem għal mhux biss klieb,
hija taħdem ukoll għall-qtates.
Hija taħdem ukoll għall CS50.
U OK, dan huwa biss taħt whelming, hux?
Kull dritt, imma attwalment xogħlijiet.
Allura dak li fil-fatt ilu għaddej?
Hekk stajt mgħallma browser tiegħi, bl-użu HTML, li jieħdu input mill-utent
u fil-fatt jibgħat dik input ma 'server remot bl-użu HTTP.
>> U minħabba browser tiegħi jifhem HTTP, attwalment
jinbena l-URL sabiex dak li I jispiċċaw fuq fil-browser tiegħi,
Avviż x'jiġri meta I mfittxija għall-kelb.
Jekk I ikklikkja Fittex, avviż li il-URL bidliet kif I maħsub
li google.com/search~~V mistoqsija ugwali kelb.
U dan għaliex l-formola jaf, minħabba li l-metodu hu li tikseb,
li sempliċiment tehmeż għal dik URL hemmhekk.
>> Issa, dawn il-paġni web għadhom ikrah.
Mela ejja jintroduċu ieħor biċċa sintassi jekk nistgħu llum.
U din hija xi ħaġa magħrufa kif folji stil cascading.
So let me tagħti ħarsa lejn dan l-eżempju hawn u ara
jekk nistgħu jiddeduċi x'inhu għaddej.
Dan huwa CSS0.html.
U dan huwa fejn affarijiet jiksbu ftit ikrah.
Minħabba sfortunatament, fid-dinja tal-web,
HTML waħdu ma tistax tagħmel kollox.
U hekk jekk inti tixtieq li stylize web page tiegħek,
inti fil-fatt bżonn li wieħed jiffoka fuq il- estetika b'mod differenti.
So here, għandi l-korp ta 'web tiegħi paġna ġewwieni tagħhom huwa div kbir.
U div ifisser biss id-diviżjoni.
Allura huwa simili paragrafu iżda ma jkollux l-istess semantika
ta 'paragrafu tat-test.
>> Dan ifisser biss li l- browser, hawnhekk jidħol
reġjun rettangolari kbira ta 'web tiegħi paġna, nixtieq li opera apposta.
Issa, linja 21 huwa fejn dik div jibda.
U ħu raden.
X'inhu l-effett tal-linja 21 dwar il- bqija tal-kontenut tal-paġna?
Centering dan.
Dak kollox.
Allura aħna ma bbenefikawx mod ta ' attwalment centering-test.
>> Fil-fatt, search engine tiegħi, b'differenza mill-Google attwali,
kienet kollha ġustifikat fuq ix-xellug.
U hekk issa fil-linja 21, jien qal, ħej browser, joħolqu diviżjoni tal-paġna.
Just tagħti me a big, rettangolu inviżibbli.
Thats kif I jridu jaħsbu dwar il-web page.
U allura stylize kif ġej.
Ġewwa ta 'dawk kwotazzjonijiet, issa, hija t-tieni lingwa
li daħħalna llum imsejħa Cascading Style Sheets.
Thankfully, wisq mhuwiex lingwa ta 'programmar,
għalhekk huwa limitat ħafna fl sintassi tagħha, iżda wkoll limitata ħafna fil-funzjonalità tagħha
billi HTML hija dwar immarkar up-data ta 'paġna web
u l-istruttura ta 'paġna web.
CSS huwa ġeneralment dwar il- aħħar mil, l-estetika,
jkollna l-daqs u l-kulur u l- tqegħid eżattament id-dritt fil-paġna web.
U fil-fatt, huwa ffurmat bil pari b'valur ewlenin.
>> A proprjetà bħal din, it-test jallinjaw, segwit minn punt doppju,
segwita mill-valur ta 'dik proprjetà, li f'dan il-każ huwa center.
U issa Avviż inti tista bejta dawn l-affarijiet.
Jekk jien ridt kollox li Stajt enfasizzat li tkun iffukata,
hu għalhekk li jien linja 21 u il-linja korrispondenti 31.
Imma ejja ngħidu issa trid tgħid John Harvard, merħba lill home page tiegħi.
>> Simbolu Copyright John Harvard.
U ejja ngħidu Irrid li l-ewwel ta ' dawk il-linji li jkunu pjuttost kbar.
36 pixels.
Allura dak daqs deċenti.
U xtaqt piż tagħha jkunu kuraġġużi.
Iżda mbagħad taħt dak, Irrid test iżgħar.
U taħt dak, nixtieq test saħansitra iżgħar.
Jiddispjacini.
Illum iħoss bħal ġurnata ta 'mistrieħ.
>> Allura issa, dak am I tagħmel li tesprimi din?
Hawn fuq il-linja 22 hija embedded div jew div nested, jekk inti se.
Hija wkoll għandu lametta istil tagħha stess.
I jispeċifika daqs tat-tipa ta '36.
I jispeċifika piż font ta 'bold.
Down hawn, I biss jispeċifikaw 24 pixels.
U fl-aħħarnett, f'konformità 28, I jispeċifika 12.
Hekk biss bħala verifika sanità malajr u bħala qari bniedem dan,
liema kliem fuq l-iskrin huma fil-fatt se jkunu kuraġġużi?
Liema linji huma attwalment qawwija?
>> Just John Harvard.
Dritt?
Minħabba daqstant linja 22 jgħid ħej browser, hawnhekk diviżjoni tal-paġna.
Jagħmluha daqs tat-tipa 36 punt.
Agħmel il-piż font kuraġġużi.
Hekk kif inti tilħaq il- tag aħħar korrispondenti
jew tag magħluqa fuq il-linja 24, Dan ifisser, ħej browser,
tieqaf tagħmel kwalunkwe huwa li qed tagħmel.
U avviż li jkun ċar, anki jekk linja 22 għandha kollha ta 'dawn l-attributi
bħal stil, meta inti tagħlaq il-tag f'konformità 24,
inti biss isemmu l-isem tal-tag ta.
>> Inti ma jirrepetu l-istil kelma jew xi ħaġa li l-ġewwa ta 'dawk kwotazzjonijiet.
U hekk jekk I ħarsa lejn din issa fil-browser tiegħi, ejja tagħti
Ħarsa lejn ir-riżultat aħħari. Let me go quddiem biex dan il-fajl, li huwa CSS 0.
U huwa għadu pjuttost sempliċi, imma jkollna pretty interessanti.
Iżda jirriżulta hemm affarijiet oħra I tista 'tagħmel hawn,
u għar-riskju ta 'teħid dan kompletament hideous,
Avviż hawnhekk li fil tiegħi korp tal-paġna web tiegħi,
I tista 'tagħmel xi ħaġa umoristiċi bħal bg jew kulur fl-isfond.
>> U malajr, x'hemm kulur favorit tiegħek?
Aħdar Smajt.
Kull dritt.
Allura issa, jekk I hit rikarigu issa, għandna web page aħdar.
Kull dritt, hekk li mhux ħażin.
U issa, jekk I jixtiequ jagħmlu dan verament jibred, I jistgħu jagħmlu l-kulur ta 'test tiegħi
anke aħmar.
Mela ejja ara dak li dan qisu.
Issa huwa tfittex pretty tajba.
U 'l isfel hawn, jekk int verament tixtieq li mess ma 'xi ħadd
jew jekk inti tixtieq li tkun wieħed minn dawk in-nies li
tipprova trick inti fis jżuru l-web paġna minħabba li ħadthom tricked Google
fis-ħsieb hemm mazz sħiħ ta 'kliem ewlieni like-- ejja ara, jerġgħu jitgħabbew.
Fejn ma tmur?
U hemm us.
Kull dritt.
So I say dan bħala twarrib, aħna ser jitkellmu dwar dan il-għalf fi ftit ġimgħat
meta nitkellmu dwar sigurtà, jekk inti fil-fatt
għenieqed sħaħ ssodata ta keywords fil-paġna web,
anki jekk dawn mhux qed viżibbli għal bniedem, xi ħadd bħal Google, naturalment,
jistgħu xorta attwalment issib dan.
Kull dritt, hekk li pjuttost hideous pretty malajr.
>> U fil-fatt, huwa mhux kollha li ħafna b'differenza web tiegħi stess
paġna bħala undergraduate, li I bdew googling madwar biex isibu
Verżjonijiet tal-passat ta 'websajts qadima tieghi.
Kien pretty bad.
Fil-fatt, I ma jsibu wieħed eżatt qabel klassi.
Iżda hemm agħar hemmhekk.
Dan apparentament kien tiegħi home page lura fl-1996.
Apparentement I ħsibt li kien xieraq li titlob lill-persuni l-isem tagħhom
qabel ma jkunu jistgħu attwalment ara l-paġna web tiegħi.
>> U mbagħad I wrew lilhom xi ħaġa stupid, probabbilment.
I ser ħaffer aktar għall-ħin li jmiss.
Iżda għal issa, ejja jikkunsidraw daqsxejn ta 'disinn.
Imxejna tkellem dwar stil.
U din il-paġna s'issa u kollox l-aktar Stajt bil-miktub
huwa pretty nadif stylistically.
Imma xi ngħidu dwar id-disinn?
Ukoll, hemm ħafna ta 'redundancy fil dak I kont qed tagħmel hawn.
>> Stajt semma l-kelma kulur fi ftit postijiet.
Stajt msemmija daqs tat-tipa fi ftit postijiet u kuraġġużi fi ftit postijiet.
U fundamentalment, jien ko mingling żewġ lingwi.
Stajt ltqajna HTML tags tiegħi u tiegħi attributi u mbagħad kollha f'daqqa,
bejn kwotazzjonijiet, għandi it-tieni lingwa llum
imsejħa CSS, li għal darb'oħra, huwa biss dawn pari ewlenin valur jew dawn il-proprjetajiet
separati minn colons.
>> Jirriżulta li ħafna bħal fil C fejn aħna
jistgħu jibdew għall-fattur out xi kodiċi fil-fajls header,
hekk nistgħu nagħmlu l-istess fl HTML.
U pass lejn li hija kif ġej.
Avviż li din il-verżjoni, CSS1.html huwa Strutturalment l-istess paġna web eżatt.
So I ħadthom ltqajna mazz sħiħ tal divs, iżda din id-darba, stajt
gotten rid ta 'l-ippakkjar div kif tkun taf tara.
>> U stajt mogħtija f'dawn it-tliet divs top, tan-nofs, u fil-qiegħ, IDs uniċi.
Dan huwa sbieħ, għaliex mill tagħti dawk id-diviżjonijiet
tal-paġna identifikaturi uniċi, I tista 'referenza minnhom x'imkien ieħor.
Fejn?
Well, let me iscroll up.
U s'issa, f'kull waqt konna ħares fil-kap ta 'paġna web, x'hemm
l-unika tag aħna kellna fil il-kap ta 'paġna web?
A louder ftit.
Just it-titolu s'issa.
Iżda jirriżulta hemm affarijiet oħra ftit
inti tista 'tpoġġi fil hemm, wieħed mill li huwa msejjaħ tag stil.
Allura mument ilu, ħarisna fi attribut stil.
Jinstabx hemm tag stil.
Jappartjeni ġewwa tal il-kap ta 'paġna web.
U issa Avviż dak li qed nagħmel.
Għandi ġewwa ta 'dan tag stil li ġej.
Jien litteralment isemmi fuq il-linja 20 il isem ta 'tag li nixtieq li stylize.
>> Imbagħad I jkollhom Brace kaboċċi miftuħa u magħluqa kaboċċi Brace.
Allura simili fl-ispirtu sa C, iżda għal darb'oħra, din mhix funzjoni,
din hija biss dettall sintattika hawn.
U mbagħad naturalment, jien javżak l-browser, ħej browser,
jagħmlu l-ġisem kollu tal-paġna jkollhom allinjament test ta 'ċentru.
U allura dan huwa qal li ġej.
Ħej browser, jekk tara xi HTML element jew tag fil-paġna li
għandha identifikatur uniku tal top, hekk is-simbolu hash hawn ifisser biss
idea unika ta 'fuq, imorru quddiem u jagħmlu daqs tat-tipa tagħha 36
u l-piż font tagħha kuraġġużi.
>> Ħej browser, element li ID huwa nofs, jagħmilha 24 pixels.
U ħej browser, jekk tara xi idea ta 'qiegħ, jagħmilha 12 pixels.
L-effett fl-aħħar huwa eżattament l-sam.
Jekk immur fis CSS 1, il- paġna jistenna l-istess.
Iżda aħna qed pass lejn disinn ftit aħjar.
Let me issa jmorru lura hawn biex CSS2 u ara x'iktar I ghamilt.
>> Issa l-paġna hija tassew, tassew nadif.
Fil-fatt, I jistgħu joqogħdu kollha ta ' il-kontenut fuq paġna hawn.
Imma dak ġodda tag jiena introdotti, ovvjament?
Link.
U mhuwiex l-aħjar isem għal tikketta, għaliex mhuwiex rabta fis-sens
li nafuha, iżda dan ifisser rabta f'xi fajl ieħor.
Dan huwa tip simili qawwija jinkludu fil C.
>> Dan huwa l-mod li HTML ngħid ħej browser,
mur jiksbu l-kontenut ta ' il-fajl imsejħa css2.css.
Ir-relazzjoni, lili, hija li huwa folja stil.
U fil-fatt, dan huwa dak l-wieħed mill- Tal S fil cascading stil folji mezzi.
Din hija karta tal-istil.
Huwa biss il-fajl test li fih mazz sħiħ ta 'proprjetà.
Huwa mazz sħiħ ta 'stili li tixtieq tapplika għal paġna.
>> U għalhekk dan apparentement huwa jirreferu għat-tieni fajl.
U jekk I miftuħa li, CSS2.css, avviż li kollha I ghamilt
huwa kopja u paste kollha ta 'dan in dan il-fajl.
U issa, anki jekk inti stajt qatt kodifikati dan il-għalf qabel,
biss tikkunsidra mal- hat inġinerija proverbial
fuq, għaliex dan huwa disinn aħjar probabbilment?
Factoring out dawk il-proprjetajiet CSS, tqegħid tagħhom fiċ-fajl tagħhom stess.
Anki jekk aħna solvuta din problema bħal ħames minuti ilu
fl-ewwel verżjoni.
>> Imxejna ma tjibitx l stylistically paġna,
dan huwa biss aħjar disinn f'xi sens.
Għaliex taħseb?
Yeah.
Aktar flessibbli kif?
Yeah.
Mela jekk inti tixtieq li tmur lura u l-bidla affarijiet,
issa, inti għandek post wieħed fejn tista 'tbiddel l-affarijiet.
U fil-fatt, għal xi ħaġa bħal problema stabbiliti sebgħa,
fejn aħna ser timplimenta kummerċ istokk website,
li għaddej biex ikollhom mazz sħiħ ta 'paġni.
U jkun verament annoying jekk inti tiddeċiedi, hm,
I ma verament simili 24 pixels, nixtieq li jkun 28 pixels jew kemmxejn akbar.
U mbagħad għandek tagħmel globali isibu u jissostitwixxi
jew miftuħa kollha ta 'fajls website tiegħek sempliċiment li attwalment ibiddlu valur wieħed.
Billi factoring out dawn l-istili fil-post ċentrali waħda,
inti issa tista 'tiftaħ fajl test wieħed fi CS50IDE fi kwalunkwe programm,
jibdlu, ħlief, u jsir.
You ħadthom propagati dawk bidliet kullimkien.
U dan ikun l-istess fil-fajl dot h kif ukoll.
Allura xi mistoqsijiet b'hekk issa fuq dan sintassi?
Kull dritt, hekk konna kollox isir jidher
ħlief fil-fatt jimplimentaw hyperlinks.
U hekk ejja imorru quddiem u tagħmel dan.
Let me imorru quddiem u toħloq fajl ġdid hawn.
Jien ser sejħa hija link.html, tistabbilixxi kodiċi lum.
>> U jien ser tagħmel miftuħa bracket tip dok html.
Bħala twarrib, dan il-ħaġa fil- top, din id-dikjarazzjoni tip dok,
huwa l-uniku wieħed li stramb mal-punt exclamation.
Inti sempliċiment għandek tagħmel dan hemm u ifisser li aħna qed jużaw verżjoni HTML 5.
Verżjonijiet anzjani ta ' lingwa kellhom ħafna itwal
kordi li għandek bżonn biex tpoġġi hemmhekk.
Allura hawnhekk huwa eżempju imsejħa link.
>> I bżonn ta 'korp tal-paġna web tiegħi hawn.
U fil hawn, xi partijiet ugwali href ejja ngħidu HTTP://www.disney.com
u website favorit tiegħi, aħna ser ngħidu.
Dritt kollox, so a ħafna innokwa, faċli għall-utent paġna.
Jekk I issa jmorru fil-direttorju tiegħi elenkar hawn u jiftħu link.html,
għandna test iper.
>> U fil-fatt, dan huwa fejn l-H fl HTTP ġej minn.
Hypertext transfer protocol huwa dwar trasferiment test
li għandha hyperlinks għal riżorsi oħra.
U fil-fatt, hawnhekk huwa l-familjari, jekk retro, link blu li jekk għafast,
fil-fatt se jwassal lili biex Disney.com.
Issa, oh, li l-joħorġu dalwaqt.
Kull dritt, hekk issa, liema huma wħud ta 'l-implikazzjonijiet ta' dan?
>> U franchement, id-dinja tibda li jiksbu ftit aktar familjari
u wkoll scarier ftit iżda wkoll ftit aktar
awto difensibbli ladarba tibda biex jifhmu dawn l-affarijiet.
Minħabba odds huma, xi wħud minnkom, jekk inti tmur permezz folder tiegħek spam Gmail jew saħansitra
inbox tiegħek, inti probabilment ħadthom gotten xi tip ta 'email
li tistaqsi inti bidla tiegħek password forsi jew forsi jivverifikaw
kredenzjali PayPal tiegħek jew whatnot.
>> U fil-fatt, inti jista 'jkollok rċevew xi ħaġa li tgħid bħal ikklikkja hawn
għal reset password tiegħek PayPal.
U issa, avviż, jekk dan mhux Disney.com
iżda bħal badplace.com u rikarigu, innota li t-test hawn
jista 'jgħid xejn affattu.
U fil-fatt, dan huwa biss kliem.
Għaliex ma I attwalment tkun super malizzjuż u jgħidu http://www.paypal.com.
>> Ikklikkja hawn reset PayPal tiegħek password u issa rikarigu.
Dan jidher pretty leġittimu, id-dritt?
I mean, jien mhux se ikklikkja fuq email li biss jgħid dan.
Iżda avviż-dikotomija hawn.
Hija tgħid www.paypal.com, u fil-fatt, stenna minuta,
aħna nafu li inti tixtieq il s-sigurtà.
Allura issa, mur www.paypal.com HTTPS, imma jekk inti stajt qatt sar qabel dan,
do tikseb fis-drawwa ta ' baqgħet iddur fuq links ftit hawn.
U huwa diffiċli li wieħed jara fuq l-iskrin hemm,
u huwa mhux kollha li faċli hawn.
Iżda l isfel hawn fil il-kantuniera ftit żgħira
ma l-browser attwalment jgħidulek li aħna qed tmur
li badplace.com minflok Paypal.com.
Issa, fejn huma aħna jmorru ma 'dan?
L-eżempji kollha we ghamilt illum, konna iebes kodifikati u ittajpjat manwalment.
Il-web huwa oerhört uninteresting meta inti hard
kodiċi paġni web tiegħek hekk li l-kontenut huwa statiku u li qed tinbidel qatt.
Of course, kollha ta 'tagħna websajts favoriti llum,
jekk huwa Gmail jew Twitter jew Facebook jew kwalunkwe numru ta 'oħrajn
huma dinamiċi.
Huma qed jinbidlu rispons għall-input utent
bħad-rizultati Google.
>> U hekk l-Erbgħa, dak li nagħmlu huwa we leave HTML u CSS introduzzjoni
warajna u nieħdu għall mogħtija li aħna issa
jafu u aħna nintroduċu lingwa ġdida ta 'programmar
imsejħa PHP, li tixtieq C, se tagħtina
is-setgħa li attwalment jinħolqu programmi li huma stess jiġġeneraw output.
F'dan il-każ, aħna ser tkun qed tuża PHP biex jiġġeneraw dinamikament web
paġni li jużaw din il-lingwa l-ġdida.
Allura aktar fuq li nhar l-Erbgħa.
Ara inti mbagħad.
>> [Daqq tal-mużika]