[CHWARAE CERDDORIAETH] ALLISON BUCHHOLTZ-PA: Mae pob hawl, gan bawb. Croeso'n ôl i'r adran. Felly mae ein hagenda ar gyfer heddiw yn mynd dros lawer mwy o stwff dev we. Nid wyf yn gwybod faint o'r yr ydych wedi gweld eich psets ers iddo gael ei ryddhau yn gynharach y bore yma. Hoffwn fel faint o mae pobl wedi darllen y fanyleb, ond gweld fel sut yr ydych wedi cael yr holl o, fel, saith awr i edrych arno ac mae'n Llun a mae'n debyg eich bod wedi cael y dosbarth, Rydw i'n mynd i gymryd yn ganiataol y nid yw'r rhan fwyaf o sydd gennych. Os oes gennych chi, kudos ychwanegol. Rydych yn helpu yn y bôn gweithredu we syml gweinydd yn C, sydd yn pset newydd sbon, er mwyn i chi guys yn cael i fod yn moch Guinea. Mae'n mynd i fod yn hwyl, yr wythnos gwyllt, ond rwy'n credu y bydd yn cael llawer o hwyl ac fe fydd yn wirioneddol profiad da mewn gwirionedd. Felly, er mwyn i chi baratoi ar gyfer hynny, yn adran heddiw, rydym yn mynd i fynd chmod, TCP / IP, a Yna, ychydig o HTML a CSS. 

Ar y diwedd, yr ydym mewn gwirionedd annhymerus cod i fyny ar dudalen we syml at ei gilydd i'ch helpu chi guys fath o gael mwy gyfarwydd â hynny. Ac yna, os nad ydych wedi codi i fyny eich cwisiau, eu bod o flaen, ond rwy'n eithaf siwr pawb yma wedi eu cwis. A hefyd ar y nodyn hwnnw, Nid yw atebion i fyny eto, ond cyn gynted ag y finish-- hoffi, mae'r ychydig o bobl diwethaf yn cymryd eu quizzes-- byddant yn i fyny. Os oes gennych unrhyw gwestiynau yn y cyfamser, mae croeso i chi e-bost ataf yn bersonol. Byddaf yn ymateb gyda'ch unigol cwestiynau, fel yr wyf bob amser yn ei wneud. 

Felly, ar y nodyn hwnnw, chmod. Felly y bôn pawb 'ch angen gwybod am chmod yw ei fod yn ei ddefnyddio i newid caniatâd ffeil, dde? Felly, dim ond rhai systemau galw yn newid caniatâd, gan ei fod yn dweud yma. Ac os ydych chi erioed wedi eisiau gweld pa ganiatadau ffeil wedi, hytrach na dim ond yn ei wneud ls, gallech wneud ls -L. l yn sefyll am hir. 

Felly, byddwch yn gwneud rhestrau hir o bopeth, ac mae'n Bydd yn rhoi llawer mwy manwl i chi gwybodaeth am bob un o'ch ffeiliau. A byddwch yn gweld something-- Rwy'n mynd i sgip ymlaen llaw ar gyfer second-- ond byddwch yn gweld rhywbeth tebyg i y llinell uchaf yno ar gyfer pob ffeil. A byddwn yn mynd drwy'r hyn y mae hynny'n ei olygu. 

Felly y bôn, i newid eich caniatâd ffeil, 'ch jyst angen at arfer chmod. Gallwch chi feddwl am y peth fel unrhyw un arall UNIX yn galw fel ls neu cd neu whatnot. 'I' jyst fath o alwad tebyg arall. 

Felly, rydym yn ei wneud chmod ac yna rydym chi helpu cael tri digid nodweddiadol. Mae cwpl o ffyrdd o wneud iddo, ac un ohonynt byddwn yn mynd drosodd. Ond yn nodweddiadol, bydd gennych dri digidau amrywio 0-7 bob tro. 

Felly, un peth yw bod yna tri caniatâd gwahanol y gallwn ei roi i bob ffeil. Ac mae'n ddarllenadwy, sef cynrychioli gan r, a fydd yn gwneud synnwyr mewn ychydig; w, sef ysgrifenadwy; a gweithredadwy, sef x. Gwn fod yr e un, cyflawnadwy, efallai nad yw'r ystyr mwyaf, ond rydym cynrychioli 'i ag x. 

Ac yna beth sy'n digwydd yw pob un o'r rhain hefyd yn cael y gynrychiolaeth rhif. Felly mae gennym 1, 2, a 4. Ac yn y bôn yr hyn sy'n digwydd yw pob un o'r tri rhif yma yn cyfateb i set wahanol o ddefnyddwyr bod caniatâd y rhai berthnasol i. 

Felly, gallwch chi feddwl am hynny yn gyntaf rhif yn cyfateb i'r defnyddiwr gwirioneddol neu berchennog y ffeil, yr ail Bydd y rhif yn cyfateb i'r grŵp, ac mae'r un olaf yn cyfeirio i'r byd, OK? Felly beth sy'n digwydd yn cofio y rhai numbers-- r yw 4, w yw 2, x yw 1, dde? This-- os ydych grynhoi y rhain i fyny, sy'n rhoi y rhif cyntaf i chi ein bod yn gallai mewnbwn yn ein chmod. 

Felly, yn yr achos hwn, yr hyn Byddai rhif hwn fod? Byddai'n 4 ynghyd â 2 plws 1, sef 7, dde? Ac yn yr achos hwn, mae'r rhain Nid oes rhaid i unrhyw beth, felly mae hyn yn iawn fan hyn fyddai cyfieithu i chmod 700, OK? A beth sydd yn ei wneud yw ei fod yn rhoi i gyd o'r caniatadau hyn i'ch defnyddiwr. 

Felly, mae hyn yn golygu ein defnyddiwr yn gallu ei wneud beth bynnag y maent ei eisiau. Gallant ddarllen y ffeil. Gallant weithredu y ffeil. Gallant ysgrifennu at y ffeil hon. Ond mae grŵp a'r byd, dim caniatâd o gwbl, OK? 

Felly ffordd arall i ysgrifennu hynny, gallwn gwneud chmod o tri digid, pob un ohonynt cyfateb i beth bynnag yw'r swm neu'r hwnnw grŵp penodol, is-set penodol. Neu gallwn ei wneud mewn gwirionedd yn beth arall. Dal ar. Gallwn wneud rhywbeth gyda'r rhain fan hyn. 

Faint ohonoch chi yn gweld enghraifft lle'r oedd hi i chmod yn fantais x? Oeddech chi'n gweld bod mewn darlith, yr wyf yn meddwl? Felly mae yn sefyll i bawb. Mae'n golygu rhoi i bob defnyddiwr, yr wyf wedi anghofio rhoi yma. 

Ond yn fantais x, os ydym sylwi yma, os ydym yn ei wneud i chmod-- pa grŵp rydym yn siarad am yn ogystal â'r caniatadau rydym am roi iddyn nhw. Felly, gall hyn fod yn plws neu minws. Byd Gwaith yn ychwanegu caniatâd. Minws cymryd i ffwrdd caniatâd. Pretty 'n athrylithgar, yr wyf yn meddwl. 

Felly, yn fantais x golygu chmod. Felly, newid y caniatâd yr holl bobl os yw hyn yn ychwanegu a-- caniatâd. Ac x-- hynny'n golygu pa caniatâd a ydym yn rhoi pawb. Darllen, ysgrifennu, neu weithredu? 

GYNULLEIDFA: Cyflawni gwaith. 

ALLISON BUCHHOLTZ-PA: Cyflawni gwaith. Felly, yr ydym yn rhoi pob defnyddiwr caniatâd i weithredu y ffeil, OK? Felly beth os ydym am ei wneud fod gyda'r ffurflen rhifol? Felly cofiwch gyda rhifol, rydym am tri rhif. 

GYNULLEIDFA: 4. ALLISON BUCHHOLTZ-PA: Beth oedd hynny? GYNULLEIDFA: 4. ALLISON BUCHHOLTZ-PA: Ddim 4. GYNULLEIDFA: 0, 0, 4. ALLISON BUCHHOLTZ-PA: Wel, rydym am i'w roi i bob defnyddiwr, dde? Felly, rydym yn mynd i gael mae nifer ym mhob slot. Mae hynny'n mynd i fod yn y un nifer ym mhob slot gan ein bod dim ond eisiau i roi pawb caniatâd gweithredadwy. Felly gweithredadwy yw 1, ond ar y trywydd cywir. 

Felly, os ydym yn chmod 111 a fyddai yn cyfateb i chmod yn fantais x. A yw hynny'n gwneud synnwyr i bawb? Rydym yn mynd i fynd drwy'r ychydig o enghreifftiau. 

Felly mae'r tecawê mawr yma yw nad yw sy'n digwydd fan hyn, ond dim ond yn golygu rhoi i bob defnyddiwr. u yw os ydych am i roi neu gymryd i ffwrdd caniatâd penodol gan y defnyddiwr neu'r perchennog. g ar gyfer y grŵp, fel bod digid canol. Ac yna bobl eraill y gallwch feddwl amdano gan fod y byd, y digid olaf. 

Felly, gyda hynny, byddwn yn mynd i'r enghraifft, gan fy mod yn teimlo fel enghreifftiau bob amser gwneud y pethau hyn yn haws i'w deall. Felly rwx-- aethom drwy this-- Gallai hefyd fod yn gynrychioli fel 700. Dyna'r enghraifft, rydym yn edrych yn fwy o'r llun. Felly chmod 444 ar rai ffeil Byddai rhoi pa caniatâd? Oeddech yn agos iawn. GYNULLEIDFA: darllenadwy i bawb. ALLISON BUCHHOLTZ-PA: darllenadwy. Felly darllenadwy i bawb, dde? Ac yna beth ffordd arall i wneud hynny? Os ydym am wneud chmod gyda naill ai r neu ei w, yn ogystal a negyddol, beth fyddai hwnnw galwad yn edrych? Byddai'n cael ei chmod beth? 

GYNULLEIDFA: a r a mwy. 

ALLISON BUCHHOLTZ-PA: a r a mwy ar y 5. Iawn, felly mae hwn yn yr un fath â'r hyn, dim ond dau wahanol gyfieithiadau o'r un peth. Felly, gyda hynny, mae gennym y rhain. Felly, yr wyf am i chi guys i geisio ysgrifennu mathau hyn o yn eu ffordd gyferbyn. 

Felly, gyda chmod 555, beth fyddai hi? A fyddai fod yn plws neu u plws neu whatnot? I u yn ogystal â x, rhowch y tri rhif i mi. Ac yna dweud wrthyf am yr hyn y caniatadau rydym yn rhoi mewn gwirionedd ac i bwy? 

