>> [CHWARAE CERDDORIAETH]
>> DAVID J Malan: Mae hwn yn CS50 ac mae hyn yn ddechrau wythnos 7.
Felly croesawu.
Ac efallai y byddwch yn cofio bod yn broblem yn gosod pedwar,
roedd yn dipyn o helfa sborion ar gyfer rhai gwobrau gwych lle
ar ôl i chi adennill y lluniau o staff yma ac yn New Haven,
cawsoch eich herio i ddod o hyd i gynifer o gwyddonwyr cyfrifiadurol hynny fel y gallai.
Ac rydym wedi cael yn ei gyfanrwydd criw o gyflwyniadau.
Meddwl y byddwn i'n rhannu ychydig gyda chi yma heddiw.
>> A byddwn yn postio pob un o'r rhain ar-lein.
Ond yn benodol, roeddwn i eisiau dynnu eich sylw i'r canlynol-- yn dda un,
Roedd Sam yn eithaf ychydig ohonynt Yn gyffredinol peri fel hyn.
Ond mae'n ymddangos bod fel o y bore yma, yr enillydd
Roedd yn rhywun arbennig o'r enw Ken gyda 24 o'r staff eu dal ar gamera
neu ychydig yn fwy pan fyddwch yn cymryd i mewn cyfrif staff lluosog yn y lluniau.
Yn y llun yma yw Ken nesaf i Mary yn New Haven.
>> Yn awr, Ken, fodd bynnag, yn troi allan yn dipyn o achos cornel
Nid yw hynny wedi digwydd eto o'r blaen.
Mae'n troi allan nad oedd yn digwydd i mi roi print mân yn broblem
gosod pedwar sy'n dweud bod y staff yn anghymwys ar gyfer y gwobrau gwych
gan fod Ken, wrth gwrs, yn un o ffotograffwyr ar ein staff.
Yn awr, gyda dweud hynny, efe a Ysgrifennodd yn wreiddiol i mi ddweud
peidiwch bostio lluniau hyn ar-lein.
Yr wyf yn meddwl i raddau helaeth oherwydd bod y rhan fwyaf o'r lluniau
bod ffotograffydd hwn yn cymryd yn edrych rhywbeth bach fel hyn.
Ac yn y blaen.
>> Ond byddai Ken hoffi i mi eich sicrhau bod ei fod yn ffotograffydd da iawn,
ei fod yn weithiwr proffesiynol, mae'n cymryd lluniau nad ydynt yn aneglur,
sy'n well mewn ffocws, ac efe Cymerodd dipyn o ychydig o ein staff ein hunain.
Ond yn hytrach na dim ond cydnabod Ken, yr hyn yr ydym yn meddwl y byddwn ni'n ei wneud
yn mynd drwy'r rhestr o myfyrwyr gwirioneddol a gyflwynodd.
Ac mae'n ymddangos fod Lance gyda Lluniau 15 fel y bore yma
oedd ein enillydd.
>> Ac yn y llun yma yw Lance gyda Colton, gyda Skaz, gyda mi fy hun, a gyda Sam.
Ond yna mae'n troi allan bod fel o 11:46, felly dim ond ychydig yn ôl,
Es yn ôl at fy e-bost a dod o hyd nad oedd gennym eto un cyflwyniad mwy
gan fyfyriwr a enwir Bonnie Dywedodd y mae ei e-bost yn unig hyn.
Ddim yn mynd i orwedd, rwy'n gwneud hyn yn ystod y dosbarth.
Ac yna ymlaen i atodi yn unig Lluniau 14, un swil o Lance 15.
>> Ond mewn lluniau Bonnie, mae'n troi Roedd aelodau o staff allan lluosog, Sam
yn eu plith, felly yr hyn yr ydym yn meddwl ein Byddai ei wneud yw cydnabod y ddau o'r rhain.
Felly, yn ogystal â chael y Dropbox lle y bydd pawb a gymerodd ran
derbyn, bydd y ddwy adran hon hefyd yn derbyn cinio darperir ar braf iddynt
a'u adran Ffrindiau wythnos hon sydd i ddod.
Ac felly, byddwch yn clywed gennym, Lance a Bonnie, am hynny.
Congrats mor fawr iddynt.
Yn awr, y rhai ohonoch a fyddai'n fel cinio yn fwy cyffredinol
gwybod bod cinio CS50 yng Nghaergrawnt a New Haven yw dydd Gwener hwn.
Ewch i wefan RSVP slaes CS50 yn.
Ac yn awr gair ar seminarau.
Yn fwy cwricwlaidd.
Felly rydym yn agosáu at pwynt y semester
lle y dylech ddechrau meddwl am brosiectau terfynol.
Ac yn wir, mewn dim ond ychydig, bydd hyn a elwir cynigion cyn yn ddyledus.
Cynigion Felly cyn i fod i effaith fod yn eithaf isel ac yn wir
yn unig yn gyfle i chi i gyfansoddi nodyn byr
eich cyd-addysgu i roi gwybod iddo ef neu hi beth rydych chi'n chi'n meddwl
Efallai eisiau ei wneud ar gyfer eich prosiect terfynol.
>> Yn awr, mae llawer o fyfyrwyr yn y pen draw wneud ar y we sy'n seiliedig ar brosiectau terfynol.
Ac wrth gwrs, rydym yn unig wythnos yn awr ddiwethaf yn hyn
a thu hwnt blymio i mewn i raglenni ar y we.
Felly, i beidio â phoeni os ydych yn i ddim syniad o gwbl sut
byddech yn adeiladu'r syniadau a allai fod gennych yn eich meddwl.
Mae hyn yn wir yn unig yn swyddogaeth orfodi i wneud i chi feddwl a siarad
gyda'ch TF am y peth.
Ond i chi helpu gyda hynny, a gyda phrosiectau terfynol yn y pen draw,
gwybod bod CS50 draddodiad o gynnig seminarau.
>> Ac mae'r rhain yn ddewisol, ymarferol, neu ddarlithio yn seiliedig ar gyfleoedd
i ddysgu mwy am bynciau sy'n cael eu ychydig o ategol i'r cwrs
maes llafur, ond serch hynny wych deunydd i yrru prosiectau terfynol.
Ac felly mae hwn yn rhestr sy'n Staff CS50 yma yn New Haven
wedi dod o hyd i eleni am iOS
rhaglennu, Android rhaglennu, datblygu gêm,
a sypiau o fwy offer ac ieithoedd a thechnegau.
>> Felly cadwch lygad ar wefan y CS50 yn.
Ac yn y cyfamser, os hoffech chi gofrestru eich diddordeb yn unrhyw un o'r rhain,
mynd i'r gofrestr slaes CS50 yn.
A byddwn wedyn yn dilyn i fyny o ran y dyddiau ac amseroedd hedfan a lleoliadau
ac everything-- mwyaf bopeth fydd fod ffrydio ac hefyd ar gael ar y galw
ar ôl os na allwch chi mewn gwirionedd yn ei gwneud yn.
Felly, heb ado pellach, rydym yn chwith oddi tro diwethaf gyda GET.
>> A hyn oedd fel y neges a oedd yn tu mewn i'r amlen rhithwir, yn galw i gof,
ein bod yn trosglwyddo o llwybrydd i llwybrydd i llwybrydd rhwng porwr gwe a gwe
gweinydd.
A bod neges edrych yn ychydig iawn o rhywbeth fel hyn.
Dyma oedd y neges yn fwy dirgel sy'n oedd mewn gwirionedd y tu mewn o amlen
hysgrifennu ar ddarn o bapur y mae ei llinell gyntaf yn dweud llythrennol, yn cael slaes.
>> Ac yn union fel gwiriad pwyll, beth wnaeth slaes ddynodi?
Beth mae slaes yn ei olygu pan gofyn am y wefan?
Rydych yn gofyn am hynny drwy'r amser.
Mae'r rhan fwyaf unrhyw tro y byddwch yn ymweld â gwefan, rydych Nid oes mewn gwirionedd deipio enw ffeil.
Mae'n debyg y byddwch yn unig yn mynd i Facebook.com, fynd i mewn, gmail.com, neu debyg.
A beth mae slaes yn ei gynrychioli?
Beth ffeil?
Neu pa dudalen, yn benodol?
>> Mae'r mynegai, yeah.
Felly y dudalen diofyn.
Felly, os nad ydych yn nodi ffeil enwi, fel y byddwn yn dechrau gweld,
eich bod mewn gwirionedd yn unig yn gofyn am rhoi'r dudalen diofyn Facebook mi
neu roi fy inbox mi neu roi 'm' r dudalen diofyn newyddion
ar wefan CNN neu debyg.
A gweinydd wedyn yn ymateb i bod neges gyda rhywbeth
fel hyn, gan ddweud ie, yr wyf yn siarad fersiwn HTTP 1.1.
>> 200, sydd yn statws Cod yr ydym bodau dynol anaml
erioed wedi gweld oherwydd ei fod yn dda.
Oherwydd mae'n golygu OK, mae'r cais Derbyniwyd a thrin yn briodol.
A'r math o gynnwys yn ôl pob golwg yn yr ymateb
yn eithaf aml, ond nid bob amser, testun.
Ac yn benodol, HTML.
A dyna mewn gwirionedd lle yr ydym yn edrych ar heddiw.
>> Felly, mewn gwirionedd, yr wyf i'n mynd i fynd yn ei flaen ac yn agor porwr.
Rydw i'n mynd i ddefnyddio Chrome, gallwch ddefnyddio unrhyw borwr mwyaf yn ystod yr wythnosau i ddod.
Yn gyffredinol, argymhellwn Chrome am ei fod yn arbennig o
da ar gyfer datblygwyr meddalwedd.
Mae wedi cael llawer o adeiladwyd yn offer sy'n ei gwneud yn haws
i ddatblygu nid yn unig HTML a CSS, pethau byddwn yn dechrau siarad am heddiw,
ond hefyd ieithoedd eraill hefyd.
>> Ac yr wyf i'n mynd i fynd yn ei flaen ac yn mynd i'r canlynol-- Rydw i'n mynd i Reoli clic neu i'r dde
cliciwch unrhyw le ar dudalen we.
Ac yr wyf i'n mynd i fynd i Archwilio Elfen.
Ac yr wyf i'n mynd i tweak fy sgrin ychydig bach yma.
Gadewch i mi symud hyn i'r gwaelod.
Felly, mae hyn yn beth a elwir Arolygydd Chrome ar.
Felly, mae hyn yn debyg i debugging offeryn adeiladu i mewn Chrome.
>> Mae pob un gennych yn barod hwn os ydych wedi bod yn defnyddio Chrome.
Ac mae'n eich galluogi i weld beth sy'n mynd ar o dan y cwfl o ryw dudalen we.
Felly gadewch i ni mewn gwirionedd yn cymryd edrych ar hyn fel a ganlyn.
Mae ganddo ffordd fwy o nodweddion ac yr ydym yn gofalu amdano heddiw.
Ond mae tabs hyn dros yma.
Elfennau, rhwydwaith, ffynonellau, llinell amser, a rhai pethau eraill.
Rydw i'n mynd i glicio ar Rhwydweithio am eiliad.
>> Ac mae'n ychydig yn llethol ar yr olwg gyntaf yma.
Ond yr hyn yr wyf i'n mynd i wneud ei osod mi symleiddio ychydig.
Rydw i'n mynd i droi ar y cofnodi golau fel ei bod yn goch.
Ac yr wyf i'n mynd i ddweud cadw log.
Ac mae hyn yn unig yw ychydig beth yr wyf yn cyfrifedig allan
dros gyfnod o amser sy'n mynd i achub popeth sy'n digwydd yn y porwr.
Ac yn awr dw i'n mynd i fynd i http://facebook.com.
>> A dweud y gwir, gadewch i ni wneud www ar gyfer mesur da, slaes.
Enter.
Felly URL y mae llawer o Efallai eich bod wedi ymweld â nhw.
Ac yn awr y we Facebook dudalen yn dod i fyny ar y brig.
Ac yna criw cyfan o pethau hedfanodd gan ar y gwaelod.
Ac yn wir, mae'n ymddangos fod pan fyddwch yn ymweld Facebook.com,
nid ydych ond yn gwneud un cais HTTP, mae'n ymddangos fod mynd i Facebook.com
anfon 41 o amlenni hynny, pob un â'i chais get ei hun,
fel y nodwyd, er bod hynny y tu ôl i'r sgrîn yma, ar waelod y sgrin,
mae'n dangos bod, yn wir, fy porwr wnaed 41 y ceisiadau.
>> Ac i gyd, mae'n trosglwyddwyd 861 Cymerodd kilobytes ac am ryw reswm
cymaint ag wyth eiliad i lwytho i lawr hynny i gyd.
Felly dyna mewn gwirionedd ychydig yn od y byddai safle Facebook yn cymryd hynny
hir, ond felly boed yn yr achos hwn.
Yn awr, mae hyn oll nid wyf yn wir gofal am eithrio ar gyfer y cais topmost.
Felly gadewch i ni fynd i hon i'r dde yma a gadewch i mi chwyddo allan am ychydig funudau'n.
>> A gadewch i mi chwyddo i mewn ar hyn.
Felly, yr hyn yr wyf wedi ei wneud ar y chwith er bod mae llawer yn digwydd dros yma
yn Rwyf wedi tynnu sylw at Facebook.com ac yna
sylwi fy mod yn sgrolio i lawr, sgrolio i lawr, sgrolio i lawr,
i ofyn am penawdau.
A byddwch yn gweld bod Chrome yn dangos fi yn ei hanfod y cynnwys mewnol
y cais wnes i.
Dyw hi ddim yn fformatio yn union yr un ffordd, ond yn sylwi mae sôn am ei gael,
sylwi mae sôn am y llu, Facebook.com, mae'r llwybr, neu slaes,
sef y ffeil yr wyf yn gofyn.
>> Ac yna os byddaf yn sgrolio yn ôl i fyny, rydym annhymerus 'mewn gwirionedd
gweld bod yr hyn a ddychwelwyd Facebook i mi yw pob un o'r penawdau hyn.
Felly, y tu mewn o hynny amlen rhithwir yn wir llawer o barau gwerth allweddol.
Gair, colon, ac yna mae werth.
Gair, colon, ac mae gwerth.
Gelwir y rhain yn penawdau.
Ac mae modd mwy o fanylion yma nag rydym mewn gwirionedd yn poeni am hyn o bryd.
>> Ond mae hyn yn ail i cafodd yr un olaf i lawr yno,
sylwi, bod gweinydd Facebook.com yn, yn wir dweud yma hon rhyw HTML testun.
Felly, hyn i gyd yw dweud pan fyddwch yn gofyn am y we
Tudalen o borwr i gweinydd, y gweinydd yn ymateb
gydag amlen ei hun tu mewn sydd yn destun.
Mewn geiriau eraill, HTML.
Iaith Arwyddnodi HyperText.
Pa un yw iaith arall ein bod yn cyflwyno heddiw
bod bodau dynol neu gyfrifiaduron cynhyrchu er mwyn gweithredu tudalennau gwe.
>> Yn benodol, gadewch i ni edrych ar hyn.
Rydw i'n mynd i fynd yn ôl yn awr at wefan Facebook.
Ac yr wyf i'n mynd i jyst rheoli clic neu dde chlecia
a chliciwch ar View Tudalen Source.
A hyd yn oed os nad ydych yn defnyddio Chrome, Gall IE wneud hyn, gall Firefox yn gwneud hyn,
Gall Safari yn gwneud hyn, er bod y fwydlen Gallai opsiynau edrych ychydig yn wahanol.
Ac mae hyn yn y HTML a Mark a cwmni ar Facebook wedi ysgrifennu.
>> Ac atynt gyda'i gilydd, iaith hon yma yn gweithredu'r glas a gwyn y dudalen
ein bod yn gweld eiliad yn ôl.
Yn awr, mae hyn yn ychydig yn llethol.
Ond os ydym yn edrych i fyny ar chwith uchaf, rydym yn mynd i ddechrau i weld rhai batrymau.
Mae'n edrych fel mae llawer o'r rhain ar agor bachyn ongl
ac yna mae hwn HTML gair allweddol.
Dyma agored arall bachyn ongl a pen.
>> Dyma, os ydym yn sgroliwch i lawr ac i lawr ac i lawr, rwy'n
mynd i fynd yn ei flaen a rhoi cynnig i chwilio am rywbeth.
Mae yna ffordd drosodd ar y dde yma yw corff braced agored.
A galw i gof o ddiwethaf amser a gynigiwyd i ni
bod y dudalen gwefan symlaf y gallai pobl yn ysgrifennu
Gallai edrych ychydig yn debyg i hyn.
Tag HTML Agored, pen agored tag, tag teitl agored,
Yna teitl gau, pen caeedig, ar agor tag corff, rhywfaint o destun, corff ar gau,
HTML caeedig.
>> Ond saib yma am ychydig funudau'n.
Mae'r cod hwn, hyd yn oed os ydych chi wedi nid yw byth yn ysgrifenedig cyn
ond dal ddim yn deall yn iawn beth sy'n digwydd, yn edrych yn eithaf da.
Iawn, mae'n lân iawn.
Mae'n arddull iawn 'n glws.
Mae llawer o pant a gofod gwyn.
Nid yw Facebook yn.
Felly pam mae cymaint Facebook yn waeth nag yr oeddwn yn ysgrifennu HTML?
Mae'n debyg.
>> Iawn, mae hyn yn debyg un allan o bump ar gyfer arddull.
Mae 'na reswm grymus iddynt dorri corneli hyn.
Mae pob hawl, felly dydyn nhw ddim eisiau i gwneud yn haws i chi ei ddarllen.
Felly, mewn rhyw ystyr, maen nhw'n gelu'r iddo, math o sgramblo ei
o leiaf yn esthetaidd felly ei bod yn anoddach i Myspace
i fynd a RIP oddi ar eu hafan a'r HTML ar ei gyfer.
Mae'n ymddangos bod â rhaglenni fodd bynnag, yn cynnwys Chrome,
gallwn lanhau hyn i fyny super hawdd.
Felly nid yn eithaf ei fod fel y rheswm.
Beth arall allai fod yn achos.
Yeah.
Yeah, data costau gofod gwyn.
Beth ydych chi'n ei olygu?
Yeah, yn union.
Os ydych yn taro llawer neu'r fysell Tab bar gofod, ystyried y goblygiadau.
Felly pob allwedd ar eich bysellfwrdd yn [Anghlywadwy] Hydred fel un beit.
>> Felly mae'n debyg bod Mark neu unrhyw un o'r devs y dyddiau hyn yn taro'r spacebar unwaith yn unig
yn y dudalen HTML sy'n yn cynrychioli homepage Facebook.
A Facebook wedi llawer o ddefnyddwyr y dyddiau hyn.
Felly mae'n debyg bod homepage Facebook yn cael ymweliad gan biliwn o bobl heddiw.
A rhywun yn Facebook wedi taro'r bar gofod unwaith yn unig.
>> Felly, un beit ychwanegol, biliwn o geisiadau,
faint mwy o ddata yw Facebook trosglwyddo dros y rhyngrwyd
oherwydd bod rhywun yn taro'r spacebar ar ei bysellfwrdd?
A biliwn bytes, neu un gigabeit o data yn cael ei anfon o weinyddion Facebook
i bobl o gwmpas y byd heb reswm da.
Nawr, dyna un lle yn unig.
>> Dychmygwch os ydym mewn gwirionedd yn glanhau hyn beth i fyny ac yn mewnoli ac ychwanegu
llawer o le gwyn a cymeriadau tab a mannau,
chi gigabeit gwariant y pen draw, os nad terra bytes mwy o le.
Ac felly super gyffredin yn y byd go iawn o ddatblygiad ar y we
yw minify eich cod.
A byddwn yn y pen draw yn gweld sut y gallech chi wneud hyn.
>> Ond heddiw, byddwn yn dechrau ysgrifennu cod dyna mewn gwirionedd yn ddarllenadwy gennym ni bobl.
Mae'n troi allan, fodd bynnag, os byddwch yn mynd yn ôl i offeryn hwn yn Chrome Archwiliwch Elfen,
yn flaenorol, roeddem ar y tab Rhwydwaith.
Mae'n ymddangos bod os byddwch yn mynd i'r elfennau tab, yr hyn yr ydych mewn gwirionedd yn gweld
yn Chrome yn ei argraffu 'n bert Fersiwn o'r un HTML.
Felly, rydym wedi deobfuscated iddo.
Felly does dim cyfatebol ar gyfer cyfrifiadur.
Ac yn awr y gallwch mewn gwirionedd cliciwch gwmpas a dechrau
i weld yr hierarchaeth sy'n tudalen ar y we.
Felly gadewch i ni mewn gwirionedd yn gwneud hyn.
Rydw i'n mynd i fynd yn ei flaen ac yn agor i fyny ar fy Mac rhaglen o'r enw golygu testun.
A dwyn i gof bod hyn yn unig rhaglen testun yn super syml.
Windows Mae gan notepad.exe.
Ac yr wyf i'n mynd i air am air teipiwch y canlynol.
Doc math HTML, braced agored HTML, ar gau HTML braced,
mae gennym y pennaeth y dudalen yma, diwedd y pennaeth y dudalen yma,
Bydd teitl yn debyg, helo byd.
>> Ac yna i lawr yma, mae angen corff y dudalen we.
Corff caeedig.
Ac yna i mewn yma, helo byd.
Iawn.
Felly rydym wedi ysgrifennu tudalen gwe super gyflym.
Rydw i'n mynd i gadw fel hello.html ar fy n ben-desg.
Fy Mac yn mynd i gwyno, feddwl bod, arhoswch funud,
mae hon yn ffeil destun, ei wneud yr ydych am ei alw Txt?
Ond na, yr wyf am ei ddefnyddio dot HTML.
>> Ac yna beth braf pe bawn jyst clicio ddwywaith y ffeil,
hello.html, dyma fy dudalen we.
Yn anffodus, yr wyf yn y unig berson yn y byd
sy'n gallu ymweld â'r dudalen hon ar hyn o bryd.
Oherwydd ble mae'n byw yn ôl pob golwg?
Mae'n ar fy Mac, dde?
Pa yn ddiwerth.
Fel nad oes neb yn yr ystafell hon heb sôn ar y rhyngrwyd
Gall mewn gwirionedd yn ymweld y dudalen honno.
Felly heddiw, mae angen i ni cyflwyno elfen arall.
>> Ac i wneud hyn, dwi'n mynd i mynd yn ei flaen ac yn agor i fyny cwmwl 9.
Felly cwmwl 9 wrth gwrs yn cloud service-- seiliedig CS50
IDE-- Mae hynny wedi ein holl gweithfannau rhedeg rhywle ar y we.
Ac mae hynny'n golygu bod pob un o'n ffeiliau yn hygyrch i'r cyhoedd yn barod.
Felly gadewch i ni fynd yn ei flaen ac yn gwneud hyn.
Rydw i'n mynd i fynd yn ei flaen a creu ffeil newydd NCS50IDE.
Rydw i'n mynd i gadw fel o'r blaen fel hello.html a chliciwch arbed.
Ac yn awr yn unig i arbed amser, rwy'n mynd i fynd yn ei flaen a chopïo gludwch y cod hwn
yn hytrach na Ail-deipiwch hynny.
A'i gadw.
Ac felly nawr mae gen i ffeil o'r enw hello.html.
Ond sut mae gwneud mewn gwirionedd agor fel tudalen ar y we?
Wel, mae'n troi allan y cynnwys yn CS50 Nid yw IDE yn unig casglwr fel chlang
a debugger fel GDB a tusw o raglenni eraill,
mae mewn gwirionedd yn fledged llawn gweinydd gwe yn rhedeg o fewn CS50 IDE.
>> Mae pob un ohonoch, hynny yw, cael eich gweinyddwr gwe eu hunain.
A gweinydd gwe yn unig yw darn o feddalwedd y mae ei bwrpas mewn bywyd
yw gwasanaethu i fyny tudalennau gwe.
I wrando am geisiadau gan borwyr a ymateb gydag ychydig amlenni rhithwir
tu mewn sef y cynnwys fy mod i wedi ysgrifennu.
Felly, mae hyn gweinydd gwe yn ffynhonnell mewn gwirionedd yn rhad ac am ddim ac yn agored.
Lle ffynhonnell agored yn unig yn golygu meddalwedd y mae rhywun arall wedi
ysgrifenedig bod pob un ohonom yn gallu mewn gwirionedd yn gweld a llwytho i lawr a hyd yn oed
newid y cod ffynhonnell.
Ac fe'i gelwir Apache.
>> Ac rydym wedi ei gwneud yn ychydig yn haws i defnyddio yn CS50IDE drwy ffonio ei Apache 50.
Fel ei bod yn gallu mewn gwirionedd deall y canlynol.
Rydw i'n mynd i ddweud Apache 50 cychwyn.
Ac yna Im 'jyst yn mynd i ddweud dot.
Ac rydym yn gweld rhai braidd Neges dirgel yn dweud
gosod Apache ddogfen [? grŵp?] i'r cartref, ubuntu, beth bynnag hynny yw,
slaes lle gwaith.
Dechrau gweinydd gwe Apache 2 yn llwyddiannus.
>> Felly stori hir yn fyr, yr wyf yn newydd gwthio botwm
ac yn troi ar weinydd gwe pwy sydd bellach gwrando ar y rhyngrwyd ar TCP porthladd
80 mewn cyfeiriad penodol.
Ac mae'n dweud yma, ac bydd hyn yn newid yn seiliedig
ar eich enw defnyddiwr a ffactorau eraill, ond yn sylwi nawr os ydw i'n clicio hyn,
IDE50 dot jharvard ac yn y blaen ac felly, yn sylwi bod yr holl amser hwn
am y gorffennol nifer o wythnosau, efallai y bydd gennych
sylwi bod eich enw defnyddiwr eich hun wedi'i wreiddio yn y dde uchaf
cornel CS50IDE.
>> Ac mae hyn sydd mewn gwirionedd wedi bod i gyd amser y cyfeiriad lle y gallwch
ymweld â phob un o'ch ffeiliau ar y we.
Hyd yn hyn, nid yw wedi yn bwysig, oherwydd yn C, yr ydych yn gyffredinol
am i bethau redeg mewn terfynell, nid ar y we.
Ond heddiw, rydym yn dechrau ysgrifennu cod ar y we
ein bod yn dymuno hygyrch URLs cyhoeddus.
Felly, yr hyn yr wyf i'n mynd i ei wneud yw clicio URL hwn.
>> Ac yn sylwi fy mod yn gweld yn deg mynegai hyll, cyfeiriadur rhestru,
ond yr hyn file neidio allan ar chi yn ôl pob tebyg?
Hello.html.
Mae hynny oherwydd fy mod achub y ffeil yn fy lle gwaith.
A hyn yr wyf wedi dweud wrth y Apache gwe gweinyddwr yn edrych yn y cyfeiriadur lle gwaith Dewi.
Ac yn gadael i unrhyw un yn y byd yn gweld y ffeiliau hynny.
>> Ac yn wir, os wyf yn awr cliciwch ar hello.html,
Rwy'n gweld o fewn y tab hwn yn union y ffeil.
Nawr yn sylwi, cwmwl thrwy hynny yn 9 oed rhywbeth ychydig yn ddefnyddiol i ni.
O fewn y IDE CS50, yn sylwi mae yn sydyn bar cyfeiriad.
Mae hyn oherwydd hyd yn oed er ein bod gan ddefnyddio Chrome i ymweld â CS50IDE,
tu mewn CS50IDE yw ei ben ei hun fersiwn o'r porwr gwe ar hyn o bryd.
Ac felly yn hytrach na cymhlethu pethau fel y cyfryw,
Rydw i'n mynd i fynd yn ei flaen a jyst adysgrifia URL hwn.
Rydw i'n mynd i fynd yn ei flaen a dim ond agor fy ffenestr Chrome hun.
Felly does dim hud yma, dim CS50IDE.
Im 'jyst yn mynd i bastio llythrennol fy J Harvard URL a daro Chofnoda.
Ac yn voila, yn awr yr wyf, a mewn theori, mae pawb
ar y rhyngrwyd, os ydw i wedi ffurfweddu caniatâd yn briodol,
Gall ymweld â'r ffeil.
Ac felly yn awr, os wyf yn dweud hello.html, voila, mae
yw fy dudalen we hynod underwhelming.
Felly, gadewch i ni wneud gwiriad bwyll cyflym.
Oherwydd hynny i gyd yn gosod cysyniadol i fyny.
Ac mae gennym mewn gwirionedd ddim wir ddysgu i chi sut i ysgrifennu HTML fel y cyfryw.
Unrhyw gwestiynau hyd yn hyn ar yr hyn sy'n digwydd yn unig?
Ydw.
A yw CS50 yn berchen ar y tudalennau gwe hyn?
Ym mha ystyr?
Cwestiwn da.
Felly CS50 yn berchen ar CS50.io.
Rydym wedi wir yn prynu enw parth.
A thrwy natur ohonoch guys logio mewn i CS50IDE,
chi i gyd yn cael yr hyn a elwir yn is-barth.
>> Felly IDE50-Malan, neu IDE50-Rob.CS50.io, dyna eich gyfeiriad unigryw o fewn
ein henw parth.
Felly, at ddibenion y cwrs, eich bod wedi eich gyfeiriad unigryw ei hun.
Ond rydym wedi symleiddio pethau gan prynu'r parth lefel uchaf, CS50 dot
I / O ac yna pawb arall yn y tu mewn o hynny, fel petai.
A byddwn yn dod yn ôl at hynny mewn cwpl o wythnosau yn ôl pob tebyg,
yn enwedig yn y prosiect terfynol amser, pan fydd rhai ohonoch
Efallai am gael eich enwau parth eich hun.
Mae'n mewn gwirionedd yn gymharol syml.
Iawn.
Felly, gadewch i ni yn awr yn gwneud hyn.
Rydw i'n mynd i fynd yn ôl i mewn i CS50IDE, lle mae fy ffeil ar hyn o bryd,
hello.html, nid yw'r cyfan sydd yn ddiddorol.
Hoffwn i wneud rhywbeth ychydig yn brafiach na hynny.
Felly, yr wyf i'n mynd i wneud rhywbeth fel hyn.
Gadewch i mi paragraphs.html agored.
Felly, mae hyn yn ffeil yr ysgrifennais ymlaen llaw.
Ar ben hynny, fel bob amser, mae gennym sylwadau.
Ond yn HTML, sylwadau edrych ychydig yn wahanol.
Ar-lein tri a llinell 14, yr ydych gweld y cystrawen ar gyfer cychwyn sylw
ac yn y pen sylw.
>> Ond nid yw'r un o'r pethau mewn rhwng y materion swyddogaethol.
Dim ond nodyn i dynol beth sy'n digwydd fan hyn.
Ac yn union fel bwyll cyflym gwirio, os wyf yn sgroliwch i lawr,
beth yw'r newydd amlwg tag ein bod wedi cyflwyno?
Mae'r tagiau hyd yn hyn rydym wedi gweld ar agor HTML braced, pen, teitl, a chorff.
Ond yr hyn sy'n amlwg yn newydd nawr?
>> Yeah, felly t.
Mae'r tag p neu baragraff tag.
Ac yna Fi jyst benthyg rhywfaint diofyn Testun Lladin yn gyfystyr fy paragraffau.
Oherwydd yr hyn roeddwn i eisiau dangos sut rydych efallai
cynrychioli baragraffau o destun mewn HTML.
Ac felly beth sy'n dechrau digwydd yma yw bod yna eisoes
patrwm sy'n datblygu.
A gadewch i mi fynd yn ei flaen ac yn gwneud hyn.
Gadewch i mi droi yn gyntaf off Apache.
Ac yr wyf i'n mynd i ddweud iddo ddechrau ei hun eto y tu mewn o ffynhonnell heddiw saith
cyfeiriadur m.
Felly, yr wyf yn cael mynediad at bopeth.
>> Ac yn awr, os wyf yn mynd yn ôl i cyfeiriadur hwn rhestru,
sylwi fy mod yn gweld pob ffeil o heddiw ymlaen.
A byddwch yn gweld yn y set broblem nesaf, rydym yn chi helpu
rhoi cyfarwyddiadau i chi ar gyfer gwneud yn union hynny.
Os byddaf yn agor paragraphs.html, gallai hyn yn ogystal edrych fel iaith raglennu
i chi os nad ydych yn siarad neu ddarllen Ladin.
Ond mae hyn yn dim ond tri paragraffau o destun sydd wedi'u marcio i fyny yn HTML.
>> Ac yn sylwi ar y paragraff seibiannau rhyngddynt.
Oherwydd ei fod yn troi allan, a hyd yn oed er eich bod
allai fod yn tueddu i wneud hyn, tra yn y byd go iawn,
os ydych am roi llinell seibiannau rhwng pethau,
efallai y byddwch yn syml gwneud hyn a tharo Save.
Ac yn awr, os wyf ail-lwytho fan hyn, rhybudd bod popeth yn unig cymylu ei gilydd
mewn dim ond un blob o destun.
Oherwydd bod HTML yn fath o iaith fud.
>> Mae'n i fod i gael ei ddefnyddio yn y cyfryw ffordd y bydd y porwr yn unig
gwneud yn glir yr hyn yr ydych yn dweud iddo wneud.
Felly, os nad ydych yn dweud ei fod rhoi paragraff newydd i mi,
nad ydych yn mynd i weld paragraff newydd.
Ac yn wir, yr hyn y mae'r porwr yn mynd i wneud
hyd yn oed os byddwch yn taro Mewnbynnu, gadewch i ni ddweud dro ar ôl tro
ac unwaith eto, gan symud y modd hwn y testun i lawr ar y sgrin, ac yna arbed
ac yna ail-lwytho, mae'r porwr yn mynd i ddymchwel hynny i gyd ofod gwyn
i mewn dim ond gofod sengl, gweladwy.
Iawn.
Felly dyna y paragraff tag.
Ac felly beth yw'r patrwm sy'n datblygu yma?
Wel, mae'n ymddangos i fod yn wir bod HTML yn ymwneud â dechrau tag
ac yn dod i ben tag.
A beth yw tag?
Wel, 'i' jyst darn o gystrawennau.
Braced Agored, gair allweddol, braced ar gau, yn tag.
Neu ddechrau tag.
Ac yna pan fyddwch chi'n wneud mynegi eich hun,
fel yn yr ydych chi'n ei wneud â'r paragraff, rydych yn gwneud hynny i siarad gyferbyn.
Ond nid y gwrthwyneb yn hollol yn ôl.
>> Rydych yn syml o flaen yr un tag yn enwi gyda slaes fel hyn.
Iawn.
Felly nid bob un sy'n gyffrous.
Ac yn wir, nid ydym yn gwneud y gwe bob un sy'n fwy diddorol.
Beth os wyf am wneud pethau mwy a beiddgar?
Felly, mae'n troi allan bod dyma enghraifft yn headings.html, lle yn fy nghorff,
Mae gen tag H1, H2, H3, pedwar, pump, neu chwech, pob un ohonynt
yn ymddangos yn eithaf arcane.
Ond os af agor y enghraifft, gadewch i ni edrych.
Headings.html.
>> Felly gall porwyr yn ddiofyn yn rhoi i chi anfon neges destun mae hynny'n fawr a beiddgar o feintiau gwahanol.
H1 yn fawr.
H6 yn llai ac yna popeth arall yn y canol.
Felly dyna ddiddorol ond yn dal ddim wir y we rwy'n gwybod.
Beth os ydym am gen i rhywbeth fel rhestr. .
Felly dyma rhestr bwledi o tri o dai Harvard.
>> Sut aethoch chi ati i wneud hyn?
Wel, cymerwch olwg ar list.html.
Ac yma, gwelwn ychydig bach o funkiness
ond gadewch i ni ystyried yr hyn sy'n digwydd.
Felly seiliedig ar yr hyn yr ydych yn unig wedi gweld, UL yn sefyll am y rhestr di-drefn.
Rhestr heb drefn yn unig yn golygu bwledi.
Does dim rhifau.
Mae hefyd yn rhywbeth a elwir yn rhestr, sy'n OL yn tag harchebu.
Yna LI, rhestr eitem i gyd mae'n ei olygu.
>> Ac felly y awtomatig rhifau popeth i chi.
Ond unwaith eto, fy holl mewnoliad a gofod gwyn yn unig er fy mwyn.
Nid yw'r porwr yn mewn gwirionedd yn mynd i ofal.
Felly hyd yn oed er nad gallech gwneud hyn, dim ond i fod yn glir,
ni ddylech hyd yn oed er y porwr, bydd yn dal i
yn gallu deall ei fod jyst ddirwya.
Im 'yn taro ail-lwytho yn fy porwr, Im 'yn clicio ail-lwytho
ac nid oes unrhyw newid yn digwydd oherwydd bod y porwr yn dal
gwneud yn union yr hyn yr wyf yn dweud iddo wneud.
>> Iawn.
Felly, mae hyn yn i gyd yn unig testun.
Nawr, gadewch i ni wneud rhywbeth mwy diddorol.
Rydw i'n mynd i fynd yn ei flaen a benthyg rhywfaint o'r HTML hwn.
Rydw i'n mynd i fynd yn ei flaen a creu ffeil newydd yma.
Ac fe rown alwad rick.html hwn.
Rydym wedi anghymesur defnyddio rhywbeth
Gelwir rholyn rick yn hyn dosbarth y flwyddyn hon, nid wyf yn gwybod,
'i jyst yn digwydd yn organig.
>> Ac yn awr ei fod yn mynd allan o reolaeth.
Felly, Im 'jyst yn mynd i fynd â hi.
Ac os af i Google Delweddau a Rick Astley.
Os nad ydych yn gwybod pam yr ydym yn ei wneud hyn, dim ond darllen am Wicipedia.
Bob tro y byddwch wedi clicio ar y ddolen, rhywun sydd wedi bod yn chwerthin yn rhywle.
A gadewch i mi fynd yno ahead-- rydym yn mynd, gadewch i ni weld y ddelwedd hon.
>> Felly dyma ni gael image mewn Google Delweddau.
A gadewch i ni dybio bod hyn yn yn rhesymol ym mhob man ar y rhyngrwyd.
Felly, yr wyf i'n mynd i gymryd yn ganiataol ei fod yn iawn i mi i roi hyn mewn gwirionedd i mewn i fy tudalen ar y we.
Rydw i'n mynd i fynd yn ei flaen a chopïo delwedd URL.
Ac yn awr os byddaf yn mynd yn ôl i Cloud 9, gadewch i ni weld beth y gallaf ei wneud yma.
Felly dyma dim ond dudalen we yn.
Mae hyn yn Rick Astley, haha, Rydw i'n mynd i fynd yn ôl yn awr
at fy porwr, ail-lwytho, ac yn ddiddorol.
>> Ble mae Rick?
Felly gadewch i mi weld beth sydd wedi digwydd.
A dweud y gwir, dw i'n mynd i esgus fel doeddwn i ddim yn gwneud hynny.
[Anghlywadwy] ei roi yn fan hyn.
Byddwn yn dod yn ôl at hynny mewn munud.
Felly dyma rick.html.
Felly nid yw hynny'n Rick Astley.
Felly, mae'n troi allan y gallwn mewn gwirionedd ychwanegwch ef i mewn yma.
Mae hyn yn Rick Astley.
Dw i'n mynd i ddweud roi delwedd y mae ei fi ffynhonnell yw'r URL Fi jyst copïo, a oedd yn
yn ôl pob golwg yn hapus rhywbeth pen-blwydd neu eraill.
>> Ac yn awr rwy'n mynd i cau'r tag fel hyn.
Felly, mae hyn yn lapio super hir.
Ond yn sylwi bod yr holl rwyf wedi wneud yw image braced agored,
ffynhonnell gyda priodoledd o hyn.
Ac mae'n URL 'n sylweddol hir.
Ac ar ddiwedd iawn, sylwi ar hyn.
Slaes Pam wyf wedi gwneud braced onglog yn lle, fel pob tag arall,
cael braced agored, IMG, ar gau braced?
Dim ond yn cymryd dyfalu hyd yn oed os ydych yn yn cael unrhyw gyfarwydd o gwbl
gyda HTML o'r blaen.
>> Felly mae'n sut y mae'n dod i ben y gorchymyn, ond pam
mae'n ddim wir yn gwneud sythweledol synnwyr i wneud rhywbeth ychydig yn fwy
amleiriog fel delwedd agos?
Yeah.
Dim ond semantig, does dim synnwyr o gan ddechrau delwedd ac yn gorffen delwedd,
'i' naill ai yno ai peidio yw'n.
Felly, nid yw'n gwneud synnwyr i adael bwlch am unrhyw beth arall y tu mewn o ddelwedd.
Rydych yn methu gwneud hynny.
Ac felly y gystrawen Byddai yn gyffredinol fod yr un
i wneud y slaes y tu mewn y tag agored neu y tag cychwyn
ac yna daro Save.
>> Felly os wyf yn awr yn ail-lwytho y ffeil, erbyn hyn Mae gen i ar y we dudalen coginio da yma.
Ac gallem yn sicr 'n sylweddol cythruddo pobl
drwy ymgorffori yn lle hynny fel dolen YouTube.
Ac yn wir, unrhyw adeg chi erioed wedi mynd i YouTube,
a gadewch i mi mewn gwirionedd yn ddamweiniol rick rholio fy hun yma.
Felly Rick gofrestr.
Felly rick roll-- Rydw i'n mynd i fynd yma.
>> [CHWARAE CERDDORIAETH]
>> OK, un person yn hoffi hynny.
Felly, yn sylwi holl amser hwn, os ydych yn cliciwch ar y ddolen Share, byddwch wrth gwrs
cael y URL y gallwch mewn gwirionedd ymgorffori mewn e-bost neu delwedd fforensig
neu mewn problem a osodwyd neu mewn sleidiau.
Ac yn awr, os wyf yn lle hynny cliciwch ar ymgorffori, sylwi bod yr holl amser hwn, pethau hyn
wedi bod yno.
Rydw i'n mynd i fynd yn ei flaen a chopi hyn.
>> A dim ond er mwyn i ni ei weld yn well, dwi'n mynd i bastio i mewn i fy golygydd testun.
Sylwch fod hyn yn beth YouTube wedi bod yn dweud wrthych.
Bob tro y byddwch yn ymweld â YouTube fideo, os ydych yn
awyddus i ymgorffori'r fideo ar eich tudalen ar y we, yn syml chrafangia hyn.
Felly mae hyn yn arall eto HTML tag a elwir yn iframe.
Neu mewn ffrâm llinell.
Felly mae'n rhy yn edrych ychydig yn fwy cymhleth na'r lleill i gyd.
Felly, mae'n ymddangos bod y ddelwedd tag ac i bob golwg y tag iframe
cymryd yr hyn a elwir yn briodoleddau.
>> Ac mae hyn yn un arall darn o gystrawen yn HTML.
Yn ychwanegol at y tag yn enw, agored enw tag braced,
gallwch reoli ymddygiad y tag drwy gael criw cyfan o priodoledd
yn dychwelyd gwerth.
Priodoledd yn dychwelyd gwerth.
Ac felly, er enghraifft, YouTube yn ei ddweud wrthym
os ydych am lled fideo hwn i fod yn 420 picsel ac uchder
i fod yn 315 picsel, dyna sut yr ydych yn ei fynegi mewn HTML.
>> Ffynhonnell y fideo yn mynd yw bod YouTube URL hir
ac yna rhai pethau eraill fel border ffrâm yn sero,
fel bod yn ôl pob tebyg yn golygu mae dim border o gwmpas y peth.
Caniatáu sgrin lawn yn ôl pob tebyg yn golygu bod y defnyddiwr
Gall glicio botwm ac mewn gwirionedd sgrin lawn y fideo.
Felly os wyf wir eisiau bod yn drawiadol yma yn Rick dot HTML,
yn hytrach na defnyddio'r ddelwedd tag, gadewch mi dileu hynny, yn hytrach na bastio hyn.
Ac yn ail-lwytho yn awr.
Ac yn awr dyma ni unwaith eto.
Mae pob hawl, mae hynny'n ddigon.
Mae pob hawl, felly byddaf yn ceisio galed i beidio â gwneud hynny eto.
Felly beth yw rhai o'r siopau cludfwyd yma?
Felly HTML, yn hyll fel tudalennau gwe yma yn, mewn gwirionedd yn eithaf syml.
Dyw hi ddim yn iaith raglennu.
Nid oes ganddo swyddogaethau.
Nid oes ganddo ddolenni.
Nid oes ganddo amodau.
Mae'r holl mae wedi ei dwsinau o gwahanol tagiau, pob un ohonynt
Mae sero neu fwy o nodweddion.
Ac yn wir, yr hyn sy'n hwyl am HTML wrth i chi ddechrau blymio i mewn
yw ei fod yn hunan-teachable iawn.
>> Mae'r holl mae'n ei gymryd yn deall y fframwaith cyffredinol o HTML.
Beth yw tag, beth yw nodwedd, sut ydych chi mewn gwirionedd ffurfweddu tudalen ar y we
fel a ganlyn.
A phopeth arall sydd mewn gwirionedd yn y canlyniad o edrych i fyny mewn geirda ar-lein
neu googling sut i wneud ychydig o techneg neu fel yr ydym wedi gweld,
gan edrych ar y ffynhonnell Facebook cod, gan edrych ar wefan
bod chi'n hoffi ar ei cod ffynhonnell a deall sut y datblygwyr yno
mewn gwirionedd yn gosod pethau allan.
>> Felly, gallwn ni ei wneud delweddau yn ogystal.
Ac yn wir, yr ydym yn gwneud hynny funud yn ôl.
Gadewch i mi fynd yn ei flaen a dim ond yn dangos i chi.
Dyma rai cod enghreifftiol.
Os ydych chi erioed wedi eisiau gweld cath blin.
Felly sylwi bod gallaf cael tag delwedd yma.
Ac mae gen i sylw uwch ei ben.
Mae gen i ddewis arall destun ar gyfer hygyrchedd.
Felly rhywun sy'n defnyddio sgrîn darllenydd am resymau golwg
Gall mewn gwirionedd wedyn yn cael eu darllenydd sgrîn yn dweud cath flin.
Oherwydd os nad ydynt yn gallu gweld y llun, maent yn
Gall o leiaf yn cael eu cyfrifiadur dywedwch wrthynt ar lafar beth ydyw.
A ffynhonnell y ffeil yn cat.jpeg.
Felly, mewn gwirionedd, os wyf wir eisiau cael glyfar, yr hyn y gallwn i gael done--
Nid wyf yn addo i fynd i'r Rick Astley, felly Rydw i'n mynd i google am gath yn lle hynny.
Ac os af i Google Images yma, a byddwn yn cymryd yn ganiataol
bod hwn yn llun o fy gath.
>> Tybiwch fod gen i reolaeth glicio neu i'r dde clicio ar hyn, yn ddamweiniol
creepy.
Ac cat.jpeg Rydw i'n mynd i arbed ar fy n ben-desg.
Gadewch i mi yn awr yn mynd yn ôl i'r cwmwl 9.
Hysbysiad bod yma, gallaf ewch i lwytho ffeiliau lleol.
Ac os wyf yn chrafangia hon ffeil, cat.jpeg, rhybudd
y gallaf lusgo a gollwng i mewn cwmwl 9
ac mae'n mynd i gweiddi arna i yma.
>> Oherwydd ein bod i wedi eisoes Rhoddir ffeil cat.jpeg chi,
ond mae'n super hawdd fachu llun yr ydych wedi
a gymerwyd o Facebook neu Flickr neu debyg
ac mewn gwirionedd yn llusgo a gollwng ei i mewn i gwmwl 9 ac yna yn ei gwneud yn
rhan o'ch personol eich hun gwefan neu broblem
pennu saith neu wyth gan y byddwn cyn hir yn gweld.
Ac yna pan fyddwch yn yn olaf yn ymweld y gath,
gan dybio Fi downloaded yr un gath, rhybudd that-- a oedd yn annwyl.
>> Beth fyddech chi'n ei weld yw rhywbeth fel hyn yn eu hwynebu yma.
Felly y ffeiliau a chi cyfeiriad o fewn tudalen we
Gall fod naill ai'n lleol yn eich hun cyfrif neu anghysbell ar rai gweinydd arall
fel yn achos y Rick Photo Astley ychydig yn ôl.
Felly, ble else-- beth arall allwn ni ei wneud yma?
Felly, gadewch i ni edrych ar y canlynol.
Rydych yn gwybod beth sy'n fath o oer?
>> Hyd yn hyn rydym wedi bod yn gwneud tudalennau gwe statig iawn.
Rwyf am i sbeis i fyny pethau fel a ganlyn.
Rwyf am wneud fy peiriant chwilio hun.
Felly, er mwyn gwneud peiriant chwilio, gadewch i ni mynd yn ei flaen ac yn dechrau gwneud hyn.
Rydw i'n mynd i fynd yn ei flaen ac yn creu ffeil newydd o'r enw search.html.
Ac rydym wedi prefabed fersiynau ar-lein.
Wps.
Peidiwch â bastio i mewn i'ch ffenestr terfynell.
Fersiynau ar Parod ar-lein.
Ac yr wyf i'n mynd i ddechrau fel a ganlyn.
Felly dyma ddechrau ffeil o'r enw search.html.
Rydw i'n mynd i gadw mewn cyfeiriadur ffynhonnell heddiw.
Rydw i'n mynd i alw Chwilio hwn.
Mewn gwirionedd, byddwn yn gwneud yn well.
CS50 Chwilio ac mewn gwirionedd brand arno.
Ac yn awr, yr wyf i'n mynd i ddweud rhywbeth fel H1 CS50 Chwilio.
Ac yna i lawr yma, H2 yn dod yn fuan.
A dim ond i ailadrodd, H1 a H2 golygu yr hyn y drefn honno?
>> Yeah, mor fawr ac yn feiddgar, ac Nid yw mor fawr, ond yn dal beiddgar.
Felly, os wyf yn achub hon ac ewch dros yma, gadewch i ni weld y search.html ffeil.
Mae pob hawl, ac mae hyn yn un yn right-- [Anghlywadwy].
Yn sefyll yn ôl.
Mae David yn ddryslyd.
O, mae'n iawn yno.
David 'an idiot.
IAWN.
Felly dyna ydyw.
Felly Chwilio CS50 yn dod yn fuan.
Felly nawr, gadewch i syntheseiddio hyn a wnaethom yr wythnos diwethaf.
>> Pan fyddwn yn siarad am y mecaneg lefel is o HTTP.
Ac mae'r rhain syniadau newydd o HTML, sydd ychydig
yr iaith marcio lle rydych dywedwch porwr yn union beth i'w wneud
a gweithredu ein peiriant chwilio hunain.
Felly, yn lle unig gan ddweud yn dod yn fuan, dwi'n
mynd i gyflwyno rywbeth o'r enw ffurflen tag.
Ac yn y ffurflen hon, yr wyf i'n mynd i cael rhywbeth fel cae mewnbwn.
>> Ac enw mewnbwn hwn maes, dw i'n mynd i alw C.
A'r math o y maes mewnbwn Rydw i'n mynd i ddweud yn unig yw "testun".
A chae testun, gan ein bod chi helpu gweld, yn unig yw blwch testun.
Ac felly nid yw'n synnwyr yma i gael unrhyw beth tu mewn iddo yn y fan hon.
Ac felly rwy'n dim ond yn mynd i gau'r tag â hynny
blaenslaes iawn yn y tag ei ​​hun.
Ac yna dwi'n mynd i gael un mewnbwn arall.
Math Mewnbwn hafal cyflwyno.
Ac yna dwi'n mynd i cau'r yr un yma hefyd.
>> Ac yn awr rwy'n mynd i fynd yn ôl yma.
Ac eisoes rydym yn gweld, er yn eithaf hyll, rwyf wedi
cael y dechreuad fy nhudalen chwilio hunain yma.
Yn wir, gadewch i mi geisio glanhau hyn i fyny ychydig bach.
Mae'n ymddangos bod ar y mewnbwn yma, gallaf gael
priodoledd arall o'r enw dalfan.
Ac efallai y byddwn yn gweld rhywbeth fel keywords, neu yn fwy penodol, holi am q.
>> Ac yn sylwi, yn awr, yr wyf wedi y math hwn o destun llwyd
sy'n diflannu fel gynted ag y byddaf yn dechrau teipio,
ond mae'n fwy na thebyg yn rhywbeth eich bod wedi gweld yn y tudalennau gwe eraill.
Dwi ddim yn hoffi y botwm Anfon.
Felly dw i'n wir yn mynd i roi'r Botwm Anfon gwerth o chwilio.
Ac yn awr, os wyf yn ail-lwytho, yn sylwi bod fy botwm yn dod yn chwilio enwir.
Rydych yn gwybod, nid wyf yn ei wneud mewn gwirionedd fel y logo yma.
Felly generadur Google Font.
>> Rwyf am i sbeis hyn i fyny ymhellach.
Chwilio Felly CS50.
Gadewch i mi greu fy logo hun.
Mae hynny'n edrych yn neis.
Felly nawr gadewch i mi achub y as-- dod ymlaen.
I ble mae'n mynd?
Yno.
IAWN.
Wedi colli ei.
Cadw fel.
Porwyr dwp.
Sefyll yn ôl, rydym yn mynd i atgyweiria hon unwaith ac am byth.
Dyna ni.
Iawn.
Mae'n ddrwg gennym.
Diwrnod i ffwrdd.
Yn awr mae hyn yn ffynci.
Gadewch sgrin lawn.
Iawn.
>> Yn awr, fel normal person, ac eithrio fel y ddelwedd.
Logo.gif.
Nawr rydw i'n mynd i fynd i mewn i CS50IDE a Rydw i'n mynd i wneud dim ond chrafangia 'r logo,
Rydw i'n mynd i lusgo i mewn fy ffynhonnell saith cyfeiriadur,
ffeil yn bodoli eisoes, yr wyf i'n iawn â hynny.
Felly, yr wyf i'n mynd i droi'r fantol yn ei oherwydd yr wyf eisoes wedi cael ei.
Ac yn awr sut ydw i'n cael gwared ar hyn?
>> Gadewch i ni fynd yn ei flaen yma ac yn gwneud ffynhonnell ddelwedd yn dychwelyd logo.gif.
Cau'r hyn.
Arbed.
Ac yn awr os byddaf yn mynd yn ôl at fy chwiliad tudalen, yn awr ei fod yn edrych yn eithaf da.
Mae pob hawl, felly nid oes ganddo eithaf gwneud unrhyw beth defnyddiol.
Yn wir, gadewch i mi rhowch gynnig ar chwilio am gath a gweld beth sy'n digwydd.
Cats.
Damn hi.
Nid yw'n unig yn gweithio, mae'n debyg.
Felly beth yw'r darn allweddol sydd ar goll yma?
>> Iawn, hyd yn oed os nad ydych yn gwybod unrhyw HTML, Rydw i wedi dechrau marcio i fyny y ffurflen ffôn
ac rwyf wedi dweud ei fod sut i gael mewnbwn, rhoi blwch testun i mi ac yn cyflwyno botwm,
pa darn yn cael pob golwg ar goll?
Tybiwch ein bod am gael mewn gwirionedd y peth hyn yn gweithio yn gywir.
Yr hyn sydd angen i ni ei wneud?
Mae gennym angen i weithredu'r ben yn ôl cronfa ddata neu y peiriant chwilio hun,
a hynny'n mynd i gymryd llawer gyfan o amser, a dweud y gwir.
>> Felly cofiwch hyn a wnaethom tro diwethaf.
Felly, os ydych yn chwilio am rywbeth ar Google ac yr ydych wedi ymlaen llaw diffodd,
galw i gof, chwilio amrantiad.
Felly gadewch i mi droi hynny off fel bod hyn mewn gwirionedd
ymddwyn fel porwr ysgol hŷn, os wyf yn awr yn chwilio am rywbeth fel cathod,
galw i gof yr hyn yr URL yn edrych fel.
Mae'n eithaf cryptig.
Ond hymgorffori i mewn 'na, galw i gof, yn chwilio slaes.
Marc cwestiwn q hafal cathod.
>> A byddai hynny'n ymddangos i roi i mi criw cyfan o canlyniadau chwilio.
Felly, rydych yn gwybod beth rwy'n mynd i'w wneud?
Rydw i'n mynd i fenthyg Google am ychydig funud.
Rydw i'n mynd i fynd dros yma ac yr wyf i'n mynd i ddweud
bod hyn yn ffurfio gweithred neu cyrchfan, fel petai,
Dylai fod yn llythrennol Google.
A'r dull roeddwn i eisiau i ddefnydd yn mynd i fod gael.
>> Felly beth yw gweithredu?
Gweithredu cael ei enwi weirdly, ond mae hynny'n ei olygu yw
pwy sy'n mynd i drin y camau y ffurflen hon?
Pan fyddaf yn clicio Chwilio, lle dylai'r canlyniad fynd?
Ac os wyf yn awr yn mynd yn ôl i fy ffurflen yma ac ail-lwytho fy tudalen ar y we
ac yn awr yn chwilio am rywbeth fel ci, yn sylwi nawr
Rwyf wedi ail gweithredu Google.
Iawn?
>> Os ydw i am chwilio am rywbeth arall, mae'n gweithio ar gyfer nid yn unig cŵn,
mae hefyd yn gweithio ar gyfer cathod.
Mae hefyd yn gweithio i CS50.
Ac OK, mae hyn yn unig dan whelming, ynte?
Mae pob hawl, ond mae'n gweithio mewn gwirionedd.
Felly, beth sydd mewn gwirionedd wedi bod yn digwydd?
Felly, yr wyf wedi dysgu fy porwr, gan ddefnyddio HTML, i gymryd mewnbwn gan y defnyddiwr
ac mewn gwirionedd yn anfon y mewnbwn i weinydd anghysbell gan ddefnyddio HTTP.
>> Ac oherwydd fy porwr deall HTTP, mewn gwirionedd mae'n
adeiladu'r URL fel bod yr hyn Yr wyf yn y diwedd drosodd yn fy porwr,
sylwi ar beth sy'n digwydd pan fyddaf yn chwilio am gi.
Os byddaf yn cliciwch Search, yn sylwi bod yr URL yn newid wrth i mi fwriadu
i google.com/search ymholiad hafal ci.
A dyna oherwydd bod y ffurflen yn gwybod, oherwydd bod y dull yn cael,
yn syml atodi iddo i'r URL yno.
>> Yn awr, tudalennau gwe hyn yn dal i fod yn hyll.
Felly gadewch i ni gyflwyno un arall darn o cystrawen os gallwn heddiw.
Ac mae hyn yn rhywbeth hysbys fel taflenni arddull rhaeadrol.
Felly gadewch i mi gymryd edrych ar yr enghraifft hon yma ac yn gweld
os gallwn gasglu beth sy'n mynd ymlaen.
Mae hyn yn CSS0.html.
A dyma lle pethau cael ychydig yn hyll.
Oherwydd yn anffodus, ym myd y we,
HTML ben ei hun ni all wneud popeth.
Ac felly os ydych chi am stylize eich tudalen ar y we,
mewn gwirionedd mae angen i chi ganolbwyntio ar y estheteg mewn ffordd wahanol.
Felly dyma, mae gennyf gorff fy gwe tudalen tu mewn sydd yn div mawr.
A div unig yn golygu rhannu.
Felly mae fel paragraff ond mae'n Nid oes gan yr un semanteg
o baragraff o destun.
>> Mae hyn yn unig yn golygu i'r porwr, yma hon
rhanbarth hirsgwar fawr o fy gwe dudalen, yr wyf am i ymdrin â hwy yn arbennig.
Yn awr, llinell 21 yw lle y div yn dechrau.
A dim ond yn cymryd dyfalu.
Beth yw effaith llinell 21 ar y gweddill cynnwys y dudalen?
Canoli ef.
Dyna i gyd.
Felly, nid ydym wedi gweld yn ffordd o mewn gwirionedd ganoli testun.
>> Yn wir, mae fy peiriant chwilio, yn wahanol i'r gwir Google,
Roedd pob gyfiawnhau drosodd i'r chwith.
Ac felly yn awr yn unol 21, i ddim yn dweud, hey porwr, creu adran y dudalen.
Dim ond yn rhoi fawr, petryal anweledig i mi.
Dyna sut yr wyf am meddwl am y dudalen we.
Ac yna stylize fel a ganlyn.
Y tu mewn o ddyfyniadau hynny, yn awr, yn ail iaith
ein bod yn cyflwyno heddiw Gelwir dalennau arddull rhaeadrol.
Diolch byth, mae'n heb fod yn rhy yn iaith raglennu,
felly mae'n gyfyngedig iawn yn ei cystrawen ond hefyd yn gyfyngedig iawn o ran ei ymarferoldeb
tra HTML yn ymwneud marcio i fyny 'r data o dudalen we
a strwythur tudalen ar y we.
CSS yn gyffredinol am y filltir olaf, estheteg,
cael y maint a'r lliw a'r lleoliad union gywir mewn tudalen we.
Ac yn wir, mae'n cael ei ffurfio gyda parau gwerth allweddol.
>> Mae eiddo fel hyn, testun alinio, gan osod colon,
wedi'i ddilyn gan y gwerth y eiddo, sydd yn yr achos hwn yw canolfan.
Ac yn awr yn sylwi chi gall nythu pethau hyn.
Os Roeddwn i eisiau popeth yn y Rwyf wedi tynnu sylw gael ei ganolbwyntio,
dyna pam yr wyf wedi llinell 21 ac y llinell gyfatebol 31.
Ond mae'n debyg yn awr eisiau dweud John Harvard, croeso i fy nhudalen gartref.
>> Symbol hawlfraint John Harvard.
Ac mae'n debyg Rwyf am i'r cyntaf o llinellau hynny i fod yn eithaf mawr.
36 picsel.
Felly dyna faint gweddus.
Ac roeddwn i eisiau ei bwysau i fod yn feiddgar.
Ond yna is na hynny, Rwyf am destun llai.
Ac is na hynny, yr wyf am testun yn hyd yn oed yn llai.
Mae'n ddrwg gennym.
Heddiw teimlo fel diwrnod i ffwrdd.
>> Felly nawr, beth ydw i'n ei wneud i fynegi hyn?
Yma ar linell 22 yn eu hymgorffori div neu div nythu, os mynnwch.
Mae hefyd wedi ei tag arddull ei hun.
Yr wyf yn nodi maint ffont o 36.
Rwyf yn nodi pwysau ffont o beiddgar.
Lawr yma, dim ond yn nodi 24 o picsel.
Ac yn olaf, yn unol 28, yr wyf yn nodi 12.
Felly, dim ond fel gwiriad pwyll cyflym ac fel darlleniad dynol hwn,
pa eiriau ar y sgrin yn mewn gwirionedd yn mynd i fod yn feiddgar?
Pa llinellau ar beiddgar mewn gwirionedd?
>> Dim ond John Harvard.
Iawn?
Gan fod yn union fel llinell 22 yn dweud hey porwr, dyma is-adran y dudalen.
Ei gwneud yn ffont maint 36 pwynt.
Gwnewch y pwysau ffont print trwm.
Cyn gynted ag y byddwch yn cyrraedd y tag pen cyfatebol
neu tag ar gau ar linell 24, hynny modd, hey porwr,
roi'r gorau i wneud beth bynnag yr ydych yn ei wneud.
A rhybudd i fod yn glir, er bod llinell 22 Mae pob un o'r priodoleddau hyn
fel arddull, pan fyddwch yn cau'r tag yn unol 24,
dim ond sôn am enw'r tag yn.
>> Nid ydych yn ailadrodd yr arddull gair neu unrhyw beth sy'n y tu mewn o ddyfyniadau hynny.
Ac felly os wyf yn edrych ar hyn yn awr yn fy porwr, gadewch i ni gymryd
a edrych ar y canlyniad terfynol. Gadewch i mi fynd ymlaen at y ffeil hon, sef CSS 0.
Ac mae'n dal i fod yn eithaf plaen, ond mae cael 'n bert diddorol.
Ond mae'n troi allan yno yn pethau eraill y gallaf ei wneud fan hyn,
ac ar y perygl o wneud mae hyn yn gwbl erchyll,
sylwi yma fod yn fy corff fy tudalen ar y we,
Gallaf wneud rhywbeth doniol fel bg neu liw cefndir.
>> Ac yn gyflym, beth yw eich hoff liw?
Green Clywais.
Iawn.
Felly nawr, os wyf yn taro ail-lwytho yn awr, mae gennym dudalen gwe gwyrdd.
Mae pob hawl, felly nid yw hynny'n ddrwg.
Ac yn awr, os wyf am wneud hyn mewn gwirionedd oer, gallaf wneud y lliw fy testun
hyd yn oed yn goch.
Felly, gadewch i ni weld beth mae hyn yn edrych fel.
Nawr mae'n edrych yn eithaf da.
Ac i lawr fan hyn, os ydych yn wir eisiau chwarae o gwmpas gyda rhywun
neu os ydych am fod yn un o'r bobl hynny sy'n
yn ceisio eich twyllo i ymweld â we dudalen am eu bod wedi twyllo Google
i mewn i feddwl mae criw cyfan o eiriau allweddol like-- gadewch i ni weld, ail-lwytho.
O ble ddaeth y mae'n mynd?
Ac mae yn ein.
Iawn.
Felly, yr wyf yn dweud hyn wrth fynd heibio, yr ydym chi helpu siarad am bethau hyn mewn ychydig wythnosau
pan fyddwn yn sôn am diogelwch, os ydych mewn gwirionedd
tusw cyfan ymgorffori o keywords mewn tudalen we,
hyd yn oed os nad ydynt yn weladwy i dynol, rhywun fel Google, wrth gwrs,
Gall dal mewn gwirionedd yn cael hyn.
Mae pob hawl, felly dyna 'n bert erchyll yn weddol gyflym.
>> Ac yn wir, nid yw'n gyd bod llawer yn wahanol i fy gwe eu hunain
dudalen fel myfyriwr israddedig, a oedd yn Dechreuais googling o gwmpas i ddod o hyd
fersiynau blaenorol o fy hen wefannau.
Yr oedd yn eithaf gwael.
A dweud y gwir, yr wyf yn dod o hyd un ychydig cyn y dosbarth.
Ond mae yn waeth i maes 'na.
Mae hyn yn ôl pob golwg oedd fy dudalen gartref yn ôl yn 1996.
Mae'n debyg fy mod yn meddwl ei fod briodol i ofyn i bobl eu henw
cyn y gallent mewn gwirionedd yn gweld fy tudalen ar y we.
>> Ac yna Dangosais iddynt rhywbeth twp, yn ôl pob tebyg.
'N annhymerus' godi'r mwy ar gyfer y tro nesaf.
Ond am nawr, gadewch i ni ystyried ychydig o ddylunio.
Rydym wedi siarad am steil.
Ac mae hyn yn dudalen hyd yn hyn ac y rhan fwyaf o bopeth yr wyf wedi ysgrifennu
yn eithaf lân arddull.
Ond beth am ddylunio?
Wel, mae llawer o gael eu diswyddo yn yr hyn yr wyf wedi bod yn ei wneud yma.
>> Rwyf wedi crybwyll y gair lliw mewn un neu ddau o leoedd.
Rwyf wedi crybwyll maint y ffont mewn un neu ddau o lleoedd a beiddgar mewn un neu ddau o leoedd.
Ac yn y bôn, dwi'n cyd cymysgu dwy iaith.
Mae gen i HTML gyda fy tagiau a fy priodoleddau ac yna yn sydyn,
rhwng dyfyniadau, yr wyf wedi yr ail iaith heddiw
Gelwir CSS, sydd unwaith eto, yn unig yw hyn parau gwerth allweddol neu eiddo hyn
gwahanu gan colon.
>> Mae'n ymddangos bod llawer fel yn C lle rydym
Gall ddechrau ffactor allan rhywfaint o cod i mewn ffeiliau pennawd,
er mwyn i ni wneud yr un peth mewn HTML.
Ac yn gam tuag at hynny fel a ganlyn.
Sylwch fod y fersiwn hwn, CSS1.html yw Yn strwythurol yr un dudalen we union.
Felly mae gen i criw cyfan o divs, ond y tro hwn, rwyf wedi
gotten gwared ar y deunydd lapio div fel y byddwch yn gweld.
>> Ac yr wyf wedi rhoi rhai tri divs top, canol, a gwaelod, rhifau adnabod unigryw.
Mae hyn yn neis, oherwydd erbyn gan roi adrannau hynny
o'r dudalen dynodwyr unigryw, Gallaf eu cyfeirio mewn mannau eraill.
Ble?
Wel, gadewch i mi sgrolio i fyny.
Ac hyd yn hyn, unrhyw bryd yr ydym wedi edrych ar ben tudalen ar y we, beth sydd
yr unig tag a gawsom yn y pennaeth dudalen ar y we?
Mae uwch bach.
Dim ond y teitl hyd yn hyn.
Ond mae'n troi allan yno yn ychydig o bethau eraill
gallwch roi i mewn 'na, un o y mae'n cael ei alw tag arddull.
Felly funud yn ôl, edrychasom mewn priodoledd arddull.
Troi allan yna tag arddull.
Mae'n perthyn tu mewn y pennaeth tudalen ar y we.
Ac yn awr sylwi ar yr hyn rwy'n ei wneud.
Mae gen i tu mewn o hyn tag arddull y canlynol.
Im 'yn llythrennol yn sôn ar linell 20 y enwi o tag yr wyf am ei stylize.
>> Yna, mae gen i Brace cyrliog agored ac ar gau brês cyrliog.
Felly debyg o ran ysbryd i C, ond eto, nid yw hyn yn swyddogaeth,
mae hyn yn unig yw manylion cystrawennol yma.
Ac yna, wrth gwrs, rwy'n dweud y porwr, hey porwr,
yn gwneud y corff cyfan y dudalen cael aliniad testun ganolfan.
Ac yna mae hyn yn ei ddweud y canlynol.
Hey porwr, os byddwch yn gweld HTML elfen neu tag yn y dudalen sy'n
Mae gan dynodwr unigryw o ben, felly mae'r symbol hash yma yn unig yn golygu
syniad unigryw o top, mynd yn ei flaen a gwneud ei maint ffont 36
ac mae ei bwysau ffont print trwm.
>> Hey porwr, elfen y mae ei ID yn canol, yn ei gwneud yn 24 picsel.
Ac hey porwr, os byddwch yn gweld syniad o gwaelod, yn ei gwneud yn 12 picsel.
Yr effaith yn y pen draw yn union yr sam.
Os byddaf yn mynd i mewn i CSS 1, mae'r dudalen yn edrych yr un fath.
Ond rydym yn gam tuag at dyluniad ychydig yn well.
Gadewch i mi yn awr yn mynd yn ôl yma i CSS2 a gweld beth arall dw i wedi gwneud.
>> Nawr bod y dudalen yn iawn, iawn yn lân.
Yn wir, gallaf addas i bawb o y cynnwys ar dudalen fan hyn.
Ond beth tag newydd mae'n rhaid i mi cyflwyno, yn amlwg?
Link.
Ac nid yr enw gorau ar gyfer tag, gan nad yw'n cyswllt yn yr ystyr
ein bod yn gwybod hynny, ond mae hyn yn golygu cyswllt mewn rhyw ffeil arall.
Mae hyn yn fath o fel miniog cynnwys yn C.
>> Dyma'r ffordd yn HTML i ddweud hey porwr,
fynd gael cynnwys y ffeil o'r enw css2.css.
Mae'r berthynas, i mi, yw ei fod yn dalen arddull.
Ac yn wir, dyna beth yr un o'r S mewn steil rhaeadru Taflenni modd.
Mae hwn yn dalen arddull.
Dim ond y ffeil destun sy'n cynnwys criw cyfan o eiddo.
Mae'n criw cyfan o arddulliau eich bod am wneud cais i dudalen.
>> Ac felly mae hyn yn ôl pob golwg yn gan gyfeirio at yr ail ffeil.
Ac os wyf yn agor y, CSS2.css, sylwi bod pob wyf wedi ei wneud
yw adysgrifia a bastio i gyd o hyn yn y ffeil hon.
Ac yn awr, hyd yn oed os ydych erioed wedi codio pethau hyn o'r blaen,
dim ond ystyried gyda'r het peirianneg diarhebol
ar, pam mae hwn gwell dylunio yn ôl pob tebyg?
Ffactoreiddio allan eiddo CSS hynny, eu rhoi ar eu ffeil eu hunain.
Hyd yn oed er ein bod yn datrys hyn problem debyg bum munud yn ôl
yn y fersiwn cyntaf un.
>> Nid ydym wedi gwella'r tudalen arddull,
mae hyn yn unig well dylunio mewn rhyw synnwyr.
Pam ydych chi'n meddwl?
Yeah.
Mwy hyblyg sut?
Yeah.
Felly os ydych am fynd yn ôl a newid pethau,
Erbyn hyn, mae gennych un lle lle y gallwch newid pethau.
Ac yn wir, am rywbeth fel problem yn gosod saith,
lle byddwn yn gweithredu Gwefan masnachu stoc,
hynny'n mynd i gael criw cyfan o dudalennau.
A byddai'n wirioneddol blino os byddwch yn penderfynu, EM,
Dwi ddim yn hoffi 24 picsel, yr wyf am ei fod yn 28 o picsel neu ychydig yn fwy.
Ac mae'n rhaid iddynt wneud hynny byd-eang yn canfod a newid
neu agor holl ffeiliau eich gwefan yn syml i mewn gwirionedd yn newid un gwerth.
Drwy ffactoreiddio allan arddulliau hyn mewn un lle canolog,
gallwch nawr agor un ffeil testun mewn CS50IDE i mewn i unrhyw raglen,
ei newid, cadwch hi, ac yn ei wneud.
Rydych chi wedi lluosogi rhai newidiadau ym mhob man.
A byddai hynny yr un fath mewn ffeil dot h hefyd.
Felly unrhyw gwestiynau a thrwy hynny yn hyn ar gystrawen hwn?
Mae pob hawl, felly rydym wedi gwneud popeth y mae'n ymddangos
ac eithrio mewn gwirionedd yn gweithredu hypergysylltiadau.
Ac felly gadewch i ni fynd yn ei flaen ac yn gwneud hyn.
Gadewch i mi fynd yn ei flaen ac creu ffeil newydd yma.
Rydw i'n mynd i alw link.html, rhoi mewn cod heddiw.
>> Ac yr wyf i'n mynd i wneud agored braced doc math html.
Fel o'r neilltu, y peth hyn yn y top, mae hyn yn ddatganiad math doc,
'i' yr unig un sy'n rhyfedd gyda'r pwynt ebychnod.
Mae'n rhaid i chi wneud hynny yno ac mae'n golygu ein bod yn defnyddio fersiwn HTML 5.
Fersiynau hŷn o Roedd gan iaith llawer hirach
llinynnau yr oedd angen i chi roi yno.
Felly dyma enghraifft o'r enw cyswllt.
>> Mae angen corff o fy dudalen we yma rwyf.
Ac mewn yma, mae gyfartal href gadewch i ni ddweud HTTP://www.disney.com
a fy hoff wefan, byddwn yn ei ddweud.
Mae pob hawl, felly mae iawn dudalen ddiniwed, hawdd ei ddefnyddio.
Os wyf yn awr yn mynd i mewn i fy cyfeiriadur rhestru yma ac agor link.html,
mae gennym testun hyper.
>> Ac yn wir, dyma lle yr H yn HTTP yn dod.
Protocol Trosglwyddo Hyperdestun yn ymwneud â throsglwyddo testun
sydd â hypergysylltiadau i adnoddau eraill.
Ac yn wir, dyma yw'r cyfarwydd, os retro, dolen las os clicio,
Bydd gwirionedd yn fy arwain at Disney.com.
Yn awr, oh, sy'n dod allan yn fuan.
Mae pob hawl, felly, yn awr, beth yw rhai o oblygiadau hyn?
>> Ac yn dweud y gwir, mae'r byd yn cychwyn er mwyn cael ychydig yn fwy cyfarwydd
a hefyd ychydig yn scarier ond mae hefyd ychydig yn fwy
hunan amddiffynadwy unwaith i chi ddechrau i ddeall y pethau hyn.
Oherwydd groes yn, rhai ohonoch, os ewch chi trwy eich ffolder spam Gmail neu hyd yn oed
i'ch mewnflwch, eich bod wedi yn ôl pob tebyg gotten rhyw fath o e-bost
sy'n gofyn i chi newid eich cyfrinair efallai neu efallai wirio
eich cymwysterau PayPal neu whatnot.
>> Ac yn wir, efallai y byddwch wedi derbyn rhywbeth sy'n dweud fel cliciwch yma
i ailosod eich cyfrinair PayPal.
Ac yn awr, yn sylwi, os nid yw hyn yn Disney.com
ond fel badplace.com a ail-lwytho, yn nodi bod y testun yma
Gallai dweud unrhyw beth o gwbl.
Ac yn wir, mae hyn yn unig eiriau.
Pam na wnewch Fi 'n weithredol yn super maleisus a dweud http://www.paypal.com.
>> Cliciwch yma ailosod eich PayPal cyfrinair a reload yn awr.
Mae hyn yn edrych yn eithaf cyfreithlon, dde?
Hynny yw, ni fyddwn yn clicio ar e-bost mai dim ond yn dweud y bydd hyn.
Ond yn sylwi ar y ddeuoliaeth yma.
Mae'n dweud www.paypal.com, ac mewn gwirionedd, arhoswch funud,
rydym yn gwybod eich bod am y s ar gyfer diogelwch.
Felly nawr, ewch i www.paypal.com HTTPS, ond os nad ydych erioed wedi gwneud hyn o'r blaen,
ddim yn mynd i'r arfer o hofran dros gysylltiadau bach yma.
Ac mae'n anodd gweld ar y sgrin yno,
ac nid yw bob un sy'n haws yma.
Ond ffordd i lawr yma yn y gornel bach bach
mae'r porwr mewn gwirionedd ddweud wrthych ein bod yn mynd
i badplace.com yn lle Paypal.com.
Yn awr, lle rydym yn mynd â hyn?
Mae'r holl enghreifftiau rydym wedi'i wneud heddiw, rydym wedi codio galed ac teipio allan â llaw.
Mae'r we yn hynod anniddorol pan fyddwch yn galed
cod eich tudalennau gwe fel bod y cynnwys yn statig a byth yn newid.
Wrth gwrs, mae ein holl hoff wefannau heddiw,
boed yn Gmail neu Twitter neu Facebook neu unrhyw nifer o bobl eraill
yn ddeinamig.
Maent yn newid mewn ymateb i mewnbwn defnyddwyr
yn union fel y canlyniadau chwilio Google.
>> Ac yn y blaen ar ddydd Mercher, yr hyn rydym yn ei wneud yw ydym yn gadael HTML a chyflwyniad CSS
tu ôl i ni ac rydym yn cymryd yn ganiataol ein bod yn awr
yn gwybod ei fod ac rydym yn cyflwyno iaith raglennu newydd
o'r enw PHP, sy'n hoffi C, yn mynd i roi i ni
y pŵer i mewn gwirionedd yn creu rhaglenni bod hwy eu hunain yn cynhyrchu allbwn.
Yn yr achos hwn, byddwn yn defnyddio PHP i gynhyrchu ddeinamig ar y we
tudalennau gan ddefnyddio'r iaith newydd.
Felly mwy am hynny ar ddydd Mercher.
Welwn ni chi wedyn.
>> [CHWARAE CERDDORIAETH]