[MUSIC PLAYING] ALLISON BUCHHOLTZ-AU: Bütün hüquqlar, hər kəs. Bölmə geri xoş gəlmisiniz. Belə ki, bu gün bizim gündəliyi gedir daha çox web dev məhsulları üzərində. Mən necə çox bilmirəm Siz psets gördük Bu azad edilib ildən əvvəllər bu səhər. Mən necə çox kimi ki insanlar spec oxumaq, lakin bütün yaşadım nə kimi görən ki, kimi, yeddi saat baxmaq və bu bir Bazar ertəsi və Siz yəqin ki, sinif etdik Mən güman gedirəm Siz çoxu yoxdur. Siz əlavə şeref varsa. Siz əsasən kömək edirik sadə web həyata yeni pset olan C server, belə ki, uşaqlar Qvineya donuz olmaq almaq. Bu fun olacaq, vəhşi həftə, lakin mən bu fun bir çox olacaq edirəm və bu həqiqətən olacaq həqiqətən yaxşı təcrübə. Belə ki, üçün hazırlamaq ki, bölmə gün, biz chmod, TCP / IP getmək olacaq və sonra HTML və CSS bir az. 

Sonda, biz kodu həqiqətən lazımdır sadə web page birlikdə sizə yardım etmək üçün uşaqlar cür almaq daha çox tanış. Və sonra seçilmiş əgər Sizin sınavlar, onlar qarşısında etdiyiniz amma olduqca əmin hər kəs deyiləm burada viktorina var. Və də qeyd, həllər, hələ deyil lakin tezliklə biz kimi bitirmək kimi Onların quizzes-- alaraq son bir neçə nəfər onlar olacaq. Hər hansı bir sualınız varsa, Bu vaxt, şəxsən mənə e-poçt çekinmeyin. Mən sizin fərdi ilə cavab verəcəyik sual, mən həmişə nə kimi. 

Ki qeyd, chmod belə. Belə ki, əsasən bütün sizə chmod haqqında bilmək lazımdır dəyişdirmək üçün istifadə ki, fayl icazələrin, sağ? Belə ki, yalnız bir sistemi bir zəng var burada dediyi kimi, izinleri dəyişdirmək. Və heç görmək istəyirsinizsə nə var bir fayl icazələrin, əvəzinə yalnız bunu ls, siz ls-l edə bilər. l uzun dayanır. 

Belə ki, uzun siyahıları edəcəyik hər şeyi, və daha çox ətraflı verəcək faylları hər biri haqqında məlumat. Və mən bir şey görəcəksiniz bir second-- üçün irəli keçmək olacaq lakin oxşar bir şey görəcəksiniz Hər bir fayl üçün var ki, top line. Və biz o deməkdir ki, nə ilə getmək lazımdır. 

Belə ki, əsasən, dəyişdirmək fayl icazələrin Yalnız chmod istifadə etmək istəyirik. Siz hər hansı digər kimi hesab edə bilər UNIX ls ya CD və ya etajer kimi zəng. Bu başqa kimi zəng yalnız növü var. 

Beləliklə, biz chmod və sonra biz will adətən üç rəqəm var. Etmək üçün bir neçə yolu vardır Bu, biri biz artıq getmək lazımdır. Amma adətən, siz üç lazımdır 0 7 hər zaman qədər rəqəm. 

Belə ki, bir şey var ki üç müxtəlif icazələrin biz hər fayl verə bilər ki. Və olan, oxunaqlı deyil mənada edəcək olan, r təmsil bir az; olan w yazılabilir; və x edən proqram deyil. Mən bilirəm ki, e bir çalıştırılabilir, Bəlkə ən mənada, lakin biz x ilə təmsil edir. 

Və sonra nə olur bu hər biri də sayı təmsil. Beləliklə, biz 1, 2, 4 var. Və əsasən nə olur Bu üç ədəd hər burada uyğundur istifadəçilərin müxtəlif dəsti O icazələrin bilərlər ki. 

Belə ki, ilk hesab edə bilər sayı faktiki istifadəçi uyğundur və ya fayl sahibi, ikinci sayı, qrup uyğun olacaq və son bir istinad dünyaya, OK? Belə ki, nə olur xatırlayıram deyil 2 w o nömrələri r, 4 x sağ, 1? Bu yekunlaşdırmaq əgər Hələ, Sizə ilk sayı verir ki biz chmod daxil ola bilər. 

, Bu halda belə nə Bu sayı ola bilər? 4 plus 2 olarıq plus 1, doğru olan, 7 edir? Və bu halda, bu bir şey yoxdur, belə ki, burada bu hüququ ki OK, 700 chmod tərcümə? Və nə ki, bütün verir edir istifadəçi bu icazələrin. 

Belə ki, bu, bizim istifadəçi deməkdir Onlar istədiyiniz nə edə bilər. Onlar bu faylı oxuya bilərsiniz. Onlar bu fayl icra edə bilər. Onlar bu faylı yaza bilərsiniz. Qrup və dünya, heç amma heç icazələrin, OK? 

Belə ki, başqa bir yolu ki, yazmaq üçün, biz üç rəqəm olan hər chmod edə nə məbləğində və ya uyğun xüsusi qrup xüsusi alt edir. Ya biz, həqiqətən bir şey edə bilərsiniz. Tutun. Biz burada bu ilə bir şey edə bilərsiniz. 

Necə bir çox nümunə gördüm harada bir plus x chmod kimi idi? Siz mühazirə, mən hesab edirəm ki, gördünüz? Belə ki, bütün üçün dayanır. Bu, bütün istifadəçilər üçün vermək deməkdir, Mən burada qoymaq unuttum. 

Amma bir plus x, biz əgər Biz əgər, burada qeyd biz istəyirik nə qrup chmod-- üçün haqqında plus izinleri söhbət biz onlara vermək istəyirəm. Belə ki, bu müsbət və ya mənfi ola bilər. Plus icazə edir. Minus icazə üz tutur. Pretty intuitiv, mən hesab edirəm. 

Belə ki, bir plus x chmod deməkdir. Belə ki, bütün insanların izinleri dəyişdirmək Bu EA əlavə icazələrin əgər. Və nə icazə deməkdir x-- Biz hər kəs verilməsi olunur. Oxumaq, yazmaq, və ya icra? 

Auditoriya: Execute. 

ALLISON BUCHHOLTZ-AU: Execute. Beləliklə, biz bütün istifadəçilər veririk icazə OK, bu fayl icra? Biz etmək istəyirdi əgər belə nə sayısal formada ki? Belə ki sayısal xatırlayıram, biz üç ədəd istəyirik. 

Auditoriya: 4. ALLISON BUCHHOLTZ-AU: Nə idi? Auditoriya: 4. ALLISON BUCHHOLTZ-AU: Not 4. Auditoriya: 0, 0, 4. ALLISON BUCHHOLTZ-AU: Bəli, biz istəyirik sağ, bütün istifadəçilər vermək? Belə ki, biz olacaq Hər slot bir sıra. Bu olacaq Hər slot eyni nömrəsi biz yalnız vermək istəyirəm, çünki hər kəs çalıştırılabilir icazələrin. Belə ki, yürütülebilir 1, lakin doğru yolda. 

Biz 111 chmod idi Belə ki, ki, ki, chmod a plus x ekvivalent ola bilər. Ki, hər kəs üçün mənada edirmi? Biz vasitəsilə getmək olacaq nümunələri bir neçə. 

Böyük paket Belə ki, burada burada deyil ki, lakin yalnız bütün istifadəçilər üçün vermək deməkdir. Yalnız istəyirsinizsə u vermək və ya üz etmək bir xüsusi icazə istifadəçi və ya sahibi. g, qrup üçün belə ki, orta rəqəmli. Və sonra başqaları siz hesab edə bilər Dünyanın ki, son rəqəmli kimi. 

Belə ki, biz nümunə getmək lazımdır, Mən həmişə nümunələri kimi hiss çünki anlamaq üçün bu şeyi daha asan etmək. Biz bu yolu getdi rwx-- da 700 kimi təmsil ola bilər. Yəni biz baxdı misal var şəkil daha çox. Belə ki, bəzi fayl 444 chmod nə icazələrin verəcək? Siz, həqiqətən, yaxın idi. Auditoriya: bütün Oxunan. ALLISON BUCHHOLTZ-AU: Oxunan. Hər kəsə belə oxunaqlı, sağ? Və sonra bunu bir yolu nədir? Biz chmod etmək istəyirsinizsə bilərsiniz r və ya w nin, plus və minuses, nə zəng kimi baxmaq olar? Bu nə chmod olardı? 

Auditoriya: a plus r. 

ALLISON BUCHHOLTZ-AU: 5 bir plus r. OK, belə ki, bu, bu kimi eyni yalnız iki müxtəlif tərcümə Eyni şey. Belə ki, biz bu var. Mən sizə uşaqlar cəhd və yazmaq istəyirəm onların əks şəkildə bu cür. 

Chmod 555 Belə ki, nə olacaq? Bir müsbət və ya u plus ya etajer olacaq? U plus x, mənə üç ədəd verir. Və sonra nə icazələrin haqqında mənə biz, həqiqətən, və kim verilməsi edirik? 