Felly byddaf yn rhoi dau guys i chi munud i weithio ar hynny. Teimlwch yn rhydd i siarad â'i gilydd. I'r rhai ohonoch a ddaeth i mewn ychydig yn hwyr, mae candy a chrysau. Rydym wedi tri crysau gadael, ac rydym wedi Kit Kats a Starbursts. Felly, mae croeso i chi ddod chrafangia rhai yn anterliwt bach hwn. 

Hefyd, mae'r un olaf yn ddyrys. Mae'n dau chmods ar gyfer yr un olaf. Mewn gwirionedd, gadewch i mi gau'r drws hwnnw tra byddwch guys yn gweithio ar hynny. Candy yn angenrheidiol bob amser ar brynhawn Llun. 

OK, felly chmod 555. Beth sy'n ffordd arall y gallem ysgrifennu hynny? Unrhyw syniadau? Ie. 

GYNULLEIDFA: a RX a mwy. 

ALLISON BUCHHOLTZ-PA: r plws RX. Ydych chi eisiau esbonio pam y byddwn ei RX? 

GYNULLEIDFA: Oherwydd eich bod wedi 5, felly dyna 4 ac 1, fel eu bod wedi darllen a mwy cyflawnadwy, a 'i' i gyd. ALLISON BUCHHOLTZ-PA: Iawn. Felly, dim ond i ailadrodd, 5 yma rydym yn gwybod fel y swm o 4 a 1, oherwydd bod gan bob rhif yn ein triawd yw'r Swm y caniatâd ar gyfer yr is-set, iawn? Naill ai mae'r defnyddiwr, y grŵp, neu y byd. Felly, yn yr achos hwn, rydym yn gwybod bod 5 gael ei ffurfio gan 4 a 1. 

A 4 ac 1 yn cyfateb i ddarllenadwy a gweithredadwy. Rydym yn rhoi i bawb, fel y gallwn ei wneud chmod a RX a mwy. Ac yn amlwg, rydym yn unig yn mynd trwy'r cwestiynau yno, felly, yn awr y ffeil yn weithredadwy a darllenadwy i bawb. 

Felly beth am yr ail un? Beth allai mae'r rhif ar gyfer bod un fod? Unrhyw syniadau? Mynd yn ei flaen. 

GYNULLEIDFA: 100 [Anghlywadwy]. 

ALLISON BUCHHOLTZ-PA: 100. Yn union. Felly, ydych chi eisiau i esbonio pam 100? GYNULLEIDFA: Oherwydd ei fod ar gyfer y defnyddiwr, felly mae'n mewn sefyllfa gyntaf. Ac yna x gweithredadwy yw 1. ALLISON BUCHHOLTZ-PA: Yn union. Felly rydym yn rhoi gweithredadwy caniatâd i ddim ond y defnyddiwr. Felly, yn yr achos hwn, byddai'n 100. Ac yr wyf wedi holl atebion i fyny ar y sleid nesaf rhag ofn eich bod yn ysgrifennu llawer o bethau i lawr. 

Iawn, felly mae'r un nesaf yn cael ei wneud mewn gwirionedd gyda dau chmods, gallech wneud hynny. Felly, oes unrhyw un yn cael unrhyw syniad sut yr ydych efallai cael chmod 640 ailysgrifennu yn y ffordd arall? Gallwch newid y defnyddiwr yn gyntaf, ac yna gallwch newid y grŵp yw fy awgrym. 

Felly os ydym yn unig newid y defnyddiwr, sef yr un cyntaf yma, beth allai ein galwad fod? Felly defnyddiwr yn u, dde? Felly chmod u yn ogystal â beth? Mmhmm? 

GYNULLEIDFA: rw. ALLISON BUCHHOLTZ-PA: rw. Iawn, er darllen ac ysgrifennu, gan fod darllen yw 4, w yw 2, swm hynny at ei gilydd fel 6. Felly, rydym yn cael chmod u ynghyd rw, ac rydym yn cael ein cyntaf 6 yno. 

Felly, yna i gael y 4, yr ydym yn awr am i newid ein lleoliadau grŵp. Felly, rydym yn mynd i wneud g chmod plws beth? Beth sydd 'na 4? 

GYNULLEIDFA: r. ALLISON BUCHHOLTZ-PA: r. Yn union. Felly, rydym yn rhoi i'r perchennog darllen ac ysgrifennu caniatadau ac rydym yn rhoi'r darllen grwp caniatâd, yr ydym i gyd wedi i fyny yma. Mmhmm? 

GYNULLEIDFA: Os gallwch ysgrifennu rhywbeth, mae'n golygu y gallwch ei gyflawni? 

ALLISON BUCHHOLTZ-PA: Chi gallu ysgrifennu i something-- Nid wyf yn credu ei bod awgrymu y gallwch ei gyflawni. Cool. Felly dyna i gyd yr ydym newydd fynd drwy'r. Felly, ar yr un yma nesaf, 'i' achosion yn unig fath o gyffredin yr ydych am ei gadw mewn meddwl am eich problem a osodwyd. Mae'r rhain yn nodweddiadol y caniatadau bod hoffem i chi eu defnyddio. 

Felly, ar gyfer 711, sy'n rhoi i ni, wrth gwrs, defnyddiwr pob caniatâd, a oedd yn yn tueddu i wneud synnwyr. Ac yna mae'n gweithredadwy gan y grŵp yn y byd, sydd yn gwneud synnwyr os oes gennych rai cyfeiriadur, byddwch yn eisiau gallu i groesi i mewn iddo. Mae angen mynediad pobl. 

Ar gyfer unrhyw ffeiliau nad ydynt yn PHP, rydych yn mynd i ddefnyddio 644, a fyddai'n gwneud beth? Beth mae hynny'n ei awgrymu, neu beth caniatadau mae hynny'n ei rhoi? Felly, gall y perchennog beth? GYNULLEIDFA: Darllen ac ysgrifennu. ALLISON BUCHHOLTZ-PA: Darllen ac ysgrifennu. Ac yna y grŵp ac eraill Gall newydd ddarllen, dde? Ac yna chmod 600 ar gyfer unrhyw Ffeiliau PHP byddwch yn eu defnyddio, eich perchennog, unwaith eto, gall darllen ac ysgrifennu iddo ond mae pawb arall yn jyst fath o blocio i ffwrdd. 

Felly hefyd y bydd hyn yn mewn gwirionedd fod yn fwy defnyddiol pan byddwch yn cael i eich problem gosod yr wythnos nesaf lle eich bod mewn gwirionedd yn adeiladu gwefan. Felly, os ydych chi erioed wedi rhedeg i mewn i unrhyw broblemau rhyfedd lle nad yw'n llwytho yn iawn, efallai eich bod yn Mae angen i ychwanegu weithredadwy caniatâd, neu efallai eich bod angen darllen neu ysgrifennu caniatâd. Pethau bach sy'n dueddol o faglu pobl i fyny, ond mae hynny'n fath o fel sêl-i pan fyddwch yn dechrau pset yr wythnos nesaf. A byddwn yn rhoi mwy i chi awgrymiadau ar pset yr wythnos hon, ond yr wyf wedi edrych arno ers eto cafodd ei ryddhau y bore yma. Ond anfon e-bost ataf, byddaf wedi edrych yn ei erbyn i mi yn ymateb yfory. 

Felly nawr, mae pawb yn dda gyda chmod? Unrhyw gwestiynau lingering? Pretty syml. Yn union fath o gadw golwg ar yr hyn darllen, ysgrifennu, a gweithredu niferoedd yn Mae'n debyg mai dyma'r rhan anoddaf. 

Felly, gyda TCP / IP, pob protocolau hyn, math o fel gyda'ch strwythurau data Yr wythnos diwethaf, mae'n llawer mwy bwysig i fath o gael a greddf lefel uwch ohonynt. Nid yw hyn yn CS143 ble rydym yn mynd i ofyn i chi i weithredu rhwydwaith, felly byddwch yn iawn os nad ydych yn deall y nitty gritty yr holl brotocolau. Yr hyn sy'n bwysig i'w ddeall yw math o fel hyn y maent yn eu cynrychioli a pham eu bod yn bwysig. 

Felly, TCP / IP, wrth gwrs, ei fod yn y Protocol Rheoli Transmission neu Protocol Rhyngrwyd, sydd yn bôn yn unig set o ddeddfau y bôn neu safonau sy'n dweud data sut y dylid ei drin, sut y dylid ei packetized, a drosglwyddir, ac a dderbynnir. Felly, yn y bôn, yn union fel y mae'n dweud yma, yn cynyddu'r siawns data sy'n cael lle rydych am iddo gyrraedd. 

Rwy'n siwr os ydych yn guys yn mynd i darlithio neu wylio ar-lein, fe has-- Nid wyf yn gwybod os bydd yn gwneud hynny eleni, ond yr wyf yn gwybod y llynedd, yr oedd ganddo demo lle cafodd llun o Rob ac efe a rhannu i fyny i mewn pedwar a'i roi mewn amlenni ac yn ceisio cael ei draws Sanders. A gallwch fath o feddwl am y peth y ffordd honno. Mae'n dim ond set o reolau sy'n dywedwch data sut i gael Thrafod ac yn gadael i chi wybod os ydych yn colli data, yn yr un modd, os ydych yn gan gymryd lluosog o dudalennau o nodiadau ac yr ydych yn eu labelu gyda dudalen 104, tudalen 204, ac yr ydych yn mynd yn ôl i astudio yn nes ymlaen a ydych yn colli something-- nad ydych yn gallu ddod o hyd i dudalen 304-- eich bod yn gwybod rhywbeth o'i le, er mwyn i chi Gall edrych drwy eich nodiadau eto neu ofyn i rywun ailanfon chi yn nodi y ddarlith gan y diwrnod hwnnw. Yr un modd â data ar y rhyngrwyd. Os ydw i'n gofyn am rhywbeth o rai gweinydd ac mae angen iddo anfon mewn pecynnau lluosog, yn ôl pob tebyg yn mynd i rif mewn rhyw ffordd, gadewch i mi wybod faint y dylwn i fod wedi eu derbyn, ac yn dweud wrthyf, oh, mae hyn yn un o 10 neu mae hyn yn un o 10,000. Fel hyn pan fyddaf yn mynd i ailosod yr holl darnau at ei gilydd, Yr wyf yn gwybod os oes rhywbeth ar goll a gallaf ofyn am hynny eto. A yw hynny'n gwneud synnwyr? Dim ond set o reolau. Ar ei sail, set o reolau, OK? 

