[Music kucheza] ALLISON BUCHHOLTZ-AU: Wote haki, kila mtu. Karibu tena kwa sehemu. Hivyo ajenda yetu kwa leo ni kwenda juu ya mambo mengi zaidi dev mtandao. Sijui jinsi wengi umeona psets yako tangu hiyo ilitolewa mapema asubuhi hii. Napenda kama jinsi wengi watu kusoma spec, lakini kuona kama jinsi umeshapata wote ya, kama, masaa saba kwa kuangalia ni na ni Jumatatu na umefanya pengine alikuwa darasani, Mimi nina kwenda kudhani kwamba zaidi ya wewe si. Kama una, kudos ziada. Wewe ni kimsingi kusaidia kutekeleza rahisi mtandao server katika C, ambayo ni bidhaa mpya pset, hivyo guys kupata kuwa nguruwe Guinea. Ni kwenda kuwa na furaha, wiki pori, lakini nadhani utakuwa na mengi ya furaha na utakuwa kweli uzoefu mzuri kweli. Hivyo kujiandaa kwa ajili ya kwamba, katika sehemu ya leo, sisi ni kwenda chmod, TCP / IP, na basi kidogo ya HTML na CSS. Mwishoni, tutaweza kweli kificho up rahisi mtandao ukurasa pamoja kukusaidia guys aina ya kupata zaidi familiarized na kwamba. Na kisha kama si ilichukua Quizzes yako, wao ni mbele, lakini mimi nina uhakika pretty kila mtu hapa ina Jaribio yao. Na pia juu ya kwamba kumbuka, ufumbuzi ni si juu bado, lakini kwa haraka kama sisi finish-- kama, watu michache iliyopita kuchukua quizzes-- yao watakuwa up. Kama una maswali yoyote wakati huo huo, kujisikia huru email yangu binafsi. Mimi kujibu kwa mtu binafsi yako maswali, kama mimi daima kufanya. Kadhalika kwamba kumbuka, chmod. Hivyo kimsingi wote unahitaji kujua kuhusu chmod ni kwamba ni kutumika na mabadiliko ya ruhusa ya faili, haki? Hivyo ni baadhi tu ya mifumo kuiita kubadili ruhusa, kama inavyosemekana hapa. Na kama wewe milele wanataka kuona nini ruhusa ya faili ina, badala ya kufanya tu ls, unaweza kufanya ls-l. l anasimama kwa muda mrefu. Hivyo itabidi kufanya orodha ndefu wa kila kitu, na ni nitakupa kina zaidi unaweza habari kuhusu kila mmoja wa files yako. Na utaona something-- mimi nina kwenda ruka mbele kwa second-- lakini utaona kitu sawa na line kwamba kuna juu kwa kila faili. Na tutaweza kwenda kupitia nini maana. Hivyo kimsingi, kubadili faili ruhusa yako, unataka tu kutumia chmod. Unaweza kufikiria kama nyingine yoyote UNIX kuwaita kama ls au cd au whatnot. Ni tu aina ya wito mwingine kama. Hivyo sisi kufanya chmod na kisha tutaweza kuwa tatu kawaida. Kuna wanandoa njia ya kufanya hivyo, moja ambayo tutaweza kwenda juu. Lakini kwa kawaida, itabidi tatu tarakimu kuanzia 0-7 kila wakati. Hivyo jambo moja ni kwamba kuna ruhusa tatu tofauti tuweze kutoa kila faili. Na ni someka, ambayo ni kuwakilishwa na r, ambayo itakuwa kufanya hisia katika kidogo; w, ambayo ni writable; na executable, ambayo ni x. Najua kwamba e moja, executable, labda si zaidi hisia, lakini sisi kuwakilisha ni pamoja na x. Na kisha kile kinachotokea ni kila moja ya haya pia kuwa na idadi ya uwakilishi. Hivyo tuna 1, 2, na 4. Na kimsingi nini kinatokea ni kila mmoja wa namba hizi tatu hapa sambamba na kuweka tofauti ya watumiaji kwamba ruhusa wale zinazohusiana na. Hivyo unaweza kufikiria kwamba kwanza idadi sambamba na user halisi au mmiliki wa faili, ya pili idadi itakuwa yanahusiana na kundi, na moja ya mwisho inahusu ulimwengu, sawa? Hivyo kile kinachotokea ni kukumbuka wale r numbers-- ni 4, w ni 2, x ni 1, haki? This-- kama wewe kuhitimisha haya juu, kwamba anatoa kwamba idadi ya kwanza ili tupate pembejeo katika chmod yetu. Hivyo katika kesi hii, ni nini ingekuwa idadi hii kuwa? Ni d kuwa 4 pamoja 2 pamoja 1, ambayo ni 7, haki? Na katika kesi hii, hizi hawana chochote, hivyo haki hii hapa ingekuwa kutafsiri kwa chmod 700, sawa? Na nini kwamba hana ni misaada yote ya ruhusa hizi kwa mtumiaji yako. Hivyo hii ina maana user wetu unaweza kufanya chochote wanachotaka. Wanaweza kusoma faili hii. Wanaweza nitafanya faili hii. Wanaweza kuandika na faili hii. Lakini kundi na dunia, hakuna ruhusa wowote, sawa? Hivyo njia nyingine ya kuandika kwamba, tunaweza kufanya chmod ya tatu, ambayo kila mmoja sambamba na chochote Jumla au kwamba kundi maalum ni, subset maalum. Au tunaweza kufanya kweli jambo lingine. Kushikilia. Tunaweza kufanya kitu kwa haya hapa. Jinsi wengi wenu niliona mfano ambapo ilikuwa ni kama chmod pamoja x? Je, unaweza kuona kwamba katika hotuba, nadhani? Hivyo anasimama kwa wote. Ina maana kutoa kwa watumiaji wote, ambayo mimi alisahau kuweka hapa. Lakini pamoja na x, kama sisi taarifa hapa, kama sisi kufanya kwa chmod-- kile kikundi tuko kuzungumza juu ya pamoja ruhusa tunataka kuwapa. Hivyo hii inaweza kuwa pamoja au bala. Plus anaongeza ruhusa. Bala inachukua mbali ruhusa. Pretty Intuitive, nadhani. Hivyo pamoja na x maana chmod. Hivyo kubadili ruhusa ya watu wote kama hii ni a-- kuongeza ruhusa. Na x-- hiyo ina maana ruhusa nini ni sisi kutoa kila mtu. Kusoma, kuandika, au kutekeleza? Watazamaji: Fanyeni. ALLISON BUCHHOLTZ-AU: Fanyeni. Hivyo sisi ni kutoa watumiaji wote ruhusa kutekeleza faili hili, sawa? Basi nini kama sisi alitaka kufanya kwamba pamoja na aina numeric? Hivyo kumbuka na numeric, tunataka namba tatu. Watazamaji: 4. ALLISON BUCHHOLTZ-AU: Nini ni kwamba? Watazamaji: 4. ALLISON BUCHHOLTZ-AU: Si 4. Watazamaji: 0, 0, 4. ALLISON BUCHHOLTZ-AU: Naam, tunataka kuwapa watumiaji wote, haki? Hivyo sisi ni kwenda kuwa na idadi katika kila yanayopangwa. Kwamba kinaendelea kuwa idadi sawa katika kila yanayopangwa sababu sisi tu unataka kutoa kila mtu executable ruhusa. Hivyo executable ni 1, lakini juu ya kufuatilia haki. Hivyo kama hatukuwa chmod 111 kwamba ingekuwa kuwa sawa ya chmod pamoja x. Je, hiyo mantiki kwa kila mtu? Sisi ni kwenda kupitia mifano michache. Hivyo takeaway kubwa hapa ni si hapa, lakini ina maana tu kutoa kwa watumiaji wote. u ni kama unataka tu kutoa au kuchukua mbali ruhusa maalum kutoka mtumiaji au mmiliki. g ni kwa kundi, ili tarakimu katikati. Na kisha wengine unaweza kufikiria kama dunia, kwamba tarakimu mwisho. Hivyo, pamoja na kwamba, tutaweza kwenda mfano, kwa sababu mimi kuhisi kama mifano daima kufanya mambo haya rahisi kuelewa. Hivyo rwx-- sisi akaenda kwa njia ya this-- pia inaweza kuwa ya kuwakilisha kama 700. Hiyo ni mfano sisi inaonekana katika zaidi ya picha. Hivyo chmod 444 juu ya baadhi ya faili bila kutoa kile ruhusa? Ungekuwa kweli karibu. Watazamaji: someka kwa wote. ALLISON BUCHHOLTZ-AU: someka. Hivyo someka kwa kila mtu, haki? Na kisha nini ni njia nyingine ya kufanya hivyo? Kama tunataka kufanya chmod na ama r au ya w, pamoja na minuses, gani wito kwamba kuangalia kama? Itakuwa chmod nini? Watazamaji: pamoja r. ALLISON BUCHHOLTZ-AU: r pamoja tarehe 5. OK, hivyo hii ni sawa kama hii, tafsiri mbili tu tofauti ya jambo hilo. Hivyo, pamoja na kwamba, tuna haya. Hivyo nataka wewe guys kujaribu na kuandika aina ya njia yao ya kinyume. Hivyo pamoja na chmod 555, nini itakuwa ni kama? Itakuwa ni pamoja na au u pamoja au whatnot? Kwa u pamoja x, nipe namba tatu. Na kisha kuniambia kuhusu nini ruhusa sisi ni kweli kutoa na nani? Hivyo mimi nitakupa guys mbili dakika kufanya kazi juu ya kwamba. Kujisikia huru kuzungumza na kila mmoja. Kwa wale ambao walifika katika kidogo marehemu, kuna pipi na mashati. Sisi mashati tatu kushoto, na tuna Kit Kats na Starbursts. Hivyo kujisikia huru kuja kunyakua baadhi katika hii kuingilia kidogo. Pia, moja ya mwisho ni gumu. Ni chmods mbili kwa moja iliyopita. Kweli, basi mimi kufunga mlango kwamba wakati wewe guys ni kazi hiyo. Pipi daima muhimu juu ya alasiri ya Jumatatu. OK, hivyo chmod 555. Nini njia nyingine tunaweza kuandika kwamba? Mawazo yoyote? Ndiyo. Watazamaji: RX pamoja. ALLISON BUCHHOLTZ-AU: r pamoja RX. Je, unataka kueleza kwa nini d RX? Watazamaji: Kwa sababu una 5, hivyo hiyo ni pamoja na 4 1, hivyo hiyo ni kusoma pamoja executable, na ni kwa ajili ya wote. ALLISON BUCHHOLTZ-AU: Haki. Hivyo tu kusisitiza, 5 hapa tunajua kama jumla ya 4 na 1, kwa sababu kila idadi katika Trio wetu ni Jumla ya ruhusa kwa kuwa subset, haki? Aidha user, kundi, au dunia. Hivyo katika kesi hii, tunajua kwamba 5 ina kuwa sumu kwa 4 na 1. Na 4 na 1 yanahusiana na someka na kutekelezwa. Sisi ni kutoa kwa kila mtu, ili tuweze kufanya chmod pamoja RX. Na ni wazi, sisi tu akaenda kupitia maswali huko, hivyo sasa faili hili ni executable na someka kwa kila mtu. Basi nini kuhusu moja ya pili? Nini kinaweza simu kwa kuwa moja kuwa? Mawazo yoyote? Kwenda mbele. Watazamaji: 100 [inaudible]. ALLISON BUCHHOLTZ-AU: 100. Hasa. Hivyo unataka kueleza kwa nini 100? Watazamaji: Kwa sababu ni kwa ajili ya user, hivyo ni katika nafasi ya kwanza. Na kisha x executable ni 1. ALLISON BUCHHOLTZ-AU: Hasa. Hivyo sisi ni kutoa executable ruhusa tu user. Hivyo katika kesi hii, itakuwa 100. Na mimi kuwa majibu yote juu slide ijayo katika kesi wewe kuandika kura ya mambo chini. OK, hivyo hii moja ijayo ni kweli amefanya na chmods mbili, unaweza kufanya hivyo. Hivyo haina mtu yeyote kuwa wazo lolote jinsi nguvu kupata chmod 640 kuandikwa upya katika njia nyingine? Unaweza kubadilisha user kwanza na kisha unaweza kubadilisha kundi ni ladha wangu. Hivyo kama sisi walikuwa tu kubadilisha user, ambayo ni moja hii ya kwanza hapa, nini kinaweza wito wetu kuwa? Hivyo user ni u, haki? Hivyo chmod u pamoja nini? Mmhmm? Watazamaji: rw. ALLISON BUCHHOLTZ-AU: rw. Haki, kwa kusoma na kuandika, kwa sababu kusoma ni 4, w ni 2, wale Jumla pamoja kama 6. Ili tuweze kupata chmod u pamoja rw, na sisi kupata kwanza 6 yetu huko. Hivyo basi kupata 4, sisi sasa wanataka na mabadiliko ya mazingira ya kundi yetu. Hivyo sisi ni kwenda kufanya chmod g pamoja nini? Nini 4? Watazamaji: r. ALLISON BUCHHOLTZ-AU: r. Just. Hivyo sisi ni kutoa mmiliki kusoma na kuandika ruhusa na sisi ni kutoa kundi kusoma ruhusa, ambayo tuna kila hapa. Mmhmm? Watazamaji: Kama huwezi kuandika kitu, gani kuashiria unaweza nitafanya hivyo? ALLISON BUCHHOLTZ-AU: Wewe unaweza kuandika kwa something-- Siamini kwamba ina maana unaweza nitafanya hivyo. Baridi. Hivyo kwamba wote kwamba sisi tu akaenda kupitia. Kadhalika hii moja ijayo, ni kesi tu aina ya kawaida kwamba unataka kuweka katika akili kwa tatizo lako kuweka. Hizi ni kawaida ruhusa kwamba sisi kama wewe kutumia. Hivyo kwa 711, kwamba anatoa sisi, bila shaka, user ruhusa wote, ambayo huelekea kufanya akili. Na basi ni executable na kundi katika dunia, ambayo hufanya akili kama una baadhi ya directory, unaweza wanataka kuwa na uwezo wa tindanga ndani yake. Watu wanahitaji kupata. Kwa yoyote ya faili yasiyo ya PHP, wewe kwenda kutumia 644, ambayo itakuwa kufanya nini? Nini kwamba kuashiria, au nini ruhusa gani kwamba kutoa? Hivyo mmiliki unaweza nini? Watazamaji: Soma na kuandika. ALLISON BUCHHOLTZ-AU: Soma na kuandika. Na kisha kundi na wengine Unaweza kusoma tu, haki? Na kisha chmod 600 kwa yoyote Files PHP kwamba matumizi, mmiliki yako, tena, unaweza kusoma na kuandika yake lakini kila mtu mwingine ni tu aina ya imefungwa mbali. Hivyo hii itakuwa kweli kuwa na manufaa zaidi wakati kupata tatizo lako kuweka wiki ijayo ambapo wewe ni kweli kujenga tovuti. Hivyo kama wewe milele kukimbia katika matatizo yoyote ya ajabu ambapo ni haipakizi vizuri, labda wewe haja ya kuongeza executable ruhusa, au labda unahitaji kusoma au kuandika ruhusa. Mambo kidogo kwamba huwa na safari watu up, lakini hiyo ni aina ya kama go-kwa wakati wa kuanza pset wiki ijayo. Na napenda kukupa zaidi mwanga juu ya pset wiki hii, lakini mimi bado kuangalia ni tangu hiyo ilitolewa asubuhi hii. Lakini email yangu, nami kuwa inaonekana saa hiyo kwa wakati mimi kujibu kesho. Hivyo sasa, ni kila mtu mzuri na chmod? Yoyote kuenea maswali? Pretty moja kwa moja. Tu aina ya kuweka wimbo wa nini kusoma, kuandika, na nitafanya namba ni pengine ni sehemu ya gumu. Hivyo pamoja na TCP / IP, itifaki hayo yote, aina ya kama na miundo yako data wiki iliyopita, ni mengi zaidi muhimu aina ya kupata ngazi ya juu Intuition yao. Hii si CS143 ambapo tunakwenda kuuliza kutekeleza mtandao, hivyo wewe utakuwa na faini kama huelewi nitty gritty ya itifaki zote. Nini muhimu kuelewa ni aina ya kama nini kuwakilisha na kwa nini wao ni muhimu. Hivyo TCP / IP, bila shaka, ni Maambukizi Kudhibiti Itifaki au Itifaki ya Internet, ambayo ni kimsingi tu seti ya sheria kimsingi au viwango kwamba kuwaambia data jinsi ni lazima kubebwa, jinsi ni lazima pakiti, zinaa, na kupokelewa. Hivyo kimsingi, kama vile anasema hapa, inaongeza nafasi data kwamba anapata ambapo unataka kupata. Mimi nina uhakika kama wewe guys alikwenda hotuba au watched online, yeye has-- sijui kama alifanya hivyo mwaka huu, lakini najua mwaka jana, alikuwa demo ambapo yeye alikuwa na picha ya Rob na yeye kupasuliwa up katika nne na kuiweka katika bahasha na kujaribu kupata hela Sanders. Na unaweza aina ya kufikiria njia hiyo. Ni tu mkusanyiko wa sheria kwamba kuwaambia data jinsi ya kupata mahala fulani na inakuwezesha kujua kama wewe ni kukosa data, katika njia sawa kwamba kama wewe ni kuchukua kurasa nyingi ya maelezo na wewe studio yao na ukurasa 104, ukurasa 204, na wewe kwenda nyuma ya kujifunza baadaye na wewe ni kukosa something-- huwezi kupata ukurasa 304-- unajua kitu kibaya, hivyo Unaweza kuangalia kwa njia maelezo yako tena au muulize mtu kutuma upya you hotuba inabainisha tangu siku hiyo. njia sawa na data kwenye mtandao. Kama mimi nina kuuliza kwa kitu kutoka baadhi server na inahitaji kutuma katika pakiti nyingi, pengine ni kwenda simu katika baadhi ya njia, basi mimi kujua jinsi wengi mimi wanapaswa kupokea, na kuniambia, oh, hii ni moja ya 10 au hii ni moja ya 10,000. Kwamba njia wakati mimi kwenda reassemble vipande vyote kwa pamoja, Najua kama kitu missing na naweza kuuliza kwa kuwa tena. Je, hiyo mantiki? Tu mkusanyiko wa sheria. Katika msingi wake, kuweka ya sheria, sawa? Hivyo sisi pia alizungumzia kidogo kuhusu bandari. Hii ni kweli tu kiwango kwamba inakuwezesha kujua ni aina gani ya data ni kuwa zinaa katika pakiti hizi. Kama sisi kwenda kwa wetu mfano bahasha, hatufanyi kujua kwamba ni picha ya Rob huko isipokuwa sisi kuandika nje ya bahasha zetu. Hivyo bandari kimsingi kitu kimoja. Ni njia tu kufikiri nini aina ya data ni kuwa zinaa. Hivyo tuna yote ya zaidi ndio kawaida hapa. Hivyo 21-- hizi pia ni aina ya kama mambo mema kujua. Ni aina ya rahisi Jaribio swali. Kuwa kama, nini bandari 80 kufanya? Au, je, bandari 443 nini? Hivyo mambo mema kujua. Hivyo tuna hapa, 21 ni ya faili uhamisho itifaki, hivyo tu sheria zinazoongoza faili uhamisho. 25, jambo ambalo sisi wote kutumia mno, ni email. 53 ni jina la uwanja mfumo, ambayo kimsingi ni tu aina ya Luke kwa IP ya jina la uwanja. Hivyo mimi nina uhakika pretty ilikuwa zilizotajwa katika hotuba, kama wewe kwenda kitu kama google.com, ina anwani ya IP hiyo ni yanayohusiana na hayo. Ni kweli si google.com. Na hivyo 53 ni bandari kwamba kweli inachukua huduma ya aina ya kutafsiri ndani ya anwani kwamba IP kwa ajili yenu. Na kisha 80 na 443 ni ya kawaida sana. Aidha una mtandao ukurasa wako au una salama mtandao ukurasa wako, ambayo mengi ya kurasa za mtandao ni kuhamisha juu kwa sasa. Hivyo hiyo ni ngazi aina ya juu maelezo ya jumla ya uhamisho itifaki. Sioni zaidi kwa kina. Ni aina ya mambo ya baridi kama wewe ni nia. Kuna mengi ya rasilimali. Wikipedia kwa kweli ni ukurasa nzuri. Hivyo nilikuwa kuangalia ni kidogo tu iliyopita, hivyo napenda sana kupendekeza kuangalia ni kama wewe ni nia au kuchukua 143 katika kipindi cha miaka miwili kwa sababu Nadhani ni kila mwaka mmoja. Hivyo tarehe ya mwisho ya hii, tuko kuzungumza juu ya kurasa za mtandao na HTTP, ambayo ni kweli wetu mada ijayo kwa ajili ya leo kabla ya kwenda katika HTML na CSS na unaweza kweli kanuni ya juu ukurasa wa mtandao. Utakuwa na furaha. Tutaweza kuwa na picha ya bunnies na utakuwa mkubwa. Hivyo HTTP, kama unaweza kuona hapa, ni moja ya Vifupisho lovely kwa wiki hii, ambayo ni HyperText Transfer itifaki. Hivyo tena, ni tu mwingine seti ya sheria kwamba inasimamia HyperText kuhamisha, katika kesi hii. Hivyo njia bora ya kujifunza kuhusu hili ni aina tu ya kwa kuvunja chini katika maneno haya ya mtu binafsi kwa sababu kuna mengi ya maneno juu ya screen huko. Hivyo sisi ni kwenda kuanza na HyperText. Hivyo "mfumuko," unaweza kufikiria "Hapo juu," kama super-ya aina jambo. Hivyo ni kweli tu Nakala kuchukuliwa ngazi ya pili, hivyo ni kama maandishi super, kama Nakala ijayo. Hivyo ni kimsingi tu Nakala kwamba inatupa habari zaidi Nakala ya kawaida gani, sawa? Hivyo katika kesi hii hapa, hii ni HyperText. Hii inatuambia kuwa tuna baadhi ya kiungo kwamba tunakwenda, ambayo ni cs50.net, ambayo sasa cs50.harvard.edu. Slides hizi ni umri mdogo. Na ni kwenda kuonyesha kama hii, kama hyperlink, na kisha tovuti kweli baridi. Hivyo ni wa maandishi, ambayo ni kidogo kidogo ya mambo ya kweli ya baridi huko. Hivyo unaweza kuunganisha mambo na unaweza kuingiza picha na unaweza style mambo. Na jambo ukoo kwamba guys pengine kwa HyperText ni HyperText ghafi lugha, HTML, ambayo bila shaka ni wote wa mtandao kwamba sisi kuona karibu nasi, nafasi pamoja na baadhi ya style CSS kutupwa katika. Lakini kama mtu alikuwa kweli kubwa na MySpace, Mimi nina uhakika wote HTML kutumika muda wote kujenga wale maelezo kamili, haki? Najisikia kama hiyo inaweza kuwa ni kumbukumbu zilizopitwa na wakati sasa, lakini chochote. Tu little-- nyie si kwamba mdogo sana. Baadhi yenu ni wakubwa kuliko mimi. MySpace ilikuwa bado Jambo nilipokuwa kijana. Mimi sio kwamba zamani. Anyways, HTML tu aina ya HyperText. Hivyo HyperText ni tu Nakala na makala aliongeza. Hivyo uhamisho itifaki pengine Jambo zaidi iffy kueleza. Ni wazi, transfer-- kuhamisha tu ya data. Hivyo aidha kati ya mteja, kama mtandao wa ndugu yako, na server. Hivyo kimsingi tu njia biashara kazi. Hivyo ombi halisi ya jinsi kazi hizi, sisi ni kweli kwenda kuangalia mfano ombi na majibu. Lakini jinsi tunaomba habari kutoka server na jinsi server anaitikia kwetu ni nini itifaki hii ya uhamisho inasimamia. Hivyo ombi na majibu kuwa kufuata seti hizi maalum ya sheria. Ni sanifu hivyo kwamba hakuna jambo ambapo wewe ni kutumia internet, daima kazi sawa, sawa? Tena, itifaki, kuweka ya sheria. Ni kawaida tu mwingiliano katika njia sawa kwamba Profesa Malan mazungumzo kuhusu kama mtu hadi mkono wao, unajua kwamba ni fadhila ya kawaida kwa kufikia yako nje na kuitingisha mkono wao. Hiyo ni itifaki, haki? Hivyo mimi kutoa baadhi ya ombi sanifu, ambayo ni nataka kuitingisha mkono wako, na kutoa baadhi sanifu majibu, ambayo ni aidha hakuna shukrani au unaweza kujaribu na kuitingisha yangu mkono au labda wewe ni kwenda kujaribu na ngumi mapema mimi. Na hatuna itifaki kwa ajili hiyo. Umekwisha. Lakini kama kila mtu ifuatavyo itifaki huo, bila shaka, unaendelea zaidi seamlessly. Watu kupata kujua kila mmoja. Kila mtu na furaha. Hivyo katika ulimwengu wa mtandao, kila mtu ifuatavyo rules-- sawa kidogo bora kuliko viwango vya kijamii. Lakini pamoja na kwamba, tutaweza kuangalia mfano ombi hapa. Hivyo kuna hii kidogo muhimu hapa juu ya chini kwamba anasema rangi tofauti, nini re zinatakiwa maana. Hivyo nyeupe ni kama njia yako ombi na itifaki version-- hivyo njia ombi, toleo. Na kisha hii ni baadhi ya jina uwanja na thamani ya kwamba uwanja, ambayo sisi kwenda katika sana, muda mfupi sana. Hivyo hii ni ombi mfano. Hii ni kama mimi kupanua nje, kutaka kuanzisha mwenyewe. Hii ni nini mteja au kile mtandao browser yako itakuwa kutuma kwa kompyuta yako. Hivyo hii ni kupata ombi, hivyo ni kuuliza kwa kitu kutoka server. Na ni, bila shaka, HTTP na ni toleo 1.1. Hivyo mapumziko ya hii hapa ni nini sisi kuwaita header, na habari zake ziada kwamba inatupa wazo bora ya tulichokuwa kuomba, au habari kwamba tunataka kutoa server ambayo inaweza kuwa muhimu. Hivyo mtumiaji Wakala anatoa baadhi zaidi maelezo on-- kwa mfano, hapa, curl / 7.24.0 ni kweli kwenda kuwaambia server kwamba sisi ni kutumia Google Chrome kama browser wetu. Hivyo kama wewe milele kusikia kuhusu watu ambao majadiliano juu ya kufanya programu msikivu kwa browsers nyingi, hii ni kitu ambacho wao ingekuwa kutumia kwa sababu kama wewe hawajui nini browser ombi anakuja kutoka, huwezi kurekebisha data ya kwamba. Hivyo katika kesi hii, mtumiaji ni kutoa tu ya aina hii ya kutambua habari kuhusu nini browser user yako sasa kutumia, sawa? Hivyo basi sisi pia kuwa mwenyeji, ambayo ni ambapo sisi ni kweli kutaka kwenda. Katika kesi hiyo, tunataka kwenda kwa apple.com, kununua baadhi ya iPads baridi mpya au kitu, labda cute taa katika vyumba yetu Dorm. Na jina thamani mwishoni tu filler, tu kitu kwa ujumla kwa nyie kuona. Haina kweli yanahusiana na kitu chochote hapa. Hivyo unaweza kuwa kama mengi au kidogo kama unataka katika kila kesi. Zaidi ya muda, hawa ni hiari. Ni tu unategemea nini unahitaji kutoka browser, kutoka kwa mtumiaji yako ili vizuri kutoa ombi. Au ni unategemea nini user yako kweli anataka kuwapa hadi server. Hivyo unaweza kuwa wengi, wengi haya majina header uwanja au unaweza tu kuwa wanandoa. Kama na mambo mengi Nimekuwa alisema katika sehemu hii, ni kweli inategemea mazingira ya jinsi wewe ni kutumia hii. Hivyo haina kwamba inafanya hisia kwa kila mtu? Hii ni mfano tu wa ombi, headers, whatnot. OK, hivyo pamoja na kwamba, tuna baadhi ya majibu. Tena, tuna hali ya kificho wetu, itifaki toleo, na kisha uwanja jina na shamba thamani kama siku zote. Hivyo toleo yetu itifaki na hali ya kificho yetu ni 200. OK, ambayo ina maana kwamba, ndiyo, kila kitu akaenda vizuri. Hapa ni nini unataka. aina server, maudhui type-- inatuambia, OK, wewe ni kwenda kupata baadhi HTML asilia. Hapa ni urefu wake na hapa ni nini unapaswa kufanya na uhusiano. OK, hivyo tena, kutegemea juu ya data uko kuomba, kutegemea na nini server anataka kurudi na wewe, unaweza kuwa zaidi ya uwanja haya majina, unaweza kuwa chini. Kabisa mazingira tegemezi. Na mbali kama hali hiyo kificho hapa, bila shaka, 200 ni moja tu unaweza kuwa, haki? Sisi wana kura ya codes hali. Je, mtu yeyote kumbuka yoyote ya wengine kwamba sisi zilizotajwa katika hotuba? mengi yao kuanza na 4. Watazamaji: 404. ALLISON BUCHHOLTZ-AU: 404, ambayo ni? Watazamaji: Faili kupatikana? ALLISON BUCHHOLTZ-AU: Picha halikupatikana. Hasa. Basi nini kuhusu 403? Watazamaji: Haramu. ALLISON BUCHHOLTZ-AU: Haramu. Hivyo unafikiri nini hiyo ina maana na chmods? Watazamaji: Ina maana kwamba hawana ruhusa ya kusoma. ALLISON BUCHHOLTZ-AU: Hasa. Katika baadhi ya njia, huna ruhusa ya kupata hiyo, haki? Hivyo 404, 403. Kuna kweli funny moja kwamba sisi daima kuanzisha kila mwaka kwamba Mimi wanapaswa kuweka hapa, kama 413, ambayo ni mimi nina buli. Unaweza google huu. Ni funny kama, kwamba ni kanuni 413 na ni mimi nina buli. Ambayo mimi sijui ni kwa nini wewe ungekuwa milele haja ya kuwa juu ya internet, lakini mimi digress. Watazamaji: Labda wewe ni sufuria ya chai. ALLISON BUCHHOLTZ-AU: Labda server ni sufuria ya chai. Nani anajua? Haki wote, hivyo sisi ni juu ya mpito ndani coding halisi. Najisikia kama wewe guys ni kwenda kupata nje ya hapa pretty haraka. Watazamaji: Kwa nini ni kusema "server: mara mbili? ALLISON BUCHHOLTZ-AU: Hm? Server mara mbili? Hiyo ni swali nzuri. Sina uhakika. Mimi kujua na Nami email wewe wote. OK, maswali mengine yoyote zaidi ya kwamba? Nzuri? Baridi. HTML na CSS, na sasa sisi kupata maeneo yote ya kujifurahisha. Hivyo kama nilivyoeleza hapo awali, HTML pengine ni moja ya mambo nyie ni zaidi ya ukoo na. Hivyo tuna HyperText ghafi lugha. njia bora ya kujifunza this-- mimi si kuwa slides yoyote tayari au kitu chochote kwa nyie na HTML. Ni kweli kuhusu kujifunza syntax. Na kama walikuwa katika MySpace siku, ingekuwa hii chini. Hivyo kweli, jambo kubwa ni tu kufanya mazoezi na majaribio. Moja ya rasilimali kubwa napenda sana kupendekeza kutumia ni W3Schools. Hivyo tu W, 3, na kisha Shule. Wana mengi ya rasilimali HTML, CSS juu ya, na wao kweli kuwa kupasuliwa screen aina ya kitu ambapo wao itabidi kutoa mfano kificho. Unaweza Fiddle na hayo, mabadiliko hayo, na waandishi wa habari Mwisho, na kutakuwa na kuonyesha nini ni kweli anafanya kwa ukurasa wa mtandao. Hivyo napenda sana kupendekeza kutumia hiyo. Ni pretty baridi. Huwezi kupata makosa seg hapa wakati mambo kwenda vibaya. Kama wewe kusimamia kupata seg kosa na HTML, je napenda kujua kwa sababu mimi nina kwenda kuwa kweli intrigued. Lakini ni kweli baridi kwa sababu unaweza kubadilisha mambo, unaweza kuona yao updated kuishi. Na nadhani utapata mengi zaidi Intuitive kufahamu ya HTML kama wewe kweli kutumia baadhi tu wakati majaribio na yake. Hivyo kwamba ni kwa nini mimi alisema, mazoezi na majaribio. Google, kutoka hapa juu ya nje, pengine kuwa moja ya rasilimali yako bora na marafiki. Au Bing-- mimi nina kazi katika Microsoft, hivyo labda mimi lazima kusema Bing. Lakini pretty kiasi chochote ni kwenda tu kuwa syntax, hivyo kuelewa nini vitambulisho ni, understanding-- angalau kwa CSS-- jinsi ya mabadiliko sifa fulani. Utakuwa super muhimu. Hivyo hata kama hatuna wana mambo yoyote tayari, hatuwezi kuwa na aina ya mazoea ya baadhi bora kwamba tunataka wewe guys kujaribu na kukaa by-- au tuseme, unapaswa kukaa na mpaka taarifa zaidi. Hivyo kuifunga vitambulisho yako yote. Hopefully kila mtu has-- unajua nini, kama hii haina mantiki sasa hivi, Mimi ahadi itakuwa mantiki wakati sisi ni coding up ukurasa. Lakini karibu vitambulisho yako yote. Hivyo kama wewe milele kuwa na baadhi ya header kwamba bracket, H1, mabano, kuhakikisha kwamba wakati wowote wewe ni kosa na kwamba, wewe karibu header kwamba. Adhibitishe ukurasa wako na W3 Kisahihishi. Kama huna kuifunga vitambulisho yako, unaweza kupata tabia isiyotarajiwa. Ni itabidi kusema kwamba ukurasa wako ni batili kama wewe kukimbia kwa njia ya validator hii. Hivyo wakati katika doubt-- na hasa juu ya wiki hii na wiki ijayo ya pset-- katika njia sawa kwamba sisi kuuliza wewe kutumia kuangalia 50 na style 50, unaweza kufikiri ya hii kama moja ya hundi yako, sawa? Hivyo kama haina kupita W3 Kisahihishi. Hilo ni jambo ambalo sisi kizimbani juu. Au Mimi ninakuambia haki sasa, mimi kizimbani juu. Hivyo kuhakikisha linatambulisha. Ni si ngumu. Wewe tu kuweka katika kanuni yako na kutakuwa na ama kusema kazi nzuri au wewe ni kukosa kitu katika njia sawa kwamba mtindo 50 atakwambia ambapo wewe ni messing up. Na kisha moja ya mwisho kitu ni unataka kutenganisha ghafi yako, ambayo ni HTML kwamba wote au maandishi yako, na styling yako. Hivyo tutaweza kufanya mfano ya kwamba haki baada ya hii. Hivyo HTML na CSS lazima tofauti. Na sisi ni kwenda kuwa kuzungumza juu ya MVC, ambayo ni Model Mtazamo Mdhibiti, wiki ijayo. You guys lazima pengine kujifunza kuhusu kwamba katika hotuba kesho kama alikuwa tayari kujifunza leo. Na ni aina tu ya dhana kwamba sisi huwa kutumia wakati kujenga mtandao kurasa kutenganisha mambo ya nje. Unaweza kufikiria ni katika njia sawa kwamba sisi huwa na kazi tofauti katika C ambapo sisi hash kupata mambo. Ni tu njia ya kufanya maisha yako rahisi. Hutenganisha nje sifa au kificho kwamba ungekuwa kutumia tena na tena, lakini kwa njia hii, ni aina ya kuvaa ni nzuri na nadhifu. Na kama unataka mabadiliko jambo moja, mabadiliko ya mara moja na ni iliyopita kila mahali pengine. Hivyo ni zaidi kwa yako urahisi na kubadilika. Hivyo pamoja na CSS, ni sawa sana HTML, lakini badala ya vitambulisho kwamba mimi zilizotajwa tu sasa, sisi kutumia kile kinachoitwa selectors. Na wao kimsingi tu aina ya kujiunga tag fulani katika HTML na sifa tofauti. Na wakati mimi kusema sifa, I mean mambo kama font rangi, style font, rangi ya background, alama ya asilia. Wale aina ya mambo. Kama kama ni katikati, kama ni mbali na haki, kama ni inverted-- wote mambo haya ya baridi. Mambo yoyote Stylistic kwamba kufanya kwa maandishi yako, hii ni nini mimi maana na sifa. Na kisha mambo mawili kujua ni kwamba selectors-- mbili ya factors-- kuu ni ID, ambayo ni ya kipekee. Unaweza tu kutumia kwamba kwa jambo moja. Vinginevyo, ni kwenda yell saa wewe. Na wakati sisi kufafanua katika CSS faili, itakuwa kuwa hash ID na kisha nini sifa tunataka. Mimi ahadi tunakwenda kwenda kwa njia ya mfano. Ni itabidi kufanya maana mengi zaidi. Hatari unaweza rejea vitalu nyingi. Hivyo unaweza kuwa na yako kwanza na ya tatu aya kuwa na aina hiyo ya sifa kama kumshirikisha yao kwa darasa moja. Na wakati sisi kufafanua yao katika CSS, sisi kufanya dot darasani, na darasa kuwa chochote unataka kutajwa jina lake. Hivyo najua hii ni haki sasa kufikirika sana. Hiyo ni kwa nini sisi ni kwenda kificho. Mimi najua wewe guys upendo kwamba, na wewe wote ni kwenda kusaidia mimi kwa sababu hii ni mtandao ukurasa wako. Hii ni sehemu yetu ya mtandao ukurasa, guys. Hivyo kuna maswali yoyote kabla ya mimi kugeuka mbali PowerPoint, au kitu chochote unataka mimi kitabu nyuma kabla sisi kuanza coding? Watazamaji: Baada ya kusema mechi vitambulisho, nini maana selectors au vitambulisho? ALLISON BUCHHOLTZ-AU: Unaweza kufikiri wao kama kitu kimoja. Ni maneno tu tofauti. I mean, kama selectors. Lakini pia selectors ramani kwa vitambulisho. Hivyo unaweza kufikiri wao kama ufanisi kitu kimoja. Mimi ahadi ni kwenda kufanya maana zaidi wakati sisi code. Kitu chochote kutoka PowerPoint au maswali yoyote sasa hivi kabla ya sisi kweli kujenga ukurasa kifungu yetu? Kila mtu tayari? Baridi. Hivyo nina moja kuanza. Napenda kuongeza font kwa nyie. OK, hivyo sasa hivi, sisi tu mifupa wazi mtandao ukurasa haki hapa. Tuna baadhi ya HTML. Tuna baadhi ya kichwa, ambayo sisi kuona hapa kama mfano mtandao ukurasa. Baadhi cheo, baadhi font. Hizi ni vitambulisho, sawa? Hivyo wakati mimi maana karibu vitambulisho yako, tunaona hapa hii kichwa mabano ni ufunguzi yako tag, na mabano hii / Kichwa ni kufunga ni, sawa? Hivyo unaweza kufikiria hili kama braces yako katika kama hali yako au wako kwa loops. Kama una moja mwanzoni, unataka moja mwishoni. Ni bado kazi zaidi ya muda kama huna imefungwa tag, lakini njia bora ni funga ya vitambulisho yako. Hivyo katika kesi hii, hebu kubadili hili. Tunakwenda kuwa na sehemu saba. "Sehemu ya wavuti." Hivyo mimi nina kwenda tu kubadili hali hii. Na kama sisi kwenda juu hapa na sisi reload-- gotta kuokoa na reload-- sisi taarifa kwamba hapa ni iliyopita, haki? Baridi. Hivyo hii mabadiliko ya jina. Hii ni ya chochote juu ya tab yako. Hivyo hii ni aina ya kuangalia aina ya boring. Sijui kuhusu guys. Nadhani tunataka kitu kingine hapa. Hivyo nini tunaweza kufanya ni header ni pale tu. Hebu kufanya baadhi ya aina ya mwili. Hivyo tuna baadhi ya mwili hapa. Mimi daima kufanya wazi na karibu vitambulisho yangu kuanza, katika njia sawa kwamba mimi kufanya braces. Ah. Kusubiri, ni nini? Watazamaji: [inaudible]. ALLISON BUCHHOLTZ-AU: Ah. You guys got me. Kazi nzuri. Dhahabu nyota. OK, hivyo tuna baadhi ya mwili hapa. Na sasa hebu kuanza kuongeza baadhi ya maandishi. Hivyo kuwa wanandoa tofauti chaguzi kwa ajili ya kuongeza maandishi. Tuna mambo kama headers. Tuna maandishi ya kawaida tu. Basi hebu kuanza tu kwa kichwa. Kweli, kama wewe guys wanataka kuvuta up W3 Shule ya HTML, unaweza aina ya kuangalia kote na kama kuna kitu chochote hasa kwamba unataka kujaribu nje na tovuti hii, tunaweza kufanya hivyo. Hivyo katika kesi hii, hebu tu kufanya baadhi ya H 1. Hivyo H 1 ni kama header ya juu. Ni nitakupa kitu kwamba ni kubwa sana na ujasiri. Na katika kesi hii, je, tunataka kwa maandishi ya kwanza kwenye mtandao wetu ukurasa? Kitu chochote. Wewe guys ni kwenda kujenga hii. Mimi tu kwenda kwa aina. Watazamaji: Karibu. ALLISON BUCHHOLTZ-AU: Karibu. OK, hivyo kama sisi ila ni na sisi upya, tuna kubwa kubwa kuwakaribisha. Hivyo tu hivyo unaweza kuona tofauti, hebu kufanya kitu juu ya H6. Nini tunataka haki hapa? Haki? OK, hivyo hivyo tu unaweza kuona tofauti. Yeah, Mtukufu. Hivyo kama taarifa, H 1, sana, kubwa sana. H6, kama ujasiri, lakini ndogo sana, na una kila kitu katika kati. Hivyo inaweza kuwa h2, H 3, H 4. Na hizi ni headers tu, hivyo kama wewe ni kujaribu kujenga mtandao kwamba ina sehemu mbalimbali, labda unataka kutumia headers katika pale mahali fulani. Baridi. Hivyo tutaweza kuongeza baadhi ya zaidi mambo katika mwili wetu. Mimi naona kwamba itakuwa aina ya baridi kama sisi alikuwa na picha. Najisikia kama kila mtu anaweza kutumia labda cute Bunny picha kulia juu ya sasa, hivyo sisi ni kwenda kupata Bunny picha ya kwanza. Mimi sijui kama wewe guys kuwa yoyote upendeleo ambayo moja tunataka. Je, una mapendekezo yoyote? Hii moja hapa? Chini. OK. Moja kwamba ni. Nzuri uchaguzi. OK, hivyo sisi ni kwenda kuona picha wetu. Kuangalia kwamba. Kuangalia kwamba jambo adorable. Jinsi gani unaweza kuwa na huzuni Jumatatu na hili? Hivyo sisi ni kwenda tu nakala ya picha URL. Na nini tunataka kufanya ni, hebu tu kusema tuna baadhi ya p kwa aya. Tunakwenda kusema "Angalia kuangalia Bunny cute. d'awwww. " Nampenda bunnies yangu. Nina Bunny nyumbani. I miss Bunny yangu. Hivyo kile sisi ni kwenda do-- Mimi sijui kama wewe guys wanataka google this-- lakini pamoja na HTML, jinsi gani unaweza ni pamoja na picha? Halisi, kama google "Ni pamoja na picha HTML," kwa nini wewe guys kuniambia nini tag hii lazima? Watazamaji: img source-- ALLISON BUCHHOLTZ-AU: img source-- Watazamaji: --equals-- ALLISON BUCHHOLTZ-AU: --equals-- Watazamaji: --quote-- yeah. ALLISON BUCHHOLTZ-AU: Perfect. Nzuri. Kuona, MySpace kizazi, haki? Watazamaji: Neopets. ALLISON BUCHHOLTZ-AU: Neopets. Oh, sawa. Wow. Imekuwa ni mambo. OK. Ili kuhakikisha mimi kupata haki hii. Baridi. Hivyo hii lazima hapa. Na kisha kama sisi upya, tuna wetu Bunny juu ya ukurasa Je, huyu si adorable? Hii ni cute. Alichagua kubwa, picha kubwa. Mimi kuchimba yake. OK, hivyo tuna Bunny hii adorable sasa. Tulikuwa na uwezo wa kuongeza picha, tu kama hiyo. Hivyo kimsingi kama kuna picha yoyote unataka kuongeza mtandao wako ukurasa, unaweza kuongeza tu kama hii. Kitu kingine itakuwa kama una picha kuhifadhiwa katika folder moja kama faili hili, unaweza tu kuandika jina lolote la mfano kwamba ni badala ya kuwa mtandao kiungo. Bado ingekuwa katika quotes. Ingekuwa tu kuwa kama kama sisi alikuwa mmoja aitwaye this-- kama picha hii alikuwa kuokolewa katika folder na faili hili HTML kwamba mimi nina editing na aliitwa bunny.jpg. Sisi pia inaweza kufanya kwamba na itakuwa show up. Hata hivyo, sina hii kuokolewa katika faili na mimi nataka kuweka Bunny, hivyo sisi ni kwenda kuweka kiungo. Watazamaji: rabbit.org ni nini? ALLISON BUCHHOLTZ-AU: rabbit.org. Ni appropriate-- kuangalia, unaweza kupitisha yake. Kupitishwa. bunny.jpg. Nataka kupitisha Bunny huu. Oh, mungu, hivyo ni cute. OK, hivyo tumekuwa aliongeza headers. Tumekuwa aliongeza picha. Ni wazi, sisi aliongeza baadhi ya maandishi hapa, haki? Kama sisi alitaka kuongeza nyingine maandiko, tunatarajia kwenda kama hii. Hivyo hii ni aya nyingine. Na sisi kusema "hii ni aya nyingine." Pia, mimi nina Speller kutisha, hivyo nipate misspell mambo. Tu FYI. Hivyo tuna mwingine aya hapa, haki? Hivyo labda unataka kufanya kitu kidogo ya kuvutia zaidi kuliko tu kuwa maandishi yako yote, kama haki iliyokaa. Labda unataka kituo cha maandishi yako, sawa? Hivyo kama mtu anataka kutumia wale kompyuta Handy mbele yenu na kuniambia jinsi wewe ni kwenda kituo cha kifungu hiki, Watazamaji: p align. ALLISON BUCHHOLTZ-AU: Hivyo p align sawa "katikati." Yeye kuua yake, guys. Y'all haja ya hatua ya juu. Na tuna "Hii ni katikati." Na sasa tuna kitu katikati. Katika njia sawa, kama wewe unataka kushoto iliyokaa, unaweza kufanya align sawa kushoto, align sawa sawa. Kabisa hadi wewe. Kama mimi hapa hapa, basi hii should-- sasa ni haki iliyokaa. Watazamaji: Allison? Na sanamu chanzo, kwa nini ni si kuna karibu wa img chanzo? ALLISON BUCHHOLTZ-AU: Sorry. Hii moja lazima kuna Sasa wewe ni vizuri. Sasa sisi ni nzuri. Watazamaji: Je, si una kuifunga humo, au la? ALLISON BUCHHOLTZ-AU: Naam, hivyo img chanzo, hii moja ni just-- na picha, ni tu kuonekana kama moja ya kipengele, ambapo kama taarifa kwa ajili ya mapumziko ya haya, tuna baadhi tag kisha habari kwamba linafanywa na kisha kufunga tag. Lakini pamoja na picha, kila kitu tu aina ya binafsi zilizomo. Baridi. Hivyo guys kujua jinsi ya kujenga header, unajua jinsi ya pembejeo asilia, unajua jinsi ya kuweka picha katika sasa, unaweza align vitu. Kitu kingine kwamba wewe kutaka kuwa na uwezo wa kufanya ni kuunda orodha katika CS-- tuko aina ya kwenda katika pset wiki ijayo. mambo ambayo sisi kawaida kufundisha wiki hii huenda vizuri na pset wiki ijayo, hivyo sisi ni aina ya kuchanganya, ukipishana mambo hapa. Lakini utakuwa na manufaa kwa ajili ya wiki ijayo. Hivyo kama sisi alitaka kujenga baadhi orodha, jinsi gani sisi kufanya hivyo? Huwezi kujibu wakati huu. Mtu mwingine ana. Ni si ngumu, guys, ahadi. Google "unordered orodha HTML." Nini ilikuwa hivyo? Watazamaji: [inaudible]. ALLISON BUCHHOLTZ-AU: Haki. Hivyo tunataka kuamuru au unordered? Hebu kufanya unordered. Hivyo tuna baadhi ul, ambayo anasimama kwa unordered Orodha. Na nini tuna kwa kila kipengele? Je inahitaji tag yake mwenyewe? Tunaweza tu kuanza kuandika mambo? Watazamaji: li. ALLISON BUCHHOLTZ-AU: li. Hivyo ni orodha yetu itakuwa nini? Nini tunataka hapa? Sisi tu kufanya majina. Tu kufanya Jacob. Watazamaji: Sungura vyakula. ALLISON BUCHHOLTZ-AU: Sungura vyakula. OK Mimi kama hii. Sungura vyakula. OK, hivyo tuna karoti. Mimi kama hii sungura mandhari. Mimi kuchimba ni mengi. Watazamaji: Kwa kweli, nilifikiri kwamba Jacob itakuwa legit. ALLISON BUCHHOLTZ-AU: Jacob? Jacob ni sungura chakula. Kama wewe aliona Yakobo picha kutoka masaa ya ofisi, unaweza kuwa na mawazo alipata kushambuliwa na sungura muuaji. Watazamaji: Nina sungura sasa. Nina sungura muuaji sasa. ALLISON BUCHHOLTZ-AU: Je kidding me? Watazamaji: Mimi itabidi kuleta sehemu inayofuata. Nina yake. ALLISON BUCHHOLTZ-AU: Hii ni ujinga. Anyway. Watazamaji: [inaudible] Watazamaji: Yeah, mwangalizi yangu ina sungura pia. ALLISON BUCHHOLTZ-AU: Nataka sungura. OK, kila mtu huleta sungura halisi sehemu ya pili, pointi jumla brownie. Watazamaji: [inaudible] Watazamaji: Oh, si kweli. Ni stuffed sungura. ALLISON BUCHHOLTZ-AU: Oh yeah, tunaweza kuifunga haya. Inaonekana Rad. Watazamaji: Je, ni kweli jambo? ALLISON BUCHHOLTZ-AU: Ni haina. Na zaidi ya mambo haya, huna kuifunga tag, 99% ya muda hakuna kitu kibaya kinaendelea kutokea, lakini ni mtindo mzuri, pia. Hivyo Jacob. Na tuna lettuce. Watazamaji: Kwa viungo, ni kweli muhimu. ALLISON BUCHHOLTZ-AU: Hm? Watazamaji: Kwa viungo. ALLISON BUCHHOLTZ-AU: Kwa viungo. Ndiyo, viungo haja yake. OK, hivyo hebu angalia hapa. Na tuna karibu wa orodha yetu. Na sisi kuangalia kwamba. Tuna all-- Jacob, haki pale. Sungura chakula. Inanikumbusha Bunnicula. Watazamaji: [inaudible] ALLISON BUCHHOLTZ-AU: Mimi kuleta nyuma wote marejeo shule miaka ya leo, si mimi? Tu marejeo shule miaka yote. Lazima umeleta kama Gogurts au kitu kwa vitafunio. Watazamaji: Au Gushers. ALLISON BUCHHOLTZ-AU: Oh. OK. Mimi itabidi kuona kama naweza kufuatilia chini Gushers kwa wiki ijayo. Nadhani unaweza kufanya hivyo. Nadhani tuwe na baadhi katika ofisi. OK, hivyo tumekuwa kufunikwa mengi ya tofauti mambo unaweza kufanya na HTML, haki? Na kama pengine unaweza kuona, ni nothing-- hopefully, si pia intim-- kama ni, sijui maana kupuuza mtu yeyote. Kama wewe ni kuwa na matatizo, tafadhali kuja kuzungumza na mimi. Lakini wengi ni tu kuangalia syntax, haki? Kama unataka orodha unordered, kama unataka aina fulani ya orodha, kama unataka align kitu au format kitu, ni wote kuhusu tu aina ya kuangalia up syntax kwa HTML, haki? Na jambo moja kwamba pretty baridi kweli ni kama kwenda to-- hebu angalia, nini nzuri tovuti ya kwamba sisi kama? Mtu yeyote kuwa na tovuti yoyote favorite kwamba ni sawa na kuleta online? Unajua nini, hebu tu kufanya CS50. Hiyo ni nzuri na salama, haki? OK, hivyo CS50 hapa. Oh kuangalia, kuna sehemu hivi sasa. Kama wewe kama njia inaonekana. Watazamaji: [inaudible]. ALLISON BUCHHOLTZ-AU: Sisi ni si kwenda kufanya meta sehemu, guys. Siyo kinachotokea. Itakuwa baridi, lakini sisi siyo kwenda kufanya hivyo. Hivyo nini unaweza kufanya kama wewe kama njia hii kazi ni unaweza daima haki click kwenye ukurasa wa mtandao yoyote kwamba wewe kama na unaweza kufanya Tazama Asili ya Ukurasa. Ni kuleta up HTML wote. Na hii ni kweli kweli nzuri njia style mwenyewe mtandao ukurasa wako. Kwenda kwenye ukurasa wa mtandao kwamba wewe kweli kama na kuangalia HTML na kufikiri jinsi alifanya hivyo. Na halisi, kwa muda mrefu kama wewe wanaelezea mambo, muda mrefu kama wewe si tu kuiba kutoka kwa watu, ni sawa. Hasa kwa CS50 [? fedha?], sisi ni aina ya kutarajia kupata msukumo kutoka tovuti nyingine. Ili kujisikia huru. Kuangalia njia ya Nje kwamba unafikiri ni kweli pretty na kufikiri jinsi ya kutumia HTML na CSS kufanya mambo haya. Hivyo kama unaweza kuona hapa, kuna wazi kama viungo na tuna tabaka hapa. Tuna kiungo hapa. Tuna orodha. Sisi pengine kuwa na baadhi ya picha hapa mahali fulani. Sisi tumepewa baadhi style baridi hapa. Hii ni jambo la pili sisi ni kwenda kufanya. Hivyo style, wakati wowote unaweza kuona hizi mabano style, ni CSS kimsingi. Ben, hakuwa una swali? Watazamaji: div ni nini? ALLISON BUCHHOLTZ-AU: div ni a-- kile tu ni div? Watazamaji: Idara. ALLISON BUCHHOLTZ-AU: Idara. Yeah, ni kama kutenganisha mambo mbalimbali. OK, hivyo hapa ni nini tuko kwenda katika ijayo. Hivyo hii inaweza kuwa bora style sababu, kama taarifa tuna HTML na mtindo katika ukurasa huo huo, na sisi kweli wanataka kutenganisha hizo, OK? Na kwa kweli, napenda kufungua moja wangu wa kulia kwa sababu hii ni walidhani kuwa PDF, hivyo tuna style.css. Hivyo nini tunaweza kufanya hapa ni haya ni mambo ya baridi kama baadhi fade na tunaweza kujaribu na kufanya hivyo, lakini mimi kuhisi kama napenda fujo kuwa hadi juu ya kuruka, hivyo mimi kuhimiza wewe guys kwenda kujaribu kuwa juu yako mwenyewe, lakini mimi si kwenda kufanya hivyo hivi sasa. Hivyo kama wewe guys, kumbuka, kama wewe milele hit tatizo kuweka, kitu uvamizi katika kutoka upande. Ni ina nini na fade na mpito na whatnot. Watazamaji: Na kwamba CSS wote na HTML? ALLISON BUCHHOLTZ-AU: All CSS na HTML. Yeah. Hivyo unaweza kufanya mengi ya kweli mambo ya baridi na CSS na HTML. Hivyo, pamoja na kutisha yetu Bunny mtandao ukurasa hapa, sisi ni kwenda kufanya kidogo kidogo ya CSS styling na hilo. Hivyo kama wewe milele kuwa na mtindo karatasi, ambayo sisi hapa, unaweza tu kuwaita style.css. Unaweza kuiita chochote unataka. Nini muhimu ni kwamba sisi ni kwenda rejea katika web.html yetu hapa. Hivyo nini tunakwenda kufanya ni we-- hivyo mimi kufanya fujo hii up-- sisi ni kwenda kuunganisha files hizi mbili pamoja. Hivyo katika way-- huo mimi nina kwenda kuteka mlinganisho kwa C hapa. Katika njia sawa kwamba kama una baadhi library-- na tuna cs50.h-- compiler wetu viungo hivyo. Hii ni wazi kiungo kwa upande wetu. Hivyo katika njia sawa kwamba sisi kufanya hash ni pamoja na baadhi ya faili, nini Mimi nina kuhusu kuandika ni tu HTML / CSS sawa ya kwamba. Sisi ni kusema tu, sawa, tovuti hii ni kwenda kutumia Stylesheet hii, sawa? Hivyo tuna kiungo rel sawa na Stylesheet. Na kisha tuna aina, css. Na kisha href sawa. OK. Hivyo yote hii hapa ni unaweza kufikiri ya hii kama kitu kimoja kama hash pamoja. Ni wazi inaonekana zaidi kidogo ngumu, lakini katika kesi zote, ni ufanisi kitu kimoja. Hivyo hii ni baadhi tu ya kuunganisha ya karatasi style, ni ya aina Nakala / css, na jina la ni style.css. Nini muhimu kujua ni kwamba ukurasa wa mtandao kwamba mimi nina kazi haki now-- web.html na style.css-- ni katika folder moja. Kwa sababu katika folders tofauti, unahitaji kutoa mzizi halisi hiyo au njia hiyo. Lakini katika kesi hii, sisi ni kuweka super rahisi na ni kwenda kuwa hapa. Hivyo kama sisi kufanya hivyo, mimi na baadhi ya mambo tayari foleni hapa. Hivyo tuna baadhi ya mwili, ambayo ni kwenda kuwa historia yetu rangi, ambayo sasa hivi ni mwanga wa bluu. Tunaweza kubadili ni kama tunataka, lakini kama mimi kukumbuka hii kwa usahihi, ni lazima tu mabadiliko hayo kwa mwanga wa bluu. Na sasa tuna mwanga wa bluu background. Na tulikuwa na here-- yeyote anaweza kukumbuka ambayo moja ni hash ID au tabaka? Watazamaji: ID. ALLISON BUCHHOLTZ-AU: ID. Baridi. Hivyo kile tunataka kufanya ni yupi kati ya hawa fonts au which-- tunataka "Angalia Bunny cute "kuwa zambarau? Nadhani tunataka kwamba kuwa zambarau. Mimi nina pretty chini na kwamba kuwa zambarau. Hivyo nini kufanya ni kufanya ID equals-- katika kesi hii Mimi alisema, kile, pretty rangi hapa. Sisi upya. Ghafla, ni zambarau. OK, hivyo pamoja na kitambulisho, kumbuka inahitaji kuwa ya kipekee, hivyo mimi kamwe kuwa kwa kutumia ID hii mahali popote. Lakini pamoja na darasa, kama tuna hapa na font pretty, Mimi lazima kuwa na uwezo wa kutumia kwamba mahali popote nataka. Basi hebu kufanya hili moja hapa. Hivyo tunaweza kusema darasani sawa na pretty font. Na kama sisi kuangalia sasa, tuna huu baridi pretty font hapa. Hivyo labda nataka kufanya zote mbili. OK, mimi kwa kweli sijui kama hii ni kwenda kufanya kazi lakini nataka kujaribu. Na hii ni jinsi ya kujifunza CSS na HTML. Wewe ni kama, unajua nini, nataka kujaribu hili. Mimi nina uhakika kama ni kwenda kufanya kazi. Hebu angalia kama ni kazi. Na kuangalia kwamba. Sasa ni katika zambarau na ni font pretty. OK, hivyo una haya yote mambo mbalimbali unaweza kufanya. Je, una swali? Watazamaji: Yeah. Naam, tu kama rangi unatumia maneno. Je, kuna njia ya kufanya rangi na hexadesimoli RGB? ALLISON BUCHHOLTZ-AU: Unaweza pia kufanya hivyo pamoja na hexidecimal, naamini. Yeah. Lakini ni aina ya nzuri kama hawataki kuangalia yao juu. Unaweza tu kuwa kama, zambarau au bluu. Watazamaji: Hebu matumaini wao kujua nini maana. ALLISON BUCHHOLTZ-AU: Haki. Basi hebu kufanya kusoma hii au Chartreuse. Kwa nini wewe milele kuchagua Chartreuse? Ni rangi ya kuvutia. OK, hivyo ni wazi tunaweza kuona sisi wanaweza kubadili mambo hata hivyo tunataka. Kama alitaka create-- hebu kusema sisi alitaka kujenga tabaka nyingine. Nini kinaweza nyie wanataka mabadiliko? Kama wewe kuvuta up W3Schools ' CSS nyaraka, Mimi kuondoka sakafu na wewe guys. Tunaweza kujaribu na kufanya kitu baridi na hii katika michache ya mwisho ya dakika. Sababu nimekuwa aina ya kupeni ajali ya kozi juu ya mambo mengi ya baridi kwamba unaweza kufanya. Lakini mwisho, kama nilivyosema, kama wewe majaribio tu, utasikia kujifunza mengi. Watazamaji: Je wewe kuangalia juu kwamba font? ALLISON BUCHHOLTZ-AU: Yeah, Nikaona up kwamba font. Hivyo kama halisi, mimi akaenda to-- nini mimi kufanya? Mimi alifanya CSS font orodha, na basi mimi font stack, na kisha mimi nilikuwa kama, kuangalia, hapa ni fonts wote baridi unaweza kufanya. Na kulikuwa na hii moja, hivyo Mimi kunakiliwa na clipboard yangu. Na kisha mimi nilikuwa kama, OK, baridi, kuna sisi kwenda. Yote kufanyika. Watazamaji: Hivyo huna kuwa na kuhakikisha kwamba CSS anajua kwamba font ni. ALLISON BUCHHOLTZ-AU: Ndiyo. Watazamaji: Nini ni kusema mwishoni? Cursive? ALLISON BUCHHOLTZ-AU: cursive. Yeah. Watazamaji: Background picha. ALLISON BUCHHOLTZ-AU: Background picha. OK. Hivyo unataka kuniambia jinsi ya kufanya hivyo. Mimi kuondoka hii na wewe. Mimi tu kuandika hapa sasa. gurudumu ni katika mikono yako. Watazamaji: OK ALLISON BUCHHOLTZ-AU: OK. Nini mimi kufanya? Watazamaji: Doing-- Mimi najua kile inakuja baada ya brace curly. ALLISON BUCHHOLTZ-AU: OK. Hivyo pengine katika mwili, mimi wanavyodhani, kwa sababu sisi ni kufanya na picha background. Watazamaji: Yeah, hebu kufanya hivyo. ALLISON BUCHHOLTZ-AU: OK. Watazamaji: OK, hivyo background COLON, na kisha sisi haja URL pepe ya picha kwamba. Labda Pseudo-kificho kwamba kwa sasa, labda. ALLISON BUCHHOLTZ-AU: Nini ungependa mimi to-- Watazamaji: Mimi nina mawazo kama GIF. ALLISON BUCHHOLTZ-AU: GIF? Kwamba kinaendelea kuwa ya kuvutia. OK, je, Mimi googling hapa? Watazamaji: Hapana, hiyo ni uchaguzi wako. ALLISON BUCHHOLTZ-AU: Kwa nini hawana we-- kama ni Bunny, Najisikia kama tunapaswa kuwa nzuri nyasi lawn au kitu. Watazamaji: Meadow. meadow. ALLISON BUCHHOLTZ-AU: meadow? OK. Watazamaji: Au Rachel Maddow. ALLISON BUCHHOLTZ-AU: Hii moja inaonekana pretty. Oh, hiyo ni vidogo, ingawa. Tunahitaji nzuri ukubwa picha. Hebu angalia. Oh, kuangalia. Hiyo ni meadow pretty. Unajua nini, mimi kama hii moja. Hebu nakala hii moja. Watazamaji: OK, hivyo nadhani ni URL, mabano wazi. ALLISON BUCHHOLTZ-AU: OK, URL. Watazamaji: Kisha anwani. ALLISON BUCHHOLTZ-AU: OK. Ni kwamba wote tunahitaji? Watazamaji: Karibu mabano semicolon, na kisha nafasi, historia hyphen attachment COLON fasta, na curly Brace. ALLISON BUCHHOLTZ-AU: OK. Hebu angalia kama kwamba kazi. Ni kwenda kuwa pretty baridi kama ni gani. Mimi nina kweli msisimko haki hapa. Haikuwa kazi. Nashangaa kwa nini. Watazamaji: Labda URL ina kuwa katika nukuu. ALLISON BUCHHOLTZ-AU: Labda. Na hii ni jinsi sisi kujifunza, guys. Watazamaji: Je tuna historia rangi na picha background? Watazamaji: Hapana Moja huyaondoa nyingine. ALLISON BUCHHOLTZ-AU: I dunno. Hebu angalia. Hebu kuangalia ni nje na kuona. Watazamaji: Oh, labda, yeah. [INTERPOSING VOICES] ALLISON BUCHHOLTZ-AU: OK, hii ni obviously-- mimi [inaudible] hapa. Hivyo sawa. Watazamaji: Background attachment. ALLISON BUCHHOLTZ-AU: Ah. Watazamaji: Sawa, mimi sijui. ALLISON BUCHHOLTZ-AU: Ni Inaonekana kama ni lazima kazi. Je, una hakika ni koloni baada ya URL? Watazamaji: Hapana, ni semicolon. ALLISON BUCHHOLTZ-AU: Ni semicolon. Watazamaji: Je, mimi kusema koloni? ALLISON BUCHHOLTZ-AU: Ulisema koloni. Watazamaji: Oh no. ALLISON BUCHHOLTZ-AU: Kuna kwenda. Watazamaji: Oh, ngoja, sasa hatuwezi kusoma maandishi. ALLISON BUCHHOLTZ-AU: Sasa huwezi kusoma maandishi, lakini tuna picha background. Mmhmm? Watazamaji: Je HTML kusaidia maudhui ya nguvu? Kama, unaweza resize picha kwamba kulingana na ukubwa dirisha, au ni kwamba CSS-- ALLISON BUCHHOLTZ-AU: Hivyo CSS ina kufanya hivyo. Hivyo kama wewe guys ni nia ya katika kujifunza CSS juu, Mimi ushirikiano kufundisha semina ya CSS tarehe 7. Na mimi ahadi itakuwa kuwa zaidi katika kina na kufanya mengi zaidi ya baridi mambo katika sehemu hii. Na yangu mwenza mwalimu ni kama jumla ya mbele ya mwisho bwana mtandao Dev. Hivyo utakuwa pretty baridi kama unataka kujifunza kuhusu mambo yote ya baridi kwamba CSS wanaweza kufanya. Lakini nini sisi hapa na historia yake attachment fixed-- hivyo ni baadhi size-- fasta lakini unaweza kweli dynamically-- kama wewe milele kuona kurasa za mtandao, kama zaidi ya kurasa mtandao mzuri kufanya, wakati kurekebisha ukubwa wa browser yako, ni anpassar historia au ni kiasi gani ni kuonyesha au reformats mambo, haki? Hivyo kwamba ni nini sisi kuwaita jamaa positioning. Na CSS unaweza kweli kunyakua jinsi kubwa yako browser upana ni au jinsi mrefu ni, na unaweza nafasi ya mambo kulingana na ukubwa jamaa dhidi ya ukubwa kabisa. Na kwamba ni wazi juu zaidi CSS, lakini kwamba ni kitu unaweza kufanya. Kama unataka kujifunza zaidi, kuja semina yangu. Hivyo kwamba ni kitu unaweza kufanya. Na CSS unaweza kweli do-- CSS na JavaScript, ambayo tutaweza kupata katika ijayo week-- unaweza kuruhusu dynamically kubadili kurasa bila ya kuwa na Reload yao wakati wote. Na wewe kupata kufanya baadhi ya pretty baridi mambo ya ajabu. Hivyo ni kuna kitu kingine kwamba nyie kutaka kufanya au kitu chochote unataka kuchunguza? Tuna muda wa dakika 10 wa kushoto. Sisi pia wanaweza kuondoka mapema, lakini kama unataka kufanya baadhi ya mambo ya mtandao zaidi, tunaweza, lakini mimi nina kwenda nguvu wewe. Lakini pia tunaweza kula tu pipi. Watazamaji: Kuonyesha Nakala nyeupe hivyo unaweza kuisoma. ALLISON BUCHHOLTZ-AU: OK. Hivyo katika kesi hii, tunataka baadhi p. Watazamaji: Je, sisi kufanya hivyo katika mwili hivyo inatumika kwa ukurasa zima? ALLISON BUCHHOLTZ-AU: Ndiyo, tunaweza kweli. Hilo ni wazo nzuri. Hivyo sisi have-- kufanya wewe kujua nini tuwe? Sijui kama tunaweza kufanya rangi ya maandishi. Mimi nilikuwa kwenda kujaribu na kujenga darasa lingine hapa. Watazamaji: Jinsi gani unaweza kupata hivyo kwamba ina mapendekezo? ALLISON BUCHHOLTZ-AU: Hivyo kama wewe guys nia, hili ni andiko lingine mhariri aitwaye Mtukufu. Unapaswa kuwa na uwezo wa kufunga hiyo juu ya appliance yako. Wakati mwingine anapata kidogo suala gumu. Kama unataka kusaidia na kwamba, Mimi nina super furaha ya kukusaidia pamoja na hayo, kwa sababu gedit ni kubwa na ni ya kutisha kwa sababu unaweza kukusanya ni juu ya chini, lakini mimi kwa kweli kama Mtukufu kwa sababu ni pretty na haina kufanya mambo kama auto-kamili. Hivyo unaweza dhahiri kujisikia huru napenda kujua kama unataka kufanya hivyo. Kama wewe tu google "Mtukufu maandishi, "ni kawaida ina maelekezo ya jinsi ya kufunga juu ya mifumo mbalimbali ya uendeshaji. Ni kweli baridi, mimi kufikiri, kwa maoni yangu. Hivyo p. Nadhani ninaweza tu kufanya text-- au tunaweza tu kufanya rangi ni "nyeupe." Huko. Hivyo nini mimi hapa ni kwamba mimi hakuna mabadiliko ya maandishi yote. Lakini p hapa ni tu tag kwamba tuna, haki? Hii tag aya. Hivyo mimi tu kuundwa CSS kipengele kwamba akasema, Sawa, kitu chochote na tag hii p, kufanya rangi nyeupe. Hivyo kama wewe niliona, alifanya nyeupe hii na nyeupe huu. Hakuwa na kufanya orodha yetu nyeupe kwa sababu siyo kuhusishwa na kwamba. Unaweza kwenda kupitia na unaweza say-- Watazamaji: Je rangi ya asili. ALLISON BUCHHOLTZ-AU: Background rangi? Watazamaji: Historia ya bomba katika rangi ambapo wewe kuweka p tag. ALLISON BUCHHOLTZ-AU: OK. Unataka nyeupe? Watazamaji: Mmhmm. ALLISON BUCHHOLTZ-AU: OK. Kuna kwenda. Watazamaji: Hiyo ni weird. ALLISON BUCHHOLTZ-AU: Pretty baridi, haki? Hivyo kama wewe tu fujo karibu, wewe ni kwenda kujifunza mengi. Na inaweza kuwa pretty cool. Nadhani ni dhahiri zaidi kuufurahisha kuliko wakati mwingine kwa sababu huna kusubiri kwa mpango wako kukusanya. Unaweza tu hit Refresh na wewe ni kama, oh, kuangalia, ni kazi, au oh, mimi nina pengine kukosa kitu. Na kwamba ni kitu ambacho ni kweli baridi kuhusu sehemu hii ya pili ya darasani, ni dhahiri, mimi kufikiri, rahisi kuangalia kama wewe kwenda njiani dhidi kuwa na kuandika programu hizi kwa muda mrefu na wanaotaka na kuomba kuwa ni kazi mwishoni. Hivyo, pamoja na kwamba, nadhani nyie wote wanaonekana nzuri. Kama una maswali yoyote, kama siku zote, kuja kuzungumza na mimi, kuja basi mimi kujua. Mimi itakuwa haki nje kwa ajili ya pili dakika 15 kama unataka kuzungumza juu ya chochote na kila kitu. Hivyo natumaini guys-- bahati nzuri na pset hii. tarehe ya mwisho ni Ijumaa saa sita mchana kwa sababu hiyo ilitolewa mwishoni mwa. Hivyo mimi pengine kuona mengi ya guys juu ya Alhamisi, lakini hopefully si. Labda itabidi yafanyike kwa wakati huo. Ningependa kuwa super kiburi. Lakini kama si, mimi kuona wewe Alhamisi. Unaweza pia kutumia tarehe marehemu, ambayo inaenea kwa Jumamosi saa sita mchana. Lakini mimi don't-- huh? Watazamaji: Halloween. ALLISON BUCHHOLTZ-AU: Ni Halloween, na b, Sidhani kuna mapenzi kuwa masaa ya ofisi siku ya Ijumaa. Hivyo kweli kujaribu na kupata kufanyika na Ijumaa ili tuweze wote kusherehekea Atatakasa mwishoni mwa wiki. Haki wote, mimi itabidi kuona guys wiki ijayo.