Mən sizə uşaqlar iki verəcəyik dəqiqə işləmək. Bir-biri ilə danışmaq üçün çekinmeyin. Bir az gələn sizin üçün gec, konfet və köynək var. Biz üç köynək qoyduq və biz Kit qatsın və Starbursts var. Belə ki, grab gəlmək çekinmeyin Bu, az intermedia bəzi. 

Həmçinin, son bir çətin deyil. Bu son bir iki chmods var. Əslində, mənə qapını bağlamaq imkan ki, uşaqlar iş isə. Candy həmişə lazımdır Bazar ertəsi günorta haqqında. 

OK, belə ki, 555 chmod. Ki, yazmaq bilər bir yolu nədir? Hər hansı bir fikir? Bəli. 

Auditoriya: a plus rx. 

ALLISON BUCHHOLTZ-AU: r plus rx. Siz RX olarıq izah etmək istəyirsiniz? 

Auditoriya: siz var 5, 4 plus 1, belə ki, belə ki, oxumaq plus yürütülebilir və bütün üçün. ALLISON BUCHHOLTZ-AU: Right. Belə ki, yalnız burada, 5 demək , 4 və 1 cəmi kimi bilirik Bizim triosu hər sayı, çünki ki, alt üçün icazələrin məbləği, sağ? Istifadəçi ya, qrup, və ya dünyanın. Bu halda belə, biz bilirik ki, 5 4 və 1 təşkil edilməlidir. 

4 və 1 cavab oxunaqlı və yürütülebilir. Biz, hər kəs üçün verir belə ki, biz bir plus RX chmod edə bilərsiniz. Və təbii ki, biz yalnız getdi orada suallar, indi bu fayl yürütülebilir və hər kəs üçün oxunaqlı. 

Belə ki, nə ikinci haqqında? Ki, bir sayı nə ola bilər? Hər hansı bir fikir? Durmayın. 

Auditoriya: 100 [Işitilemez]. 

ALLISON BUCHHOLTZ-AU: 100. Məhz. Belə ki, niyə 100 izah etmək istəyirsiniz? Auditoriya: Bu üçün Çünki istifadəçi, belə ki, ilk mövqe var. Və sonra yürütülebilir x 1. ALLISON BUCHHOLTZ-AU: Exactly. Beləliklə, biz çalıştırılabilir verilməsi olunur yalnız istifadəçi icazələrin. Bu halda Belə ki, 100 olacaq. Mən bütün cavab halda növbəti slayd qədər Siz çox şeylər yazırlar edirik. 

OK, belə ki, bu, növbəti bir həqiqətən edilir iki chmods ilə, siz bunu edə bilər. Belə ki, hər kəs yoxdur hər hansı bir fikir necə bilər chmod 640 yenidən almaq digər şəkildə? Siz ilk və sonra istifadəçi dəyişə bilərsiniz Əgər qrup mənim işarə edir dəyişə bilərsiniz. 

Biz yalnız dəyişən idi, belə ki, burada ilk olan istifadəçi, zəng nə ola bilər? Belə ki, istifadəçi u mı? Belə ki, u chmod plus nə? Mmhmm? 

Auditoriya: rw. ALLISON BUCHHOLTZ-AU: rw. Sağ, oxumaq və yazmaq, oxumaq çünki bu məbləğ 6 kimi birlikdə, 2 w, 4. Beləliklə, biz chmod almaq u plus rw, və biz orada ilk 6 almaq. 

Beləliklə, biz indi istəyirəm, 4 almaq üçün bizim qrup dəyişdirmək üçün. Beləliklə, biz chmod g plus nə olacaq? 4 nədir? 

Auditoriya: r. ALLISON BUCHHOLTZ-AU: r. Dəqiq. Beləliklə, biz sahibi ötürür oxumaq və icazələrin yazmaq və biz qrupun oxu ötürür biz burada bütün var icazələrin. Mmhmm? 

Auditoriya: Əgər bir şey yaza bilər, Siz onu icra edə bilər demək deyil? 

ALLISON BUCHHOLTZ-AU: Siz bir şey yaza bilərsiniz Mən bunu inanmıram bunu həyata keçirə bilər nəzərdə tutur. Cool. Belə ki, biz yalnız yolu ilə getdi ki, bütün var. Belə ki, bu, növbəti bir, bu yalnız cür ortaq hallarda Siz saxlamaq istəyirəm ki, Sizin problem set üçün ağla. Bu adətən icazələrin biz istəyirəm ki, istifadə etmək. 

Belə ki, 711 üçün, verir Bizə, əlbəttə, istifadəçi bütün icazələrin hansı mənada çalışır. Və sonra bu ilə yürütülebilir deyil mənada edir Dünyada qrup, Bəzi kataloq varsa, onu axır etmək istəyirəm. İnsanlar çıxış lazımdır. 

Hər hansı bir qeyri-PHP fayl üçün, siz olacaq nə olan, 644 istifadə etmək olar? Nə demək və ya nə deyil icazələrin vermək deyil? Belə ki, sahibi nə edə bilər? Auditoriya: oxumaq və yazmaq. ALLISON BUCHHOLTZ-AU: oxumaq və yazmaq. Və sonra qrupu və digərləri sağ, oxumaq olar? Və sonra hər hansı 600 chmod Siz istifadə PHP faylları, sahibi, yenə bilərsiniz oxumaq və yazmaq lakin hər kəs edir yalnız cür off bağlanacaq. 

Belə ki, bu, həqiqətən olacaq daha çox faydalı ola Sizin problem almaq Önümüzdəki həftə harada həqiqətən bir web bina etdiyiniz. Əgər daxil Belə ki hər hansı bir qəribə problemləri harada loading deyil düzgün, bəlkə sizə bir yürütülebilir əlavə etmək lazımdır icazə, və ya bəlkə bir oxu lazımdır və ya icazə yazın. Insanları səfər edirlər ki, az şeyi up, lakin cür go-kimi zaman növbəti həftə pset başlayın. Mən daha çox verəcək Bu həftə pset göstərişlər, amma ildən baxmaq hələ Bu səhər azad edilib. Amma mən baxdı olacaq, mənə e-poçt ona zaman mən sabah cavab. 

Belə ki, indi hər kəs chmod ilə yaxşı? Hər hansı bir uzunsürən suallar? Pretty sadə. Just cür track saxlanılması nə , oxumaq, yazmaq və nömrələri icra yəqin ki, ən ağır hissəsi. 

Belə ki, TCP / IP, bütün bu protokolları ilə, cür sizin data strukturları ilə kimi Keçən həftə daha var cür almaq vacibdir Onların yüksək səviyyədə intuisiya. Gedirik bu CS143 deyil şəbəkə həyata xahiş, belə ki, əgər gözəl olacaq başa düşmürəm bütün protokolların asıl gritty. Nə vacibdir anlamaq üçün cür onlar təmsil nə kimi və nə onlar əhəmiyyətli istəyirik. 

Belə ki, TCP / IP, əlbəttə, bu deyil Transmissiya Nəzarət Protokolu və ya Internet Protokol olan əsasən qanunlar əsasən yalnız bir set və ya standartlar data izah necə idarə olunmalıdır, Bu packetized necə olması lazım, ötürülən və qəbul etmişdir. Əsasən Belə ki, yalnız bu kimi burada deyir şansını artırır ki, data harada olur Siz almaq istəyirəm. 

Sizlərin getdi əgər mən əmin deyiləm mühazirə və ya, online izləyib O Bilmirəm has-- o, bu il bunu əgər, amma bilirik, keçən il o idi O Rob bir şəkil olduğu demo və o bölünmüş Dörd və zərflərin qoyun və Sanders arasında onu almaq üçün cəhd. Və cür bilərsiniz ki, yol hesab. Bu qaydalar yalnız bir set var ki, necə yerde almaq üçün data izah və əgər bilmək imkan verir Siz data itkin Eyni şəkildə siz əgər ki, qeydlər çox pages alaraq və səhifə 104, səhifə ilə onlara etiket 204, və daha sonra öyrənmək geri və bir şey əskik Siz səhifə tapa bilməz 304-- bildiyiniz bir şey yanlış, belə ki, Sizin qeydlər vasitəsilə baxmaq olar daha ya yenidən kimsə xahiş mühazirə gün qeydləri. Internet data ilə eyni şəkildə. Mən soruşuram, əgər bir server bir şey və göndərmək lazımdır Bu çox paket, yəqin ki, sayı gedir Bu bir şəkildə, qoy mənə qəbul etməlidir necə bir çox bilirik, və bu 10 biri, oh, mənə və ya bu 10,000 biridir. Mən reassemble getmək zaman yol birlikdə bütün parçaları, Şey yoxdur, mən bilirəm və mən daha xahiş edə bilər. Ki, hissi edirmi? Qaydalarını yalnız bir set. Onun əsasında da, OK, qaydaları müəyyən? 

Beləliklə, biz də söhbət limanları haqqında az. Bu, həqiqətən, yalnız bir standart ki, Siz hansı məlumatları növü bilirik imkan verir Bu paket ötürülən olunur. Biz getmək əgər bizim zərf Məsələn, biz deyil Bu bir şəkil var bilirik ki, Orada Rob biz bunu yazmaq halda Bizim zərflərin kənarda. Belə ki, limanları əsasən eyni şey var. Bu anlamaq üçün yalnız bir yol var nə məlumatların növü çatdırılır. 

