>> [MIZIK jwe]
>> DAVID J Malan: Sa a se CS50 ak sa a se kòmansman an nan semèn 7.
Se konsa, akeyi tounen.
Epi ou ka sonje ki nan pwoblèm mete kat,
te gen yon ti jan nan yon lachas trezor pou kèk prim Fabulous kijan
apre ou fin refè foto yo nan anplwaye tou de isit la ak nan New Haven,
ou te defye jwenn kòm anpil nan moun syantis òdinatè jan ou te kapab.
Apre sa, nou te gen yon antye pakèt moun sou soumèt.
Te panse mwen ta pataje yon kèk avèk ou isit la jodi a.
>> Epitou, n ap afiche tout moun sa yo sou entènèt.
Men, an patikilye, mwen te vle trase atansyon ou to-- byen yon sèl,
Sam te nan byen yon kèk nan yo jeneralman Pran pòz tankou sa a.
Men, li parèt ke kòm nan sa a maten, gayan an
te yon moun yo te rele yon sèten Ken ak 24 nan pèsonèl la pran sou kamera
oswa yon kèk plis lè ou pran an kont anplwaye plizyè nan foto yo.
Foto isit la se Ken pwochen kay Mari nan New Haven.
>> Koulye a, Ken, menm si, vire soti se ti jan nan yon ka kwen
ki pa nan ankò rive nou anvan sa.
Li sanble ke li pa t 'rive m 'yo mete amann ekri an lèt detache nan pwoblèm
mete kat ki di ke anplwaye yo kalifye pou prim yo fantastik
paske Ken se, nan kou, youn nan fotogwaf yo sou anplwaye nou yo.
Koulye a, ak ki t'ap di:, li orijinal te ekri m 'yo di
tanpri pa afiche foto sa yo sou entènèt.
Mwen panse ke nan gwo pati paske pi fò nan foto yo
ki fotograf sa a te pran gade yon ti kras yon bagay tankou sa a.
Ak renmen an.
>> Men, Ken ta renmen m 'nan rasire ou ke li se yon fotograf trè bon,
se li ki yon pwofesyonèl, li te pran foto ki pa twoub,
ki se pi bon nan konsantre, epi li pran byen kèk nan anplwaye pwòp nou yo.
Men, olye ke sèlman rekonèt Ken, ki sa nou te panse nou ta fè
se ale nan lis la nan elèv yo aktyèl ki soumèt.
Apre sa, li vire soti ke Lance ak 15 foto kòm nan sa a maten
te gayan nou an.
>> Apre sa, foto isit la se Lance ak Colton, ak skaz, ak tèt mwen, epi ak Sam.
Men, Lè sa li sanble ke kòm nan 11:46 AM, Se konsa, jis yon ti kras de sa,
Mwen te ale tounen nan imel mwen epi li te jwenn ke nou te ankò yon sèl plis soumèt
pa yon elèv yo te rele Bonnie ki gen imel te di sèlman sa a.
Pa ale nan bay manti, mwen se fè sa a pandan klas la.
Lè sa a, leve, li tache jis 14 foto, youn timid nan Lance la 15.
>> Men, nan foto Bonnie a, li vire soti te manm pèsonèl miltip, Sam
nan mitan yo, se konsa sa nou te panse nou ta fè se rekonèt tou de nan sa yo.
Se konsa, nan adisyon a ap resevwa nan Dropbox espas ke tout moun ki te patisipe
resevwa, de seksyon sa yo pral tou resevwa yon manje midi bèl treteur pou yo
ak seksyon yo konjwen semèn sa a ap vini an.
Se konsa, ou pral tande nan men nou, Lance ak Bonnie, sou sa.
Congrats tèlman gwo nan men yo.
Koulye a, moun nan nou ki ta tankou manje midi plis jeneralman
konnen ke manje midi CS50 nan Cambridge ak New Haven se Vandredi sa a.
Ale nan sit entènèt koupe RSVP CS50 a.
Epi, koulye a yon mo sou seminè.
Plis curricularly.
Se konsa, nou ap apochan nan pwen nan semès la
kote ou ta dwe kòmanse panse sou pwojè final la.
Apre sa, an reyalite, nan jis yon ti jan, yo pral sa yo rele pwopozisyon pre gen garanti dwa moun.
Pwopozisyon Se konsa, pre yo vle di ke yo enpak dwe trè ba ak reyèlman
jis yon opòtinite pou ou yo konpoze yon nòt kout
parèy ansèyman ou a enstrwir l 'oswa li ki sa w ap panse ou
ta ka vle pou fè pou pwojè final ou yo.
>> Koulye a, anpil elèv fini fè sit entènèt ki baze pwojè final la.
Ak nan kou, nou ap jis semèn pase a nan sa a kounye a
ak pi lwen pase plonje nan pwogram entènèt.
Se konsa, pa enkyete w si ou pa gen absoliman okenn lide ki jan
ou ta bati ide yo ki ou ta ka genyen nan tèt ou.
Sa a se vrèman jis yon fonksyon fòse yo debarase ou panse ak pale
ak TF ou sou li.
Men, yo ede w ak sa, ak ak pwojè final finalman,
konnen ke CS50 gen yon tradisyon a ofri seminè.
>> Men si ou vle, men sou, oswa konferans ki baze sou opòtinite
yo aprann plis sou sijè ki yon ti kras Segondè la nan kou
progranm, men Alòske bèl bagay materyèl nan kondwi pwojè final la.
Se konsa, sa a se lis la sa a, se Anplwaye CS50 isit la nan New Haven
gen vini ak pou ane sa a sou iOS
pwogram, android pwogram, devlopman jwèt,
ak grap ki gen plis zouti kalite lang ak teknik.
>> Se konsa, kenbe yon je sou sit entènèt CS50 la.
Ak nan entre-temps la, si ou ta renmen enskri enterè ou nan nenpòt nan sa yo,
ale nan koupe enskri CS50 a.
Apre sa, nou pral Lè sa a swiv moute tankou nan jou ak lè vòl ak kote
ak everything-- pi tout bagay pral gen difuze ak tou disponib sou demann
apre si ou pa ka aktyèlman fè li.
Se konsa, san yo pa plis tarde, nou sispann dènye fwa ak jwenn.
>> Lè sa a te tankou mesaj la ki te andedan nan anvlòp la vityèl, sonje,
ke nou pase nan routeur nan routeur routeur ant yon navigatè entènèt ak yon sit entènèt
sèvè.
Epi sa mesaj gade yon ti kras yon bagay tankou sa a.
Sa a te mesaj la plis Esoteric ki te aktyèlman andedan nan yon anvlòp
ekri sou yon moso papye ki gen premye liy di literalman, jwenn koupe.
>> Ak jis kòm yon chèk saniti, ki sa koupe don?
Ki sa ki vle di lè koupe mande yon sit entènèt?
Ou mande li tout tan an.
Pifò nenpòt ki lè ou vizite yon sit entènèt, ou pa aktyèlman tape nan yon non dosye-a.
Ou pwobableman jis ale nan Facebook.com, antre nan, gmail.com, oswa renmen an.
Ak sa ki koupe reprezante?
Ki sa ki dosye?
Oswa sa ki paj, espesyalman?
>> Endèks la, yeah.
Se konsa, paj la default.
Se konsa, si ou pa presize yon dosye non jan nou pral kòmanse yo wè,
w ap aktyèlman jis mande ban m 'paj la default nan Facebook
oswa ban m 'bwat resepsyon mwen oswa bay m 'paj la default nan nouvèl
sou sit entènèt CNN nan oswa renmen an.
Apre sa, lè sa a yon sèvè reponn a ke mesaj ak yon bagay
tankou sa a, li di repons lan se wi, mwen pale HTTP vèsyon 1.1.
>> 200, ki se yon estati kòd ki nou moun raman
janm wè paske li nan bon.
Paske sa vle di OK, demann lan te resevwa ak okipe byen.
Ak kalite a kontni aparamman nan repons lan
se byen souvan, men se pa toujou, tèks.
Apre sa, espesyalman, HTML.
Epi sa a, aktyèlman kote nou gade nan jodi a.
>> Se konsa, an reyalite, mwen pral ale pi devan epi louvri moute yon navigatè.
Mwen pral sèvi ak Chrome, ou ka itilize pi nenpòt navigatè nan semèn kap vini.
Nou jeneralman rekòmande Chrome paske li nan patikilyèman
bon pou devlopè lojisyèl.
Li nan te resevwa yon anpil nan bati nan zouti ki fè li pi fasil
yo devlope pa sèlman HTML ak CSS, bagay sa yo nou pral kòmanse pale de jodi a,
men tou, lòt lang tou.
>> Apre sa, mwen pral ale pi devan epi ale to-- Mwen pral Kontwole klike oswa dwa
klike nenpòt kote sou yon paj entènèt.
Apre sa, mwen pral pou yo ale nan Enspekte Eleman.
Apre sa, mwen pral ajiste mwen ekran jis yon ti jan isit la.
Kite m 'deplase sa a nan fon an.
Se konsa, sa a se sa yo rele Enspektè Chrome a.
Se konsa, sa a se tankou yon debogaj zouti bati nan Chrome.
>> Tout moun nan ou deja gen sa a si ou ve yo te lè l sèvi avèk Chrome.
Epi, se pèmèt ou wè sa k ap pase sou anba kapo a nan kèk paj entènèt.
Se konsa, kite a aktyèlman pran yon gade nan sa a jan sa a.
Li te gen fason plis karakteristik epi nou pran swen sou jodi an.
Men, gen nan onglè sa yo sou isit la.
Eleman, rezo, sous, delè, ak kèk bagay lòt.
Mwen pral klike sou Rezo pou yon moman.
>> Lè li nan yon ti kras akablan nan premye gade isit la.
Men, sa ki mwen pral fè se kite m 'senplifye li yon ti jan ti kras.
Mwen pral vire sou nan anrejistreman limyè se konsa ke li la wouj.
Apre sa, mwen pral di prezève boutèy demi lit.
Lè sa a se jis yon ti kras bagay mwen kalkile konnen
apre yon sèten tan ki k ap pase pou konsève pou tout bagay ki k ap pase nan navigatè a.
Epi, koulye a mwen pral yo ale http://facebook.com.
>> Aktyèlman, se pou yo fè www pou bon mezi, koupe.
Antre nan.
Se konsa, yon URL ke anpil nan ou ta ka te vizite.
Epi, koulye a sou sit Facebook a paj vini leve nan tèt la.
Lè sa a, yon pakèt antye nan bagay te pran vòl pa nan fon.
Ak nan reyalite, li sanble ke lè ou vizite Facebook.com,
w ap pa sèlman fè yon sèl demann HTTP, li sanble ke ale nan Facebook.com
voye 41 nan tout sa yo anvlòp, yo chak ak demann pwòp jwenn li yo,
jan sa endike, kwake dèyè ekran an isit la, nan pati anba a nan ekran an,
li endike ke, tout bon, mwen navigatè te fè 41 demann yo.
>> Apre sa, nan total, li transfere 861 kilookte ak li te pran pou kèk rezon
kòm anpil uit segonn nan download nan tout sa.
Se konsa, ki la aktyèlman yon ti kras etranj sit sa Facebook a ta pran ki
long, men se konsa se pou li nan ka sa a.
Koulye a, tout bagay sa yo mwen pa reyèlman sousye sou eksepte pou demann lan topmost.
Se konsa, kite a ale nan yon sèl sa a dwa isit la ak kite m 'rale soti pou jis yon ti moman.
>> Ak kite m 'rale nan sou sa.
Se konsa, sa mwen te fè nan kite menm si gen nan yon anpil ale sou sou isit la
se mwen te make Facebook.com ak Lè sa a
remake ke mwen defile desann, defile desann, defile desann,
pou mande pou Tèt.
Men, ou pral wè ke Chrome se ki montre m 'esansyèlman sa ki anndan
nan demann lan mwen te fè.
Li pa nan fòma nan menm la byen fason, men remake gen nan mansyone nan jwenn,
remake gen nan mansyone nan lame a, Facebook.com, chemen an, oswa koupe,
ki se dosye a mwen mande a.
>> Lè sa a, si mwen woulo liv tounen moute, nou pral aktyèlman
wè ke sa Facebook tounen m ', se tout sa a Tèt sa yo.
Se konsa, andedan nan ki anvlòp vityèl tout bon yon anpil nan valè kle pè.
Yon ti mo, yon kolon, ak Lè sa a yon valè.
Yon ti mo, yon kolon, ak yon valè.
Sa yo se rele Tèt.
Apre sa, nan fason plis detay isit la pase nou aktyèlman pran swen sou kounye a.
>> Men, sa a se dezyèm yon dènye desann la,
remake, ki sèvè Facebook.com la, tout bon te di isit la vini kèk HTML tèks.
Se konsa, tout bagay sa yo sa a vle di ke lè ou mande yon sit entènèt
paj ki sòti nan yon navigatè nan yon sèvè, ke sèvè reponn
ak yon anvlòp nan pwòp li yo andedan nan ki se tèks.
Nan lòt mo, HTML.
Ipèrtèkst markeup lang.
Ki se yon lòt lang ke nou prezante jodi a
ke moun oswa òdinatè jenere yo nan lòd yo aplike paj wèb.
>> Espesyalman, se pou yo gade nan sa a.
Mwen pral kounye a ale tounen nan sit entènèt Facebook a.
Apre sa, mwen pral jis klike sou kontwòl oubyen dwa klike
epi klike sou View Sous Page.
E menm si ou pa sèvi ak Chrome, IE ka fè sa, Firefox ka fè sa,
Safari ka fè sa, menm si meni an opsyon ta ka gade yon ti kras diferan.
Lè sa a se HTML a ki Mak ak te konpayi nan Facebook ekri.
>> Men, kolektivman, lang sa a isit la aplike ble a ak paj la blan
ke nou te wè yon ti moman de sa.
Koulye a, sa a se yon ti jan akablan yo.
Men, si nou gade moute nan gòch anwo, nou ap pral kòmanse wè kèk modèl.
Li sanble ke gen nan yon anpil nan sa yo bracket ang louvri
ak Lè sa a, gen nan HTML sa a mo kle.
Isit la nan yon lòt louvri bracket ang ak tèt yo.
>> Isit la se, si nou desann , li desann, li desann, mwen
pral ale pi devan epi eseye pou fè rechèch pou yon bagay.
Gen fason sou sou bò dwat la isit la se louvri kò bracket.
Epi sonje soti nan dènye tan ke nou pwopoze
ki paj wèb la ki pi senp ke yon moun ta ka ekri
ta ka gade yon ti kras yon bagay tankou sa a.
Louvri tag HTML, louvri tèt tag, louvri tag Tit,
Lè sa a, fèmen Tit, fèmen tèt, louvri tag kò, kèk tèks, fèmen kò,
fèmen HTML.
>> Men, yon pran yon poz isit la pou jis yon ti moman.
Kòd sa a, menm si ou te pa janm ekri l 'devan
men yo toujou pa konprann byen sa k ap pase sou li a, sanble trè bon.
Dwa, li trè pwòp.
Li trè estilitikman bèl.
Yon anpil nan dekoupaj ak espas blan.
Facebook a se pa vre.
Se konsa, poukisa se Facebook tèlman pi mal pase mwen nan ekri HTML?
Aparamman.
>> Dwa, sa a se tankou yonn soti nan senk pou style.
Genyen yon rezon ki fè konvenkan pou yo pou koupe sa yo kwen.
Tout dwa, se konsa yo pa vle fè li pi fasil pou ou pou w li li l '.
Se konsa, nan kèk sans, yo ap obfuscating li, sòt de eskalade li
omwen estetik se konsa ke li nan pi difisil pou Myspace
yo ale ak Rip nan yo paj dakèy ak HTML a pou li.
Li sanble ke ak pwogram menm si, ki gen ladan Chrome,
nou ka netwaye sa a moute super fasil.
Se konsa, li pa byen ke kòm rezon ki fè yo.
Ki lòt bagay ta ka kòz la.
Yeah.
Yeah, depans espas blan done.
Kisa w vle di?
Yeah, egzakteman.
Si ou frape kle a Tab yon anpil nan oswa espas bar, konsidere enplikasyon yo.
Se konsa, chak kle sou klavye ou se yon [Fèbl] reprezante kòm youn multiple.
>> Se konsa, ta kwè ke Mark oswa nenpòt nan dv yo jou sa yo frape bar la sèlman yon fwa
nan paj HTML sa a ki reprezante dakèy Facebook a.
Ak Facebook gen yon anpil nan itilizatè jou sa yo.
Se konsa, ta kwè ke paj dakèy Facebook a se te vizite pa yon milya moun jodi a.
Men, yon moun nan Facebook gen frape bar nan espas jis yon fwa.
>> Se konsa, yon sèl multiple adisyonèl, yon milya dola demann,
ki jan pi plis done se Facebook transfere sou entènèt la
paske yon moun frape nan bar sou klavye li oswa li?
Yon milya dola bytes, oswa yon sèl jigokte nan se done te voye soti nan Facebook serveurs
bay moun alantou an nan mond lan pou okenn rezon bon.
Koulye a, sa a, se sèlman yon sèl espas.
>> Imajine si nou aktyèlman netwaye sa a bagay leve, li dantle li e li te ajoute
yon anpil nan espas blan ak karaktè tab ak espas,
ou fini depans jigokte, si se pa Terra bytes plis nan espas.
Se konsa, super komen nan nan mond aktyèl la nan devlopman entènèt
se minify Kòd ou yo.
Epitou, n ap evantyèlman wè ki jan ou ta ka fè sa.
>> Men, jodi a, nou pral kòmanse ekri kòd sa a, se aktyèlman lizib pa nou moun.
Li sanble, menm si, si ou ale tounen zouti sa a nan Chrome Enspekte Eleman,
deja, nou te sou tab la Network.
Li sanble ke si ou ale nan nan eleman tab, ki sa ou aktyèlman wè
se Chrome a bèl enprime vèsyon an ki HTML menm.
Se konsa, nou te deobfuscated li.
Se konsa, li nan pa gen matche ak pou yon òdinatè.
Epi, koulye a ou kapab aktyèlman klike alantou epi yo kòmanse
wè yerachi a ki se yon paj entènèt.
Se konsa, kite a aktyèlman fè sa.
Mwen pral ale pi devan epi louvri moute sou Mac mwen an yon pwogram ki rele modifye tèks.
Apre sa, sonje ke sa a se jis yon pwogram tèks super senp.
Windows gen notepad.exe.
Apre sa, mwen pral motamo tape sa ki annapre yo.
Doc kalite HTML, bracket louvri HTML, fèmen bracket HTML,
nou gen tèt la nan paj la isit la, fen a nan tèt la nan paj la isit la,
yon tit yo pral tankou, alo nan lemonn.
>> Lè sa a, desann isit la, nou bezwen kò a nan paj wèb la.
Fèmen kò.
Lè sa a, nan isit la, alo nan lemonn.
Tout dwa.
Se konsa, nou te ekri yon paj entènèt Super vit.
Mwen pral pou konsève pou li kòm hello.html sou Desktop m 'yo.
Mwen Mac a ale nan pote plent, panse ke, rete tann yon minit,
sa a se yon dosye tèks, fè ou vle rele l '.txt?
Men, pa gen, mwen vle yo sèvi ak dot HTML.
>> Lè sa a, sa ki nan bèl si mwen jis double klike sou sa a ranpli,
hello.html, isit la nan paj entènèt mwen an.
Malerezman, mwen menm ki nan sèlman moun nan mond lan
ki moun ki ka ale nan paj sa a kounye a.
Paske kote li ap viv aparamman?
Li nan sou Mac mwen an, dwa?
Ki se initil.
Fè tankou pa gen moun nan sal sa a se pou kont li sou entènèt la
ka aktyèlman vizite paj sa.
Se konsa, jodi a, nou bezwen prezante yon lòt eleman.
>> Men, fè sa, mwen pral ale pi devan epi louvri moute nwaj 9.
Se konsa, nwaj 9 se nan kou yon nwaj ki baze service-- CS50
IDE-- Ki gen tout nan vorkspas nou an kouri yon kote sou entènèt la.
Lè sa vle di ke tout nan dosye nou an yo piblikman aksesib deja.
Se konsa nou ale pi devan epi fè sa.
Mwen pral ale pi devan epi kreye yon dosye nouvo NCS50IDE.
Mwen pral pou konsève pou li tankou anvan kòm hello.html, epi klike sove.
Epi, koulye a jis pou konsève pou tan, mwen pral ale pi devan ak fè kopi keratin kòd sa a
olye ke tape li.
Epi sove li.
Se konsa, koulye a, mwen gen yon dosye rele hello.html.
Men, ki jan fè mwen aktyèlman louvri li kòm yon paj entènèt?
Oke, li vire soti bati nan nan nan CS50 IDE se pa sèlman yon du tankou rezone
ak yon debugjeur tankou gdb ak grap nan lòt pwogram,
gen nan aktyèlman yon véritable plen sèvè wèb kouri nan CS50 IDE.
>> Tout moun nan ou, se sa ki vle di, gen sèvè pwòp entènèt ou an.
Apre sa, yon sèvè sit entènèt se jis yon moso nan lojisyèl ki gen objektif nan lavi
se sèvi moute paj wèb.
Koute pou rekèt nan men navigatè ak reponn ak ti anvlòp vityèl
andedan nan ki se nan kontni ke mwen te ekri.
Se konsa, sa a se sèvè wèb aktyèlman gratis epi yo louvri sous.
Ki kote sous louvri jis vle di lojisyèl ki yon lòt moun gen
ekri ki tout moun nan nou kapab aktyèlman wè ak download e menm
chanje kòd la sous.
Ak sa yo rele Apache.
>> Epi nou te fè li yon ti kras pi fasil yo itilize nan CS50IDE lè w rele li Apache 50.
Konsa ke li kapab aktyèlman konprann sa ki annapre yo.
Mwen pral di Apache 50 kòmanse.
Lè sa a, mwen jis pral di dot.
Apre sa, nou wè kèk yon ti jan Esoteric mesaj li di
mete Apache la dokiman [? gwoup?] nan kay, ubentu, tou sa se sa ki,
koupe vorkspas.
Koumanse sèvè wèb Apache 2 avèk siksè.
>> Se konsa, depi lontan istwa kout, mwen gen sèlman pouse yon bouton
epi yo tounen vin sou yon sèvè sit entènèt ki moun ki nan kounye a koute sou entènèt la sou tchp pò
80 nan yon adrès espesifik.
Apre sa, li di isit la, ak sa a pral chanje ki baze
sou non itilizatè ou an ak lòt faktè, men remake kounye a si mwen klike sou sa a,
IDE50 jharvard dot yo ak pou ak se konsa, remake ke tout tan sa a
pou plizyè ki sot pase a semèn, ou ta ka genyen
remake ke non itilizatè pwòp ou a se entegre nan men nan tèt dwat
kwen nan CS50IDE.
>> Apre sa, ki aktyèlman te gen tout bagay sa a tan adrès la nan ki ou kapab
vizite tout nan dosye ou atravè entènèt la.
Jiska kounye a, li pa te konte, paske se nan C, ou jeneralman
vle bagay kouri nan yon tèminal, pa sou entènèt la.
Men, jodi a, nou kòmanse ekri sit entènèt ki baze Kòd
ke nou vle aksesib a URL piblik.
Se konsa, sa mwen pral fè se klike sou URL sa a.
>> Apre sa, remake ke mwen wè yon jistis lèd endèks, yon lis anyè,
men sa ki dosye sote soti nan ou pwobableman?
Hello.html.
Sa a se paske Mwen sove dosye a nan vorkspas mwen.
Ak sa ki mwen te di Apache sèvè wèb la se gade nan anyè vorkspas David.
Se pou nenpòt moun ki nan an mond wè sa yo dosye.
>> Ak tout bon, si mwen kounye a klike sou hello.html,
Mwen wè nan sa a tab egzakteman sa dosye.
Koulye a, remake, nwaj fezon 9 nan yon bagay yon ti kras itil pou nou.
Nan CS50 IDE, remake gen nan toudenkou yon ba adrès.
Sa a se paske menm si nou ap lè l sèvi avèk Chrome ale nan CS50IDE,
andedan nan CS50IDE se pwòp li yo vèsyon nan yon navigatè entènèt kounye a.
Se konsa, olye ke konplike bagay jan sa yo,
Mwen pral ale pi devan ak jis kopi URL sa a.
Mwen pral ale pi devan ak jis louvri pwòp fenèt Chrome mwen.
Se konsa, gen nan pa gen majik isit la, pa gen okenn CS50IDE.
Mwen jis ale nan literalman kole Harvard URL J m 'ak frape Antre nan.
Epi vwala, koulye a mwen, ak nan teyori, tout moun
sou entènèt la, si mwen te configuré autorisations kòmsadwa,
ka ale nan sa a ranpli.
Se konsa, kounye a, si m 'te di hello.html, vwala, gen
se paj èkstrèmeman underwhelming entènèt mwen an.
Se konsa, kite a fè yon chèk saniti rapid.
Paske nan tout sa se mete filozofik yo.
Apre sa, nou te aktyèlman pa reyèlman moutre nou ki jan yo ekri HTML se pou chak.
Nenpòt kesyon konsa byen lwen sou sa ki nan jis te pase?
Wi.
CS50 posede paj wèb sa yo?
Nan ki sans?
Bon kesyon.
Se konsa, CS50 nan posede CS50.io.
Nou te tout bon te achte ke non domèn.
Apre sa, pa nati a ou nèg antre nan CS50IDE,
nou tout jwenn sa yo rele yon subdomain.
>> Se konsa, IDE50-Malan, oswa IDE50-Rob.CS50.io, sa a, se adrès inik ou nan
non domèn nou an.
Se konsa, pou rezon ki nan kou a, ou gen pwòp adrès inik ou yo.
Men, nou te senplifye bagay sa yo pa achte domèn nan nivo tèt, CS50 dot
Mwen / O ak Lè sa a tout lòt moun se andedan nan ki, se konsa pale.
Epitou, n ap tounen vin jwenn ki nan yon koup la semèn pwobableman,
espesyalman nan pwojè final tan, lè anpil nan nou
ta ka vle jwenn non pwòp domèn ou.
Li nan aktyèlman relativman senp.
Tout dwa.
Se konsa, kite pou nou kounye a fè sa.
Mwen pral ale tounen nan CS50IDE, kote dosye mwen kounye a,
hello.html, se pa tout sa ki enteresan.
Mwen ta renmen fè yon bagay yon ti kras joli pase sa.
Se konsa, mwen pral fè yon bagay tankou sa a.
Kite m 'louvri paragraphs.html.
Se konsa, sa a se yon dosye mwen te ekri an davans.
Nan tèt yo nan li, tankou toujou, nou gen kòmantè.
Men, nan HTML, kòmantè gade yon ti kras diferan.
Sou liy twa ak liy 14, ou wè sentaks la pou kòmanse yon kòmantè
epi fini yon kòmantè.
>> Men, pa youn nan bagay la nan ant zafè fonksyonèl.
Se jis yon nòt nan yon imen sa k ap pase isit la.
Epi jis kòm yon saniti rapid tcheke, si mwen woulo liv desann,
sa ki nouvo nan evidan tag ke nou te prezante?
Etikèt yo konsa byen lwen nou te wè yo louvri bracket HTML, tèt, Tit, ansanm ak tout kò.
Men, sa ki nan evidamman nouvo kounye a?
>> Yeah, se konsa p.
Tag nan p oswa tag paragraf.
Lè sa a, mwen jis prete kèk default Tèks Latin nan konstitye paragraf mwen.
Paske ki sa mwen te vle demontre ki jan ou ta ka se
reprezante paragraf nan tèks nan HTML.
Se konsa, sa k ap kòmanse rive isit la se ke gen nan deja
yon modèl k ap devlope.
Ak kite m 'ale pi devan epi fè sa.
Kite m 'premye fèmen Apache.
Apre sa, mwen pral di l 'bay tèt li kòmanse ankò andedan nan sous la jodi a sèt
m anyè.
Se konsa, ke mwen gen aksè nan tout bagay.
>> Epi, koulye a, si mwen tounen nan sa a lis anyè,
remake mwen wè chak dosye soti nan jodi a.
Men, ou pral wè nan a pwoblèm pwochen seri, nou pral
ba ou enstriksyon pou fè egzakteman sa a.
Si m 'louvri paragraphs.html, sa a ta ka osi byen gade tankou yon lang programmation
ou si ou pa pale oswa li Latin.
Men, sa a se jis twa paragraf nan tèks ki yo make moute nan HTML.
>> Apre sa, remake paragraf la repo ant yo.
Paske li vire soti, ak menm si ou
ta ka enkline yo fè sa, Lè nou konsidere ke nan mond reyèl la,
si ou vle mete liy repo ant bagay sa yo,
ou ta ka byen tou senpleman fè sa ak frape Save.
Epi, koulye a, si mwen Reload isit la, avi ke tout bagay jis brouy ansanm
nan sèlman yon sèl pate nan tèks.
Paske HTML se kalite yon lang bèbè.
>> Li se vle di ke yo dwe itilize nan sa yo yon fason ki navigatè a pral sèlman
fè klèman ki sa ou di li fè.
Se konsa, si ou pa di li ban m 'yon nouvo paragraf,
ou pa ap ale nan wè yon nouvo paragraf.
Lè an reyalite, ki sa a navigatè k ap pase yo fè
se menm si ou frape Antre, kite a di ankò e ankò
e ankò, k ap deplase fason sa a tèks desann sou ekran an ak Lè sa a sove
ak Lè sa a Reload, navigatè a ki pral to collapse nan tout sa espas blan
nan jis yon sèl, vizib blan.
Tout dwa.
Se konsa, sa a, se tag a paragraf.
Se konsa, sa ki nan modèl la ki nan devlope isit la?
Oke, li sanble ap ka a ke HTML se tout sou kòmanse yon tag
epi k ap fini yon tag.
Ak sa ki yon tag?
Oke, li nan jis yon ti moso nan sentaks.
Louvri bracket, yon mo kle, fèmen bracket, se yon tag.
Oswa kòmanse tag.
Lè sa a, lè w ap fè eksprime tèt ou,
tankou nan w ap fè ak paragraf a, ou fè se konsa pale opoze.
Men, opoze a se pa byen bak.
>> Ou tou senpleman prefiks tag a nan menm non ak yon koupe pou pi devan tankou sa a.
Tout dwa.
Se konsa, pa tout sa ki enteresan.
Lè an reyalite, nou pa ap fè nan entènèt tout sa ki plis enteresan.
E si mwen vle fè bagay pi gwo ak fonse?
Se konsa, li sanble ke isit la nan yon egzanp nan headings.html, kote nan kò m ',
Mwen te gen yon tag H1, H2, H3, kat, senk, oswa sis, nan tout ki
sanble bèl Esoteric.
Men, si m 'ale louvri sa a egzanp, kite a pran yon gade.
Headings.html.
>> Se konsa, navigatè pa default ka ba ou tèks sa a, se gwo ak fonse nan gwosè disparate.
H1 se gwo.
H6 se pi piti ak Lè sa a Tout Lòt Bagay nan ant.
Se konsa, sa a, se enteresan men yo toujou pa reyèlman entènèt la mwen konnen.
E si nou vle mwen gen yon bagay tankou yon lis. .
Se konsa, isit la nan yon lis pus nan twa nan kay Harvard la.
>> Ki jan ou fè ale sou fè sa a?
Oke, pran yon gade nan list.html.
Ak isit la, nou wè yon ti kras nan funkiness
men kite a konsidere sa k ap pase.
Se konsa, ki baze sou sa ou te jis wè, UL kanpe pou lis unordered.
Lis unordered jis vle di pus.
Gen nan pa gen chif yo.
Genyen tou yon bagay yo rele yon lis, ki se yon OL nan tag bay lòd la.
Lè sa a, LI, lis atik se tout li vle di.
>> Se konsa, li otomatikman nimewo tout bagay pou ou.
Men, ankò, nan tout dekoupaj mwen ak espas blan se jis pou dedomajman pou mwen.
Navigatè a pa aktyèlman ale nan pran swen.
Se konsa, menm si ou pa t 'kapab fè sa, jis yo dwe klè,
ou pa ta dwe menm si navigatè a ap toujou
kapab konprann li jis anfòm.
Mwen frape Reload nan mwen navigatè, mwen klike Reload
e pa gen chanjman k ap pase paske navigatè a toujou
fè ekzakteman ki sa mwen di l 'fè.
>> Tout dwa.
Se konsa, sa a se tout jis tèks.
Koulye a, kite a fè yon bagay plis enteresan.
Mwen pral ale pi devan epi prete kèk nan HTML sa a.
Mwen pral ale pi devan epi kreye yon nouvo dosye isit la.
Epitou, n ap rele rick.html sa a.
Nou gen disproporsyonelman itilize yon bagay
rele yon woulo liv nan sa a rick klas ane sa a, mwen pa konnen,
li jis ki te pase òganizasyonèlman.
>> Epi, koulye a li nan te resevwa soti nan kontwòl.
Se konsa, mwen jis ale nan ale ak li.
Men, si m 'ale sou Google Imaj, ak Rick Astley.
Si ou pa konnen poukisa nou fè sa a, jis li moute sou Wikipedya.
Chak fwa ou te klike sou lyen an, yon moun a te ri yon kote.
Apre sa, kite m 'ale ahead-- gen n 'al jwenn, se pou yo wè imaj sa a.
>> Se konsa, isit la nou gen yon imaj nan Google Images.
Li kite yo asime ke sa a se rezonab toupatou sou entènèt la.
Se konsa, mwen pral asime li a pou m 'OK ki aktyèlman mete sa a nan paj entènèt mwen an.
Mwen pral ale pi devan ak fè kopi imaj URL.
Epi, koulye a si mwen tounen nan Cloud 9, kite a wè sa mwen kapab fè isit la.
Se konsa, isit la se jis yon paj entènèt.
Sa a se Rick Astley, haha, Mwen pral kounye a ale tounen
nan navigatè m 'yo, Reload, epi ki enteresan.
>> Ki kote se Rick?
Se konsa, kite m 'wè sa k ap pase.
Aktyèlman, mwen pral pretann tankou mwen pa t 'fè sa.
[Fèbl] mete l 'nan isit la.
Nou pral tounen vin jwenn ke nan yon moman.
Se konsa, isit la nan rick.html.
Se konsa, sa a pa Rick Astley.
Se konsa, li vire soti nou kapab aktyèlman ajoute l 'nan isit la.
Sa a se Rick Astley.
Mwen pral di, ban m 'yon imaj ki gen sous se URL la mwen jis kopye, ki
aparamman se yon kè kontan yon bagay anivèsè nesans oswa lòt.
>> Epi, koulye a mwen pral fèmen tag a tankou sa a.
Se konsa, sa a se vlope super long.
Men, remake ke tout mwen te fè se imaj louvri bracket,
sous ak yon atribi nan sa a.
Lè li nan yon URL vrèman long.
Ak nan fen a anpil, remake sa a.
Poukisa m 'fè koupe Incline bracket olye pou yo, tankou tout lòt tag,
gen yon bracket louvri, IMG, fèmen bracket?
Jis pran yon devine menm si ou pa gen okenn abitye tou sa
ak HTML anvan.
>> Se konsa, li montre kouman li fèmen yo lòd, ki, men poukisa
li pa vrèman fè entwisyon sans nan fè yon bagay yon ti kras plis
sil tankou imaj fèmen?
Yeah.
Jis Semantics, gen nan pa gen sans de kòmanse yon imaj epi k ap fini yon imaj,
li nan swa gen oswa li pa.
Se konsa, li pa fè sans yo kite yon espas pou nenpòt lòt bagay andedan nan yon imaj.
Ou jis pa ka fè sa.
Se konsa, sentaks la ta jeneralman dwe jis
fè koupe a pi devan andedan nan tag a louvri oswa tag nan kòmansman
Lè sa a, frape Save ak.
>> Se konsa, si mwen kounye a Reload sa a ranpli, kounye a Mwen te gen yon bon sit paj kwit manje isit la.
Apre sa, nou te kapab sètènman reyèlman anbete moun
pa selaj olye pou tankou yon ap mennen YouTube.
Ak an reyalite, nenpòt ki lè ou te janm ale nan YouTube,
ak kite m 'aktyèlman aksidantèlman rick woule tèt mwen isit la.
Se konsa, Rick woulo liv la.
Se konsa, rick roll-- mwen pral ale isit la.
>> [MIZIK jwe]
>> OK, yon sèl moun ki te renmen sa.
Se konsa, remake tout tan sa a, si ou klike sou lyen ki pataje, ou nan kou
jwenn URL la ke ou ka aktyèlman Afiche nan yon imel oswa yon imaj legal
oswa nan yon pwoblèm mete oswa nan yon glise.
Epi, koulye a, si mwen olye pou klike sou embed, remake ke tout tan sa a, sa a bagay
te gen la.
Mwen pral ale pi devan ak fè kopi sa a.
>> Epi jis pou nou ka wè l 'pi byen, mwen se ale nan kole li nan editè tèks m 'yo.
Remake sa a ki sa YouTube te di ou.
Chak fwa ou ale nan yon YouTube videyo, si ou
vle Afiche videyo a sou ou paj entènèt, tou senpleman gen tan pwan sa a.
Se konsa, sa a se ankò yon lòt HTML tag rele yon iframe.
Oswa yon nan liy ankadreman.
Se konsa, li twò sanble yon ti kras plis konplèks pase tout lòt moun yo.
Se konsa, li sanble ke imaj la tag ak aparamman tag a iframe
pran ki sa yo rele atribi.
>> Lè sa a se yon lòt moso nan sentaks nan HTML.
Anplis de sa nan la a tag Non, louvri bracket Non tag,
ou ka kontwole konpòtman an nan tag a pa gen yon pakèt antye nan atribi
egal valè.
Atribi egal valè.
Se konsa, pou egzanp, YouTube ap di nou
si ou vle lajè a nan videyo sa a yo dwe 420 piksèl ak wotè nan
yo dwe 315 piksèl, sa a, se ki jan ou eksprime l 'nan HTML.
>> Sous la nan videyo a ki pral yo dwe ki long YouTube URL
ak Lè sa a kèk bagay lòt tankou ankadreman fwontyè se zewo,
se konsa ke pwobableman vle di gen nan pa gen okenn fwontyè alantou bagay la.
Pèmèt plein écran pwobableman vle di ke itilizatè a
ka klike sou yon bouton ak aktyèlman plen ekran videyo a.
Se konsa, si mwen reyèlman vle yo dwe enpresyonan isit la nan Rick dot HTML,
olye ke itilize tag nan imaj, se pou m 'efase sa, olye pou kole sa a.
Epi, koulye a recharger.
Epi, koulye a isit la nou ale ankò.
Tout dwa, sa a, se ase.
Tout dwa Se konsa, mwen pral eseye difisil yo pa fè sa ankò.
Se konsa, sa yo se kèk nan takeaways yo isit la?
Se konsa, HTML, kòm lèd kòm paj wèb sa yo ye a, se aktyèlman trè senp.
Li pa yon lang programmation.
Li pa gen fonksyon.
Li pa gen pasan.
Li pa gen kondisyon yo.
Tout li gen se plizyè douzèn Tags diferan, chak nan yo ki
gen zewo oswa plis atribi.
Ak an reyalite, sa ki nan plezi sou HTML ke ou kòmanse a plonje nan
se ke li nan trè skolarizabl pwòp tèt ou.
>> Tout li pran se yon konpreyansyon nan fondasyon an jeneral nan HTML.
Ki sa ki se yon tag, ki sa ki yon atribi, ki jan ou aktyèlman configured yon paj entènèt
jan sa a.
Ak tout lòt bagay se reyèlman rezilta a ki rive kap nan yon referans sou entènèt
oswa googling ki jan fè kèk teknik oswa kòm nou te wè,
gade nan sous Facebook a Kòd, gade nan yon sit entènèt
ke ou renmen nan li a kòd sous ak konprann ki jan devlopè yo gen
aktyèlman mete bagay sa yo soti.
>> Se konsa, nou kapab fè imaj kòm byen.
Ak nan reyalite, nou te fè li yon ti moman de sa.
Kite m 'ale pi devan ak jis moutre ou la.
Isit la nan kèk kòd echantiyon.
Si ou janm vle wè mosad chat.
Se konsa, remake ke mwen kapab gen yon tag imaj isit la.
Apre sa, mwen te gen yon kòmantè pi wo a li.
Mwen te gen yon altènativ tèks pou aksè.
Se konsa, yon moun ki moun ki nan lè l sèvi avèk yon ekran lektè pou rezon nan je
Lè sa a, ka aktyèlman gen yo lektè ekran di mosad chat.
Paske si yo pa kapab wè imaj la, yo
ka omwen gen òdinatè yo di yo vèbalman sa li ye.
Apre sa, sous la nan ki dosye se cat.jpeg.
Se konsa, an reyalite, si mwen reyèlman te vle jwenn entelijan, ki sa mwen te kapab gen done--
Mwen te pwomèt pa pou yo ale nan Rick Astley, se konsa Mwen pral Google Pou yon chat pito.
Men, si m 'ale sou Google Imaj isit la, epi n ap asime
ke sa a se yon foto nan chat m 'yo.
>> Sipoze ke mwen gen kontwòl klike oswa dwa klike sou sa a, aksidantèlman
grenpe.
Apre sa, mwen pral cat.jpeg pou konsève pou sou Desktop m 'yo.
-Kite M 'tounen nan nwaj 9.
Remake isit la, mwen kapab ale nan Upload dosye lokal yo.
Men, si mwen gen tan pwan sa a ranpli, cat.jpeg, avi
ke mwen ka trennen l 'ak lage l 'nan nwaj 9
epi li k ap pase yo rele nan m 'isit la.
>> Paske nou te deja ban nou yon dosye cat.jpeg,
men li la super fasil yo gen tan pwan yon foto ki ou te
te pran nan men Facebook oswa Flickr oswa tankou an
ak aktyèlman trennen ak gout li nan nwaj 9 ak Lè sa a fè l '
yon pati nan pèsonèl pwòp ou a sit entènèt oswa pwoblèm
mete sèt oswa uit jan nou pral byento wè.
Lè sa a, lè ou finalman vizite ke chat,
an konsideran mwen telechaje ke chat menm, avi that-- ki te adorabl.
>> Ki sa ou ta wè se yon bagay tankou figi sa a isit la.
Se konsa, dosye yo ke ou referans ki nan yon paj entènèt
ka swa gen lokal yo nan pwòp ou a kont oswa aleka sou kèk lòt sèvè
tankou nan ka a nan Rick nan Astley foto yon ti jan de sa.
Se konsa, kote sa else-- lòt bagay nou kapab fè isit la?
Se konsa, kite a pran yon gade nan sa ki annapre yo.
Ou konnen sa k ap kalite fre?
>> Nou te konsa byen lwen te fè paj wèb trè estatik.
Mwen vle epis bagay yo jan sa a.
Mwen vle fè pwòp motè rechèch mwen an.
Se konsa, yo fè yon motè rechèch, se pou yo ale pi devan epi kòmanse fè sa a.
Mwen pral ale pi devan epi kreye yon nouvo dosye rele search.html.
Epi nou te prefabed vèsyon sou entènèt.
Whoops.
Pa kole nan fenèt tèminal ou yo.
Vèsyon prefabrike sou entènèt.
Apre sa, mwen pral kòmanse jan sa a.
Se konsa, isit la nan konmansman an nan yon dosye rele search.html.
Mwen pral pou konsève pou l 'nan sous anyè a jodi a.
Mwen pral rele Search sa a.
Aktyèlman, nou pral fè li pi byen.
CS50 Search ak aktyèlman mak li.
Epi, koulye a, mwen pral di yon bagay tankou H1 CS50 Search.
Lè sa a, desann isit la, H2 vini byento.
Apre sa, jis yo rapèl, H1 ak H2 vle di ki sa respektivman?
>> Yeah, se konsa gwo ak fonse, ak pa tankou gwo, men yo toujou karaktè fonse.
Se konsa, si mwen sove sa a epi ale sou isit la, kite a wè search.html nan dosye-a.
Tout dwa, ak yon sèl sa a se regleman [fèbl].
Kanpe pa.
David te konfonn.
Oh, li nan la a.
David nan yon moun sòt.
OK.
Se konsa, gen li ye.
Se konsa, CS50 rechèch vini byento.
Se konsa, kounye, se pou yo sentèz sa nou te fè semèn pase a.
>> Ki kote nou te pale osijè de nan pi ba mekanik nivo nan HTTP.
Ak nouvo ide sa yo nan HTML, ki se jis
sa a ak lang markeup kote ou di yon navigatè egzakteman sa yo dwe fè
epi mete an aplikasyon pwòp motè rechèch nou an.
Se konsa, olye pou yo jis li di vini byento, mwen
ale nan entwodui yon bagay yo rele yon tag fòm.
Ak nan fòm sa a, mwen pral gen yon bagay tankou yon jaden opinyon.
>> Apre sa, non an nan sa a D ' jaden, mwen pral rele li K.
Ak kalite a jaden sa a opinyon nan Mwen pral di se sèlman "tèks".
Ak yon jaden tèks, kòm nou pral wè, se jis yon ti bwat tèks.
Se konsa, li pa santi la a yo gen anyen andedan nan li nan pwen sa.
Se konsa, mwen tou senpleman pral yo fèmen tag a ak sa
pou pi devan koupe dwat nan tag nan tèt li.
Lè sa a, mwen pral gen yon sèl lòt opinyon.
Kalite Antre egal soumèt.
Lè sa a, mwen pral fèmen yon sèl sa a tou.
>> Epi, koulye a mwen pral tounen isit la.
E deja nou wè, kwake trè lèd, mwen te
te resevwa kòmanse yo nan pwòp paj rechèch m 'isit la.
An reyalite, kite m 'eseye netwaye sa a moute yon ti kras.
Li sanble ke sou mòn lan D 'isit la, mwen ka gen
yon lòt atribi rele kontneur.
Apre sa, mwen ta ka wè yon bagay tankou mo kle, oswa plis espesyalman, rechèch pou q.
>> Apre sa, remake, kounye a, mwen gen sa a kalite tèks gri
ki disparèt kòm pli vit ke mwen kòmanse sezisman,
men li la pwobableman yon bagay ou te wè nan lòt paj wèb.
Mwen pa vrèman renmen bouton an soumèt.
Se konsa, mwen aktyèlman pral bay nan Soumèt bouton yon valè de rechèch.
Epi, koulye a, si mwen Reload, remake ke bouton mwen vin rele rechèch.
Ou konnen, mwen pa fè sa vrèman tankou logo la isit la.
Se konsa, Google Font dèlko.
>> Mwen vle epis sa a moute pi lwen.
Se konsa, CS50 rechèch la.
Kite m 'kreye logo m' pwòp.
Ki sanble bèl.
Se konsa, kounye kite m 'sove sa a as-- vini sou.
Ki kote se li prale?
La.
OK.
Rate li.
Save kòm.
Navigatè estipid.
Kanpe pa, nou ap ale nan ranje sa a yon fwa pou tout.
Gen nou ale.
Tout dwa.
Regrèt.
Off jou.
Koulye a, sa a se Funky.
Sòti plein écran.
Tout dwa.
>> Koulye a, tankou yon nòmal moun, sove imaj kòm.
Logo.gif.
Koulye a, mwen pral ale nan CS50IDE ak Mwen pral tou senpleman gen tan pwan logo la,
Mwen pral trennen l 'nan sous sèt anyè mwen,
dosye deja egziste, mwen OK ak sa.
Se konsa, mwen pral pase sou desizyon li paske mwen te deja gen li.
Epi, koulye a ki jan mwen debarase m de sa a?
>> Se pou nou ale pi devan isit la ak fè sous imaj egal logo.gif.
Close sa a.
Save.
Epi, koulye a si mwen tounen nan rechèch mwen an paj, kounye a li nan kap trè bon.
Tout dwa, se konsa li a pa gen anyen byen fè anyen itil.
An reyalite, kite m 'eseye chèche pou yon chat ak wè sa ki rive.
Chat.
Modi li.
Li pa jis travay, aparamman.
Se konsa, sa ki nan moso nan kle ki nan manke isit la?
>> Dwa, menm si ou pa konnen nenpòt HTML, Mwen te kòmanse regilye nèf semenn klas moute fòm nan telefòn
epi mwen te rakonte l 'kòman ou kapab jwenn entrain, ban m 'yon bwat tèks ak yon soumèt bouton,
sa moso se aparamman manke?
Sipoze nou vle aktyèlman jwenn bagay sa a ap travay kòrèkteman.
Ki sa nou bezwen fè?
Nou gen yon bezwen aplike fen a tounen baz done oswa motè rechèch la li menm,
e ke sa a pral pran yon anpil tout tan, franchman.
>> Se konsa, sonje sa nou te fè dènye fwa.
Se konsa, si ou rechèch pou yon bagay sou Google epi ou te nan avanse etenn,
sonje, rechèch enstantane.
Se pou m 'vire ki koupe se konsa ke sa a aktyèlman
konpòte li tankou yon navigatè lekòl ki pi gran, si mwen kounye a rechèch pou yon bagay tankou chat,
sonje sa URL la sanble.
Li trè skre.
Men, entegre nan la, sonje, se rechèch koupe.
Kesyon mak q egal chat.
>> Epi sa ta sanble yo ban m ' yon pakèt tout nan rezilta rechèch la.
Se konsa, ou konnen ki sa mwen pral fè?
Mwen pral prete Google pou jis yon minit.
Mwen pral ale sou isit la ak mwen pral di
ke sa a fòme aksyon oswa destinasyon, se konsa pale,
ta dwe literalman gen Google.
Apre sa, metòd la mwen te vle yo sèvi ak a pwal jwenn.
>> Se konsa, ki sa ki aksyon?
Aksyon se weirdly nonmen non li, men sa jis vle di
ki moun ki pral okipe aksyon an nan fòm sa a?
Lè m 'klike sou Search, kote ta dwe rezilta nan ale?
Men, si mwen kounye a ale tounen nan fòm mwen an isit la ak Reload paj entènèt mwen an
e kounye a, rechèch pou yon bagay tankou chen, remake kounye a
Mwen te ap aplike Google.
Dwa?
>> Si m 'vle pou fè rechèch pou yon bagay lòt moun, li ap travay pou pa sèlman chen,
li tou ap travay pou chat.
Li te tou ap travay pou CS50.
Apre sa, OK, sa a se jis anba whelming, se pa li?
Tout dwa, men li aktyèlman ap travay.
Se konsa, sa la aktyèlman te ale sou?
Se konsa, mwen te anseye navigatè m ', lè l sèvi avèk HTML, pran enfòmasyon nan men gwoup itilizatè a
ak aktyèlman voye ki opinyon nan yon sèvè aleka lè l sèvi avèk HTTP.
>> Epi paske navigatè m ' konprann HTTP, li aktyèlman
konstwi URL la pou ke sa Mwen fini sou nan navigatè m 'yo,
remake sa k ap pase lè m 'fouye pou chen.
Si m 'klike sou Search, remake ke URL la chanje jan mwen gen entansyon
google.com/search~~V query egal chen.
Epi sa a, paske fòm nan konnen, paske metòd la se jwenn,
tou senpleman kole li ak sa yo ki URL la.
>> Koulye a, paj wèb sa yo, se toujou lèd.
Se konsa an n prezante yon lòt moso nan sentaks si nou kapab jodi a.
Lè sa a se yon bagay li te ye kòm fèy papye style kaskad.
Se pou m 'pran yon gade nan egzanp sa a isit la ak wè
si nou ka dégager sa k ap pase sou.
Sa a se CSS0.html.
Lè sa a se kote bagay sa yo jwenn yon ti kras lèd.
Paske malerezman, nan mond lan nan entènèt la,
HTML pou kont li pa ka fè tout bagay.
Se konsa, si ou vle stilize paj entènèt ou an,
ou aktyèlman bezwen konsantre sou la estetik nan yon fason diferan.
Se konsa, isit, mwen gen kò a nan entènèt mwen an paj andedan nan yo ki se yon gwo div.
Ak yon div jis vle di divizyon.
Se konsa, li tankou yon paragraf men li pa gen Semantics yo menm
nan yon paragraf nan tèks.
>> Sa a jis vle di yo nan navigatè, isit la vini
yon gwo rejyon rektangilè nan entènèt mwen an paj, mwen vle manch li espesyalman.
Koulye a, liy 21 se kote ki div kòmanse.
Apre sa, jis pran yon devine.
Ki sa ki se efè a nan liy 21 sou la rès sa ki nan paj la?
Santralizasyon li.
Sa a tout.
Se konsa, nou pa gen pou wè yon fason pou aktyèlman Santralizasyon tèks la.
>> An reyalite, motè rechèch mwen an, kontrèman Google aktyèl la,
te tout gras nan men bò gòch la.
Se konsa, kounye a nan liy 21, m ap di, hey navigatè, kreye yon divizyon nan paj la.
Jis ban m 'yon gwo, envizib rektang.
Sa a ki jan mwen vle panse osijè de paj wèb la.
Lè sa a, stilize li jan sa a.
Anndan nan moun ki quotes, kounye a, se yon dezyèm lang
ke nou prezante jodi a rele kaskad style fèy papye.
Erezman, li tou se pa yon lang programmation,
se konsa li a trè limite nan sentaks li yo, men tou trè limite nan fonctionnalités li
Lè nou konsidere ke HTML se tout sou regilye nèf semenn klas moute done yo nan yon paj entènèt
ak estrikti a nan yon paj entènèt.
CSS se jeneralman sou la dènye mil, estetik yo,
ap resevwa gwosè a ak koulè a ​​ak nan plasman egzakteman dwa nan yon paj entènèt.
Ak tout bon, li se te fòme ak valè kle pè.
>> Yon pwopriyete tankou sa a, tèks aliman, ki te swiv pa yon kolon,
ki te swiv pa valè a nan ki pwopriyete, ki nan ka sa a se sant.
Epi, koulye a remake ou kapab nich bagay sa yo.
Si mwen te vle tout bagay nan ki Mwen te make yo dwe santre,
Se poutèt sa mwen gen liy 21 ak liy ki koresponn lan 31.
Men, si kounye a ou vle di se Jan Harvard, akeyi nan paj lakay mwen.
>> Copyright senbòl Jan Harvard.
Apre sa, ta kwè mwen vle premye a nan liy sa yo yo dwe trè gwo.
36 piksèl.
Se konsa, sa a, se yon gwosè desan.
Apre sa, mwen te vle pwa li yo yo dwe karaktè fonse.
Men, Lè sa anba a ki, Mwen vle pi piti tèks.
Apre sa, anba a ki, mwen vle menm ki pi piti tèks.
Regrèt.
Jodi a santi l tankou yon jou la.
>> Se konsa, kounye a, ki sa mwen fè yo eksprime sa a?
Isit la sou liy 22 se yon embedded div oswa enbrike div, si ou pral.
Li twò gen pwòp tag style li yo.
Mwen presize yon gwosè font nan 36.
Mwen presize yon pwa font nan karaktè fonse.
Desann isit la, mwen sèlman presize 24 piksèl.
E finalman, nan liy 28, mwen presize 12.
Se konsa, menm jan yon chèk saniti rapid epi kòm yon lekti imen sa a,
ki mo sou ekran an se aktyèlman pral yo dwe fonse?
Ki liy yo aktyèlman fonse?
>> Jis John Harvard.
Dwa?
Paske menm jan liy 22 di hey navigatè, isit la nan yon divizyon nan paj la.
Fè li font size 36 pwen.
Fè pwa a font karaktè fonse.
Le pli vit ke ou rive nan a tag fen korespondan
oswa fèmen tag sou liy 24, sa vle di, hey navigatè,
sispann fè tou sa li se w ap fè.
Apre sa, avi yo dwe klè, menm si liy 22 te gen tout atribi sa yo nan
tankou style, lè ou fèmen tag a nan liy 24,
ou sèlman mansyone non tag la.
>> Ou pa repete style la mo oubyen yon nenpòt ki bagay ki ki andedan nan tout sa yo quotes.
Se konsa, si mwen gade nan sa a kounye a nan navigatè m 'yo, kite a pran
yon gade nan rezilta nan fen. Kite m 'ale devan yo sa a ranpli, ki se CSS 0.
Lè li nan toujou trè plenn, men ap resevwa trè enteresan.
Men, li vire yo deyò nan lòt bagay mwen kapab fè isit la,
ak nan risk pou yo fè sa a konplètman efreyan,
remake isit la ke nan mwen kò a paj entènèt mwen an,
Mwen kapab fè yon bagay komik tankou bg oswa koulè background.
>> Ak rapid, sa ki nan pi renmen koulè ou a?
Green Mwen tande.
Tout dwa.
Se konsa, kounye, si mwen frape Reload kounye a, nou gen yon paj entènèt vèt.
Tout dwa, se konsa sa a, se pa move.
Epi, koulye a, si mwen vle fè sa a vrèman fre, mwen ka fè koulè a ​​nan tèks mwen
menm wouj.
Se konsa, kite a wè ki sa sa a sanble.
Koulye a, li la kap trè bon.
, Li desann isit la, si ou reyèlman vle dezòd ak yon moun
oswa si ou vle yo dwe youn nan moun sa yo ki
ap fè je chèch ak nou antre nan vizite yon sit entènèt paj paske yo te twonpe Google
nan panse gen nan yon pakèt antye nan mo kle like-- kite a wè, recharger.
Ki kote te fè li ale?
Apre sa, li nou.
Tout dwa.
Se konsa, mwen di sa a kòm yon sou kote, nou pral pale sou bagay sa a nan yon kèk semèn
lè nou pale sou sekirite, si ou aktyèlman
Afiche grap antye nan mo kle nan yon paj entènèt,
menm si yo ap pa vizib nan yon imen, yon moun tankou Google, nan kou,
ka toujou aktyèlman jwenn sa a.
Tout dwa, se konsa sa a, se bèl efreyan byen vit.
>> Ak nan reyalite, li nan se pa tout ke anpil kontrèman entènèt pwòp mwen
paj kòm yon bakaloreya, ki Mwen te kòmanse googling alantou jwenn
vèsyon sot pase a nan sit fin vye granmoun m 'yo.
Li te trè move.
An reyalite, mwen t 'jwenn youn jis anvan klas la.
Men, gen nan vin pi mal yo deyò.
Sa a aparamman te m ' paj lakay tounen nan 1996.
Aparamman mwen te panse li te apwopriye a mande moun non yo
anvan yo te kapab aktyèlman wè paj entènèt mwen an.
>> Lè sa a, mwen te montre yo yon bagay estipid, pwobableman.
Mwen pral fouye moute plis pou pwochen fwa.
Men, pou kounye, se pou yo konsidere yon ti jan nan konsepsyon.
Nou te te pale osijè de style.
Apre sa, paj sa a konsa byen lwen ak pi tout bagay mwen te ekri
se trè pwòp estilitikman.
Men, sa ki sou konsepsyon?
Oke, gen nan yon anpil nan èkse nan sa ki mwen te te fè isit la.
>> Mwen te mansyone pawòl Bondye a koulè nan yon koup la kote.
Mwen te mansyone font size nan yon koup la kote ak fonse nan yon koup la kote.
Apre sa, fondamantalman, mwen ko Melanje de lang.
Mwen te gen HTML ak Tags m 'ak m' atribi figi ak Lè sa a tout nan yon toudenkou,
ant quotes, mwen gen dezyèm lang la jodi a
rele CSS, ki ankò, se jis sa yo kle pè valè oswa sa yo pwopriyete
separe pa kolon.
>> Li sanble ke anpil tankou nan C kote nou
ka kòmanse faktè soti kèk kòd nan dosye header,
pou nou ka fè menm bagay la nan HTML.
Apre sa, yon etap nan direksyon ki se jan sa a.
Remake vèsyon sa-a, se CSS1.html struktural egzak paj wèb la menm.
Se konsa, mwen te gen yon pakèt antye a div, men fwa sa a, mwen te
vinn m de pakè a div jan ou pral wè.
>> Apre sa, mwen te bay moun twa div tèt, mwayen, ak anba, idantite inik.
Sa a se bèl, paske pa bay moun divizyon
nan paj Idantifyan yo inik, Mwen kapab referans yo yon lòt kote.
Ki kote?
Oke, kite m 'woulo liv moute.
Apre sa, konsa byen lwen, nenpòt lè nou te gade nan plas tèt la nan yon paj entènèt, sa ki nan
tag a sèlman nou te te gen nan tèt la nan yon paj entènèt?
Yon ti kras pi fò.
Jis tit la byen lwen tèlman.
Men, li vire yo deyò nan yon kèk lòt bagay
ou ka mete nan la, youn nan ki sa yo rele yon tag style.
Se konsa, yon ti moman de sa, nou gade Yon atribi style.
Vire soti gen nan yon tag style.
Li fè pati andedan nan tèt la nan yon paj entènèt.
Epi, koulye a remake sa m ap fè a.
Mwen gen andedan nan sa a tag style bagay sa yo.
Mwen literalman mansyone sou liy 20 nan Non yon tag ke mwen vle stilize.
>> Lè sa a, mwen gen louvri Curly atèl epi li fèmen Curly atèl.
Se konsa, menm jan an nan lespri nan C, men ankò, sa a se pa yon fonksyon,
sa a se jis yon detay Massachusetts Institute of Technology isit la.
Lè sa a, nan kou, mwen di navigatè a, hey navigatè,
fè kò a tout antye nan paj la gen yon aliyman tèks nan sant.
Lè sa a, sa a ap di sa ki annapre yo.
Hey navigatè, si ou wè yon HTML eleman oswa tag nan paj an ki
gen yon idantifyan inik nan tèt, se konsa senbòl la regle isit la jis vle di
inik lide sou tèt, ale pi devan epi fè gwosè font li yo 36
ak pwa font li yo karaktè fonse.
>> Hey navigatè, yon eleman ki gen ID se mwayen, fè li 24 piksèl.
Apre sa, hey navigatè, si ou wè yon lide sou anba, fè li 12 piksèl.
Efè a nan fen a se egzakteman sam an.
Si m 'ale nan CSS 1, nan paj sanble menm bagay la.
Men, nou se yon etap nan direksyon yon ti kras pi bon konsepsyon.
Kite m 'kounye a ale tounen isit la yo CSS2 ak wè sa ki lòt bagay mwen te fè.
>> Koulye a, paj la se reyèlman, reyèlman pwòp.
An reyalite, mwen ka anfòm tout nan sa ki sou yon paj isit la.
Men, sa ki nouvo tag, mwen prezante, evidamman?
Link.
Epi li pa non an pi bon pou yon tag, paske li pa yon ap mennen nan sans
ke nou konnen li, men li sa a vle di yon ap mennen nan kèk lòt dosye-a.
Sa a se kalite tankou byen file mete nan C.
>> Sa a se yon fason a nan HTML yo di hey navigatè,
ale jwenn sa ki nan dosye a rele css2.css.
Relasyon ki, m ', se ke li nan yon fèy style.
Ak tout bon, se sa ki yon sèl la nan a S nan nan style kaskad dra vle di.
Sa a se yon fèy style.
Se jis dosye a tèks ki gen yon pakèt antye nan pwopriyete.
Li se yon pakèt antye nan Styles ke ou vle pou aplike nan yon paj.
>> Se konsa, sa a aparamman se refere li a yon dezyèm dosye-a.
Men, si mwen louvri sa, CSS2.css, remake ke tout mwen te fè
se kopi ak keratin tout nan sa a nan sa a dosye.
Epi, koulye a, menm si ou te pa janm kode bagay sa a anvan,
jis konsidere ak nan provèrbyo chapo jeni
sou li a, poukisa se sa a yon pi bon konsepsyon pwobableman?
Faktè soti sa yo pwopriyete CSS, mete yo nan pwòp dosye yo.
Menm si nou rezoud sa a Anons sa pibliye depi pwoblèm tankou senk minit
nan vèsyon an trè premye.
>> Nou pa te amelyore nan paj estilitikman,
sa a se jis pi bon konsepsyon nan kèk sans.
Poukisa ou panse?
Yeah.
Pi fleksib ki jan?
Yeah.
Se konsa, si ou vle ale retounen lakay yo epi chanje bagay sa yo,
kounye a, ou gen yon sèl kote kote ou ka chanje bagay sa yo.
Ak an reyalite, pou yon bagay tankou pwoblèm mete sèt,
kote nou pral aplike yon stock sit entènèt komès,
ki k ap pase yo gen yon pakèt antye nan paj.
Epi li ta dwe reyèlman anmèdan si ou deside, HM,
Mwen pa vrèman renmen 24 piksèl, mwen vle li nan dwe 28 piksèl oswa yon ti kras pi gran.
Lè sa a, dwe fè yon mondyal jwenn epi ranplase
oswa louvri tout nan dosye sit entènèt ou a tou senpleman yo aktyèlman chanje yon sèl valè.
Pa faktè soti sa yo Styles nan yon sèl kote santral,
ou kapab kounye a louvri yon sèl dosye tèks nan CS50IDE nan nenpòt pwogram,
chanje li, sove li, epi fè.
Ou te miltiplikasyon moun chanjman toupatou.
Apre sa, ki ta ka menm bagay la tou nan yon dosye dot h kòm byen.
Se konsa, nenpòt kesyon konsa byen lwen sou sentaks sa a?
Tout dwa, se konsa nou te fè tout sa li sanble
eksepte aktyèlman aplike Des.
Se konsa, kite a ale pi devan epi fè sa.
Kite m 'ale pi devan epi kreye yon nouvo dosye isit la.
Mwen pral rele li link.html, mete nan kòd la jodi a.
>> Apre sa, mwen pral fè louvri bracket di ki doc html.
Kòm yon sou kote, bagay sa a nan la tèt, sa a ki kalite deklarasyon doc,
li nan yon sèl la sèlman sa a, se etranj ak pwen an esklamasyon.
Ou jis bezwen fè l 'gen ak li vle di nou lè l sèvi avèk HTML vèsyon yo 5.
Ki pi gran vèsyon nan lang te gen pi lontan ankò
strings ke ou bezwen mete ladan l '.
Se konsa, isit la se yon egzanp rele lyen.
>> Mwen bezwen yon kò nan paj entènèt m 'isit la.
Ak nan isit la, yon egal href kite a di HTTP://www.disney.com
ak sou sit entènèt pi renmen m ', nou pral di.
Tout dwa, se konsa yon trè anoden, itilizatè zanmitay paj.
Si m 'kounye a ale nan anyè m' lis isit la ak louvri moute link.html,
nou gen tèks ultra.
>> Ak tout bon, sa a se kote H la nan HTTP soti nan.
Pwotokòl transfè ipèrtèks se sou transfere tèks
ki gen lyen nan lòt resous.
Ak tout bon, isit la se abitye a, si retro, lyen ble ke si klike,
pral aktyèlman mennen m 'nan Disney.com.
Koulye a, oh, ki nan vini soti byento.
Tout dwa, se konsa kounye a, ki sa yo se kèk a enplikasyon yo nan sa a?
>> Apre sa, franchman, mond lan kòmanse yo ka resevwa yon ti kras pi plis yo konnen yo
epi tou li yon ti kras scarier men tou, yon ti kras pi plis
pwòp tèt ou defans yon fwa ou kòmanse yo konprann bagay sa yo.
Paske chans yo se, gen kèk nan nou, si ou ale nan Spam katab Gmail ou oswa menm
bwat resepsyon ou, ou te pwobableman vinn kèk kalite imel
ki nan mande ou chanje ou modpas petèt ou gen dwa verifye
kalifikasyon PayPal ou oswa etajèr.
>> Lè an reyalite, ou ta ka te resevwa yon bagay ki di tankou klike isit la
Reyajiste modpas PayPal ou yo.
Epi, koulye a, remake, si sa a se pa Disney.com
men tankou badplace.com ak Reload, sonje ke tèks la isit la
te kapab di anyen tou.
Ak an reyalite, sa a se jis mo yo.
Poukisa nou pa mwen aktyèlman ap super move epi di http://www.paypal.com.
>> Klike la a Reyajiste PayPal ou modpas e kounye a, recharger.
Sa a sanble trè lejitim, dwa?
Mwen vle di, mwen pa ta klike sou yon imèl ki jis di sa a.
Men, remake dikotomi a isit la.
Li di www.paypal.com, ak nan reyalite, rete tann yon minit,
nou konnen ke ou vle a la pou sekirite.
Se konsa, kounye, ale nan www.paypal.com t, men si ou pa janm te fè sa anvan,
jwenn nan abitid la nan elikopte sou lyen ti kras isit la.
Lè li nan difisil yo wè sou ekran an la,
ak li a pa tout sa ki pi fasil isit la.
Men, fason desann isit la nan ti ti kras kwen an
fè navigatè a aktyèlman di ou ke nou ap ale
badplace.com olye pou yo Paypal.com.
Koulye a, kote nou pral ak sa a?
Tout egzanp yo nou te fè jodi a, nou te difisil kode ak tape soti manyèlman.
Entènèt la se ekstrèmman entérésan lè ou difisil
kode paj wèb ou pou sa kontni se estatik epi pa janm chanje.
Natirèlman, tout nan nou an sit pi renmen jodi a,
si li nan Gmail oswa Twitter oswa Facebook oswa nenpòt ki kantite lòt moun
se dinamik.
Yo ap chanje nan repons a opinyon itilizatè
jis tankou rezilta rechèch la Google.
>> Se konsa, nan Mèkredi, ki sa nou fè se nou kite HTML ak CSS entwodiksyon
dèyè nou epi nou pran pou yo akòde ke nou kounye a
konnen li e nou prezante yon nouvo lang programmation
rele PHP, ki renmen C, ki pral ban nou
pouvwa a aktyèlman kreye pwogram ki tèt yo jenere pwodiksyon.
Nan ka sa a, nou pral lè l sèvi avèk PHP jenere dynamique entènèt
paj lè l sèvi avèk lang nouvo sa a.
Se konsa, plis sou sa nan Mèkredi.
Al gade nan ou lè sa a.
>> [MIZIK jwe]