Felly, rydym hefyd yn siarad â ychydig bach am porthladdoedd. Mae hyn yn wir yn unig yw safon sy'n gadael i chi wybod pa fath o ddata yn cael ei drosglwyddo yn y pecynnau hyn. Os ydym yn mynd â'n Enghraifft amlen, nid ydym yn ei wneud yn gwybod ei fod yn ddarlun o Rob mewn yno oni bai ein bod yn ysgrifennu ei ar y tu allan i'n amlen. Felly porthladdoedd yn y bôn yr un peth. Dim ond ffordd at chyfrif i maes beth math o ddata sy'n cael ei drosglwyddo. 

Felly mae gennym i gyd o'r y rhan fwyaf o rhai cyffredin yma. Felly 21-- mae'r rhain hefyd yn garedig o fel pethau da i wybod. Mae'n fath o gwestiwn cwis hawdd. Fod yn debyg, beth mae porthladd 80 yn ei wneud? Neu, beth mae porthladd 443 yn ei wneud? Felly bethau da i wybod. 

Felly mae gennym yma, 21 yn ffeil protocol trosglwyddo, felly dim ond y rheolau sy'n rheoli trosglwyddo ffeiliau. 25, rhywbeth yr ydym i gyd defnyddio llawer gormod, yw e-bost. 53 yw'r enw parth system, sydd yn y bôn unig fath o am-edrych ar gyfer yr Cyfeiriad IP o enw parth. 

Felly, Rwy'n eithaf siwr ei fod yn a grybwyllir yn y ddarlith, os ydych ewch i rywbeth fel google.com, mae ganddo gyfeiriad IP dyna gysylltiedig ag ef. Dyw hi ddim mewn gwirionedd google.com. Ac felly 53 yw'r porthladd sy'n cymryd mewn gwirionedd gofalu am fath o gyfieithu i mewn i'r cyfeiriad IP ar eich cyfer. Ac yna 80 a 443 yn gyffredin iawn. Chi naill ai wedi eich tudalen ar y we neu mae gennych eich tudalen we ddiogel, y mae llawer o dudalennau gwe yn trosglwyddo drosodd i nawr. 

Felly dyna lefel fath o uchel trosolwg o'r protocol trosglwyddo. Dydw i ddim yn gweld llawer mwy o ddyfnder. Mae'n fath o bethau oer os oes gennych ddiddordeb. Mae digon o adnoddau. Wikipedia mewn gwirionedd yw dudalen 'n bert da. Felly, yr oeddwn yn edrych arno dim ond ychydig o amser yn ôl, felly Byddwn yn argymell edrych arno os oes gennych ddiddordeb neu gymryd 143 mewn dwy flynedd oherwydd Rwy'n credu ei fod bob yn ail flwyddyn. 

Felly, ar ddiwedd y, rydym yn siarad am dudalennau gwe a HTTP, sydd mewn gwirionedd yn ein pwnc nesaf ar gyfer heddiw cyn i ni fynd i mewn i HTML a CSS a alli 'n weithredol cod i fyny tudalen ar y we. Bydd yn hwyl. Bydd gennym luniau o cwningod ac mae fe yn wych. 

Felly HTTP, fel y gwelwch yma, yw un o'r acronymau hyfryd ar gyfer yr wythnos hon, sef Protocol Trosglwyddo hyperdestun. Felly, unwaith eto, 'i' jyst set arall o reolau sy'n llywodraethu hyperdestun trosglwyddo, yn yr achos hwn. Felly ffordd orau o ddysgu am hyn yn unig fath o i dorri i lawr i mewn i geiriau unigol hyn oherwydd mae llawer o geiriau ar y sgrin yno. 

Felly, rydym yn mynd i ddechrau gyda hyperdestun. Felly "hyper," chi'n gallu meddwl am "Uchod," fel super-fath beth. Felly, 'i' 'n sylweddol jyst destun a mynd i'r lefel nesaf, felly mae fel testun super, fel y testun nesaf. Felly, yn y bôn yn unig testun sy'n rhoi i ni mwy o wybodaeth nag testun arferol yn ei wneud, OK? 

Felly, yn yr achos yma, mae hyn yn hyperdestun. Mae hyn yn dweud wrthym fod gennym rhyw ddolen a rydym yn mynd i, sydd yn cs50.net, a oedd yn awr cs50.harvard.edu. Mae'r rhain sleidiau yn ychydig yn hen. Ac mae'n mynd i arddangos fel hyn, fel hypergyswllt, ac yna mae gwefan 'n sylweddol oera. 

Felly mae'n testun, sydd ychydig yn ychydig o bethau 'n sylweddol oera i mewn' na. Felly, gallwch chi gysylltu pethau a gallwch mewnosod delweddau a gallwch arddull pethau. A'r peth mwyaf cyfarwydd bod chi guys yn ôl pob tebyg wedi gyda hyperdestun yw Iaith HyperText Markup, HTML, sydd wrth gwrs yn pob un o'r we a welwn o'n cwmpas, a roddwyd gyda rhywfaint o steil CSS taflu i mewn. 

Ond os oes unrhyw un yn fawr iawn gyda MySpace, Rwy'n siŵr eich bod i gyd HTML a ddefnyddir drwy'r amser i greu proffiliau perffaith hynny, dde? Rwy'n teimlo fel y gallai hynny fod yn cyfeirio sydd wedi dyddio erbyn hyn, ond beth bynnag. Dim ond little-- chi guys Nid yw bod llawer iau. Mae rhai o'r ydych yn hŷn na fi. MySpace yn dal i fod yn peth pan oeddwn yn ifanc. Dydw i ddim yn hen. 

Anyways, HTML yn unig yn fath o hyperdestun. Felly hyperdestun yn unig testun gyda nodweddion ychwanegol. Felly protocol trosglwyddo yn ôl pob tebyg y peth yn fwy iffy i esbonio. Yn amlwg, transfer-- dim ond trosglwyddo data. Felly, naill ai rhwng y cleient, fel eich brawd y we, a gweinydd. Felly y bôn dim ond y ffordd y mae'r rhyngrwyd yn gweithio. 

Felly, yr union gais sut mae'r rhain yn gweithio, rydym yn mewn gwirionedd yn mynd i edrych ar gael Enghraifft cais ac ymateb. Ond sut yr ydym yn gofyn am gwybodaeth o weinydd a sut y gweinydd yn ymateb i ni yw beth mae hyn yn protocol trosglwyddo yn llywodraethu. Felly, mae'r cais a'r ymateb yn cael i ddilyn y rhain set benodol o reolau. Mae wedi safoni fel nad oes unrhyw waeth ble rydych chi'n defnyddio'r rhyngrwyd, mae bob amser yn gweithio yr un fath, OK? 

Unwaith eto, protocol, set o reolau. 'I' jyst yn normal rhyngweithio yn yr un ffordd bod yr Athro Malan sôn am os bydd rhywun yn ymestyn eu llaw, eich bod yn gwybod ei bod yn gwrteisi cyffredin i cyrraedd eich un chi allan ac yn ysgwyd eu llaw. Dyna protocol, dde? 

Felly, byddaf yn rhoi rhywfaint cais safonol, sef Rwyf am i ysgwyd eich llaw, ac rydych yn rhoi rhywfaint safonol ymateb, sydd naill ai dim diolch neu gallech roi cynnig ac yn ysgwyd fy llaw neu efallai eich bod yn mynd i roi cynnig a dwrn hwb i mi. Ac nid oes gennym brotocol ar gyfer hynny. Mae'n torri i lawr. Ond os bydd pawb yn dilyn y un protocol, wrth gwrs, mae'n mynd yn llawer mwy llyfn. Mae pobl yn dod i adnabod ei gilydd. Mae pawb yn hapus. 

Felly, yn y byd y we, mae pawb yn dilyn yr un rules-- ychydig yn well na'r safonau cymdeithasol. Ond gyda hynny, byddwn yn edrych ar enghraifft gais yma. Felly mae hyn yn ychydig yr allwedd yma ar y gwaelod sy'n dweud wrthych y gwahanol liwiau, yr hyn y maent yn fod i olygu. 

Felly gwyn yn union fel eich dull cais a phrotocol version-- yn gofyn am hynny dull, fersiwn. Ac yna mae hyn yn rhai enw'r cae a'r gwerth o'r maes hwnnw, y byddwn yn mynd i mewn iawn, yn fuan iawn. Felly mae hwn yn gais enghraifft. Mae hyn fel fi ymestyn allan, sydd am gyflwyno fy hun. 

Mae hyn yn yr hyn y mae'r cleient neu beth yw eich porwr gwe byddai'n cael ei anfon at eich gweinydd. Felly, mae hwn yn gais get, felly mae'n gofyn am rywbeth o'r gweinydd. Ac mae'n, wrth gwrs, HTTP ac mae'n fersiwn 1.1. 

Felly gweddill y dyma beth rydym yn galw y pennawd, ac mae ei gwybodaeth ychwanegol sy'n rhoi gwell syniad ohonom yr hyn rydym yn mewn gwirionedd yn gofyn amdano, neu wybodaeth yr ydym am ei roi y gweinydd a allai fod yn berthnasol. Felly Defnyddiwr-asiant yn rhoi rhywfaint mwy Disgrifiad on-- er enghraifft, yma, Crychu / 7.24.0 mewn gwirionedd yn mynd i ddweud y gweinydd ein bod yn defnyddio Google Chrome fel ein porwr. Felly, os ydych chi erioed wedi clywed am bobl sy'n siarad am wneud app ymatebol i'r porwyr lluosog, mae hyn yn rhywbeth y maent yn Byddai defnyddio oherwydd os ydych yn ddim yn gwybod pa borwr mae'r cais yn dod o, nad ydych yn gallu deilwra'r data i hynny. Felly, yn yr achos hwn, defnyddiwr yn unig yw rhoi'r math hwn o nodi gwybodaeth am yr hyn y porwr Ar hyn o bryd yw eich defnyddiwr yn defnyddio, OK? 

Felly, yna mae gennym hefyd lu, sef lle rydym yn mewn gwirionedd yn eisiau mynd i. Yn yr achos hwn, rydym am fynd i'r apple.com, prynu rhai iPads newydd oer neu rywbeth, efallai cute goleuadau yn ein hystafelloedd dorm. A gwerth enw ar y diwedd yn unig llenwi, dim ond yn beth cyffredinol i chi guys i weld. Nid yw'n gwneud mewn gwirionedd cyfateb i unrhyw beth yma. 

Felly, gallwch gael cymaint neu gyn lleied ag y dymunwch ym mhob achos. Mae'r rhan fwyaf o'r amser, mae'r rhain yn ddewisol. 'I jyst yn dibynnu ar yr hyn ei angen arnoch oddi wrth y porwr, gan eich defnyddiwr er mwyn rhowch y cais yn iawn. Neu mae'n dibynnu ar beth yw eich defnyddiwr mewn gwirionedd yn awyddus i roi hyd at 'r gweinyddwr. Felly, efallai y byddwch yn cael llawer, llawer o'r rhain enwau'r caeau header neu efallai y byddwch yn unig yn cael cwpl. Fel gyda chymaint o bethau Rwyf wedi dweud yn yr adran hon, 'n sylweddol yn dibynnu ar y cyd-destun o sut yr ydych yn defnyddio hyn. 