Beləliklə, biz bütün var Burada ən ümumi olanları. Belə ki, 21-- Bu cür də yaxşı şey kimi bilmək. Bu, asan viktorina sual növü var. , Port 80 nə edir kimi? Və ya, port 443 nə edir? Belə ki, yaxşı şeylər. 

Beləliklə, biz burada var, 21 fayl transfer protokol, yalnız belə fayl transfer idarə edən qaydalar. 25, bir şey ki, biz bütün istifadə çox çox, e-poçt. 53 domen adı əsasən sistem, Bu bir axtarış yalnız cür Bir domen adı IP ünvanı. 

Mən bu idi olduqca əminəm , mühazirə qeyd əgər kimi bir şey getmək google.com, bir IP ünvanı var onunla bağlı oldu. Bu, həqiqətən google.com deyil. Və 53 port həqiqətən edir tərcümə növünün qayğı sizin üçün IP ünvan daxil. Və sonra 80 və 443 çox rast gəlinir. Siz ya web page və ya Siz təhlükəsiz web page, web pages bir çox İndi üzərində köçürülməsi. 

Belə ki cür yüksək səviyyədə var transfer protokol ümumi. Mən dərinlikdə daha görmürəm. Bu cool stuff cür Əgər istəyirsinizsə. Resursların çox var. Wikipedia əslində olduqca yaxşı səhifə. Mən ona axtarır yalnız bir az əvvəl, Mən tövsiyə edirəm Əgər istəyirsinizsə baxaraq və ya iki il çünki 143 almaq Mən hər il hesab edirəm. 

Bu sonunda belə ki, biz istəyirik web pages və HTTP söhbət, üçün, həqiqətən, bizim növbəti mövzu deyil Bu gün biz, HTML və CSS getmək əvvəl və həqiqətən bir web page qədər kod bilər. Bu fun olacaq. Biz şəkillər lazımdır bunnies və böyük olacaq. 

Belə ki HTTP, burada görə bilərsiniz kimi, sevimli acronyms biridir bu həftə üçün olan Hypertext Transfer Protokol. Belə ki, yenə, yalnız var qaydaları bir set ki, Hypertext tənzimləyir bu halda, transfer. Belə ki, ən yaxşı şəkildə öyrənmək bu yalnız növ onu qırmaq Bu fərdi sözlər bir çox var, çünki orada ekranda sözləri. 

Beləliklə, biz mətn ilə başlamaq olacaq. Belə ki, "hiper," Siz hesab edə bilər "Yuxarıda" kimi super tipli şey. Belə ki, həqiqətən, yalnız aparıldı mətn var növbəti səviyyəsi, bu super mətn kimi, belə ki, növbəti mətn kimi. Belə ki, yalnız əsasən bizə verir ki, mətn daha çox məlumat normal mətn OK, yoxdur? 

Belə ki, burada bu halda, bu mətn edir. Bu, bizə deyir ki biz olacaq ki, bəzi link, olan cs50.net, olan İndi cs50.harvard.edu edir. Bu slaydlar bir az köhnə. Və keçirmək olacaq bu kimi bir köprü kimi, və sonra, həqiqətən, sərin haqqinda. 

Belə ki, bir az olan mətn var Orada həqiqətən sərin şeyi bit. Şeyi keçid edə bilərsiniz, belə ki, siz images daxil və siz hər şeyi stil bilərsiniz. Və ən tanış şey uşaqlar yəqin ki, mətn ilə Hypertext Markup Language, HTML deyil əlbəttə web bütün olan bizə ətrafında görmək ki, verilmiş atılan bəzi CSS stil ilə. 

Amma hər kəs idi, MySpace ilə həqiqətən böyük, Mən bütün istifadə HTML əmin deyiləm bütün vaxt yaratmaq bu mükəmməl profillər, sağ? Ki, bir ola bilər kimi hiss edirəm köhnəlmiş indi istinad, lakin nə. Bir little-- uşaqlar çox kiçik deyil. Əgər bəziləri məndən qədimdir. MySpace hələ idi şey mən gənc idi. Mən köhnə deyiləm. 

Zaten, HTML mətn yalnız bir formasıdır. Belə ki, mətn yalnız əlavə xüsusiyyətləri ilə mətn. Belə ki, transfer protokol yəqin ki, daha iffy şey izah etmək. Aydındır ki, transfer-- yalnız məlumatların köçürməlidir. Belə ki, ya müştəri arasında, kimi web qardaşı və server. Belə ki, əsasən yalnız yol internet işləyir. 

Dəqiq tələbi belə necə bu iş, biz istəyirik həqiqətən baxmaq üçün gedir Məsələn sorğu və cavab. Amma biz necə tələb server məlumat server bizə cavab necə və Bu transfer protokol idarə nə. Belə ki, sorğu və cavab var qaydaları bu xüsusi dəsti riayət edin. Bu standart fərqi yoxdur ki, siz internet istifadə etdiyiniz, həmişə OK, eyni işləyir? 

Yenə protokol, qaydaları müəyyən. Bu, sadəcə bir normal deyil eyni şəkildə qarşılıqlı Professor Malan haqqında danışır kimsə əl uzanır əgər, Siz ümumi nəzakət var bilirik ki, sizin həyata nail olmaq və onların əl silkələmək. Bu doğru, bir protokol var? 

Mən bəzi standart sorğu vermək Mən sizin əl silkələmək istəyirəm, və bəzi standart vermək heç bir thanks ya olan cavab, və ya cəhd və silkələmək bilər mənim əl və ya bəlkə siz cəhd olacaq və yumruq mənə qabar. Və biz ki, bir protokol yoxdur. Aşağı pozur. Amma hər kəs aşağıdakı əgər Eyni protokol, əlbəttə, daha sorunsuz gedir. İnsanlar bir-birinə bilmək almaq. Hər kəs xoşbəxt. 

Web dünyada belə, Hər kəs eyni rules-- aşağıdakı sosial standartlar biraz daha yaxşı. Amma ki, biz baxmaq lazımdır Burada nümunə tələbi. Belə ki, bu az var Alt burada əsas ki, siz müxtəlif rəng deyir, nə onlar ehtimal etdiyiniz demək. 

Belə ki, ağ yalnız üsulu kimi sorğu və protokol version-- belə üsul sorğu, versiyası. Və sonra bu bəzi sahəsində adı və dəyəri bu sahədə, hansı biz çox qısa getmək. Belə ki, bu bir nümunə tələb edir. Bu, mənə uzanan kimi özümü təqdim etmək istəyən. 

Bu nə müştəri deyil və ya nə sizin web browser server göndərilməsi olunacaq. Belə ki, bu get tələbi, belə ki, bu server bir şey üçün xahiş. Və HTTP, əlbəttə, var və version 1.1 var. 

Belə ki, burada qalan dediyimiz şey mövzu və onun əlavə məlumat bizə daha yaxşı bir fikir verir nə biz, həqiqətən, xahiş edirik, və ya biz istəyirik ki, informasiya vermək müvafiq ola bilər ki, server. Belə ki User-Agent bəzi çox verir Məsələn on-- təsviri, burada, curl / 7.24.0 həqiqətən demək gedir Biz Google-istifadə edərək etdiyiniz server Bizim browser kimi xrom. Əgər eşitmək əgər Belə ki, danışmaq nəfər bir app məsuliyyətli edilməsi haqqında çox brauzerlərdə üçün, bu bir şeydir ki, onlar Siz, çünki istifadə edirəm nə browser bilmirəm sorğu, gələn Siz ki, məlumat xüsusi bilməz. Bu halda, istifadəçi belə yalnız bu cür verilməsi müəyyən məlumat nə browser haqqında istifadəçi hazırda OK, istifadə edir? 

Beləliklə biz də olan ana ola biz həqiqətən getmək istəyən edirik. Bu halda, biz getmək istəyirəm apple.com, bəzi sərin yeni iPads almaq və ya bir şey, bəlkə cute Bizim yurt otaqları işıqlar. Və sonunda adı dəyəri yalnız doldurucu, yalnız ümumi şey uşaqlar görmək üçün. Bu, həqiqətən deyil Burada şey uyğundur. 

Belə ki, kimi çox və ya ola bilər hər halda istədiyiniz kimi az. Çox vaxt bu isteğe bağlıdır. Bu, yalnız nə asılıdır Siz browser lazımdır istifadəçi üçün olan üçün düzgün sorğu verir. Və ya nə istifadəçi asılıdır həqiqətən server vermək istəyir. Belə ki, bir çox ola bilər Bu header sahəsində adları və ya yalnız bir neçə ola bilər. Çox şey kimi Mən bu bölmədə bildirib etdik, həqiqətən kontekstində asılıdır necə bu istifadə edirik. 

Belə ki, hər kəs üçün əhəmiyyət kəsb edir edir? Bu yalnız bir nümunəsidir sorğu, mövzular, etajer. Ki belə OK, biz bəzi cavab var. 

Yenə biz status kodu, protokol versiyası, sonra sahə adı və sahə həmişə olduğu kimi qiymətləndiririk. Bizim protokol versiyası So və status kodu 200. , O deməkdir ki, OK bəli, hər şey yaxşı keçdi. Burada istədiyiniz nə. 

