[MUSIC PLAYING] DAVID J MALAN: Bütün sağ, geri salamlayıram. Bu CS50 edir. Bu həftə yeddi sonu. Və bu zibilçi sonu var problemi ov dörd seçin Siz geri bilər. Bütün bərpa sonra personal o JPEGs, istədiyiniz əgər, etiraz edildi kimi bir çox özünüzü fotoşəkil Siz kimi o insanlar. Biz təqdim bütün dəstə var Son bir neçə həftə ərzində, həqiqətən, bir neçə sağ günorta əvvəl Bu gün, olan bəzi burada o Annenberg qədərdir görünür in-- burada tutuldu Burada ofis saat Hall, bir Nick Lowell House. Burada Ramon telefon tutdu olunur. Bu CS50 nahar idi. Bu Jason ilə Skyping idi daha yaradıcı sinif yoldaşı, özünə bu şəkildə telefonla axtardı. Biz bu nə bilmirəm. [Gülüş] DAVID MALAN J: Amma ki, bir gigabyte dəyər. Burada Chang, olan sanki mərhələ off qaçdı bir şəkli olan qarşısını almaq üçün gün, lakin sonda tutuldu. Burada Nick edir. Burada Nick edir. Burada Nick edir. Və burada Alison aşağı sahələrində edir. Və Zamyla hətta tapıldı Bir Balo müsabiqədə. Belə ki, biz vasitəsilə olacaq Bu photos, anlamaq olan təqdim etdiyi erkən, və mükafat bir inanılmaz mükafat kimi spec söz. Və biz də haqqında edəcəyik cəlb edilib ki, yer. Announcements-- belə nahar bir neçə , yenə 1:15 PM bu cümə deyil. Bizə qoşulmaq istəyirsinizsə, Burada URL RSVP. Jason bir yenə burada görünür il bölmələri bir neçə geri olan baş Halloween düşür. Və həqiqətən, o kimi geyimli xüsusi il balqabaq. Bu bölmə izləmək Onun 2011 hissəsinin səkkiz, siz maraqlı əgər, CS50.tv da, mən hesab edirəm bu il idi ki, onun nasos çalışır. Sonra izləmək varsa 2012-ci ildə oxşar ikibölməli, Siz çox deflated bu Jason görəcəksiniz kostyum artıq fəaliyyət ildən, olan demək yalnız bu cümə, siz istədiyiniz əgər Daven ilə bir balqabaq oymaq istəyirəm və Gabe və başqaları başçıları RSVP cs50.harvard.edu ünvanda. Bu, böyük fun olacaq. Daven, biz bildirib, oyma edirik həyatının bütün balqabağa. Braziliya Gabriel heç vaxt Halloween üçün balqabaq oyma. O öyrənir kimi Belə ki, onlarla orada. Seminarlar, meanwhile-- belə ki, tezliklə öyrənmək lazımdır haqqında nə bizim gözləntiləri üçün son layihə olan mahiyyətcə aşağı qaynatmaq edəcək layihələndirilməsi və həyata keçirilməsi Maraq hər hansı bir layihə üçün ən təsdiq tabe olsa siz, və tədris işçisi olan hidayət. Bu sonuna doğru semestr, biz bir sıra təqdim isteğe sinif seminarlarda və tədris yoldaşları və Harvard başçılıq heyəti arasında əlbəttə dostları müxtəlif mövzularda kampus ki, xoş toxunan var Kursun əsas proqramı lakin buna baxmayaraq tətbiq, əyləncə, və potensial final layihələr üçün fərqli. Məsələn, ilk, istədiyiniz əgər var ki, URL, baş qeydiyyatdan. Bunun üçün lineup edir tək bu il seminarlar. Amma biz onlarla dərk ötən il seminarlar, bütün olan Bu Seminarlar menyu bağlıdır Kursun veb seçimi. Haqqında düşünür istəyirsinizsə Belə ki, rahat zonası kənarda gedir və ya yeni bacarıqlar aldığınız, Məsələn, iPhone proqramlaşdırma Swift, yeni bir dil ilə apps Apple və ya Objective-C və ya Android apps və ya proqramlaşdırma [? replika?] yüngül ampüller və ya mövzular hər hansı burada və daha çox, ötəri check up Qeydiyyat page. Beləliklə, biz başladı və bağlanılıb HTTP baxaraq Bazar ertəsi. Belə ki, tez refresher-- HTTP, Hypertext Transfer Protocol. Amma həqiqətən nə deməkdir? Həqiqətən nə deməkdir? Ki, bir tərəfdən deyil? Mən sizə yalnız sizin baş kazıma bilirik. Amma HTTP nə təklif etmək istəyirsiniz? Auditoriya: necə kompüter [Işitilemez] ilə ünsiyyət. DAVID MALAN J: Mən son hissəsi qaçırdı. Kompüter with-- ünsiyyət necə Auditoriya: İnternet server. DAVID MALAN J: internet Good-- server, və xüsusi web server. Geri Çünki, bir dəstə var internet xidmətləri, olan bəzi chat arasında gündəlik yəqin ki, istifadə və mesaj, chat, və web, və e-poçt, və kimi. Və HTTP yalnız edir protokol web tarayıcıları ünsiyyət danışmaq web server, və əksinə. Və analog insan dünya ola bilər Mən bəzi silkələmək mənim əl uzatmaq digər insan və ya o uzadaraq etiraf onun əl həmçinin. Belə ki, yalnız bir protokol var, konvensiyalar müəyyən. Və bu konvensiyalar həqiqətən nə var? Bəli, yalnız sonunda aşağı geri və irəli göndərilməsi, biz burada təsvir kimi. Və yolları bir neçə var, siz bu mesajları göndərə bilərsiniz. Və bəlkə də ən ümumi get kimi tanınır. Və biz bir kontrast görəcəksiniz Bu uzun əvvəl. Amma browser bir get sorğu server yalnız bu kimi görünür. Bu qoyur ki, mətn bir dəstə var bir virtual zərflərin daxilində. Ki, zərflərin kənarda məlumat bir neçə ədəd getmək. Nə getmək lazımdır zərf, belə ki, danışmaq kimi bir sorğu almaq üçün bir web server mənə bu? Bəli. Auditoriya: Sizin IP ünvanı. DAVID MALAN J: My IP ünvanı From sahəsində, belə danışmaq, və əlbəttə, Alıcının IP ünvanı. Lakin bir web paket halında, Biz bir az daha ətraflı lazımdır Bu, sadəcə kifayət qədər deyil bir server bir zərf göndərin, ki, server ola bilər, çünki müxtəlif növləri üçün dinləmək internet trafik. Belə ki, nə biz lazımdır Alıcının IP başqa? Bəli? Auditoriya: Bu TCP edir? DAVID J MALAN: Yaxşı. TCP-- Auditoriya: Ünvan. DAVID MALAN J: Ünvan, və ya deyilən port kimi. Close, lakin bir TCP port nömrəsi. Və bu bir dəstə var. Amma şübhəsiz ki, ən tanış olmalıdır nəticədə default olan, 80 bir web trafik üçün istifadə olunur. Və digər tanış tezliklə, 443 olacaq təhlükəsiz web üçün istifadə olunur yol, https ilə başlamaq URL'leri. Belə ki, bu gedir nə ki, zərflərin daxilində. Və almaq / yalnız vermək deməkdir Mənə default web page. Mənə ağır kök verin web server sürücü. Və ümid edirəm ki, bu web OK, ilə cavab verəcəyik server yalnız olan və sayı 200, bütün bəli deyərək konqres həqiqətən yaxşıdır. Burada səhifə var. Web page növü gedir mətn, lakin daha çox xüsusi, HTML, biz geri daxil dalış haqqında istəyirik. Və dot dot yalnız dot vasitələri, burada HTML edir. Və burada biz Bu gün hekayə seçin, həqiqətən, HTML yazılı Hypertext Markup Language olan dil olan web pages yazılır. Bu bir proqramlaşdırma dili deyil. Heç bir funksiyaları var və ya loops və ya şərait. Bu bir biçimlendirme dili var, eləcə də bu gün yenidən görmək, ki, müəyyən etmək üçün imkan verir strukturu və stylize necə estetik bir web səhifə. Belə ki, bu bir oldu yalnız və yalnız səhifə biz, həqiqətən qısa əgər bazar ertəsi, baxdı. Və bir neçə qeyd qabarıq xüsusiyyətləri. Açıq bucaqlı bir çox var bracket və yaxın bucaqlı bracket. Bu bucaqlı arasında Mötərizədə sözlər var. Və biz başlamaq olacaq O sözləri tags zəng. Belə ki, açıq bracket baş və qapalı bracket baş açıq və qapalı tags var, və ya başlanğıc və son tags müvafiq olaraq, bir HTML element, biz zəng edəcəyik kimi, başını axtardıq. Və eyni jargon tətbiq HTML və s bədən. Və nə gözəl deyil HTML və həqiqətən, biz will bu olduqca az vaxt sərf, Siz əsasən yalnız anlamaq lazımdır, çünki nə xüsusiyyətləri zaman var həqiqətən konkret bir problem var ki, tapa bilərsiniz solve-- üçün bir browser olduqca lal edir. Bu, sadəcə fərqli deyil do-- olacaq siz bunu demək nə kompüter üçün. Və belə ki, açıq zaman çox üst bracket HTML var, ki, mahiyyətcə yalnız deməkdir, hey, browser, burada HTML yazılı web page gəlir. Açıq bracket gördüyü zaman yalnız deməkdir ki, baş, hey, browser, burada baş gəlir, və ya Mənim web page topmost hissəsi. Bir qapalı bracket gördüyü zaman yalnız hey, o deməkdir ki, rəhbəri, ki, baş üçün var. Başqa bir şey üçün gözləmə. Və başqa bir şey deyil yəqin bədən olacaq. Və bir tag kimi yoxdur Siz yalnız salam, vergül, dünya ki, yalnız xam mətn olacaq ki, nəticədə ekran göstərilir. İndi, siz də görəcəksiniz burada abzas. Siz yəqin ki, nəticə çıxarmaq olar necə biz bunu stylizing edirik. Mən bir tag açmaq hər dəfə, belə ki, danışmaq, mən indent. Və hər dəfə mən yaxın bir tag, mən qeyri-indent, qıvrım aşırma ruhu oxşar. Və kənarda, mən cür edirəm Mənim qərar istifadə. Mən vuruş narahat deyil ki, bildiriş Ki, adı tag daxilində daxil edin. Niyə? Bəli, Mən yalnız bir baxdı qərar Mənə az təmiz, insan, yalnız bunu narahat deyil. Belə ki, yenə orada bəzi qərar yalnız çağırır kimi C və ya hər hansı bir dil var. Amma çox fark bu abzas ki ruhi model özü verir, onu çətinləşdirir üzərində. Amma bir ağac, sağ? Bir web düşünüyorsanız səhifə, yəqin yazılı bu kimi kimi gözəl, yol indented demək olar ki, açıq bracket hesab edə bilər HTML qapalı bracket tag bölünməsi edir bir node kök, bir ailə ağac ağacların üslubunda stil node biz keçən cümə günü baxdı. Və həqiqətən, biz burada doğru var biz DOM, D-O-M, sənəd zəng edəcəyik nə obyekt model, deyərək bir xülya yolu HTML təmsil edən bir ağac. Və HTML var fark, biz demək lazımdır bir ailə ağac, iki uşaq kimi. Sol rəhbəri. Sağ orqanıdır. Və yalnız bir axmaq fikir həyata kimi, baş, əlbəttə, neçə övladı var Bu quruluşuna görə? Belə ki, yalnız bir, title-- biz niyə və ki adı baş gedən arrow. Belə ki, həmin şəxs sanki var ailə ağac yalnız bir nəslini idi. Və sonra adı özü bilər Çox uşaq üçün belə. HTML idi Xatırladaq ki, hello, vergül, bu altında dünya. Mən sadəcə bir ərzində onu tərtib etdik əvəzinə düzbucaqlı oval yalnız ki, baxmayaraq semantically çatdırmaq belə danışmaq, ağac bir node var, bu cür əsaslı fərqli. Bu tag deyil. Və ya daha düzgün, bu element deyil. Siz əgər, yalnız bir mətn node var. Amma bu tamamilə ixtiyari insan konvensiyalar. Bu yalnız indi mənim yoludur bir ümumi kimi nə mən lazımdır təmsil sənəd zəng. Və bir kənara, bir şey kimi super yuxarı sol küncündə, açıq bracket ünlem doc növü HTML, bu, bir tag kimi görünür lakin bu axmaq künc halda harada yalnız orada, kopyalanamaz və yapışdırılır deyil brauzerlər göstərir Bu HTML versiyası 5. Dünya nə dəyişən saxlayır bir səhifə kodu ilk xətt olmalıdır. Bu yalnız versiyası 5 deməkdir. Belə ki, kifayət qədər deyil başqaları kimi baxmaq. Ki, belə ki, bütün sağ, İndi təqdir edərsiniz etdi Bu kifayət qədər bu axmaq Tatu kimsə var. [Gülüş] DAVID J MALAN: Bütün sağ, və indi həqiqətən dive edək Bu bir şey bunu nəzərə. Siz ki, son dəfə geri olacaq Mən CS50 Aracı açdı və mən bir şey idi açılması gedit kimi sadə. Mən hətta fayl xilas Mənim masa üstü heç special-- hello.html kimi. Belə ki, mənə bunu bildirin again-- hello.html daxil edin. Və indi bu fayl, mən gedirəm irəli getmək və kopya nə biz yalnız saw-- doc növü html Sonra mən gedirəm açıq bracket html qapalı bracket yoxdur. Və sonra mən preemptively gedirəm açmaq və tag yaxın. Niyə? Yalnız mən sonra unutmayın. Bu açılması kimi, yalnız yaxşı təcrübə var və bütün bir dəfə qıvrım aşırma bağlanması. Və sonra nə gələn gəldi? Siz Tatu hesab edə bilər. Auditoriya: The rəhbəri. DAVID J MALAN: The rəhbəri. Və sonra burada, mən adı idi, mən hesab edirəm. Və adı, əsassız idi hello, dünya yaxın adı. Və sonra burada, bədən, və kursu sonra bədən tag yaxın. Və sonra yalnız bir qədər redundantly, Mən burada eyni şey idi. Mən bu web page olduğunu iddia. Bu bir şey ki, İndi web yaşaya bilər, hətta əlbəttə baxmayaraq, bu sözün var İndi mənim masa üstü yaşayır. Doğrusu, mən gedit azaltmaq əgər, Mən masa üstü öz icon görmək lazımdır. Bu cihaz olsa da, Siz Mac OS bunu edə bilər TextEdit olmadan və ya Hətta Notepad ilə Windows. Mən irəli getmək və cüt basın əgər ki, hətta, və select-- yaxşı, edək çünki seçin deyil Chrome açılması deyil. Nin irəli getmək və Chrome açmaq edək. Və sonra Command-O açıq yoxdur Və mənim masa üstü naviqasiya və faylı açın. Bir browser şərh necə ki, HTML, alt üst sağ. Hey, browser burada HTML var. Burada rəhbəri var. Burada adı var. Burada bədən var. Və həqiqətən, bu necə bu web page göstərir. Amma URL bilərsiniz. Heç bu xüsusi qoparmaq bilər İndi noutbuk səhifə hətta daxili sizin URL vasitəsilə cihaz, fayl çünki: // bu həqiqətən göstərir mənim fayl sistemi, sabit, sizin deyil. Belə ki, bütün faydalı deyil. İndi doğru hərəkət edək faktiki web server istifadə edərək. Və bu CS50 Aracı çıxır yalnız bir mühitdə daha çox C kodu yazmaq və tərtib edə bilərsiniz siz bunu etdik kimi və axır. O, həmçinin tərəfindən yapılandırılmış edilmişdir heyəti tipik web təmsil internet var ki server, Siz ödəmək bilər ki, bir sözdə bulud var ki, bir. Və çalışan Standart pulsuz açıq mənbə proqram, məsələn, bir şey bəlkə də adlı Apache, hələ də ən məşhur web Dünyada server proqram web sites minlərlə bu gün istifadə. Və bu da belə var MySQL kimi software, verilənlər bazası server edir biz nəhayət almaq lazımdır ki, olan demək yalnız Mən müalicə başlaya bilərsiniz tam hüquqlu server kimi cihaz Mən başqa yerdə ödənilməsi deyiləm. Bu, yalnız öz laptop yaşayır inkişaf və rahatlığı məqsədləri. Belə nin irəli getmək və Bu faydalanın. Mən irəli getmək gedirəm və bir terminal pəncərə açmaq. Mən irəli getmək üçün gedirəm və ilk mən, həqiqətən move-- mənim masa üstü getmək üçün gedir. Mən ls nə varsa, hello.html var. Mən getmək üçün gedirəm irəli və istifadə başlayın biz yeni bir kataloq gün əvvəl istifadə. hello.html-- Mən hərəkət etmək üçün gedirəm virtual hosts-- üçün ../vhosts üçün sonra future-- və ki, daha çox localhost adlı dizine, demək olar ki, verilən ləqəb olan Hər hansı bir kompüter, bir Mac, PC olsun, Linux kompüter, sonra və ya xüsusi bir dizine ki, heyəti artıq sizin zaman üçün yaradılmışdır adlı cihaz nazil ictimai. Və onun adı, bir şey təklif kimi Mən nəzəriyyəsi, bu qovluq qoymaq İndi olacaq ictimai, ən azı insanların birbaşa olan mənim kompüter əlaqəsi. Belə ki, indi mənə irəli gedək və eyni kataloq cd nə mən nə edə bilərsiniz davam və növü ls. And olsun ki, var orada yalnız bir şey. İndi mən bu qoymaq çünki iddia bir kataloq daxilində hello.html fayl bir kataloq ictimai daxilində adlı bir kataloq daxilində adlı localhost adlı vhosts olan CS50 heyəti sayəsində olmaq pre-yapılandırılmış edilmişdir web server kök, Mən indi inşallah bu edə bilərsiniz. Mən yeni nişanı açmaq üçün gedirəm. //: Mən fayl üçün getmək üçün gedirəm. Mən faktiki istifadə gedirəm http / localhost olan yenə ləqəbidir öz server üçün. Və sonra mən getmək gidiyorum nə fayl adı, yalnız aydın olmaq? Bu hekayə yəqin ki, hara gedir? hello.html. Başqa sözlə, belə ki, mən bu istəyirəm öz kompüter, öz cihaz deyil Bu faktiki server var sanki. Onun ləqəb localhost edir. Amma localhost hesab kimi Facebook.com google.com, nə. Bu, sadəcə mənim yerli adı. Və sonra mən istəyirəm final edir sabit kök, belə ki, danışmaq və ya web server kök, sonra irəli çizgi bundan dolayı və fayl adı hello.html. Mənə zoom və Enter edək. Və həqiqətən, indi mənim web səhifə var. Belə ki, bu qədər müxtəlif var. Və yalnız underwhelming kimi deyil. Bu köhnə versiyası. Mənə geri font shrink bildirin. Bu köhnə. Bu yeni deyil. Lakin əsaslı nə baş İndi HTTP istifadə olunur ki. Bu bir az daha aydın və ya edək, bir az daha mürəkkəb, siz əgər. Mənə sağ alt gedək mənim cihaz əl künc. Və bütün bu fark vaxt, bir sıra oldu. Bu unikal ünvanı Sizin CS50 Aracı. Bu, xüsusi bir ünvanı var Bu 172,16 nəzərdə kimi, olan yalnız fiziki deməkdir bu web server əldə edə bilərsiniz. Hər şey Mühafizə və gözəl istirahət mühafizə çünki bu dünyanın səslənirəm. Mən getmək əgər İndi, baxmayaraq qeyd Mənim cihaz bu ünvanı, lakin Mac OS-- mən gedirəm burada geri. Bu artıq mənim Mac edir. İndi açmaq üçün gedirəm burada Chrome bu versiyası. Mən http getmək üçün gedirəm: //172.16.25 / Mən rest-- 133 unutmayın. Mən mənim Mac Ziyarət gedirəm ki, IP ünvan daxil edin /hello.html. Və indi mən Mac görmək Mənim CS50 Aracı ki, kim IP ünvanı ki, sayı, həqiqətən davranır internet bir web server kimi. Bu gözəl asan yoxdur Facebook.com kimi adını xatırlayıram, lakin HTTP istifadə edir yəqin, baxmayaraq Chrome növ dünya sadələşdirilməsi edir bizim üçün, həm HTTP bizə göstərir deyil. Amma bu həqiqətən dəqiq ki. Chrome yalnız bir qənaət Bu gün tuş vuruşlarını. Və biz indi görürəm. Belə ki, bütün gözəl və yaxşı. Lakin olduqca underwhelming səhifə var. Mənə getmək və bir şey edək İndi bir az fərqli. Mənə gedit geri imkan verir. Əvəzinə salam, dünya, Bir şəkil qoymaq bildirin. Mən gedim Əvvəl iddia Mənim localhost directory xalqın içinə. Və mənə irəli getmək və bir surəti imkan bu gündən etibarən faylları bütün dəstə Mənim Dropbox qovluq bura daxil. Mən ls yazın əgər İndi, baxmaq Bütün bu faylları Mən tərəfindən paylanan etdik ki, Bu gün əvvəlcədən kurs veb, olan hələ hello.html edir. Belə ki, bir var. Bu silly bir geri son time-- cat.jpg olan. Mənə bütünləşdirmək üçün cəhd edək Mənim web page daxilində cat.jpg. Mən irəli getmək üçün gedirəm və cat.jpg bunu edin. Mənə Chrome geri edək. Və mənə zoom imkan font və indi yenidən. Oops, mən bu harada qoymaq? Standby-- Mən hələ də köhnə mənim masa üstü açıq olan versiyası. Belə ki, mənim, mənim vhost gedək localhost, mənim ictimai və hello.html. Belə ki, indi mənə irəli gedək və bədən daxilində cat.jpg demək Mən istəyirəm harada olmaq nümayiş və yenidən. Əlbəttə ki, bu doğru deyil. Mən Brauzer bir az demək lazımdır daha qəsdən mən bunu istəyirəm nə. Sadəcə adı yazaraq açıq-aydın kifayət deyil. Belə ki, başqa bir var idi ki, xatırlayıram tag, şəkil, qısa img. Yalnız insanlar, çünki növü, tam sözlər kimi deyil. Və sonra biz = "cat.jpg" mənbə edə bilərsiniz. Və indi mən gedirəm Burada bir şey fərqli. Hətta bütün baxmayaraq Bizim tags indiyədək var bir bu anlayışı idi başlamaq tag və son tag, həqiqətən etmir Bir resim üçün mənada, sağ? Bir image var və ya yoxdur. Və belə insanlar gəlib bir sadə Konvensiyanın ilə. Bir tag zaman edə bilərsiniz ki, həm başlamaq və eyni time-- da başa Belə yalnız danışmaq, boş ola bilər tag daxilində irəli çizgi qoymaq çox sonunda. İndi mənim brauzerinizin geri gedək. Reload Lanet olsun, bir şey yanlış basın. Siz yəqin ki, bu gördüm bəzən web, hətta bu günah deyil. Bu web server günah. Nə qəsidə bu, görünür? Bu broken var. Image aid olduğu ki. Bəli? Auditoriya: Amma bu deyil image etmək imkanı var. DAVID MALAN J: Bu deyil image etmək imkanı var. Ki, və ya hətta pis, bəlkə hətta mövcud deyil. Ki, diaqnoz edə bilərsiniz əgər in nəzər salaq. Son dəfə geri ki, əgər Chrome, cihaz, və ya hətta sizin Mac və ya PC, Siz Developer menyuya getmək və Developer Tools getmək seçim, yəqin ki, siz var olan çox və ya heç istifadə. Mən Network getmək əgər və səhifə yeniden, həqiqətən HTTP baxaq edilir ki, sorğu. Hello.html kimi görünür həqiqətən OK, beləliklə 200. Amma cat.jpg 403 edir. Belə ki, 404 deyil. Fayl yəqin ki, var. 403 haram deməkdir. Belə ki, bu bir az qarışıqdır. Mən geri getmək üçün gedirəm Mənim terminal pəncərə. Mənə burada zoom edək. Və mənə bir ls nə edək. Həmin fayllar var. İndi mənə ls-l bunu bildirin, Siz yəqin ki, var olan fayl baxmaq əvvəl istifadə ölçüləri bəlkə ya zaman damgaları. Və biz bütün dəstə görmək böyük məlumat. Amma bir neçə ətraflı qeyd. Burada hello.html bu var burada satır və burada cat.jpg var. Və olan yalnız cihaz var JPEG-nin vurğulayaraq dostluq istifadəçi bu kimi bənövşəyi. Lakin başqa nə yanaşı müxtəlif fayl ölçüsü və fayl adı? Auditoriya: [işitilemez]. DAVID J MALAN: Bəli, var Nin burada daha iki R. Hello.html gedir nə edək. Belə ki, adı çıxır ki, Bu kataloq ictimai vacibdir. Bu kataloq şey ictimai deməkdir. Amma bu kifayət deyil yalnız orada faylları buraxın. Siz həmçinin dəyişmək lazımdır faylların rejimi, icazələrin dəyişdirmək Fayl fəal deyil susmaya ola, yalnız Mən oxuya bilərsiniz ki, və mən sahibi olan, onu yazın. Mən bütün dünya hamı istəyirəm belə danışmaq, mənim fayl oxumaq mümkün. Yalnız keçirmək deməkdir oxuyun. Və həqiqətən, kimi problem görəcəksiniz yeddi müəyyən ki, nə bu R orta var. Bu iki R orta kəs bildirin başqa dünyada da, oxumaq xüsusilə indi bu kataloq var. Belə ki, bu düzeltmek üçün sadə yol deyil mənim tez getmək və dəyişiklik üçün chmod edə rejimi və sonra cəmi bir + r yoxdur hər kəs, oxumaq üçün bütün plus r, və sonra cat.jpg daxil edin. Heç bir şey baş görünür ki, adətən yaxşı bir şey deməkdir. İndi again-- Belə ls-l nin cat.jpg baxaq. Və bu icazə dəyişib görünür. Bir kənara kimi, siz əgər səhv və, məsələn, yalnız mən inşa bilirəm deyil your-- etdi açıq qəza əlçatan, Siz əks edə bilər, bir-r chmod. Səmimi olsa da, bu deyil ictimai kataloq ola hər halda ki, narahatlıq varsa. Belə ki, indi geri gedək mənim brauzerinizin və yenidən. Mən basın gedirəm Kiçik Ghostbusters simvolu hissəsi sil ekran belə ki, biz yeni sorğu bilərsiniz. Və həqiqətən, burada Əvvəl Grump Cat. Amma daha əhəmiyyətlisi, texniki var sayı 200 olan biz OK var deməkdir. Bütün hüquqlar, belə ki, gözəl və yaxşı bütün var. Amma biz edilməsi deyilik web ən yaxşı, nə də biz çox ağır cəhd edir web fanciest gün etmək. Amma ən azı bir şey edək şaqqıltılı əvvəl super tanış bir neçə digər tags off. Mən yalnız burada bir pişik istəmirəm güman. Mən, həqiqətən, bu istəyirəm düşünək cat bir şey keçid. Mən bilər, məsələn bu kimi bir şey. üçün anker href üçün hiper istinad bərabərdir və yalnız bir şey edək www.google.com yaxın kimi yaxın bracket sitat. İndi pişiklər üçün axtarış. Yaxın lövbər tag. Belə ki, bu yalnız bir növ var əsaslı yeni bir detal. Əlbəttə tag, fərqlidir. Bu anker üçün adı var href və ya hiper istinad. Amma daha əhəmiyyətlisi var Burada bu sintaktik xüsusiyyət. Bu, zəng başlamaq lazımdır nə bir tag, lakin bir atributu. Və bir atributu şeydir ki, tag davranış modifikasiya. Bu atributu, href, vasitələr bu anker davranış dəyişdirmək , Bu tıklayan zaman, belə ki, burada bu URL gedir. Və əlbəttə ki, URL Google edir. Eyni zamanda, bu nə olacaq burada mətn? Yaxşı ki, olacaq nə insan, həqiqətən, vurğulayaraq kimi görür link, kimi sadə. Belə ki, bu cəhd edək. Mənə xilas edək. Mən hello.html hələ də edirəm. Amma online versiyasını, siz görəcəksiniz biz faktiki fayl adları əvvəlcədən hazırlanmış. Mənə davam və yenidən bildirin. İndi bir çox var hələ underwhelming səhifə. Amma artıq hover varsa orada və bu, bir az kiçik ancaq siz altındakı bilərsiniz Ekranın sol küncündə, həqiqətən google.com olacaq. Mən basın əgər, o, Mənə faktiki Google yol süpürgə. Amma bir fürsət burada qeyd yalnız bir kənara kimi istismar. Və biz digər geri gəlmək lazımdır uzun əvvəl təhlükəsizlik məsələləri. Bu dichotomy var, çünki Siz getmək və nə olduğu arasında, Siz kimi bir şey edə Hələ http://www.google.com. OK, indi yeniden əgər Bu səhifə qənaət sonra, Google getmək üçün gedirəm kimi görünür. Amma heç bir səbəb yoxdur I sağ, Google getmək üçün var? Mən, həqiqətən, kimi bir şey getmək bilər badguy.com, burada səhifəni yenidən. Və bildiriş, hələ Google kimi görünür. Mən kəskin deyiləm yalnız Burada üzərində hover üçün kifayət qədər Mən hətta olacaq görürsünüz bir yere gedin. Əgər kazanılmış əgər Belə ki, bir e-poçt, xüsusilə Paypal bir və ya zahirən Paypal isteyen daxil Hesabınıza, bu niyə heç vaxt lazımdır Heç e-poçt links basın, səmimi, e-poçt hər hansı bir links. Əgər bilirsinizsə, siz faktiki var Paypal və ya Bank pul Amerika və ya Fidelity və ya hər hansı bir veb əl yazın. Bu nə qədər asan baxmaq Çünki təqdim kandırmak kimsə nə Bir link kimi görünür. Amma həqiqətən bilər tamamilə hər yerdə gedin. Və daha böyük var Bu daha təhdidlər. Əslində, bu bir az bir toxunan indi, lakin bir yaxşı olanları Mən heç gördüm olan ildən, bağlanıb Kimsə rəhbərlik insanlar Bu demək olar ki, to--, daxil etmək üçün buraya basın hesabı, bank hesabı. Bu Qərbin Bank idi. Belə ki, kimsə bu alıb. Və görmək üçün bir az daha asan var bir mono aralıklı font Bu zoomed 30-ayaq proyektor üzrə. Amma bu kiçik font bir zaman Siz qəbul etdiyiniz e-poçt, bu bankofthewest.com kimi görünür, deyil bankofthevvest.com, olan kimsə almaq üçün $ 10 ödəyib. Və bu onları gətirib bəzi pis veb ekvivalent. Və həqiqətən biz nə edə too-- görəcəksiniz Mən faktiki veb getmək əgər Hələ, bankofthewest.com, yenə, son dəfə geri bu, onların web səhifə, əgər ki, Siz bu işləri necə merak etdiyiniz əlbəttə bilərsiniz Chrome geliştirici alətləri. Və siz bütün bilərsiniz HTML gözəl var biçimli. Amma daha çox point, Siz nin yaxın qoy cam-- Siz bax bilərsiniz Hələ Developer View Source. Niyə yalnız surəti deyil ki, bütün və sonra mənim kiçik gedit pəncərə daxil edə bilərsiniz burada və öz web page etmək. Hello.html bu edin. Və yəqin ki, bu, qırmaq gedir adətən bu asan deyil, çünki. Amma mənim öz səhifəni indi əgər , CS50 Aracı və hit yenidən öz OK, bəzi stuff qırdı. Amma olan olduqca yaxın deyiləm öz bank haqqinda, sağ? Bütün bu HTML [Gülüş] DAVID MALAN J: --I həqiqətən və etməyib orada kimsə var bilen həqiqətən də bu links basın olardı. Belə aydın, bəzi stuff qırdı. Amma ki, səbəb olacaq müzakirəyə us, lazımsız indi, kimi nə CSS, Cascading Style Sheets, var və necə həqiqətən Digər HTML faylları yükləmək və JPEG faylları GIF faylları veb istifadə edilə bilər. Amma bütün accomplishable edir. Lakin bu, həqiqətən sonunda aşağı bu çox sadə heuristics. Belə ki, indi yalnız bir vasitəsilə üzsüz imkan HTML digər nümunələr neçə yalnız bir hissi vermək Siz nə edə bilərsiniz başqa nə. Məsələn, bu list.html edir. Mən bir web page etmək istəyirdi Güman Dörd evlərin siyahısı ilə. Mən unordered üçün ul tag istifadə edə bilər siyahısı və sonra siyahısı maddə uşaq və sonra, over-- və ya siyahısı təkrarlamaq sual evlərin rather--. Mən bu açmaq varsa, bunu edək. Nin hello.html deyil gedək, lakin list.html üçün. Bu Lanet olsun. Mən bu düzeltmek edirsiniz? Bu doğru, əvvəl eyni məsələ var? Mənə chmod-- oops-- edək chmod a + list.html of r. İndi mənim brauzerinizin geri getmək əgər və yenidən basın, orada deyil. Belə ki, heç etmək istəyirdi, əgər bir bulleted siyahısı, siz bunu edə bilərsiniz. Siz super xülya və etmək istəyirsinizsə, bir sifariş siyahısı, bir unordered siyahısı , ol həmin dəyişdirmək səhifə yeniden və İndi browser sizin üçün sayı olacaq. Başqa nə edə bilər? Yaxşı, others-- bir neçə əgər Siz text-- uzun-ci maddələrdə var Məsələn, bəzi Bu kimi Latın mətn və ayrı-ayrı bəndlərində bunu istəyirik, açıq p, paraqraf tag yaxın p. Və təkrar bunu. Mən indi bu fayl açmaq əgər, paragraphs.html, yaxşı, bu annoying olur. Belə ki, indi yalnız geri imkan my tez, bir + r r ulduz chmod .html-- bir gözəl az vəhşi kart belə danışmaq. Bu, bütün düzeltmek lazımdır Mənim üçün bu problemlər. Nin yenidən bildirin. Üç-ci maddələrdə var. Və indi-nin irəli gedək və digər bir açmaq. Necə masa haqqında? Siz masa görünüşü görəcəksiniz bir az daha kompleks. Amma eyni fikirdir açıq tag, açıq tag, açıq, açıq, açıq, yaxın tag, açıq tag. Bu durmaq üçün nə Onun sərhəd masa, yəqin edir qalınlığı olacaq 1-- nə ki means-- masa satır, masa mobil deməkdir data. Mən mənim brauzerinizin geri getmək əgər burada table.html getmək, Əgər bir şey edə bilərsiniz bu kimi çirkin. Amma biz nöqtəsinə almaq lazımdır biz həqiqətən bilərsiniz ki, çox şeyi gözəlləşir etmək. Belə ki, mənə indi müəyyən edək. Daha çox etiket dəstələri var. Və HTML almaq üçün gözəl çünki, səmimi, bütün etmək lazımdır Mövcud web pages baxmaq olan ilə tanış edirik. Və oh, necə var, kimi istəyirik Onlar estetik bu idi. Və ya hər hansı online baxa bilərsiniz HTML işləri necə resurs, və bir var ki, görəcəksiniz digər yazıları bütün lüğət. Amma sadə ruhi model tək siz açmaq hər hansı bir tag həqiqətən, bu bağlanır edib özünü öyrətmək üçün kifayət edir HTML sonra anlamaq tags bu əsas ideyaları atributları və yaxşı formedness və Biz haqqında söhbət etdik ki, biz açmaq bilər ki bağlanması şey ki, bir brauzer çaşdırmaq deyil. Belə ki, indi bu götürək daha maraqlı səviyyəsi faktiki gedən. Və mənim Mac gedək burada google.com üçün. Və indi hiss bunu edək. Mən getmək üçün gong alıram Settings Axtar Parametrlər. Bu annoying ani söndürmək istəyirəm Nəticələr şey harada dərhal yazaraq cavab başlayır. Belə bu older məktəb edək biz, həqiqətən, neler oldu. Mən saxlamaq üçün gedirəm mənim Burada Google parametrləri. Və indi mən gedirəm xəbərdarlıq pişik kimi bir şey üçün axtarış. Və hələ avtomatik bunu Burada tam, lakin şeyi əsaslanır insanlar keçmişdə çap. Amma baş neler bilərsiniz. Hal-hazırda URL bu, yalnız google.com. Və texniki, bu çizgi var. Google yalnız bir xarakter qənaət və bizə görsənmir. Onlar yalnız, bizə https göstərən biz istəyirik ki, super təskinləşdirici olmaq təhlükəsiz və ya şifreli page. Mənə irəli getmək və pişiklər üçün axtarış imkan verir. İndi bu həqiqətən var tez böyük. Bu URL uzunluğu baxın. Amma bu çıxır bu məhsulları ən çox URL, həqiqətən, olduqca əhəmiyyətsizdir. Mən silmə başlamaq üçün gedirəm Mən başa düşmürəm şeyi. Mən pişik görmək. Mən pişik başa düşürük. Pişik daha var niyə bilmirəm. Mən, həqiqətən, bilmirəm Bu cəfəngiyatdır nə. Mən yalnız saxlamaq üçün gedirəm işıqlandırılması və stuff silmə Mən başa düşmürəm, yalnız bu daxil URL distillə. İndi mənə yenidən daxil edək. Google hələ də işləyir kimi görünür. Belə ki, nədənsə, onlar əlavə edirik Onların URL default məhsulları var. Amma bu ciddi lazım deyil. Belə ki, bu barədə gözəl nədir? Yaxşı, mənə irəli gedək və Chrome inspektor açmaq. Bunun üçün bir az siçan qısa var. Network nişanı gedin. İndi mənə yenidən bildirin Bu səhifə bir daha. Mən Shift keçirilməsi alıram. Bir kənara, brauzerlərdə kimi önbelleğe və ya saxlamaq üçün edirlər yalnız faydalı iş əmsalı xatirinə məlumat. Amma adətən, keçirilməsi Shift və hər şeyi məcbur edəcək yeniden əvvəldən başlamaq. Və mən burada etmək istəyirəm nə. Və bütün bunlar qeyd yalnız ortaya çıxdı satır. Bu hər hansı bir web çıxır ki, səhifə, yalnız bir fayl ola bilər involved-- hello.html-- ya bu halda kimi, 52 ola bilər. Mən səfər edəndə google.com, yəqin, mənim brauzerinizin 52 ayrı HTTP sorğu başlayıb. Niyə ki? Yaxşı, daxili ne baxmaq bu web page up üst. Yalnız mətn yoxdur, lakin faktiki images var sağ üzərində pişik. Rəngarəng logo sol qədər burada var. Bu nişanlar bütün var mikrofon və s. Ədəd bir çox bina var blokları, danışıq ədəd, Siz əgər, bu web page. Və browser nə ilə edir , ilk fayl əldə olan Burada bu sıra, bu, mahiyyətcə edir HTML üstündən iterating alt üçün axtarır, sağ image tags və ya digər tags kimi şeylər digər faylları qeyd olunur və onları gördüyü zaman, gedir və onlara alınır HTTP vasitəsilə, səmərəli bütün zərf məcaz, və sonra onlara göstərir web page müvafiq yer. Mən diqqət əgər Lakin burada qeyd İlk atmaq, axtarış cats, həqiqətən HTTP 1.1 istifadə edir ki, qeyd. Və təəssüf ki, Google İndi versiyası 39 Chrome aşağı dumbing şeyi cür bizə faktiki başlıqlarını görsənmir. Amma nə həqiqətən salındı ​​tələb edir doğramaq üçün, lakin / search? q = cats. İndi niyə vacibdir? Bəli, mən çıxarmaq üçün gedirəm Bu ki, əgər Google Bu formada, nə sorğu dəstəkləyir Mən öz axtarış həyata deyil CS50 üçün mühərrik, ancaq ön son, yalnız qrafik istifadəçi interfeysi. Və biz geri sonuna Outsource lazımdır, faktiki Axtarış Google nəticələnir. Mən bunu necə edə bilərsiniz? Yaxşı, mənə burada gedit daxil edək. Və mənə irəli getmək və açmaq bildirin up, demək yeni bir fayl bildirin. Mən bu saxlamaq üçün gedirəm müvəqqəti Axtarış 0.html kimi. Və sonra nəhayət, biz sürətli lazımdır irəli Mən bir pre-hazırlanmış. Mən gedirəm tez doc növü qızışdırmaq html açıq bracket html yaxın bracket html. Sonra baş gedirəm yaxın başın açıq title CS50 Əvəzinə Google axtarış axtar. Burada Down Mən gedirəm bədən, aşağı burada yaxın bədən. İndi CS50 Axtar lazımdır. Və həqiqətən, edək tədricən bu qurmaq. Mən irəli getmək və bu yaxın və gedirəm həqiqətən, mənim ictimai kataloq qoyun. Belə ki, mənə yalnız bir an verir. Mən gedirəm axtarış-0.html-- müvəqqəti search.html zəng. Mən bunu bir + r search.html chmod gedirəm. Və indi mən onu açmaq üçün gedirəm. Bütün hüquqlar, sürətli idi. Amma məqsəd sadəcə idi baxımından bizim üçün bu mətn olan adlı search.html fayl. Hələ baxmaq çox deyil. Həqiqətən, mən browser getmək, və əgər bu bütün var, search.html gedin. Amma nə bilirik? Mən bir az meraklısı ola bilər. Mən var ki, bir kitab oxumaq başlıq tag h1 çağırıb. Mən irəli getmək üçün gedirəm və açıq h1 və yaxın h1 istifadə edin. Bu səhifəni yenidən yüklə. Və indi, böyük və bolder var bütün maraqlı ki, lakin ən azı struktur daha maraqlı. Amma indi mənə bir tag təqdim edək. Bir forma tag var həyata Bu çevrilir. Və mənə tag yaxın edək. Və var çıxır giriş tag ki, növü adlı atributu var olan sahəsində data növü, Siz əgər. Və növü mətn olacaq. Və onun dəyəri gedir CS50 Axtar olmalıdır. Yaxın tag. Və heç bir anlayışı var olacaq açılması və ayrı-ayrı tags ilə bağlanması. Mənə burada geri edək və gedən yenidən nə görmək. Maraqlı əldə. Bir mətn sahəsində kimi görünür. Və həqiqətən, mən istəmədim hələ bir dəyər qoymaq. Mənə burada geri getmək və həqiqətən əldə edək sadə saxlamaq üçün bu dəyər xilas. Bunun əvəzinə bir dəyər, mən nə istədiyini bu şey vermək bir ad idi. Mən, bu nə bilmirəm mən geri qayıtmaq lazımdır. Lakin aşağıda, Mən istəyirəm input type etmək = təqdim edir. Bu dəyəri CS50 Axtar olacaq. Və biz nə görürsünüz Bu dəyəri köçürülüb. Mən yenidən zaman, mən indi görünür öz axtarış əvvəlindən mühərrik, super çirkin, səmimi olsa da, bu deyil bir qədər atmaq nə Google default səhifə kimi görünür. Mən indi burada getmək varsa, mən yazın pişik və inşallah Axtar basın. Amma olduqca, hələ həyata deyiləm Mən həyata deyil, çünki, açıq-aydın, bir verilənlər bazası. Mən sürünərək yoxdur axtarış nəticəsində üçün web. Belə ki, Google üçün Outsource lazımdır. Belə ki, necə bu etməliyəm? Bütün I Bəli, ilk əlavə və hərəkət etmək lazımdır Mənim forma tag aid olan http://www.google.com/search edir. Mən bilirəm ki, yalnız olan yaxından baxaraq nəticə çıxarmaq Onların URL nin. İndi bir tahmin edir. Nə lazımdır bu mətn sahəsində, yəqin ki, biz gəlib burada əsasında adlandırmaq əvvəl? Auditoriya: q. DAVID MALAN J: q. Və biz, həqiqətən, sual lazım deyil bu çıxır, amma q həqiqətən bu qeyd, sorğu yəqin ilə q default ki, yalnız çünki nə Larry və Sergey il əvvəl gəldi. Belə ki, indi mənə bu səhifəni yenidən bildirin. Bu, bütün müxtəlif baxmaq deyil. Amma indi nə baxın. Mən pişik və klik yazın Axtarış və gidelim CS50, Mən whisked almaq fark üz faktiki Google. İndi, Google bir az edilir onlar ki, annoying əlavə parametri sınız, Siz URL, olacaq əgər. Yəni bütün baş var avtomatik Google tərəfində. Mühüm I görünür ki, Burada bu tələbi əmələ. And olsun ki, nə var. HTML zaman ki, Bu, bu kimi görünür web developers notation sort deyərək üçün, irəli getmək və bir forma yaratmaq təqdim zaman ki, bu URL getmək olacaq. Və URL təqdim zaman q kimi şeylər üçün dəyərlər, bu URL getmək yoxdur. Əslində, sual getmək mark sonra q = cats. Parametri əlavə, bu Kimi HTTP parametr. Və yalnız, super dəqiq olmaq nə burada çıxarmaq olunur amma daha explicit-- edir olacaq Mən istifadə etmək istədiyiniz metodu əvəzinə kimi bir şey, almaq biz nəhayət görürsünüz olan post. Qısa, sadəcə anlaşma So HTML və bəzi olduqca sadə tags istifadə edərək, biz indi yaratmaq başlaya bilərsiniz öz ön istifadəçi bir axtarış interface bunun arxasında engine. Amma bu, əlbəttə, olduqca çirkin deyil. Mənə həqiqətən açmaq bildirin bir az daha yaxşı versiyası. Bu hazırlanmış bir ki bəzi şərh var inkişaf. Amma siz ki, I görürsünüz olduqca çox yeniden. Belə ki, bu online artıq mövcuddur. Mən preemptively baş idi yalnız sadə saxlamaq üçün https gedin. İndi bir açmaq bildirin Bu növbəti iteration. Version 1 əvəzinə 0. Nə kimi az siz həyata atlamalar Bu misalda müxtəlif? Auditoriya: [işitilemez]. Bəli, bu mətn align mərkəzi var. Burada bir az qəribə deyil. Amma bu həqiqətən yeni. Və bəlkə baş neler danışarlar. İndi mənim browser getmək Əgər və axtarış-1.html ziyarət demək olar ki, eyni şey. Amma bu bir addım daha yaxınlaşdı var daha sevimli bir az olan. Bu hələ çirkin, lakin ki, gözəlləşir ən azı hər şey indi mərkəzi var. Belə ki, mən nə istifadə edirəm çıxır ki, başqa dil cəmi adlanır CSS, kaskad stillər. Və CSS, səmimi, mehriban deyil , mənim şəxsi fikrimcə, bir xüsusi amansızlıqla nəzərdə dili. Bu xatırlamaq çox annoying edir bütün müxtəlif məlumat. Lakin bu stylizes nə bütün dünyada web bu gün. Mən kimsə təhqir. Bütün hüquqlar. Belə nin burada geri getmək və görmək bildirin necə biz, həqiqətən, bu istifadə edirik. Və ən azı bu, çıxır həqiqətən olduqca sadə dil. Bu yalnız əsas dəyər cüt, xassələri və dəyərlər, xassələri və dəyərlər. Həqiqətən, burada bir əmlak və dəyəri. Sadəcə stil istifadə edərək, mənim bədən tag atributu və bir dəyər verilməsi söz kolon və başqa bir söz, və ya əmlak və dəyəri, Mən estetik təsir göstərə bilər web page, deyil mütləq hələ strukturu, ancaq estetik. Və yalnız ətrafında Googling, mən həyata ki CSS, Cascading Style Sheets, adlı əmlak dəstəkləyir onların dəyəri text-align bilər, Məsələn, sağ, və ya mərkəzi buraxdı. Belə ki, indi yenidən zaman Bu səhifə, mən nə əldə etdiniz bir mərkəzi səhifə idi, lakin hələ olduqca çirkin. Nin irəli getmək və açmaq bildirin Axtarış versiya 2 up. İndi bir az daha etdik bilərsiniz. Baş daxilində burada up edək tag, adı daha çox ola bilər. Əslində, bir stil tag var. Yalnız bir olur və bu bəzən az messy görən CSS. Mən bir şey var görünür ki, bildiriş ki, struktur çox fərqli görünür. Amma burada adı Mən istəyirəm tag stilizə üçün. Burada bizim köhnə dostlar buruq var aşırma və qapalı buruq brace. Və sonra burada ki, əmlak və onun dəyəri. Bu fayl yük varsa, search2.html, son nəticə eynidir. Amma yaxşı dizayn doğru bir addımdır. Bu CSS faktorinq, mən var mənim HTML ilə qarışıq deyil. Biz görəcəksiniz kimi, həqiqətən, Mən ola bilər Bu xüsusiyyətləri və dəyərləri təkrar. Mən dəstələri etmək istəyirdi Mənim web page hissələri mərkəzi, Mən style = text-align yazın yoxdur bütün yer üzərində mərkəzi. Mən bir yerdə qoya bilər bəlkə, üst qədər istəyirəm. Lakin hətta bu yaxşı dizayn deyil. Əslində, hər biri siz öyrənmək lazımdır Siz daha çox və daha çox vaxt sərf kimi web proqramlaşdırma ki, daha siz deyil şeyi və amil şeyi modularize H faylları kimi, bizə amil stuff bildirin Bizə amil şeyi edək helpers.c istəyirəm Bir neçə psets əvvəl. Eynilə, biz bilər Bu nail olmaq istəyirik. Belə ki versiyası bildiriş search.html üç I var baş təmizlənib səhifə və yalnız qoymaq bu, bir link tag olan adı zidd, bir keçid vermir. Bu yolu ilə başqa bir fayl bağlantılar onların dəyəri bu halda bir href, Axtarış-3.css edir Belə ki, biz tez olacaq bilirik. Amma edirəm bütün növ ətrafında şeyi hərəkət. Mənə açıq axtarış-3.css edək. Onu həqiqətən, heç bir şey yoxdur. Mən yalnız sitemizi və yeni onu yapışdırılır biz məhsulları factored çox kimi, fayl əvvəl digər faylları daxil. Və, nəticə tamamilə underwhelming-- eyni olacaq. Amma biz toward-- hərəkət etdiyiniz heç bir, bu deyil. Oh, mən nə bilirik. Belə ki, bir səhv görünür. Və bəzi mənada edir. Amma mənim Network nişanı açmaq bildirin. Mənə səhifəni yenidən bildirin. Ah, niyə CSS tətbiq olunur? Yaxşı, CSS fayl, eyni var oxunaqlı dünya, belə ki, danışmaq. Və bu da hazırda qadağandır. Mənə bir chmod a + r edək ulduz nöqtə CSS-- whoops-- biz dot CSS yalnız istəyirik CSS fayllar üçün fayl uzantısı. İndi mənə geri gedək mənim brauzerinizin və yenidən. OK, bir az daha yaxşı. İndi mənə son bir şey edək. Axtarış 4.html In. Mən yalnız düşündüm ki, bir versiyası yol daha olsa, yol soyuq idi mürəkkəb. Ilk nəticəsində baxaq. Bizə daha çox otaq vermək üçün bu bağlayın. Bu,-4 axtarış daxil edin dəyişdirin. İndi şeyi bir dəstə sınıq olunur. Mən geri getmək üçün gedirəm burada mənim dizine. Və indi mən yalnız gedirəm bir fayl bir + r bir chmod Mən adlı exists-- bilirik, çünki bir image olan logo.gif. İndi yeniden. Və mən indi wow-- olduqca yaxın, səmimi, Google 1999-cu versiyası kimi, və səmimi, Google 2014 versiyası, sağ? Belə ki, indi onların veb olacaq nəticədə, Mən pişik üçün axtarış edin. Və həqiqətən deyil. Amma fərqli nə idi Bu versiya 4? Beləliklə, biz burada çox çox dayanmaq deyil. Siz problem bu görəcəksiniz nəticədə yeddi seçin. Amma bir neçə şey idi qeyd. Mən div təqdim bölmə olan tag, bir paraqraf tag ruhda oxşar. Amma bir bölmə burada, yalnız kimi düzbucaqlı görünməz region ekran. Nin unikal verək tanıdan bir footer, yalnız belə ki, biz haqqında danışmaq olar ki, Bu başqa, bizim HTML. Burada Səhifənin bir div deyil kimin ID content olacaq. Bu səhifənin məzmunu var. Və burada bu səhifənin mövzu deyil. Başqa sözlə, mən var mahiyyətcə HTML əqli am bu web page kimi görüntü üç komponentləri, bir header Bu görünməz düzbucaqlı ilə burada, Bu ortada content, və sonra aşağı footer, hətta baxmayaraq ki, biz o şeyi görmürəm. Mən başımda istəyirəm, çünki səhifə burada, və ya bir css faylı, Mən bu sintaksis istifadə edə bilərsiniz. Header tag deyil. Çevrilir, belə ki, bir ID var #header etməklə ki, Mən indi bir və ya daha çox müraciət edə bilər mövzu üçün xassələri. Mən eyni məzmunu edə bilər, burada məzmun üçün eyni. Məsələn, footer, bildiriş belə Mən əlavə alıram bu xassələri bütün. Mən onlar oxu yalnız mövcud bilirik CSS sənədlərin up. Font ölçüsü smaller-- olacaq belə ki, bəzi nisbi font ölçüsü. Çəki qalın olacaq. Neçə piksel Margin-- ətrafında it-- 20 piksel. Və mərkəzi olacaq. Amma indi, səhifə bu kimi görünür. Mən razı deyiləm əgər orada mənim surəti, Mən qırmızı rəng kimi bir şey edə bilər. Və sonra mən bu saxlaya bilərsiniz, yeniden, və indi footer stilizə etdik. Belə ki, bu, yalnız güc işarə edir Bir web page nə edə şeyi ətrafında dəyişdirmək. Bu daha soyuq, əgər siz faktiki web ətrafında soxmaq üçün, Siz daimi onları dəyişə bilməz. Amma açmaq əgər Chrome Inspector yenidən Mən sol tərəfində deyil getmək burada Facebook HTML göstərir, lakin sağ göstərir tərəfdən onun CSS, Siz bilərsiniz və Tez şeyi dəyişir. Mənə irəli getmək və bunu bildirin. Mənə davam və nəzarət gedək Burada bu təsadüfi söz basın, imza və Element Inspect basın. Chrome çox rahat jumps Facebook istifadə edir ki, h1 tag. Və burada Facebook qeyd cür tənbəlcəsinə var ağır burada mülkiyyəti kimi font ölçüsü kodlu. Belə ki, sərin şey olsa Mən, həqiqətən, burada getmək əgər və oh, Facebook, mən ki, kimi deyil, demək 64 piksel, biz indi Facebook dəyişə bilərsiniz. Əlbəttə ki, biz onu yalnız dəyişən edirik Mənim üçün şəxsən bu anda. Amma bu yalnız başqa Bizim alət dəsti alət bizə çimdik imkan olacaq və anlamaq və həmçinin diaqnoz öz web pages məsələləri. Və biz eyni üzərində getmək bilər burada eyni şey olan. Siz, həqiqətən, xülya almaq istəyirsinizsə, mən indi siz həqiqətən səhifə mutate bilər, demək və crazy şeyi. Belə ki, niyə bu faydalıdır? Yaxşı, nəticədə, biz istəyirik olmaq istəyirəm gedir web pages yarada ki, öz geri bitir tərəfindən idarə olunur, deyil, yalnız Google və orada geri sonuna autsorsinq. Biz əslində istəyirik dəyəri, məsələn, Axtarış engine fəaliyyət başqasına deyil getmək aid, lakin search.php kimi bir şey, search.php öz server olduğu, başqasının haqqında. Və biz, həqiqətən, orada almaq üçün Yeni bir dil təqdim etmək lazımdır. Beləliklə, biz artıq yeni bir baxdı etdik həqiqətən, burada dil, və ya iki, HTML və CSS. Lakin onlar, həqiqətən, yalnız var struktur və estetik languages. Onlar proqramlaşdırma deyilik languages ​​özlüyündə. Və formal haqqında daha çox var vaxt biz onlara sərf lazımdır kimi. Biz indi başlamaq lazımdır, çünki PHP keçid. Belə ki, PHP faktiki deyil proqramlaşdırma dili. Bu scripting dil var bu mənada ki yüngül çəki nəzərdə C. kimi bir şey Və bir şərh dil var, bu da tərtib deyil deməkdir. Özetle, belə ki, bu nə demək idi biz c kimi bir dil istifadə edərkən və biz bunu tərtib idi? Bu nə deməkdir C mənbə kodu tərtib? Auditoriya: [işitilemez]. DAVID MALAN J: yenə deyirəm? Auditoriya: [işitilemez]. DAVID MALAN J: Perfect. Bu ikili onu çevrilir. Bu zeroes və olanları onu çevrilir faktiki English kimi mənbə kodu. Və sonra biz həqiqətən bilərsiniz həmin zeroes və olanları run vasitəsilə onları keçərək Cüt tıklayarak bir icon ilə CPU və ya bir komanda çalışır. PHP və Python və Ruby Perl və JavaScript və və digər dəstələri languages ​​şərh olunur demək olan languages, Əgər siz onları tərtib etmir. Əksinə, siz giriş kimi onlara yem Bir proqram tərcüməçi çağırıb. Və tərcüməçi, ki, başqasının yazdığı alt mənbə üst kodu oxuyur sağ və yalnız şərh edir tərk o xətləri və siz demək nə. Karşılaşacağınız əgər belə bir print deyir ki line, mütləq çap çevirmək deyil müvafiq adet sıfır və olanları. Bu kimi bu tərcüməçi var deyir ki, böyük əgər vəziyyət, proqramçı təlimat əgər çap, sonra aşağıdakı. Belə ki, yalnız şərh əsaslandırıcı növ siz bunu izah edirik nə ilə. Və PHP bu dillərdə biridir. Və PHP il bundan əvvəl nəzərdə tutulmuşdur dəqiq web proqramlaşdırma üçün. Və ilkin idi çox diqqətsiz messy dil. Və həqiqətən, böyük bir var Orada pis PHP kod məbləği. Amma dil özü il ərzində çatmış, qədər ki, indi belə həqiqətən gözəl növbəti addım pedaqoji çünki C hər şey tanış belə gözəkli Yalnız son bir neçə həftə gördüm. Biz görəcəksiniz bir ilkin fərq heç bir əsas funksiyası artıq var edir. Siz yazılı kodu başlattığınızda, yalnız var gedir nə olursa olsun həyata almaq, Biz bir anda görəcəksiniz kimi. Eyni zamanda, burada nə dəyişən PHP kimi görünür. Bu, bir az fərqli yalnız çətinliklə. PHP, güclü yazaraq yoxdur. Həftə yazaraq var, olan yalnız var deməkdir strings kimi data növləri və nömrələri və digər şeylər. Amma ifadə narahat deyil onlar artıq nə. PHP sizin üçün tutulur. Dollar işarəsi bir qərar PHP insanlar il ki əvvəl belə PHP hər hansı bir dəyişən yalnız bir dollar işarəsi ilə başlayır. Bu həqiqətən cür faydalı Bu bir az daha siz həyata atlamalar. Amma bundan sonra bu PHP bir vəziyyətdir. C qarşı müxtəlif nedir? Heç bir şey sual Trick, olan, həqiqətən, həqiqətən gözəldir. Php eyni Boolean ifadələr. Və qarşı Boolean ifadələr və ya, açarları, loops, loops, OK loops--, bu bir fərqlidir. Bir var həyata Belə ki çevrilir PHP digər xüsusiyyətləri neçə. Onlardan biri, əslində bu olan gözəl rahatdır. $ Nömrələri əgər var ki, bir sıra edir bir proqramda əvvəl elan, hər tikinti üçün bu xülya var ki, bütün bunu əvəzinə annoying Mən, 0 bərabərdir Bu az, [? Mən ++?] sayı, hər kimi hər ədəd üçün o dollar işarəsi dəyərlər yalnız dəyişən və sonuncu Siz I. kimi hesab edə bilər Siz istədiyiniz bir şey zəng edə bilər. Mən nömrəsi çağırıb. Bu üzərində təkrarlamaq gedir array nömrələri adlanır. Və hər iteration, bu avtomatik yeniləmə olacaq Siz dollar işarəsi sayı üçün dəyişən ki, daim istədiyiniz dəyişən imkanı var Hər hansı bir kvadrat mötərizə olmadan bir sıra daxil notation və ya endeksleme. Bundan başqa, hətta kimi şeylər var demək olar ki, eyni baxmaq olan Diziler, Bu, çox var istisna olmaqla biz will PHP və JavaScript, həm də bax bir sıra başlamaq pre kvadrat mötərizə istifadə. C qıvrım aşırma istifadə edir. Belə ki, baxmayaraq ki, bir az fərqli biz, həqiqətən ki, çox oyun istifadə etməyib. Amma daha güclü, PHP, assosiativ serialların var bir xülya yoludur hash masalar deyərək. Əslində, bir hash bəyan etmək istəyirəm əgər masa PHP,, C fərqli olaraq nə qədər kodu xətləri almaq idi əslində C hash table həyata? Və kodu onu neçə xətləri edir C hash table həyata alaraq? Belə ki, hüququ, yəqin ki, çox var? Bu bəlkə, 100 və ya 200 bir neçə onlarla var. Bu nontrivial var. Yoxsa kimi olmaq haqqında Siz tezliklə, nontrivial görəcəksiniz bir hash table həyata [Işitilemez] və həmçinin bir cəhd. Php və səmimi, mən yəqin ki, bu demək deyil Monday-- qədər PHP, əgər Siz həyata, bir masa istəyirəm. Ki, bir hash belə Masa var kodu biri xətti ilə. Və Dil bir çox bunu. Pset beş ilə Əylən. Belə ki, dil bir çox bunu. Onlar bu çıkarıldığının vermək digər insanların, digər proqramçılar ki, ki, sizin üçün yaradılmışdır onların üzərinə durmaq bilər və super ki, fikir istifadə edərək başlamaq çekici, hash masalar və ağac kimi və çalışır. Amma mütləq yoxdur o şeyi özünüz həyata keçirir. Və nəticədə, nə biz PHP istifadə etmək olacaq potensial proqramları yazılı sözdə command line. Biz hər bir proqram yeniden bilər Biz indiyədək bu dövr yazdıq bəlkə istisna olmaqla, SPL istifadə edən Breakout, olan anda C xarakterikdir. Lakin hər bir digər problem set, əlbəttə Mario və Caesar və Vigenere və [? , Biz? Crack] və irəli bilər PHP yenidən həyata, və yəqin ki, daha asan bir az. Amma biz nəticədə nə olacaq web proqramlaşdırma üçün PHP istifadə etmək. Və biz növbəti tanış olacaq həftə ruhi model, adlı paradiqma MVC, model görünüşü nəzarətçi, siz proqramlaşdırma etdik əgər Python əvvəl və ya Ruby və ya başqa, siz Bu komanda ilə bilirik bilər Relsləri və Django və kimi. Amma yeni əgər Bu da, siz görəcəksiniz Bu, həqiqətən, çox təbii ki, Bu factorization uzadılması və dizayn sort kodu biz ki, C. bunu biz indi olacaq PHP həmin dərslər bəzi tətbiq belə ki, son nəticədə, biz öz web həyata keçirir. Və növ əgər mesmerized və ya heyran biz nə olacaq ki, belə tez bütün, demək olar ki, hər ki, həyata semestr, təxminən 90% o cümlədən, tələbələr CS50 ki, olan əvvəl proqramlaşdırılmış heç vaxt final layihələr edilməsi son ki, web proqramlaşdırma əsaslanır. Və belə yekunları olduğunu görəcəksiniz gələcək həftə yüksək. Beləliklə, biz bazar ertəsi sonra görəcəksiniz. HOPARLÖR 1: indi Və Deep Daven Farnham tərəfindən düşüncələr. Hash masalar. [Gülüş]