Felly, mae hynny'n gwneud synnwyr i bawb? Mae hyn yn unig yn enghraifft o cais, penawdau, whatnot. Iawn, felly â hynny, mae gennym rai ymateb. 

Unwaith eto, rydym wedi ein Cod statws, protocol fersiwn, ac yna enw'r cae a maes gwerthfawrogi fel bob amser. Felly mae ein fersiwn protocol ac mae ein Cod statws yn 200. OK, sy'n golygu, ie, aeth popeth yn dda. Dyma beth rydych ei eisiau. 

Y math gweinydd, y cynnwys type-- mae'n ei ddweud wrthym, OK, rydych yn mynd i gael rhywfaint o HTML testun. Dyma hyd iddo a dyma beth ddylech chi ei wneud gyda'r cysylltiad. OK, felly unwaith eto, yn dibynnu ar y data rydych yn gofyn am, yn dibynnu ar yr hyn y mae'r gweinyddwr am ddychwelyd i chi, efallai y bydd gennych fwy o'r rhain cae enwau, efallai y byddwch yn cael llai. Hollol cyd-destun dibynnol. 

A chyn belled ag y statws hwn cod yma, wrth gwrs, 200 Nid yw'r unig un gallech gael, dde? Mae gennym lawer o godau statws. A oes unrhyw un yn cofio unrhyw un o'r eraill a grybwyllwyd gennym yn darlith? Mae llawer ohonynt yn dechrau gyda 4. 

GYNULLEIDFA: 404. 

ALLISON BUCHHOLTZ-PA: 404, sef? 

GYNULLEIDFA: Heb ganfod ffeil? 

ALLISON BUCHHOLTZ-PA: Ffeil Heb ganfod. Yn union. Felly, beth am 403? GYNULLEIDFA: Forbidden. ALLISON BUCHHOLTZ-UA: Forbidden. Felly, beth yn eich barn chi mae hynny'n golygu gyda chmods? 

GYNULLEIDFA: Mae'n golygu y byddwch yn Nid oes gennych ganiatâd i ddarllen. 

ALLISON BUCHHOLTZ-PA: Yn union. Mewn rhyw ffordd, nad oes gennych caniatâd i gael gafael arno, dde? Felly 404, 403. Mae 'na' n sylweddol ddoniol un yr ydym bob amser yn cyflwyno bob blwyddyn sy'n Dylwn i fod wedi rhoi i fyny yma, fel 413, sef rwy'n tebot. Gallwch google hyn. Mae'n ddoniol fel, hynny yw cod 413 ac mae'n rwy'n tebot. Ac nid wyf yn gwybod pam y byddech byth angen hynny ar y rhyngrwyd, ond yr wyf yn crwydro. GYNULLEIDFA: Efallai eich bod yn pot te. ALLISON BUCHHOLTZ-PA: Efallai y gweinydd yn pot te. Pwy a ŵyr? Mae pob hawl, felly rydym chi ar fin i trosglwyddo i mewn codio go iawn. Rwy'n teimlo fel chi guys yn mynd i fynd allan o'r fan hyn yn weddol gyflym. 

GYNULLEIDFA: Pam mae ei dweud "gweinydd: ddwywaith? 

ALLISON BUCHHOLTZ-PA: Hm? Gweinydd ddwywaith? Mae hwnnw'n gwestiwn da. Nid wyf yn siŵr. Byddaf yn cael gwybod a Byddaf yn anfon e-bost i chi i gyd. 

OK, unrhyw gwestiynau eraill heblaw hynny? Da? Cool. 

HTML a CSS, ac yn awr rydym cyrraedd holl rannau hwyl. Felly, fel y soniais o'r blaen, HTML mae'n debyg, un o'r pethau rydych guys yn fwyaf cyfarwydd ag ef. Felly mae gennym HyperText Markup Language. 

Y ffordd orau i ddysgu this-- nid wyf yn ei wneud gennych unrhyw sleidiau a baratowyd neu unrhyw beth i chi guys ag HTML. Mae'n wir yn ymwneud â dysgu y gystrawen. Ac os oeddech yn y MySpace diwrnod, byddai'n rhaid i hyn i lawr i chi. 

Felly mewn gwirionedd, y peth mwyaf yw dim ond i ymarfer ac arbrofi. Un o'r adnoddau mawr Hoffwn dal argymell defnyddio yw W3Schools. Felly dim ond W, 3, ac yna Ysgolion. Mae ganddynt lawer o adnoddau ar HTML, ar CSS, ac maent mewn gwirionedd yn cael fath sgrin hollt o beth lle byddant yn rhoi esiampl cod i chi. Gallwch chwarae gyda'r iddo, newid, a phwyswch Update, a bydd yn dangos i chi beth y mae'n mewn gwirionedd yn ei wneud at y dudalen we. 

Felly Byddwn yn argymell defnyddio hynny. Mae'n 'n bert oera. Ni fyddwch yn cael namau seg yma pan fydd pethau'n mynd o chwith. Os ydych yn llwyddo i gael nam SEG gyda HTML, peidiwch â gadael i mi wybod oherwydd fy mod yn yn mynd i fod yn chwilfrydig real. Namyn 'i' 'n sylweddol oera, oherwydd gallwch newid pethau, gallwch eu gweld yn cael eu diweddaru yn fyw. Ac yr wyf yn meddwl y byddwch yn cael llawer gafael mwy greddfol o HTML os ydych mewn gwirionedd yn unig yn treulio rhywfaint amser yn arbrofi ag ef. Felly dyna pam y dywedais, ymarfer ac arbrofi. 

Google, o hyn ymlaen allan, mae'n debyg y bydd yn un o'ch adnoddau gorau a ffrindiau. Neu Bing-- Dw i'n gweithio ar Microsoft, felly efallai y dylwn ddweud Bing. Ond mae 'n bert lawer unrhyw beth yn unig yn mynd i fod yn cystrawen, felly deall beth mae'r tagiau yw, understanding-- o leiaf gyda CSS-- sut i newid rhai nodweddion. Bydd yn super ddefnyddiol. 

Felly hyd yn oed er nad ydym yn ei wneud cael unrhyw beth paratoi, oes gennym y math o rai arferion gorau yr ydym am i chi guys i geisio cadw at by-- neu yn hytrach, dylech cadw at hyd nes y clywir yn wahanol. Felly, caewch eich pob tag. Gobeithio mae pawb has-- eich bod yn gwybod beth, os nad yw hyn yn gwneud synnwyr ar hyn o bryd, Rwy'n addo y bydd yn gwneud synnwyr pan rydym yn codio i fyny y dudalen. Ond gau eich pob tag. Felly, os ydych chi erioed gael rhyw header dyna braced, H1, braced, gwneud yn siŵr bod pryd bynnag y byddwch chi'n ei wneud â hynny, yr ydych yn cau y pennawd. Ddilysu eich tudalen gyda W3 Validator. Os na fyddwch yn cau eich tagiau, gallwch gael ymddygiad annisgwyl. Bydd yn dweud bod eich tudalen yn annilys os ydych yn rhedeg drwy'r dilysydd hwn. Felly, pan mewn doubt-- ac yn enwedig ar yr wythnos hon a'r wythnos nesaf pset-- yn yr un modd ag yr ydym yn gofyn i chi ddefnyddio wirio 50 a steil 50, gallech feddwl am hyn fel un o'ch sieciau, OK? 

Felly, os na fydd yn llwyddo yn y W3 Validator. Mae hynny'n rhywbeth y byddwn yn doc chi ar. Neu Rwy'n dweud wrthych iawn yn awr, byddaf yn doc chi ar. Felly, gwnewch yn siŵr ei fod yn dilysu. Nid yw'n anodd. 'Ch jyst bastio yn eich cod a bydd yn dweud naill ai gwaith da neu os ydych yn colli rhywbeth yn yr un ffordd y steil 50 yn dweud wrthych ble rydych yn cyboli i fyny. 

Ac yna un peth arall yw eich bod am wahanu eich markup, sef y cyfan HTML hwnnw neu eich testun, ac yn eich steilio. Felly fe wnawn enghraifft yr hawl ar ôl hyn. Felly dylai HTML a CSS fod ar wahân. Ac rydym yn mynd i fod yn siarad am MVC, sef Model View Rheolwr, yr wythnos nesaf. Dylech guys yn ôl pob tebyg dysgu am hynny mewn darlith yfory os oedd gennych eisoes wedi dysgu heddiw. 

A 'i' jyst fath o patrwm yr ydym yn tueddu i'w defnyddio wrth greu gwe tudalennau i wahanu pethau allan. Gallwch chi feddwl am y peth yn yr un ffordd ein bod yn tueddu i swyddogaethau ar wahân yn C lle rydym yn hash dod o hyd i bethau. Mai dim ond ffordd i gwneud eich bywyd yn haws. Mae'n gwahanu allan priodoleddau neu'r cod sy'n byddech yn eu defnyddio drosodd a throsodd, ond yn y ffordd hon, mae'n fath o yn cadw ei 'n glws a thaclus. Ac os ydych am newid un peth, byddwch yn newid unwaith ac mae wedi newid ym mhob man arall. Felly, mae'n fwy ar gyfer eich rhwyddineb a hyblygrwydd. 

Felly, gyda CSS, mae'n debyg iawn i HTML, ond yn lle tagiau y soniais amdanynt yn unig nawr, rydym yn defnyddio hyn a elwir detholwyr. Ac maent yn y bôn yn unig fath o cysylltu tag penodol mewn HTML gyda gwahanol nodweddion. A phan rwy'n dweud priodoleddau, yr wyf yn golygu pethau fel lliw ffont, arddull ffont, lliw y cefndir, y lliw eich testun. Mathau hynny o bethau. Fel os yw canolbwyntio, os yw'n i ffwrdd i'r dde, os yw'n inverted-- gyd o'r pethau cŵl. Unrhyw bethau arddulliadol eich bod yn ei wneud i eich testun, mae hyn yn hyn yr wyf yn ei olygu gyda phriodoleddau. 

Ac yna ddau brif beth i'w gofio yw y selectors-- dau o'r prif factors-- yn ID, sy'n unigryw. Ni allwch ddefnyddio hynny am un peth. Fel arall, mae'n mynd i gweiddi ar chi. A phan fyddwn yn ei ddiffinio mewn ffeil CSS, bydd yn fod yn ID hash ac yna yr hyn yr ydym ei eisiau priodoleddau. Rwy'n addo rydym yn mynd i mynd drwy esiampl. Bydd yn gwneud llawer mwy o synnwyr. 