Server növü, content bizə deyir tipli, OK, siz etdiyiniz bəzi mətn HTML almaq üçün gedir. Burada uzunluğu və burada Siz ilə bağlı nə etməliyik. OK, belə ki, yenidən, olaraq Siz etdiyiniz məlumatlar üçün xahiş nə bağlı server sizə qayıtmaq istəyir, Bu sahədə daha çox ola bilər adları, daha az ola bilər. Ümumilikdə kontekstində asılıdır. 

Və qədər bu statusu burada kodu, əlbəttə, 200 yalnız bir deyil sağ, ola bilər? Biz status kodları çox var. Hər kəs hər hansı yadda varmı Biz mühazirə qeyd ki, başqaları? Onlara bir çox 4 ilə başlayın. 

Auditoriya: 404. 

ALLISON BUCHHOLTZ-AU: 404, olan? 

Auditoriya: Fayl tapılmadı? 

ALLISON BUCHHOLTZ-AU: Fayl tapılmadı. Məhz. Belə ki, nə 403 haqqında? Auditoriya: Qadağan. ALLISON BUCHHOLTZ-AU: Qadağan. Beləliklə, siz nə düşünürsünüz ki chmods deməkdir? 

Auditoriya: Bu o deməkdir ki, oxumaq üçün icazə yoxdur. 

ALLISON BUCHHOLTZ-AU: Exactly. Bir şəkildə, siz yoxdur icazə sağ, daxil olmaq üçün? Belə 404, 403. Həqiqətən funny var biri olduğunu həmişə hər il təqdim ki, Mən burada qoymaq lazımdır 413 kimi mən bir çaynik deyiləm. Bu google bilər. Bu kodu kimi komik 413 və mən bir çaynik deyiləm var. Hansı Mən sizə ki, niyə bilmirəm Heç internet ki, lazımdır, amma sapmaq. Auditoriya: Bəlkə bir çay qazan istəyirik. ALLISON BUCHHOLTZ-AU: Bəlkə server bir çay pot edir. Kim bilir? Bütün hüquqlar, belə ki, biz üzrəyik real kodlaşdırma keçid. Mən sizə uşaqlar gedir kimi hiss burada olduqca tez çıxmaq. 

Auditoriya: Niyə bunu edir iki dəfə: server "demək? 

ALLISON BUCHHOLTZ-AU: Hm? Server iki dəfə? Yaxşı bir sual. Mən əmin deyiləm. Mən tapmaq və Mən sizə bütün e-poçt. 

OK, bundan başqa hər hansı digər suallar? Yaxşı? Cool. 

HTML və CSS, və indi biz bütün fun hissələri almaq. HTML, mən əvvəl qeyd etdiyim kimi, belə ki, yəqin ki şeyi biridir Sizlərin ilə ən tanış. Beləliklə, biz Hypertext Markup Language var. 

Ən yaxşı yolu Hələ öyrənmək üçün mən deyil Hər hansı bir hazırlanmış slaydlar və ya bir şey HTML ilə uşaqlar üçün. Bu sintaksis öyrənmək haqqında həqiqətən var. Və siz MySpace olsaydı gün, bu aşağı olardı. 

Belə ki, həqiqətən, ən böyük şey yalnız təcrübə və təcrübə. Böyük sərvətlərindən biridir edirəm yüksək istifadə məsləhətdir W3Schools edir. Belə ki, yalnız W, 3 və sonra Məktəblər. Onlar bir çox var HTML resursları, CSS, və onlar həqiqətən var şey split ekran sort onlar sizə nümunə kodu verəcəyik. Siz ilə fiddle bilərsiniz, dəyişdirmək, və Update düyməsini basın və necə göstərmək lazımdır nə əslində web page edir. 

Mən çox yüksək istifadə məsləhətdir. Bu olduqca sərin var. Siz seg çatışmazlıqlar almaq deyil burada şeyi yanlış getmək zaman. Siz almaq üçün idarə HTML ilə bir seg günah, Mən deyiləm, çünki Mənə bildirin yoxdur gedən real intrigued olunacaq. Amma bu həqiqətən sərin var hər şeyi dəyişə bilərsiniz, Əgər siz onları canlı yenilənir bilərsiniz. Mən bir çox almaq lazımdır edirəm HTML daha intuitiv grasp Siz, həqiqətən, yalnız bəzi sərf əgər vaxt ilə eksperiment. Mən dedim ki, var, təcrübə və təcrübə. 

Google, buradan həyata, yəqin ki, olacaq ən yaxşı resursları və dostları biridir. Və ya Bing-- Mən Microsoft çalışıram belə ki, bəlkə mən Bing demək lazımdır. Lakin olduqca çox şey yalnız syntax olacaq, belə tags nə anlaşma, ən azı CSS-- ilə understanding-- necə müəyyən atributları dəyişdirmək üçün. Bu super faydalı olacaq. 

Biz bunu baxmayaraq Hər hansı bir hazırlanmış şeylər var, biz bəzi yaxşı təcrübə cür var biz sizə uşaqlar cəhd və əməl etmək istəyirəm ki, by-- daha doğrusu, siz olmalıdır daha xəbərdarlıq qədər riayət. Belə ki, bütün tags bağlayın. İnşallah hər kəs nə bilirik has--, indi bu mənada deyil, əgər, Mən bu mənada edəcək vəd biz page up kodlaşdırma etdiyiniz zaman. Amma bütün tags bağlayın. Belə ki, heç bir varsa bracket ki, header, H1, bracket, əmin olun ki, zaman ilə tamamlayın, ki, mövzu bağlayın. W3 qiymətləndiriciyə ilə səhifə tesdiq. Sizin tags yaxın deyilsə, Siz gözlənilməz davranış əldə edə bilərsiniz. Bu səhifə etibarsız olduğunu demək lazımdır Bu qiymətləndirici vasitəsilə run əgər. Belə ki, doubt-- və xüsusilə Bu həftə və gələn həftə Biz xahiş ki, eyni şəkildə pset-- yoxlamaq istifadə 50 və stil 50, Bu hesab edə bilər Sizin çek biri kimi, OK? 

Belə ki, əgər bu W3 Validator keçmir. Yəni biz sizə dok olacaq bir şeydir. Yoxsa mən doğru deyirəm indi mən sizə dok edəcək. Belə ki, doğrular əmin olun. Bu çətin deyil. Siz yalnız kodu yapışdırıb və yaxşı iş demək lazımdır bilərsiniz və ya itkin edirik eyni şəkildə bir şey ki, stil 50 deyir siz qədər messing edirik. 

Və sonra son bir şey Siz ayrı-ayrı istəyirəm bütün HTML olan biçimlendirme, və ya mətn və üslubu. Beləliklə, biz bir nümunə edəcəyik Bu sonra sağ. Belə ki, HTML və CSS ayrı olmalıdır. Və biz söhbət etmək olacaq Model View Controller olan MVC, gələn həftə. Siz uşaqlar yəqin ki, olmalıdır mühazirə ki, haqqında məlumat sabah olsaydı artıq bu gün öyrəndim. 

Və yalnız cür var biz edirlər ki, bir paradiqma web oluştururken istifadə etmək pages şeyi ayrı-ayrı. Siz eyni şəkildə hesab edə bilər biz C ayrı funksiyaları edirlər ki, biz şeyi tapmaq üçün hash. Bu yalnız bir yol var sizin həyat daha asan. Bu atributları və ya kodunu ayıran Siz yenə üzərində istifadə və olunacaq ancaq bu şəkildə, bu cür o gözəl və səliqəli saxlayır. Və dəyişmək istəyirsinizsə bir şey, siz bir dəfə onu dəyişdirmək və hər yerdə başqa dəyişib. Belə ki, daha çox var sizin azaltmaq və rahatlıq. 

Belə ki CSS ilə, çox oxşar HTML, lakin əvəzinə tags İndi yalnız qeyd edir ki, biz seçiciler adlanır nə istifadə. Onlar əsasən yalnız cür müəyyən bir tag şərik müxtəlif atributları ilə HTML. Mən atributları deyəndə, mən demək font rəng kimi şeylər, font style, fon rəngi, mətn rəngi. Şeyi bu növ. Bu mərkəzli əgər kimi, Bu sağ üçün off əgər, bütün inverted-- əgər Bu sərin şeyi. Hər hansı bir üslub şeylər Siz mətn üçün nə ki, bu mən atributları ilə nə demək deyil. 

Və sonra bilmək üçün iki əsas şey ki, Əsas factors-- iki selectors-- unikal olan ID var. Siz yalnız bir şey üçün istifadə edə bilərsiniz. Əks halda, bu da fəğan olacaq. Və biz bunu müəyyən zaman bir CSS faylı, o, sonra hash ID və ola biz istəyirik atributları. Mən biz olacaq söz verirəm Məsələn keçir. Bu bir çox mənada etmək lazımdır. 

Class çox blokları müraciət edə bilərsiniz. Beləliklə, siz bilərsiniz Birinci və üçüncü bəndində atributları əgər eyni cür Siz eyni sinifdə ilə əlaqələndirmək. Və biz onlara müəyyən zaman CSS, biz dot sinif etmək, sinif olan hər hansı Siz adlı istəyirəm. 

