1 00:00:00,000 --> 00:00:03,486 >> [Music kucheza] 2 00:00:03,486 --> 00:00:10,460 3 00:00:10,460 --> 00:00:14,250 >> DAVID J Malan: Hii ni CS50 na huu ni mwanzo wa wiki 7. 4 00:00:14,250 --> 00:00:15,060 Hivyo kuwakaribisha nyuma. 5 00:00:15,060 --> 00:00:17,540 Na unaweza kukumbuka kuwa katika tatizo kuweka nne, 6 00:00:17,540 --> 00:00:21,510 kulikuwa na kidogo ya kumsaka mnyama mla mzoga kwa baadhi ya zawadi fabulous ambapo 7 00:00:21,510 --> 00:00:24,219 baada ya kupona picha za wafanyakazi wote hapa na katika New Haven, 8 00:00:24,219 --> 00:00:27,468 ungekuwa changamoto ya kupata kama wengi wa wale wanasayansi wa kompyuta kama unaweza. 9 00:00:27,468 --> 00:00:29,550 Na sisi tumepewa yote rundo la maoni. 10 00:00:29,550 --> 00:00:31,930 Walidhani Ningependa kushiriki chache na wewe hapa leo. 11 00:00:31,930 --> 00:00:35,100 >> Na tutaweza baada yote haya online. 12 00:00:35,100 --> 00:00:39,310 Lakini hasa, nilitaka kuteka mawazo yako to-- vizuri moja, 13 00:00:39,310 --> 00:00:42,670 Sam alikuwa katika wachache kabisa wao ujumla kuuliza kama hii. 14 00:00:42,670 --> 00:00:45,750 Lakini inaonekana kwamba kama ya asubuhi hii, mshindi 15 00:00:45,750 --> 00:00:51,170 ilikuwa mtu mmoja jina lake Ken kwa 24 ya wafanyakazi alitekwa kwenye kamera 16 00:00:51,170 --> 00:00:54,600 au chache zaidi wakati kuchukua katika akaunti ya wafanyakazi mbalimbali katika picha. 17 00:00:54,600 --> 00:00:58,300 Picha hapa ni Ken ujao Maria katika New Haven. 18 00:00:58,300 --> 00:01:01,300 >> Sasa, Ken, ingawa, anarudi nje kidogo ya kesi kona 19 00:01:01,300 --> 00:01:02,880 hiyo bado kilichotokea kabla. 20 00:01:02,880 --> 00:01:05,713 Ni zinageuka kuwa hakuwa na kutokea kwangu kuweka magazeti faini katika tatizo 21 00:01:05,713 --> 00:01:09,710 kuweka nne ambazo anasema kwamba wafanyakazi ni wasiostahili kwa ajili ya zawadi fabulous 22 00:01:09,710 --> 00:01:13,130 kwa sababu Ken ni, bila shaka, moja ya wapiga picha juu ya wafanyakazi wetu. 23 00:01:13,130 --> 00:01:16,820 Sasa, kwa kuwa alisema, yeye awali aliandika kwangu kusema 24 00:01:16,820 --> 00:01:19,180 tafadhali wala post picha hizi online. 25 00:01:19,180 --> 00:01:21,630 Nadhani katika sehemu kubwa kwa sababu wengi wa picha 26 00:01:21,630 --> 00:01:24,499 kuwa mpiga picha hii alichukua kuangalia kitu kidogo kama hii. 27 00:01:24,499 --> 00:01:25,040 Na kama. 28 00:01:25,040 --> 00:01:28,990 >> Lakini Ken ungependa mimi kuwahakikishia wewe kwamba yeye ni mpiga picha nzuri sana, 29 00:01:28,990 --> 00:01:33,190 yeye ni mtaalamu, yeye anachukua picha ambayo si blurry, 30 00:01:33,190 --> 00:01:37,270 kwamba ni bora katika lengo, na yeye alichukua wachache kabisa wa wafanyakazi wetu wenyewe. 31 00:01:37,270 --> 00:01:40,370 Lakini badala ya kukiri tu Ken, nini sisi mawazo tunatarajia kufanya 32 00:01:40,370 --> 00:01:43,390 ni kwenda kupitia orodha ya wanafunzi halisi ambao kuwasilishwa. 33 00:01:43,390 --> 00:01:48,640 Na zinageuka kuwa Lance kwa Picha 15 kama ya leo asubuhi 34 00:01:48,640 --> 00:01:50,030 alikuwa mshindi wetu. 35 00:01:50,030 --> 00:01:55,730 >> Na pichani hapa ni Lance na Colton, na Skaz, na nafsi yangu, na Sam. 36 00:01:55,730 --> 00:02:00,230 Lakini basi zinageuka kuwa kama ya 11:46, hivyo kidogo tu iliyopita, 37 00:02:00,230 --> 00:02:04,380 Mimi kurudi email yangu na kukuta kwamba tulikuwa bado na mtu mmoja zaidi ya kuwasilisha 38 00:02:04,380 --> 00:02:08,300 na mwanafunzi mmoja aitwaye Bonnie ambao email alisema tu hii. 39 00:02:08,300 --> 00:02:10,800 Si kwenda uongo, mimi nina kufanya hivyo wakati wa darasa. 40 00:02:10,800 --> 00:02:17,620 Na kisha aliendelea na ambatisha tu 14 picha, moja aibu ya Lance ya 15. 41 00:02:17,620 --> 00:02:22,690 >> Lakini katika Bonnie ya picha, ni zamu nje walikuwa wanachama nyingi wafanyakazi, Sam 42 00:02:22,690 --> 00:02:25,960 kati yao, hivyo nini sisi mawazo atafanya ni kukiri wote wawili wa haya. 43 00:02:25,960 --> 00:02:29,240 Hivyo kwa kuongeza kupata Dropbox nafasi hiyo kila mtu ambaye alishiriki 44 00:02:29,240 --> 00:02:33,900 inapata, sehemu hizi mbili mapenzi pia kupokea nzuri anasaidiwa chakula cha mchana kwa ajili yao 45 00:02:33,900 --> 00:02:36,100 na sehemu zao mates wiki hii ijayo. 46 00:02:36,100 --> 00:02:38,970 Na hivyo mtasikia kutoka kwetu, Lance na Bonnie, juu ya hilo. 47 00:02:38,970 --> 00:02:40,002 Congrats kubwa sana kwao. 48 00:02:40,002 --> 00:02:42,210 Sasa, wale ambao ungekuwa kama chakula cha mchana kwa ujumla zaidi 49 00:02:42,210 --> 00:02:45,320 tunajua kwamba chakula cha mchana CS50 katika Cambridge na New Haven ni Ijumaa hii. 50 00:02:45,320 --> 00:02:48,510 Kwenda CS50 tovuti kufyeka RSVP. 51 00:02:48,510 --> 00:02:49,800 Na sasa neno juu ya semina. 52 00:02:49,800 --> 00:02:50,730 Curricularly zaidi. 53 00:02:50,730 --> 00:02:52,490 Hivyo sisi ni inakaribia hatua ya muhula 54 00:02:52,490 --> 00:02:55,200 ambapo unapaswa kuanza kufikiri juu ya miradi ya mwisho. 55 00:02:55,200 --> 00:02:59,309 Na kwa kweli, katika kidogo tu, mapenzi kinachojulikana mapendekezo ya awali kuwa kutokana. 56 00:02:59,309 --> 00:03:01,850 Mapendekezo hivyo kabla ni maana ya athari itakuwa pretty chini na kwa kweli 57 00:03:01,850 --> 00:03:04,109 tu nafasi kwa kutunga kumbuka short 58 00:03:04,109 --> 00:03:06,900 mafundisho wenzako ndio mnamfundisha kwake kile unachokifikiria wewe 59 00:03:06,900 --> 00:03:09,140 kutaka kufanya kwa ajili ya mradi wako wa mwisho. 60 00:03:09,140 --> 00:03:11,730 >> Sasa, wanafunzi wengi kuishia kufanya mtandao msingi miradi ya mwisho. 61 00:03:11,730 --> 00:03:13,800 Na bila shaka, tuko tu wiki sasa mwisho katika hii 62 00:03:13,800 --> 00:03:15,890 na zaidi ya mbizi katika programu ya mtandao. 63 00:03:15,890 --> 00:03:18,200 Hivyo si kuwa na wasiwasi kama wewe kuwa na kabisa hakuna wazo jinsi 64 00:03:18,200 --> 00:03:21,594 ungependa kujenga mawazo ambayo unaweza kuwa katika akili yako. 65 00:03:21,594 --> 00:03:24,510 Hii ni kweli tu kazi na kulazimisha kupata wewe kufikiri na kuzungumza 66 00:03:24,510 --> 00:03:25,650 na TF yako kuhusu hilo. 67 00:03:25,650 --> 00:03:28,810 Lakini kwa kukusaidia kwa hilo, na na miradi ya mwisho hatimaye, 68 00:03:28,810 --> 00:03:31,750 tunajua kwamba CS50 ina desturi ya sadaka semina. 69 00:03:31,750 --> 00:03:36,084 >> Na hawa ni hiari, mikono juu ya, au hotuba kulingana na fursa 70 00:03:36,084 --> 00:03:39,000 kujifunza zaidi kuhusu mada ambazo ni ancillary kidogo kozi ya 71 00:03:39,000 --> 00:03:43,310 mtaala, lakini hata hivyo ajabu nyenzo ya kuendesha miradi ya mwisho. 72 00:03:43,310 --> 00:03:46,840 Na hivyo hii ni orodha hiyo ni CS50 wafanyakazi hapa katika New Haven 73 00:03:46,840 --> 00:03:48,600 wamekuja na kwa mwaka huu kuhusu iOS 74 00:03:48,600 --> 00:03:50,730 programu, Android programu, mchezo maendeleo, 75 00:03:50,730 --> 00:03:54,480 na mashada ya zana zaidi na lugha na mbinu. 76 00:03:54,480 --> 00:03:56,780 >> Hivyo kuweka jicho kwenye tovuti CS50. 77 00:03:56,780 --> 00:04:00,110 Na wakati huo huo, kama Ningependa kwa kujiandikisha maslahi yako katika kimojawapo cha vitu hivi, 78 00:04:00,110 --> 00:04:02,510 kwenda CS50 kufyeka kujiandikisha. 79 00:04:02,510 --> 00:04:05,770 Na ndipo tutakuwa kufuatilia kama kwa siku na nyakati ndege na maeneo 80 00:04:05,770 --> 00:04:09,090 na everything-- zaidi kila kitu mapenzi kuwa streamed na pia inapatikana kwenye mahitaji 81 00:04:09,090 --> 00:04:11,750 baada ya kama huwezi kweli kufanya hivyo. 82 00:04:11,750 --> 00:04:15,800 Hivyo bila wasiwasi zaidi, sisi wakaacha mara ya mwisho kwa GET. 83 00:04:15,800 --> 00:04:19,610 >> Na hii ilikuwa kama ujumbe kwamba alikuwa ndani ya bahasha virtual, kukumbuka, 84 00:04:19,610 --> 00:04:23,960 kwamba sisi kupita kutoka ruta na router kwa ruta kati ya kivinjari na mtandao 85 00:04:23,960 --> 00:04:24,487 server. 86 00:04:24,487 --> 00:04:26,695 Na ujumbe kwamba inaonekana kitu kidogo kama hii. 87 00:04:26,695 --> 00:04:29,700 Hii ilikuwa ni ujumbe zaidi arcane kwamba ilikuwa kwa kweli ni ndani ya bahasha 88 00:04:29,700 --> 00:04:34,440 Imeandikwa katika kipande cha karatasi ambaye mstari wa kwanza anasema halisi, kupata kufyeka. 89 00:04:34,440 --> 00:04:37,830 >> Na kama vile sanity hundi, nini kufyeka kuashiria? 90 00:04:37,830 --> 00:04:40,455 Je kufyeka maana wakati kuomba tovuti? 91 00:04:40,455 --> 00:04:43,070 92 00:04:43,070 --> 00:04:44,250 Wewe ombi hilo wakati wote. 93 00:04:44,250 --> 00:04:47,333 Wengi wakati wowote wewe kutembelea tovuti, wewe si kweli aina katika jina la faili. 94 00:04:47,333 --> 00:04:50,960 Pengine tu kwenda Facebook.com, kuingia, gmail.com, au kama. 95 00:04:50,960 --> 00:04:52,260 Na nini kufyeka kuwakilisha? 96 00:04:52,260 --> 00:04:53,506 Nini faili? 97 00:04:53,506 --> 00:04:54,630 Au kile ukurasa, hasa? 98 00:04:54,630 --> 00:04:59,642 99 00:04:59,642 --> 00:05:00,720 >> Ripoti, yeah. 100 00:05:00,720 --> 00:05:01,810 Hivyo ukurasa default. 101 00:05:01,810 --> 00:05:04,810 Hivyo kama huna bayana faili jina kama tutaweza kuanza kuona, 102 00:05:04,810 --> 00:05:07,750 wewe ni kweli kuomba tu nipe chaguo-msingi ukurasa wa Facebook 103 00:05:07,750 --> 00:05:10,800 au nipe Inbox yangu au kutoa mimi chaguo-msingi ukurasa wa habari 104 00:05:10,800 --> 00:05:12,510 kwenye tovuti ya CNN au kama. 105 00:05:12,510 --> 00:05:15,220 Na server kisha anajibu kwamba ujumbe na kitu 106 00:05:15,220 --> 00:05:18,420 kama hii, akisema ndiyo, mimi kusema HTTP toleo 1.1. 107 00:05:18,420 --> 00:05:21,130 >> 200, ambayo ni hali ya kificho kwamba sisi binadamu mara chache 108 00:05:21,130 --> 00:05:22,790 milele kuona kwa sababu ni nzuri. 109 00:05:22,790 --> 00:05:26,640 Kwa sababu ina maana sawa, ombi alipokelewa na kubebwa vizuri. 110 00:05:26,640 --> 00:05:28,960 Na aina ya maudhui inaonekana katika kukabiliana 111 00:05:28,960 --> 00:05:31,170 ni mara nyingi kabisa, lakini si mara zote, maandishi. 112 00:05:31,170 --> 00:05:32,580 Na hasa, HTML. 113 00:05:32,580 --> 00:05:34,760 Na hiyo ni kweli ambapo sisi kuangalia leo. 114 00:05:34,760 --> 00:05:37,140 >> Hivyo kwa kweli, mimi nina kwenda mbele na kufungua browser. 115 00:05:37,140 --> 00:05:40,410 Mimi nina kwenda kutumia Chrome, unaweza kutumia zaidi browser yoyote katika wiki ijayo. 116 00:05:40,410 --> 00:05:42,410 Sisi ujumla kupendekeza Chrome kwa sababu ni hasa 117 00:05:42,410 --> 00:05:43,750 nzuri kwa watengenezaji programu. 118 00:05:43,750 --> 00:05:46,070 Ni got mengi ya kujengwa katika zana kwamba kufanya hivyo ni rahisi 119 00:05:46,070 --> 00:05:49,800 kuendeleza si tu HTML na CSS, mambo tutaweza kuanza kuzungumza juu ya leo, 120 00:05:49,800 --> 00:05:51,530 lakini pia lugha nyingine kama vile. 121 00:05:51,530 --> 00:05:55,530 >> Na mimi nina kwenda mbele na kwenda to-- Mimi nina kwenda Kudhibiti click au kulia 122 00:05:55,530 --> 00:05:57,210 click popote kwenye mtandao. 123 00:05:57,210 --> 00:05:59,070 Na mimi nina kwenda kwa Kukagua kipengele. 124 00:05:59,070 --> 00:06:03,850 Na mimi nina kwenda tweak yangu screen kidogo tu hapa. 125 00:06:03,850 --> 00:06:05,790 Hebu hoja hii hadi chini. 126 00:06:05,790 --> 00:06:08,140 Hivyo hii ni kile kinachoitwa Chrome ya Inspekta. 127 00:06:08,140 --> 00:06:11,010 Hivyo hii ni kama debugging chombo kujengwa katika Chrome. 128 00:06:11,010 --> 00:06:13,520 >> Wote wa tayari una hii kama tumekuwa kutumia Chrome. 129 00:06:13,520 --> 00:06:17,169 Na utapata kuona nini kinaendelea chini ya Hood ya baadhi ukurasa wa mtandao. 130 00:06:17,169 --> 00:06:19,210 Basi hebu kweli kuchukua kuangalia hii kama ifuatavyo. 131 00:06:19,210 --> 00:06:21,251 Ni ina sifa njia zaidi na sisi huduma ya juu leo. 132 00:06:21,251 --> 00:06:22,760 Lakini kuna tabo hizi zaidi ya hapa. 133 00:06:22,760 --> 00:06:25,890 Vipengele, mtandao, vyanzo, kalenda ya matukio, na baadhi ya mambo mengine. 134 00:06:25,890 --> 00:06:27,800 Mimi nina kwenda click kwenye Mtandao kwa sasa. 135 00:06:27,800 --> 00:06:30,500 >> Na ni kidogo mno katika mtazamo wa kwanza hapa. 136 00:06:30,500 --> 00:06:34,190 Lakini nini mimi kwenda kufanya ni basi mimi kurahisisha hilo kidogo. 137 00:06:34,190 --> 00:06:37,560 Mimi nina kwenda kurejea kwenye kurekodi mwanga ili ni nyekundu. 138 00:06:37,560 --> 00:06:39,140 Na mimi nina kwenda kusema kuhifadhi gogo. 139 00:06:39,140 --> 00:06:41,015 Na hii ni kidogo tu Jambo I figured nje 140 00:06:41,015 --> 00:06:44,120 baada ya muda ambayo inaenda kuokoa kila kitu kinachotokea katika browser. 141 00:06:44,120 --> 00:06:50,030 Na sasa mimi nina kwenda kwa http://facebook.com. 142 00:06:50,030 --> 00:06:52,690 >> Kwa kweli, hebu kufanya www kwa hatua nzuri, kufyeka. 143 00:06:52,690 --> 00:06:53,643 Kuingia. 144 00:06:53,643 --> 00:06:56,180 Hivyo URL kwamba wengi wa unaweza kuwa alitembelea. 145 00:06:56,180 --> 00:06:58,830 Na sasa Facebook ya mtandao ukurasa anakuja juu kwa juu. 146 00:06:58,830 --> 00:07:02,350 Na kisha kundi zima la mambo akaruka na chini. 147 00:07:02,350 --> 00:07:04,830 Na kwa kweli, zinageuka kuwa wakati wa ziara Facebook.com, 148 00:07:04,830 --> 00:07:09,320 wewe si tu kufanya ombi moja HTTP, zinageuka kuwa kwenda Facebook.com 149 00:07:09,320 --> 00:07:14,320 inapeleka 41 ya bahasha hizo, kila mmoja kwa kupata wake ombi wenyewe, 150 00:07:14,320 --> 00:07:18,360 kama ilivyoainishwa, angalau nyuma ya screen hapa, chini ya screen, 151 00:07:18,360 --> 00:07:24,040 inaonyesha kuwa, kwa hakika, yangu kisakuzi alifanya 41 maombi. 152 00:07:24,040 --> 00:07:29,689 >> Na katika jumla, ni kuhamishiwa 861 kilobytes na ilichukua kwa sababu fulani 153 00:07:29,689 --> 00:07:31,730 sekunde kama nane kwa kushusha yote hayo. 154 00:07:31,730 --> 00:07:33,790 Hivyo hiyo ni kweli weird kidogo kwamba tovuti ya Facebook itachukua kwamba 155 00:07:33,790 --> 00:07:35,600 muda mrefu, lakini na iwe hivyo katika kesi hii. 156 00:07:35,600 --> 00:07:39,520 Sasa, haya yote mimi si kweli huduma kuhusu isipokuwa kwa ombi topmost. 157 00:07:39,520 --> 00:07:46,440 Basi hebu kwenda kwa hii moja hapa hapa na napenda kuvuta nje kwa muda tu. 158 00:07:46,440 --> 00:07:47,754 >> Na napenda kuvuta hii. 159 00:07:47,754 --> 00:07:50,670 Hivyo kile nimepata kufanyika katika kushoto ingawa kuna mengi kinachoendelea juu hapa 160 00:07:50,670 --> 00:07:53,360 ni Nimekuwa yalionyesha Facebook.com na kisha 161 00:07:53,360 --> 00:07:56,540 taarifa kwamba mimi nina scrolling chini, scrolling chini, scrolling chini, 162 00:07:56,540 --> 00:07:58,330 kuomba vichwa. 163 00:07:58,330 --> 00:08:01,720 Na utaona kwamba Chrome ni kuonyesha mimi kimsingi yaliyomo ndani 164 00:08:01,720 --> 00:08:02,810 ya ombi nilifanya. 165 00:08:02,810 --> 00:08:06,130 Siyo formatting katika sawa kabisa njia, lakini taarifa kuna kutaja ya kupata, 166 00:08:06,130 --> 00:08:09,481 taarifa kuna kutaja ya jeshi, Facebook.com, njia, au kufyeka, 167 00:08:09,481 --> 00:08:10,730 ambayo ni faili mimi ombi. 168 00:08:10,730 --> 00:08:12,930 >> Na kisha kama mimi kitabu kuunga, tutaweza kweli 169 00:08:12,930 --> 00:08:17,270 kuona kwamba kile Picha akarudi kwangu ni wote wa vichwa hizi. 170 00:08:17,270 --> 00:08:21,040 Hivyo ndani ya kwamba bahasha virtual Hakika mengi ya thamani jozi ufunguo. 171 00:08:21,040 --> 00:08:23,130 Neno, matumbo, na kisha thamani. 172 00:08:23,130 --> 00:08:25,050 Neno, matumbo, na thamani. 173 00:08:25,050 --> 00:08:26,160 Hizi ni wito vichwa. 174 00:08:26,160 --> 00:08:31,860 Na kuna undani njia zaidi hapa kuliko sisi kweli huduma kuhusu hivi sasa. 175 00:08:31,860 --> 00:08:33,750 >> Lakini hii ni ya pili kwa mwisho moja chini ya hapo, 176 00:08:33,750 --> 00:08:38,809 taarifa kwamba kompyuta Facebook.com wa, Hakika alisema hiyo inakuja baadhi HTML asilia. 177 00:08:38,809 --> 00:08:41,409 Hivyo yote haya ni kusema kwamba wakati ombi mtandao 178 00:08:41,409 --> 00:08:44,300 ukurasa kutoka browser kwa server, kwamba server anajibu 179 00:08:44,300 --> 00:08:47,630 na bahasha yake mwenyewe ndani ya ambayo ni ya maandishi. 180 00:08:47,630 --> 00:08:49,020 Kwa maneno mengine, HTML. 181 00:08:49,020 --> 00:08:50,590 HyperText ghafi lugha. 182 00:08:50,590 --> 00:08:53,200 Ambayo ni lugha nyingine kwamba sisi kuanzisha leo 183 00:08:53,200 --> 00:08:57,740 kwamba binadamu au kompyuta kuzalisha ili kutekeleza kurasa za mtandao. 184 00:08:57,740 --> 00:08:59,580 >> Hasa, hebu tuangalie hii. 185 00:08:59,580 --> 00:09:03,277 Mimi nina kwenda sasa kurudi nyuma na tovuti ya Facebook. 186 00:09:03,277 --> 00:09:05,360 Na mimi nina kwenda tu kudhibiti click au click haki 187 00:09:05,360 --> 00:09:07,634 na bonyeza View Kwanza Chanzo. 188 00:09:07,634 --> 00:09:10,550 Na hata kama huna matumizi Chrome, IE unaweza kufanya hivyo, Firefox unaweza kufanya hivyo, 189 00:09:10,550 --> 00:09:14,060 Safari anaweza kufanya hivyo, hata kama orodha chaguzi ili kuangalia tofauti kidogo. 190 00:09:14,060 --> 00:09:18,990 Na hii ni HTML kwamba Mark na kampuni katika Facebook wameandika. 191 00:09:18,990 --> 00:09:24,640 >> Na kwa pamoja, lugha hii hapa kutekeleza bluu na nyeupe ukurasa 192 00:09:24,640 --> 00:09:26,370 kuwa tuliona wakati iliyopita. 193 00:09:26,370 --> 00:09:28,030 Sasa, hii ni kidogo mno. 194 00:09:28,030 --> 00:09:31,400 Lakini kama sisi kuangalia juu juu kushoto, tuko kwenda kuanza kuona baadhi mwelekeo. 195 00:09:31,400 --> 00:09:34,140 Inaonekana kama kuna mengi wa haya wazi pembe mabano 196 00:09:34,140 --> 00:09:35,970 na kisha kuna HTML hii Keyword. 197 00:09:35,970 --> 00:09:38,330 Hapa ni mwingine wazi pembe mabano na kichwa. 198 00:09:38,330 --> 00:09:41,560 >> Hapa ni, kama sisi kitabu chini na chini na chini, mimi nina 199 00:09:41,560 --> 00:09:43,820 kwenda mbele na kujaribu kutafuta kitu fulani. 200 00:09:43,820 --> 00:09:48,510 Kuna njia zaidi ya juu ya haki hapa ni wazi mabano mwili. 201 00:09:48,510 --> 00:09:50,800 Na kukumbuka kutoka mwisho Wakati huo sisi mapendekezo 202 00:09:50,800 --> 00:09:53,364 kuwa rahisi mtandao ukurasa kwamba binadamu anaweza kuandika 203 00:09:53,364 --> 00:09:55,030 ili kuangalia kitu kidogo kama hii. 204 00:09:55,030 --> 00:09:58,430 Open HTML tag, wazi kichwa tag, wazi cheo tag, 205 00:09:58,430 --> 00:10:03,230 kisha kufungwa cheo, kufungwa kichwa, wazi tag mwili, baadhi ya maandishi, imefungwa mwili, 206 00:10:03,230 --> 00:10:04,720 kufungwa HTML. 207 00:10:04,720 --> 00:10:06,290 >> Lakini kunyamaza hapa kwa muda tu. 208 00:10:06,290 --> 00:10:09,030 Kanuni hii, hata kama wameweza kamwe kuandikwa yake kabla 209 00:10:09,030 --> 00:10:11,864 lakini bado hawana kabisa kuelewa nini kinaendelea, inaonekana nzuri sana. 210 00:10:11,864 --> 00:10:12,821 Haki, ni safi sana. 211 00:10:12,821 --> 00:10:14,120 Ni sana stylistically nzuri. 212 00:10:14,120 --> 00:10:16,190 Mengi ya indentation na nafasi nyeupe. 213 00:10:16,190 --> 00:10:18,020 Picha ya si. 214 00:10:18,020 --> 00:10:23,190 Hivyo ni kwa nini Picha sana mbaya zaidi kuliko mimi katika kuandika HTML? 215 00:10:23,190 --> 00:10:24,310 Inavyoonekana. 216 00:10:24,310 --> 00:10:26,899 >> Haki, hii ni kama moja kati ya watano kwa mtindo. 217 00:10:26,899 --> 00:10:29,315 Kuna sababu ya kulazimisha kwa wao kukata pembe hizo. 218 00:10:29,315 --> 00:10:31,069 219 00:10:31,069 --> 00:10:33,860 Haki wote, hivyo hawana unataka iwe rahisi kwa wewe kuisoma. 220 00:10:33,860 --> 00:10:36,940 Hivyo katika baadhi ya hisia, wao uko obfuscating hayo, aina ya scrambling ni 221 00:10:36,940 --> 00:10:40,260 angalau aesthetically hivyo kwamba ni vigumu kwa Myspace 222 00:10:40,260 --> 00:10:42,705 kwenda na mpasuko mbali yao Mzee na HTML kwa ajili yake. 223 00:10:42,705 --> 00:10:45,080 Ni zinageuka kuwa na mipango ingawa, ikiwa ni pamoja na Chrome, 224 00:10:45,080 --> 00:10:47,020 tunaweza safi hii up super urahisi. 225 00:10:47,020 --> 00:10:49,420 Hivyo ni kabisa si kwamba kama sababu. 226 00:10:49,420 --> 00:10:51,290 Nini kingine inaweza kuwa ni sababu. 227 00:10:51,290 --> 00:10:51,790 Naam. 228 00:10:51,790 --> 00:10:54,680 229 00:10:54,680 --> 00:10:55,890 Naam, gharama nyeupe nafasi data. 230 00:10:55,890 --> 00:10:56,598 Ni nini maana? 231 00:10:56,598 --> 00:11:02,250 232 00:11:02,250 --> 00:11:02,979 Yeah, kwa uhakika. 233 00:11:02,979 --> 00:11:06,020 Kama hit muhimu Tab mengi au nafasi bar, kufikiria matokeo. 234 00:11:06,020 --> 00:11:10,060 Hivyo kila muhimu kwenye keyboard yako ni [Inaudible] kuwakilishwa kama Byte moja. 235 00:11:10,060 --> 00:11:14,560 >> Hivyo kudhani kuwa Mark au yoyote ya devs siku hizi hits spacebar mara moja tu 236 00:11:14,560 --> 00:11:17,899 katika ukurasa huu HTML kwamba inawakilisha Mzee Facebook. 237 00:11:17,899 --> 00:11:19,690 Na kuungana ana mengi ya watumiaji siku hizi. 238 00:11:19,690 --> 00:11:24,030 Hivyo kudhani kuwa Mzee Facebook ni alitembelea na watu bilioni leo. 239 00:11:24,030 --> 00:11:27,020 Na mtu katika Facebook ina hit nafasi bar mara moja tu. 240 00:11:27,020 --> 00:11:29,890 >> Hivyo Byte moja ya ziada, bilioni maombi, 241 00:11:29,890 --> 00:11:32,790 kiasi gani data zaidi ni Facebook kuhamisha juu ya mtandao 242 00:11:32,790 --> 00:11:37,160 kwa sababu mtu kugonga spacebar kwenye keyboard yake? 243 00:11:37,160 --> 00:11:41,660 Bilioni ka, au gigabyte moja ya data ni kuwa ametumwa kutoka watumishi Picha 244 00:11:41,660 --> 00:11:43,626 kwa watu walio karibu dunia bila sababu nzuri. 245 00:11:43,626 --> 00:11:44,750 Sasa, hiyo ni nafasi moja tu. 246 00:11:44,750 --> 00:11:48,866 >> Hebu fikiria kama sisi kweli safi hii Jambo up na indented yake na aliongeza 247 00:11:48,866 --> 00:11:50,990 mengi ya nafasi nyeupe na tabo wahusika na mazingira, 248 00:11:50,990 --> 00:11:53,656 kuishia matumizi gigabytes, kama si terra ka zaidi ya nafasi. 249 00:11:53,656 --> 00:11:56,640 Na hivyo super kawaida katika dunia halisi ya maendeleo ya mtandao 250 00:11:56,640 --> 00:11:58,950 ni kwa minify kanuni yako. 251 00:11:58,950 --> 00:12:01,280 Na tutaweza hatimaye kuona jinsi unavyoweza kufanya hivyo. 252 00:12:01,280 --> 00:12:04,630 >> Lakini leo hii, tutaweza kuanza kuandika code hiyo ni kweli someka na binadamu yetu. 253 00:12:04,630 --> 00:12:10,120 Zinageuka, ingawa, kama wewe kurudi nyuma kwa chombo hiki katika Chrome Kukagua kipengele, 254 00:12:10,120 --> 00:12:12,030 hapo awali, tulikuwa juu ya tab Network. 255 00:12:12,030 --> 00:12:15,430 Ni zinageuka kuwa kama wewe kwenda mambo tabo, nini kweli kuona 256 00:12:15,430 --> 00:12:19,230 ni Chrome pretty kuchapishwa toleo la HTML hiyo. 257 00:12:19,230 --> 00:12:20,640 Hivyo tumekuwa deobfuscated yake. 258 00:12:20,640 --> 00:12:22,472 Hivyo ni hakuna mechi kwa kompyuta. 259 00:12:22,472 --> 00:12:24,430 Na sasa unaweza kweli bonyeza kuzunguka na kuanza 260 00:12:24,430 --> 00:12:27,630 kuona uongozi kwamba ni ukurasa wa mtandao. 261 00:12:27,630 --> 00:12:28,780 Basi hebu kweli kufanya hivyo. 262 00:12:28,780 --> 00:12:32,120 Mimi nina kwenda mbele na kufungua juu ya Mac yangu mpango ujulikanao maandishi hariri. 263 00:12:32,120 --> 00:12:35,490 Na kukumbuka kwamba hii ni super rahisi Nakala mpango. 264 00:12:35,490 --> 00:12:37,490 Madirisha ina notepad.exe. 265 00:12:37,490 --> 00:12:39,820 Na mimi nina kwenda kwa verbatim aina zifuatazo. 266 00:12:39,820 --> 00:12:44,650 Aina Doc HTML, wazi bracket HTML, imefungwa mabano HTML, 267 00:12:44,650 --> 00:12:49,000 tuna mkuu wa ukurasa hapa, Mwishoni mwa mkuu wa ukurasa hapa, 268 00:12:49,000 --> 00:12:52,310 cheo itakuwa kama, hello dunia. 269 00:12:52,310 --> 00:12:56,660 >> Na kisha chini hapa, tunahitaji mwili wa ukurasa wa mtandao. 270 00:12:56,660 --> 00:12:58,050 C. mwili. 271 00:12:58,050 --> 00:13:00,700 Na kisha katika hapa, hello dunia. 272 00:13:00,700 --> 00:13:01,270 Sawa. 273 00:13:01,270 --> 00:13:03,350 Hivyo tumekuwa imeandikwa mtandao super haraka ukurasa. 274 00:13:03,350 --> 00:13:06,675 Mimi nina kwenda kuokoa ni kama hello.html kwenye eneo kazi yangu. 275 00:13:06,675 --> 00:13:09,050 My Mac ya kwenda kulalamika, kufikiri kuwa, kusubiri dakika, 276 00:13:09,050 --> 00:13:11,091 hii ni faili maandishi, kufanya unataka simu yake txt? 277 00:13:11,091 --> 00:13:13,300 Lakini hakuna, mimi nataka kutumia nukta HTML. 278 00:13:13,300 --> 00:13:16,140 >> Na kisha nini ni nzuri kama mimi tu bonyeza mara mbili faili hili, 279 00:13:16,140 --> 00:13:18,600 hello.html, hapa ni mtandao ukurasa wangu. 280 00:13:18,600 --> 00:13:22,564 Kwa bahati mbaya, mimi ni mtu pekee katika dunia 281 00:13:22,564 --> 00:13:23,980 ambao wanaweza kutembelea ukurasa huu hivi sasa. 282 00:13:23,980 --> 00:13:26,734 Kwa sababu ambapo gani kuishi inaonekana? 283 00:13:26,734 --> 00:13:27,650 Ni juu ya Mac yangu, sawa? 284 00:13:27,650 --> 00:13:28,470 Ambayo ni bure. 285 00:13:28,470 --> 00:13:30,390 Kama hakuna mtu katika chumba hiki achilia mbali kwenye mtandao 286 00:13:30,390 --> 00:13:31,598 kweli anaweza kutembelea ukurasa huo. 287 00:13:31,598 --> 00:13:33,820 Hivyo leo, tunahitaji kuanzisha kipengele kingine. 288 00:13:33,820 --> 00:13:36,720 >> Na kwa kufanya hivyo, mimi nina kwenda kwa kwenda mbele na kufungua wingu 9. 289 00:13:36,720 --> 00:13:40,090 Hivyo wingu 9 ni ya kweli a wingu msingi service-- CS50 290 00:13:40,090 --> 00:13:44,890 IDE-- Hiyo ina wote wa workspaces wetu mbio mahali fulani kwenye mtandao. 291 00:13:44,890 --> 00:13:48,330 Na hiyo ina maana kwamba wote wa mafaili yetu ni hadharani kupatikana tayari. 292 00:13:48,330 --> 00:13:49,830 Basi hebu kwenda mbele na kufanya hili. 293 00:13:49,830 --> 00:13:53,670 Mimi nina kwenda kwenda mbele na kujenga mpya faili NCS50IDE. 294 00:13:53,670 --> 00:13:58,819 Mimi nina kwenda kuokoa ni kama kabla kama hello.html na bonyeza kuokoa. 295 00:13:58,819 --> 00:14:01,860 Na sasa tu ili kuokoa muda, mimi nina kwenda kwenda mbele na nakala kuweka kanuni hii 296 00:14:01,860 --> 00:14:03,470 badala ya retype yake. 297 00:14:03,470 --> 00:14:04,550 Na kuiokoa. 298 00:14:04,550 --> 00:14:07,550 Na hivyo sasa nina faili inayoitwa hello.html. 299 00:14:07,550 --> 00:14:09,710 Lakini ni jinsi gani mimi kwa kweli kufungua ukurasa wa mtandao kama? 300 00:14:09,710 --> 00:14:14,120 Naam, ni zamu nje kujengwa katika CS50 IDE si tu compiler kama Clang 301 00:14:14,120 --> 00:14:16,670 na HatiJava kama GDB na mashada ya programu nyingine, 302 00:14:16,670 --> 00:14:21,140 kuna kweli fledged kamili mtandao wa kompyuta kukimbia ndani ya CS50 IDE. 303 00:14:21,140 --> 00:14:23,900 >> Nyote, hii ni kusema, wenyewe mtandao wa kompyuta yako. 304 00:14:23,900 --> 00:14:26,850 Na mtandao wa kompyuta ni tu kipande ya programu ambao lengo katika maisha 305 00:14:26,850 --> 00:14:28,220 ni kuwatumikia up kurasa za mtandao. 306 00:14:28,220 --> 00:14:32,490 Kuwasikiliza kwa maombi kutoka browsers na kujibu kwa bahasha kidogo virtual 307 00:14:32,490 --> 00:14:35,290 ndani ya ambayo ni maudhui ambayo nimekuwa imeandikwa. 308 00:14:35,290 --> 00:14:38,372 Hivyo server mtandao huu ni kweli huru na ya chanzo. 309 00:14:38,372 --> 00:14:40,830 Ambapo wazi chanzo tu ina maana programu kwamba mtu mwingine ana 310 00:14:40,830 --> 00:14:43,480 imeandikwa kwamba sisi sote Unaweza kweli kuona na kushusha na hata 311 00:14:43,480 --> 00:14:44,780 kubadilisha kanuni chanzo. 312 00:14:44,780 --> 00:14:46,150 Na ni kuitwa Apache. 313 00:14:46,150 --> 00:14:51,450 >> Na tumekuwa alifanya hivyo rahisi kidogo kutumia katika CS50IDE na kuiita Apache 50. 314 00:14:51,450 --> 00:14:53,780 Ili iweze kweli kuelewa yafuatayo. 315 00:14:53,780 --> 00:14:56,560 Mimi nina kwenda kusema Apache 50 mwanzo. 316 00:14:56,560 --> 00:14:58,910 Na kisha mimi nina kwenda tu kusema nukta. 317 00:14:58,910 --> 00:15:01,080 Na tunaona baadhi kiasi fulani arcane ujumbe kusema 318 00:15:01,080 --> 00:15:04,640 kuweka Apache ya hati [? Kundi?] nyumbani, ubuntu, chochote yaani, 319 00:15:04,640 --> 00:15:05,770 kufyeka workspace. 320 00:15:05,770 --> 00:15:08,280 Kuanzia mtandao wa kompyuta Apache 2 kwa mafanikio. 321 00:15:08,280 --> 00:15:11,330 >> Hivyo hadithi muda mfupi, mimi tu kusukuma kifungo 322 00:15:11,330 --> 00:15:18,000 na akageuka kwenye mtandao kompyuta ambaye ni sasa kusikiliza kwenye mtandao juu ya bandari TCP 323 00:15:18,000 --> 00:15:20,587 80 katika anuani maalum. 324 00:15:20,587 --> 00:15:22,420 Na inasema hapa, na hii itabadilika Kulingana 325 00:15:22,420 --> 00:15:26,550 juu ya jina lako na mambo mengine, lakini taarifa sasa kama mimi bonyeza huu, 326 00:15:26,550 --> 00:15:30,211 IDE50 nukta jharvard na hivyo na hivyo, taarifa kwamba muda wote huu 327 00:15:30,211 --> 00:15:31,960 kwa kadhaa iliyopita wiki, unaweza kuwa na 328 00:15:31,960 --> 00:15:35,200 niliona kuwa jina lako mwenyewe ni iliyoingia katika mkono wa kulia juu 329 00:15:35,200 --> 00:15:37,130 kona ya CS50IDE. 330 00:15:37,130 --> 00:15:41,050 >> Na kwamba kweli imekuwa haya yote kuweka wakati anuani saa ambayo unaweza 331 00:15:41,050 --> 00:15:43,574 kutembelea wote wa files yako kupitia mtandao. 332 00:15:43,574 --> 00:15:45,990 Hadi sasa, bado cha muhimu, kwa sababu katika C, wewe kwa ujumla 333 00:15:45,990 --> 00:15:48,073 wanataka mambo mbio katika wastaafu, si kwenye mtandao. 334 00:15:48,073 --> 00:15:50,800 Lakini leo hii, tunaanza kuandika mtandao msingi kificho 335 00:15:50,800 --> 00:15:53,350 kwamba hatuna wanataka kupatikana katika URLs umma. 336 00:15:53,350 --> 00:15:56,100 Kwa hiyo kile nitakacho kufanya ni bonyeza URL hii. 337 00:15:56,100 --> 00:16:00,880 >> Na taarifa kwamba naona haki mbaya ripoti, orodha directory, 338 00:16:00,880 --> 00:16:04,090 lakini kile faili anaruka nje saa wewe pengine? 339 00:16:04,090 --> 00:16:05,210 Hello.html. 340 00:16:05,210 --> 00:16:07,870 Hii ni kwa sababu mimi kuokolewa file katika workspace yangu. 341 00:16:07,870 --> 00:16:12,310 Na nini nimekuwa aliiambia Apache mtandao wa kompyuta ni kuangalia katika orodha ya Daudi workspace. 342 00:16:12,310 --> 00:16:15,300 Na mtu yeyote katika dunia kuona files wale. 343 00:16:15,300 --> 00:16:19,050 >> Na hakika, kama mimi sasa click kwenye hello.html, 344 00:16:19,050 --> 00:16:22,180 Mimi naona ndani ya tab hii hasa faili hilo. 345 00:16:22,180 --> 00:16:26,430 Sasa angalia, wingu 9 ya matendo kitu kidogo manufaa kwa sisi. 346 00:16:26,430 --> 00:16:29,480 Ndani ya CS50 IDE, kuna taarifa ghafla bar mahali. 347 00:16:29,480 --> 00:16:33,690 Hii ni kwa sababu hata kama tuko kutumia Chrome kutembelea CS50IDE, 348 00:16:33,690 --> 00:16:37,940 ndani ya CS50IDE ni yake mwenyewe toleo la kivinjari hivi sasa. 349 00:16:37,940 --> 00:16:40,820 Na hivyo badala ya mambo magumu kama vile, 350 00:16:40,820 --> 00:16:42,955 Mimi kwenda mbele na nakala tu URL hii. 351 00:16:42,955 --> 00:16:45,330 Mimi kwenda mbele na tu kufungua Chrome yangu mwenyewe dirisha. 352 00:16:45,330 --> 00:16:47,800 Hivyo hakuna uchawi hapa, hakuna CS50IDE. 353 00:16:47,800 --> 00:16:51,800 Mimi tu kwenda literally kuweka J wangu Harvard URL na hit Enter. 354 00:16:51,800 --> 00:16:54,750 Na voila, sasa mimi, na katika nadharia, kila mtu 355 00:16:54,750 --> 00:16:57,700 kwenye mtandao, ikiwa nimepata kimeundwa ruhusa ipasavyo, 356 00:16:57,700 --> 00:16:58,720 Unaweza kutembelea faili hii. 357 00:16:58,720 --> 00:17:03,230 Na hivyo sasa, kama nilivyosema hello.html, voilĂ , kuna 358 00:17:03,230 --> 00:17:06,366 ni incredibly aghali mtandao ukurasa wangu. 359 00:17:06,366 --> 00:17:07,740 Basi hebu kufanya haraka sanity hundi. 360 00:17:07,740 --> 00:17:09,710 Kwa sababu yote hayo ni dhana seti up. 361 00:17:09,710 --> 00:17:13,180 Na tumekuwa kweli si kweli kufundishwa jinsi ya kuandika HTML per se. 362 00:17:13,180 --> 00:17:16,084 Maswali yoyote hivi sasa juu ya nini ilitokea tu? 363 00:17:16,084 --> 00:17:18,549 364 00:17:18,549 --> 00:17:19,049 Ndiyo. 365 00:17:19,049 --> 00:17:24,290 366 00:17:24,290 --> 00:17:25,800 Je, CS50 kumiliki kurasa hizi mtandao? 367 00:17:25,800 --> 00:17:26,460 Ni katika maana gani? 368 00:17:26,460 --> 00:17:28,947 369 00:17:28,947 --> 00:17:29,530 Nzuri swali. 370 00:17:29,530 --> 00:17:32,429 Hivyo CS50 anamiliki CS50.io. 371 00:17:32,429 --> 00:17:33,970 Tumekuwa kweli kununuliwa kwamba jina la uwanja. 372 00:17:33,970 --> 00:17:37,240 Na kwa asili ya nyie magogo katika CS50IDE, 373 00:17:37,240 --> 00:17:39,270 wewe wote kupata kile kinachoitwa subdomain. 374 00:17:39,270 --> 00:17:46,840 >> Hivyo IDE50-Malan, au IDE50-Rob.CS50.io, hiyo ni anwani yako ya kipekee ndani ya 375 00:17:46,840 --> 00:17:47,730 uwanja wetu jina. 376 00:17:47,730 --> 00:17:50,850 Hivyo kwa madhumuni bila shaka, una kipekee anwani yako mwenyewe. 377 00:17:50,850 --> 00:17:55,150 Lakini tumekuwa rahisi mambo na kununua ngazi ya juu ya uwanja, CS50 nukta 378 00:17:55,150 --> 00:17:58,050 I / O na kisha kila mtu mwingine ni ndani ya kwamba, hivyo kusema. 379 00:17:58,050 --> 00:17:59,890 Na tutaweza kuja nyuma na kwamba katika wiki kadhaa pengine, 380 00:17:59,890 --> 00:18:01,930 hasa katika mradi fainali muda, wakati baadhi yenu 381 00:18:01,930 --> 00:18:03,596 kutaka kupata majina yako mwenyewe domain. 382 00:18:03,596 --> 00:18:06,270 Ni kweli kiasi moja kwa moja. 383 00:18:06,270 --> 00:18:06,770 Sawa. 384 00:18:06,770 --> 00:18:07,880 Basi hebu sasa kufanya hivyo. 385 00:18:07,880 --> 00:18:11,910 Mimi nina kwenda nyuma katika CS50IDE, ambapo faili yangu sasa hivi, 386 00:18:11,910 --> 00:18:14,710 hello.html, si yote ya kuvutia. 387 00:18:14,710 --> 00:18:17,130 Ningependa kufanya kitu kidogo nicer kuliko hiyo. 388 00:18:17,130 --> 00:18:19,440 Hivyo nina kwenda kufanya kitu kama hiki. 389 00:18:19,440 --> 00:18:21,510 Napenda paragraphs.html wazi. 390 00:18:21,510 --> 00:18:23,560 Hivyo hii ni faili niliandika mapema. 391 00:18:23,560 --> 00:18:26,480 Juu ya jambo hilo, kama daima, tuna maoni. 392 00:18:26,480 --> 00:18:28,730 Lakini katika HTML, maoni kuangalia tofauti kidogo. 393 00:18:28,730 --> 00:18:33,270 On line tatu na mstari 14, wewe ona syntax kwa kuanza maoni 394 00:18:33,270 --> 00:18:34,020 na kuishia maoni. 395 00:18:34,020 --> 00:18:36,820 >> Lakini hakuna mambo katika kati ya mambo functionally. 396 00:18:36,820 --> 00:18:40,250 Ni tu kumbuka kwa binadamu nini kinaendelea hapa. 397 00:18:40,250 --> 00:18:43,040 Na kama vile sanity haraka kuangalia, kama mimi kitabu chini, 398 00:18:43,040 --> 00:18:46,820 nini dhahiri mpya tag kwamba tumekuwa ilianzisha? 399 00:18:46,820 --> 00:18:52,130 Vitambulisho hivi sasa tumeona ni wazi mabano HTML, kichwa, cheo, na mwili. 400 00:18:52,130 --> 00:18:54,400 Lakini nini ni wazi mpya sasa? 401 00:18:54,400 --> 00:18:55,200 >> Yeah, hivyo uk. 402 00:18:55,200 --> 00:18:57,320 P tag au aya tag. 403 00:18:57,320 --> 00:19:01,182 Na kisha mimi tu alikopa baadhi chaguo-msingi Nakala Amerika ya kuunda aya yangu. 404 00:19:01,182 --> 00:19:03,390 Kwa sababu nini nilitaka kuonyesha ni jinsi waweza 405 00:19:03,390 --> 00:19:05,859 kuwakilisha aya ya maandishi katika HTML. 406 00:19:05,859 --> 00:19:08,400 Na hivyo kile mapya ya kutokea hapa ni kwamba kuna tayari 407 00:19:08,400 --> 00:19:09,657 mfano zinazoendelea. 408 00:19:09,657 --> 00:19:10,990 Na napenda kwenda mbele na kufanya hili. 409 00:19:10,990 --> 00:19:12,760 Hebu kwanza kuzima Apache. 410 00:19:12,760 --> 00:19:17,340 Na mimi nina kwenda kupeleka habari kuanza yenyewe tena ndani ya chanzo leo saba 411 00:19:17,340 --> 00:19:18,420 m directory. 412 00:19:18,420 --> 00:19:20,100 Ili niweze kupata kila kitu. 413 00:19:20,100 --> 00:19:22,230 >> Na sasa, kama mimi kurejea hii orodha directory, 414 00:19:22,230 --> 00:19:24,846 taarifa ninaona kila faili kuanzia leo. 415 00:19:24,846 --> 00:19:26,720 Na utaona katika Tatizo ijayo kuweka, tutaweza 416 00:19:26,720 --> 00:19:28,594 kutoa maelekezo wewe kwa kufanya hasa hili. 417 00:19:28,594 --> 00:19:35,210 Kama mimi kufungua paragraphs.html, hii nguvu pamoja na kuangalia kama lugha ya programu 418 00:19:35,210 --> 00:19:36,970 na wewe kama huna kusema au kusoma Kilatini. 419 00:19:36,970 --> 00:19:40,525 Lakini hii ni aya tatu tu ya maandishi kwamba ni alama juu katika HTML. 420 00:19:40,525 --> 00:19:43,100 >> Na taarifa aya mapumziko kati yao. 421 00:19:43,100 --> 00:19:46,400 Kwa sababu ni zamu nje, na hata kama wewe 422 00:19:46,400 --> 00:19:49,210 inaweza kuwa kutega kufanya hivyo, ambapo katika ulimwengu wa kweli, 423 00:19:49,210 --> 00:19:51,370 kama unataka kuweka mstari mapumziko kati ya mambo, 424 00:19:51,370 --> 00:19:55,680 waweza kabisa tu kufanya hivyo na kugonga Hifadhi. 425 00:19:55,680 --> 00:19:59,460 Na sasa, kama mimi upya hapa, taarifa kwamba kila kitu tu blurs pamoja 426 00:19:59,460 --> 00:20:01,100 katika Blob moja tu ya maandishi. 427 00:20:01,100 --> 00:20:03,570 Kwa sababu HTML ni aina ya lugha bubu. 428 00:20:03,570 --> 00:20:07,230 >> Ni ni maana ya kutumika katika hayo njia kwamba browser mapenzi tu 429 00:20:07,230 --> 00:20:09,920 kufanya wazi nini kuwaambia ni kufanya. 430 00:20:09,920 --> 00:20:12,890 Hivyo kama huna kuwaambia ni nipe aya mpya, 431 00:20:12,890 --> 00:20:14,569 wewe si kwenda kuona aya mpya. 432 00:20:14,569 --> 00:20:16,360 Na kwa kweli, ni nini kisakuzi kwenda kufanya 433 00:20:16,360 --> 00:20:20,020 ni hata kama wewe hit Enter, hebu sema tena na tena 434 00:20:20,020 --> 00:20:23,190 na tena, kusonga njia hii maandishi chini ya screen na kisha kuokoa 435 00:20:23,190 --> 00:20:26,610 na kisha upya, browser ni kwenda kuanguka wote wa nafasi hiyo nyeupe 436 00:20:26,610 --> 00:20:29,021 ndani ya moja tu, inayoonekana whitespace. 437 00:20:29,021 --> 00:20:29,520 Sawa. 438 00:20:29,520 --> 00:20:30,869 Hivyo hiyo ni aya tag. 439 00:20:30,869 --> 00:20:32,910 Na hivyo nini mfano hiyo ni kuendeleza hapa? 440 00:20:32,910 --> 00:20:37,450 Naam, inaonekana kuwa kesi hiyo HTML ni wote kuhusu kuanzia tag 441 00:20:37,450 --> 00:20:38,460 na kumalizia tag. 442 00:20:38,460 --> 00:20:39,300 Na ni nini tag? 443 00:20:39,300 --> 00:20:41,160 Naam, ni tu chunk ya syntax. 444 00:20:41,160 --> 00:20:44,400 Open mabano, keyword, kufungwa mabano, ni tag. 445 00:20:44,400 --> 00:20:45,510 Au kuanza tag. 446 00:20:45,510 --> 00:20:48,590 Na kisha wakati uko amefanya kuonyesha mwenyewe, 447 00:20:48,590 --> 00:20:52,300 kama katika wewe ni kosa na aya, kufanya hivyo kusema kinyume. 448 00:20:52,300 --> 00:20:55,480 Lakini kinyume sio kabisa nyuma. 449 00:20:55,480 --> 00:21:00,630 >> Wewe tu kiambishi huo tag ya jina na kufyeka mbele kama hii. 450 00:21:00,630 --> 00:21:01,130 Sawa. 451 00:21:01,130 --> 00:21:02,570 Hivyo si wote kwamba kusisimua. 452 00:21:02,570 --> 00:21:05,270 Na kwa kweli, sisi siyo kufanya mtandao yote ya kuvutia zaidi. 453 00:21:05,270 --> 00:21:07,630 Nini kama nataka kufanya mambo makubwa na ujasiri? 454 00:21:07,630 --> 00:21:11,780 Hivyo zinageuka kuwa hapa ni mfano katika headings.html, ambapo katika mwili wangu, 455 00:21:11,780 --> 00:21:17,280 Mimi nimepata H1 tag, H 2, H 3, nne, tano, au sita, ambayo yote 456 00:21:17,280 --> 00:21:18,310 kuonekana pretty arcane. 457 00:21:18,310 --> 00:21:21,010 Lakini kama mimi kwenda kufungua hili mfano, hebu tuangalie. 458 00:21:21,010 --> 00:21:22,490 Headings.html. 459 00:21:22,490 --> 00:21:27,030 >> Hivyo browsers na msingi anaweza kukupa maandishi hiyo ni kubwa na ujasiri wa ukubwa tofauti. 460 00:21:27,030 --> 00:21:28,070 H1 ni kubwa. 461 00:21:28,070 --> 00:21:31,240 H6 ni ndogo na kisha kila kitu kingine katika kati ya. 462 00:21:31,240 --> 00:21:34,170 Hivyo hiyo ni ya kuvutia lakini bado si kweli mtandao Najua. 463 00:21:34,170 --> 00:21:36,870 Nini kama tunataka nina kitu kama orodha. . 464 00:21:36,870 --> 00:21:40,190 Hivyo hapa ni orodha Vitone ya tatu ya nyumba Harvard. 465 00:21:40,190 --> 00:21:41,600 >> Jinsi gani kwenda juu ya kufanya hii? 466 00:21:41,600 --> 00:21:45,410 Naam, tuangalie list.html. 467 00:21:45,410 --> 00:21:47,870 Na hapa, tunaona kidogo ya funkiness 468 00:21:47,870 --> 00:21:49,630 lakini hebu fikiria nini kinatokea. 469 00:21:49,630 --> 00:21:56,182 Hivyo kulingana na nini umefanya tu kuonekana, Ul anasimama kwa orodha unordered. 470 00:21:56,182 --> 00:21:57,640 Orodha unordered tu ina maana Vitone. 471 00:21:57,640 --> 00:21:58,431 Hakuna idadi. 472 00:21:58,431 --> 00:22:01,850 Kuna pia kitu kinachoitwa kuamuru orodha, ambayo ni OL katika tag. 473 00:22:01,850 --> 00:22:05,350 Kisha li, orodha ya bidhaa ni wote maana yake. 474 00:22:05,350 --> 00:22:07,790 >> Na hivyo moja kwa moja idadi ya kila kitu kwa ajili yenu. 475 00:22:07,790 --> 00:22:11,270 Lakini tena, wote wa indentation yangu na nafasi nyeupe ni tu kwa ajili yangu. 476 00:22:11,270 --> 00:22:13,050 Kisakuzi siyo kweli kwenda huduma. 477 00:22:13,050 --> 00:22:16,670 Hivyo hata kama wewe hakuweza kufanya hivyo, tu kuwa wazi, 478 00:22:16,670 --> 00:22:19,880 unapaswa ingawa kisakuzi mapenzi bado 479 00:22:19,880 --> 00:22:22,130 kuwa na uwezo wa kuelewa nzuri tu. 480 00:22:22,130 --> 00:22:24,590 Mimi kupiga Reload katika wangu browser, mimi nina kubonyeza Reload 481 00:22:24,590 --> 00:22:26,760 na hakuna mabadiliko kinachotokea kwa sababu kisakuzi bado 482 00:22:26,760 --> 00:22:29,550 kufanya nini hasa mimi kuwaambia ni kufanya. 483 00:22:29,550 --> 00:22:30,050 >> Sawa. 484 00:22:30,050 --> 00:22:31,340 Hivyo hii yote ni maandishi tu. 485 00:22:31,340 --> 00:22:33,730 Sasa hebu kufanya kitu zaidi ya kuvutia. 486 00:22:33,730 --> 00:22:36,660 Mimi nina kwenda kwenda mbele na kukopa baadhi ya HTML huu. 487 00:22:36,660 --> 00:22:40,910 Mimi nina kwenda kwenda mbele na kuunda faili mpya hapa. 488 00:22:40,910 --> 00:22:43,370 Na tutaweza wito rick.html hii. 489 00:22:43,370 --> 00:22:46,190 490 00:22:46,190 --> 00:22:48,916 Tuna allra kutumika kitu 491 00:22:48,916 --> 00:22:51,290 aitwaye Rick roll katika hili tabaka la mwaka huu, mimi sijui, 492 00:22:51,290 --> 00:22:53,880 ilitokea tu hai. 493 00:22:53,880 --> 00:22:55,397 >> Na sasa ni got nje ya kudhibiti. 494 00:22:55,397 --> 00:22:56,730 Hivyo mimi nina kwenda tu kwenda nayo. 495 00:22:56,730 --> 00:22:59,700 Na nikienda na Google Picha na Rick Astley. 496 00:22:59,700 --> 00:23:02,450 497 00:23:02,450 --> 00:23:06,170 Kama hawajui nini cha kufanya hii, tu kusoma juu ya Wikipedia. 498 00:23:06,170 --> 00:23:11,520 Kila wakati umefanya clicked juu ya kiungo, mtu imekuwa akicheka mahali fulani. 499 00:23:11,520 --> 00:23:14,860 Na napenda kwenda huko ahead-- sisi kwenda, hebu kuona picha hii. 500 00:23:14,860 --> 00:23:16,750 >> Hivyo hapa tuna picha katika Google Picha. 501 00:23:16,750 --> 00:23:19,390 Na hebu kudhani kwamba hii ni sababu kila mahali kwenye mtandao. 502 00:23:19,390 --> 00:23:22,570 Hivyo nina kwenda kwa kudhani ni sawa kwa ajili yangu kwa kweli kuweka hii katika mtandao ukurasa wangu. 503 00:23:22,570 --> 00:23:24,820 Mimi kwenda mbele na nakala URL ya picha. 504 00:23:24,820 --> 00:23:28,600 Na sasa kama mimi kurejea wingu 9, hebu angalia nini siwezi kufanya hapa. 505 00:23:28,600 --> 00:23:30,630 Hivyo hapa ni tu ukurasa wa mtandao. 506 00:23:30,630 --> 00:23:39,020 Hii ni Rick Astley, haha, Mimi nina kwenda sasa kurudi nyuma 507 00:23:39,020 --> 00:23:43,510 kwa browser yangu, upya, na ya kuvutia. 508 00:23:43,510 --> 00:23:44,530 >> Ambapo ni Rick? 509 00:23:44,530 --> 00:23:46,050 Hivyo basi mimi kuona nini kilichotokea. 510 00:23:46,050 --> 00:23:49,114 Kwa kweli, mimi nina kwenda kujifanya kama sikuweza kufanya hivyo. 511 00:23:49,114 --> 00:23:50,280 [Inaudible] kumtia hapa. 512 00:23:50,280 --> 00:23:52,520 Tutaweza kuja nyuma na kwamba katika wakati huu. 513 00:23:52,520 --> 00:23:54,200 Hivyo hapa ni rick.html. 514 00:23:54,200 --> 00:23:56,070 Hivyo hiyo ni si Rick Astley. 515 00:23:56,070 --> 00:23:59,680 Hivyo ni zamu nje tunaweza kweli kuongeza naye katika hapa. 516 00:23:59,680 --> 00:24:00,830 Hii ni Rick Astley. 517 00:24:00,830 --> 00:24:06,680 Mimi nina kwenda kusema nipe picha ambao chanzo ni URL mimi tu kunakiliwa, ambayo 518 00:24:06,680 --> 00:24:09,110 inaonekana ni furaha kuzaliwa kitu au nyingine. 519 00:24:09,110 --> 00:24:13,280 >> Na sasa mimi nina kwenda karibu tag kama hii. 520 00:24:13,280 --> 00:24:15,170 Hivyo hii ni wrapping super muda mrefu. 521 00:24:15,170 --> 00:24:17,740 Lakini taarifa kwamba wote Nimekuwa kufanyika ni mabano wazi picha, 522 00:24:17,740 --> 00:24:20,270 chanzo kwa sifa ya hii. 523 00:24:20,270 --> 00:24:21,530 Na ni kweli kwa muda mrefu URL. 524 00:24:21,530 --> 00:24:23,720 Na mwishoni sana, taarifa hii. 525 00:24:23,720 --> 00:24:29,530 Kwa nini nimefanya kufyeka angled bracket badala ya, kama kila tag mengine, 526 00:24:29,530 --> 00:24:33,590 kuwa mabano wazi, IMG, imefungwa mabano? 527 00:24:33,590 --> 00:24:37,040 Tu kuchukua nadhani hata kama wewe hawana uzoefu wowote 528 00:24:37,040 --> 00:24:40,410 na HTML kabla. 529 00:24:40,410 --> 00:24:42,710 >> Hivyo ni jinsi gani kufunga amri, lakini kwa nini 530 00:24:42,710 --> 00:24:45,850 je, ni si kweli kufanya Intuitive maana kwa kufanya kitu kidogo zaidi 531 00:24:45,850 --> 00:24:48,820 verbose kama picha karibu? 532 00:24:48,820 --> 00:24:51,400 Naam. 533 00:24:51,400 --> 00:24:52,000 Naam. 534 00:24:52,000 --> 00:24:55,620 Tu semantically, hakuna hisia ya kuanzia picha na kumalizia picha, 535 00:24:55,620 --> 00:24:56,870 ni ama huko au siyo. 536 00:24:56,870 --> 00:25:00,960 Hivyo haina mantiki kuondoka pengo kwa kitu kingine chochote ndani ya picha. 537 00:25:00,960 --> 00:25:02,010 Wewe tu hawezi kufanya hivyo. 538 00:25:02,010 --> 00:25:03,720 Na hivyo syntax ingekuwa ujumla kuwa tu 539 00:25:03,720 --> 00:25:07,910 kufanya kufyeka mbele ndani ya ya tag wazi au kuanza tag 540 00:25:07,910 --> 00:25:09,020 na kisha kugonga Hifadhi. 541 00:25:09,020 --> 00:25:13,350 >> Hivyo kama mimi sasa upya faili hili, sasa Mimi nimepata nzuri mtandao ukurasa kupikia hapa. 542 00:25:13,350 --> 00:25:15,100 Na tunaweza hakika kweli waudhi watu 543 00:25:15,100 --> 00:25:17,010 na upachikaji badala kama kiungo cha YouTube. 544 00:25:17,010 --> 00:25:19,350 Na kwa kweli, wakati wowote wameweza milele wamekwenda YouTube, 545 00:25:19,350 --> 00:25:22,190 na napenda kwa kweli ajali Rick unaendelea mwenyewe hapa. 546 00:25:22,190 --> 00:25:25,770 Hivyo Rick roll. 547 00:25:25,770 --> 00:25:29,592 Hivyo Rick roll-- mimi nina kwenda hapa. 548 00:25:29,592 --> 00:25:31,900 >> [Music kucheza] 549 00:25:31,900 --> 00:25:33,730 >> OK, mtu mmoja walipenda hiyo. 550 00:25:33,730 --> 00:25:37,270 Hivyo taarifa muda wote huu, kama wewe bonyeza Kushiriki kiungo, wewe bila shaka 551 00:25:37,270 --> 00:25:41,390 kupata URL kwamba unaweza kweli kuiweka katika barua pepe au picha kuchunguza mauaji 552 00:25:41,390 --> 00:25:43,730 au katika tatizo kuweka au katika slide. 553 00:25:43,730 --> 00:25:49,055 Na sasa, kama mimi badala click kwenye kupachika, taarifa kwamba muda wote huu, mambo haya 554 00:25:49,055 --> 00:25:49,680 imekuwepo. 555 00:25:49,680 --> 00:25:50,910 Mimi nina kwenda mbele na nakala hii. 556 00:25:50,910 --> 00:25:54,000 >> Na tu ili tuweze kuona vizuri zaidi, mimi nina kwenda kuweka ndani ya mhariri wangu wa maandishi. 557 00:25:54,000 --> 00:25:55,860 Taarifa kwamba hii ni nini YouTube imekuwa nawaambia. 558 00:25:55,860 --> 00:25:57,693 Kila wakati wa ziara Video YouTube, kama wewe 559 00:25:57,693 --> 00:26:00,410 wanataka kupachika video juu yako mtandao ukurasa, tu kunyakua hii. 560 00:26:00,410 --> 00:26:03,350 Hivyo hii ni bado mwingine Tag HTML aitwaye iframe. 561 00:26:03,350 --> 00:26:04,590 Au katika mstari sura. 562 00:26:04,590 --> 00:26:08,680 Hivyo pia inaonekana kidogo zaidi ngumu zaidi kuliko wengine wote. 563 00:26:08,680 --> 00:26:11,950 Hivyo ni zamu nje kwamba picha tag na inaonekana iframe tag 564 00:26:11,950 --> 00:26:13,370 kuchukua kile ni wito sifa. 565 00:26:13,370 --> 00:26:15,710 >> Na hii ni nyingine kipande cha syntax katika HTML. 566 00:26:15,710 --> 00:26:19,240 Mbali na tag ya jina, wazi bracket tag jina, 567 00:26:19,240 --> 00:26:23,780 unaweza kudhibiti mwenendo wa tag kwa kuwa rundo zima la sifa 568 00:26:23,780 --> 00:26:24,860 sawa na thamani. 569 00:26:24,860 --> 00:26:26,290 Sifa sawa na thamani. 570 00:26:26,290 --> 00:26:28,100 Na hivyo kwa mfano, YouTube anatueleza 571 00:26:28,100 --> 00:26:31,990 kama unataka upana wa video hii kuwa 420 saizi na urefu 572 00:26:31,990 --> 00:26:35,470 kuwa 315 saizi, hiyo ni jinsi kueleza kuwa katika HTML. 573 00:26:35,470 --> 00:26:38,480 >> Chanzo cha video ni kwenda kuwa kwamba URL muda mrefu YouTube 574 00:26:38,480 --> 00:26:40,830 na baadhi ya mambo mengine basi kama sura mpaka ni sifuri, 575 00:26:40,830 --> 00:26:43,500 hivyo kwamba pengine ina maana kuna hakuna mipaka kuzunguka kitu. 576 00:26:43,500 --> 00:26:45,450 Kuruhusu screen kamili pengine ina maana kwamba mtumiaji 577 00:26:45,450 --> 00:26:47,840 Unaweza bonyeza kifungo na kweli full screen video. 578 00:26:47,840 --> 00:26:52,870 Hivyo kama mimi kweli unataka kuwa kuvutia hapa katika Rick nukta HTML, 579 00:26:52,870 --> 00:26:58,490 badala ya kutumia tag picha, basi mimi kufuta kwamba, badala kuweka hii. 580 00:26:58,490 --> 00:27:00,810 Na sasa Reload. 581 00:27:00,810 --> 00:27:02,500 Na sasa hapa sisi kwenda tena. 582 00:27:02,500 --> 00:27:04,979 583 00:27:04,979 --> 00:27:06,020 Haki wote, hiyo inatosha. 584 00:27:06,020 --> 00:27:08,970 Haki zote hivyo mimi kujaribu ngumu si kufanya hivyo tena. 585 00:27:08,970 --> 00:27:11,400 Kwa hiyo kile ni baadhi ya takeaways hapa? 586 00:27:11,400 --> 00:27:15,130 Hivyo HTML, kama mbaya kama kurasa hizi mtandao ni, ni kweli pretty rahisi. 587 00:27:15,130 --> 00:27:16,467 Siyo lugha ya programu. 588 00:27:16,467 --> 00:27:17,550 Haina kazi. 589 00:27:17,550 --> 00:27:18,410 Haina mizunguko. 590 00:27:18,410 --> 00:27:19,535 Haina masharti. 591 00:27:19,535 --> 00:27:22,900 Yote ina ni kadhaa ya vitambulisho tofauti, ambayo kila mmoja 592 00:27:22,900 --> 00:27:24,620 ina zero au zaidi sifa. 593 00:27:24,620 --> 00:27:27,320 Na kwa kweli, nini furaha kuhusu HTML kama wewe kuanza kupiga mbizi katika 594 00:27:27,320 --> 00:27:29,560 ni kwamba ni sana binafsi kufundishwa. 595 00:27:29,560 --> 00:27:32,880 >> Yote inachukua ni uelewa ya mfumo wa jumla wa HTML. 596 00:27:32,880 --> 00:27:36,510 Ni tag nini, ni nini sifa, jinsi gani unaweza kweli configure mtandao 597 00:27:36,510 --> 00:27:37,250 kama ifuatavyo. 598 00:27:37,250 --> 00:27:40,720 Na kila kitu kingine ni kweli matokeo ya kuangalia juu katika kumbukumbu online 599 00:27:40,720 --> 00:27:43,080 au googling jinsi ya kufanya baadhi mbinu au kama tumeona, 600 00:27:43,080 --> 00:27:45,371 kuangalia chanzo Facebook kanuni, kuangalia tovuti 601 00:27:45,371 --> 00:27:48,710 kwamba wewe kama saa ni chanzo kanuni na kuelewa jinsi watengenezaji huko 602 00:27:48,710 --> 00:27:50,550 kweli kuweka mambo ya nje. 603 00:27:50,550 --> 00:27:52,180 >> Hivyo tunaweza kufanya picha pia. 604 00:27:52,180 --> 00:27:53,994 Na kwa kweli, sisi alifanya hivyo wakati iliyopita. 605 00:27:53,994 --> 00:27:55,410 Hebu kwenda mbele na tu kuonyesha. 606 00:27:55,410 --> 00:27:56,770 Hapa ni baadhi ya kanuni sampuli. 607 00:27:56,770 --> 00:27:58,380 Kama umewahi wanataka kuona grumpy paka. 608 00:27:58,380 --> 00:28:00,620 Hivyo taarifa kwamba naweza na tag picha hapa. 609 00:28:00,620 --> 00:28:02,090 Na mimi nimepata maoni juu yake. 610 00:28:02,090 --> 00:28:04,490 Mimi nimepata mbadala Nakala kwa upatikanaji. 611 00:28:04,490 --> 00:28:07,250 Hivyo mtu ambaye kwa kutumia screen msomaji kwa sababu ya mbele 612 00:28:07,250 --> 00:28:10,172 kweli anaweza kisha kuwa wao screen msomaji kusema grumpy paka. 613 00:28:10,172 --> 00:28:11,880 Kwa sababu kama hawawezi ona picha, wao 614 00:28:11,880 --> 00:28:14,504 Unaweza angalau kuwa na kompyuta zao kuwaambia ni kwa maneno yale. 615 00:28:14,504 --> 00:28:18,020 Na chanzo cha faili kwamba ni cat.jpeg. 616 00:28:18,020 --> 00:28:22,472 Hivyo kwa kweli, kama kweli alitaka kupata wajanja, kitu ambacho ninaweza kuwa na done-- 617 00:28:22,472 --> 00:28:25,680 Mimi ahadi si kwenda Rick Astley, hivyo Mimi nina kwenda google kwa ajili ya paka badala yake. 618 00:28:25,680 --> 00:28:28,290 Na nikienda kwa Google Picha hapa, na tutaweza kudhani 619 00:28:28,290 --> 00:28:30,040 kwamba hii ni picha ya paka wangu. 620 00:28:30,040 --> 00:28:35,070 >> Tuseme kwamba mimi kuwa na udhibiti clicked au haki clicked juu ya hili, kwa bahati mbaya 621 00:28:35,070 --> 00:28:35,630 creepy. 622 00:28:35,630 --> 00:28:40,320 Na cat.jpeg mimi nina kwenda kuokoa kwenye eneo kazi yangu. 623 00:28:40,320 --> 00:28:44,700 Sasa niende nyuma wingu 9. 624 00:28:44,700 --> 00:28:48,150 Taarifa kwamba hapa, siwezi kwenda kupakia faili za mitaa. 625 00:28:48,150 --> 00:28:51,530 Na kama mimi kunyakua huu file, cat.jpeg, ilani 626 00:28:51,530 --> 00:28:54,674 niweze Drag na kushuka ndani ya wingu 9 627 00:28:54,674 --> 00:28:56,090 na ni kwenda yell saa yangu hapa. 628 00:28:56,090 --> 00:28:59,000 >> Kwa sababu tumekuwa tayari kupeni cat.jpeg faili, 629 00:28:59,000 --> 00:29:01,430 lakini ni super rahisi kunyakua picha kwamba wameweza 630 00:29:01,430 --> 00:29:03,220 kuchukuliwa kutoka Facebook au Flickr au kama 631 00:29:03,220 --> 00:29:05,678 na kwa kweli Drag na kuacha ni ndani ya wingu 9 na kisha kufanya hivyo 632 00:29:05,678 --> 00:29:07,970 sehemu ya binafsi yako mwenyewe tovuti au tatizo 633 00:29:07,970 --> 00:29:10,442 kuweka saba au nane kama tutaweza hivi karibuni kuona. 634 00:29:10,442 --> 00:29:12,150 Na kisha wakati hatimaye ziara kwamba paka, 635 00:29:12,150 --> 00:29:16,610 kuchukua mimi kupakuliwa kwamba paka huo, ilani that-- iliyokuwa adorable. 636 00:29:16,610 --> 00:29:19,160 >> Nini ungependa kuona ni kitu kama hii uso hapa. 637 00:29:19,160 --> 00:29:21,810 Hivyo mafaili kwamba kumbukumbu ndani ya ukurasa wa mtandao 638 00:29:21,810 --> 00:29:26,050 yanaweza ama kuwa serikali za mitaa katika yako mwenyewe akaunti au kijijini juu ya baadhi server mengine 639 00:29:26,050 --> 00:29:29,670 kama katika kesi ya Rick Astley picha kidogo iliyopita. 640 00:29:29,670 --> 00:29:32,990 Hivyo ambapo else-- nini kingine tunaweza kufanya hapa? 641 00:29:32,990 --> 00:29:34,890 Basi hebu tuangalie yafuatayo. 642 00:29:34,890 --> 00:29:36,160 Unajua nini aina ya baridi? 643 00:29:36,160 --> 00:29:39,330 >> Sisi hivi sasa wamekuwa kufanya kurasa za mtandao tuli sana. 644 00:29:39,330 --> 00:29:41,830 Nataka spice mambo up kama ifuatavyo. 645 00:29:41,830 --> 00:29:44,344 Nataka kufanya search yangu mwenyewe injini. 646 00:29:44,344 --> 00:29:47,010 Hivyo kufanya search injini, hebu kwenda mbele na kuanza kufanya hivyo. 647 00:29:47,010 --> 00:29:52,570 Mimi nina kwenda mbele na kujenga faili mpya iitwayo search.html. 648 00:29:52,570 --> 00:29:54,890 Na sisi prefabed matoleo online. 649 00:29:54,890 --> 00:29:56,027 Whoops. 650 00:29:56,027 --> 00:29:57,610 Je, si kuweka katika terminal dirisha yako. 651 00:29:57,610 --> 00:29:58,744 Matoleo Prefab online. 652 00:29:58,744 --> 00:30:00,160 Na mimi nina kwenda kuanza kama ifuatavyo. 653 00:30:00,160 --> 00:30:04,490 Hivyo hapa ni mwanzo wa faili inayoitwa search.html. 654 00:30:04,490 --> 00:30:07,510 Mimi nina kwenda kuokoa ni katika chanzo directory ya leo. 655 00:30:07,510 --> 00:30:09,079 Mimi nina kwenda kuwaita Search hii. 656 00:30:09,079 --> 00:30:10,370 Kwa kweli, tutaweza kufanya vizuri zaidi. 657 00:30:10,370 --> 00:30:13,600 CS50 Search na kwa kweli bidhaa hiyo. 658 00:30:13,600 --> 00:30:17,500 Na sasa, mimi nina kwenda kusema kitu kama H1 CS50 Search. 659 00:30:17,500 --> 00:30:20,930 Na kisha chini hapa, H 2 kuja hivi karibuni. 660 00:30:20,930 --> 00:30:23,230 Na tu kwa kurejea, H1 na H2 maana gani mtiririko? 661 00:30:23,230 --> 00:30:26,750 662 00:30:26,750 --> 00:30:30,320 >> Yeah, hivyo kubwa na ujasiri, na si kubwa, lakini bado ujasiri. 663 00:30:30,320 --> 00:30:37,375 Hivyo kama mimi ila huu na kwenda juu hapa, hebu angalia faili search.html. 664 00:30:37,375 --> 00:30:42,560 Haki wote, na hii moja ni right-- [inaudible]. 665 00:30:42,560 --> 00:30:46,980 666 00:30:46,980 --> 00:30:49,110 Kusimama kwa. 667 00:30:49,110 --> 00:30:49,945 Daudi ni kuchanganyikiwa. 668 00:30:49,945 --> 00:30:52,610 669 00:30:52,610 --> 00:30:54,080 Oh, ni haki pale. 670 00:30:54,080 --> 00:30:54,860 Daudi ni idiot. 671 00:30:54,860 --> 00:30:55,420 SAWA. 672 00:30:55,420 --> 00:30:56,660 Kwa hiyo, kuna ni. 673 00:30:56,660 --> 00:30:58,350 Hivyo CS50 la kuja hivi karibuni. 674 00:30:58,350 --> 00:31:00,370 Hivyo sasa, hebu kuunganisha nini tulifanya wiki iliyopita. 675 00:31:00,370 --> 00:31:03,400 >> Ambapo kuongelea kiwango cha mechanics chini ya HTTP. 676 00:31:03,400 --> 00:31:05,780 Na mawazo haya mapya ya HTML, ambayo ni haki 677 00:31:05,780 --> 00:31:08,890 hii lugha ghafi ambapo kuwaambia kisakuzi hasa nini cha kufanya 678 00:31:08,890 --> 00:31:10,740 na kutekeleza utafutaji yetu wenyewe injini. 679 00:31:10,740 --> 00:31:12,520 Hivyo badala ya akisema kuja hivi karibuni, mimi nina 680 00:31:12,520 --> 00:31:14,810 kwenda kuanzisha kitu kinachoitwa tag fomu. 681 00:31:14,810 --> 00:31:19,610 Na katika fomu hii, mimi nina kwenda kwa kuwa na kitu kama shamba pembejeo. 682 00:31:19,610 --> 00:31:22,450 >> Na jina la pembejeo huu shamba, mimi nina kwenda kumwita Swali: 683 00:31:22,450 --> 00:31:26,240 Na aina ya pembejeo uwanja huu Mimi nina kwenda kusema ni "Nakala". 684 00:31:26,240 --> 00:31:29,130 Na uwanja wa maandishi, kama tutaweza kuona, ni tu sanduku maandishi. 685 00:31:29,130 --> 00:31:32,830 Na hivyo hana kuhisi hapa na chochote ndani yake katika hatua hii. 686 00:31:32,830 --> 00:31:35,320 Na hivyo mimi nina tu kwenda kuifunga tag na kwamba 687 00:31:35,320 --> 00:31:38,099 mbele kufyeka haki katika tag yenyewe. 688 00:31:38,099 --> 00:31:39,890 Na kisha mimi nina kwenda kwa na pembejeo nyingine moja. 689 00:31:39,890 --> 00:31:43,480 Pembejeo aina ni sawa na kuwasilisha. 690 00:31:43,480 --> 00:31:45,320 Na kisha mimi nina kwenda kwa kuifunga moja pia. 691 00:31:45,320 --> 00:31:46,840 >> Na sasa mimi nina kwenda nyuma hapa. 692 00:31:46,840 --> 00:31:49,520 Na tayari tunaona, angalau pretty mbaya, nimekuwa 693 00:31:49,520 --> 00:31:52,460 got mwanzo wa search yangu mwenyewe ukurasa hapa. 694 00:31:52,460 --> 00:31:55,150 Kwa kweli, napenda kujaribu safi hii juu kidogo. 695 00:31:55,150 --> 00:31:57,330 Ni zinageuka kuwa juu ya pembejeo hapa, siwezi kuwa 696 00:31:57,330 --> 00:31:59,910 Sifa mwingine aitwaye placeholder. 697 00:31:59,910 --> 00:32:05,165 Na mimi ili kuona kitu kama maneno, au zaidi hasa, swala kwa q. 698 00:32:05,165 --> 00:32:07,820 >> Na taarifa, sasa, nina aina hii ya maandishi Gray 699 00:32:07,820 --> 00:32:10,440 kwamba kutoweka kama haraka kama mimi kuanza kuandika, 700 00:32:10,440 --> 00:32:12,930 lakini pengine kitu wameweza kuona katika kurasa nyingine mtandao. 701 00:32:12,930 --> 00:32:14,650 Mimi si kweli kama Kuwasilisha kifungo. 702 00:32:14,650 --> 00:32:18,320 Hivyo mimi nina kweli kwenda kutoa Kuwasilisha kifungo thamani ya utafutaji. 703 00:32:18,320 --> 00:32:21,680 Na sasa, kama mimi upya, taarifa kwamba kifungo changu inakuwa aitwaye utafutaji. 704 00:32:21,680 --> 00:32:24,140 Unajua, mimi si kweli kama alama hapa. 705 00:32:24,140 --> 00:32:27,140 Hivyo jenereta Google herufi. 706 00:32:27,140 --> 00:32:28,820 >> Nataka spice hii juu zaidi. 707 00:32:28,820 --> 00:32:30,660 Search hivyo CS50. 708 00:32:30,660 --> 00:32:31,870 Napenda kuunda alama yangu mwenyewe. 709 00:32:31,870 --> 00:32:33,080 Kwamba inaonekana nzuri. 710 00:32:33,080 --> 00:32:36,945 Hivyo sasa napenda kuokoa hii as-- kuja juu. 711 00:32:36,945 --> 00:32:40,710 712 00:32:40,710 --> 00:32:43,120 Ambapo ni kwenda? 713 00:32:43,120 --> 00:32:43,620 Huko. 714 00:32:43,620 --> 00:32:44,160 SAWA. 715 00:32:44,160 --> 00:32:44,980 Amekosa yake. 716 00:32:44,980 --> 00:32:47,740 Ila kama. 717 00:32:47,740 --> 00:32:49,470 Kijinga browsers. 718 00:32:49,470 --> 00:32:51,700 Kusimama kwa, tunakwenda kurekebisha hili mara moja na kwa wote. 719 00:32:51,700 --> 00:32:57,650 720 00:32:57,650 --> 00:32:58,590 Kuna sisi kwenda. 721 00:32:58,590 --> 00:32:59,090 Sawa. 722 00:32:59,090 --> 00:32:59,600 Pole. 723 00:32:59,600 --> 00:33:00,750 Mbali siku. 724 00:33:00,750 --> 00:33:02,310 Sasa hii ni funky. 725 00:33:02,310 --> 00:33:03,160 Toka screen kamili. 726 00:33:03,160 --> 00:33:04,150 Sawa. 727 00:33:04,150 --> 00:33:06,870 >> Sasa, kama kawaida mtu, kuokoa picha kama. 728 00:33:06,870 --> 00:33:08,810 Logo.gif. 729 00:33:08,810 --> 00:33:13,194 Sasa mimi nina kwenda katika CS50IDE na Mimi nina kwenda tu kunyakua alama, 730 00:33:13,194 --> 00:33:15,360 Mimi nina kwenda Drag ni katika yangu directory chanzo saba, 731 00:33:15,360 --> 00:33:17,002 faili tayari ipo, mimi nina sawa na kwamba. 732 00:33:17,002 --> 00:33:19,210 Hivyo nina kwenda kwa kuipuuza kwa sababu mimi tayari alikuwa nayo. 733 00:33:19,210 --> 00:33:20,630 Na sasa ni jinsi gani mimi kujikwamua hili? 734 00:33:20,630 --> 00:33:24,670 >> Hebu kwenda mbele hapa na kufanya picha chanzo ni sawa na logo.gif. 735 00:33:24,670 --> 00:33:25,490 Kuifunga. 736 00:33:25,490 --> 00:33:26,050 Kuokoa. 737 00:33:26,050 --> 00:33:30,560 Na sasa kama mimi kurejea tafuta yangu ukurasa, sasa ni kuangalia nzuri sana. 738 00:33:30,560 --> 00:33:33,610 Haki wote, hivyo ina si amefanya kabisa kitu chochote muhimu. 739 00:33:33,610 --> 00:33:37,000 Kwa kweli, napenda kujaribu kutafuta kwa ajili ya paka na kuona nini kinatokea. 740 00:33:37,000 --> 00:33:38,890 Paka. 741 00:33:38,890 --> 00:33:39,420 Damn it. 742 00:33:39,420 --> 00:33:41,400 Haina tu kazi, inaonekana. 743 00:33:41,400 --> 00:33:43,760 Basi nini kipande muhimu hiyo ni kukosa hapa? 744 00:33:43,760 --> 00:33:49,100 >> Haki, hata kama hamjui HTML wowote, Nimeanza kuashiria up fomu ya simu 745 00:33:49,100 --> 00:33:54,130 na nimekuwa aliiambia yake jinsi ya kupata pembejeo, nipe sanduku maandishi na kuwasilisha kifungo, 746 00:33:54,130 --> 00:33:55,730 kipande kile inaonekana kukosa? 747 00:33:55,730 --> 00:33:58,975 Tuseme tunataka kweli kupata jambo hili kufanya kazi kwa usahihi. 748 00:33:58,975 --> 00:34:02,420 749 00:34:02,420 --> 00:34:05,360 Tufanye nini haja ya kufanya? 750 00:34:05,360 --> 00:34:08,860 Tuna haja ya kutekeleza ya mwisho ya nyuma Mbegu au injini ya utafutaji yenyewe, 751 00:34:08,860 --> 00:34:11,210 na kwamba kwenda kuchukua mengi yote ya wakati, kusema ukweli. 752 00:34:11,210 --> 00:34:13,380 >> Basi kumbuka kile tulichofanya mara ya mwisho. 753 00:34:13,380 --> 00:34:18,230 Hivyo kama wewe kutafuta kitu kwenye Google na una mapema akageuka mbali, 754 00:34:18,230 --> 00:34:20,355 wanakumbuka, tafuta papo. 755 00:34:20,355 --> 00:34:22,230 Hivyo basi mimi kugeuka kuwa mbali ili hii kwa kweli 756 00:34:22,230 --> 00:34:26,650 kutenda kama browser wakubwa shule, kama mimi sasa kutafuta kitu kama paka, 757 00:34:26,650 --> 00:34:28,190 kukumbuka kile URL inaonekana kama. 758 00:34:28,190 --> 00:34:29,449 Ni pretty cryptic. 759 00:34:29,449 --> 00:34:33,000 Lakini iliyoingia katika huko, wanakumbuka, ni kufyeka utafutaji. 760 00:34:33,000 --> 00:34:35,100 Swali alama q ni sawa na paka. 761 00:34:35,100 --> 00:34:37,760 >> Na kwamba inaweza kuonekana nipe rundo zima la matokeo ya utafutaji. 762 00:34:37,760 --> 00:34:39,134 Ili kujua nini mimi nina kwenda kufanya? 763 00:34:39,134 --> 00:34:41,650 Mimi nina kwenda kukopa Google kwa dakika moja tu. 764 00:34:41,650 --> 00:34:43,670 Mimi nina kwenda juu ya hapa na mimi nina kwenda kusema 765 00:34:43,670 --> 00:34:47,850 kwamba hii ndiyo hatua au marudio, ili kuzungumza, 766 00:34:47,850 --> 00:34:49,330 lazima literally kuwa Google. 767 00:34:49,330 --> 00:34:52,590 Na mbinu nilitaka kwa matumizi ni kwenda kuwa kupata. 768 00:34:52,590 --> 00:34:53,560 >> Hivyo ni hatua gani? 769 00:34:53,560 --> 00:34:55,760 Hatua ni weirdly jina lake, lakini kwamba tu ina maana 770 00:34:55,760 --> 00:34:58,120 ambaye ni kwenda kushughulikia hatua ya aina hii? 771 00:34:58,120 --> 00:35:00,820 Wakati mimi bonyeza Search, ambapo lazima matokeo kwenda? 772 00:35:00,820 --> 00:35:05,300 Na kama mimi sasa kurejea fomu yangu hapa na Reload mtandao ukurasa wangu 773 00:35:05,300 --> 00:35:09,000 na sasa kutafuta kitu kama mbwa, taarifa sasa 774 00:35:09,000 --> 00:35:10,850 I have re kutekelezwa Google. 775 00:35:10,850 --> 00:35:11,350 Sawa? 776 00:35:11,350 --> 00:35:14,141 >> Kama mimi nataka kutafuta kitu mwingine, ni kazi kwa si tu mbwa, 777 00:35:14,141 --> 00:35:16,400 pia kazi kwa ajili ya paka. 778 00:35:16,400 --> 00:35:21,930 Pia kazi kwa CS50. 779 00:35:21,930 --> 00:35:24,310 Na sawa, hili ni jambo jema chini ya whelming, si hivyo? 780 00:35:24,310 --> 00:35:25,920 Sawa, lakini ni kweli kazi. 781 00:35:25,920 --> 00:35:27,360 Hivyo nini hasa kinachoendelea? 782 00:35:27,360 --> 00:35:31,340 Hivyo nimekuwa kufundishwa browser yangu, kwa kutumia HTML, kuchukua pembejeo kutoka kwa mtumiaji 783 00:35:31,340 --> 00:35:35,810 na kwa kweli kutuma pembejeo kwamba kijijini server kutumia HTTP. 784 00:35:35,810 --> 00:35:39,120 >> Na kwa sababu kisakuzi yangu anaelewa HTTP, ni kweli 785 00:35:39,120 --> 00:35:43,500 kujenga URL ili kile Mimi kuishia juu katika browser yangu, 786 00:35:43,500 --> 00:35:45,660 taarifa nini kinatokea wakati mimi searched kwa mbwa. 787 00:35:45,660 --> 00:35:49,270 Kama mimi bonyeza Search, taarifa kwamba URL mabadiliko kama mimi nia 788 00:35:49,270 --> 00:35:52,770 kwa google.com/search~~V swala sawa na mbwa. 789 00:35:52,770 --> 00:35:56,020 Na hiyo ndiyo sababu aina anajua, kwa sababu ni njia ya kupata, 790 00:35:56,020 --> 00:35:59,560 kwa kifupi append kwa kuwa URL huko. 791 00:35:59,560 --> 00:36:01,730 >> Sasa, kurasa hizi mtandao bado ni mbaya. 792 00:36:01,730 --> 00:36:04,890 Basi hebu kuanzisha mwingine mmoja kipande cha syntax kama tunaweza leo. 793 00:36:04,890 --> 00:36:07,640 Na hili ni jambo inayojulikana kama shuka kuachia style. 794 00:36:07,640 --> 00:36:10,720 Hivyo basi mimi tuangalie mfano huu hapa na kuona 795 00:36:10,720 --> 00:36:12,380 kama tunaweza kudai nini kinaendelea. 796 00:36:12,380 --> 00:36:14,520 Hii ni CSS0.html. 797 00:36:14,520 --> 00:36:16,532 Na hii ni mahali ambapo mambo kupata kidogo mbaya. 798 00:36:16,532 --> 00:36:18,490 Kwa sababu kwa bahati mbaya, katika ulimwengu wa mtandao, 799 00:36:18,490 --> 00:36:20,920 HTML peke yake haiwezi kufanya kila kitu. 800 00:36:20,920 --> 00:36:22,920 Na hivyo kama unataka stylize mtandao ukurasa wako, 801 00:36:22,920 --> 00:36:28,370 wewe kweli haja ya kuzingatia aesthetics katika njia tofauti. 802 00:36:28,370 --> 00:36:33,090 Hivyo hapa, nina mwili wa mtandao wangu ukurasa ndani ya ambayo ni div kubwa. 803 00:36:33,090 --> 00:36:34,700 Na div tu ina maana mgawanyiko. 804 00:36:34,700 --> 00:36:38,060 Hivyo ni kama aya lakini hana semantiki sawa 805 00:36:38,060 --> 00:36:39,180 ya aya ya maandishi. 806 00:36:39,180 --> 00:36:40,940 >> Hii ina maana kwa browser, hiyo inakuja 807 00:36:40,940 --> 00:36:45,210 kubwa mkoa mstatili wa mtandao wangu ukurasa, nataka kushughulikia hilo hasa. 808 00:36:45,210 --> 00:36:47,420 Sasa, mstari 21 Hapa ndipo kwamba div kuanza. 809 00:36:47,420 --> 00:36:48,770 Na tu kuchukua nadhani. 810 00:36:48,770 --> 00:36:53,080 Ni athari ya mstari 21 juu ya nini mapumziko ya yaliyomo ya ukurasa? 811 00:36:53,080 --> 00:36:55,640 812 00:36:55,640 --> 00:36:56,311 Centering yake. 813 00:36:56,311 --> 00:36:56,810 Hayo ni yote. 814 00:36:56,810 --> 00:36:58,830 Hivyo hatujaona njia ya kweli centering asilia. 815 00:36:58,830 --> 00:37:00,996 >> Kwa kweli, search injini yangu, tofauti na Google halisi, 816 00:37:00,996 --> 00:37:03,040 mara zote haki juu ya upande wa kushoto. 817 00:37:03,040 --> 00:37:07,430 Na hivyo sasa katika mstari 21, mimi kusema, hey browser, kujenga mgawanyiko wa ukurasa. 818 00:37:07,430 --> 00:37:09,450 Nipe tu kubwa, asiyeonekana mstatili. 819 00:37:09,450 --> 00:37:11,490 Hayo ni jinsi mimi wanataka kufikiri juu ya ukurasa wa mtandao. 820 00:37:11,490 --> 00:37:13,870 Na kisha stylize ni kama ifuatavyo. 821 00:37:13,870 --> 00:37:16,900 Ndani ya quotes hizo, sasa, ni lugha ya pili 822 00:37:16,900 --> 00:37:19,969 kwamba sisi ilianzisha leo aitwaye kuachia style karatasi. 823 00:37:19,969 --> 00:37:22,010 Shukrani nyingi, hiyo pia ni si lugha ya programu, 824 00:37:22,010 --> 00:37:26,470 hivyo ni mdogo sana katika syntax wake lakini pia mdogo sana katika utendaji wake 825 00:37:26,470 --> 00:37:30,670 ambapo HTML ni wote kuhusu kuashiria up data ya mtandao 826 00:37:30,670 --> 00:37:32,130 na muundo wa ukurasa wa mtandao. 827 00:37:32,130 --> 00:37:35,320 CSS kwa ujumla ni kuhusu mwisho maili, aesthetics, 828 00:37:35,320 --> 00:37:40,160 kupata ukubwa na rangi na uwekaji hasa haki katika ukurasa wa mtandao. 829 00:37:40,160 --> 00:37:43,000 Na hakika, ni sumu kwa thamani jozi ufunguo. 830 00:37:43,000 --> 00:37:46,290 >> Mali kama hii, maandishi align, ikifuatiwa na koloni, 831 00:37:46,290 --> 00:37:49,720 ikifuatiwa na thamani ya kwamba mali hiyo, ambayo katika kesi hii ni kituo cha. 832 00:37:49,720 --> 00:37:51,910 Na sasa taarifa yenu Unaweza kiota mambo haya. 833 00:37:51,910 --> 00:37:56,780 Kama nilitaka kila kitu kwa kuwa Nimekuwa yalionyesha kuwa unaozingatia, 834 00:37:56,780 --> 00:38:00,270 hiyo ndiyo sababu nina mstari 21 na mstari sambamba 31. 835 00:38:00,270 --> 00:38:04,820 Lakini tuseme sasa nataka kusema John Harvard, kuwakaribisha kwa ukurasa wangu wa nyumbani. 836 00:38:04,820 --> 00:38:06,530 >> Ishara hati miliki John Harvard. 837 00:38:06,530 --> 00:38:09,180 Na nadhani wanataka kwanza ya wale mistari kuwa pretty kubwa. 838 00:38:09,180 --> 00:38:10,450 36 saizi. 839 00:38:10,450 --> 00:38:11,530 Hivyo hiyo ni ukubwa heshima. 840 00:38:11,530 --> 00:38:13,240 Na nilitaka uzito wake kuwa na ujasiri. 841 00:38:13,240 --> 00:38:15,450 Lakini basi chini kwamba, Nataka maandishi madogo. 842 00:38:15,450 --> 00:38:19,980 Na chini ya hapo, nataka Nakala hata kidogo. 843 00:38:19,980 --> 00:38:20,480 Pole. 844 00:38:20,480 --> 00:38:24,490 845 00:38:24,490 --> 00:38:26,940 Leo anahisi kama siku mbali. 846 00:38:26,940 --> 00:38:29,840 >> Hivyo sasa, je, Mimi kufanya kueleza hili? 847 00:38:29,840 --> 00:38:34,580 Hapa kwenye mstari 22 ni iliyoingia div au nested div, kama wewe. 848 00:38:34,580 --> 00:38:36,190 Ni pia ina mtindo tag yake mwenyewe. 849 00:38:36,190 --> 00:38:38,160 Mimi kutaja ukubwa wa herufi ya 36. 850 00:38:38,160 --> 00:38:40,460 Mimi kutaja herufi uzito wa ujasiri. 851 00:38:40,460 --> 00:38:43,360 Chini hapa, mimi tu kutaja 24 saizi. 852 00:38:43,360 --> 00:38:45,960 Na hatimaye, katika mstari 28, mimi kutaja 12. 853 00:38:45,960 --> 00:38:49,070 Hivyo tu kama haraka sanity hundi na kama kusoma binadamu hivyo, 854 00:38:49,070 --> 00:38:52,545 ambayo maneno juu ya screen ni kweli kwenda kuwa na ujasiri? 855 00:38:52,545 --> 00:38:56,100 856 00:38:56,100 --> 00:38:58,760 Ambayo mistari ni kweli ujasiri? 857 00:38:58,760 --> 00:38:59,570 >> Tu John Harvard. 858 00:38:59,570 --> 00:39:00,070 Sawa? 859 00:39:00,070 --> 00:39:05,940 Kwa sababu tu kama mstari 22 anasema hey browser, hapa ni mgawanyo wa ukurasa. 860 00:39:05,940 --> 00:39:07,920 Matokeo yake ni ukubwa wa herufi 36 uhakika. 861 00:39:07,920 --> 00:39:09,460 Kufanya font uzito koze. 862 00:39:09,460 --> 00:39:11,920 Haraka kama wewe kufikia sambamba mwisho tag 863 00:39:11,920 --> 00:39:15,340 au kufungwa tag kwenye mstari 24, kwamba maana yake, hey browser, 864 00:39:15,340 --> 00:39:17,640 kuacha kufanya chochote ni unafanya. 865 00:39:17,640 --> 00:39:21,020 Na taarifa kwa kuwa wazi, hata kama mstari 22 ina wote wa sifa hizi 866 00:39:21,020 --> 00:39:24,430 kama style, wakati karibu tag katika mstari 24, 867 00:39:24,430 --> 00:39:25,940 wewe tu kutaja jina tag ya. 868 00:39:25,940 --> 00:39:29,990 >> Huwezi kurudia neno style au chochote hiyo ni ndani ya quotes hizo. 869 00:39:29,990 --> 00:39:32,860 Na hivyo kama mimi kuangalia hii sasa katika browser yangu, hebu kuchukua 870 00:39:32,860 --> 00:39:38,060 a tuangalie matokeo ya mwisho. Hebu kwenda mbele ya faili hili, ambayo ni CSS 0. 871 00:39:38,060 --> 00:39:41,814 Na ni bado pretty wazi, lakini kupata pretty kuvutia. 872 00:39:41,814 --> 00:39:43,980 Lakini zinageuka kuna ya mambo mengine siwezi kufanya hapa, 873 00:39:43,980 --> 00:39:46,490 na katika hatari ya kufanya hii hideous kabisa, 874 00:39:46,490 --> 00:39:48,630 taarifa hapa kwamba katika wangu mwili wa mtandao ukurasa wangu, 875 00:39:48,630 --> 00:39:53,930 Siwezi kufanya kitu funny kama bg au rangi ya asili. 876 00:39:53,930 --> 00:39:56,670 >> Na haraka, nini rangi yako favorite? 877 00:39:56,670 --> 00:39:57,720 Green nikasikia. 878 00:39:57,720 --> 00:39:58,750 Sawa. 879 00:39:58,750 --> 00:40:02,920 Hivyo sasa, kama mimi hit Reload sasa, tuna kijani mtandao ukurasa. 880 00:40:02,920 --> 00:40:04,710 Haki wote, hivyo hiyo ni si mbaya. 881 00:40:04,710 --> 00:40:08,350 Na sasa, kama nataka kufanya kweli hii baridi, siwezi kufanya alama ya asilia wangu 882 00:40:08,350 --> 00:40:09,360 hata nyekundu. 883 00:40:09,360 --> 00:40:10,870 Basi hebu angalia nini hii inaonekana kama. 884 00:40:10,870 --> 00:40:12,230 Sasa ni kuangalia nzuri sana. 885 00:40:12,230 --> 00:40:15,460 Na chini hapa, kama kweli wanataka fujo na mtu 886 00:40:15,460 --> 00:40:17,487 au kama unataka kuwa mmoja wa watu wale ambao 887 00:40:17,487 --> 00:40:20,570 anajaribu kukuhadaa kutembelea mtandao ukurasa kwa sababu wameweza mkadanganywa Google 888 00:40:20,570 --> 00:40:27,610 katika kufikiri kuna rundo zima ya maneno muhimu like-- hebu angalia, Reload. 889 00:40:27,610 --> 00:40:29,020 890 00:40:29,020 --> 00:40:30,680 Wapi ni kwenda? 891 00:40:30,680 --> 00:40:31,530 Na huko kwetu. 892 00:40:31,530 --> 00:40:32,030 Sawa. 893 00:40:32,030 --> 00:40:34,905 Kwa hiyo nasema huu kama kando, tutaweza majadiliano juu ya mambo haya katika wiki chache 894 00:40:34,905 --> 00:40:36,740 wakati sisi majadiliano juu amani, kama nyinyi kweli 895 00:40:36,740 --> 00:40:38,852 kupachika mashada zima la maneno katika ukurasa wa mtandao, 896 00:40:38,852 --> 00:40:41,810 hata kama uko kutoonekana kwa binadamu, mtu kama Google, bila shaka, 897 00:40:41,810 --> 00:40:43,250 bado anaweza kweli kupata hii. 898 00:40:43,250 --> 00:40:45,820 Haki wote, hivyo hiyo ni mzuri hideous pretty haraka. 899 00:40:45,820 --> 00:40:48,420 >> Na kwa kweli, si wote kwamba sehemu kubwa tofauti na mtandao wangu mwenyewe 900 00:40:48,420 --> 00:40:51,480 ukurasa kama shahada ya kwanza, ambayo Mimi kuanza googling karibu na kupata 901 00:40:51,480 --> 00:40:53,690 matoleo ya zamani ya Nje yangu ya zamani. 902 00:40:53,690 --> 00:40:54,500 Ilikuwa ni pretty mbaya. 903 00:40:54,500 --> 00:40:56,650 Kwa kweli, sikuweza kupata moja tu kabla ya darasa. 904 00:40:56,650 --> 00:40:58,620 Lakini kuna mabaya zaidi huko nje. 905 00:40:58,620 --> 00:41:01,534 Hii inaonekana alikuwa yangu ukurasa wa nyumbani nyuma mwaka 1996. 906 00:41:01,534 --> 00:41:04,200 Inavyoonekana nilifikiri ilikuwa sahihi kuuliza watu majina yao 907 00:41:04,200 --> 00:41:05,991 kabla hawakuweza kweli kuona mtandao ukurasa wangu. 908 00:41:05,991 --> 00:41:09,380 909 00:41:09,380 --> 00:41:11,920 >> Na kisha mimi kuwaonyesha kitu kijinga, pengine. 910 00:41:11,920 --> 00:41:13,450 Mimi itabidi kuchimba zaidi kwa wakati ujao. 911 00:41:13,450 --> 00:41:16,220 Lakini kwa sasa, hebu kufikiria kidogo ya kubuni. 912 00:41:16,220 --> 00:41:17,444 Tumekuwa aliyesema kuhusu style. 913 00:41:17,444 --> 00:41:19,735 Na ukurasa huu hivi sasa na zaidi kila kitu nimekuwa imeandikwa 914 00:41:19,735 --> 00:41:21,890 ni pretty safi stylistically. 915 00:41:21,890 --> 00:41:23,320 Lakini nini kuhusu mpango? 916 00:41:23,320 --> 00:41:25,990 Naam, kuna mengi ya redundancy katika kile nimekuwa kufanya hapa. 917 00:41:25,990 --> 00:41:28,156 >> Nimekuwa zilizotajwa neno rangi katika michache ya maeneo. 918 00:41:28,156 --> 00:41:31,630 Nimekuwa zilizotajwa ukubwa wa herufi katika michache ya maeneo na ujasiri katika michache ya maeneo. 919 00:41:31,630 --> 00:41:34,870 Na kimsingi, mimi nina ushirikiano mingling lugha mbili. 920 00:41:34,870 --> 00:41:38,100 Mimi nimepata HTML na vitambulisho yangu na yangu sifa na kisha kwa ghafla, 921 00:41:38,100 --> 00:41:40,100 kati ya quotes, nina lugha ya pili leo 922 00:41:40,100 --> 00:41:43,830 aitwaye CSS, ambayo tena, ni tu hizi thamani jozi ufunguo au mali hizi 923 00:41:43,830 --> 00:41:45,280 kutenganishwa kwa koloni. 924 00:41:45,280 --> 00:41:47,700 >> Ni zinageuka kuwa sana kama katika C ambapo sisi 925 00:41:47,700 --> 00:41:50,550 Unaweza kuanza kwa sababu nje baadhi kificho katika kichwa mafaili, 926 00:41:50,550 --> 00:41:53,520 hivyo tunaweza kufanya hivyo katika HTML. 927 00:41:53,520 --> 00:41:56,030 Na hatua kuelekea kuwa ni kama ifuatavyo. 928 00:41:56,030 --> 00:42:02,230 Taarifa kwamba toleo hili, CSS1.html ni kimuundo exact mtandao ukurasa. 929 00:42:02,230 --> 00:42:05,250 Hivyo mimi nimepata rundo zima ya divs, lakini wakati huu, nimekuwa 930 00:42:05,250 --> 00:42:07,220 wamezipata kuondoa kanga div kama utaona. 931 00:42:07,220 --> 00:42:12,390 >> Na Nimekupa wale divs tatu juu, kati, na chini, Vitambulisho vya kipekee. 932 00:42:12,390 --> 00:42:14,760 Hii ni nzuri, kwa sababu kwa kutoa tarafa wale 933 00:42:14,760 --> 00:42:18,715 ya ukurasa vitambulisho vya kipekee, Siwezi rejea yao mahali pengine. 934 00:42:18,715 --> 00:42:19,215 Wapi? 935 00:42:19,215 --> 00:42:21,070 Naam, napenda kitabu juu. 936 00:42:21,070 --> 00:42:24,070 Na hivi sasa, wakati wowote tumekuwa inaonekana katika kichwa cha ukurasa wa mtandao, nini 937 00:42:24,070 --> 00:42:28,560 tag tu tulikuwa na katika mkuu wa ukurasa wa mtandao? 938 00:42:28,560 --> 00:42:29,740 Kidogo nguvu zaidi. 939 00:42:29,740 --> 00:42:30,799 Tu jina hadi sasa. 940 00:42:30,799 --> 00:42:32,590 Lakini zinageuka kuna ya wachache na mambo mengine 941 00:42:32,590 --> 00:42:35,840 unaweza kuweka katika huko, mmoja wa ambayo ni kuitwa tag style. 942 00:42:35,840 --> 00:42:37,850 Hivyo wakati iliyopita, sisi inaonekana katika style sifa. 943 00:42:37,850 --> 00:42:39,150 Zinageuka kuna tag style. 944 00:42:39,150 --> 00:42:41,200 Iko ndani ya mkuu wa ukurasa wa mtandao. 945 00:42:41,200 --> 00:42:42,840 Na sasa taarifa nini mimi kufanya. 946 00:42:42,840 --> 00:42:46,540 Nina ndani ya hii mtindo tag zifuatazo. 947 00:42:46,540 --> 00:42:51,190 Mimi literally kutaja juu ya mstari 20 jina la tag kwamba nataka stylize. 948 00:42:51,190 --> 00:42:53,489 >> Basi nina wazi curly brace na kufungwa curly brace. 949 00:42:53,489 --> 00:42:56,030 Hivyo sawa katika roho kwa C, lakini tena, hii si kazi, 950 00:42:56,030 --> 00:42:57,796 hili ni jambo jema kwa undani kisintaksia hapa. 951 00:42:57,796 --> 00:43:00,170 Na kisha bila shaka, mimi nina kuwaambia browser, hey browser, 952 00:43:00,170 --> 00:43:05,210 kufanya mwili mzima wa ukurasa na asilia alignment ya kituo hicho. 953 00:43:05,210 --> 00:43:06,930 Na kisha hii ni kusema yafuatayo. 954 00:43:06,930 --> 00:43:12,600 Hey browser, ukiona HTML kipengele au tag katika ukurasa kwamba 955 00:43:12,600 --> 00:43:17,040 ina kitambulisho kipekee ya juu, hivyo hash ishara hapa ina maana tu 956 00:43:17,040 --> 00:43:21,010 wazo kipekee ya juu, kwenda mbele na kufanya ukubwa wa herufi zake 36 957 00:43:21,010 --> 00:43:22,490 na herufi zake uzito koze. 958 00:43:22,490 --> 00:43:26,840 >> Hey browser, kipengele ambaye ID ni katikati, kufanya hivyo 24 saizi. 959 00:43:26,840 --> 00:43:31,070 Na hey browser, ukiona wazo la chini, kufanya hivyo 12 saizi. 960 00:43:31,070 --> 00:43:33,540 Athari katika mwisho ni hasa sam. 961 00:43:33,540 --> 00:43:36,500 Kama mimi kwenda katika CSS 1, ukurasa inaonekana sawa. 962 00:43:36,500 --> 00:43:39,810 Lakini sisi ni hatua kuelekea kubuni kidogo bora. 963 00:43:39,810 --> 00:43:44,850 Sasa niende nyuma hapa CSS2 na kuona nini kingine mimi tumefanya. 964 00:43:44,850 --> 00:43:48,030 >> Sasa ukurasa ni kweli, kweli safi. 965 00:43:48,030 --> 00:43:50,730 Kwa kweli, siwezi kifafa wote wa yaliyomo kwenye ukurasa hapa. 966 00:43:50,730 --> 00:43:54,270 Lakini nini mpya tag na mimi ilianzisha, ni wazi? 967 00:43:54,270 --> 00:43:54,770 Kiungo. 968 00:43:54,770 --> 00:43:57,853 Na si jina bora kwa tag, kwa sababu si kiungo kwa maana ya 969 00:43:57,853 --> 00:44:00,780 kuwa tunajua kuwa, lakini hii ina maana kiungo katika baadhi ya faili nyingine. 970 00:44:00,780 --> 00:44:02,890 Hii ni aina ya kama mkali ni pamoja na katika C. 971 00:44:02,890 --> 00:44:06,280 >> Hii ni njia katika HTML kusema hey browser, 972 00:44:06,280 --> 00:44:10,240 kwenda kupata yaliyomo ya faili inayoitwa css2.css. 973 00:44:10,240 --> 00:44:12,880 Uhusiano, kwangu, ni kwamba ni karatasi style. 974 00:44:12,880 --> 00:44:17,980 Na hakika, hilo ndilo moja ya S katika kuachia style karatasi njia. 975 00:44:17,980 --> 00:44:20,350 Hii ni karatasi style. 976 00:44:20,350 --> 00:44:23,120 Ni tu maandishi faili zenye rundo zima la mali. 977 00:44:23,120 --> 00:44:25,940 Ni kundi zima la mitindo kwamba unataka kuomba kwa ukurasa. 978 00:44:25,940 --> 00:44:28,860 >> Na hivyo hii inaonekana ni akimaanisha faili la pili. 979 00:44:28,860 --> 00:44:32,970 Na kama mimi kufungua hiyo, CSS2.css, taarifa kwamba wote mimi tumefanya 980 00:44:32,970 --> 00:44:35,900 ni nakala na kuweka zote ya hii katika faili hii. 981 00:44:35,900 --> 00:44:38,220 Na sasa, hata kama wewe sijawahi kutolewa mambo haya kabla, 982 00:44:38,220 --> 00:44:40,700 tu kufikiria kwa proverbial kofia uhandisi 983 00:44:40,700 --> 00:44:44,220 juu ya nini ni a huu bora kubuni pengine? 984 00:44:44,220 --> 00:44:48,910 Factoring nje mali hizo CSS, kuweka katika faili yao wenyewe. 985 00:44:48,910 --> 00:44:51,330 Hata ingawa sisi kutatuliwa hii Dakika tatizo kama mitano iliyopita 986 00:44:51,330 --> 00:44:52,600 katika toleo la kwanza kabisa. 987 00:44:52,600 --> 00:44:55,730 >> Tumekuwa si kuboreshwa stylistically ukurasa, 988 00:44:55,730 --> 00:44:57,520 hii ni bora kubuni katika baadhi ya hisia. 989 00:44:57,520 --> 00:44:58,990 Kwa nini unafikiri? 990 00:44:58,990 --> 00:45:01,510 Naam. 991 00:45:01,510 --> 00:45:02,260 Zaidi rahisi ni jinsi gani? 992 00:45:02,260 --> 00:45:05,040 993 00:45:05,040 --> 00:45:05,540 Naam. 994 00:45:05,540 --> 00:45:07,373 Hivyo kama unataka kwenda nyuma na kubadili mambo, 995 00:45:07,373 --> 00:45:09,540 sasa, una sehemu moja ambapo unaweza kubadili mambo. 996 00:45:09,540 --> 00:45:11,622 Na kwa kweli, kwa ajili ya kitu kama tatizo kuweka saba, 997 00:45:11,622 --> 00:45:13,690 ambapo tutaweza kutekeleza ya hisa internet tovuti, 998 00:45:13,690 --> 00:45:15,523 ambayo inaenda kuwa rundo zima la kurasa. 999 00:45:15,523 --> 00:45:17,620 Na itakuwa kweli annoying kama wewe kuamua, hm, 1000 00:45:17,620 --> 00:45:21,630 Mimi si kweli kama 24 saizi, nataka kuwa ni 28 saizi au kubwa kidogo. 1001 00:45:21,630 --> 00:45:23,550 Na kisha una kufanya kimataifa kupata na kuchukua nafasi 1002 00:45:23,550 --> 00:45:27,560 au kufungua wote wa mafaili tovuti yako tu kwa kweli mabadiliko thamani moja. 1003 00:45:27,560 --> 00:45:31,290 By factoring nje mitindo haya ndani ya sehemu moja kuu, 1004 00:45:31,290 --> 00:45:34,720 sasa unaweza kufungua faili moja Nakala katika CS50IDE katika mpango wowote, 1005 00:45:34,720 --> 00:45:36,479 mabadiliko hayo, ila ni, na kufanyika. 1006 00:45:36,479 --> 00:45:38,270 Umefanya kupandwa wale mabadiliko kila mahali. 1007 00:45:38,270 --> 00:45:42,450 Na kwamba itakuwa sawa katika faili nukta h pia. 1008 00:45:42,450 --> 00:45:46,697 Hivyo maswali yoyote hivyo mbali juu ya syntax hii? 1009 00:45:46,697 --> 00:45:48,530 Haki wote, hivyo tumekuwa amefanya kila kitu inaonekana 1010 00:45:48,530 --> 00:45:51,170 isipokuwa kweli kutekeleza viungo. 1011 00:45:51,170 --> 00:45:52,740 Na hivyo hebu kwenda mbele na kufanya hili. 1012 00:45:52,740 --> 00:45:54,830 Hebu kwenda mbele na kuunda faili mpya hapa. 1013 00:45:54,830 --> 00:45:59,970 Mimi nina kwenda kuiita link.html, kuweka katika kanuni ya leo. 1014 00:45:59,970 --> 00:46:03,000 >> Na mimi nina kwenda kufanya wazi mabano doc aina html. 1015 00:46:03,000 --> 00:46:05,970 Kama kando, jambo hili katika juu, hii doc aina tamko, 1016 00:46:05,970 --> 00:46:08,420 ni moja tu kwamba ni weird kwa mshangao uhakika. 1017 00:46:08,420 --> 00:46:12,100 Wewe tu na kufanya hivyo kuna nayo ina maana sisi ni kutumia toleo HTML 5. 1018 00:46:12,100 --> 00:46:14,460 Wazee matoleo ya Lugha alikuwa kwa muda mrefu 1019 00:46:14,460 --> 00:46:16,400 masharti kwamba zinahitajika ili kuweka huko. 1020 00:46:16,400 --> 00:46:18,620 Hivyo hapa ni mfano inayoitwa kiungo. 1021 00:46:18,620 --> 00:46:20,950 >> Nahitaji mwili wa mtandao ukurasa wangu hapa. 1022 00:46:20,950 --> 00:46:29,770 Na katika hapa, sawa href hebu sema HTTP://www.disney.com 1023 00:46:29,770 --> 00:46:35,420 na tovuti yangu favorite, tutaweza kusema. 1024 00:46:35,420 --> 00:46:38,550 Haki wote, hivyo sana innocuous, mtumiaji wa kirafiki ukurasa. 1025 00:46:38,550 --> 00:46:42,950 Kama mimi sasa kwenda katika saraka yangu orodha hapa na kufungua link.html, 1026 00:46:42,950 --> 00:46:44,780 tuna maandishi mfumuko. 1027 00:46:44,780 --> 00:46:47,410 >> Na hakika, hii ni mahali ambapo H katika HTTP anatokea. 1028 00:46:47,410 --> 00:46:51,580 HyperText uhamisho itifaki ni kuhusu kuhamisha maandishi 1029 00:46:51,580 --> 00:46:53,840 ambayo ina viungo kwa rasilimali nyingine. 1030 00:46:53,840 --> 00:46:58,210 Na hakika, hapa ni utambuzi, kama retro, bluu kiungo kwamba kama clicked, 1031 00:46:58,210 --> 00:47:02,607 kwa kweli risasi mimi Disney.com. 1032 00:47:02,607 --> 00:47:03,940 Sasa, loo, hiyo ni kuja nje hivi karibuni. 1033 00:47:03,940 --> 00:47:08,970 Haki wote, hivyo sasa, ni baadhi ya maana ya hii? 1034 00:47:08,970 --> 00:47:11,610 >> Na kusema ukweli, dunia kuanza kupata ukoo kidogo zaidi 1035 00:47:11,610 --> 00:47:15,090 na pia scarier kidogo lakini pia kidogo zaidi 1036 00:47:15,090 --> 00:47:17,840 binafsi defensible mara moja kuanza kuelewa mambo haya. 1037 00:47:17,840 --> 00:47:21,610 Kwa sababu ni tabia mbaya, baadhi yenu, kama kwenda kupitia barua taka yako folder Gmail au hata 1038 00:47:21,610 --> 00:47:23,990 Inbox yako, wewe wameweza pengine kujipatia baadhi ya aina ya email 1039 00:47:23,990 --> 00:47:26,980 hiyo ni kuuliza wewe kubadili yako nenosiri labda au labda kuthibitisha 1040 00:47:26,980 --> 00:47:28,910 sifa yako PayPal au whatnot. 1041 00:47:28,910 --> 00:47:34,510 >> Na kwa kweli, unaweza kuwa wamepokea kitu ambacho anasema kama click hapa 1042 00:47:34,510 --> 00:47:42,260 kuweka upya nenosiri lako PayPal. 1043 00:47:42,260 --> 00:47:44,130 Na sasa, taarifa, iwapo hii si Disney.com 1044 00:47:44,130 --> 00:47:51,600 lakini kama badplace.com na Reload, kumbuka kuwa maandishi hapa 1045 00:47:51,600 --> 00:47:53,710 naweza kusema chochote wowote. 1046 00:47:53,710 --> 00:47:55,260 Na kwa kweli, hii ni maneno tu. 1047 00:47:55,260 --> 00:48:04,610 Mbona mimi kwa kweli kuwa super kwa makusudi na kusema http://www.paypal.com. 1048 00:48:04,610 --> 00:48:14,090 >> Bonyeza hapa upya PayPal yako password na sasa upya. 1049 00:48:14,090 --> 00:48:16,220 Hii inaonekana pretty halali, sawa? 1050 00:48:16,220 --> 00:48:20,470 I mean, napenda click kwenye email kwamba tu anasema hii. 1051 00:48:20,470 --> 00:48:22,450 Lakini taarifa dichotomy hapa. 1052 00:48:22,450 --> 00:48:26,880 Inasema www.paypal.com, na kwa kweli, kusubiri dakika, 1053 00:48:26,880 --> 00:48:29,210 Tunajua kwamba unataka s kwa ajili ya usalama. 1054 00:48:29,210 --> 00:48:35,450 Hivyo sasa, nenda kwa www.paypal.com HTTPS, lakini kama wewe sijawahi jambo hili kabla, 1055 00:48:35,450 --> 00:48:38,182 je kuingia katika tabia ya imetulia juu ya viungo kidogo hapa. 1056 00:48:38,182 --> 00:48:39,890 Na ni vigumu kuona juu ya screen huko, 1057 00:48:39,890 --> 00:48:41,340 na ni kwamba wote si rahisi hapa. 1058 00:48:41,340 --> 00:48:43,615 Lakini njia ya chini hapa katika vidogo kona kidogo 1059 00:48:43,615 --> 00:48:45,740 anafanya kisakuzi kweli kuwaambia kwamba tunakwenda 1060 00:48:45,740 --> 00:48:48,850 kwa badplace.com badala ya Paypal.com. 1061 00:48:48,850 --> 00:48:51,620 Sasa, ambapo ni sisi kwenda na hili? 1062 00:48:51,620 --> 00:48:54,859 Mifano yote tumefanya leo, tumekuwa ngumu coded na typed nje manually. 1063 00:48:54,859 --> 00:48:56,900 Mtandao ni incredibly uninteresting wakati mgumu 1064 00:48:56,900 --> 00:48:59,844 kanuni mtandao kurasa yako ili bidhaa hiyo ni tuli na kamwe mabadiliko. 1065 00:48:59,844 --> 00:49:01,760 Bila shaka, wote wa wetu favorite Nje leo, 1066 00:49:01,760 --> 00:49:04,470 kama ni Gmail au Twitter au Facebook au idadi yoyote ya wengine 1067 00:49:04,470 --> 00:49:05,290 ni nguvu. 1068 00:49:05,290 --> 00:49:07,340 Wao ni kubadilisha katika kukabiliana na pembejeo mtumiaji 1069 00:49:07,340 --> 00:49:08,840 kama matokeo ya Google. 1070 00:49:08,840 --> 00:49:12,415 >> Na hivyo siku ya Jumatano, nini cha kufanya ni sisi kuondoka HTML na CSS kuanzishwa 1071 00:49:12,415 --> 00:49:14,290 nyuma yetu na sisi kuchukua nafasi ya kwamba sisi sasa 1072 00:49:14,290 --> 00:49:16,640 kujua na sisi kuanzisha mpya lugha ya programu 1073 00:49:16,640 --> 00:49:19,050 aitwaye PHP, ambayo kama C, kinaenda kutupa 1074 00:49:19,050 --> 00:49:22,450 uwezo wa kweli kujenga mipango kwamba wao wenyewe kuzalisha pato. 1075 00:49:22,450 --> 00:49:25,900 Katika kesi hiyo, tutaweza kutumia PHP kuzalisha dynamically mtandao 1076 00:49:25,900 --> 00:49:27,340 kurasa kutumia lugha hii mpya. 1077 00:49:27,340 --> 00:49:28,989 Hivyo zaidi juu ya kwamba siku ya Jumatano. 1078 00:49:28,989 --> 00:49:29,530 Tazama wewe hapo. 1079 00:49:29,530 --> 00:49:33,130 1080 00:49:33,130 --> 00:49:37,380 >> [Music kucheza] 1081 00:49:37,380 --> 00:52:38,864