Gall Dosbarth gyfeirio at blociau lluosog. Er mwyn i chi gael eich baragraff cyntaf a'r trydydd yn cael yr un math o briodoleddau os eich bod yn eu cysylltu gyda'r un dosbarth. A phan fyddwn yn eu diffinio yn CSS, rydym yn gwneud dosbarth dot, gyda dosbarth yn cael beth bynnag yr ydych am iddi gael ei henwi. 

Felly, yr wyf yn gwybod hyn yn iawn bellach yn haniaethol iawn. Dyna pam rydym yn mynd i cod. Rwy'n gwybod eich guys bodd hynny, ac yr ydych i gyd yn mynd i fy helpu oherwydd mae hyn yn eich tudalen we. Mae hon yn dudalen we ein hadran yn, guys. Felly, a oes unrhyw gwestiynau cyn i mi trowch oddi ar y PowerPoint, neu unrhyw beth ydych am i mi sgrolio yn ôl i cyn i ni ddechrau codio? 

GYNULLEIDFA: Pan fyddwch yn dweud tagiau cyfatebol, ydych chi'n ei olygu dewiswyr neu dagiau? ALLISON BUCHHOLTZ-UA: Gallwch meddwl amdanynt fel yr un peth. Dim ond geiriau gwahanol. Yr wyf yn golygu, fel detholwyr. Ond mae dewiswyr hefyd yn mapio i tagiau. Felly, gallwch chi feddwl amdanynt fel effeithiol yr un peth. Rwy'n addo fod yn mynd i wneud mwy o synnwyr pan fyddwn cod. Unrhyw beth gan y PowerPoint neu unrhyw gwestiynau ar hyn o bryd cyn i ni mewn gwirionedd creu dudalen ein hadran yn? Mae pawb yn barod? Cool. 

Felly mae gen i un ddechrau. Gadewch i mi gynyddu'r ffont i chi guys. Iawn, felly ar hyn o bryd, rydym yn unig yn cael esgyrn moel dudalen gwe iawn yma. 

Mae gennym rai HTML. Mae gennym rai pennawd, yr ydym gweld yma fel esiampl dudalen we. Mae rhai teitl, mae rhai ffont. Mae'r rhain yn tagiau, OK? Felly pan wyf yn golygu cau eich tagiau, gwelwn yma y pen braced yw eich agoriad tag, a braced hwn / Pen yn cau ei, OK? 

Felly, fe allech chi feddwl am hyn fel eich bresys yn eich os yw amodau neu'ch am dolenni. Os oes gennych un ar y dechrau, rydych am un ar y diwedd. Bydd yn dal i weithio rhan fwyaf o'r amser os nad oes gennych dag cau, ond mae arfer gorau yn cau eich tagiau. 

Felly, yn yr achos hwn, gadewch i ni newid hyn. Rydym yn mynd i gael adran saith. "Adran Webpage." Felly, Im 'jyst yn mynd i newid hyn. 

Ac os ydym yn mynd dros yma ac rydym yn gotta reload-- arbed a reload-- rydym yn sylwi bod hyd yma ei fod wedi newid, dde? Cool. Felly, mae hyn yn newid y teitl. Mae hyn yn beth bynnag ar eich tab. 

Felly mae hyn yn fath o edrych fath o ddiflas. Nid wyf yn gwybod am guys. Rwy'n credu ein bod eisiau rhywbeth arall yma. 

Felly, yr hyn y gallwn ei wneud yw y pennawd yn unig yno. Gadewch i ni wneud rhyw fath o gorff. Felly mae gennym ryw gorff yma. Rwyf bob amser yn gwneud yn agored ac cau fy tagiau i ddechrau, yn yr un modd yr wyf yn ei wneud braces. Ah. Arhoswch, beth? 

GYNULLEIDFA: [Anghlywadwy]. ALLISON BUCHHOLTZ-PA: Ah. Rydych guys got 'm. Gwaith da. Seren Aur. 

Iawn, felly mae gennym ryw gorff yma. Ac yn awr gadewch i ni ddechrau ychwanegu rhywfaint o destun. Felly, mae gennych gwpl gwahanol opsiynau ar gyfer ychwanegu testun. Mae gennym bethau fel penawdau. Mae gennym testun yn unig normal. Felly gadewch i ni dim ond dechrau gyda pheniad. Mewn gwirionedd, os ydych guys eisiau i dynnu i fyny HTML Ysgol W3 yn, gallwch fath o edrych o gwmpas ac os oes unrhyw beth yr ydych yn arbennig bod am roi cynnig ar gyda'r y dudalen gwefan hon, gallwn wneud hynny. Felly, yn yr achos hwn, gadewch i ni dim ond gwneud rhywfaint h1. Felly h1 yn debyg y pennawd uchaf. Bydd yn rhoi rhywbeth i chi sydd yn fawr ac yn feiddgar iawn. 

Ac yn yr achos hwn, yr hyn yr ydym ei eisiau am y testun cyntaf ar ein tudalen ar y we? Unrhyw beth. Rydych guys yn mynd i greu hyn. Im 'jyst yn mynd i deipio. GYNULLEIDFA: Croeso. 

ALLISON BUCHHOLTZ-PA: Croeso. Iawn, felly os ydym yn ei gadw ac rydym yn ail-lwytho, mae gennym groeso mawr mawr. Felly, dim ond fel y gallwch weld y gwahaniaethau, gadewch i ni wneud rhywbeth ar H6. Beth yw ein dymuniad iawn yma? Hawl? 

OK, felly dim ond felly y gallwch yn gweld y gwahaniaeth. Yeah, Aruchel. Felly, os ydych yn sylwi, h1, iawn, yn fawr iawn. H6, megis print trwm, ond yn llawer llai, ac mae gennych phopeth yn y canol. Felly gallech gael h2, H3, H4. Ac mae'r rhain yn unig yw'r penawdau, felly os ydych yn ceisio i greu tudalen we sy'n Mae gan wahanol adrannau, efallai eich bod am ei ddefnyddio penawdau i mewn 'na rhywle. 

Cool. Felly, byddwn yn ychwanegu mwy pethau yn ein corff. Rwy'n gweld y byddai'n garedig o oer os oedd gennym llun. Rwy'n teimlo fel y gallai pawb eu defnyddio efallai darlun 'n giwt bunny gywir am nawr, felly rydym yn mynd i ddod o hyd i llun bunny gyntaf. 

Nid wyf yn gwybod os ydych yn guys gennych unrhyw dewisiadau ar ba un yr ydym ei eisiau. A oes gennych chi unrhyw ddewisiadau? Mae hyn yn un yma? Down. OK. Mai un ydyw. Dewisiadau da. 

Iawn, felly rydym yn mynd i weld ein llun. Edrych ar hynny. Edrychwch ar y peth annwyl. Sut y gallech chi fod yn drist ar ddydd Llun gyda hyn? 

Felly, rydym yn jyst yn mynd i gopïo'r URL y ddelwedd. A'r hyn yr ydym am ei wneud yw, gadewch i ni yn unig dweud mae gennym rai p yn lle paragraff. Rydym yn mynd i ddweud "Look edrych ar y gwningen 'n giwt. d'awwww. " Rwyf wrth fy modd fy cwningod. Mae gen i gwningen yn y cartref. Rwy'n colli fy bunny. Felly, yr hyn yr ydym yn mynd i do-- Nid wyf yn gwybod os ydych chi guys eisiau i google this-- ond gyda HTML, sut y gallech gynnwys delwedd? Yn llythrennol, os ydych yn google "Cynnwys delwedd HTML," pam na wnewch chi guys ddweud wrthyf yr hyn y dylai tag hwn fod? 

GYNULLEIDFA: img source-- 

ALLISON BUCHHOLTZ-PA: img source-- GYNULLEIDFA: --equals-- ALLISON BUCHHOLTZ-PA: --equals-- GYNULLEIDFA: --quote-- yeah. ALLISON BUCHHOLTZ-PA: Perffaith. Lovely. Gweler, cenhedlaeth MySpace, dde? GYNULLEIDFA: Neopets. ALLISON BUCHHOLTZ-PA: Neopets. Oh, OK. Wow. Mae wedi bod yn crazy. OK. 

Felly gwnewch yn siwr i mi gael hyn yn iawn. Cool. Felly, dylai hyn fod yma. Ac yna, os ydym yn ail-lwytho, yr ydym wedi ein bunny ar y dudalen Onid yw hyn yn annwyl? 

Mae hyn yn mor cute. Rydych wedi dewis llun gwych, gwych. Rydw i'n cloddio iddo. 

Iawn, felly mae gennym y bunny annwyl yn awr. Roeddem yn gallu ychwanegu llun, yn union fel hynny. Felly y bôn, os oes unrhyw ddelwedd ydych chi eisiau ychwanegu at eich tudalen ar y we, gallwch ychwanegu ei fod yn union fel hyn. Byddai peth arall fyddai pe eich bod wedi y ddelwedd ei storio yn yr un folder ag y ffeil, gallwch jyst ysgrifennwch beth bynnag yw enw'r ddelwedd yn lle cael dolen ar y we. 

Byddai'n dal i fod mewn dyfynodau. Byddai 'I jyst yn hoffi pe baem wedi enwi this-- pe y darlun hwn wedi cael ei hachub yn y ffolder gyda'r ffeil HTML fy mod yn golygu ac mae'n Galwyd bunny.jpg. Gallem hefyd yn gwneud hynny a byddai'n dangos i fyny. Fodd bynnag, nid oes rhaid i mi hyn cadw mewn y ffeil ac yr wyf am gadw'r gwningen, felly rydym yn mynd i gadw'r ddolen. 

GYNULLEIDFA: Beth yw rabbit.org? 

ALLISON BUCHHOLTZ-PA: rabbit.org. Mae'n bo'n briodol- edrych, gallwch ei fabwysiadu. Mabwysiadu. bunny.jpg. Rwyf am fabwysiadu bunny hwn. Oh, duw, mae mor cute. 

Iawn, felly rydym wedi ychwanegu penawdau. Rydym wedi ychwanegu llun. Yn amlwg, rydym yn ychwanegu rhywfaint o destun yma, dde? Os ydym am ychwanegu eraill testunau, byddem yn mynd fel hyn. Felly, mae hyn yn paragraff arall. 

Ac rydym yn dweud "mae hyn yn paragraff arall." Hefyd, rwy'n sillafu ofnadwy, felly efallai y byddaf misspell pethau. Dim ond FYI. 