Mən bu doğru bilirik İndi çox mücərrəd. Biz kodu gedirik niyə ki. Mən sizə uşaqlar sevgi bilirik ki, siz bütün çünki mənə kömək edir bu web page edir. Bu uşaqlar bizim şöbəsinin web səhifə. Belə ki, I əvvəl hər hansı bir sualınız var Bu PowerPoint söndürmək, və ya bir şey Mənə geri hərəkət etmək istəyirəm biz kodlaşdırma başlamaq əvvəl? 

Auditoriya: siz oyunu tags deyəndə, Siz seçiciler və ya tags deməkdir? ALLISON BUCHHOLTZ-AU: Siz eyni şey kimi hesab. Bu, sadəcə müxtəlif sözləri var. Mən seçiciler kimi, demək. Amma seçiciler də tags xəritəsi. Beləliklə, siz onlara hesab edə bilər səmərəli eyni şey. Mən etmək olacaq söz verirəm Biz kod daha çox mənada. Bu şey PowerPoint və ya hər hansı bir sualınız indi biz əvvəl həqiqətən Bizim şöbəsinin səhifə yaratmaq? Hər kəs hazır? Cool. 

Mən bir başlamışdır. Mənə uşaqlar üçün font artırmaq edək. OK, belə ki, indi, biz yalnız bir Burada çılpaq sümükləri web page. 

Biz bəzi HTML var. Biz bəzi mövzu var biz Məsələn web səhifə kimi burada bax. Bəzi adı, bəzi font. Bu OK, tags var? Mən demək zaman görürük, sizin tags yaxın Burada bu bracket baş açılış edir tag, və bu bracket / Baş OK, bağlanması olunur? 

Belə ki, bu hesab edə bilər Sizin əgər şəraitdə sizin aşırma və ya loops üçün. Siz başında bir varsa, Əgər sonunda bir istəyirəm. Bu hələ çox vaxt işləyəcək bir qapalı tag yoxsa, lakin ən yaxşı təcrübə tags yaxın edir. 

Bu halda belə, bu dəyişdirmək imkan verir. Biz bölmə yeddi olacaq. "Bölmə Web". Mən yalnız bu dəyişdirmək üçün gedirəm. 

Və biz burada getmək və əgər biz reload-- gerek saxlamaq və reload-- biz burada qeyd sağ dəyişdi? Cool. Belə ki, bu adı dəyişir. Bu sekmesini nə məxsusdur. 

Belə ki, bu cür deyil qazma cür axtarır. Mən uşaqlar bilmirəm. Mən biz burada başqa bir şey istəyirəm edirəm. 

Belə ki, nə biz nə edə bilər edir header yalnız var. Bədən bir növ edək. Beləliklə, biz burada bəzi orqan var. Mən həmişə açıq və başlamaq mənim tags yaxın, eyni şəkildə mən aşırma yoxdur. Ah. Gözləyin, nə? 

Auditoriya: [işitilemez]. ALLISON BUCHHOLTZ-AU: Ah. Siz uşaqlar mənə var. Yaxşı iş. Gold star. 

OK, belə ki, biz burada bəzi orqan var. İndi bəzi mətn əlavə başlamaq bildirin. Belə ki, bir neçə müxtəlif var mətn əlavə variantları. Biz mövzular kimi şeylər var. Biz yalnız normal mətn var. Belə ki, yalnız bir mövzu ilə başlamaq edək. Əslində, uşaqlar istəyirsinizsə W3 Məktəbin HTML qoparmaq üçün, siz cür ətrafında baxa bilərsiniz və bir şey var əgər Siz cəhd etmək istəyirəm ki bu web page ilə, biz bunu edə bilərsiniz. Belə ki, bu halda, yalnız bir h1 edək. Belə ki, h1 ən yüksək header kimi. Bu sizə bir şey verəcək çox böyük və cəsarətli edir. 

Və bu halda, biz istədiyiniz nə bizim web page ilk mətn? Şey. Siz uşaqlar bu yaratmaq niyyətindəyik. Mən yalnız yazın gedirəm. Auditoriya: gəlmisiniz. 

ALLISON BUCHHOLTZ-AU: gəlmisiniz. OK, belə ki, biz onu saxlamaq və yenidən əgər, biz böyük böyük xoş var. Belə ki, yalnız siz görə bilərsiniz fərqlər üzrə H6 bir şey edək. Nə biz burada istəyirsiniz? Right? 

OK, belə ki, yalnız belə siz fərq görürük. Bəli, Sublime. Beləliklə, siz fark etsəniz, h1, çox, çox böyük. h6, qalın kimi, lakin daha kiçik, və arasında hər şey var. Belə ki, h2, h3, h4 ola bilər. Və bu yalnız mövzular var, belə ki, çalışdığınız əgər bir web page yaratmaq üçün müxtəlif bölmələr vardır bəlkə istifadə etmək istədiyiniz orada haradasa başlıqlarını. 

Cool. Beləliklə, biz bir daha əlavə edəcəyik bizim orqanı şeyi. Mən bu cür olacağını görə biz bir şəkil olsa sərin. Hər kəs bəlkə istifadə edə bilər kimi hiss edirəm Bir cute bunny şəkil indi haqqında, belə ki, biz tapmaq olacaq ilk bunny şəkil. 

Uşaqlar varsa mən bilmirəm arzularım bir biz istəyirik. Əgər hər hansı bir üstünlükləri var? Bu bir? Down. OK. Yəni bir deyil. Yaxşı seçim. 

OK, belə ki, biz görmək olacaq. Ki, baxın. Ki, çekici şey baxmaq. Necə kədərli ola bilər bu bazar ertəsi günü? 

Belə ki, biz yalnız olacaq image URL surəti. Və nə biz nə istəyirik, yalnız imkan biz paraqraf üçün bəzi p var deyirlər. Biz baxın "demək olacaq Bu cute Bunny baxmaq. awwww d'. " Mən bunnies sevgi. Mən evdə Bunny var. Mən Bunny özledim. Belə ki, nə biz do-- olacaq Sizlərin istəyirsinizsə mən bilmirəm Hələ lakin HTML google, necə bir şəkil daxil ola bilər? Sanki, siz google əgər "Image HTML daxil" niyə uşaqlar mənə yoxdur Bu tag nə olmalıdır? 

Auditoriya: img mənbə 

ALLISON BUCHHOLTZ-AU: img mənbə Auditoriya: --equals-- ALLISON BUCHHOLTZ-AU: --equals-- Auditoriya: Bəli --quote--. ALLISON BUCHHOLTZ-AU: Perfect. Lovely. MySpace nəsil, sağ, bax? Auditoriya: neopets. ALLISON BUCHHOLTZ-AU: neopets. OK, Oh. Wow. Bu crazy oldu. OK. 

Mən bu hüququ almaq əmin olun. Cool. Belə ki, burada olmalıdır. Biz yeniden əgər, sonra, biz bizim var Bu sitayişə layiq deyil səhifədə Bunny? 

Bu so cute edir. Siz böyük, böyük şəkil seçdi. Mən bunu qazma alıram. 

OK, belə ki, biz indi bu sitayişə layiq bunny var. Biz əlavə edə image, yalnız kimi. Belə ki, əsasən hər hansı bir görüntü var, əgər Siz web page əlavə etmək istədiyiniz Siz yalnız bu kimi əlavə edə bilərsiniz. Başqa bir şey olardı Siz image saxlanılır Eyni qovluqda kimi Bu fayl, yalnız bilərsiniz image nə adını yazmaq əvəzinə bir web link olan deyil. 

Bu hələ quotes olacaq. Bu, yalnız kimi olacaq Biz bu adlı olsaydı Bu şəkil xilas olsaydı bu HTML faylı ilə qovluq Mən bunu və redaktə edirəm ki, bunny.jpg adlanırdı. Biz də bunu edə bilər və onu göstərmək olar. Lakin, bu xilas yoxdur fayl və mən bunny saxlamaq istəyirəm belə ki, biz keçid saxlamaq olacaq. 

Auditoriya: rabbit.org nədir? 

ALLISON BUCHHOLTZ-AU: rabbit.org. Bu appropriate-- var Siz qəbul edə bilər, baxmaq. Adoption. bunny.jpg. Bu bunny qəbul etmək istəyirəm. Oh, Allah, belə cute var. 

OK, belə ki, biz başlıqlarını əlavə etdik. Biz bir şəkil əlavə etdik. Aydındır ki, biz əlavə Burada bəzi mətn, sağ? Digər əlavə etmək istəyirdi mətnləri, biz bu kimi getmək istiyorum. Belə ki, bu başqa bir maddə deyil. 

Və biz "Bu bir maddə deyil." Deyə Həmçinin, mən dəhşətli speller edirəm, Mən hər şeyi orfoqrafik səhv ola bilər. Bilginize. 

Beləliklə, biz bir var burada maddə, sağ? Belə ki, bəlkə bir şey etmək istəyirəm bir az daha maraqlı Yalnız sağ aligned kimi bütün mətn var. Bəlkə OK, mətn mərkəzi istəyirsiniz? 

