[Mūzikas atskaņošanai] ALLISON Buchholtz-AU: Visas tiesības, ikvienam. Laipni lūdzam atpakaļ uz sadaļu. Tātad mūsu darba kārtība šodien notiek nekā daudz vairāk mājas dev sīkumi. Es nezinu, cik daudzi no jūs esat redzējis jūsu psets jo tas tika izlaists agrāk šorīt. Es būtu par to, cik cilvēki ir lasīt spec, bet, redzot to, kā jūs esat bijusi visu un, piemēram, septiņas stundas, lai apskatīt to un tas ir pirmdienās un jūs esat, iespējams, bija klasi, Es esmu gatavojas pieņemt, ka lielākā daļa no jums nav. Ja jums ir, papildu slava. Jūs būtībā palīdzot ieviest vienkāršu web serveris C, kas ir pavisam jauna PSET, Tātad jūs guys nokļūt būt par jūrascūciņām. Tas būs jautri, savvaļas nedēļā, bet es domāju, ka tas būs daudz jautrības un tas būs patiešām laba pieredze faktiski. Tātad, lai sagatavotu jums par ka šodien nodaļā, mēs gatavojamies iet chmod, TCP / IP, un tad mazliet HTML un CSS. Beigās, mēs patiesībā kodu up vienkāršu mājas lapā kopā Lai palīdzētu jums puiši veida nokļūt vairāk jāiepazīstina ar to. Un tad, ja jums nav palielinājies Jūsu viktorīnas, viņi ir priekšā, bet es esmu diezgan pārliecināts, ka visi šeit ir viņu viktorīnā. Un arī uz šo piezīmi, risinājumi nav pat vēl, bet tiklīdz mēs finish-- patīk, Pēdējie daži cilvēki lieto savus quizzes-- tie būs uz augšu. Ja jums ir kādi jautājumi tikmēr, justies brīvi, rakstiet man personīgi. Es atbildēt ar savu individuālo jautājumi, kā es vienmēr darīt. Tātad uz šo piezīmi, chmod. Vārdu sakot, viss, kas Jums jāzina par chmod ir tas, ka tas ir izmantots, lai mainītu failu atļaujām, vai ne? Tātad, tas ir tikai dažas sistēmas sauc to mainīt atļaujas, jo tā saka šeit. Un, ja jūs kādreiz vēlaties redzēt ko atļaujas failu ir, nevis tikai dara ls, jūs varētu darīt ls-l. l stāv ilgi. Tātad jūs darīt garus sarakstus par visu, un tas dos jums daudz detalizētāks informācija par katru no jūsu failus. Un jūs redzēsiet something-- es esmu gatavojas izlaist uz priekšu second-- bet jūs redzēsiet kaut ko līdzīgu ka top line tur par katru failu. Un mēs iet caur to, ko tas nozīmē. Vārdu sakot, lai mainītu Jūsu fails atļaujas, jūs vienkārši vēlaties izmantot chmod. Jūs varat domāt par to kā jebkuru citu UNIX zvanīt tāpat ls vai CD vai plauktiņš. Tas ir tikai sava veida citu, piemēram, zvanu. Tātad mēs chmod, un tad mēs ir trīs cipari: parasti. Ir pāris veidi, kā darīt tas, no kuriem viens mēs iet pār. Bet parasti, jums ir trīs cipariem robežās no 0 līdz 7 katra laiku. Tātad viena lieta ir, ka ir trīs dažādas atļaujas ka mēs varam dot katru failu. Un tas ir lasāms, kas ir pārstāv r, kas būs jēga ar mazliet; w, kas ir rakstāms; un piedziņu, kas ir x. Es zinu, ka e viens, izpildāmā, varbūt ne pats jēgas, bet mēs pārstāvēt to ar x. Un tad kas notiek, ir katrs no šiem ir arī ciparu pārstāvību. Tātad, mēs ir 1, 2, un 4. Un būtībā to, kas notiek, ir Katrā no šiem trim numuriem šeit atbilst dažādu kopums lietotāju ka šīs atļaujas attiecas uz. Tātad jūs varat iedomāties, ka pirmais skaitlis atbilst faktiskajam lietotājam vai īpašnieks failu, otrais skaits atbilst grupai, un pēdējais atsaucas pasaulei, OK? Tātad, kas notiek, ir atcerēties tie numbers-- r ir 4, w ir 2, x ir 1, vai ne? This-- ja jūs Rezumējot šos augšu, kas dod jums, ka pirmais numurs ka mēs varētu ieguldījums mūsu chmod. Tātad šajā gadījumā, ko būtu šis skaitlis būs? Tas lūdzu būt 4 plus 2 plus 1, kas ir 7, labi? Un šajā gadījumā tos nav kaut ko, tāpēc tas tieši šeit būtu tulkot chmod 700, OK? Un ko tas dara, ir tā piešķir viss Šo atļaujas savam lietotājam. Tātad tas nozīmē, mūsu lietotāju var darīt, ko vien viņi vēlas. Viņi var lasīt šo failu. Viņi var izpildīt šo failu. Viņi var rakstīt uz šo failu. Bet grupa un pasaule, nē atļaujas nekāda, OK? Tātad vēl viens veids, kā rakstīt, ka mēs varam do chmod no trim cipariem, no kuriem katrs atbilst neatkarīgi summu vai ka īpaša grupa, īpaša apakškopa. Vai arī mēs varam darīt patiesībā cita lieta. Turēt uz. Mēs varam kaut ko darīt ar tiem šeit. Cik daudzi no jums redzēja piemēru kur tas bija, piemēram, lai chmod plus x? Vai jūs redzat, ka lekciju, es domāju? Tātad stāv visiem. Tas nozīmē, sniegt to visiem lietotājiem, ko es aizmirsu likt šeit. Bet plus x, ja mēs pamanīt šeit, ja mēs lai chmod-- ko grupa mēs esam runājam par plus atļaujas mēs vēlamies dot viņiem. Tāpēc tas var būt plus vai mīnus. Plus piebilst atļauju. Mīnus atņem atļauju. Diezgan intuitīvs, es domāju. Tātad plus x nozīmē chmod. Tātad mainīt atļaujas visu cilvēku ja tas ir a-- Pievieno atļaujas. Un X- tas nozīmē, ka kāda atļauja mēs piešķir ikvienam. Lasīt, rakstīt, vai izpildīt? AUDITORIJA: Izpildīt. ALLISON Buchholtz-AU: Izpildīt. Tātad mēs dodam visiem lietotājiem atļauja izpildīt šo failu, OK? Tātad, ko tad, ja mēs vēlējāmies darīt ka ar ciparu formā? Līdz ar to atcerēties ar ciparu, mēs gribam trīs numurus. AUDITORIJA: 4. ALLISON Buchholtz-AU: Kas tas bija? AUDITORIJA: 4. ALLISON Buchholtz-AU: Nav 4. Mērķauditorija: 0, 0, 4. ALLISON Buchholtz-AU: Nu, mēs vēlamies sniegt to visiem lietotājiem, vai ne? Tāpēc mēs esam nāksies skaits katrā slotā. Kas notiek, lai būtu pats skaits katrā slotā jo mēs vienkārši vēlamies, lai dotu Ikvienam izpildāmā atļaujas. Tātad izpildāmo ir 1, bet uz pareizā ceļa. Tātad, ja mēs to chmod 111, kas būtu būt līdzvērtīgs chmod plus x. Vai tas ir jēga visiem? Mēs ejam, lai iet cauri pāris piemēri. Tik liels takeaway šeit ir nav šeit, bet nozīmē tikai dod to visiem lietotājiem. u ir, ja jūs vienkārši vēlaties dot vai atņemt īpaša atļauja no lietotājs vai īpašnieks. g ir grupas, tā, ka vidējā ciparu. Un tad citi jūs varat iedomāties kā pasaule, šo pēdējo ciparu. Tātad ar to, mēs iet uz, piemēram, tāpēc, ka es jūtos kā piemēru vienmēr padarītu šīs lietas vieglāk saprast. Tātad rwx-- mēs gājām cauri this-- varētu būt arī pārstāvēt kā 700. Tas ir piemērs mums izskatījās pie vairāk attēlu. Tātad chmod 444 par dažiem failu dotu kādas atļaujas? Jūs bijāt ļoti tuvu. Mērķauditorija: Lasāms visiem. ALLISON Buchholtz-AU: salasāms. Tāpēc lasāma visiem, vai ne? Un tad, kas ir vēl viens veids, kā to darīt? Ja mēs vēlamies darīt chmod vai nu r ir vai W, plus un mīnusi, kādi būtu, ka aicinājums izskatīsies? Būtu chmod ko? Mērķauditorija: plus r. ALLISON Buchholtz-AU: plus r uz 5. OK, tāpēc tas ir tāds pats kā tas, tikai divi dažādi tulkojumi par to pašu. Tātad ar to, mums ir šie. Tāpēc es gribu, lai jūs puiši, lai mēģinātu un rakstīt Šīs veida to pretējā virzienā. Tātad ar chmod 555, kas tas būtu, piemēram? Vai tas būtu plus vai u plus vai plauktiņš? U plus x, dod man trīs numurus. Un tad man pastāstīt par to, ko piekļuves tiesībām Mēs esam patiešām piešķiršanai un kas? Tāpēc es došu jums puiši divus minūtes, lai strādātu par to. Jūtieties brīvi runāt vienam ar otru. Attiecībā uz tiem no jums, kas nāca nedaudz vēlu, ir konfektes un krekli. Mēs esam atstājuši trīs krekli, un mums ir Kit Kats un starbursts. Lai justies brīvi nākt paķert daži šajā maz starpbrīdis. Arī pēdējais ir grūts. Tas ir divas chmods par pēdējo. Patiesībā, ļaujiet man aizvērt šīs durvis Kamēr jūs puiši strādā par to. Candy vienmēr ir nepieciešams uz pirmdienas pēcpusdienā. Labi, tāpēc chmod 555. Kas ir vēl viens veids, kā mēs varētu uzrakstīt, ka? Jebkuras idejas? Jā. Mērķauditorija: plus rx. ALLISON Buchholtz-AU: r plus rx. Vai jūs vēlaties, lai izskaidrotu, kāpēc tas būsi rx? Mērķauditorija: Jo jums ir 5, tā ka ir 4 plus 1, tā ka ir izlasījis plus izpildāmā, un tas ir par visiem. ALLISON Buchholtz-AU: Right. Līdz ar to tikai vēlreiz atkārtot, 5 šeit zināms kā par 4 un 1 summu, jo katrs numurs mūsu trio ir summa atļaujas šim apakšgrupā, tiesības? Nu lietotājs, grupu, vai pasaule. Tātad šajā gadījumā, mēs zinām, ka 5 ir jāveido ar 4 un 1. Un 4 un 1 atbilst lasāma un izpildāms. Mēs dodam to ikvienam, lai mēs varam darīt chmod plus RX. Un, protams, mēs vienkārši devāmies ar jautājumiem tur, tāpēc tagad šis fails ir izpildāms un saprotamas ikvienam. Tātad, ko par otru? Kas varētu numurs, ka viens būtu? Jebkuras idejas? Iet uz priekšu. Mērķauditorija: 100 [nedzirdama]. ALLISON Buchholtz-AU: 100. Tieši tā. Tātad jūs vēlaties, lai izskaidrotu, kāpēc 100? Mērķauditorija: Jo tas ir par lietotājs, tāpēc tas ir pirmajā pozīcijā. Un tad x izpildāmā ir 1. ALLISON Buchholtz-AU: Tieši tā. Tātad mēs piešķiršanas izpildāmā atļaujas tikai lietotājs. Tātad šajā gadījumā, tas būtu 100. Un man ir visas atbildes uz augšu uz nākamo slaidu gadījumā jūs esat rakstiski daudz lietas leju. Labi, tāpēc šī nākamais viens ir patiešām darīts ar divām chmods, jūs varētu darīt to. Tātad, vai kāds ir kāda ideja, kā jūs varētu get chmod 640 pārrakstīt citā veidā? Jūs varat mainīt lietotājs vispirms un tad Jūs varat mainīt grupa ir mans padoms. Tātad, ja mēs tikai mainot lietotājs, kas ir šī pirmā šeit, Kas varētu mūsu aicinājums būt? Tāpēc lietotājam ir u, labi? Tātad chmod u plus ko? Mmhmm? AUDITORIJA: rw. ALLISON Buchholtz-AU: rw. Labi, lai lasīt un rakstīt, jo lasīt ir 4, w ir 2, tās summa kopā kā 6. Lai mēs iegūtu chmod u plus rw, un mēs saņemt mūsu pirmā 6 tur. Tātad, lai iegūtu 4, mēs tagad gribam mainīt mūsu grupas uzstādījumus. Tāpēc mēs esam gatavojas darīt chmod g plus ko? Kas ir 4? AUDITORIJA: r. ALLISON Buchholtz-AU: r. Precīzi. Tātad mēs dodam īpašnieku lasīt un rakstīt atļaujas un mēs dodam grupas lasīt atļaujas, ko mēs visi esam šeit. Mmhmm? Mērķauditorija: Ja jūs varat rakstīt kaut ko, tas nozīmē, ka jūs varat izpildīt? ALLISON Buchholtz-AU: Tu var rakstīt something-- Es neticu, ka tas nozīmē, jūs varat izpildīt. Atdzist. Tātad tas ir viss, ko mēs tikko gāja cauri. Tātad par šo nākamo, tas ir tikko veida kopīgas lietas ka jūs vēlaties, lai saglabātu prātā jūsu problēma noteikti. Tie ir parasti atļaujas ka mēs gribētu, lai jūs to izmantot. Tātad 711, kas dod mums, protams, lietotājs visas atļaujas, kas tendence jēgas. Un tad tas ir izpildāms pēc grupa pasaulē, kas ir jēga Ja jums ir kāda direktorijā, jūs vēlas, lai varētu, lai šķērsotu to. Cilvēkiem ir nepieciešams piekļūt. Jebkuram bez PHP failu, jūs gatavojas izmantot 644, kas varētu darīt to, ko? Ko tas nozīmētu, vai ko atļaujas, tas, kas dod? Tāpēc īpašnieks var, ko? Mērķauditorija: Lasīt un rakstīt. ALLISON Buchholtz-AU: Lasīt un rakstīt. Un tad grupa un citi var tikai lasīt, vai ne? Un tad chmod 600 jebkurai PHP faili, ka jūs izmantojat, Jūsu īpašnieks, atkal, var lasīt un rakstīt to bet visi pārējie ir tikko veida bloķēta off. Tātad šis būs patiešām būt noderīgi, ja jums jūsu problēmu noteikt nākamnedēļ kur jūs faktiski veidot mājas lapā. Tātad, ja jūs kādreiz satikt kādas dīvainas problēmas ja tas nav iekraušana pareizi, varbūt jums nepieciešams pievienot izpildāmā atļauja, vai varbūt jums ir nepieciešams lasīt vai rakstīt atļauju. Maz lietas, kas mēdz paklupt cilvēkus uz augšu, bet tas ir veids, piemēram, go-to kad jūs sākat nākamnedēļ PSET. Un es dotu jums vairāk mājieni par šīs nedēļas PSET, bet es vēl paskatīties uz to, jo tā šorīt tika atbrīvota. Bet jūs e-pastu man, es paskatījos pie tā ar laiku es atbildēt rīt. Tāpēc tagad, ir visi labi ar chmod? Jebkuras ielaistas jautājumi? Diezgan vienkārši. Tikko veida sekotu tam, ko lasīt, rakstīt un izpildīt numuri ir iespējams, cieta daļa. Tātad ar TCP / IP, visiem šiem protokoliem, veida, piemēram, ar savu datu struktūras pagājušajā nedēļā, tas ir daudz vairāk svarīgi, lai veida nokļūt augstāka līmeņa intuīcija no tiem. Tas nav CS143 kur mēs ejam lūgt jums, lai īstenotu tīklu, tāpēc jums būs labi, ja jūs nesaprotat utains graudaini no visiem protokoliem. Kas ir svarīgi saprast, ir veida, piemēram, to, ko viņi pārstāv un kāpēc viņi ir svarīgi. Tātad, TCP / IP, protams, tas ir Pārraides vadības protokols vai interneta protokolu, kas ir būtībā tikai kopums likumu būtībā vai standartus, ko pateikt dati kā tas būtu jārīkojas, kā tas būtu paketētu, pārraida, un saņēma. Tātad tas būtībā, tāpat kā to saka šeit, palielina izredzes ka dati izpaužas kur Jūs vēlaties, lai nokļūt. Es esmu pārliecināts, ja jūs puiši devās uz lekcija vai noskatījos to tiešsaistē, Viņš has-- Es nezinu ja viņš to izdarīja šogad, bet es zinu, pagājušajā gadā, viņš bija demo kur viņš bija priekšstatu par Rob un viņš sadalīt to uz augšu četras un nodot to aploksnēs un mēģināja iegūt pāri Sanders. Un jūs varat veida domā par to, ka veidā. Tas ir tikai noteikumu kopums, kas pastāstīt dati, kā iegūt kaut kur un ļauj jums zināt, ja jums trūkst datu, tādā pašā veidā, ka, ja ir ņemot vairākas lapas piezīmes un jūs tos apzīmēt ar 104. lappusē, lappuses 204, un jūs iet atpakaļ studēt vēlāk un jums trūkst something-- Jūs nevarat atrast lapu 304-- jūs zināt kaut kas ir nepareizi, lai jūs var meklēt, izmantojot jūsu piezīmes vēlreiz vai palūgt vēlreiz tevi lekcija atzīmē no šīs dienas. Tāpat ar datiem internetā. Ja es esmu lūdzot kaut ko no kāda servera un tas ir nepieciešams, lai nosūtītu tas vairākās paketēm, iespējams, gatavojas uz numuru tas kaut kādā veidā, ļaujiet man zināt, cik daudz es būtu saņēmis, un man pateikt, ak, šis ir viens no 10 vai tas ir viens no 10,000. Tādā veidā, kad es iet uz Salieciet visi gabali kopā, Es zinu, ja kaut kas ir pazudis un es varu lūgt to vēlreiz. Vai tas ir jēga? Tikai noteikumu kopums. Pie tās pamata, noteikumu kopumu, OK? Tāpēc mēs arī runājām mazliet par ostām. Tas ir tiešām tikai standarts, kas ļauj jums zināt, kāda veida datus tiek nosūtīti šādās paketes. Ja mēs ejam ar mūsu aploksne Piemēram, mums nav zinu, ka tas ir attēlu Rob tur, ja vien mēs to rakstīšu ārpusē mūsu aploksnē. Tātad ostas ir būtībā tas pats. Tas ir tikai veids, lai noskaidrotu, kas datu tips tiek nosūtīta. Tātad mums ir visi visbiežāk šeit. Tātad 21-- tie ir arī sava veida no, piemēram, labas lietas zināt. Tas ir sava veida viegli viktorīna jautājumu. Būt, piemēram, ko dara ostas 80 darīt? Vai arī, ko dara ostas 443 darīt? Tik labas lietas, kas jāzina. Tāpēc mēs esam šeit, 21 ir failu pārsūtīšanas protokols, tāpēc vienkārši noteikumi, kas regulē failu pārsūtīšanu. 25, kaut kas, ko mēs visi izmantot pārāk daudz, ir e-pastu. 53 ir domēna vārds sistēma, kas ir būtībā tikai sava veida lookup par IP adrese, domēna nosaukumu. Tāpēc es esmu diezgan pārliecināts, ka tas bija minēts lekcijā, ja jums iet uz kaut ko līdzīgu google.com, tas ir IP adrese kas ir saistīti ar to. Tas nav reāli google.com. Un tā 53 ir osta kas faktiski notiek aprūpe veida tulkošanu vērā, ka IP adresi jums. Un tad 80 un 443 ir ļoti bieži. Jums ir vai nu jūsu mājas lapā vai Jums ir jūsu drošu interneta lapu, kas daudz interneta lapas ir pārceļot pāri šim. Tātad tas ir sava veida augsta līmeņa pārskats par pārsūtīšanas protokols. Es neredzu daudz dziļāk. Tas ir sava veida cool stuff ja jūs interesē. Tur ir daudz resursu. Wikipedia patiesībā ir diezgan laba lapa. Tāpēc es skatījos uz to tikai pirms nedaudz, bet, tāpēc es ļoti ieteiktu skatoties uz to, ja jūs interesē vai veikt 143 divos gados, jo Es domāju, tas ir katru otro gadu. Tātad uz beigām šo, mēs esam runājam par mājas lapas un HTTP, kas faktiski ir mūsu nākamais tēma Šodien, pirms mēs iedziļināties HTML un CSS un jūs faktiski var kods izveido tīmekļa lapu. Tas būs jautri. Mums būs bildes zaķi un tas būs lieliski. Tātad HTTP, kā jūs varat redzēt šeit, ir viens no jaukajām akronīmi šīs nedēļas, kas ir Hiperteksta pārsūtīšanas protokols. Tātad vēlreiz, tas ir tikai vēl viens noteikumu kopums, kas regulē hipertekstu pārsūtīt, šajā gadījumā. Tāpēc labākais veids, kā mācīties par šo ir tikai veida lai pārtrauktu to uz leju individuālie vārdi tāpēc, ka tur ir daudz vārdi uz ekrāna tur. Tāpēc mēs esam gatavojas sākt ar hiperteksts. Tātad "hiper," Jūs varat iedomāties "Iepriekš," kā super-veida lieta. Tātad, tas ir tiešām tikai teksts, lai nākamais līmenis, tāpēc tas ir tāpat super tekstu, tāpat kā nākamo tekstu. Tātad, tas ir būtībā tikai teksts, kas dod mums vairāk informācijas nekā normāla teksta nav, OK? Tātad šajā gadījumā šeit, tas ir hiperteksta. Šī stāsta mums, ka mēs esam zināma saikne, ka mēs ejam, kas ir cs50.net, kas tagad cs50.harvard.edu. Šie slaidi ir mazliet vecs. Un tas notiek, lai parādītu tā kā tas, kā hipersaiti, un tad patiešām atdzist mājas lapā. Tātad, tas ir teksts, kas ir nedaudz mazliet tiešām atdzist lietas tur. Tātad jūs varat saistīt lietas, un jūs varat ievietot attēlus, un jūs varat stilu lietas. Un visvairāk pazīstami lieta, ka jums puiši, iespējams, ir ar hiperteksts ir hiperteksta iezīmēšanas valoda, HTML, kas, protams, ir viss web ka mēs redzam ap mums, ko piešķir ar kādu CSS stilu izmet. Bet, ja kāds bija tiešām liels ar MySpace, Es esmu pārliecināts, ka jūs visi izmantots HTML visu laiku, lai radītu šie ideāls profili, vai ne? Es jūtu, ka varētu būt novecojis atsauce tagad, bet vienalga. Tikai little-- jūs guys nav, ka daudz jaunāki. Daži no jums ir vecāks par mani. MySpace joprojām bija lieta, kad es biju jauns. Es neesmu, ka vecs. Anyways, HTML tikai forma hiperteksts. Tātad hiperteksta ir tikai tekstu ar pievienotajām funkcijām. Tātad pārsūtīšanas protokols ir iespējams vairāk iffy lieta izskaidrot. Acīmredzot, transfer-- vienkārši pārsūtīt datus. Tātad, vai nu starp klientu, piemēram, jūsu interneta brālis, un serveris. Tātad būtībā tikai kā internets darbojas. Tik precīzu pieprasījuma kā šie darbi, mēs esam tiešām skatīsies piemērs pieprasījums un atbilde. Bet kā mēs lūdzam informācija no servera un kā serveris reaģē uz mums, ir ko tas pārsūtīšanas protokols regulē. Tātad pieprasījums un atbilde ir ievērot šos īpašu noteikumu kopumu. Tas ir standartizēts tā, ka nav svarīgi, kur jūs esat, izmantojot internetu, tas vienmēr darbojas vienādi, OK? Atkal, protokols, noteikumu kopumu. Tas ir tikai normāli mijiedarbība tādā pašā veidā ka profesors Malan runā par ja kāds paplašina savu roku, jūs zināt, ka tas ir kopīgs pieklājīgi sasniegt jūsu ārā un kratīt savu roku. Tas ir protokols, vai ne? Tāpēc es dotu kādu standartizētu pieprasījumu, kas es gribu, lai krata savu roku, un jūs sniegt dažas standartizēta atbilde, kas ir vai nu nav, pateicoties vai jūs varētu izmēģināt un kratīt manu rokas vai varbūt jūs gatavojas izmēģināt un dūri sasist mani. Un mums nav protokolu par to. Tas sabojājas. Bet, ja visi šādi pats protokols, protams, tas iet daudz vairāk nemanāmi. Cilvēkiem iepazīt viens otru. Ikvienam ir laimīgs. Tātad pasaulē internetā, visi ievēro to pašu rules-- nedaudz labāk nekā sociālajiem standartiem. Bet ar to, ka mēs apskatīt pie piemērs pieprasījuma šeit. Tātad tur ir tas maz Galvenais šeit apakšā kas stāsta jums dažādas krāsas, ko viņi būtu domāts. Tik balts ir tāpat kā savu metodi Pieprasījums un protokols version-- tā metode pieprasījuma, versija. Un tad tas ir daži lauka nosaukums un vērtība Minētās lauka, ko mēs iedziļināties ļoti, ļoti drīz. Tātad šis ir piemērs pieprasījums. Tas ir tāpat kā man, kas stiepjas ārā, vēlas iepazīstināt sevi. Tas ir tas, ko klients vai kāds jūsu interneta pārlūkprogramma būtu sūtīt uz jūsu serveri. Tātad tas ir get pieprasījums, tāpēc tas ir lūdzot kaut ko no servera. Un tas, protams, HTTP un tas ir versija 1.1. Tāpēc pārējā šo šeit ir tas, ko mēs saucam header, un tās papildus informācija kas dod mums labāku priekšstatu par tas, ko mēs patiesībā lūdzot, vai informācija, kuru mēs vēlamies dot serveri, kas varētu būt noderīgi. Tā User-Agent dod dažas vairāk apraksts on-- piemēram, šeit, čokurošanās / 7.24.0 patiesībā notiek pateikt serveris, kas mēs esam, izmantojot Google Chrome kā mūsu pārlūku. Tātad, ja jūs kādreiz dzirdēt par cilvēkiem, kas runā par padarot app atsaucīgi vairākiem pārlūkiem, tas ir kaut kas, ka viņi varētu izmantot, jo, ja jūs nezinu, ko pārlūku lūgums nāk no, Jūs nevarat pielāgot datus, kas. Tātad šajā gadījumā, lietotājs ir tikai sniedzot šāda veida ar identifikācijas informāciju par to, ko pārlūku jūsu lietotāja pašlaik izmanto, OK? Tātad, tad mums ir arī uzņēmēja, kas ir kur mēs esam patiešām vēlas doties. Šajā gadījumā, mēs gribam iet uz apple.com, nopirkt dažas atdzist jaunu iPad vai kaut ko, varbūt gudrs apgaismojums pie mūsu kopmītnes istabas. Un nosaukums vērtība gada beigās ir tikai pildviela, tikai vispārēja lieta lai jūs guys redzēt. Tas nav reāli atbilst kaut šeit. Tātad jūs varat būt tik daudz vai tik maz, kā jūs vēlaties, katrā gadījumā. Lielāko daļu laika, tie nav obligāti. Tas vienkārši ir atkarīgs no kāda Jums ir nepieciešams no pārlūka, no lietotāja, lai pareizi dot pieprasījumu. Vai arī tas ir atkarīgs no tā, kāda jūsu lietotāja faktiski vēlas, lai līdz ar serveri. Tātad jums var būt daudz, daudz Šo galvenes lauku nosaukumi vai jūs varētu vienkārši ir pāris. Tāpat kā ar tik daudzām lietām Man teica, šajā sadaļā, tas tiešām ir atkarīgs no konteksta par to, kā jūs izmantojat to. Tātad tas, ka ir jēga visiem? Tas ir tikai piemērs pieprasījumu, galvenes, plauktiņš. Labi, tāpēc ar to, ka mums ir dažas atbildes. Atkal, mums ir mūsu statusa kods, protokols versija, un pēc tam lauka nosaukums un lauka vērtējam kā vienmēr. Tātad mūsu protokola versiju un mūsu statusa kods ir 200. OK, kas nozīmē, ka, jā, viss gāja labi. Lūk, ko jūs vēlaties. Servera tips, saturs type-- tā stāsta mums, OK, tu esi gatavojas iegūt kādu tekstu HTML. Šeit ir garums to un šeit ir Ko jums vajadzētu darīt ar pieslēgumu. Labi, tā atkal, atkarībā uz datiem, jūs esat prasot, atkarībā no tā, kāda serveris vēlas atgriezties pie jums, Jums var būt vairāk šajās jomā nosaukumi, iespējams, ir mazāk. Pilnīgi konteksts atkarīgi. Un, ciktāl šī statusa kodu šeit, protams, 200 ir ne tikai viens Jums varētu būt, vai ne? Mums ir daudz statusa kodu. Vai kāds atceras kādu citiem, ka mēs minētie lekcijā? Daudzi no tiem sākas ar 4. AUDITORIJA: 404. ALLISON Buchholtz-AU: 404, kas ir? Mērķauditorija: Fails nav atrasts? ALLISON Buchholtz-AU: Fails nav atrasts. Tieši tā. Tātad, ko par 403? AUDITORIJA: Forbidden. ALLISON Buchholtz-AU: Forbidden. Tātad, ko jūs domājat tas nozīmē, ka ar chmods? Mērķauditorija: Tas nozīmē, ka jums nav atļaujas, lai to izlasītu. ALLISON Buchholtz-AU: Tieši tā. Kaut kādā veidā, jums nav atļauju piekļūt to, labi? Tātad 404, 403. Tur tiešām smieklīgi viens, ka mēs vienmēr ieviest katru gadu, kas Es būtu safasēti šeit piemēram, 413, kas ir es esmu tējkanna. Jūs varat google to. Tas ir smieklīgi, piemēram, tas ir kods 413, un tas ir es esmu tējkanna. Ko es nezinu, kāpēc jūs būtu jebkad ir nepieciešams, ka internetā, bet es novirzīties. Mērķauditorija: Varbūt jūs tējkanna. ALLISON Buchholtz-AU: Varbūt serveris ir tējkanna. Kas to lai zina? Labi, tāpēc mēs esam par to, lai pāreju uz reālo kodēšanu. Es jūtos kā jūs puiši gatavojas izkļūt no šejienes diezgan ātri. Mērķauditorija: Kāpēc tas saka "serveris: divreiz? ALLISON Buchholtz-AU: Hm? Serveris divreiz? Tas ir labs jautājums. Es neesmu pārliecināts. Es uzzināt un Es ziņosim jums visiem. Labi, visiem citiem jautājumiem Bez tam? Labs? Atdzist. HTML un CSS, un tagad mēs nokļūt uz visām fun daļām. Tā kā es minēju iepriekš, HTML iespējams, ir viena no lietām, Jūs guys ir visvairāk pazīstami ar. Tāpēc mums ir hiperteksta iezīmēšanas valodas. Labākais veids, kā mācīties this-- man nav ir kādi sagatavoti slaidi vai neko Lai jūs puiši ar HTML. Tas ir patiešām par mācību sintaksi. Un, ja jūs bijāt MySpace dienu, jums būs šo leju. Tik tiešām, lielākā lieta ir vienkārši praktizēt un eksperimentēt. Viens no lielākajiem resursiem es būtu ļoti iesakām izmantot ir W3Schools. Tātad, tikai W, 3, un pēc tam skolu. Viņiem ir daudz resursus uz HTML, CSS, un tie faktiski ir split screen veida lieta kur tie būs sniegt jums piemēru kodu. Jūs varat vijole ar to, mainīt, un nospiediet Update, un tas jums parādīs, ko tas tiešām, lai mājas lapā. Tāpēc es ļoti ieteiktu izmantot to. Tas ir diezgan foršs. Jūs nesaņemsiet SEG kļūdas šeit, kad lietas iet greizi. Ja jums izdodas iegūt SEG vaina ar HTML, do let me know, jo es esmu būs reāls interesanti. Bet tas ir tiešām foršs, jo Jūs varat mainīt lietas, Jūs varat redzēt tos atjaunināt dzīvot. Un es domāju, ka jūs saņemsiet daudz vairāk intuitīvu izpratni par HTML ja jūs tiešām vienkārši pavadīt dažas laika eksperimentējot ar to. Tātad, tas ir iemesls, kāpēc es teicu, prakse un eksperiments. Google, no šeit kas, iespējams, būs viens no jūsu labākajiem resursiem un draugiem. Vai Bing-- Es esmu strādā pie Microsoft, tāpēc varbūt man vajadzētu teikt Bing. Bet diezgan daudz kaut ir tikai būs sintakse, lai saprastu, kādi tagi ir, understanding-- vismaz ar CSS-- kā mainīt dažus atribūtus. Tas būs super noderīga. Tātad, pat ja mums nav ir kādi sagatavotus lietas, mums ir sava veida dažus labākās prakses ka mēs vēlamies, lai jūs puiši, lai mēģinātu un ievērot pēc-- vai drīzāk, jums vajadzētu ievērot līdz turpmākam paziņojumam. Tāpēc aizveriet visus atslēgvārdus. Cerams, ka visi has-- jūs zināt, ko, ja tas nav jēgas tieši tagad, Es apsolu, ka būs jēga kad mēs esam kodēšanas up lapu. Bet aizvērt visas atslēgvārdus. Tātad, ja jums kādreiz ir dažas header, kas ir kronšteins, H1, kronšteinu, pārliecinieties, ka kad esat pabeidzis ar to, Aizverot šo iesākumu. Apstiprināt savu lapu ar W3 validators. Ja jums nav aizvērt atslēgvārdus, Jūs varat saņemt negaidītu uzvedību. Tas būs teikt, ka jūsu lapa ir nederīgs ja jūs palaist to caur šo validators. Tātad, kad doubt-- un īpaši no šīs nedēļas, un nākamnedēļ s pset-- tādā pašā veidā, ka mēs lūdzam jums izmantot pārbaudīt 50 un stils 50, Jūs varētu domāt par to kā viens no jūsu pārbaudes, OK? Tātad, ja tas neiztur W3 validators. Tas ir kaut kas, mēs piestās jums. Vai es esmu stāsta jums tiesības Tagad, es doks jums. Tāpēc pārliecinieties, ka tā apstiprina. Tas nav grūti. Jūs vienkārši ielīmēt savu kodu un tas būs vai nu saka labu darbu vai jums trūkst kaut kas tādā pašā veidā ka stils 50 stāsta, kur tu esi messing up. Un tad viens pēdējā lieta ir jūs vēlaties, lai atdalītu Jūsu atzīmes, kas ir viss, kas HTML vai jūsu tekstu, un jūsu stils. Tātad mēs darīsim piemēru šīs tiesības pēc šī. Tik HTML un CSS vajadzētu būt atsevišķi. Un mēs esam gatavojas runāt par MVC, kas ir Model View Controller, nākamnedēļ. Jūs puiši būtu iespējams uzzināt, ka lekcijā rīt, ja jums bija jau iemācījušies to šodien. Un tas ir tikai sava veida paradigma, ka mums ir tendence izmantot veidojot tīmekli lapas atdalīt lietas. Jūs varat domāt par to tādā pašā veidā ka mums ir tendence atsevišķu funkciju C kur mēs hash atrast lietas. Tas ir tikai veids, kā padara jūsu dzīvi vieglāku. Tā atdala no atribūtus vai kods, kas jūs būtu, izmantojot atkal un atkal, bet šādā veidā, tā veids no uztur to jauki un glīts. Un, ja jūs vēlaties mainīt viena lieta, jūs maināt to vienu reizi un tas ir mainījies visur citur. Tātad, tas ir vairāk par jūsu vieglumu un elastību. Tātad ar CSS, tas ir ļoti līdzīgs HTML, bet tā vietā tagiem ka es pieminēju tikai tagad, mēs izmantot to, ko sauc selektori. Un viņi būtībā tikai veida no saistīt noteiktu tagu HTML ar dažādiem atribūtiem. Un, kad es saku atribūtus, es domāju lietas, piemēram, fonta krāsu, fonta stilu, krāsu fona, krāsu jūsu tekstu. Šie veidu lietas. Piemēram, ja tas ir centrēts, ja tas ir off uz labo pusi, ja tas ir inverted-- viss no šīm atdzist lietām. Jebkuras stilistiskās lietas kas jums jādara, lai savu tekstu, tas ir tas, ko es domāju ar atribūtiem. Un tad divas galvenās lietas, kas jāzina, ir, ka selectors-- divas galvenās factors-- ir ID, kas ir unikāls. Jūs varat izmantot tikai to, ka viena lieta. Pretējā gadījumā tas būs kliegt uz tevi. Un, kad mēs definējam to ar CSS failu, tas būs būt hash ID un tad ko atribūtus mēs gribam. Es apsolu, mēs ejam, lai iet cauri piemēru. Tas būs padarīt daudz lielāka jēga. Klase var atsaukties uz vairākiem blokiem. Tātad jūs varat būt jūsu pirmā un trešā daļa ir tāda paša veida atribūtiem, ja jūs saista tos ar tajā pašā klasē. Un, kad mēs definējam viņus CSS, mēs darām dot klasi, ar klasi ir neatkarīgi Jūs vēlaties, lai tiktu nosaukts. Tāpēc es zinu, tas ir labi tagad ir ļoti abstrakts. Tieši tāpēc mēs ejam kodu. Es zinu, ka jūs guys mīlu ka, un jūs visi ir notiek, lai palīdzētu man, jo tas ir jūsu mājas lapā. Tas ir mūsu sadaļu tīmekļa lapā, puiši. Tātad, vai ir kādi jautājumi, pirms es izslēdziet PowerPoint, vai kaut tu gribi, lai ritinātu atpakaļ lai, pirms mēs sākam kodēšanas? Mērķauditorija: Kad jūs sakāt spēles tagus, tu domā pārslēdzējiem vai tagus? ALLISON Buchholtz-AU: Jūs varat domā par to, kā vienu un to pašu. Tas ir tikai dažādi vārdi. Es domāju, piemēram, selektori. Bet selektori arī kartēt tagus. Tātad, jūs varat domāt par to, kā faktiski tas pats. Es apsolu, tas notiek, lai padarītu vairāk sajūtu, kad mēs kodu. Kaut kas no PowerPoint vai kādi jautājumi tiesības tagad, pirms mēs faktiski veidot mūsu nodaļas lapu? Ikvienam gatavs? Atdzist. Tāpēc man ir viens sākusies. Ļaujiet man paaugstināt fontu jums puiši. Labi, tāpēc tagad, mums vienkārši ir tukša kauli Web lapa šeit. Mums ir dažas HTML. Mums ir daži iesākumu, ko mēs redzēt šeit, kā piemēru mājas lapā. Daži nosaukums, daži fonts. Tie ir tags, OK? Tātad, kad es domāju aizvērt atslēgvārdus, mēs redzam šeit tas kronšteins galva ir jūsu atvēršana tag, un šis kronšteins / Galva aizverot to, OK? Lai jūs varētu domāt par to, kā Jūsu breketes jūsu ja apstākļi vai jūsu uz cilpas. Ja jums ir viens sākumā, Jūs vēlaties vienu beigās. Tas joprojām strādā lielāko daļu laika ja jums nav slēgta tag, bet labākā prakse ir aizvērt atslēgvārdus. Tātad šajā gadījumā, pieņemsim mainīt. Mēs ejam, lai ir septiņi sadaļu. "Mājas lapa sadaļa." Tāpēc es esmu tikai gatavojas mainīt. Un, ja mēs ejam nekā šeit, un mēs reload-- gotta saglabāt un reload-- mēs pamanām, ka šeit tas mainījies, vai ne? Atdzist. Tāpēc tas maina nosaukumu. Tas ir kāda ir jūsu tab. Tātad šis ir sava veida meklē veida garlaicīgi. Es nezinu par puišiem. Es domāju, ka mēs gribam kaut ko citu šeit. Tātad, ko mēs varam darīt, ir header ir tikai tur. Darīsim kaut kādas ķermeņa veida. Tātad mums ir dažas ķermeņa šeit. Es vienmēr darīt atvērta un aizvērt tagus, lai sāktu, tādā pašā veidā, ka es daru lencēm. Ah. Pagaidiet, ko? Mērķauditorija: [dzirdams]. ALLISON Buchholtz-AU: Ah. Jums puiši dabūja mani. Labs darbs. Zelta zvaigzne. Labi, tāpēc mums ir dažas ķermeņa šeit. Un tagad sāksim pievienojot kādu tekstu. Tātad jums ir pāris dažādi iespējas pievienojot tekstu. Mums ir lietas, piemēram, galvenes. Mums ir tikai normāli tekstu. Tāpēc pieņemsim tikai sākt ar galvu. Patiesībā, ja jūs puiši vēlas uzvilkt W3 skolas HTML, Jūs varat veida paskatīties un, ja tur ir kaut kas īpaši, ka jūs vēlaties izmēģināt ar šajā mājas lapā, mēs varam darīt. Tātad šajā gadījumā, pieņemsim tikai tie daži H1. Tātad h1 ir kā augstāko galvenes. Tas dos jums kaut ko tas ir ļoti liels un drosmīgs. Un šajā gadījumā, tas, ko mēs gribam par pirmo dokumentu par mūsu mājas lapā? Jebkas. Jūs puiši gatavojas izveidot šo. Es esmu tikai gatavojas rakstīt. AUDITORIJA: Welcome. ALLISON Buchholtz-AU: Sveicināti. Labi, tāpēc, ja mēs to saglabātu, un mēs pārlādēt, mums ir liels liels welcome. Tik vienkārši, lai jūs varētu redzēt atšķirības, pieņemsim kaut ko darīt uz H6. Ko mēs vēlamies tieši šeit? Taisnība? Labi, lai tikai tāpēc jūs varat redzēt atšķirību. Jā, Sublime. Tātad, ja pamanāt, h1, ļoti, ļoti liels. h6, tāpat kā drosmīgs, bet daudz mazākas, un tev ir viss starp. Lai jūs varētu būt H2, H3, H4. Un tie ir tikai galvenes, tādēļ, ja jūs cenšaties izveidot mājas lapu, kas ir dažādas sadaļas, varbūt jūs vēlaties izmantot galvenes tur kaut kur. Atdzist. Tātad mēs pievienot dažas vairāk lietas, kas mūsu organismā. Es redzu, ka tas varētu būt laipniem atdzist, ja mums bija attēlu. Es jūtu, ka ikviens var izmantot, varbūt cute bunny aina tiesības par tagad, tāpēc mēs spēsim atrast bunny attēlu pirmās. Es nezinu, ja jūs guys ir kādi preferences no kuriem viens mēs gribam. Vai jums ir kādas priekšrocības? Šeit tas viens? Leju. OK. Ka no tā ir. Laba izvēle. Labi, tāpēc mēs ejam, lai apskatītu mūsu tēlu. Paskaties, ka. Paskaties šo adorable lieta. Kā jūs varētu būt skumji pirmdien ar šo? Tātad mēs esam tikai gatavojas kopēt attēla URL. Un tas, ko mēs vēlamies darīt, ir, pieņemsim tikai saka, ka mums ir dažas P punktu. Mēs ejam, lai teikt "Look apskatīt gudrs zaķis. d'awwww. " Es mīlu manu zaķi. Man ir zaķis mājās. Man pietrūkst mana zaķi. Tātad, ko mēs ejam, lai do-- Es nezinu, ja jūs guys vēlaties google this-- bet ar HTML, kā jūs varētu iekļaut attēlu? Burtiski, ja jūs google "Ietver attēlu HTML," Kāpēc jūs guys man pateikt Ko tas tag vajadzētu būt? AUDITORIJA: img source-- ALLISON Buchholtz-AU: img source-- AUDITORIJA: --equals-- ALLISON Buchholtz-AU: --equals-- Mērķauditorija: --quote-- yeah. ALLISON Buchholtz-AU: Perfect. Jauki. Skat, MySpace paaudze, vai ne? Mērķauditorija: Neopets. ALLISON Buchholtz-AU: Neopets. Ak, OK. Wow. Tas ir bijis traks. OK. Tāpēc pārliecinieties, ka man šīs tiesības. Atdzist. Tātad tas būtu šeit. Un tad, ja mēs pārlādēt, mums ir mūsu bunny lapā Vai tas nav burvīga? Tas ir tik gudrs. Jūs izvēlējāties liels, liels foto. Es esmu rakšana to. Labi, tāpēc mēs esam šo adorable bunny tagad. Mums bija iespēja pievienot attēlu, tieši tāpat. Tātad, būtībā, ja tur ir kāds tēls vēlaties pievienot, lai jūsu mājas lapā, Jūs varat pievienot to tāpat kā šis. Cita lieta būtu, ja Jums ir attēlu saglabāti tajā pašā mapē, šo failu, jūs varat vienkārši rakstīt neatkarīgi nosaukumu šo attēlu ir tā vietā, Web saiti. Tas joprojām būtu pēdiņās. Tas būtu vienkārši tāpat ja mēs būtu nosaukts this-- ja šis attēls tika saglabāts mapē ar šo HTML failu ka es esmu rediģēšanu un to sauca bunny.jpg. Mēs varētu arī darīt un tas parādās. Tomēr man nav tas saglabāts failu, un es gribu, lai saglabātu zaķis, tāpēc mēs ejam, lai saglabātu saikni. Mērķauditorija: Kas ir rabbit.org? ALLISON Buchholtz-AU: rabbit.org. Tas ir appropriate-- izskatās, jūs varat to pieņemt. Pieņemšana. bunny.jpg. Es gribu, lai pieņemtu šo bunny. Ak, dievs, tas ir tik gudrs. Labi, tāpēc mēs esam pievienojuši galvenes. Mēs esam pievienojuši bildi. Acīmredzot, mēs pievienojām kādu tekstu šeit, vai ne? Ja mēs vēlējāmies, lai pievienotu citu teksti, mēs gribētu iet kā šis. Tātad, tas ir vēl viens punkts. Un mēs sakām "tas ir vēl viens punkts." Arī es esmu briesmīgs Speller, lai es varētu kļūdaini lietas. Just FYI. Tātad mums ir cits šeit punktu, vai ne? Tāpēc varbūt jūs vēlaties darīt kaut ko nedaudz vairāk interesanti nekā tikai ir visas jūsu tekstu, piemēram, tiesības jāsaskaņo. Varbūt jūs vēlaties, lai centrētu tekstu, OK? Tātad, ja kāds vēlas izmantot šos ērts datori priekšā no jums un man pastāstīt, kā jūs esat dodas uz centru šo tekstu, Mērķauditorija: p align. ALLISON Buchholtz-AU: So p align vienāds "centru." Viņš nogalinot to, puiši. Y'all jāpaātrina. Un mums ir "Tas ir centrēts." Un tagad mums ir kaut kas centrēts. Tādā pašā veidā, ja jūs vēlaties to pa kreisi jāsaskaņo, jūs varētu darīt Izlīdzināt vienāds kreisi, saskaņot vienāds labi. Pilnībā atkarīgs no jums. Ja man bija tieši šeit, tad tas should-- tagad tas ir taisnība jāsaskaņo. AUDITORIJA: Allison? Ar attēla avota, kāpēc nav tur netālu no img avota? ALLISON Buchholtz-AU: Atvainojiet. Tas viens ir Tagad tur jūs labi. Tagad mēs esam labi. Mērķauditorija: Vai nav jums ir slēgt to tur, vai ne? ALLISON Buchholtz-AU: Nu, tāpēc img avotu, tas viens ir just-- ar attēlu, tas ir tikko redzējām kā viens elements, turpretim ja pamanāt par pārējo tiem, mums ir dažas tag tad informāciju, kas tas attiecas uz un pēc tam noslēguma tag. Bet ar attēlu, viss ir vienkārši veida pašpietiekams. Atdzist. Tātad jūs guys zināt, kā izveidot header, jūs zināt, kā ievadīt tekstu, jūs zināt, kā likt attēlu jo tagad, jūs varat saskaņot lietas. Vēl viena lieta, kas jums varētu vēlēties, lai varētu to darīt ir izveidot sarakstu CS-- mēs esam veida nonākšana nākamnedēļ PSET. Sīkumi, ka mēs parasti mācīt šonedēļ iet ļoti labi ar nākamās nedēļas PSET, tāpēc mēs esam veida sajaukšana, pārklājas lietas šeit. Bet tas būs noderīgi, lai nākamajā nedēļā. Tātad, ja mēs vēlējāmies, lai radītu dažus sarakstu, kā varētu mēs to darām? Jūs nevarat atbildēt uz šo laiku. Kāds cits ir. Tas nav grūti, puiši, apsolu. Google "Nekārtots saraksts HTML." Kas tas bija? Mērķauditorija: [dzirdams]. ALLISON Buchholtz-AU: Right. Tāpēc mēs vēlamies pasūtīt vai Nekārtots? Darīsim Nekārtots. Tātad mums ir dažas UL, kas stendi nesakārtotu sarakstu. Un ko mums ir katram elementam? Vai tai ir savs tagu? Vai mēs vienkārši sākt rakstīt lietas? AUDITORIJA: li. ALLISON Buchholtz-AU: li. Tātad, kas ir mūsu saraksts būs? Ko mēs vēlamies šeit? Mēs vienkārši darīt nosaukumiem. Just do Jēkabu. Mērķauditorija: Rabbit pārtika. ALLISON Buchholtz-AU: Rabbit pārtika. Labi Man patīk. Trušu pārtika. Labi, tāpēc mums ir burkāni. Man patīk šī trušu tēmu. Es esmu rakšana tas daudz. Mērķauditorija: Patiesībā, es domāju, ka Jēkabs būtu legit. ALLISON Buchholtz-AU: Jacob? Jēkabs ir trusis ēdiens. Ja jūs redzēja Jēkaba foto no darba laika, jūs varētu būt doma, viņš dabūja uzbruka killer trusis. Mērķauditorija: Man ir trusis tagad. Man ir killer trusis tagad. ALLISON Buchholtz-AU: Vai jūs kidding me? Mērķauditorija: Es atnesīšu to nākamajā nodaļā. Man ir tā. ALLISON Buchholtz-AU: Tas ir smieklīgi. Anyway. Mērķauditorija: [dzirdams] Mērķauditorija: Jā, mans Proctor ir trusis, kā labi. ALLISON Buchholtz-AU: Es gribu trusis. Labi, kurš nes reālu trušu nākamajā sadaļā, kopējais gariņš punktiem. Mērķauditorija: [dzirdams] Mērķauditorija: Ak, tas nav reāli. Tas ir pildījumu trusis. ALLISON Buchholtz-AU: Ak yeah, mēs varam slēgt šos. Izskatās rad. Mērķauditorija: Vai tas tiešām ir svarīgi? ALLISON Buchholtz-AU: Tā nav. Ar lielāko daļu no šīm lietām, Jums nav aizvērt tagu, 99% no laika nekas slikts notiek varētu notikt, bet tas ir labs stils, too. Un Jēkabs. Un mums ir salāti. Mērķauditorija: Par saitēm, tas ir ļoti svarīgi. ALLISON Buchholtz-AU: Hm? Mērķauditorija: Par hipersaitēm. ALLISON Buchholtz-AU: For hipersaites. Jā, hipersaites vajag. Labi, tāpēc pieņemsim redzēt šeit. Un mums ir tuvu mūsu sarakstā. Un mēs skatāmies uz to. Mēs esam all-- Jēkabu, tieši tur. Trusis pārtiku. Man atgādina Bunnicula. Mērķauditorija: [dzirdams] ALLISON Buchholtz-AU: Es esmu apvienojot atpakaļ visas vecās skolas atsauces šodien, nav man? Tikai visas vecās skolas atsauces. Būtu celta līdzīgi Gogurts vai kaut uzkodas. Mērķauditorija: Vai Gushers. ALLISON Buchholtz-AU: Ak. OK. Es redzētu, vai es varētu izsekot leju Gushers nākamajā nedēļā. Es domāju, ka es varu darīt, ka. Es domāju, ka mēs varētu būt daži birojā. Labi, tāpēc mēs esam uz daudz dažādi lietas jūs varat darīt ar HTML, vai ne? Un, kā jūs varat iespējams redzēt, tas ir nothing-- cerams, ne pārāk intim-- ja tā ir, es nedomāju noniecināt nevienam. Ja jums rodas problēmas, nāciet runāt ar mani. Bet lielākā daļa no tā ir tikai apskatot sintaksi, vai ne? Ja jūs vēlaties nesakārtotu sarakstu, Ja jūs vēlaties kādu no saraksta veida, ja jūs vēlaties, lai saskaņotu kaut vai formāts kaut ko, tas viss ir par tikko veida meklēšanai sintakse HTML, vai ne? Un viena lieta, kas ir diezgan foršs faktiski ir, ja jums iet kuri paredzēti, pieņemsim redzēt, kas ir jauka mājas lapa, kas mums patīk? Kāds ir kādas iecienītākās tīmekļa vietnes kas ir OK, lai atvērtu tiešsaistē? Jūs zināt, kas, pieņemsim tikai darīt CS50. Tas ir jauki, un droši, labi? Labi, tāpēc CS50 šeit. Ak izskatās, tur ir sadaļa tieši tagad. Ja jums patīk, kā tas izskatās. Mērķauditorija: [dzirdams]. ALLISON Buchholtz-AU: Mēs neesam gatavojas darīt meta sadaļu, puiši. Tas nenotiek. Tas būtu forši, bet mēs nebrauksim, lai to izdarītu. Tātad, ko jūs varētu darīt, ja jums patīk, kā tas darbojas, ir iespējams vienmēr taisnība noklikšķiniet uz jebkura mājas lapā, kas jums patīk un jūs varat darīt Skatīt lapas avotu. Tas dos up visu HTML. Un tas ir tiešām ļoti laba veids, stils savu mājas lapu. Doties uz mājas lapu, kas jums tiešām patīk un apskatīt HTML un izdomāt, kā viņi to darīja. Un burtiski, kamēr kā jūs citēt lietas, kamēr jūs esat ne tikai zagt no cilvēkiem, tas ir OK. Jo īpaši attiecībā uz CS50 [? finansētu]?, mēs esam veida gaida jūs, lai saņemtu iedvesmu no citu mājas lapā. Lai justies brīvi. Meklēt, izmantojot tīmekļa vietnes, Jūs domājat, ka ir tiešām diezgan un izdomāt, kā viņi izmanto HTML un CSS darīt šīs lietas. Tātad, kā jūs redzēt šeit, tur ir acīmredzami piemēram, saites, un mums ir klasi šeit. Mums ir saite šeit. Mums ir saraksts. Mēs, iespējams, ir daži attēlus šeit kaut kur. Mēs esam ieguvuši dažas atdzist stilu šeit. Tas ir nākamā lieta mēs gatavojamies darīt. Tātad stils, kad jūs redzat šos stila kronšteini, tas ir CSS būtībā. Ben, jūs ir jautājums? Mērķauditorija: Kas ir div? ALLISON Buchholtz-AU: div ir tikai a-- kas ir div? AUDITORIJA: nodaļa. ALLISON Buchholtz-AU: nodaļa. Jā, tas ir tāpat kā atdalot dažādus elementus. Labi, tāpēc šeit ir tas, ko mēs esam gatavojas doties uz nākamo. Tātad tas nevar būt labākais stils, jo, ja pamanāt mums ir HTML un stilu pašā lapā, un mēs tiešām gribam, lai atdalītu tos, OK? Un patiesībā, ļaujiet man atvērt manu pareizo vienu jo tas ir vajadzēja būt PDF, tāpēc mums ir style.css. Tātad, ko mēs varam darīt, šeit ir tie ir labas lietas, piemēram, kādu izbalināt un mēs varētu mēģināt darīt, bet es jūtos tāpat kā es būtu haoss, ka līdz par lidot, tāpēc es aicinu jūs guys doties izmēģināt šo par savu, bet es neesmu gatavojas darīt to tieši tagad. Tātad, ja jūs puiši, atcerieties, ja jūs kādreiz hit problēmu kopumu, kaut kas swoops no sāna. Tas ir jādara ar fade un pārejas un plauktiņš. Mērķauditorija: Un tas ir viss, CSS un HTML? ALLISON Buchholtz-AU: Visas CSS un HTML. Yeah. Tātad, jūs varat darīt daudz tiešām labas lietas ar CSS un HTML. Tātad ar mūsu laba bunny mājas lapā šeit, mēs gatavojas darīt nedaudz mazliet CSS stilu ar to. Tātad, ja jums kādreiz ir stils loksnes, kas mums ir šeit, Jūs varat vienkārši piezvanīt style.css. Jūs varat zvanīt tas, ko vien vēlaties. Kas ir svarīgi ir tas, ka mēs ejam atsauces to mūsu web.html šeit. Tātad, ko mēs gatavojamies darīt, ir we-- tāpēc man nav haoss šo up-- mēs gatavojamies saistīt šie divi faili kopā. Tātad pašā way-- es dodos izdarīt analoģiju ar C šeit. Tādā pašā veidā, ka, ja jums ir daži library-- un mums ir cs50.h-- mūsu kompilatoru links to. Tas ir tikai skaidra saite no mūsu puses. Tātad, tādā pašā veidā, ka mēs darīt hash ietver kādu failu, ko Es esmu par to rakstīt, ir tikai HTML / CSS ekvivalents kas. Mēs vienkārši sakot, OK, šo mājas lapu gatavojas izmantot šo stilu, OK? Tāpēc mums ir saite rel vienāds ar stilu. Un tad mums ir tipa, CSS. Un tad href vienāds. OK. Tātad tas viss darīja šeit jūs varat, ir domā par to kā to pašu kā hash ietver. Acīmredzot tas izskatās nedaudz vairāk sarežģīta, taču visos gadījumos, tas ir faktiski tas pats. Tātad tas ir tikai daži sasaiste stila lapas, tas ir tipa teksta / CSS, un nosaukums no tā ir style.css. Kas ir svarīgi zināt ir tas, ka mājas lapā ka es esmu darba tiesības now-- web.html un style.css-- ir vienā mapē. Jo dažādās mapēs, jums ir nepieciešams, lai dotu faktisko sakni uz tā, vai ceļš uz to. Bet šajā gadījumā, mēs saglabāt to super vienkārši, un tas būs šeit. Tātad, ja mēs to darām, man ir dažas lietas jau ir ievietots rindā šeit. Tātad mums ir dažas ķermenis, kas gatavojas ir mūsu fona krāsu, kas šobrīd ir gaiši zilā krāsā. Mēs varam mainīt to, ja mēs gribam, bet ja es atceros šo pareizi, tas būtu vienkārši mainīt to uz gaiši zilu. Un tagad mums ir gaiši zila fona. Un mums bija here-- var kāds atcerēties kuriem viens ir jaukšanas ID vai klase? AUDITORIJA: ID. ALLISON Buchholtz-AU: ID. Atdzist. Tātad, ko mēs vēlamies darīt ir kas no šiem fontiem vai which-- mēs gribam "Paskaties gudrs zaķis "būt violeta? Es domāju, ka mēs gribam, lai būtu violeta. Es esmu diezgan noteikti ar, ka ir violeta. Tātad, kas jums jādara, ir jums ID equals-- šajā gadījumā Es teicu, ko, diezgan krāsu šeit. Mēs pārlādēt. Visi pēkšņi, tas ir violeta. Labi, tāpēc ar ID, atcerieties tai ir unikāls, tāpēc es nekad nedrīkst izmantot šis ID jebkur citur. Bet ar klasi, jo mums ir šeit ar diezgan fontu, Es būtu iespēja izmantot ka kaut kur es gribu. Tātad, pieņemsim darīt šo vienu šeit. Tātad, mēs varam teikt, klases vienāds diezgan fontu. Un, ja mēs skatāmies tagad, mums ir Šī atdzist diezgan fontu šeit. Tāpēc varbūt es gribu darīt abus. Labi, es tiešām nezinu, ja tas ir dodas uz darbu, bet es gribu, lai to izmēģinātu. Un tas ir, kā jūs mācīties CSS un HTML. Jūs, piemēram, jūs zināt ko, es gribu izmēģināt šo. Es neesmu pārliecināts, vai tas notiek, lai strādātu. Let 's redzēt, ja tā darbojas. Un apskatīt to. Tagad tas ir purpura un tas ir diezgan fontu. Labi, tāpēc jums ir visi šie dažādas lietas jūs varat darīt. Vai jums ir jautājums? AUDITORIJA: Jā. Nu, tāpat kā krāsas jūs izmantojat ir vārdi. Vai ir veids, kā darīt krāsas ar heksadecimālo RGB? ALLISON Buchholtz-AU: jūs varat arī darīt to ar sešpadsmitnieku, es uzskatu. Yeah. Bet tas ir sava veida jauki, ja jums nevēlaties, lai tos uzmeklēt. Jūs varat būt, piemēram, violeta vai zila. Mērķauditorija: Cerēsim, viņi zināt, ko tas nozīmē. ALLISON Buchholtz-AU: Right. Tā ļauj veikt šo lasīt vai Chartreuse. Kāpēc jūs kādreiz izvēlētos Chartreuse? Tas ir interesants krāsu. Labi, tā acīmredzot mēs varam redzēt, mēs var mainīt lietas, tomēr mēs vēlamies. Ja jūs vēlētos, lai create-- teiksim Mēs vēlējāmies, lai izveidotu citu klasi. Kas varētu jūs guys vēlaties mainīt? Ja jūs uzvilkt W3Schools " CSS dokumentācija, Es atstāju vārdu jums puiši. Mēs varam mēģināt un darīt kaut ko atdzesē ar šī pēdējā pāris minūšu laikā. Jo es esmu veida devis jums crash kursu daudz labas lietas ka jūs varat darīt. Bet galu galā, kā jau teicu, ja jums tikai eksperiments, jūs uzzināsiet daudz. Mērķauditorija: Vai jūs uzmeklēt šo fontu? ALLISON Buchholtz-AU: Jā, Es paskatījos uz augšu, ka fontu. Tātad, piemēram, burtiski, es devās kuri paredzēti, ko man darīt? I did CSS fontu sarakstu, un tad es darīju fonts kaudze, un tad man bija, piemēram, izskatās, šeit ir visi atdzist fontus jūs varat darīt. Un tur bija tas viens, tāpēc Es kopēt to uz manu starpliktuvē. Un tad man bija, piemēram, Labi, atdzesē, tur mēs ejam. Viss darīts. Mērķauditorija: Tātad jums ir, lai pārliecinātos, ka ka CSS zina, kas tas fonts ir. ALLISON Buchholtz-AU: Jā. Mērķauditorija: Kas tā teikt beigās? Kursīvs? ALLISON Buchholtz-AU: kursīvs. Yeah. Mērķauditorija: Fona attēls. ALLISON Buchholtz-AU: Fona attēls. OK. Tātad jūs vēlaties, lai man pastāstīt, kā to izdarīt. Es atstāju šo jums. Es esmu tikai rakstīt šeit tagad. Ritenis ir jūsu rokās. AUDITORIJA: OK ALLISON Buchholtz-AU: OK. Ko es daru? Mērķauditorija: Doing-- Es zinu, ko nāk pēc cirtaini lencēm. ALLISON Buchholtz-AU: OK. Tātad iespējams, organismā, es Varētu pieņemt, jo mēs esam dara ar fona attēlu. Mērķauditorija: Jā, pieņemsim darīt. ALLISON Buchholtz-AU: OK. Mērķauditorija: Labi, tāpēc fona resnās zarnas, un pēc tam mēs nepieciešams URL adresi šo attēlu. Varbūt pseido-kodu, kas tagad, varbūt. ALLISON Buchholtz-AU: Kas Jūs vēlētos mani kuri paredzēti, Mērķauditorija: Es domāju, piemēram, GIF. ALLISON Buchholtz-AU: GIF? Kas notiek, lai būtu interesanti. Labi, ko es googling šeit? Mērķauditorija: Nē, tas ir jūsu izvēle. ALLISON Buchholtz-AU: Kāpēc nav we-- ja tas ir zaķis, Es jūtu, ka mums ir jābūt jauki grassy mauriņu vai kaut ko. AUDITORIJA: Meadow. Pļavu. ALLISON Buchholtz-AU: pļavu? OK. Mērķauditorija: Vai Rachel Maddow. ALLISON Buchholtz-AU: Tas viens izskatās diezgan. Ak, tas ir niecīgs, lai gan. Mums ir nepieciešama laba izmēra attēlu. Paskatīsimies. Ak, paskaties. Tas ir diezgan pļava. Tu zini, ko, man patīk šo vienu. Pieņemsim kopēt šo vienu. Mērķauditorija: Labi, tāpēc es domāju, ka tas URL, atvērt iekavas. ALLISON Buchholtz-AU: Labi, URL. Mērķauditorija: Tad adrese. ALLISON Buchholtz-AU: OK. Ir tā, ka viss, kas mums ir vajadzīga? Mērķauditorija: Close iekavas semikols, un tad telpa, fona defise pieķeršanās resnās zarnas fiksēta, un cirtaini lencēm. ALLISON Buchholtz-AU: OK. Let 's redzēt, ja tas darbojas. Tas būs diezgan vēss, ja tā dara. Es esmu īsta satraukti tieši šeit. Tas nestrādāja. Nez kāpēc. Mērķauditorija: Varbūt URL ir jābūt pēdiņās. ALLISON Buchholtz-AU: Varbūt. Un tas ir tas, kā mēs mācāmies, puiši. Mērķauditorija: Vai mums ir fons krāsu un fona attēlu? AUDITORIJA: Nē. Viens aizstāj otru. ALLISON Buchholtz-AU: I dunno. Paskatīsimies. Pieņemsim to pārbaudīt un redzēt. Mērķauditorija: Ak, varbūt, jā. [Interposing Voices] ALLISON Buchholtz-AU: OK, tas ir obviously-- I [dzirdams] šeit. Tik OK. Mērķauditorija: Fona arests. ALLISON Buchholtz-AU: Ah. Mērķauditorija: Labi, es nezinu. ALLISON Buchholtz-AU: Tas Izskatās, ka tā vajadzētu strādāt. Vai esat pārliecināts, ka tas ir resnās zarnas pēc URL? Mērķauditorija: Nē, tas ir semikolu. ALLISON Buchholtz-AU: Tas ir semikolu. Mērķauditorija: Vai es saku kolu? ALLISON Buchholtz-AU: Jūs teicāt, kolu. Mērķauditorija: Ak, nē. ALLISON Buchholtz-AU: Tur jums iet. Mērķauditorija: Ak, pagaidiet, tagad mēs nevaram izlasīt tekstu. ALLISON Buchholtz-AU: Tagad Jūs nevarat izlasīt tekstu, bet mums ir fona attēlu. Mmhmm? AUDITORIJA: Vai HTML atbalstīt dinamiskas saturu? Tāpat kā, jūs varētu mainīt šo attēlu atkarībā no loga izmēru, vai ir tā, ka ir CSS-- ALLISON Buchholtz-AU: Tātad CSS ir to darīt. Tātad, ja jūs guys ir ieinteresēti mācību modernu CSS, Es esmu co-mācību seminārs par CSS uz 7. Un es apsolu, ka būs daudz dziļāk un darīt daudz vairāk atdzist lietas šajā sadaļā. Un mana co-skolotājs ir kā Kopējais front end web dev meistars. Tāpēc tas būs diezgan vēss, ja vēlaties lai uzzinātu par visiem labas lietas ka CSS var darīt. Bet tas, ko mēs esam šeit kopā viņa fona stiprinājums fixed-- tāpēc tas ir sava noteikta size-- bet jūs faktiski var dynamically-- Ja jūs kādreiz redzēt tīmekļa lapas, kā vairums labas web lapas darīs, kad jūs pielāgot izmērs jūsu pārlūkprogrammā, tas regulē fonu vai cik daudz izrāda vai reformats lietas, vai ne? Tāpēc, ka tas, ko mēs saucam relatīvā pozicionēšana. Un CSS faktiski var paķert cik liels jūsu pārlūks platums ir vai cik garš tas ir, un jūs varat novietot lietas saskaņā ar relatīvo izmēriem pret absolūtajiem izmēriem. Un tas ir acīmredzami vairāk uzlabotas CSS, bet tas ir kaut ko jūs varat darīt. Ja jūs vēlaties uzzināt vairāk, nāc uz manu semināru. Tāpēc, ka ir kaut ko jūs varat darīt. Un CSS faktiski var do-- CSS un JavaScript, ko mēs iekļuvuši nākamajā week-- var ļauj dinamiski mainīt lapas bez pārlādēt viņiem visu laiku. Un jums darīt kādu pretty cool stuff. Līdz ar to ir cita lieta ka jūs puiši varētu vēlēties darīt vai kaut ko vēlaties, lai izpētītu? Mums ir atlikušas 10 minūtes. Mēs varam arī atstāt agri, bet, ja jūs vēlaties darīt daži vairāk interneta sīkumi, mēs varam, bet es neesmu gatavojas piespiest jūs. Bet mēs varam arī vienkārši ēst konfektes. Mērķauditorija: Iezīmējiet tekstu balts, lai jūs varētu izlasīt. ALLISON Buchholtz-AU: OK. Tātad šajā gadījumā mēs gribam kādu p. Mērķauditorija: Vai mums vajadzētu darīt to ķermenis tāpēc tas attiecas uz visu lapu? ALLISON Buchholtz-AU: Jā, mēs varam reāli. Tas ir laba ideja. Tātad mēs have-- do you zināt, ko mums vajadzētu būt? Es nezinu, vai mēs varam darīt teksta krāsu. Man bija gatavojas izmēģināt un izveidot citu klasi šeit. Mērķauditorija: Kā jums tik ka tas ir ierosinājumi? ALLISON Buchholtz-AU: So ja jūs guys ir interese, Tas ir vēl viens teksts redaktors sauc cildens. Jums vajadzētu būt iespējai instalēt to uz jūsu ierīci. Dažreiz tas izpaužas nedaudz grūts. Ja jūs vēlaties palīdzēt ar to, Es esmu super priecīgi Jums palīdzēt ar to, jo gedit ir liels un tas ir lieliski, jo jūs varat sastādīt to uz dibena, bet es tiešām tāpat Sublime jo tas ir diezgan un tā darīt lietas piemēram, auto-pilnīgs. Tātad jūs varat noteikti justies brīvi ļaujiet man zināt, ja jūs vēlaties darīt. Ja jūs vienkārši google "Sublime tekstu, "tā parasti ir instrukcijas par to, kā uzstādīt par dažādām operētājsistēmām. Tas tiešām ir forši, es domāju, manuprāt. Tik p. Es domāju, ka es varu tikai darīt text-- vai mēs varam vienkārši darīt krāsa ir "balts". Tur. Tātad, ko es darīju šeit ir tas, ka es nemainīja visu tekstu. Bet p šeit ir tikai tagu, kas mums ir, vai ne? Šis punkts tag. Tāpēc es vienkārši izveidojis CSS elements, kas teica, OK, kaut kas ar šo tagu p, padarīt baltā krāsā. Tātad, ja esat ievērojuši, tā ir veikusi šī baltā un šī baltā. Tas neesot mūsu saraksts balts, jo tas nav saistīts ar to. Jūs varētu iet cauri, un jūs varētu say-- Mērķauditorija: Vai fona krāsu. ALLISON Buchholtz-AU: Fona krāsa? Mērķauditorija: priekšvēsture cauruļvada krāsu, kur jūs varat ievietot p tag. ALLISON Buchholtz-AU: OK. Vēlaties to balts? AUDITORIJA: Mmhmm. ALLISON Buchholtz-AU: OK. Tur jums iet. Mērķauditorija: Tas ir dīvaini. ALLISON Buchholtz-AU: Diezgan vēss, vai ne? Tātad, ja jūs vienkārši putru apmēram, jūs gatavojas mācīties daudz. Un tas var būt diezgan atdzist. Es domāju, ka tas noteikti ir vairāk gandarījums nekā dažkārt jo jums nav jāgaida lai jūsu programma, lai apkopotu. Jūs varat vienkārši hit Atsvaidzināt un jūs, piemēram, oh, izskatās, tā strādāja, vai ak, es esmu iespējams, trūkst kaut kas. Un tas ir kaut kas ir patiešām atdzist par šo nākamo daļu no klases, tas ir noteikti, es domāju, vieglāk pārbaudīt kā jums iet pa ceļu, salīdzinot uzrakstīt šos ilgi programmas un vēlas un lūgšanas ka tas darbojas beigās. Tātad ar to, es domāju, ka jūs puiši visi šķiet labi. Ja jums ir kādi jautājumi, kā vienmēr, nāk runāt ar mani, nāc ļaujiet man zināt. Es būs tiesības ārpus nākamo 15 minūšu laikā ja vēlaties tērzēt par jebko. Tāpēc es ceru, ka jūs guys-- veicas ar šo PSET. Termiņš ir piektdiena pusdienlaikā jo tas tika izlaists vēlu. Tāpēc es, iespējams, būs redzēt daudz jums puiši ceturtdien, bet cerams, ka ne. Varbūt jums ir to izdarīt pēc tam. Es gribētu būt super lepoties. Bet, ja ne, es jūs redzēšu ceturtdien. Jūs varat izmantot arī vēlu datumu, kurā paplašina to līdz sestdienai plkst. Bet es don't-- ne? AUDITORIJA: Halloween. ALLISON Buchholtz-AU: Tas ir Halloween, A un B, Es nedomāju, ka būs būt darba laiks piektdien. Tik tiešām mēģinātu un saņemt to izdarīt Piektdiena, lai mēs visi varam svinēt Svaidīt nedēļas nogalē. Labi, es redzēsit jūs puiši nākamnedēļ.