Felly mae gennym arall paragraff yma, dde? Felly, efallai eich bod am wneud rhywbeth ychydig yn fwy diddorol na dim ond gael eich holl destun, fel cyd-fynd i'r dde. Efallai eich bod am ganoli eich testun, OK? 

Felly, os bydd rhywun am ddefnyddio rhai cyfrifiaduron defnyddiol o'ch blaen a dweud wrthyf sut yr ydych yn mynd i ganolfan y testun hwn, 

GYNULLEIDFA: p align. 

ALLISON BUCHHOLTZ-PA: Felly p alinio yn dychwelyd "ganolfan." Ei fod yn lladd ei, guys. Mae angen i y'all i gamu i fyny. Ac rydym wedi "Mae hyn yn canolbwyntio." Ac yn awr rydym wedi canolbwyntio ar rhywbeth. 

Yn yr un modd, os ydych yn am iddo chwith cyd-fynd, gallech wneud gydradd alinio chwith, alinio hafal i'r dde. Hollol i fyny i chi. Os byddaf yn gwneud yn iawn yma, yna mae hyn should-- erbyn hyn mae'n cyd-fynd yn iawn. 

GYNULLEIDFA: Allison? Yn ôl ffynhonnell image, pam nad yw mae diwedd y ffynhonnell img? ALLISON BUCHHOLTZ-PA: Mae'n ddrwg gennyf. Dylai hyn un fod yna Nawr rydych yn dda. Nawr rydym yn dda. GYNULLEIDFA: Peidiwch â gennych chi i gau ei yno, ai peidio? ALLISON BUCHHOLTZ-PA: Wel, felly img ffynhonnell, mae hyn yn un yn just-- gyda delwedd, dim ond mae'n cael ei weld fel un elfen, tra os ydych yn sylwi ar gyfer gweddill y rhain, mae gennym rai tag yna wybodaeth sydd mae'n geir yn ac yna tag cau. Ond gyda delwedd, mae popeth yn yn unig fath o hunan-gynhwysol. Cool. Felly rydych guys yn gwybod sut i greu pennawd, eich bod yn gwybod sut i destun mewnbwn, eich bod yn gwybod sut i roi delwedd yn awr, gallwch alinio pethau. 

Peth arall i chi Efallai am fod yn gallu ei wneud yw creu rhestr yn CS-- rydym yn fath o fynd i mewn i pset yr wythnos nesaf. Mae'r pethau yr ydym fel arfer yn addysgu yr wythnos hon yn mynd yn dda iawn gyda pset yr wythnos nesaf, felly rydym yn fath o gymysgu, gorgyffwrdd pethau yma. Ond bydd yn ddefnyddiol ar gyfer yr wythnos nesaf. 

Felly, os ydym am greu rhai rhestr, sut y gallem wneud hynny? Na allwch ateb y tro hwn. Rhywun arall wedi i. 'I' nid yn galed, guys, addo. Google "rhestr HTML di-drefn." Beth oedd hynny? 

GYNULLEIDFA: [Anghlywadwy]. ALLISON BUCHHOLTZ-PA: Iawn. Felly, yr ydym am i archebu neu di-drefn? Gadewch i ni wneud yn di-drefn. Felly, mae gennym rai ul, a oedd yn sefyll am Rhestr heb drefn. A beth sydd gennym ar gyfer pob elfen? A yw bod angen ei tag ei ​​hun? Allwn ni jyst yn dechrau ysgrifennu pethau? 

GYNULLEIDFA: li. 

ALLISON BUCHHOLTZ-PA: li. Felly beth yw ein rhestr yn mynd i fod? Beth ydym ni eisiau yma? Rydym yn unig yn gwneud enwau. Dim ond gwneud Jacob. 

Bwydydd Rabbit: CYNULLEIDFA. 

ALLISON BUCHHOLTZ-PA: bwydydd Rabbit. OK Rwy'n hoffi hyn. Bwydydd Rabbit. 

Iawn, felly mae gennym moron. Rwy'n hoffi y thema hon cwningen. Im 'yn cloddio yn llawer. GYNULLEIDFA: A dweud y gwir, yr wyf yn meddwl y byddai Jacob yn legit. ALLISON BUCHHOLTZ-PA: Jacob? Jacob yw bwyd cwningod. Os ydych yn gweld Jacob llun o oriau swyddfa, efallai eich bod wedi meddwl ei got ymosod cwningen llofrudd. 

GYNULLEIDFA: Mae gen i cwningen nawr. Mae gen i cwningen llofrudd nawr. 

ALLISON BUCHHOLTZ-PA: A ydych yn kidding mi? 

GYNULLEIDFA: 'n annhymerus' dod ag ef adran nesaf. Yr wyf wedi ei. 

ALLISON BUCHHOLTZ-PA: Mae hyn yn chwerthinllyd. Anyway. 

GYNULLEIDFA: [Anghlywadwy] 

GYNULLEIDFA: Yeah, fy proctor Mae cwningen yn ogystal. 

ALLISON BUCHHOLTZ-UA: Rwyf am gwningen. OK, pwy bynnag sy'n dod â cwningen go iawn i yr adran nesaf, cyfanswm clod. GYNULLEIDFA: [Anghlywadwy] GYNULLEIDFA: O, nid yw'n wir. Mae'n cwningen stwffio. 

ALLISON BUCHHOLTZ-PA: Oh yeah, gallwn gau'r rhain. Dremiau rad. GYNULLEIDFA: A yw'n mewn gwirionedd yn bwysig? ALLISON BUCHHOLTZ-PA: Nid Mae'n gwneud. Gyda'r rhan fwyaf o'r pethau hyn, nad ydych yn cau'r tag, 99% o'r amser dim byd drwg yn mynd i ddigwydd, ond mae'n arddull da, hefyd. Felly Jacob. Ac yr ydym wedi letys. GYNULLEIDFA: Ar gyfer cysylltiadau, mae'n bwysig iawn. ALLISON BUCHHOLTZ-PA: Hm? GYNULLEIDFA: Ar gyfer hypergysylltiadau. ALLISON BUCHHOLTZ-PA: Ar gyfer hypergysylltiadau. Oes, mae angen ei hypergysylltiadau. OK, felly gadewch i ni weld yma. Ac rydym yn cael y diwedd ein rhestr. Ac rydym yn edrych ar hynny. Rydym wedi all-- Jacob, iawn yno. Bwyd Rabbit. Fy atgoffa o Bunnicula. 

GYNULLEIDFA: [Anghlywadwy] ALLISON BUCHHOLTZ-UA: Dw i'n dod yn ôl holl hen gyfeiriadau ysgol heddiw, Nid yw i mi? Dim ond yr holl hen gyfeiriadau ysgol. A ddylai wedi dod fel Gogurts neu rywbeth ar gyfer byrbrydau. 

GYNULLEIDFA: Neu Gushers. ALLISON BUCHHOLTZ-PA: Oh. OK. 'N annhymerus' gweld os gallaf olrhain lawr Gushers gyfer yr wythnos nesaf. Rwy'n credu fy mod yn gallu gwneud hynny. Rwy'n credu y gallem gael rhai yn y swyddfa. 

Iawn, felly rydym wedi cwmpasu llawer o wahanol pethau y gallwch eu gwneud gyda HTML, dde? Ac fel y mae'n debyg y gallwch weld, 'i' nothing-- gobeithio, heb fod yn rhy intim-- os yw, nid wyf yn golygu i bychanu unrhyw un. Os ydych yn cael trafferth, dewch siarad i mi. 

Ond yn y rhan fwyaf ohono yn unig edrych ar y gystrawen, dde? Os ydych chi eisiau rhestr di-drefn, os ydych am ryw fath o restr, os ydych am i alinio rhywbeth neu fformat rhywbeth, mae'n ymwneud yn unig fath o edrych i fyny y cystrawen ar gyfer HTML, dde? Ac un peth sy'n oer 'n bert mewn gwirionedd yw os byddwch yn mynd i-- gadewch i ni weld, beth 'na gwefan braf bod yn hoffi? Dylai unrhyw un gennych unrhyw hoff wefannau sydd yn iawn i ddod i fyny ar-lein? Rydych yn gwybod beth, gadewch i ni dim ond yn ei wneud CS50. Dyna braf a diogel, dde? 

OK, felly CS50 yma. 'Drycha, mae' na adran ar hyn o bryd. Os ydych yn hoffi y ffordd y mae'n edrych. 

GYNULLEIDFA: [Anghlywadwy]. ALLISON BUCHHOLTZ-PA: Nid ydym yn mynd i wneud adran meta, guys. Nid yw'n digwydd. Byddai'n cŵl, ond nid ydym yn mynd i wneud hynny. 

Felly beth ydych chi'n allai ei wneud os ydych yn hoffi y ffordd mae hyn yn gweithio yw eich bod bob amser yn bosibl yn iawn cliciwch ar unrhyw dudalen ar y we yr ydych yn hoffi a gallwch wneud View Page Ffynhonnell. Bydd yn dod i fyny yr holl HTML. Ac mae hyn mewn gwirionedd yn wirioneddol dda ffordd i arddull eich tudalen we eich hun. Ewch i dudalen we sy'n chi 'n sylweddol yn hoffi ac yn edrych ar y HTML a chyfrif i maes sut y maent yn gwneud hynny. 

Ac yn llythrennol, ar yr amod fel y byddwch yn nodi pethau, ar yr amod nad ydych yn unig dwyn oddi wrth bobl, mae'n iawn. Yn arbennig ar gyfer CS50 [? cyllid?], rydym yn fath o ydych yn disgwyl ei gael ysbrydoliaeth o wefan arall. Felly mae croeso. Edrychwch drwy wefannau sy'n yn eich barn chi yn wirioneddol 'n bert a chyfrif i maes sut y maent yn ei ddefnyddio HTML a CSS i wneud y pethau hyn. 

Felly, fel y gwelwch yma, mae yn amlwg fel cysylltiadau ac mae gennym ddosbarth yma. Mae gennym gysylltiad yma. Mae gennym restr. Mae gennym debyg bod gennych rai lluniau i mewn yma yn rhywle. 

Mae gennym rai steil oer yma. Dyma'r peth nesaf ydym yn mynd i'w wneud. Felly arddull, pryd bynnag y byddwch yn gweld y rhain cromfachau arddull, 'i' CSS bôn. Ben, oedd gennych chi gwestiwn? 

GYNULLEIDFA: Beth yw div? 

