[Tónlist spila] ALLISON BUCHHOLTZ-AU: Allt í lagi, allir. Velkomin aftur til kafla. Svo hlutina í dag er að fara yfir miklu meiri vefur dev efni. Ég veit ekki hversu margir af þú hefur séð psets þínum síðan það var gefið út Fyrr í morgun. Ég vildi eins og hversu margir fólk hefur lesið sérstakur, en að sjá eins og hvernig þú hefur haft allt af, eins og, sjö klukkustundir til að líta á það og það er a mánudegi og þú hefur sennilega haft bekknum, Ég ætla að gera ráð fyrir að flest ykkar hafa ekki. Ef þú ert, auka frægð. Þú ert í rauninni að hjálpa innleiða einfaldur vefur miðlara í C, sem er glæný pset, svo þú krakkar fá að vera Gínea svín. Það er að fara að vera skemmtilegt, villtur viku, en ég held að það verður að vera a einhver fjöldi af gaman og það mun vera mjög góð reynsla reyndar. Svo til að undirbúa þig fyrir að í kafla í dag, við erum að fara að fara chmod, TCP / IP, og þá smá HTML og CSS. Í lokin munum við í raun númer upp einfaldur vefur blaðsíða saman til að hjálpa þér krakkar konar fá meira kynnt með það. Og svo ef þú hefur ekki sóttir Skyndipróf þínir, þeir í framan, en ég er nokkuð viss um að allir hér hefur quiz þeirra. Og einnig á að huga, lausnir eru ekki upp enn, en um leið og við finish-- vill, Síðasta fáir taka quizzes-- þeirra þeir vilja vera upp. Ef þú hefur einhverjar spurningar í millitíðinni, feel frjáls til email mig persónulega. Ég mun svara við einstaka þínum spurningar, eins og ég geri alltaf. Svo á að huga, chmod. Svo í rauninni allt sem þú þurfa að vita um chmod er að það er notað til að breyta skrá heimildir, ekki satt? Svo það er bara sumir kerfi kalla það breyta heimildum, eins og það segir hér. Og ef þú vilt alltaf að sjá hvað heimildir skrá hafi, í stað þess að bara að gera LS, gætir þú gert LS -L. L stendur fyrir lengi. Svo þú munt gera langan lista af öllu, og það mun gefa þér mikið nákvæmari upplýsingar um hverja skrá. Og þú munt sjá something-- ég fara að sleppa undan fyrir second-- en þú munt sjá eitthvað svipað að efstu línu þar fyrir hverja skrá. Og við munum fara í gegnum hvað það þýðir. Svo í grundvallaratriðum, til að breyta skrá heimildir, þú vilt bara að nota chmod. Þú getur hugsað um það eins og allir aðrir UNIX kalla eins LS eða cd eða whatnot. Það er bara svona annað eins símtal. Svo við gerum chmod og þá munum við hafa þrjá tölustafi venjulega. There ert a par leiðir til að gera það, einn sem við munum fara yfir. En venjulega, munt þú hafa þrjú tölunum allt 0-7 hvert skipti. Svo er eitt sem það eru þrjár mismunandi heimildir að við getum gefið hverja skrá. Og það er læsileg, sem er táknuð með R, sem skynsamleg í smá; w, sem er skrifanleg; og executable, sem er x. Ég veit að e einn, executable, kannski ekki mest vit, en við tákna það með x. Og þá er það sem gerist hvert þessara einnig hafa fjölda fulltrúa. Þannig að við höfum 1, 2, og 4. Og í rauninni það sem gerist er hver af þessum þremur tölum hér samsvarar annað sett af notendum að þeir heimildir lúta að. Svo er hægt að hugsa um það fyrst númer samsvarar raunverulegum notanda eða eigandi skrárinnar, annað tala í samræmi við hópinn, og það síðasta vísar til í heiminum, OK? Svo er það sem gerist muna þá Numbers r er 4, m er 2, x er 1, ekki satt? This-- ef þú summa þetta upp, sem gefur þér að fyrsta talan til þess að vera inntak í chmod okkar. Þannig að í þessu tilfelli, hvað væri þessi tala vera? Það myndi vera 4 plús 2 plús 1, sem er 7, ekki satt? Og í þessu tilfelli, þessir hafa ekki neitt, svo þetta hérna myndi þýða að chmod 700, OK? Og hvað það gerir er að það veitir allar þessara leyfi til notanda. Svo þýðir þessi notandi okkar getur gert hvað sem þeir vilja. Þeir geta lesið skrána. Þeir geta keyrt þessa skrá. Þeir geta skrifað í þessa skrá. En hópur og heimurinn, ekki heimildir af neinu tagi, OK? Svo önnur leið til að skrifa það, við getum gera chmod af þremur tölustöfum, sem hver um sig samsvarar Whatever sem summu eða sérstakur hópur er sérstakur hluti. Eða við getum gert í raun annar hlutur. Bíddu. Við getum gert eitthvað með þetta hér. Hversu margir af þú sá dæmi þar sem það var eins og að chmod plús x? Sástu að í fyrirlestri, sem ég held? Svo stendur fyrir alla. Það þýðir að gefa það til allra notenda, sem ég gleymdi að setja hér. En plús x, ef vér taka hér, ef við gerum að chmod-- hvaða hóp við erum tala um plús heimildir við viljum að gefa þeim. Þannig að þetta getur verið plús eða mínus. Plus bætir leyfi. Minus tekur burt leyfi. Pretty innsæi, held ég. Svo plús x merkir chmod. Svo breyta heimildum allra manna Ef þetta er a-- bæta heimildir. Og x-- það þýðir hvað leyfi erum veitingu alla. Lesa, skrifa, eða keyra? Áhorfendur: Framkvæma. ALLISON BUCHHOLTZ-AU: Framkvæma. Þannig að við erum að gefa öllum notendum leyfi til að keyra þessa skrá, OK? Svo hvað ef við vildum gera að með tölugildi formi? Svo muna með tölugildi, við viljum þrjár tölur. Áhorfendur: 4. ALLISON BUCHHOLTZ-AU: Hvað var þetta? Áhorfendur: 4. ALLISON BUCHHOLTZ-AU: ekki 4. Áhorfendur: 0, 0, 4. ALLISON BUCHHOLTZ-AU: Jæja, við viljum að gefa það til allra notenda, ekki satt? Þannig að við erum að fara að hafa a tala í hvert rifa. Það er að fara til vera the sama númerið í hvert rifa vegna þess að við viljum bara til að gefa allir executable heimildir. Svo er executable 1, en á réttri leið. Þannig að ef við gerðum chmod 111 sem myndi vera ígildi chmod plús x. Er að gera skilningarvit til alla? Við erum að fara að fara í gegnum a par af dæmi. Svo stóru takeaway hér er er ekki hér, en þýðir bara að gefa það til allra notenda. u er ef þú vilt bara að gefa eða taka í burtu sérstök leyfi frá notanda eða eigandinn. g er fyrir hópinn, þannig að miðja stafa. Og svo aðrir sem þú getur hugsa um eins og heimurinn, þessi síðasta tölustafinn. Svo með það, munum við fara í dæmi, því mér finnst eins og dæmi alltaf gera þetta auðveldara að skilja. Svo rwx-- við fórum í gegnum this-- gæti líka verið að tákna sem 700. Það er dæmi sem við leit á meira af myndinni. Svo chmod 444 á sumum skrá myndi gefa það leyfi? Þú varst mjög nálægt. Áhorfendur: læsileg öllum. ALLISON BUCHHOLTZ-AU: læsileg. Svo læsileg öllum, ekki satt? Og svo er það önnur leið til að gera það? Ef við viljum gera chmod með annaðhvort r eða W, auk og minuses, hvað myndi það kalla út? Það væri chmod hvað? Áhorfendur: plús r. ALLISON BUCHHOLTZ-AU: plús r á 5. OK, þannig að þetta er það sama og þetta, bara tvö mismunandi þýðingar af sama. Svo með það, höfum við þetta. Svo ég vil að þú krakkar að reyna skrifa Þessar konar í gagnstæða hátt. Svo með chmod 555, hvað myndi það vera eins og? Væri plús eða u plús eða whatnot? Fyrir u auk X, gefa mér þrjár tölur. Og þá segja mér um hvað leyfi við erum í raun að veita og hver? Svo ég ætla að gefa ykkur tvö mínútur til að vinna á því. Feel frjáls til að tala við hvert annað. Fyrir þau ykkar sem kom í smá seint, það er nammi og skyrtur. Við höfum þrjár skyrtur vinstri, og við höfum Kit Kats og Starbursts. Svo ekki hika við að koma grípa sumir í þessu litla hlé. Einnig, það síðasta er erfiður. Það er tvær chmods fyrir síðasta. Reyndar, láta mig nálægt að dyrum meðan þið eruð að vinna á það. Candy er alltaf nauðsynlegt á Mánudagur síðdegi. OK, svo chmod 555. Hvað er önnur leið sem við gætum skrifað þetta? Einhverjar hugmyndir? Já. Áhorfendur: plús RX. ALLISON BUCHHOLTZ-AU: r auk RX. Viltu útskýra hvers vegna það væri RX? Áhorfendur: Þar sem þú ert 5, svo það er 4 plús 1, svo það er lesið plús executable, og það er fyrir öllu. ALLISON BUCHHOLTZ-AU: Hægri. Svo bara til að ítreka, 5 hér við vitum sem summa 4 og 1, því að hver tala í tríó okkar er Summa leyfi fyrir þessi hlutmengi, ekki satt? Annaðhvort notandi, hópur eða heimurinn. Svo í þessu tilfelli, við vitum að 5 þarf að vera mynduð af 4 og 1. Og 4 og 1 samsvara læsileg og executable. Við erum að gefa það til allra, svo við getum gert chmod plús RX. Og vitanlega, fórum við bara gegnum spurningum þar, svo nú er þetta skrá executable og læsileg öllum. Svo hvað um seinni? Hvað gæti fjöldi fyrir að einn vera? Einhverjar hugmyndir? Fara á undan. Áhorfendur: 100 [inaudible]. ALLISON BUCHHOLTZ-AU: 100. Einmitt. Svo viltu útskýra af hverju 100? Áhorfendur: Vegna þess að það er fyrir notandi, svo það er í fyrstu stöðu. Og þá er 1 x executable. ALLISON BUCHHOLTZ-AU: Einmitt. Þannig að við erum að veita executable heimildir bara notanda. Svo í þessu tilfelli, það væri 100. Og ég hef öll svörin upp á næstu glæru ef þú ert að skrifa fullt af hlutum niður. OK, þannig að þetta næsta einn er í raun gert með tveimur chmods, gastu gert það. Svo hjartarskinn einhver hafa Allir hugmynd hvernig þú gætir fá chmod 640 endurskrifa á annan hátt? Þú getur breytt notanda fyrst og síðan þú getur breytt hópurinn er vísbending mín. Þannig að ef við vorum bara að breyta notandi, sem er þetta fyrsta hér, hvað gæti kalla okkar verið? Svo notandi er u, ekki satt? Svo chmod u plús hvað? Mmhmm? Áhorfendur: RW. ALLISON BUCHHOLTZ-AU: RW. Einmitt, fyrir að lesa og skrifa, því lesið er 4, m er 2, þá Summa saman eins og 6. Svo við fáum chmod u auk RW, og við fáum fyrstu 6 okkar þar. Svo þá að fá 4, við viljum nú til að breyta stillingum hópsins okkar. Þannig að við erum að fara að gera chmod g plús hvað? Hvað er 4? Áhorfendur: r. ALLISON BUCHHOLTZ-AU: r. Einmitt. Þannig að við erum að gefa eiganda lesa og skrifa leyfi og við erum að gefa hópsins lesa heimildir, sem við höfum öll upp hér. Mmhmm? Áhorfendur: Ef þú getur skrifað eitthvað, þýðir það í sér að þú getur keyrt það? ALLISON BUCHHOLTZ-AU: Þú getur skrifað something-- Ég trúi að það er ekki felur þú getur keyrt það. Cool. Svo er það allt sem við fórum bara í gegnum. Svo á þessu næsta, það er bara svona algengar tilvikum að þú vilt halda í huga fyrir vandamál þitt setja. Þetta eru yfirleitt heimildir að við eins og þú að nota. Svo fyrir 711, sem gefur US, að sjálfsögðu, notandi allar heimildir, sem hefur tilhneigingu til að gera skilningarvit. Og þá er það executable komi hópnum í heiminum, sem vit Ef þú hafa sumir möppu, þú langar að vera fær um að fara yfir í það. Fólk þarf aðgang. Fyrir allir non-PHP skrá, þú ert að fara að nota 644, sem myndi gera það? Hvað þýðir að fela, eða hvað heimildir er að gefa? Þannig að eigandi getur það? Áhorfendur: Lesa og skrifa. ALLISON BUCHHOLTZ-AU: Lesa og skrifa. Og þá hóp og aðrir getur bara lesið, ekki satt? Og svo chmod 600 fyrir einhverju PHP skrár sem þú notar, eigandi þinn, aftur, getur lesa og skrifa það en allir aðrir eru bara svona lokað af. Þannig að þetta mun í raun vera meira gagnlegt þegar þú færð að vanda þínum sett í næstu viku þar sem þú ert í raun að byggja upp vefsíðu. Svo ef þú alltaf að keyra inn einhver undarleg vandamál þar sem það er ekki hleðsla almennilega, kannski þarf að bæta executable leyfi, eða kannski þú þarft að lesa eða skrifa leyfi. Litlu hlutir sem hafa tilhneigingu til að ferðin fólk upp, en það er góður af eins og að fara til þegar þú byrjar næstu viku pset. Og ég myndi gefa þér meira vísbendingar um þessa viku pset, en ég er enn að horfa á það síðan hún kom út í morgun. En þú email mig, ég mun hafa litið á það með þeim tíma sem ég svara á morgun. Svo nú, er allir góður með chmod? Einhverjar dvaldir spurningar? Pretty einfalt. Bara svona að halda utan um hvað lesa, skrifa, og framkvæma númer eru er líklega erfiðasta hluta. Svo með TCP / IP, öllum þessum bókunum, konar eins og með gögn mannvirki í síðustu viku, það er miklu meira mikilvægt að konar fá hærra stigi innsæi þeirra. Þetta er ekki CS143 þar sem við erum að fara að biðja þig að koma á netið, svo þú munt vera fínn ef þú skilur ekki snotur sendinn allra bókunum. Hvað er mikilvægt að skilja er konar eins og það sem þeir tákna og hvers vegna þeir eru mikilvæg. Svo TCP / IP, auðvitað, er það Transmission Control Protocol eða Internet Protocol, sem er grundvallaratriðum bara a setja af lögum í grundvallaratriðum eða staðla sem segja gögn hvernig það ætti að vera stjórnað, hvernig það ætti að vera packetized, send og móttekin. Svo það er í rauninni, eins og það segir hér, eykur líkurnar þessi gögn fær þar þú vilt það til að komast að. Ég er viss um að ef þú krakkar fóru til fyrirlestur eða horfði á það á netinu, hann has-- Ég veit ekki ef hann gerði það á þessu ári, en ég veit á síðasta ári, hafði hann a Demo þar sem hann hafði mynd af Rob og hann kljúfa það upp í fjögur og setja það í umslag og reyndi að fá það yfir Sanders. Og þú getur konar hugsa um það þannig. Það er bara a setja af reglum sem segja gögn hvernig á að fá einhvers staðar og lætur þig vita ef þú ert sem vantar gögn, á sama hátt og ef þú ert taka margar síður af athugasemdum og þú merki þá með bls 104, bls 204, og þú ferð aftur í nám seinna og þú ert sem vantar something-- þú getur ekki fundið síðuna 304-- þú veist eitthvað er rangt, svo þú getur litið í gegnum athugasemdum þínum aftur eða biðja einhvern að senda þér Fyrirlesturinn athugasemdum frá þeim degi. Á sama hátt með gögnum á internetinu. Ef ég er að biðja um eitthvað frá einhverjum miðlara og það þarf að senda það í mörgum pökkum, líklega að fara að tala það á einhvern hátt, láta mig vita hversu margir ég ætti að hafa fengið, og segðu mér, ó, þetta er eitt af 10 eða þetta er einn af 10.000. Þannig þegar ég fer að raða þeim saman öll verkin saman, Ég veit að ef eitthvað er vantar og ég get beðið um það aftur. Er að skynsamleg? Bara reglur. Á grundvelli hennar, setja reglur, OK? Þannig að við ræddum einnig svolítið um höfnum. Þetta er í raun bara a staðall sem lætur þig vita hvaða tegund af gögnum Verið er að flytja í þessum pakka. Ef við förum með okkar umslag dæmi, við gerum ekki veit að það er mynd af Ræna þarna nema við skrifa það á utan á umslagið okkar. Svo hafnir eru í grundvallaratriðum það sama. Það er bara leið til að reikna út hvað tegund af gögnum er send. Þannig að við höfum allt af Algengustu sjálfur hér. Svo 21-- þetta eru líka góður af eins gott að vita. Það er góður af auðvelt quiz spurningu. Vera eins, hvað þýðir höfn 80 gera? Eða hvað þýðir höfn 443 gera? Svo góðir hlutir að vita. Þannig að við höfum hér, 21 er skrá Transfer Protocol, svo bara reglur sem gilda skrá flytja. 25, eitthvað sem við öll nota allt of mikið, er email. 53 er lén kerfi, sem er í grundvallaratriðum bara einskonar útlit fyrir að IP vistfang lén. Þannig að ég er nokkuð viss um að það var getið í fyrirlestri, ef þér fara í eitthvað eins google.com, það hefur óákveðinn greinir í ensku IP tölu sem er í tengslum við það. Það er í raun ekki google.com. Og svo 53 er höfn sem raunverulega tekur umönnun konar þýða það inn í þessi IP heimilisfang fyrir þig. Og svo 80 og 443 eru mjög algengar. Þú annað hvort á vefsíðu þinni eða þú ert örugg vefsíðu þinni, sem mikið af vefsíðum eru flytja yfir til. Svo er þannig mikil yfirlit yfir Transfer Protocol. Ég sé ekki mikið meira í dýpt. Það er góður af kaldur efni ef þú hefur áhuga. Það er nóg af auðlindum. Wikipedia er í raun nokkuð góð síða. Þannig að ég var að horfa á það bara smá stund síðan, svo ég vildi mjög mæla með að horfa á það ef þú hefur áhuga eða taka 143 í tvö ár vegna þess Ég held að það er annað hvert ár. Svo á endanum af þessu, við erum tala um vefsíður og HTTP, sem er reyndar næstu spjallþræði okkar fyrir í dag áður en við förum inn í HTML og CSS og þú getur raunverulega kóða upp vefsíðu. Það verður gaman. Við munum hafa myndir af Kanína og það verður frábært. Svo HTTP, eins og þú geta sjá hér, er einn af yndislegu skammstöfunum fyrir þessa viku, sem er Hypertext Transfer Protocol. Svo aftur, það er bara annað sett af reglum sem stjórnar HyperText flytja, í þessu tilfelli. Svo besta leiðin til að læra um er þetta bara svona að brjóta það niður í þessi orða vegna þess að það er mikið af orð á skjánum þar. Þannig að við erum að fara að byrja með HyperText. Svo "há," hægt er að hugsa um "Hér að ofan," eins og Super-gerð hlutur. Svo það er í raun bara texti tekin til næsta stig, svo það er eins og frábær texti, eins og næsta texta. Svo það er í rauninni bara texta sem gefur okkur meiri upplýsingar en eðlilegt texti gerir, OK? Þannig að í þessu tilfelli hér, þetta er HyperText. Þetta segir okkur að við höfum Sumir tengilinn sem við erum að fara til, sem er cs50.net, sem er nú cs50.harvard.edu. Þessar glærur eru svolítið gömul. Og það er að fara að sýna það sem þetta, sem tengil, og þá a raunverulega kaldur website. Svo það er texti, sem er lítið hluti af raunverulega kaldur hlutur sem eru þarna. Svo er hægt að tengja hluti og þú getur setja inn myndir og þú getur stíl hluti. Og mest kunnugleg hlutur sem þú krakkar hafa sennilega með HyperText er HyperText Markup Language, HTML, sem að sjálfsögðu er allt á vefnum sem við sjáum í kringum okkur, veitt með nokkrum CSS stíl kastað í. En ef einhver hefði virkilega stór með MySpace, Ég er viss um að þið öll notað HTML allan tímann til að búa þá fullkomna snið, ekki satt? Mér finnst eins og þessi gæti verið gamaldags tilvísun nú, en hvað. Bara little-- þú krakkar eru ekki það mikið yngri. Sumir af þú ert eldri en ég. MySpace var enn hlutur þegar ég var ungur. Ég er ekki það gamall. Allavega, HTML bara form HyperText. Svo er HyperText bara texta með added lögun. Svo flytja siðareglur sennilega meira iffy hlutur að útskýra. Vitanlega, transfer-- bara flytja gögn. Svo annað hvort milli viðskiptavinarins, eins vefur bróðir þinn, og miðlara. Svo í rauninni bara hvernig internetið virkar. Svo nákvæm ósk hvernig þessir vinna, við erum í raun að fara að líta á dæmi beiðni og svar. En hvernig við biðja Upplýsingar frá miðlara og hvernig miðlara bregst okkur er hvað flutningurinn siðareglur stjórnar. Svo beiðni og viðbrögð hafa að fylgja þessum sérstakar reglur. Það er staðlaður þannig að sama þar sem þú ert að nota internetið, það virkar alltaf það sama, OK? Aftur, siðareglur, reglur. Það er bara eðlilegt samskipti á sama hátt að prófessor Malan talar um ef einhver nær hönd þeirra, þú veist að það er sameiginlegur kurteisi að ná ykkur út og hrista hönd þeirra. Það er a siðareglur, ekki satt? Svo ég gefa sumir staðlað beiðni, sem er ég vil hrista hönd þína, og þú gefur einhver staðlað svar, sem er annað hvort ekkert þökk eða þú gætir reynt og hrista minn hönd eða kannski þú ert að fara að reyna og hnefi högg mig. Og við höfum ekki siðareglur fyrir það. Það brýtur niður. En ef allir fylgir sömu samskiptareglur, að sjálfsögðu, það fer miklu meira óaðfinnanlega. Fólk fá að vita hver öðrum. Allir er hamingjusamur. Svo í heimi vefnum, allir skilji sömu rules-- örlítið betur en félagslega staðla. En með það, munum við líta á dæmi beiðni hér. Þannig að það er þetta litla Lykillinn hér neðst það segir þér mismunandi litum, það sem þeir ætlast til að meina. Svo hvítt er bara eins þinn aðferð beiðni og siðareglur version-- svo aðferð beiðni útgáfa. Og þá er þetta einhver nafn sviði og gildi af því sviði, sem við munum fara inn í mjög, mjög fljótlega. Svo er þetta dæmi beiðni. Þetta er eins og mig sem nær út, langaði að kynna mig. Þetta er það sem viðskiptavinurinn eða hvaða vefur flettitæki þinn væri að senda til þinn framreiðslumaður. Þannig að þetta er FÁ beiðni, svo það er biðja um eitthvað frá miðlara. Og það er, að sjálfsögðu, HTTP og það er útgáfa 1.1. Svo restin af þessu hér er það sem við köllum haus, og auka upplýsingar þess sem gefur okkur betri hugmynd um hvað við erum í raun að biðja um, eða upplýsingar sem við viljum gefa þjóninum sem gæti verið viðeigandi. Svo gefur meira User-Agent lýsing on-- td hér, Curl / 7.24.0 er í raun að fara að segja Miðlarinn sem við erum að nota Google Chrome eins vafra okkar. Svo ef þú heyrir alltaf um fólk sem talar um að gera app móttækilegur til margra vafra, þetta er eitthvað sem þeir myndi nota vegna þess að ef þú veit ekki hvað vafra beiðnin er að koma frá, þú getur ekki sníða gögnin til. Þannig að í þessu tilfelli, notanda er bara að gefa svona að bera kennsl upplýsingar um hvaða vafra notandi er að nota, OK? Svo þá höfum við einnig gestgjafi, sem er þar sem við erum í raun að vilja fara til. Í þessu tilviki, við viljum fara að apple.com, kaupa sumir kaldur nýr iPads eða eitthvað, kannski sætur ljósin á dorm herbergi okkar. Og nafn verð í lok er bara a filler, bara almenn hlutur fyrir ykkur að sjá. Það er í raun ekki samsvara neitt hér. Svo er hægt að hafa eins mikið eða eins lítið og þú vilt í hverju tilviki. Flest af þeim tíma, eru þessir valfrjáls. Það veltur bara á hvað þú þarft frá vafranum, frá notanda í því skyni að almennilega gefa beiðninni. Eða það fer eftir því hvað notandi væri reyndar vill að gefa upp til the framreiðslumaður. Svo þú gætir hafa margir, margir þessara haus sviði nöfn eða þú getur bara hafa a par. Eins og með svo margt Ég hef sagt í þessum kafla, það fer alveg eftir samhenginu um hvernig þú ert að nota þetta. Svo gerir það vit í að alla? Þetta er bara dæmi um beiðni, hausum, whatnot. OK, svo með það, höfum við nokkur viðbrögð. Aftur höfum við stöðukóði okkar, siðareglur útgáfa, og þá nafn sviði og sviði gildi eins og alltaf. Svo siðareglur útgáfu okkar og stöðukóði okkar er 200. OK, sem þýðir að já, allt gekk vel. Hér er það sem þú vilt. The tegund miðlara efni type-- það segir okkur, OK, þú ert fara að fá smá texta HTML. Hér er lengd þess og hér er hvað þú átt að gera við tenginguna. OK, svo aftur, eftir á gögnum sem þú ert biðja um, allt eftir því hvað miðlara vill að fara aftur til þín, þú kannt að hafa meira af þessum sviði nöfn, þú might hafa minna. Algerlega samhengi háð. Og eins og langt eins og þessari stöðu kóða hér, að sjálfsögðu, 200 er ekki sú eina þú gætir hafa, ekki satt? Við höfum fullt af stöðu númerum. Hefur einhver man eitthvað af aðrir sem við getið í fyrirlestri? A einhver fjöldi af þeim byrja með 4. Áhorfendur: 404. ALLISON BUCHHOLTZ-AU: 404, sem er? Áhorfendur: Skráin fannst ekki? ALLISON BUCHHOLTZ-AU: File fannst ekki. Einmitt. Svo hvað um 403? Áhorfendur: Bannað. ALLISON BUCHHOLTZ-AU: Bannað. Svo hvað finnst þér sem þýðir með chmods? Áhorfendur: Það þýðir að þú hefur ekki heimild til að lesa það. ALLISON BUCHHOLTZ-AU: Einmitt. Á einhvern hátt, þú þarft ekki leyfi til að opna það, ekki satt? Svo 404, 403. There er a raunverulega fyndið eina sem við alltaf kynna á hverju ári sem Ég ætti að hafa sett upp hér, eins 413, sem er ég er katli. Þú getur google þetta. Það er fyndið eins og það er númer 413 og það er ég er katli. Sem ég veit ekki hvers vegna þú vildi alltaf þörf að á internetinu, en ég út fyrir efnið. Áhorfendur: Kannski þú ert te pottinn. ALLISON BUCHHOLTZ-AU: Kannski þjóninum er te pottinn. Hver veit? Allt í lagi, þannig að við erum að fara að umskipti í alvöru erfðaskrá. Mér finnst eins og þú krakkar eru að fara að komast héðan ansi fljótt. Áhorfendur: Hvers vegna það segja "miðlara: tvisvar? ALLISON BUCHHOLTZ-AU: Hm? Server tvisvar? Það er góð spurning. Ég er ekki viss. Ég mun finna út og Ég mun senda ykkur öll. OK, aðrar spurningar utan það? Gott? Cool. HTML og CSS, og nú erum við fá að öllum skemmtilegum hlutum. Svo eins og ég nefndi áður, HTML er sennilega einn af þeim hlutum þú krakkar ert mest þekkir. Þannig að við höfum HyperText Markup Language. Besta leiðin til að læra this-- ég ekki hafa neinar tilbúnar skyggnur eða eitthvað fyrir ykkur með HTML. Það er í raun um að læra setningafræði. Og ef þú varst í MySpace dag, myndir þú hafa þetta niður. Svo í raun, stærsta hlutur er bara til að æfa og gera tilraunir. Einn af the mikill úrræði ég vildi mjög mæla með er W3Schools. Svo bara W, 3, og síðan skóla. Þeir hafa a einhver fjöldi af auðlindir á HTML, á CSS, og þeir hafa í raun hættu skjár svoleiðis þar sem þeir ætla að gefa þér dæmi kóða. Þú getur fiðla með það, breyta því, og ýttu Update og það mun sýna þér hvað það í raun þýðir að vefur blaðsíða. Þannig að ég vildi mjög mæla með að nota það. Það er laglegur kaldur. Þú munt ekki fá seg bilanir hér þegar hlutirnir fara úrskeiðis. Ef þú stjórna til fá a seg kenna með HTML, ekki láta mig vita af því að ég er fara að vera alvöru ráðabrugg. En það er mjög kaldur því þú getur breytt hlutum, þú getur séð þá uppfærð lifandi. Og ég held að þú munt fá a mikill meira innsæi tök á HTML ef þú í raun bara eyða nokkrum tími tilraunir með það. Svo er að hvers vegna sagði ég, æfa og gera tilraunir. Google, hér eftir út, verður líklega einn af bestu auðlindir og vini. Eða Bing-- Ég vinn hjá Microsoft, svo kannski ég ætti að segja Bing. En nokkurn veginn allt er bara að fara að vera setningafræði, svo skilja hvað merkin eru, understanding-- amk með CSS-- hvernig á að breyta ákveðnum eiginleika. Það verður frábær gagnlegt. Svo jafnvel þó að við gerum ekki hafa neinar tilbúnar hluti, við höfum konar sumra bestu starfshætti að við viljum að þú krakkar að reyna fara by-- eða öllu heldur, þú ættir hlíta þar til frekari fyrirvara. Svo loka öllum tags þinn. Vonandi allir has-- þú veist hvað, ef þetta virkar ekki skynsamleg núna, Ég lofa að það mun gera vit þegar við erum kóðun upp á síðunni. En loka öllum tags þinn. Svo ef þú hefur einhvern tíma einhver haus sem er krappi, H1, krappi, ganga úr skugga um að þegar þú ert búinn með það, þú lokar því hausinn. Staðfesta síðuna þína með w3 Staðfestir. Ef þú lokar ekki tags þinn, þú getur fengið óvænt hegðun. Það verður að segja að síðan þín er ógild ef þú keyrir það í gegnum þessa í gildi. Svo þegar í doubt-- og sérstaklega á þessari viku og í næstu viku er pset-- á sama hátt sem við biðjum þér að nota stöðva 50 og stíl 50, þú gætir hugsað þetta sem einn af stöðva þinn, OK? Þannig að ef það fer ekki yfir w3 Staðfestir. Það er eitthvað sem við munum bryggju þig á. Eða ég ætla að segja þér rétt nú, mun ég bryggju þig á. Svo tryggja það í gildi. Það er ekki erfitt. Þú límir bara í kóðanum þínum og það mun annaðhvort segja gott starf eða þú ert að vantar eitthvað á sama hátt að stíll 50 segir þér þar sem þú ert að Messías upp. Og síðan einn síðastur hlutur er þú vilt aðskilja Markup þinn, sem er allt sem HTML eða texta og stíl þinn. Þannig að við munum gera dæmi þess réttar eftir þetta. Svo HTML og CSS að vera aðskilin. Og við erum að fara að vera að tala um MVC, sem er Model View Controller, í næstu viku. Þú krakkar ættu sennilega læra um það í fyrirlestri á morgun ef þú hefðir þegar lært það í dag. Og það er bara svona fyrirmynd sem við tilhneigingu að nota þegar þú býrð vefur síður til að aðgreina það út. Þú getur hugsað um það á sama hátt að við tilhneigingu til að aðgreina aðgerðir í C þar sem við kjötkássa að finna hluti. Það er bara leið til að gera líf þitt auðveldara. Það skilur út eiginleika eða kóða sem þú vildi vera using aftur og aftur, en á þennan hátt, það er eins konar af heldur það gott og snyrtilegur. Og ef þú vilt breyta eitt, breyta þú það einu sinni og það hefur breyst alls staðar annars staðar. Svo það er meira fyrir þinn vellíðan og sveigjanleiki. Svo með CSS, er það mjög svipað HTML, en í stað þess merki sem ég nefndi áðan við nota það sem er kallað sérstillibúnað. Og þeir í rauninni bara svona hlutdeildarfélaga ákveðna tag í HTML með mismunandi eiginleika. Og þegar ég segi eiginleika, ég meina hlutir eins lit leturgerð, liturinn á bakgrunninum, litur texta. Þeir konar hluti. Eins ef það er fyrir miðju, ef það er burt til hægri, ef það er inverted-- allt af þessum kaldur hlutur. Allar stylistic atriði að þú að gera til að texta, þetta er það sem ég meina með eiginleika. Og þá er tveir helstu atriði sem þarf að vita að selectors-- Tveir af helstu factors-- eru ID, sem er einstakt. Þú getur aðeins notað að fyrir eitt. Annars er það að fara að æpa á þig. Og þegar við skilgreinum það í CSS skrá, það mun vera kjötkássa ID og þá hvað eiginleika sem við viljum. Ég lofa að við erum að fara að fara í gegnum dæmi. Það mun gera a einhver fjöldi meira vit. Class getur átt við margar blokkir. Svo þú getur haft þinn fyrsta og þriðja málsgrein hafa sömu tegund af eiginleika ef þú tengir þá með sama flokki. Og þegar við skilgreinum þá í CSS, gera við punktur bekknum, með bekknum vera hvað þú vilt það til að vera heitir. Þannig að ég veit að þetta er rétt nú mjög ágrip. Það er þess vegna sem við erum að fara að kóða. Ég veit að þú krakkar elska það, og þú allir eru að fara að hjálpa mér því þetta er á vefsíðu þinni. Þetta er þáttur okkar er vefsíða, krakkar. Svo eru allir spurningar áður en ég slökkva á PowerPoint eða eitthvað þú vilt að ég að fletta aftur til áður en við byrjum að erfðaskrá? Áhorfendur: Þegar þú segir passa tags, meinarðu sérstillibúnað eða tags? ALLISON BUCHHOLTZ-AU: Þú getur hugsa um þá eins og það sama. Það er bara mismunandi orð. Ég meina, eins og selectors. En selectors kortinu einnig tags. Svo er hægt að hugsa um þau sem raun það sama. Ég lofa að það er að fara að gera meira vit þegar við kóða. Nokkuð frá PowerPoint eða einhverjar spurningar núna áður en við raunverulega búa síðuhluti okkar? Allir tilbúnir? Cool. Svo ég hef einn byrjaði. Leyfðu mér að auka letur fyrir ykkur. OK, svo núna höfum við bara Bare Bones Vefsíða hérna. Við höfum sumir HTML. Við höfum sumir haus, sem við sjá hér eins dæmi vefsíðu. Sumir titill, sumir letur. Þetta eru merki, OK? Svo þegar ég meina loka tags þinn, sjáum hér í krappi höfuð er opnun þinn tag, og þessa bita / Head er að loka henni, OK? Svo þú gætir hugsað þetta sem axlabönd þínum í ef aðstæður þínar eða þínar fyrir lykkjur. Ef þú ert einn í upphafi, þú vilt einn í lokin. Það mun samt vinna mest af þeim tíma Ef þú ert ekki með lokaða tag, en bestu starfshætti er loka tags. Svo í þessu tilfelli, við skulum breyta þessu. Við erum að fara að hafa kafla sjö. "Kafla Webpage." Þannig að ég ætla bara að fara að breyta þessu. Og ef við förum hérna og við reload-- gotta vista og reload-- við eftir því að allt hér það breyttist, ekki satt? Cool. Svo breytist þetta titilinn. Þetta er hvað sem er á flipanum. Svo er af þessu tagi leita voða leiðinlegt. Ég veit ekki um strákana. Ég held að við viljum eitthvað annað hér. Svo er það sem við getum gert haus er bara þarna. Við skulum gera einhverskonar líkamanum. Þannig að við höfum eitthvað lík hér. Ég alltaf opin og loka tags mína til að byrja, á sama hátt og ég geri axlabönd. Ah. Bíddu, hvað? Áhorfendur: [inaudible]. ALLISON BUCHHOLTZ-AU: Ah. Þú krakkar fékk mig. Gott starf. Gold Star. OK, þannig að við höfum eitthvað lík hér. Og nú skulum byrja að bæta texta. Svo þú hafa a par mismunandi valkostir til að bæta við texta. Við höfum hluti eins haus. Við höfum bara venjulegan texta. Svo skulum byrja bara með skalla. Raunverulega, ef þú krakkar vilja að draga upp w3 skólans HTML, þú getur konar líta í kringum og ef það er eitthvað sérstaklega að þú vilt prófa með þessari vefsíðu, getum við gert það. Svo í þessu tilfelli, við skulum gera bara sumir H1. Svo er h1 eins hæsta hausinn. Það mun gefa þér eitthvað sem er mjög stór og djörf. Og í þessu tilfelli, hvað við viljum í fyrsta texta á vefsíðu okkar? Neitt. Þú krakkar eru að fara að búa til þessa. Ég ætla bara að fara að skrifa. Áhorfendur: Velkomin. ALLISON BUCHHOLTZ-AU: Velkomin. OK, þannig að ef við vista það og við endurhlaða, við höfum mikið stór viðtökur. Svo bara svo þú getur séð munur, við skulum gera eitthvað á H6. Hvað við viljum hérna? Hægri? OK, svo bara svo þú getur sjá muninn. Já, Sublime. Þannig að ef þú tekur eftir, h1, mjög, mjög stór. h6, eins djörf, en miklu minni, og þú hefur allt þar á milli. Svo þú gætir hafa h2, h3, h4. Og þetta eru bara haus, þannig að ef þú ert að reyna til að búa til vefsíðu sem hefur mismunandi köflum, kannski þú vilt nota hausa þarna einhvers staðar. Cool. Þannig að við munum bæta nokkrum fleiri hlutir í líkamanum okkar. Ég sé að það væri góður af kaldur ef við hefðum mynd. Mér finnst eins og allir gætu notað kannski sætur kanína mynd rétt um núna, þannig að við erum að fara að finna a kanína mynd fyrst. Ég veit ekki hvort þið hafið einhverjar óskir sem einn við viljum. Ert þú hefur einhverjar óskir? Þetta hér? Down. OK. Það eitt og það er. Gott val. OK, þannig að við erum að fara að sjá mynd okkar. Horfðu á það. Horfðu á þeim yndislega hlutur. Hvernig gastu verið dapur á mánudaginn með þetta? Þannig að við erum bara að fara að afrita vefslóð myndarinnar. Og það sem við viljum gera er að við skulum bara segja að við höfum sumir P fyrir málsgrein. Við erum að fara að segja "Look líta á sætu kanínu. d'Awwww. " Ég elska Kanína mín. Ég er kanína heima. Ég sakna kanína minn. Svo það sem við erum að fara að do-- Ég veit ekki hvort þú krakkar vilja að google this-- en með HTML, hvernig gætir þú birta mynd? Bókstaflega, ef þú google "Fela mynd HTML," hví ekki að þú krakkar segja mér hvað þetta tag ætti að vera? Áhorfendur: IMG source-- ALLISON BUCHHOLTZ-AU: IMG source-- Áhorfendur: --equals-- ALLISON BUCHHOLTZ-AU: --equals-- Áhorfendur: --quote-- já. ALLISON BUCHHOLTZ-AU: Perfect. Lovely. Sjá, MySpace kynslóð, ekki satt? Áhorfendur: Neopets. ALLISON BUCHHOLTZ-AU: Neopets. Oh, OK. Vá. Það hefur verið brjálaður. OK. Svo vertu viss um að ég fá þetta rétt. Cool. Þannig að þetta ætti að vera hér. Og þá ef við endurhleður höfum við okkar kanína á síðunni Er þetta ekki yndisleg? Þetta er svo sætur. Þú velur a mikill, mikill mynd. Ég ætla að grafa það. OK, þannig að við höfum þetta yndislega kanína núna. Við gátum til að bæta við mynd, bara svona. Svo í rauninni ef það er einhver mynd þú vilt bæta við vefsíðu þinni, þú getur bætt það bara svona. Annar hlutur væri ef Þú hefur myndina þar í sömu möppu og Þessi skrá, þú getur bara skrifa hvað heiti þeirrar myndar er í stað þess að hafa tengil. Það myndi enn vera í gæsalöppum. Það myndi bara vera eins ef við hefðum nefnt this-- Ef þessi mynd hefði verið vistuð í möppunni með þessum HTML skrá að ég er að breyta og það hét bunny.jpg. Við gætum líka gert það og það myndi mæta. Hins vegar, ég hef þetta ekki vistuð í skráin og ég vil halda kanína, þannig að við erum að fara að halda á tengilinn. Áhorfendur: Hvað er rabbit.org? ALLISON BUCHHOLTZ-AU: rabbit.org. Það er óákveðinn greinir í ensku appropriate-- útlit, þú getur samþykkja það. Ættleiðing. bunny.jpg. Ég vil taka þetta kanína. Oh, guð, það er svo sætt. OK, þannig að við höfum bætt hausum. Við höfum bætt við mynd. Vitanlega, við bætt einhver texti hér, ekki satt? Ef við vildum bæta við öðrum textar, viljum við fara svona. Svo er þetta annað málsgrein. Og við segjum "þetta er annað málsgrein." Einnig, ég er hryllilegur Speller, svo ég gæti stafa vitlaust það. Just FYI. Þannig að við höfum annað málsgrein hér, ekki satt? Svo kannski þú vilt gera eitthvað svolítið meira áhugavert en bara hafa öll textann, eins og hægri takt. Kannski þú viljir að miðja texta, OK? Svo ef einhver vill nota þá handlaginn tölvur í framan þig og segðu mér hvernig þú ert fara að miðja þennan texta, Áhorfendur: p align. ALLISON BUCHHOLTZ-AU: Svo p align jafnt "sent." Hann er að drepa hana, krakkar. Örugglega allir þurfa að stíga upp. Og við höfum "Þetta snýst." Og nú höfum við eitthvað miðju. Á sama hátt, ef þú vilja það vinstri takt, þú gætir gert samræma jafn vinstri, align jafngildir rétt. Algjörlega undir þér. Ef ég gerði hérna, þá er þetta should-- nú er rétt takt. Áhorfendur: Allison? By ímynd uppspretta, af hverju er ekki náin á img uppspretta? ALLISON BUCHHOLTZ-AU: Sorry. Þetta eitt ætti að vera það nú að þú ert góður. Nú erum við vel. Áhorfendur: Ekki þú hefur að loka henni þar, eða ekki? ALLISON BUCHHOLTZ-AU: Jæja, svo IMG uppspretta, er þetta eitt just-- með mynd, það er bara litið sem eitt frumefni, en ef þú tekur eftir fyrir the hvíla af þessum, við höfum einhverja merki þá upplýsingar sem það varðar og síðan lokaðrar merkinu. En með mynd, allt er bara svona sjálf-gámur. Cool. Svo þú krakkar vita hvernig á að búa a haus, þú veist hvernig á að inntak texta, þú veist hvernig á að setja mynd í núna, hægt að samræma hluti. Annar hlutur sem þú might vilja til vera fær til gera er að búa til lista í CS-- við erum konar að fara í næstu viku pset. Efni sem við yfirleitt kenna þessari viku fer mjög vel með næstu viku pset, þannig að við erum konar blanda, skarast hlutina hér. En það verður að vera gagnlegt fyrir næstu viku. Þannig að ef við vildum að búa til nokkrar lista, hvernig gætum við gert það? Þú getur ekki svarað í þetta sinn. Einhver annar hefur til. Það er ekki erfitt, krakkar, lofa. Google "Óraðaður listi HTML." Hvað var það? Áhorfendur: [inaudible]. ALLISON BUCHHOLTZ-AU: Hægri. Svo viljum panta eða Óraðaður? Við skulum gera óraðaðan. Þannig að við höfum sumir UL, sem stendur fyrir óraðaðan List. Og hvað höfum við fyrir hvert frumefni? Er það þarf eigin tag sína? Getum við byrjað bara að skrifa það? Áhorfendur: lí. ALLISON BUCHHOLTZ-AU: lí. Svo er það listi okkar að fara að vera? Hvað við viljum hér? Við gerum bara nöfn. Bara gera Jakob. Áhorfendur: Rabbit matvæli. ALLISON BUCHHOLTZ-AU: Rabbit matvæli. OK ég svona. Kanína matvæli. OK, þannig að við höfum gulrætur. Mér finnst þetta kanína þema. Ég ætla að grafa það mikið. Áhorfendur: Reyndar hélt ég að Jacob væri legit. ALLISON BUCHHOLTZ-AU: Jacob? Jacob er kanína matur. Ef þú sást Jakobs Myndir frá skrifstofutíma, þú gætir hafa hugsun að hann fékk ráðist af Killer kanína. Áhorfendur: Ég er með kanínu núna. Ég hafa a Killer kanína núna. ALLISON BUCHHOLTZ-AU: Ertu að grínast? Áhorfendur: Ég koma með það í næsta kafla. Ég hef það. ALLISON BUCHHOLTZ-AU: Þetta er fáránlegt. Engu að síður. Áhorfendur: [inaudible] Áhorfendur: Já, PROCTOR minn hefur með kanínu sem vel. ALLISON BUCHHOLTZ-AU: Ég vil kanína. OK, hver færir alvöru kanína að næsta kafla, samtals súkkulaðikökum stig. Áhorfendur: [inaudible] Áhorfendur: Oh, það er ekki raunverulegt. Það er fyllt kanína. ALLISON BUCHHOLTZ-AU: Oh Já, getum við loka þessu. Útlit Rad. Áhorfendur: Skiptir máli í raun? ALLISON BUCHHOLTZ-AU: Það gerir það ekki. Með flest af þessum hlutum, þú loka ekki merkið, 99% af þeim tíma ekkert slæmt er að gerast að gerast, en það er gott stíl líka. Jakob. Og við höfum salat. Áhorfendur: fyrir tengla það er mjög mikilvægt. ALLISON BUCHHOLTZ-AU: Hm? Áhorfendur: Fyrir tengla. ALLISON BUCHHOLTZ-AU: Fyrir tengla. Já, tengla þurfa það. OK, þannig að við skulum sjá hér. Og við höfum lok listanum okkar. Og við lítum á það. Við höfum all-- Jakob, rétt þar. Rabbit mat. Minnir mig á Bunnicula. Áhorfendur: [inaudible] ALLISON BUCHHOLTZ-AU: Ég ætla að koma til baka öll gömlu tilvísanir skóla í dag, ekki ég? Bara öll gömlu tilvísanir skóla. Ætti að hafa fært eins Gogurts eða eitthvað fyrir snarl. Áhorfendur: Eða Gushers. ALLISON BUCHHOLTZ-AU: Oh. OK. Ég skal sjá hvort ég get fylgst niður Gushers næstu viku. Ég held að ég geti gert það. Ég held að við gætum hafa sumir í skrifstofunni. OK, þannig að við höfum fjallað mikið um mismunandi hlutir sem þú getur gert með HTML, ekki satt? Og eins og þú getur sennilega sjá, það er nothing-- vonandi ekki of intim-- ef það er, ég meina ekki að gera lítið úr neinum. Ef þú ert í vandræðum, vinsamlegast koma tala við mig. En mest af því er bara horfa á setningafræði, ekki satt? Ef þú vilt óraðaðan lista, Ef þú vilt einhvers konar lista, Ef þú vilt að samræma eitthvað eða snið eitthvað, það er allt um bara konar horfa upp setningafræði fyrir HTML, ekki satt? Og eitt sem er laglegur kaldur raun er ef þú ferð to-- skulum sjá, hvað er a ágætur website sem við eins? Einhver hefur einhverjar uppáhalds vefsíður sem eru í lagi til að koma upp á netinu? Þú veist hvað, við skulum bara gera CS50. Það er gott og öruggt, ekki satt? OK, svo CS50 hér. Ó útlit, það er a hluti núna. Ef þú eins og the vegur það lítur út. Áhorfendur: [inaudible]. ALLISON BUCHHOLTZ-AU: Við erum ekki fara að gera meta kafla, krakkar. Það er ekki að gerast. Það væri flott, en við erum ekki að fara að gera það. Svo hvað þú gætir gera ef þú eins og the vegur þetta virkar er að þú getur alltaf rétt smelltu á hvaða vefsíðu sem þú vilt og þú getur gert View Page Source. Það mun koma upp alla HTML. Og þetta er í raun mjög góður leið að stíll eigin vefsíðu þinni. Fara á vefsíðu sem þú raun eins og líta á HTML og reikna út hvernig þeir gerðu það. Og bókstaflega, svo lengi eins og þú vitna hluti, svo lengi sem þú ert ekki bara stela frá fólki, er það í lagi. Sérstaklega fyrir CS50 [? fjármagna?], við erum konar von á að fá innblástur frá öðrum vef. Svo ekki hika. Líta í gegnum vefsíður sem þér eru virkilega falleg og reikna út hvernig þeir nota HTML og CSS til að gera þessa hluti. Svo eins og þú sérð hér, það er augljóslega eins tengla og við höfum flokk hér. Við hafa a hlekkur hér. Við erum með lista. Við höfum líklega einhver myndir í hér einhvers staðar. Við höfum fengið nokkur flott stíl hér. Þetta er næsta hlutur við erum að fara að gera. Svo stíl, þegar þú sérð þetta Style sviga, það er CSS grundvallaratriðum. Ben, did þú með spurningu? Áhorfendur: Hvað er div? ALLISON BUCHHOLTZ-AU: div er bara a-- hvað er div? Áhorfendur: Division. ALLISON BUCHHOLTZ-AU: Division. Já, það er bara eins og aðgreina mismunandi þætti. OK, svo hér er það sem við erum að fara í næst. Þannig að þetta gæti ekki verið besta stíl, því ef þú tekur eftir við höfum HTML og stíl á sömu síðu, og við viljum í raun að aðskilja þá, OK? Og í raun, láta mig opna réttu minn vegna þess að þetta á að vera PDF, þannig að við höfum style.css. Svo er það sem við getum gert hér þessir ert kaldur hlutur eins og sumir hverfa og við gætum reynt og gera það, en mér finnst eins og ég vildi skipta sem upp á fljúga, svo ég hvet ykkur til fara reyna það á eigin spýtur, en ég ætla ekki að fara að gera það núna. Svo ef þú krakkar, muna, ef þú högg alltaf Heimadæmi, eitthvað swoops í frá hlið. Það hefur að gera með the hverfa og umskipti og whatnot. Áhorfendur: Og það er allt CSS og HTML? ALLISON BUCHHOLTZ-AU: Allt CSS og HTML. Já. Svo er hægt að gera a einhver fjöldi af mjög kaldur hluti með CSS og HTML. Svo með frábæra okkar kanína vefsíða hér, við eru að fara að gera smá hluti af CSS stíl við það. Svo ef þú hefur einhvern tíma stíl blaði, sem við höfum hér, þú getur bara hringt style.css. Þú getur hringt í hana hvað sem þú vilt. Hvað er mikilvægt er að við erum að fara að vísa henni í web.html okkar hér. Svo það sem við erum að fara að gera er we-- svo ég ekki skipta þessa up-- við erum að fara að tengja þessar tvær skrár saman. Svo í sama way-- ég ætla að draga líkingar í C ​​hér. Á sama hátt að ef þú ert sumir library-- og við höfum cs50.h-- þýðanda okkar tenglar það. Þetta er bara skýr hlekkur á hluta okkar. Svo á sama hátt sem við gerum kjötkássa falist skrá, hvað Ég er að fara að skrifa er bara HTML / CSS jafngildi því. Við erum bara að segja, OK, þessa vefsíðu er að fara að nota þessa stílblað, OK? Þannig að við höfum tengil rel jafnt stílblaði. Og þá höfum við gerð, CSS. Og svo href jafngildir. OK. Svo er hægt að allt þetta gerði hér hugsa um þetta sem sama sem kjötkássa fela í sér. Vitanlega það lítur svolítið meira flókið, en í öllum tilvikum, það er í raun það sama. Þannig að þetta er bara einhver tenging a stíl blaði, það er af gerðinni texta / CSS, og nafn það er style.css. Hvað er mikilvægt að vita er að vefur blaðsíða að ég er að vinna rétt now-- web.html og style.css-- eru í sömu möppu. Vegna þess að í mismunandi möppur, þú þarft að gefa í raun rót á henni eða leið til þess. En í þessu tilfelli erum við að halda það Super einfalt og það er að fara að vera hér. Þannig að ef við gerum það, ég hafa sumir hlutir bið þegar upp hér. Þannig að við höfum eitthvað lík, sem er að fara að hafa lit bakgrunnur okkar, sem núna er ljós blár. Við getum breytt því ef við viljum, en ef ég man þetta rétt, það ætti bara að breyta það til ljósbláu. Og nú erum við með ljósbláa bakgrunni. Og við höfðum here-- getur einhver man hver einn er kjötkássa ID eða bekknum? Áhorfendur: ID. ALLISON BUCHHOLTZ-AU: ID. Cool. Svo það sem við viljum gera er hver þessara letur eða which-- viljum "Horfðu á sætur kanína "að vera fjólublátt? Ég held að við viljum það til að vera fjólublátt. Ég er nokkuð niður með að vera fjólublátt. Svo hvað þú gerir er að þú gerir ID equals-- í þessu tilfelli Ég sagði, hvað, falleg lit hér. Við endurhlaða. Allt í einu, það er fjólublátt. OK, svo við ID, muna það þarf að vera einstakt, svo ég ætti aldrei að vera með þetta ID staðar. En með bekknum, eins og við höfum hér með ansi leturgerð, Ég ætti að vera fær um að nota að hvar ég vil. Svo skulum gera þetta einn hér. Þannig að við getum sagt bekknum jafngildir nokkuð letri. Og ef við lítum nú höfum við This kaldur nokkuð letur hér. Svo kannski ég vil gera bæði. OK, ég reyndar veit ekki hvort þetta er fara að vinna en ég vil reyna það. Og þetta er hvernig þú lærir CSS og HTML. Þú ert eins og, þú veist hvað, ég vil reyna þetta. Ég er ekki viss um að ef það er að fara að vinna. Við skulum sjá hvort það virkar. Og líta á það. Nú er það í purpura og það er a laglegur letur. OK, þannig að þú hefur allt þetta mismunandi hlutir sem þú getur gert. Ert þú með spurningu? Áhorfendur: Já. Jæja, rétt eins og liti þú ert að nota eru orð. Er there a vegur til að gera liti með sextánda RGB? ALLISON BUCHHOLTZ-AU: Þú getur einnig gera það með hexidecimal tel ég. Já. En það er góður af gaman ef þú vil ekki að líta þær upp. Þú getur bara verið eins, fjólublár eða blár. Áhorfendur: Við skulum vona að þeir vita hvað það þýðir. ALLISON BUCHHOLTZ-AU: Hægri. Svo skulum gera þetta lesa eða Chartreuse. Hvers vegna vildi þú velja alltaf Chartreuse? Það er óákveðinn greinir í ensku áhugaverður litur. OK, svo augljóslega að við getum séð vér hægt að breyta hlutum þó við viljum. Ef þú vildir create-- segjum vildum við búa til annan flokk. Hvað gætir þú krakkar vilja til að breyta? Ef þú draga upp W3Schools ' CSS skjöl, Ég leyfi gólfið til ykkur. Við getum reynt og gera eitthvað flott við þetta í síðustu tveimur mínútum. Þar sem ég hef eins konar gefið þér hrun námskeið um fullt af flottum hlutum að þú getur gert. En að lokum, eins og ég sagði, ef þú bara tilraun, munt þú læra mikið. Áhorfendur: Vissir þú lítur upp þessi leturgerð? ALLISON BUCHHOLTZ-AU: Já, Ég leit upp að letri. Svo eins bókstaflega, ég fór to-- hvað gerði ég? Ég gerði CSS letur lista, og svo ég gerði letur stafla, og þá var ég eins, útlit, hér eru allir kaldur letur sem þú getur gert. Og það var þetta, svo Ég afrita það til klemmuspjald minn. Og þá var ég eins, OK, flott, þar sem við förum. Allt gert. Áhorfendur: Svo þú þarft að ganga úr skugga um að CSS veit hvað þessi letur er. ALLISON BUCHHOLTZ-AU: Já. Áhorfendur: Hvað er það að segja í lok? Cursive? ALLISON BUCHHOLTZ-AU: cursive. Já. Áhorfendur: bakgrunnsmynd. ALLISON BUCHHOLTZ-AU: bakgrunnsmynd. OK. Svo þú vilt að segja mér hvernig á að gera þetta. Ég leyfi þér þetta. Ég ætla bara að slá upp hérna núna. Hjólið er í höndum þínum. Áhorfendur: OK ALLISON BUCHHOLTZ-AU: OK. Hvað er ég að gera? Áhorfendur: Doing-- Ég veit hvað kemur á eftir hrokkið Brace. ALLISON BUCHHOLTZ-AU: OK. Svo sennilega í líkamanum, ég myndi gera ráð fyrir, vegna þess að við erum gera með bakgrunnsmynd. Áhorfendur: Já, við skulum gera það. ALLISON BUCHHOLTZ-AU: OK. Áhorfendur: OK, þannig bakgrunnur ristli, og þá erum við þurfa veffangi þeirrar myndar. Kannski gervi-kóða sem nú, kannski. ALLISON BUCHHOLTZ-AU: Hvað viltu mig to-- Áhorfendur: Ég er að hugsa eins og GIF. ALLISON BUCHHOLTZ-AU: A GIF? Það er að fara að vera áhugavert. OK, hvað er ég googling hér? Áhorfendur: Nei, það er val þitt. ALLISON BUCHHOLTZ-AU: Hvers vegna gera we-- ekki hvort það er a kanína, Mér finnst eins og við ættum að hafa ágætur grösugur grasið eða eitthvað. Áhorfendur: Meadow. A túninu. ALLISON BUCHHOLTZ-AU: A engi? OK. Áhorfendur: Eða Rachel Maddow. ALLISON BUCHHOLTZ-AU: Þessi lítur falleg. Oh, það er pínulítill, þó. Við þurfum góða stærð. Við skulum sjá. Oh, líta. Þessi 'a laglegur engi. Þú veist hvað, ég eins og þessa. Skulum afrita þetta. Áhorfendur: OK, þannig að ég held að það er slóðin, opna sviga. ALLISON BUCHHOLTZ-AU: OK, URL. Áhorfendur: Síðan heimilisfangið. ALLISON BUCHHOLTZ-AU: OK. Er það allt sem við þurfum? Áhorfendur: Close svigum semíkommu, og þá pláss, bakgrunnur bandstrik viðhengi ristill fastur, og hrokkið Brace. ALLISON BUCHHOLTZ-AU: OK. Skulum sjá hvort það virkar. Það er að fara að vera nokkuð kaldur ef það gerir. Ég er alvöru spenntur hérna. Það virkaði ekki. Ég velti því hvers vegna. Áhorfendur: Kannski slóðin þarf að vera í tilvitnanir. ALLISON BUCHHOLTZ-AU: Kannski. Og þetta er hvernig við lærum, krakkar. Áhorfendur: Getum við höfum bakgrunn lit og bakgrunnsmynd? Áhorfendur: Nei Einn leysir af hólmi hinn. ALLISON BUCHHOLTZ-AU: I dunno. Við skulum sjá. Skulum athuga það út og sjá. Áhorfendur: Oh, kannski, já. [INTERPOSING raddir] ALLISON BUCHHOLTZ-AU: OK, þetta er obviously-- I [inaudible] hér. Svo OK. Áhorfendur: Bakgrunnur viðhengi. ALLISON BUCHHOLTZ-AU: Ah. Áhorfendur: OK, ég veit ekki. ALLISON BUCHHOLTZ-AU: Það lítur út eins og það ætti að virka. Ertu viss um að það er ristill þegar vefslóðinni? Áhorfendur: Nei, það er semíkommu. ALLISON BUCHHOLTZ-AU: Það er semíkommu. Áhorfendur: Sagði ég segi ristill? ALLISON BUCHHOLTZ-AU: Þú sagðir tvípunkt. Áhorfendur: Oh nei. ALLISON BUCHHOLTZ-AU: Þar sem þú ferð. Áhorfendur: Ó, bíddu, nú við getum ekki lesið textann. ALLISON BUCHHOLTZ-AU: Nú þú getur ekki lesið textann, en við höfum um bakgrunnsmynd. Mmhmm? Áhorfendur: Er HTML styðja dynamic efni? Eins gætir þú búa þessi mynd allt eftir stærð glugga, eða er að CSS-- ALLISON BUCHHOLTZ-AU: Svo hefur CSS til að gera það. Svo ef þú krakkar hafa áhuga í að læra háþróaður CSS, Ég er sam-kennslu a Námstefna um CSS á 7unda. Og ég lofa að það mun vera miklu meira í dýpt og gera miklu meira kúl hlutir í þessum kafla. Og mín samhliða kennari er eins alls andlit endir vefur dev meistara. Svo það verður að vera ansi kaldur ef þú vilt að læra um alla kaldur hlutur að CSS getur gert. En það sem við höfum hér með viðhengi bakgrunnur hans fixed-- svo er það sumir fast size-- en þú getur raunverulega dynamically-- Ef þú alltaf sjá vefsíður, sem Flest gott vefsíður munu gera, þegar þú stillir stærð í vafranum þínum, það lagar bakgrunninn eða hversu mikið er að sýna eða reformats hluti, ekki satt? Svo það er það sem við köllum hlutfallsleg staðsetning. Og CSS geta raunverulega grípa hversu stór þinn vafra breidd er eða hvernig mikill það er, og þú getur staðsett hluti í samræmi við hlutfallslegt stærðum móti hreinum stærðum. Og það er augljóslega lengra CSS, en það er eitthvað sem þú getur gert. Ef þú vilt læra meira, koma til námstefnu mína. Svo er það eitthvað sem þú getur gert. Og CSS getur beinlínis do-- CSS og JavaScript, sem við munum fá inn næsta week-- getur leyft þér að breytist síður án þess að þurfa að endurhlaða þeim allan tímann. Og þú færð að gera sumir laglegur kaldur efni. Svo er það annar hlutur að þið láti gera eða hvað sem þú vilt að kanna? Við höfum 10 mínútur eftir. Við getum líka fara snemma, en ef þú vilt gera sumir fleiri vefur efni, við getum, en ég er ekki að fara að neyða þig til að. En við getum líka bara borða nammi. Áhorfendur: Auðkenndu texta hvítt svo þú getur lesið það. ALLISON BUCHHOLTZ-AU: OK. Svo í þessu tilfelli, viljum við einhverja bls. Áhorfendur: ættum við að gera það í líkami svo gildir það til alla síðuna? ALLISON BUCHHOLTZ-AU: Já, við getum í raun og veru. Það er góð hugmynd. Svo við have-- gera þér vita hvað við ætti að vera? Ég veit ekki hvort við getum gert textalit. Ég var að fara að reyna að búa til annan flokk hér. Áhorfendur: Hvernig færðu það að það hefur uppástungur? ALLISON BUCHHOLTZ-AU: Svo ef þú krakkar hafa áhuga, þetta er annar texti ritstjóri heitir háleita. Þú ættir að vera fær um að setja það upp á tækinu. Stundum fær það svolítið erfiður. Ef þú vilt hjálp við það, Ég er súper ánægð að hjálpa þér með það, vegna þess gedit er mikill og það er ógnvekjandi vegna þess að þú getur safna saman það á botni, en ég virkilega eins háleita því það er nokkuð og það er að gera hlutina eins og sjálfvirkt farartæki-heill. Svo þú getur örugglega ekki hika við að láttu mig vita ef þú vilt gera það. Ef þú google bara "Sublime texta, "það venjulega hefur leiðbeiningar um hvernig á að setja upp á ýmsum stýrikerfum. Það er æðislegt, ég held, að mínu mati. Svo p. Ég held að ég geti bara gert text-- eða við getum bara gert litur er "hvítur." There. Svo það sem ég gerði hér er að ég ekki breytt öllum texta. En p hér er bara merki sem við höfum, ekki satt? Þessi málsgrein tag. Svo ég búið bara CSS þáttur sem sagði, OK, eitthvað með þetta merki p, gera hvítt. Svo ef þú tekið eftir, gerði það Þetta hvíta og þetta hvíta. Það var ekki að gera lista okkar hvítt vegna það er ekki í tengslum við það. Þú gætir farið í gegnum og þú gætir say-- Áhorfendur: Ekki bakgrunnslit. ALLISON BUCHHOLTZ-AU: Bakgrunnslitur? Áhorfendur: Bakgrunnur pípu í lit þar sem þú setur á p merkinu. ALLISON BUCHHOLTZ-AU: OK. Þú vilt það hvítt? Áhorfendur: Mmhmm. ALLISON BUCHHOLTZ-AU: OK. Þar sem þú ferð. Áhorfendur: Það er undarlegt. ALLISON BUCHHOLTZ-AU: Laglegur kaldur, ekki satt? Þannig að ef þú bara sóðaskapur í kring, þú ert að fara að læra mikið. Og það getur verið ansi kaldur. Ég held að það er örugglega meira ánægjulegt en stundum vegna þess að þú þarft ekki að bíða fyrir áætlun þína að safna saman. Þú getur bara högg Refresh og þú ert eins og, ó, sjáðu, það virkaði eða ó, ég er líklega vantar eitthvað. Og það er eitthvað sem er í raun kaldur um þessa næsta hluta af bekknum, er það ákveðið, ég held, auðveldara að athuga eins og þú fara á leiðinni á móti þurfa að skrifa þessar langa forrit og óska ​​og biðja að það virkar á endanum. Svo með það, held ég þú krakkar virðast öll gott. Ef þú hefur einhverjar spurningar, eins og alltaf, koma að tala við mig, koma láta mig vita. Ég mun vera rétt fyrir utan fyrir næstu 15 mínútur Ef þú vilt spjalla um neitt og allt. Svo ég vona að þú guys-- Gangi þér vel með þetta pset. Fresturinn er föstudagur á hádegi því það var gefið út seint. Þannig að ég mun líklega vera að sjá a einhver fjöldi af þú krakkar á fimmtudaginn, en vonandi ekki. Kannski þú munt hafa það gert með þá. Ég myndi vera frábær stolt. En ef ekki, mun ég sjá þig á fimmtudaginn. Þú getur einnig notað seint dagsetningu sem nær það til laugardaginn á hádegi. En ég don't-- ha? Áhorfendur: Halloween. ALLISON BUCHHOLTZ-AU: Það er Halloween, A, og B, Ég held ekki að það mun vera Viðtalstímar á föstudag. Svo í raun ekki reyna og fá það gert með því að Föstudagur svo að við getum öll fagna Helga helgi. Allt í lagi, ég sjá ykkur í næstu viku.