Kimsə bu istifadə etmək istəyirsə, Belə ki, Siz qarşısında lazımlı kompüter və etdiyiniz necə mənə Bu mərkəzi mətn gedir, 

Auditoriya: p align. 

ALLISON BUCHHOLTZ-AU: So p align "mərkəzi." bərabərdir O, uşaqlar qətlə edir. Hamınız addım lazımdır. Və biz "Bu mərkəzi." Var İndi biz bir şey mərkəzi var. 

Eyni şəkildə, əgər Bu aligned sol istəyirəm, Siz align bərabər edə bilər sol, align sağ bərabərdir. Sizin üçün tamamilə qədər. Mən burada idi, onda bu should-- indi sağ aligned edir. 

Auditoriya: Allison? Image mənbə, niyə deyil orada img mənbəyi yaxın? ALLISON BUCHHOLTZ-AU: Sorry. Bu olmalıdır İndi yaxşı istəyirik. İndi biz yaxşı deyilik. Auditoriya: Siz etməyin orada yaxın, və ya deyil? ALLISON BUCHHOLTZ-AU: Bəli, belə img mənbə, bu, image izlersin olunur yalnız halbuki, bir element kimi oldu Bu istirahət üçün fark etsəniz, biz informasiya sonra bəzi tag var bir yekun tag və sonra aid. Amma image ilə, hər şey yalnız sort müstakil. Cool. Belə ki, uşaqlar bir yaratmaq üçün necə header, necə daxil mətn bilirik, Siz bir şəkil qoymaq üçün necə İndi, hər şeyi align bilər. 

Başqa bir şey ki, bunu etmək istəyirəm bilər bir siyahısını yaratmaq üçün CS-- biz istəyirik cür önümüzdəki həftə pset daxil olacaq. Bu stuff ki, biz adətən bu həftə öyrətmək həqiqətən də gedir Növbəti həftə pset, belə ki, biz istəyirik burada şeyi üst-üstə düşən, qarışdırma cür. Amma bu, gələn həftə üçün faydalı olacaq. 

Biz bəzi yaratmaq istəyirdi Belə ki, siyahısı, biz necə edə bilərik? Bu vaxt cavab verə bilər. Başqası var. Bu, çətin, uşaqlar, söz deyil. Google "unordered siyahısı HTML." Nə idi? 

Auditoriya: [işitilemez]. ALLISON BUCHHOLTZ-AU: Right. Beləliklə, biz sifariş və ya unordered istəyirsiniz? Nin unordered edək. Belə ki, biz bəzi ul, var Rəqəmsiz siyahısı üçün dayanır. Və biz hər bir element üçün nə var? Öz tag lazımdır mu? Biz şeyi yazılı başlaya bilərsiniz? 

Auditoriya: li. 

ALLISON BUCHHOLTZ-AU: li. Belə ki, olacaq bizim siyahısı nədir? Biz burada nə istəyirsiniz? Biz yalnız adları yoxdur. Just Yaqub yoxdur. 

Auditoriya: Rabbit qidalar. 

ALLISON BUCHHOLTZ-AU: Rabbit qidalar. OK mən bu kimi. Rabbit ərzaq. 

OK, belə ki, biz yerkökü. Bu dovşan mövzu kimi. Mən bir çox qazma alıram. Auditoriya: Əslində, mən düşündüm Jacob bir legit olardı. ALLISON BUCHHOLTZ-AU: Jacob? Jacob dovşan qida deyil. Siz gördüm əgər Yaqubun ofis saat foto, o var fikir ola bilər bir killer dovşan hücum etdi. 

Auditoriya: Mən indi bir dovşan var. İndi bir qatil dovşan var. 

ALLISON BUCHHOLTZ-AU: Mənə söylüyorum edirmi? 

Auditoriya: Mən növbəti bölmədə gətirmək lazımdır. Mən bunu var. 

ALLISON BUCHHOLTZ-AU: Bu gülməli deyil. Hər halda. 

Auditoriya: [işitilemez] 

Auditoriya: Bəli, mənim PROCTOR həmçinin bir dovşan var. 

ALLISON BUCHHOLTZ-AU: Mən bir dovşan istəyirəm. OK, kim real dovşan gətirir növbəti ikibölməli, məlumat kek xal. Auditoriya: [işitilemez] Auditoriya: Oh, real deyil. Bu doldurulma dovşan var. 

ALLISON BUCHHOLTZ-AU: Oh Bəli, biz bu yaxın bilər. Rad görünür. Auditoriya: Bu, həqiqətən önemli mi? ALLISON BUCHHOLTZ-AU: Bu deyil. Bu şeyi ən, Siz tag yaxın deyil Pis vaxt heç 99% olacaq baş, lakin çox yaxşı stil etmək üçün. Yaqub belə. Və biz kahı var. Auditoriya: links üçün, bu, həqiqətən vacibdir. ALLISON BUCHHOLTZ-AU: Hm? Auditoriya: hiperlink üçün. ALLISON BUCHHOLTZ-AU: hiperlink üçün. Bəli, hiperlink lazımdır. OK, belə ki, burada görək. Və biz siyahısına yaxın var. Və biz baxmaq. Biz orada, Yaqub all-- var. Rabbit ərzaq. Bunnicula xatırladır. 

Auditoriya: [işitilemez] ALLISON BUCHHOLTZ-AU: Mən geri gətirilməsi alıram bütün köhnə məktəb müraciətlərin bu gün, Mən deyil? Yalnız bütün köhnə məktəb istinadlar. Kimi gətirmiş etməlidir Gogurts və ya qəlyanaltı üçün bir şey. 

Auditoriya: Və ya Fəvvarəli. ALLISON BUCHHOLTZ-AU: Oh. OK. Mən takip edə bilərsiniz əgər mən görəcəksiniz Növbəti həftə üçün Fəvvarəli aşağı. Mən bunu edə bilər deyə düşünürəm. Mən biz ola bilər edirəm ofisində bəzi. 

OK, belə ki, biz müxtəlif bir çox əhatə etdik şeyi doğru, HTML ilə nə edə bilər? Siz yəqin ki, Gördüyünüz kimi, bu heç bir şey ümid edirəm ki, çox intim-- Bu halda, mən demək deyil hər kəs əskiltmək. Siz sorun qarşılaşdıqda, mənə danışmaq gəlmək edin. 

Ancaq ən yalnız sintaksis baxaraq, sağ? Bir unordered siyahısı istəyirsinizsə, Siz siyahısına bir növ istəyirsinizsə, Əgər bir şey align istəyirsinizsə və ya format bir şey, yalnız bütün haqqında cür qədər axtarır HTML syntax, sağ? Və bir şey var ki, pretty cool həqiqətən Siz görək to-- getmək əgər, biz istərdik ki, bir gözəl web var? Hər hansı sevdiyiniz saytlarda var online yetişdirmək üçün OK ki? Siz yalnız CS50 edək nə bilirik. Bu doğru, gözəl və təhlükəsiz? 

OK, burada belə CS50. Oh bölmə indi var, baxmaq. Siz yol istəyirəm görünür. 

Auditoriya: [işitilemez]. ALLISON BUCHHOLTZ-AU: Biz deyil , uşaqlar meta bölmə edəcəyik. Bu baş deyil. Bu sərin, lakin biz bunu etmək fikrində deyilik. 

Beləliklə, siz ola bilər nə Siz yolu kimi, əgər nə işləri bu doğru həmişə bilərsiniz Istədiyiniz hər hansı bir web page basın və View Page Source edə bilərsiniz. Bu, bütün HTML gətirəcək. Bu, həqiqətən, həqiqətən yaxşı Öz web page stil yol. Bir web page getmək ki, həqiqətən istəyirəm və HTML baxmaq və onlar bunu necə anlamaq. 

Və sözün, kimi uzun hər şeyi istinad kimi, kimi uzun siz yalnız deyilik kimi insanların oğurluq, OK. Xüsusilə CS50 üçün [? maliyyələşdirilməsi?] biz növ gözləyirik almaq üçün digər web ilham. Belə ki, çekinmeyin. Saytları vasitəsilə baxmaq Siz, həqiqətən, olduqca hesab və onlar necə istifadə anlamaq HTML və CSS bu şeyə. 

Burada görmək kimi, açıq-aydın var, belə ki, və links kimi biz burada bir sinif var. Biz burada bir link var. Biz bir siyahısı var. Biz yəqin ki, bəzi burada bir yerdə şəkillər. 

Biz burada bəzi sərin stil var. Bu növbəti şey Biz nə olacaq. Belə stil, bu zaman görmək stil mötərizədə, bu CSS əsasən var. Ben, bir sual var idi? 

Auditoriya: div nədir? 

ALLISON BUCHHOLTZ-AU: div yalnız div nə EA edir? Auditoriya: Division. ALLISON BUCHHOLTZ-AU: Division. Bəli, yalnız kimi müxtəlif elementləri ayıran. OK, belə ki, burada biz istəyirik nə növbəti getmək üçün gedir. Belə ki, bu yaxşı ola bilər stil qeyd əgər, çünki biz eyni səhifə HTML və stil var və biz, həqiqətən, o ayırmaq istəyirlər, OK? Və həqiqətən, mənə bildirin Mənim sağ açmaq bu olması ehtimal edilir, çünki PDF, biz style.css var. 