ALLISON BUCHHOLTZ-PA: div yn unig a-- beth yw div? GYNULLEIDFA: Is-adran. ALLISON BUCHHOLTZ-PA: Is-adran. Yeah, 'i' yn union fel gwahanu elfennau gwahanol. Iawn, felly dyma beth rydym yn mynd i fynd i mewn nesaf. Felly, efallai na fydd hyn fod y gorau arddull oherwydd, os byddwch yn sylwi rydym wedi HTML ac arddull yn yr un dudalen, ac yr ydym mewn gwirionedd yn awyddus i wahanu'r rhai hynny, OK? Ac mewn gwirionedd, gadewch i mi agor fy un cywir gan fod hyn yn dybiedig i fod yn y PDF, felly mae gennym style.css. 

Felly, yr hyn y gallwn ei wneud yma yw y rhain yn bethau oer fel rhyw pylu a gallem geisio gwneud hynny, ond yr wyf yn teimlo fel yr wyf byddai llanast sydd i fyny ar y hedfan, felly yr wyf yn eich annog guys i mynd yn cynnig hynny ar eich pen eich hun, ond dydw i ddim yn mynd i wneud hynny ar hyn o bryd. Felly, os ydych guys, cofiwch, os ydych chi erioed wedi taro set problem, rhywbeth swoops i mewn o'r ochr. Mae'n rhaid iddo wneud â'r pylu ac y newid a whatnot. 

GYNULLEIDFA: A dyna i gyd CSS a HTML? 

ALLISON BUCHHOLTZ-PA: Pob CSS a HTML. Yeah. Felly, gallwch chi wneud llawer o 'n sylweddol pethau oeri gyda CSS a HTML. Felly, gyda'n anhygoel dudalen we bunny yma, rydym yn yn mynd i wneud ychydig ychydig o steilio CSS ag ef. 

Felly, os ydych chi erioed wedi arddull taflen, sydd gennym yma, gallwch ffonio style.css. Gallwch ei alw'n beth bynnag y dymunwch. Yr hyn sy'n bwysig yw ein bod yn mynd i gyfeirio iddo yn ein web.html yma. 

Felly, yr hyn rydym yn mynd i'w wneud yw we-- felly nid wyf yn gwneud llanast up-- rydym yn mynd i gysylltu y ddwy ffeil hyn gyda'i gilydd. Felly, yn yr un way-- dwi'n mynd i dynnu cyfatebiaeth i C yma. Yn yr un modd, os oes gennych rhywfaint library-- ac mae gennym cs50.h-- ein compiler ei gysylltu. Mae hyn yn unig yw eglur dolen ar ein rhan ni. Felly, yn yr un modd ag yr ydym yn ei wneud hash yn cynnwys rhywfaint o ffeil, beth Rwy'n ar fin ysgrifennu yn unig y HTML / CSS cyfateb i hynny. 

Yr ydym ar fin ei ddweud, OK, y dudalen yma yn mynd i ddefnyddio'r arddull hwn, OK? Felly mae gennym gyswllt rel cyfartal i arddull. Ac yna mae gennym y math, css. Ac yna href yn gyfartal. 

OK. Felly, i gyd yn gwneud hyn yma yw y gallwch feddwl am hyn fel yr un peth fel hash cynnwys. Yn amlwg mae'n edrych ychydig yn fwy gymhleth, ond ym mhob achos, 'i' yr un peth yn effeithiol. Felly, mae hyn yn unig yw peth cysylltu â dalen arddull, 'i' y math o destun / css, ac enw ei fod yn style.css. 

Yr hyn sy'n bwysig i wybod yw bod y dudalen we fy mod i'n gweithio yn iawn now-- web.html ac style.css-- yn yr un folder. Oherwydd bod mewn gwahanol ffolderi, angen i chi roi i'r gwraidd gwirioneddol iddo neu'r llwybr iddo. Ond yn yr achos hwn, rydym yn cadw ei super syml ac mae'n mynd i fod yma. Felly os ydym yn gwneud hynny, mae gennyf rai pethau eisoes yn ciwio i fyny yma. 

Felly, mae gennym rai corff, sy'n mynd i gael ein lliw cefndir, a oedd yn ar hyn o bryd yn las golau. Gallwn newid os ydym am, ond os wyf yn cofio hyn yn gywir, dylai jyst newid i las golau. Ac yn awr mae gennym gefndir glas golau. A chawsom Yma-- gall unrhyw un gofio pa un yn ID hash neu ddosbarth? 

GYNULLEIDFA: ID. 

ALLISON BUCHHOLTZ-PA: ID. Cool. Felly, yr hyn yr ydym am ei wneud yw pa un o'r ffontiau hyn neu ac-- ydym ni eisiau "Edrych ar y bunny cute "i fod yn borffor? Rwy'n credu ein bod am i hynny fod yn borffor. Rwy'n eithaf i lawr gyda fod bod porffor. 

Felly, yr hyn yr ydych ei wneud yw eich bod yn ei wneud ID equals-- yn yr achos hwn Dywedais, yr hyn, lliw 'n bert yma. Rydym yn ail-lwytho. Yn sydyn, mae'n porffor. Iawn, felly gyda ID, cofiwch mae angen iddo fod yn unigryw, felly dylai i byth yn defnyddio ID hwn yn unrhyw le arall. Ond gyda dosbarth, fel yr ydym wedi yma gyda ffont 'n bert, Dylwn fod yn gallu defnyddio bod unrhyw le rwyf am. 

Felly, gadewch i ni wneud hyn yn un yma. Felly, gallwn ddweud dosbarth hafal ffont 'n bert. Ac os ydym yn edrych yn awr, yr ydym wedi y ffont 'n bert oera yma. Felly efallai rwyf am wneud y ddau. OK, yr wyf nid mewn gwirionedd yn gwybod os yw hyn yn mynd i'r gwaith, ond yr wyf am roi cynnig arni. Ac mae hyn yw sut yr ydych yn dysgu CSS a HTML. Ydych chi fel, chi'n gwybod beth, rwyf am roi cynnig ar hyn. Dydw i ddim yn siwr os yw'n mynd i weithio. Gadewch i ni weld a yw'n gweithio. 

Ac yn edrych ar hynny. Awron 'i' mewn porffor a 'i' 'n bert ffont. Iawn, felly mae gennych y rhain i gyd wahanol bethau y gallwch ei wneud. Oes gennych chi gwestiwn? 

GYNULLEIDFA: Yeah. Wel, yn union fel y lliwiau rydych yn ei ddefnyddio yn eiriau. A oes ffordd o wneud lliwiau gyda'r hecsadegol RGB? ALLISON BUCHHOLTZ-UA: Gallwch hefyd wneud hynny gyda hexidecimal, yr wyf yn credu. Yeah. Ond mae'n fath o 'n glws os ydych nad ydych am i edrych i fyny. Alli jyst fod yn debyg, porffor neu las. GYNULLEIDFA: Gadewch i ni obeithio eu bod yn gwybod beth mae hynny'n ei olygu. ALLISON BUCHHOLTZ-PA: Iawn. Felly, gadewch i ni wneud darllen hwn neu chartreuse. Pam fyddech chi erioed yn dewis chartreuse? Mae'n lliw diddorol. 

Iawn, felly mae'n amlwg y gallwn weld ein bod yn gallu newid pethau, fodd bynnag rydym eisiau. Os ydych eisiau create-- gadewch i ni ddweud roeddem am greu dosbarth arall. Beth allech chi guys eisiau newid? Os ydych yn tynnu i fyny W3Schools ' Dogfennaeth CSS, Rwy'n gadael y llawr i chi guys. Gallwn geisio gwneud rhywbeth oeri gyda hyn yn ystod yr ychydig olaf o funudau. Am fy mod i wedi fath o roddir i chi a damwain cwrs ar lawer o bethau cŵl y gallwch ei wneud. Ond yn y diwedd, fel y dywedais, os ydych dim ond arbrawf, byddwch yn dysgu llawer. 

GYNULLEIDFA: A wnaethoch edrych i fyny y ffont? 

ALLISON BUCHHOLTZ-PA: Yeah, Rwy'n edrych i fyny y ffont. Felly fel llythrennol, yr wyf yn aeth i-- beth wnes i? Fe wnes rhestr ffont CSS, a Yna, fe wnes stac ffont, ac yna yr wyf yn hoffi, edrych, dyma yw'r holl ffontiau oera y gallwch ei wneud. Ac yr oedd yr un yma, felly I gopïo hi i fy clipfwrdd. Ac yna Roeddwn yn hoffi, OK, oer, dyna ni. I gyd ei wneud. 

GYNULLEIDFA: Felly oes rhaid i chi wneud yn siŵr y CSS yn gwybod beth y ffont yn. 

ALLISON BUCHHOLTZ-PA: Ie. 

GYNULLEIDFA: Sut beth yw ei ddweud ar y diwedd? Redol? 

ALLISON BUCHHOLTZ-PA: redol. Yeah. 

GYNULLEIDFA: image Cefndir. 

ALLISON BUCHHOLTZ-PA: image Cefndir. OK. Felly rydych chi am ddweud wrthyf sut i wneud hyn. Yr wyf yn gadael hyn i chi. Im 'jyst yn teipio i fyny yma nawr. Mae'r olwyn yn eich dwylo chi. 

GYNULLEIDFA: OK 

ALLISON BUCHHOLTZ-PA: OK. Beth ydw i'n ei wneud? 

GYNULLEIDFA: Doing-- Rwy'n gwybod beth dod ar ôl y Brace cyrliog. ALLISON BUCHHOLTZ-PA: OK. Felly, yn ôl pob tebyg yn y corff, yr wyf yn Byddai cymryd yn ganiataol, oherwydd ein bod yn wneud gyda'r ddelwedd cefndir. 

GYNULLEIDFA: Yeah, gadewch i ni wneud hynny. 

ALLISON BUCHHOLTZ-PA: OK. GYNULLEIDFA: OK, felly cefndir colon, ac yna rydym yn Mae angen cyfeiriad URL y ddelwedd. Efallai ffug-god hynny am y tro, efallai. 

ALLISON BUCHHOLTZ-PA: Beth hoffech i mi i-- GYNULLEIDFA: Rydw i'n meddwl fel GIF. ALLISON BUCHHOLTZ-PA: A GIF? Mae hynny'n mynd i fod yn ddiddorol. OK, beth ydw i'n googling yma? 

GYNULLEIDFA: Na, mae hynny'n eich dewis. 

ALLISON BUCHHOLTZ-PA: Pam peidiwch â we-- os yw'n gwningen, Rwy'n teimlo fel y dylai fod gennym lawnt glaswelltog 'n glws neu rywbeth. 

GYNULLEIDFA: Meadow. Mae dôl. 

ALLISON BUCHHOLTZ-PA: A ddôl? OK. GYNULLEIDFA: Neu Rachel Maddow. ALLISON BUCHHOLTZ-PA: Mae hyn yn un yn edrych yn bert. O, dyna tiny, er. Mae angen delwedd faint da. Gadewch i ni weld. Oh, yn edrych. Dyna 'n bert dôl. Rydych yn gwybod beth, yr wyf yn hoffi yr un yma. Gadewch i gopïo yr un yma. 

GYNULLEIDFA: OK, felly yr wyf yn meddwl ei fod yn yr URL, cromfachau agored. 

ALLISON BUCHHOLTZ-PA: OK, URL. 

GYNULLEIDFA: Yna y cyfeiriad. 

ALLISON BUCHHOLTZ-PA: OK. Yw bod angen i ni i gyd? 

GYNULLEIDFA: hanner colon cromfachau Close, ac yna gofod, cysylltnod cefndir colon ymlyniad sefydlog, a Brace cyrliog. 

ALLISON BUCHHOLTZ-PA: OK. Gadewch i ni weld os sy'n gweithio. Mae'n mynd i fod yn eithaf oer os yw'n gwneud hynny. Rwy'n wirioneddol gyffrous iawn yma. Nid oedd yn gweithio. Tybed pam. GYNULLEIDFA: Efallai yr URL wedi i fod mewn dyfyniadau. ALLISON BUCHHOLTZ-PA: Efallai. Ac mae hyn yw sut yr ydym yn dysgu, guys. 

GYNULLEIDFA: A allwn gael cefndir lliw a delwedd cefndir? 

GYNULLEIDFA: Na Mae un yn disodli'r arall. 

ALLISON BUCHHOLTZ-UA: I dunno. Gadewch i ni weld. Gadewch i ni edrych arni a gweld. 

GYNULLEIDFA: O, efallai, yeah. [LLEISIAU gosod eu hunain] 

ALLISON BUCHHOLTZ-PA: OK, mae hyn yn obviously-- I [Anghlywadwy] yma. Felly OK. GYNULLEIDFA: atodiad Cefndir. ALLISON BUCHHOLTZ-PA: Ah. 

GYNULLEIDFA: OK, nid wyf yn gwybod. ALLISON BUCHHOLTZ-PA: Mae'n edrych fel y dylai weithio. A ydych yn sicr ei fod yn colon ar ôl yr URL? 

GYNULLEIDFA: Na, mae'n hanner colon. ALLISON BUCHHOLTZ-PA: Mae'n hanner colon. GYNULLEIDFA: Oeddwn i'n ei ddweud colon? ALLISON BUCHHOLTZ-PA: Dywedasoch a colon. GYNULLEIDFA: O na. ALLISON BUCHHOLTZ-PA: Dyna chi. GYNULLEIDFA: O, aros, yn awr ni allwn ddarllen y testun. ALLISON BUCHHOLTZ-PA: Now nad ydych yn gallu darllen y testun, ond mae gennym y ddelwedd cefndir. Mmhmm? 

GYNULLEIDFA: A yw HTML cefnogi cynnwys deinamig? Fel, gallech newid maint y llun yn dibynnu ar faint ffenestr, neu yw bod CSS-- 

ALLISON BUCHHOLTZ-PA: Felly CSS wedi ei wneud hynny. Felly, os ydych guys ddiddordeb mewn dysgu CSS uwch, Yr wyf yn cyd-addysgu seminar ar CSS ar y 7fed. Ac yr wyf yn addo y bydd yn fod yn llawer mwy o ddyfnder ac yn gwneud llawer mwy oer pethau yn yr adran hon. Ac mae fy nghyd-athro yn debyg cyfanswm pen blaen meistr dev we. Felly, bydd yn cael ei 'n bert oera os ydych am i ddysgu am yr holl bethau oer Gall y CSS ei wneud. 

Ond yr hyn sydd gennym yma gyda ei ymlyniad gefndir fixed-- felly mae'n rhyw size-- sefydlog ond gallwch dynamically-- mewn gwirionedd os ydych chi erioed wedi gweld tudalennau gwe, fel y bydd y rhan fwyaf o dudalennau gwe da yn ei wneud, pan fyddwch yn addasu'r maint eich porwr, mae'n addasu'r cefndir neu faint yn dangos neu reformats pethau, dde? Felly, dyna beth yr ydym yn galw lleoliad cymharol. 

A gall CSS gwirionedd chrafangia pa mor fawr yw eich lled porwr, neu pa mor dal y mae, ac rydych yn gallu gosod pethau yn ôl y meintiau cymharol erbyn meintiau absoliwt. A dyna yn amlwg yn fwy datblygedig CSS, ond mae hynny'n rhywbeth y gallwch ei wneud. Os ydych am ddysgu mwy, yn dod i fy seminar. 

Felly, mae hynny'n rhywbeth y gallwch ei wneud. A CSS gall mewn gwirionedd do-- CSS a JavaScript, y byddwn yn mynd i mewn nesaf week-- Gall caniatáu i chi newid ddeinamig tudalennau heb orfod ail-lwytho nhw drwy'r amser. A byddwch yn cael i wneud rhywfaint o stwff 'n bert oera. 

Felly mae yna beth arall y gallech chi guys am ei wneud neu unrhyw beth rydych am ei archwilio? Mae gennym 10 munud sydd ar ôl. Gallwn hefyd yn gadael yn gynnar, ond os ydych am wneud ychydig mwy o bethau ar y we, gallwn, ond dydw i ddim mynd i eich gorfodi i. Ond gallwn hefyd jyst yn bwyta candy. GYNULLEIDFA: Amlygwch y testun gwyn er mwyn i chi ei ddarllen. ALLISON BUCHHOLTZ-PA: OK. Felly, yn yr achos hwn, rydym am gael rhywfaint o t. GYNULLEIDFA: A ddylem ni ei wneud yn y corff fel y mae'n gymwys i'r dudalen gyfan? ALLISON BUCHHOLTZ-PA: Ie, gallwn mewn gwirionedd. Dyna syniad da. Felly have-- ni ei wneud i chi gwybod beth y dylem fod? Nid wyf yn gwybod os gallwn wneud lliw testun. Roeddwn i'n mynd i geisio creu dosbarth arall yma. 

GYNULLEIDFA: Sut ydych chi'n cael hynny bod ganddo'r awgrymiadau? ALLISON BUCHHOLTZ-PA: Felly os ydych guys oes diddordeb, mae hyn yn destun arall golygydd o'r enw Aruchel. Dylech fod yn gallu osod ar eich peiriant. Weithiau mae'n cael ychydig yn anodd. Os ydych chi eisiau helpu gyda hynny, Rwy'n super hapus i helpu chi ag ef, gan fod gedit yn wych ac mae'n anhygoel oherwydd gallwch lunio ei ar y gwaelod, ond Fi 'n sylweddol fel Aruchel am ei fod yn 'n bert ac mae'n gwneud pethau fel auto-gwblhau. 

Felly, gallwch yn bendant yn teimlo'n rhydd i gadewch i mi wybod os ydych am wneud hynny. Os ydych yn unig google "Aruchel testun, "ei fod fel arfer Mae cyfarwyddiadau ar sut i osod ar systemau gweithredu gwahanol. Mae'n wirioneddol cŵl, yr wyf yn yn meddwl, yn fy marn i. Felly p. Rwy'n meddwl y gallaf ei wneud text-- neu gallwn dim ond gwneud lliw yn "wyn." Yno. 

Felly beth wnes i yma yw fy mod nid oedd yn newid holl destun. Ond p yma yn unig yw tag sydd gennym, dde? Mae hyn yn tag paragraff. Felly, Fi jyst creu elfen CSS sy'n Meddai, OK, unrhyw beth gyda tag hwn p, yn gwneud y lliw gwyn. 

Felly os ydych yn sylwi, ei fod yn gwneud wyn hwn a gwyn yma. Nid oedd yn gwneud ein rhestr gwyn oherwydd nid yw'n gysylltiedig â hynny. Gallech fynd trwy a gallech say-- 

GYNULLEIDFA: A yw lliw cefndir. 

ALLISON BUCHHOLTZ-PA: Lliw cefndir? 

GYNULLEIDFA: Cefndir i'r bibell yn lliw lle rydych yn rhoi'r tag p. 

ALLISON BUCHHOLTZ-PA: OK. Rydych am ei bod yn wyn? GYNULLEIDFA: Mmhmm. ALLISON BUCHHOLTZ-PA: OK. Dyna ni. GYNULLEIDFA: Mae hynny'n rhyfedd. ALLISON BUCHHOLTZ-PA: 'N bert oera, dde? Felly, os ydych yn unig llanast o gwmpas, ydych yn mynd i ddysgu llawer. A gall fod yn 'n bert oera. Rwy'n credu ei fod yn bendant yn fwy braf nag weithiau oherwydd nad oes rhaid i chi aros ar gyfer eich rhaglen i lunio. Alli jyst daro Refresh a ydych chi fel, oh, yn edrych, ei fod yn gweithio, neu oh, rwy'n yn ôl pob tebyg yn colli rhywbeth. Ac mae hynny'n rhywbeth sy'n '' n sylweddol cŵl am y rhan nesaf y dosbarth, yw ei fod yn bendant, yr wyf yn meddwl, yn haws i wirio wrth i chi fynd ar hyd y ffordd yn erbyn gorfod ysgrifennu rhaglenni hir hyn ac sy'n dymuno ac yn gweddïo ei fod yn gweithio ar y diwedd. 

Felly, gyda hynny, yr wyf yn meddwl chi guys i gyd yn ymddangos yn dda. Os oes gennych unrhyw gwestiynau, fel bob amser, dewch siarad i mi, dewch gadewch i mi wybod. Byddaf yn union y tu allan am y 15 munud nesaf os ydych am i sgwrsio am unrhyw beth a phopeth. 

Felly, yr wyf yn gobeithio y byddwch yn guys-- pob lwc gyda'r pset hwn. Y dyddiad cau yw dydd Gwener am hanner dydd oherwydd iddo gael ei ryddhau yn hwyr. Felly, byddaf yn ôl pob tebyg yn cael eu gweld llawer ohonoch guys ar ddydd Iau, ond gobeithio na. Efallai bydd rhaid i chi ei wneud erbyn hynny. Byddwn i super falch ohono. 

Ond os na, byddaf yn gweld chi Dydd Iau. Gallwch hefyd ddefnyddio dyddiad hwyr, a oedd yn ymestyn i Sadwrn am hanner dydd. Ond yr wyf yn don't-- huh? 

GYNULLEIDFA: Calan Gaeaf. 

ALLISON BUCHHOLTZ-PA: Mae'n Calan Gaeaf, a, a b, Nid wyf yn credu bod bydd fod oriau swyddfa ar ddydd Gwener. Felly, wir yn ceisio ac yn cael ei wneud gan Dydd Gwener er mwyn i ni i gyd yn dathlu Hallow penwythnos. Mae pob hawl, 'n annhymerus' gweld chi guys yr wythnos nesaf.