Belə ki, nə biz burada edə bilərsiniz Bu edir Bəzi fade kimi sərin şeylər və biz cəhd və bunu, amma hiss edə bilər Mən mess olduğu kimi Tez qədər, Mən sizə uşaqlar həvəsləndirmək Öz cəhd getmək, amma indi bunu etmək niyyətində deyiləm. Belə ki, uşaqlar, yadda əgər, Əgər problem set hit əgər, bir şey tərəfdən swoops. Bu fade ilə nə var və keçid və etajer. 

Auditoriya: Və bütün CSS və HTML var? 

ALLISON BUCHHOLTZ-AU: Bütün CSS və HTML. Bəli. Beləliklə, siz həqiqətən bir çox edə bilərsiniz CSS və HTML ilə sərin şeylər. Bizim zəhmli Belə ki, burada bunny web page, biz bir az gedir bu CSS dizayn bit. 

Heç bir stil varsa biz burada olan hesabatı, Yalnız style.css zəng edə bilərsiniz. Siz istədiyiniz hər hansı zəng edə bilərsiniz. Nə vacibdir gedirik ki, burada web.html onu istinad. 

Belə ki, nə biz nə olacaq nə we-- mən mess bu gündəmə etmək biz keçid gedir birlikdə bu iki faylları. Eyni yolla mən gedirəm So burada C analogiya üçün. Eyni şəkildə siz ki, əgər bəzi kitabxana və biz cs50.h-- Bizim compiler əlaqələndirir. Bu yalnız bir aydın deyil bizim hissəsində link. Biz eyni şəkildə belə hash bir fayl daxil, nə Mən yazmaq haqqında yalnız Ben Ki, HTML / CSS ekvivalent. 

Biz yalnız OK, bu web page söyləyərək OK, bu stil istifadə edir? Beləliklə, biz stil bərabər link rel var. Və sonra biz növü css var. Və sonra href bərabərdir. 

OK. Belə ki, bütün burada oldunuz bilər eyni şey kimi hesab bir hash daxildir. Aydındır ki, bu bir az daha görünür mürəkkəb, lakin bütün hallarda, səmərəli eyni şey. Belə ki, bu yalnız bir keçid stil, bu növü text / css var, və onun adı style.css edir. 

Nə bilmək vacibdir web page ki, Mən sağ çalışıram ki now-- web.html və eyni qovluqda style.css-- var. Çünki müxtəlif qovluqlarda, Siz faktiki kök vermək lazımdır Bu və ya bu yolu üçün. Lakin bu halda, biz bunu saxlanılması edirik super sadə və burada olacaq. Biz bunu Belə ki, mən bəzi şeyi artıq burada sıraya. 

Beləliklə, biz olan bəzi bədən var Bizim fon rəngi var olan indi mavi edir. Biz istəyirsinizsə dəyişə bilər, lakin Mən düzgün bu yadda varsa, yalnız mavi üçün dəyişdirmək lazımdır. İndi biz bir mavi fon var. Və biz burada hər kəs xatırlayıram bilər idi hash ID və ya sinif hansıdır? 

Auditoriya: ID. 

ALLISON BUCHHOLTZ-AU: ID. Cool. Beləliklə, biz nə etmək istədiklərini bu fonts hansı və ya baxın "istəyirəm which-- cute bunny "bənövşəyi olacaq? Mən ki, bənövşəyi olmaq istəyirəm edirəm. Mən olduqca aşağı bənövşəyi olan deyiləm. 

Belə ki, nə siz nə edir ID bu halda bərabərdir Mən nə, olduqca rəng burada bildirib. Biz yeniden. Qəflətən, bu bənövşəyi var. OK, ID ilə, xatırlayıram Bu unikal olmalıdır, mən istifadə heç vaxt yerdə başqa bu ID. Amma sinif, biz kimi burada olduqca font ilə, Mən istifadə etmək lazımdır yerdə ki, istəyirəm. 

Belə ki, burada bu bunu bildirin. Beləliklə, biz sinif olduqca font bərabərdir demək olar. Biz indi baxmaq əgər, biz Burada bu sərin olduqca font. Belə ki, bəlkə mən də etmək istəyirəm. Bu əgər OK, Mən, həqiqətən, bilmirəm iş gedir amma cəhd etmək istəyirəm. Bu CSS və HTML öyrənmək necə. Siz bilirsiniz, kimi istəyirik nə, mən bu cəhd etmək istəyirəm. Mən bu iş olacaq əgər əmin deyiləm. Bu işləri nin görək. 

Və baxmaq. İndi bənövşəyi və Bu olduqca font var. OK, belə ki, bütün bu var Siz edə bilərsiniz müxtəlif şeylər. Bir sual var? 

Auditoriya: Bəli. Bəli, yalnız rəngləri xoşlayıram istifadə etdiyiniz sözlər var. Rəng etmək üçün bir yol var Bu hexadecimal RGB ilə? ALLISON BUCHHOLTZ-AU Ayrıca bilərsiniz: hexidecimal bunu inanıram. Bəli. Ancaq əgər cür gözəl onlara baxmaq istəmirəm. Siz yalnız bənövşəyi və ya mavi kimi ola bilər. Auditoriya: Onlar ümid edək o deməkdir ki, bilirik. ALLISON BUCHHOLTZ-AU: Right. Belə ki, bu oxumaq və ya Chartreuse edək. Niyə heç Chartreuse seçə bilər? Bu maraqlı rəng var. 

OK, belə ki, açıq-aydın görürük bilərsiniz Biz istəyirik, lakin şeyi dəyişə bilərsiniz. Siz yaratmağa istəyirdi deyək biz bir sinif yaratmaq istəyirdi. Nə uşaqlar dəyişdirmək istəyirsiniz bilər? Siz qoparmaq W3Schools ' CSS sənədlər, Mən sizə uşaqlar üçün söz buraxın. Biz çalışırıq və sərin bir şey edə bilərsiniz dəqiqə son bir neçə ildə bu. I növ sizə təqdim etdik, çünki sərin şeyi bir çox kurs qəza Siz edə bilərsiniz ki,. Amma sonunda, kimi dedim, əgər yalnız təcrübə, bir çox şey öyrənə bilərsiniz. 

Auditoriya: siz ki, font baxmaq mi? 

ALLISON BUCHHOLTZ-AU: Bəli, Mən font baxdı. Mən sözün kimi belə Mən nə idi to-- getdi? Mən CSS font siyahısı etdi və sonra mən font yığını etdi və sonra mən burada baxmaq kimi idi Siz edə bilərsiniz bütün cool fonts var. Belə ki, bu bir var idi Mən panoya kopyalanır. Və sonra mən kimi idi OK, sərin, orada getmək. Bütün işlər. 

Auditoriya: siz əmin üçün var Belə ki, ki, CSS font nə olduğunu bilir. 

ALLISON BUCHHOLTZ-AU: Bəli. 

Auditoriya: Bu sonunda nə demək var? Cursive? 

ALLISON BUCHHOLTZ-AU: Cursive. Bəli. 

Auditoriya: Background image. 

ALLISON BUCHHOLTZ-AU: Background image. OK. Belə ki, necə bunu mənə demək istəyirəm. Mən sizə bu tərk. Mən indi burada yazaraq alıram. Tam sizin əlinizdədir. 

Auditoriya: OK 

ALLISON BUCHHOLTZ-AU: OK. Mən nə edirəm? 

Auditoriya: Doing-- mən bilirəm nə buruq brace sonra gəlir. ALLISON BUCHHOLTZ-AU: OK. Belə ki, yəqin ki, bədən, mən biz istəyirik, çünki, güman edirəm fon edir. 

Auditoriya: Bəli, ki, nə edək. 

ALLISON BUCHHOLTZ-AU: OK. Auditoriya: OK, belə ki, background kolon, sonra biz ki, image bir URL ünvanı lazımdır. Bəlkə yalançı kodu ki, indi, bəlkə. 

ALLISON BUCHHOLTZ-AU: nə Siz məni to-- istəyirəm Auditoriya: Mən bir GIF kimi düşünür alıram. ALLISON BUCHHOLTZ-AU: A GIF? Ki, maraqlı olacaq. OK, mən burada nə googling edirəm? 

Auditoriya: Xeyr, sizin seçimi var. 

ALLISON BUCHHOLTZ-AU: Niyə bir bunny əgər we-- deyil, Biz olmalıdır kimi hiss edirəm gözəl ot qazon və ya bir şey. 

Auditoriya: Meadow. A çəmən. 

ALLISON BUCHHOLTZ-AU: A çəmən? OK. Auditoriya: Və ya Rachel Maddow. ALLISON BUCHHOLTZ-AU: Bu olduqca görünür. Oh, ki, baxmayaraq ki, kiçik var. Biz yaxşı ölçüsü image lazımdır. Baxaq. Oh, baxmaq. Ki, olduqca çəmən var. Mən bu kimi nə bilirik. Bu bir surəti imkan verir. 

Auditoriya: OK, mən hesab edirəm URL açıq parantez. 

ALLISON BUCHHOLTZ-AU: OK, URL. 

Auditoriya: Sonra ünvanı. 

ALLISON BUCHHOLTZ-AU: OK. Biz lazımdır ki? 

Auditoriya: Close parantez nöqtəli vergül, və sonra kosmik, background hyphen əlavə kolon sabit və buruq brace. 

ALLISON BUCHHOLTZ-AU: OK. Ki, işləri nin görək. Bu əgər olduqca sərin olacaq. Mən burada real heyecan alıram. Bu iş vermədi. Mən niyə görəsən. Auditoriya: Bəlkə URL kotirovkaların olmalıdır. ALLISON BUCHHOLTZ-AU: Bəlkə. Bu, biz öyrənmək necə uşaqlar edir. 

Auditoriya: Biz fon ola bilər rəng və background image? 

Auditoriya: Xeyr Bir başqa əvəz edir. 

ALLISON BUCHHOLTZ-AU: I dunno. Baxaq. Nin onu yoxlamaq və görmək edək. 

Auditoriya: Oh, bəlkə, evet. [SƏSLƏRİ INTERPOSING] 

ALLISON BUCHHOLTZ-AU: OK, bu açıq-aşkar I [Işitilemez] burada. Belə ki, OK. Auditoriya: Background əlavə. ALLISON BUCHHOLTZ-AU: Ah. 

Auditoriya: OK, mən bilmirəm. ALLISON BUCHHOLTZ-AU: Bu işləməlidir kimi görünür. Siz URL sonra kolon əminsinizmi? 

Auditoriya: Xeyr, bu Nöqtəli vergül var. ALLISON BUCHHOLTZ-AU: Bu nöqtəli vergül var. Auditoriya: Mən kolon demək mi? ALLISON BUCHHOLTZ-AU: Siz bir nöqtə bildirib. Auditoriya: no Oh. ALLISON BUCHHOLTZ-AU: Burada getmək. Auditoriya: Oh, indi, gözləyin biz mətn oxuya bilməz. ALLISON BUCHHOLTZ-AU: İndi Siz mətn oxuya bilməz lakin biz fon var. Mmhmm? 

Auditoriya: HTML mu dinamik məzmun dəstək? Kimi, siz şəkil ölçüsünü bilər pəncərə ölçüsü asılı olaraq, və ya CSS-- ki, 

ALLISON BUCHHOLTZ-AU: Belə ki, CSS bunu var. Belə ki, uşaqlar maraqlı, əgər inkişaf etmiş CSS öyrənmək, Mən birgə tədris edirəm 7-CSS seminar. Və mən olacaq söz verirəm dərinliyi daha çox ola və daha çox sərin etmək Bu bölmədə şeylər. Və mənim co-müəllim kimi məlumat ön web dev master. Belə ki, əgər siz olduqca sərin olacaq bütün sərin şeyi öyrənmək üçün ki, CSS edə bilərsiniz. 

Amma biz burada nə var Onun background attachment fixed-- belə ki, bəzi sabit size-- var lakin həqiqətən dynamically-- bilər Əgər web pages kimi görmək əgər ən yaxşı web pages, edəcəyik Siz tənzimləmək zaman Brauzerinizin ölçüsü, Bu fon və ya nə qədər ayarlar sağ, göstərən və ya şeyi reformats olunur? Belə ki, biz zəng nə nisbi yerləşdirilməsi. 

Və CSS həqiqətən necə böyük qamarlamaq edə bilərsiniz browser eni və ya necə uzun bu, və siz hər şeyi yerləşdirilməlidir bilər nisbi ölçüləri görə mütləq ölçüləri qarşı. Və təbii ki, daha inkişaf etmiş CSS, lakin siz edə bilərsiniz bir şeydir. Əgər öyrənmək istəyirsinizsə, daha mənim seminar gəlir. 

Belə ki, nə edə bilər bir şeydir. Və CSS həqiqətən bilərsiniz , CSS və JavaScript do-- Biz gələn həftə nəzərə almaq lazımdır dinamik dəyişdirmək üçün imkan ola bilər olmadan pages onlara hər zaman yeniden. Və bəzi almaq olduqca cool stuff. 

Belə ki, başqa bir şey var uşaqlar nə etmək istəyirəm bilər ki və ya istədiyiniz bir şey araşdırmaq üçün necə? Biz sol 10 dəqiqə var. Biz də erkən tərk, lakin bilər Siz bir daha web stuff etmək istəyirəm biz, lakin mən deyiləm məcbur olacaq. Amma biz də yalnız konfet yemək bilər. Auditoriya: mətn seçin ağ, belə ki, siz onu oxuya bilərsiniz. ALLISON BUCHHOLTZ-AU: OK. Belə ki, bu halda, biz bəzi p istəyirik. Auditoriya: Biz bunu olmalıdır bədən belə ki, bütün səhifə üçün aiddir? ALLISON BUCHHOLTZ-AU: Bəli, biz həqiqətən bilərsiniz. Bu yaxşı bir fikirdir. Belə ki, biz sizə nə yaxşıdır biz nə bilirik? Biz mətn rəng edə bilərsiniz əgər mən bilmirəm. Mən cəhd gedirdi və burada bir sinif yaratmaq. 

Auditoriya: siz belə alıram Bu təkliflər var ki? ALLISON BUCHHOLTZ-AU: So uşaqlar maraqlı əgər, bu bir mətn redaktoru şərindən çağırıb. Siz lazımdır Sizin cihaz haqqında bərpa edin. Bəzən bir az çətin olur. Siz ki, yardım istəyirsinizsə, Mən sizə kömək etmək super xoşbəxtəm bu, gedit böyük, çünki Siz tərtib edə bilərsiniz, çünki bu zəhmli alt, lakin mən, həqiqətən, Sublime kimi olduqca, çünki və bu şeyi edir kimi avtomatik tam. 

Beləliklə, siz mütləq üçün pulsuz hiss edə bilər Bunu etmək istəyirsinizsə, Mənə bildirin. Yalnız google "Əgər Sublime Mətn, "adətən yüklemek üçün necə təlimat var müxtəlif əməliyyat sistemləri. Mən, həqiqətən, sərin mənim fikrimcə, düşünürəm. Belə ki, p. Mən yalnız bunu edə bilər text-- və ya biz yalnız rəng edə bilərsiniz "ağ". Var. 

Belə ki, nə mən burada idi ki, mən deyil bütün mətn dəyişmədi. Amma burada p yalnız bir deyil Biz ki, tag, sağ? Bu paraqraf tag. Mən yalnız bir CSS element yaratdığı , OK, bu tag ilə bir şey p, rəng ağ olun. 

Siz hiss əgər Belə ki, etdi Bu ağ və bu ağ. Bu bizim siyahı ağ etməyib ki ilə bağlı deyil. Siz vasitəsilə getmək bilər və demək bilər 

Auditoriya: fon rəngi etməyin. 

ALLISON BUCHHOLTZ-AU: Background color? 

Auditoriya: boru Background da Siz p tag qoymaq harada rəng. 

ALLISON BUCHHOLTZ-AU: OK. Siz ağ istəyirsiniz? Auditoriya: Mmhmm. ALLISON BUCHHOLTZ-AU: OK. Burada getmək. Auditoriya: Bu qəribə deyil. ALLISON BUCHHOLTZ-AU: Pretty cool, sağ? Belə ki, yalnız ətrafında mess əgər, bir çox öyrənmək olacaq. Və bu olduqca sərin ola bilər. Mən mütləq daha hesab edirəm sevindirici bəzən çox gözləyin yoxdur, çünki proqram tərtib etmək üçün. Siz yalnız Yenile hit bilər və oh, baxmaq, kimi istəyirik, işləyib, və ya oh, mən yəqin ki, bir şey itkin. Və həqiqətən ki, bir şey var Sinif bu növbəti hissəsi haqqında cool, Mən bu, mütləq deyil asan yoxlamaq üçün düşünürəm Siz yol qarşı boyunca getmək kimi Bu uzun proqramları yazmaq üçün olan və istəyən və dua Bu sonunda işləyir. 

Belə ki, mən hesab edirəm uşaqlar bütün yaxşı görünür. Siz həmişə hər hansı bir sualınız varsa, mənə danışmaq gəlmək, Mənə bildirin gəlir. Mən doğru xaricində olacaq növbəti 15 dəqiqə haqqında söhbət etmək istəyirsinizsə, bir şey və hər şey. 

Mən sizə guys-- ümid bu pset ilə uğurlar. Son günorta saatlarında Cümə Bu gec azad edilib, çünki. Mən yəqin ki, görən olunacaq cümə axşamı uşaqlar bir çox, lakin ümid deyil. Bəlkə sonra gördüyü lazımdır. Mən super qürur duyarım. 

Əgər Lakin, mən Cümə axşamı görəcəksiniz. Siz həmçinin gec tarix, istifadə edə bilərsiniz günorta saatlarında şənbə uzanır. Amma ha do not? 

Auditoriya: Halloween. 

ALLISON BUCHHOLTZ-AU: Bu Halloween, bir və b var, Mən orada düşünmürəm Cümə günü ofis saat. Belə ki, həqiqətən cəhd və bu, görülən almaq Cümə biz bütün qeyd edə bilərsiniz, belə ki, Hallow həftə sonu. Bütün sağ, mən gələn həftə uşaqlar görəcəksiniz.