1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [Tónlist spila] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON BUCHHOLTZ-AU: Allt í lagi, allir. 5 00:00:12,540 --> 00:00:13,860 Velkomin aftur til kafla. 6 00:00:13,860 --> 00:00:19,559 Svo hlutina í dag er að fara yfir miklu meiri vefur dev efni. 7 00:00:19,559 --> 00:00:21,600 Ég veit ekki hversu margir af þú hefur séð psets þínum 8 00:00:21,600 --> 00:00:24,414 síðan það var gefið út Fyrr í morgun. 9 00:00:24,414 --> 00:00:26,330 Ég vildi eins og hversu margir fólk hefur lesið sérstakur, 10 00:00:26,330 --> 00:00:29,910 en að sjá eins og hvernig þú hefur haft allt af, eins og, sjö klukkustundir til að líta á það 11 00:00:29,910 --> 00:00:31,910 og það er a mánudegi og þú hefur sennilega haft bekknum, 12 00:00:31,910 --> 00:00:34,160 Ég ætla að gera ráð fyrir að flest ykkar hafa ekki. 13 00:00:34,160 --> 00:00:37,170 Ef þú ert, auka frægð. 14 00:00:37,170 --> 00:00:39,400 >> Þú ert í rauninni að hjálpa innleiða einfaldur vefur 15 00:00:39,400 --> 00:00:43,270 miðlara í C, sem er glæný pset, svo þú krakkar fá að vera Gínea svín. 16 00:00:43,270 --> 00:00:49,730 Það er að fara að vera skemmtilegt, villtur viku, en ég held að það verður að vera a einhver fjöldi af gaman 17 00:00:49,730 --> 00:00:52,260 og það mun vera mjög góð reynsla reyndar. 18 00:00:52,260 --> 00:00:54,920 Svo til að undirbúa þig fyrir að í kafla í dag, 19 00:00:54,920 --> 00:01:00,940 við erum að fara að fara chmod, TCP / IP, og þá smá HTML og CSS. 20 00:01:00,940 --> 00:01:05,080 >> Í lokin munum við í raun númer upp einfaldur vefur blaðsíða saman 21 00:01:05,080 --> 00:01:09,042 til að hjálpa þér krakkar konar fá meira kynnt með það. 22 00:01:09,042 --> 00:01:11,750 Og svo ef þú hefur ekki sóttir Skyndipróf þínir, þeir í framan, 23 00:01:11,750 --> 00:01:14,890 en ég er nokkuð viss um að allir hér hefur quiz þeirra. 24 00:01:14,890 --> 00:01:17,880 Og einnig á að huga, lausnir eru ekki upp enn, 25 00:01:17,880 --> 00:01:21,490 en um leið og við finish-- vill, Síðasta fáir taka quizzes-- þeirra 26 00:01:21,490 --> 00:01:22,280 þeir vilja vera upp. 27 00:01:22,280 --> 00:01:24,630 Ef þú hefur einhverjar spurningar í millitíðinni, 28 00:01:24,630 --> 00:01:26,240 feel frjáls til email mig persónulega. 29 00:01:26,240 --> 00:01:30,700 Ég mun svara við einstaka þínum spurningar, eins og ég geri alltaf. 30 00:01:30,700 --> 00:01:33,890 >> Svo á að huga, chmod. 31 00:01:33,890 --> 00:01:36,390 Svo í rauninni allt sem þú þurfa að vita um chmod 32 00:01:36,390 --> 00:01:39,620 er að það er notað til að breyta skrá heimildir, ekki satt? 33 00:01:39,620 --> 00:01:44,050 Svo það er bara sumir kerfi kalla það breyta heimildum, eins og það segir hér. 34 00:01:44,050 --> 00:01:48,540 Og ef þú vilt alltaf að sjá hvað heimildir skrá hafi, 35 00:01:48,540 --> 00:01:52,240 í stað þess að bara að gera LS, gætir þú gert LS -L. 36 00:01:52,240 --> 00:01:54,010 L stendur fyrir lengi. 37 00:01:54,010 --> 00:01:56,460 >> Svo þú munt gera langan lista af öllu, og það 38 00:01:56,460 --> 00:02:02,080 mun gefa þér mikið nákvæmari upplýsingar um hverja skrá. 39 00:02:02,080 --> 00:02:05,540 Og þú munt sjá something-- ég fara að sleppa undan fyrir second-- 40 00:02:05,540 --> 00:02:08,910 en þú munt sjá eitthvað svipað að efstu línu þar fyrir hverja skrá. 41 00:02:08,910 --> 00:02:11,560 Og við munum fara í gegnum hvað það þýðir. 42 00:02:11,560 --> 00:02:15,260 >> Svo í grundvallaratriðum, til að breyta skrá heimildir, 43 00:02:15,260 --> 00:02:16,850 þú vilt bara að nota chmod. 44 00:02:16,850 --> 00:02:23,620 Þú getur hugsað um það eins og allir aðrir UNIX kalla eins LS eða cd eða whatnot. 45 00:02:23,620 --> 00:02:25,540 Það er bara svona annað eins símtal. 46 00:02:25,540 --> 00:02:30,530 >> Svo við gerum chmod og þá munum við hafa þrjá tölustafi venjulega. 47 00:02:30,530 --> 00:02:33,570 There ert a par leiðir til að gera það, einn sem við munum fara yfir. 48 00:02:33,570 --> 00:02:37,650 En venjulega, munt þú hafa þrjú tölunum allt 0-7 hvert skipti. 49 00:02:37,650 --> 00:02:43,530 >> Svo er eitt sem það eru þrjár mismunandi heimildir 50 00:02:43,530 --> 00:02:45,510 að við getum gefið hverja skrá. 51 00:02:45,510 --> 00:02:49,480 Og það er læsileg, sem er táknuð með R, sem skynsamleg 52 00:02:49,480 --> 00:02:54,020 í smá; w, sem er skrifanleg; og executable, sem er x. 53 00:02:54,020 --> 00:02:57,630 Ég veit að e einn, executable, kannski ekki mest vit, en við 54 00:02:57,630 --> 00:02:59,120 tákna það með x. 55 00:02:59,120 --> 00:03:05,290 >> Og þá er það sem gerist hvert þessara einnig hafa fjölda fulltrúa. 56 00:03:05,290 --> 00:03:07,990 Þannig að við höfum 1, 2, og 4. 57 00:03:07,990 --> 00:03:12,060 Og í rauninni það sem gerist er hver af þessum þremur tölum 58 00:03:12,060 --> 00:03:17,380 hér samsvarar annað sett af notendum 59 00:03:17,380 --> 00:03:19,420 að þeir heimildir lúta að. 60 00:03:19,420 --> 00:03:24,820 >> Svo er hægt að hugsa um það fyrst númer samsvarar raunverulegum notanda 61 00:03:24,820 --> 00:03:29,360 eða eigandi skrárinnar, annað tala í samræmi við hópinn, 62 00:03:29,360 --> 00:03:33,590 og það síðasta vísar til í heiminum, OK? 63 00:03:33,590 --> 00:03:39,995 Svo er það sem gerist muna þá Numbers r er 4, m er 2, 64 00:03:39,995 --> 00:03:42,550 x er 1, ekki satt? 65 00:03:42,550 --> 00:03:46,630 This-- ef þú summa þetta upp, sem gefur þér að fyrsta talan 66 00:03:46,630 --> 00:03:48,600 til þess að vera inntak í chmod okkar. 67 00:03:48,600 --> 00:03:52,191 >> Þannig að í þessu tilfelli, hvað væri þessi tala vera? 68 00:03:52,191 --> 00:03:57,030 Það myndi vera 4 plús 2 plús 1, sem er 7, ekki satt? 69 00:03:57,030 --> 00:03:59,250 Og í þessu tilfelli, þessir hafa ekki neitt, 70 00:03:59,250 --> 00:04:06,450 svo þetta hérna myndi þýða að chmod 700, OK? 71 00:04:06,450 --> 00:04:12,030 Og hvað það gerir er að það veitir allar þessara leyfi til notanda. 72 00:04:12,030 --> 00:04:14,400 >> Svo þýðir þessi notandi okkar getur gert hvað sem þeir vilja. 73 00:04:14,400 --> 00:04:15,400 Þeir geta lesið skrána. 74 00:04:15,400 --> 00:04:16,810 Þeir geta keyrt þessa skrá. 75 00:04:16,810 --> 00:04:18,360 Þeir geta skrifað í þessa skrá. 76 00:04:18,360 --> 00:04:23,545 En hópur og heimurinn, ekki heimildir af neinu tagi, OK? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Svo önnur leið til að skrifa það, við getum gera chmod af þremur tölustöfum, sem hver um sig 79 00:04:32,680 --> 00:04:40,040 samsvarar Whatever sem summu eða sérstakur hópur er sérstakur hluti. 80 00:04:40,040 --> 00:04:44,870 Eða við getum gert í raun annar hlutur. 81 00:04:44,870 --> 00:04:45,590 Bíddu. 82 00:04:45,590 --> 00:04:49,330 Við getum gert eitthvað með þetta hér. 83 00:04:49,330 --> 00:04:55,615 >> Hversu margir af þú sá dæmi þar sem það var eins og að chmod plús x? 84 00:04:55,615 --> 00:04:58,070 Sástu að í fyrirlestri, sem ég held? 85 00:04:58,070 --> 00:05:00,610 Svo stendur fyrir alla. 86 00:05:00,610 --> 00:05:04,990 Það þýðir að gefa það til allra notenda, sem ég gleymdi að setja hér. 87 00:05:04,990 --> 00:05:08,790 >> En plús x, ef vér taka hér, ef við gerum 88 00:05:08,790 --> 00:05:13,420 að chmod-- hvaða hóp við erum tala um plús heimildir 89 00:05:13,420 --> 00:05:14,660 við viljum að gefa þeim. 90 00:05:14,660 --> 00:05:16,120 Þannig að þetta getur verið plús eða mínus. 91 00:05:16,120 --> 00:05:17,690 Plus bætir leyfi. 92 00:05:17,690 --> 00:05:19,510 Minus tekur burt leyfi. 93 00:05:19,510 --> 00:05:22,520 Pretty innsæi, held ég. 94 00:05:22,520 --> 00:05:25,720 >> Svo plús x merkir chmod. 95 00:05:25,720 --> 00:05:32,260 Svo breyta heimildum allra manna Ef þetta er a-- bæta heimildir. 96 00:05:32,260 --> 00:05:37,110 Og x-- það þýðir hvað leyfi erum veitingu alla. 97 00:05:37,110 --> 00:05:38,510 Lesa, skrifa, eða keyra? 98 00:05:38,510 --> 00:05:39,360 >> Áhorfendur: Framkvæma. 99 00:05:39,360 --> 00:05:40,610 >> ALLISON BUCHHOLTZ-AU: Framkvæma. 100 00:05:40,610 --> 00:05:46,080 Þannig að við erum að gefa öllum notendum leyfi til að keyra þessa skrá, OK? 101 00:05:46,080 --> 00:05:53,370 Svo hvað ef við vildum gera að með tölugildi formi? 102 00:05:53,370 --> 00:05:56,290 Svo muna með tölugildi, við viljum þrjár tölur. 103 00:05:56,290 --> 00:05:56,790 >> Áhorfendur: 4. 104 00:05:56,790 --> 00:05:58,290 ALLISON BUCHHOLTZ-AU: Hvað var þetta? 105 00:05:58,290 --> 00:05:59,260 Áhorfendur: 4. 106 00:05:59,260 --> 00:06:00,426 ALLISON BUCHHOLTZ-AU: ekki 4. 107 00:06:00,426 --> 00:06:01,599 Áhorfendur: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 ALLISON BUCHHOLTZ-AU: Jæja, við viljum að gefa það til allra notenda, ekki satt? 109 00:06:04,390 --> 00:06:07,442 Þannig að við erum að fara að hafa a tala í hvert rifa. 110 00:06:07,442 --> 00:06:09,400 Það er að fara til vera the sama númerið í hvert rifa 111 00:06:09,400 --> 00:06:13,800 vegna þess að við viljum bara til að gefa allir executable heimildir. 112 00:06:13,800 --> 00:06:16,480 Svo er executable 1, en á réttri leið. 113 00:06:16,480 --> 00:06:23,055 >> Þannig að ef við gerðum chmod 111 sem myndi vera ígildi chmod plús x. 114 00:06:23,055 --> 00:06:24,430 Er að gera skilningarvit til alla? 115 00:06:24,430 --> 00:06:26,910 Við erum að fara að fara í gegnum a par af dæmi. 116 00:06:26,910 --> 00:06:29,860 >> Svo stóru takeaway hér er er ekki hér, 117 00:06:29,860 --> 00:06:33,360 en þýðir bara að gefa það til allra notenda. 118 00:06:33,360 --> 00:06:36,610 u er ef þú vilt bara að gefa eða taka í burtu 119 00:06:36,610 --> 00:06:40,600 sérstök leyfi frá notanda eða eigandinn. 120 00:06:40,600 --> 00:06:43,800 g er fyrir hópinn, þannig að miðja stafa. 121 00:06:43,800 --> 00:06:49,440 Og svo aðrir sem þú getur hugsa um eins og heimurinn, þessi síðasta tölustafinn. 122 00:06:49,440 --> 00:06:52,840 >> Svo með það, munum við fara í dæmi, því mér finnst eins og dæmi alltaf 123 00:06:52,840 --> 00:06:56,240 gera þetta auðveldara að skilja. 124 00:06:56,240 --> 00:07:01,240 Svo rwx-- við fórum í gegnum this-- gæti líka verið að tákna sem 700. 125 00:07:01,240 --> 00:07:05,070 Það er dæmi sem við leit á meira af myndinni. 126 00:07:05,070 --> 00:07:09,990 Svo chmod 444 á sumum skrá myndi gefa það leyfi? 127 00:07:09,990 --> 00:07:11,947 Þú varst mjög nálægt. 128 00:07:11,947 --> 00:07:13,030 Áhorfendur: læsileg öllum. 129 00:07:13,030 --> 00:07:14,321 ALLISON BUCHHOLTZ-AU: læsileg. 130 00:07:14,321 --> 00:07:15,660 Svo læsileg öllum, ekki satt? 131 00:07:15,660 --> 00:07:17,910 Og svo er það önnur leið til að gera það? 132 00:07:17,910 --> 00:07:23,070 Ef við viljum gera chmod með annaðhvort r eða W, auk og minuses, 133 00:07:23,070 --> 00:07:25,300 hvað myndi það kalla út? 134 00:07:25,300 --> 00:07:27,336 Það væri chmod hvað? 135 00:07:27,336 --> 00:07:28,590 >> Áhorfendur: plús r. 136 00:07:28,590 --> 00:07:32,900 >> ALLISON BUCHHOLTZ-AU: plús r á 5. 137 00:07:32,900 --> 00:07:40,980 OK, þannig að þetta er það sama og þetta, bara tvö mismunandi þýðingar 138 00:07:40,980 --> 00:07:42,500 af sama. 139 00:07:42,500 --> 00:07:45,650 Svo með það, höfum við þetta. 140 00:07:45,650 --> 00:07:50,310 Svo ég vil að þú krakkar að reyna skrifa Þessar konar í gagnstæða hátt. 141 00:07:50,310 --> 00:07:53,710 >> Svo með chmod 555, hvað myndi það vera eins og? 142 00:07:53,710 --> 00:07:56,704 Væri plús eða u plús eða whatnot? 143 00:07:56,704 --> 00:07:58,370 Fyrir u auk X, gefa mér þrjár tölur. 144 00:07:58,370 --> 00:08:03,530 Og þá segja mér um hvað leyfi við erum í raun að veita og hver? 145 00:08:03,530 --> 00:08:06,600 >> Svo ég ætla að gefa ykkur tvö mínútur til að vinna á því. 146 00:08:06,600 --> 00:08:08,160 Feel frjáls til að tala við hvert annað. 147 00:08:08,160 --> 00:08:11,910 Fyrir þau ykkar sem kom í smá seint, það er nammi og skyrtur. 148 00:08:11,910 --> 00:08:14,590 Við höfum þrjár skyrtur vinstri, og við höfum Kit Kats og Starbursts. 149 00:08:14,590 --> 00:08:17,630 Svo ekki hika við að koma grípa sumir í þessu litla hlé. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Einnig, það síðasta er erfiður. 152 00:09:04,440 --> 00:09:06,670 Það er tvær chmods fyrir síðasta. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 Reyndar, láta mig nálægt að dyrum meðan þið eruð að vinna á það. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Candy er alltaf nauðsynlegt á Mánudagur síðdegi. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, svo chmod 555. 159 00:09:34,756 --> 00:09:36,380 Hvað er önnur leið sem við gætum skrifað þetta? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Einhverjar hugmyndir? 162 00:09:41,790 --> 00:09:42,290 Já. 163 00:09:42,290 --> 00:09:43,280 >> Áhorfendur: plús RX. 164 00:09:43,280 --> 00:09:44,613 >> ALLISON BUCHHOLTZ-AU: r auk RX. 165 00:09:44,613 --> 00:09:47,290 Viltu útskýra hvers vegna það væri RX? 166 00:09:47,290 --> 00:09:49,570 >> Áhorfendur: Þar sem þú ert 5, svo það er 4 plús 1, 167 00:09:49,570 --> 00:09:51,734 svo það er lesið plús executable, og það er fyrir öllu. 168 00:09:51,734 --> 00:09:52,900 ALLISON BUCHHOLTZ-AU: Hægri. 169 00:09:52,900 --> 00:09:58,540 Svo bara til að ítreka, 5 hér við vitum sem summa 4 og 1, 170 00:09:58,540 --> 00:10:04,760 því að hver tala í tríó okkar er Summa leyfi fyrir þessi hlutmengi, 171 00:10:04,760 --> 00:10:05,260 ekki satt? 172 00:10:05,260 --> 00:10:07,070 Annaðhvort notandi, hópur eða heimurinn. 173 00:10:07,070 --> 00:10:11,160 Svo í þessu tilfelli, við vitum að 5 þarf að vera mynduð af 4 og 1. 174 00:10:11,160 --> 00:10:15,240 >> Og 4 og 1 samsvara læsileg og executable. 175 00:10:15,240 --> 00:10:21,717 Við erum að gefa það til allra, svo við getum gert chmod plús RX. 176 00:10:21,717 --> 00:10:24,050 Og vitanlega, fórum við bara gegnum spurningum þar, 177 00:10:24,050 --> 00:10:28,810 svo nú er þetta skrá executable og læsileg öllum. 178 00:10:28,810 --> 00:10:31,120 >> Svo hvað um seinni? 179 00:10:31,120 --> 00:10:32,900 Hvað gæti fjöldi fyrir að einn vera? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Einhverjar hugmyndir? 182 00:10:37,180 --> 00:10:37,680 Fara á undan. 183 00:10:37,680 --> 00:10:38,600 >> Áhorfendur: 100 [inaudible]. 184 00:10:38,600 --> 00:10:39,683 >> ALLISON BUCHHOLTZ-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Einmitt. 186 00:10:40,270 --> 00:10:42,455 Svo viltu útskýra af hverju 100? 187 00:10:42,455 --> 00:10:45,080 Áhorfendur: Vegna þess að það er fyrir notandi, svo það er í fyrstu stöðu. 188 00:10:45,080 --> 00:10:47,371 Og þá er 1 x executable. 189 00:10:47,371 --> 00:10:48,620 ALLISON BUCHHOLTZ-AU: Einmitt. 190 00:10:48,620 --> 00:10:53,120 Þannig að við erum að veita executable heimildir bara notanda. 191 00:10:53,120 --> 00:10:55,100 Svo í þessu tilfelli, það væri 100. 192 00:10:55,100 --> 00:10:57,570 Og ég hef öll svörin upp á næstu glæru ef 193 00:10:57,570 --> 00:11:00,060 þú ert að skrifa fullt af hlutum niður. 194 00:11:00,060 --> 00:11:08,410 >> OK, þannig að þetta næsta einn er í raun gert með tveimur chmods, gastu gert það. 195 00:11:08,410 --> 00:11:11,120 Svo hjartarskinn einhver hafa Allir hugmynd hvernig þú gætir 196 00:11:11,120 --> 00:11:14,150 fá chmod 640 endurskrifa á annan hátt? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 Þú getur breytt notanda fyrst og síðan þú getur breytt hópurinn er vísbending mín. 199 00:11:22,820 --> 00:11:29,740 >> Þannig að ef við vorum bara að breyta notandi, sem er þetta fyrsta hér, 200 00:11:29,740 --> 00:11:33,830 hvað gæti kalla okkar verið? 201 00:11:33,830 --> 00:11:36,080 Svo notandi er u, ekki satt? 202 00:11:36,080 --> 00:11:38,780 Svo chmod u plús hvað? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> Áhorfendur: RW. 205 00:11:40,469 --> 00:11:41,510 ALLISON BUCHHOLTZ-AU: RW. 206 00:11:41,510 --> 00:11:47,470 Einmitt, fyrir að lesa og skrifa, því lesið er 4, m er 2, þá Summa saman eins og 6. 207 00:11:47,470 --> 00:11:52,760 Svo við fáum chmod u auk RW, og við fáum fyrstu 6 okkar þar. 208 00:11:52,760 --> 00:11:56,860 >> Svo þá að fá 4, við viljum nú til að breyta stillingum hópsins okkar. 209 00:11:56,860 --> 00:12:00,960 Þannig að við erum að fara að gera chmod g plús hvað? 210 00:12:00,960 --> 00:12:02,380 Hvað er 4? 211 00:12:02,380 --> 00:12:03,040 >> Áhorfendur: r. 212 00:12:03,040 --> 00:12:04,040 ALLISON BUCHHOLTZ-AU: r. 213 00:12:04,040 --> 00:12:05,070 Einmitt. 214 00:12:05,070 --> 00:12:09,140 Þannig að við erum að gefa eiganda lesa og skrifa leyfi 215 00:12:09,140 --> 00:12:13,141 og við erum að gefa hópsins lesa heimildir, sem við höfum öll upp hér. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> Áhorfendur: Ef þú getur skrifað eitthvað, þýðir það í sér að þú getur keyrt það? 218 00:12:17,740 --> 00:12:20,700 >> ALLISON BUCHHOLTZ-AU: Þú getur skrifað something-- 219 00:12:20,700 --> 00:12:22,900 Ég trúi að það er ekki felur þú getur keyrt það. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 Cool. 222 00:12:26,450 --> 00:12:29,620 Svo er það allt sem við fórum bara í gegnum. 223 00:12:29,620 --> 00:12:33,075 Svo á þessu næsta, það er bara svona algengar tilvikum 224 00:12:33,075 --> 00:12:35,200 að þú vilt halda í huga fyrir vandamál þitt setja. 225 00:12:35,200 --> 00:12:39,800 Þetta eru yfirleitt heimildir að við eins og þú að nota. 226 00:12:39,800 --> 00:12:44,900 >> Svo fyrir 711, sem gefur US, að sjálfsögðu, notandi 227 00:12:44,900 --> 00:12:47,720 allar heimildir, sem hefur tilhneigingu til að gera skilningarvit. 228 00:12:47,720 --> 00:12:51,920 Og þá er það executable komi hópnum í heiminum, sem vit 229 00:12:51,920 --> 00:12:56,150 Ef þú hafa sumir möppu, þú langar að vera fær um að fara yfir í það. 230 00:12:56,150 --> 00:12:58,160 Fólk þarf aðgang. 231 00:12:58,160 --> 00:13:04,680 >> Fyrir allir non-PHP skrá, þú ert að fara að nota 644, sem myndi gera það? 232 00:13:04,680 --> 00:13:07,560 Hvað þýðir að fela, eða hvað heimildir er að gefa? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Þannig að eigandi getur það? 235 00:13:14,409 --> 00:13:15,450 Áhorfendur: Lesa og skrifa. 236 00:13:15,450 --> 00:13:16,991 ALLISON BUCHHOLTZ-AU: Lesa og skrifa. 237 00:13:16,991 --> 00:13:21,560 Og þá hóp og aðrir getur bara lesið, ekki satt? 238 00:13:21,560 --> 00:13:25,660 Og svo chmod 600 fyrir einhverju PHP skrár sem þú notar, 239 00:13:25,660 --> 00:13:27,980 eigandi þinn, aftur, getur lesa og skrifa það 240 00:13:27,980 --> 00:13:32,310 en allir aðrir eru bara svona lokað af. 241 00:13:32,310 --> 00:13:34,540 >> Þannig að þetta mun í raun vera meira gagnlegt þegar 242 00:13:34,540 --> 00:13:37,700 þú færð að vanda þínum sett í næstu viku þar sem 243 00:13:37,700 --> 00:13:40,290 þú ert í raun að byggja upp vefsíðu. 244 00:13:40,290 --> 00:13:43,100 Svo ef þú alltaf að keyra inn einhver undarleg vandamál 245 00:13:43,100 --> 00:13:45,970 þar sem það er ekki hleðsla almennilega, kannski 246 00:13:45,970 --> 00:13:50,670 þarf að bæta executable leyfi, eða kannski þú þarft að lesa 247 00:13:50,670 --> 00:13:52,990 eða skrifa leyfi. 248 00:13:52,990 --> 00:13:56,980 Litlu hlutir sem hafa tilhneigingu til að ferðin fólk upp, en það er góður af eins og að fara til 249 00:13:56,980 --> 00:13:58,564 þegar þú byrjar næstu viku pset. 250 00:13:58,564 --> 00:14:00,730 Og ég myndi gefa þér meira vísbendingar um þessa viku pset, 251 00:14:00,730 --> 00:14:05,010 en ég er enn að horfa á það síðan hún kom út í morgun. 252 00:14:05,010 --> 00:14:10,600 En þú email mig, ég mun hafa litið á það með þeim tíma sem ég svara á morgun. 253 00:14:10,600 --> 00:14:14,310 >> Svo nú, er allir góður með chmod? 254 00:14:14,310 --> 00:14:16,040 Einhverjar dvaldir spurningar? 255 00:14:16,040 --> 00:14:17,240 Pretty einfalt. 256 00:14:17,240 --> 00:14:20,620 Bara svona að halda utan um hvað lesa, skrifa, og framkvæma númer eru 257 00:14:20,620 --> 00:14:23,660 er líklega erfiðasta hluta. 258 00:14:23,660 --> 00:14:29,620 >> Svo með TCP / IP, öllum þessum bókunum, konar eins og með gögn mannvirki 259 00:14:29,620 --> 00:14:31,990 í síðustu viku, það er miklu meira mikilvægt að konar fá 260 00:14:31,990 --> 00:14:33,900 hærra stigi innsæi þeirra. 261 00:14:33,900 --> 00:14:37,390 Þetta er ekki CS143 þar sem við erum að fara að biðja þig að koma á netið, 262 00:14:37,390 --> 00:14:39,870 svo þú munt vera fínn ef þú skilur ekki 263 00:14:39,870 --> 00:14:42,900 snotur sendinn allra bókunum. 264 00:14:42,900 --> 00:14:46,050 Hvað er mikilvægt að skilja er konar eins og það sem þeir tákna 265 00:14:46,050 --> 00:14:47,300 og hvers vegna þeir eru mikilvæg. 266 00:14:47,300 --> 00:14:52,320 >> Svo TCP / IP, auðvitað, er það Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 eða Internet Protocol, sem er grundvallaratriðum bara a setja af lögum í grundvallaratriðum 268 00:14:57,270 --> 00:15:00,800 eða staðla sem segja gögn hvernig það ætti að vera stjórnað, 269 00:15:00,800 --> 00:15:04,900 hvernig það ætti að vera packetized, send og móttekin. 270 00:15:04,900 --> 00:15:09,200 Svo það er í rauninni, eins og það segir hér, eykur líkurnar 271 00:15:09,200 --> 00:15:12,950 þessi gögn fær þar þú vilt það til að komast að. 272 00:15:12,950 --> 00:15:15,950 >> Ég er viss um að ef þú krakkar fóru til fyrirlestur eða horfði á það á netinu, 273 00:15:15,950 --> 00:15:18,232 hann has-- Ég veit ekki ef hann gerði það á þessu ári, 274 00:15:18,232 --> 00:15:20,940 en ég veit á síðasta ári, hafði hann a Demo þar sem hann hafði mynd af Rob 275 00:15:20,940 --> 00:15:23,320 og hann kljúfa það upp í fjögur og setja það í umslag 276 00:15:23,320 --> 00:15:26,590 og reyndi að fá það yfir Sanders. 277 00:15:26,590 --> 00:15:29,430 Og þú getur konar hugsa um það þannig. 278 00:15:29,430 --> 00:15:35,400 Það er bara a setja af reglum sem segja gögn hvernig á að fá einhvers staðar 279 00:15:35,400 --> 00:15:37,640 og lætur þig vita ef þú ert sem vantar gögn, 280 00:15:37,640 --> 00:15:40,460 á sama hátt og ef þú ert taka margar síður af athugasemdum 281 00:15:40,460 --> 00:15:46,490 og þú merki þá með bls 104, bls 204, og þú ferð aftur í nám seinna 282 00:15:46,490 --> 00:15:50,220 og þú ert sem vantar something-- þú getur ekki fundið síðuna 304-- þú veist 283 00:15:50,220 --> 00:15:53,310 eitthvað er rangt, svo þú getur litið í gegnum athugasemdum þínum 284 00:15:53,310 --> 00:15:58,666 aftur eða biðja einhvern að senda þér Fyrirlesturinn athugasemdum frá þeim degi. 285 00:15:58,666 --> 00:16:00,290 Á sama hátt með gögnum á internetinu. 286 00:16:00,290 --> 00:16:03,220 Ef ég er að biðja um eitthvað frá einhverjum miðlara 287 00:16:03,220 --> 00:16:05,377 og það þarf að senda það í mörgum pökkum, 288 00:16:05,377 --> 00:16:07,210 líklega að fara að tala það á einhvern hátt, láta 289 00:16:07,210 --> 00:16:12,430 mig vita hversu margir ég ætti að hafa fengið, og segðu mér, ó, þetta er eitt af 10 290 00:16:12,430 --> 00:16:13,990 eða þetta er einn af 10.000. 291 00:16:13,990 --> 00:16:17,030 Þannig þegar ég fer að raða þeim saman öll verkin saman, 292 00:16:17,030 --> 00:16:21,504 Ég veit að ef eitthvað er vantar og ég get beðið um það aftur. 293 00:16:21,504 --> 00:16:22,730 Er að skynsamleg? 294 00:16:22,730 --> 00:16:23,610 Bara reglur. 295 00:16:23,610 --> 00:16:28,120 Á grundvelli hennar, setja reglur, OK? 296 00:16:28,120 --> 00:16:31,360 >> Þannig að við ræddum einnig svolítið um höfnum. 297 00:16:31,360 --> 00:16:36,150 Þetta er í raun bara a staðall sem lætur þig vita hvaða tegund af gögnum 298 00:16:36,150 --> 00:16:38,650 Verið er að flytja í þessum pakka. 299 00:16:38,650 --> 00:16:40,790 Ef við förum með okkar umslag dæmi, við gerum ekki 300 00:16:40,790 --> 00:16:43,510 veit að það er mynd af Ræna þarna nema við skrifa það 301 00:16:43,510 --> 00:16:45,480 á utan á umslagið okkar. 302 00:16:45,480 --> 00:16:47,100 Svo hafnir eru í grundvallaratriðum það sama. 303 00:16:47,100 --> 00:16:51,670 Það er bara leið til að reikna út hvað tegund af gögnum er send. 304 00:16:51,670 --> 00:16:56,260 >> Þannig að við höfum allt af Algengustu sjálfur hér. 305 00:16:56,260 --> 00:16:59,790 Svo 21-- þetta eru líka góður af eins gott að vita. 306 00:16:59,790 --> 00:17:01,560 Það er góður af auðvelt quiz spurningu. 307 00:17:01,560 --> 00:17:03,590 Vera eins, hvað þýðir höfn 80 gera? 308 00:17:03,590 --> 00:17:06,970 Eða hvað þýðir höfn 443 gera? 309 00:17:06,970 --> 00:17:09,359 Svo góðir hlutir að vita. 310 00:17:09,359 --> 00:17:12,569 >> Þannig að við höfum hér, 21 er skrá Transfer Protocol, svo bara 311 00:17:12,569 --> 00:17:15,050 reglur sem gilda skrá flytja. 312 00:17:15,050 --> 00:17:19,550 25, eitthvað sem við öll nota allt of mikið, er email. 313 00:17:19,550 --> 00:17:22,790 53 er lén kerfi, sem er í grundvallaratriðum 314 00:17:22,790 --> 00:17:26,910 bara einskonar útlit fyrir að IP vistfang lén. 315 00:17:26,910 --> 00:17:29,900 >> Þannig að ég er nokkuð viss um að það var getið í fyrirlestri, ef þér 316 00:17:29,900 --> 00:17:33,960 fara í eitthvað eins google.com, það hefur óákveðinn greinir í ensku IP tölu 317 00:17:33,960 --> 00:17:35,818 sem er í tengslum við það. 318 00:17:35,818 --> 00:17:37,026 Það er í raun ekki google.com. 319 00:17:37,026 --> 00:17:40,720 Og svo 53 er höfn sem raunverulega tekur 320 00:17:40,720 --> 00:17:44,050 umönnun konar þýða það inn í þessi IP heimilisfang fyrir þig. 321 00:17:44,050 --> 00:17:47,830 Og svo 80 og 443 eru mjög algengar. 322 00:17:47,830 --> 00:17:50,710 Þú annað hvort á vefsíðu þinni eða þú ert örugg vefsíðu þinni, 323 00:17:50,710 --> 00:17:56,100 sem mikið af vefsíðum eru flytja yfir til. 324 00:17:56,100 --> 00:18:02,540 >> Svo er þannig mikil yfirlit yfir Transfer Protocol. 325 00:18:02,540 --> 00:18:05,170 Ég sé ekki mikið meira í dýpt. 326 00:18:05,170 --> 00:18:07,320 Það er góður af kaldur efni ef þú hefur áhuga. 327 00:18:07,320 --> 00:18:08,590 Það er nóg af auðlindum. 328 00:18:08,590 --> 00:18:10,780 Wikipedia er í raun nokkuð góð síða. 329 00:18:10,780 --> 00:18:13,850 Þannig að ég var að horfa á það bara smá stund síðan, 330 00:18:13,850 --> 00:18:16,580 svo ég vildi mjög mæla með að horfa á það ef þú hefur áhuga 331 00:18:16,580 --> 00:18:22,160 eða taka 143 í tvö ár vegna þess Ég held að það er annað hvert ár. 332 00:18:22,160 --> 00:18:27,590 >> Svo á endanum af þessu, við erum tala um vefsíður og HTTP, 333 00:18:27,590 --> 00:18:33,790 sem er reyndar næstu spjallþræði okkar fyrir í dag áður en við förum inn í HTML og CSS 334 00:18:33,790 --> 00:18:37,920 og þú getur raunverulega kóða upp vefsíðu. 335 00:18:37,920 --> 00:18:38,650 Það verður gaman. 336 00:18:38,650 --> 00:18:42,220 Við munum hafa myndir af Kanína og það verður frábært. 337 00:18:42,220 --> 00:18:48,630 >> Svo HTTP, eins og þú geta sjá hér, er einn af yndislegu skammstöfunum 338 00:18:48,630 --> 00:18:53,220 fyrir þessa viku, sem er Hypertext Transfer Protocol. 339 00:18:53,220 --> 00:18:57,940 Svo aftur, það er bara annað sett af reglum sem 340 00:18:57,940 --> 00:19:01,440 stjórnar HyperText flytja, í þessu tilfelli. 341 00:19:01,440 --> 00:19:04,120 Svo besta leiðin til að læra um er þetta bara svona 342 00:19:04,120 --> 00:19:07,650 að brjóta það niður í þessi orða 343 00:19:07,650 --> 00:19:10,770 vegna þess að það er mikið af orð á skjánum þar. 344 00:19:10,770 --> 00:19:13,290 >> Þannig að við erum að fara að byrja með HyperText. 345 00:19:13,290 --> 00:19:17,630 Svo "há," hægt er að hugsa um "Hér að ofan," eins og Super-gerð hlutur. 346 00:19:17,630 --> 00:19:24,615 Svo það er í raun bara texti tekin til næsta stig, svo það er eins og frábær texti, 347 00:19:24,615 --> 00:19:27,850 eins og næsta texta. 348 00:19:27,850 --> 00:19:34,890 Svo það er í rauninni bara texta sem gefur okkur 349 00:19:34,890 --> 00:19:37,490 meiri upplýsingar en eðlilegt texti gerir, OK? 350 00:19:37,490 --> 00:19:40,510 >> Þannig að í þessu tilfelli hér, þetta er HyperText. 351 00:19:40,510 --> 00:19:45,710 Þetta segir okkur að við höfum Sumir tengilinn sem við erum að fara til, 352 00:19:45,710 --> 00:19:49,620 sem er cs50.net, sem er nú cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Þessar glærur eru svolítið gömul. 354 00:19:51,420 --> 00:19:55,330 Og það er að fara að sýna það sem þetta, sem tengil, 355 00:19:55,330 --> 00:19:58,140 og þá a raunverulega kaldur website. 356 00:19:58,140 --> 00:20:02,080 >> Svo það er texti, sem er lítið hluti af raunverulega kaldur hlutur sem eru þarna. 357 00:20:02,080 --> 00:20:08,170 Svo er hægt að tengja hluti og þú getur setja inn myndir og þú getur stíl hluti. 358 00:20:08,170 --> 00:20:11,740 Og mest kunnugleg hlutur sem þú krakkar hafa sennilega með HyperText 359 00:20:11,740 --> 00:20:19,100 er HyperText Markup Language, HTML, sem að sjálfsögðu er allt á vefnum 360 00:20:19,100 --> 00:20:23,080 sem við sjáum í kringum okkur, veitt með nokkrum CSS stíl kastað í. 361 00:20:23,080 --> 00:20:25,580 >> En ef einhver hefði virkilega stór með MySpace, 362 00:20:25,580 --> 00:20:28,240 Ég er viss um að þið öll notað HTML allan tímann til að búa 363 00:20:28,240 --> 00:20:30,640 þá fullkomna snið, ekki satt? 364 00:20:30,640 --> 00:20:34,930 Mér finnst eins og þessi gæti verið gamaldags tilvísun nú, en hvað. 365 00:20:34,930 --> 00:20:37,780 Bara little-- þú krakkar eru ekki það mikið yngri. 366 00:20:37,780 --> 00:20:40,480 Sumir af þú ert eldri en ég. 367 00:20:40,480 --> 00:20:42,480 MySpace var enn hlutur þegar ég var ungur. 368 00:20:42,480 --> 00:20:44,510 Ég er ekki það gamall. 369 00:20:44,510 --> 00:20:49,265 >> Allavega, HTML bara form HyperText. 370 00:20:49,265 --> 00:20:55,640 Svo er HyperText bara texta með added lögun. 371 00:20:55,640 --> 00:21:01,790 Svo flytja siðareglur sennilega meira iffy hlutur að útskýra. 372 00:21:01,790 --> 00:21:04,870 Vitanlega, transfer-- bara flytja gögn. 373 00:21:04,870 --> 00:21:09,370 Svo annað hvort milli viðskiptavinarins, eins vefur bróðir þinn, og miðlara. 374 00:21:09,370 --> 00:21:12,090 Svo í rauninni bara hvernig internetið virkar. 375 00:21:12,090 --> 00:21:16,339 >> Svo nákvæm ósk hvernig þessir vinna, við erum 376 00:21:16,339 --> 00:21:18,755 í raun að fara að líta á dæmi beiðni og svar. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 En hvernig við biðja Upplýsingar frá miðlara 379 00:21:25,220 --> 00:21:30,590 og hvernig miðlara bregst okkur er hvað flutningurinn siðareglur stjórnar. 380 00:21:30,590 --> 00:21:35,320 Svo beiðni og viðbrögð hafa að fylgja þessum sérstakar reglur. 381 00:21:35,320 --> 00:21:38,340 Það er staðlaður þannig að sama þar sem þú ert að nota internetið, 382 00:21:38,340 --> 00:21:40,720 það virkar alltaf það sama, OK? 383 00:21:40,720 --> 00:21:43,220 >> Aftur, siðareglur, reglur. 384 00:21:43,220 --> 00:21:45,620 Það er bara eðlilegt samskipti á sama hátt 385 00:21:45,620 --> 00:21:49,500 að prófessor Malan talar um ef einhver nær hönd þeirra, 386 00:21:49,500 --> 00:21:52,880 þú veist að það er sameiginlegur kurteisi að ná ykkur út og hrista hönd þeirra. 387 00:21:52,880 --> 00:21:54,580 Það er a siðareglur, ekki satt? 388 00:21:54,580 --> 00:21:59,060 >> Svo ég gefa sumir staðlað beiðni, sem er ég vil hrista hönd þína, 389 00:21:59,060 --> 00:22:01,975 og þú gefur einhver staðlað svar, sem er annað hvort ekkert þökk 390 00:22:01,975 --> 00:22:04,600 eða þú gætir reynt og hrista minn hönd eða kannski þú ert að fara að reyna 391 00:22:04,600 --> 00:22:06,490 og hnefi högg mig. 392 00:22:06,490 --> 00:22:08,320 Og við höfum ekki siðareglur fyrir það. 393 00:22:08,320 --> 00:22:09,360 Það brýtur niður. 394 00:22:09,360 --> 00:22:12,030 En ef allir fylgir sömu samskiptareglur, að sjálfsögðu, 395 00:22:12,030 --> 00:22:14,250 það fer miklu meira óaðfinnanlega. 396 00:22:14,250 --> 00:22:15,590 Fólk fá að vita hver öðrum. 397 00:22:15,590 --> 00:22:16,830 Allir er hamingjusamur. 398 00:22:16,830 --> 00:22:20,750 >> Svo í heimi vefnum, allir skilji sömu rules-- 399 00:22:20,750 --> 00:22:22,940 örlítið betur en félagslega staðla. 400 00:22:22,940 --> 00:22:26,950 En með það, munum við líta á dæmi beiðni hér. 401 00:22:26,950 --> 00:22:30,020 Þannig að það er þetta litla Lykillinn hér neðst 402 00:22:30,020 --> 00:22:34,990 það segir þér mismunandi litum, það sem þeir ætlast til að meina. 403 00:22:34,990 --> 00:22:38,290 >> Svo hvítt er bara eins þinn aðferð beiðni og siðareglur version-- 404 00:22:38,290 --> 00:22:42,400 svo aðferð beiðni útgáfa. 405 00:22:42,400 --> 00:22:44,630 Og þá er þetta einhver nafn sviði og gildi 406 00:22:44,630 --> 00:22:47,630 af því sviði, sem við munum fara inn í mjög, mjög fljótlega. 407 00:22:47,630 --> 00:22:49,840 Svo er þetta dæmi beiðni. 408 00:22:49,840 --> 00:22:54,470 Þetta er eins og mig sem nær út, langaði að kynna mig. 409 00:22:54,470 --> 00:22:58,507 >> Þetta er það sem viðskiptavinurinn eða hvaða vefur flettitæki þinn 410 00:22:58,507 --> 00:22:59,840 væri að senda til þinn framreiðslumaður. 411 00:22:59,840 --> 00:23:04,500 Þannig að þetta er FÁ beiðni, svo það er biðja um eitthvað frá miðlara. 412 00:23:04,500 --> 00:23:09,690 Og það er, að sjálfsögðu, HTTP og það er útgáfa 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Svo restin af þessu hér er það sem við köllum haus, og auka upplýsingar þess 414 00:23:16,060 --> 00:23:20,050 sem gefur okkur betri hugmynd um hvað við erum í raun að biðja um, 415 00:23:20,050 --> 00:23:23,190 eða upplýsingar sem við viljum gefa þjóninum sem gæti verið viðeigandi. 416 00:23:23,190 --> 00:23:32,880 Svo gefur meira User-Agent lýsing on-- td hér, 417 00:23:32,880 --> 00:23:38,720 Curl / 7.24.0 er í raun að fara að segja Miðlarinn sem við erum að nota Google 418 00:23:38,720 --> 00:23:40,700 Chrome eins vafra okkar. 419 00:23:40,700 --> 00:23:43,290 Svo ef þú heyrir alltaf um fólk sem talar 420 00:23:43,290 --> 00:23:48,160 um að gera app móttækilegur til margra vafra, 421 00:23:48,160 --> 00:23:50,330 þetta er eitthvað sem þeir myndi nota vegna þess að ef þú 422 00:23:50,330 --> 00:23:53,000 veit ekki hvað vafra beiðnin er að koma frá, 423 00:23:53,000 --> 00:23:55,050 þú getur ekki sníða gögnin til. 424 00:23:55,050 --> 00:23:57,690 Þannig að í þessu tilfelli, notanda er bara að gefa svona 425 00:23:57,690 --> 00:24:01,030 að bera kennsl upplýsingar um hvaða vafra 426 00:24:01,030 --> 00:24:06,510 notandi er að nota, OK? 427 00:24:06,510 --> 00:24:11,640 >> Svo þá höfum við einnig gestgjafi, sem er þar sem við erum í raun að vilja fara til. 428 00:24:11,640 --> 00:24:15,280 Í þessu tilviki, við viljum fara að apple.com, kaupa sumir kaldur nýr iPads 429 00:24:15,280 --> 00:24:19,540 eða eitthvað, kannski sætur ljósin á dorm herbergi okkar. 430 00:24:19,540 --> 00:24:24,900 Og nafn verð í lok er bara a filler, bara almenn hlutur 431 00:24:24,900 --> 00:24:25,760 fyrir ykkur að sjá. 432 00:24:25,760 --> 00:24:28,240 Það er í raun ekki samsvara neitt hér. 433 00:24:28,240 --> 00:24:32,360 >> Svo er hægt að hafa eins mikið eða eins lítið og þú vilt í hverju tilviki. 434 00:24:32,360 --> 00:24:36,990 Flest af þeim tíma, eru þessir valfrjáls. 435 00:24:36,990 --> 00:24:41,780 Það veltur bara á hvað þú þarft frá vafranum, 436 00:24:41,780 --> 00:24:45,120 frá notanda í því skyni að almennilega gefa beiðninni. 437 00:24:45,120 --> 00:24:48,970 Eða það fer eftir því hvað notandi væri reyndar vill að gefa upp til the framreiðslumaður. 438 00:24:48,970 --> 00:24:54,550 Svo þú gætir hafa margir, margir þessara haus sviði nöfn 439 00:24:54,550 --> 00:24:57,140 eða þú getur bara hafa a par. 440 00:24:57,140 --> 00:24:59,630 Eins og með svo margt Ég hef sagt í þessum kafla, 441 00:24:59,630 --> 00:25:03,590 það fer alveg eftir samhenginu um hvernig þú ert að nota þetta. 442 00:25:03,590 --> 00:25:06,810 >> Svo gerir það vit í að alla? 443 00:25:06,810 --> 00:25:11,463 Þetta er bara dæmi um beiðni, hausum, whatnot. 444 00:25:11,463 --> 00:25:16,910 OK, svo með það, höfum við nokkur viðbrögð. 445 00:25:16,910 --> 00:25:20,510 >> Aftur höfum við stöðukóði okkar, siðareglur útgáfa, og þá nafn sviði og sviði 446 00:25:20,510 --> 00:25:21,700 gildi eins og alltaf. 447 00:25:21,700 --> 00:25:25,500 Svo siðareglur útgáfu okkar og stöðukóði okkar er 200. 448 00:25:25,500 --> 00:25:28,610 OK, sem þýðir að já, allt gekk vel. 449 00:25:28,610 --> 00:25:30,230 Hér er það sem þú vilt. 450 00:25:30,230 --> 00:25:33,750 >> The tegund miðlara efni type-- það segir okkur, OK, þú ert 451 00:25:33,750 --> 00:25:37,210 fara að fá smá texta HTML. 452 00:25:37,210 --> 00:25:40,520 Hér er lengd þess og hér er hvað þú átt að gera við tenginguna. 453 00:25:40,520 --> 00:25:43,004 OK, svo aftur, eftir á gögnum sem þú ert 454 00:25:43,004 --> 00:25:45,670 biðja um, allt eftir því hvað miðlara vill að fara aftur til þín, 455 00:25:45,670 --> 00:25:49,440 þú kannt að hafa meira af þessum sviði nöfn, þú might hafa minna. 456 00:25:49,440 --> 00:25:53,950 Algerlega samhengi háð. 457 00:25:53,950 --> 00:25:56,650 >> Og eins og langt eins og þessari stöðu kóða hér, að sjálfsögðu, 458 00:25:56,650 --> 00:25:59,590 200 er ekki sú eina þú gætir hafa, ekki satt? 459 00:25:59,590 --> 00:26:01,580 Við höfum fullt af stöðu númerum. 460 00:26:01,580 --> 00:26:06,120 Hefur einhver man eitthvað af aðrir sem við getið í fyrirlestri? 461 00:26:06,120 --> 00:26:08,310 A einhver fjöldi af þeim byrja með 4. 462 00:26:08,310 --> 00:26:09,680 >> Áhorfendur: 404. 463 00:26:09,680 --> 00:26:11,310 >> ALLISON BUCHHOLTZ-AU: 404, sem er? 464 00:26:11,310 --> 00:26:12,140 >> Áhorfendur: Skráin fannst ekki? 465 00:26:12,140 --> 00:26:13,250 >> ALLISON BUCHHOLTZ-AU: File fannst ekki. 466 00:26:13,250 --> 00:26:14,120 Einmitt. 467 00:26:14,120 --> 00:26:15,587 Svo hvað um 403? 468 00:26:15,587 --> 00:26:16,420 Áhorfendur: Bannað. 469 00:26:16,420 --> 00:26:17,120 ALLISON BUCHHOLTZ-AU: Bannað. 470 00:26:17,120 --> 00:26:18,695 Svo hvað finnst þér sem þýðir með chmods? 471 00:26:18,695 --> 00:26:20,890 >> Áhorfendur: Það þýðir að þú hefur ekki heimild til að lesa það. 472 00:26:20,890 --> 00:26:22,400 >> ALLISON BUCHHOLTZ-AU: Einmitt. 473 00:26:22,400 --> 00:26:25,190 Á einhvern hátt, þú þarft ekki leyfi til að opna það, ekki satt? 474 00:26:25,190 --> 00:26:27,242 Svo 404, 403. 475 00:26:27,242 --> 00:26:28,950 There er a raunverulega fyndið eina sem við alltaf 476 00:26:28,950 --> 00:26:31,116 kynna á hverju ári sem Ég ætti að hafa sett upp hér, 477 00:26:31,116 --> 00:26:33,370 eins 413, sem er ég er katli. 478 00:26:33,370 --> 00:26:34,390 Þú getur google þetta. 479 00:26:34,390 --> 00:26:38,490 Það er fyndið eins og það er númer 413 og það er ég er katli. 480 00:26:38,490 --> 00:26:41,240 Sem ég veit ekki hvers vegna þú vildi alltaf þörf að á internetinu, 481 00:26:41,240 --> 00:26:42,935 en ég út fyrir efnið. 482 00:26:42,935 --> 00:26:44,310 Áhorfendur: Kannski þú ert te pottinn. 483 00:26:44,310 --> 00:26:46,476 ALLISON BUCHHOLTZ-AU: Kannski þjóninum er te pottinn. 484 00:26:46,476 --> 00:26:47,890 Hver veit? 485 00:26:47,890 --> 00:26:51,840 Allt í lagi, þannig að við erum að fara að umskipti í alvöru erfðaskrá. 486 00:26:51,840 --> 00:26:54,750 Mér finnst eins og þú krakkar eru að fara að komast héðan ansi fljótt. 487 00:26:54,750 --> 00:26:56,940 >> Áhorfendur: Hvers vegna það segja "miðlara: tvisvar? 488 00:26:56,940 --> 00:26:57,981 >> ALLISON BUCHHOLTZ-AU: Hm? 489 00:26:57,981 --> 00:27:00,350 Server tvisvar? 490 00:27:00,350 --> 00:27:03,750 Það er góð spurning. 491 00:27:03,750 --> 00:27:04,630 Ég er ekki viss. 492 00:27:04,630 --> 00:27:07,520 Ég mun finna út og Ég mun senda ykkur öll. 493 00:27:07,520 --> 00:27:11,410 >> OK, aðrar spurningar utan það? 494 00:27:11,410 --> 00:27:12,310 Gott? 495 00:27:12,310 --> 00:27:14,390 Cool. 496 00:27:14,390 --> 00:27:17,280 >> HTML og CSS, og nú erum við fá að öllum skemmtilegum hlutum. 497 00:27:17,280 --> 00:27:21,697 Svo eins og ég nefndi áður, HTML er sennilega einn af þeim hlutum 498 00:27:21,697 --> 00:27:23,030 þú krakkar ert mest þekkir. 499 00:27:23,030 --> 00:27:25,760 Þannig að við höfum HyperText Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> Besta leiðin til að læra this-- ég ekki hafa neinar tilbúnar skyggnur eða eitthvað 501 00:27:29,900 --> 00:27:31,480 fyrir ykkur með HTML. 502 00:27:31,480 --> 00:27:33,640 Það er í raun um að læra setningafræði. 503 00:27:33,640 --> 00:27:38,380 Og ef þú varst í MySpace dag, myndir þú hafa þetta niður. 504 00:27:38,380 --> 00:27:42,790 >> Svo í raun, stærsta hlutur er bara til að æfa og gera tilraunir. 505 00:27:42,790 --> 00:27:48,000 Einn af the mikill úrræði ég vildi mjög mæla með er W3Schools. 506 00:27:48,000 --> 00:27:50,620 Svo bara W, 3, og síðan skóla. 507 00:27:50,620 --> 00:27:54,810 Þeir hafa a einhver fjöldi af auðlindir á HTML, á CSS, 508 00:27:54,810 --> 00:27:58,970 og þeir hafa í raun hættu skjár svoleiðis 509 00:27:58,970 --> 00:28:00,830 þar sem þeir ætla að gefa þér dæmi kóða. 510 00:28:00,830 --> 00:28:03,290 Þú getur fiðla með það, breyta því, og ýttu Update 511 00:28:03,290 --> 00:28:06,410 og það mun sýna þér hvað það í raun þýðir að vefur blaðsíða. 512 00:28:06,410 --> 00:28:08,380 >> Þannig að ég vildi mjög mæla með að nota það. 513 00:28:08,380 --> 00:28:11,300 Það er laglegur kaldur. 514 00:28:11,300 --> 00:28:14,560 Þú munt ekki fá seg bilanir hér þegar hlutirnir fara úrskeiðis. 515 00:28:14,560 --> 00:28:16,430 Ef þú stjórna til fá a seg kenna með HTML, 516 00:28:16,430 --> 00:28:19,446 ekki láta mig vita af því að ég er fara að vera alvöru ráðabrugg. 517 00:28:19,446 --> 00:28:21,570 En það er mjög kaldur því þú getur breytt hlutum, 518 00:28:21,570 --> 00:28:23,550 þú getur séð þá uppfærð lifandi. 519 00:28:23,550 --> 00:28:26,210 Og ég held að þú munt fá a mikill meira innsæi tök á HTML 520 00:28:26,210 --> 00:28:28,690 ef þú í raun bara eyða nokkrum tími tilraunir með það. 521 00:28:28,690 --> 00:28:32,590 Svo er að hvers vegna sagði ég, æfa og gera tilraunir. 522 00:28:32,590 --> 00:28:34,490 >> Google, hér eftir út, verður líklega 523 00:28:34,490 --> 00:28:36,440 einn af bestu auðlindir og vini. 524 00:28:36,440 --> 00:28:41,080 Eða Bing-- Ég vinn hjá Microsoft, svo kannski ég ætti að segja Bing. 525 00:28:41,080 --> 00:28:45,590 En nokkurn veginn allt er bara að fara að vera setningafræði, 526 00:28:45,590 --> 00:28:51,300 svo skilja hvað merkin eru, understanding-- amk með CSS-- 527 00:28:51,300 --> 00:28:53,360 hvernig á að breyta ákveðnum eiginleika. 528 00:28:53,360 --> 00:28:55,300 Það verður frábær gagnlegt. 529 00:28:55,300 --> 00:28:58,852 >> Svo jafnvel þó að við gerum ekki hafa neinar tilbúnar hluti, 530 00:28:58,852 --> 00:29:02,060 við höfum konar sumra bestu starfshætti að við viljum að þú krakkar að reyna fara 531 00:29:02,060 --> 00:29:06,640 by-- eða öllu heldur, þú ættir hlíta þar til frekari fyrirvara. 532 00:29:06,640 --> 00:29:09,722 Svo loka öllum tags þinn. 533 00:29:09,722 --> 00:29:12,930 Vonandi allir has-- þú veist hvað, ef þetta virkar ekki skynsamleg núna, 534 00:29:12,930 --> 00:29:15,388 Ég lofa að það mun gera vit þegar við erum kóðun upp á síðunni. 535 00:29:15,388 --> 00:29:16,680 En loka öllum tags þinn. 536 00:29:16,680 --> 00:29:20,410 Svo ef þú hefur einhvern tíma einhver haus sem er krappi, 537 00:29:20,410 --> 00:29:24,180 H1, krappi, ganga úr skugga um að þegar þú ert búinn með það, 538 00:29:24,180 --> 00:29:26,570 þú lokar því hausinn. 539 00:29:26,570 --> 00:29:30,260 Staðfesta síðuna þína með w3 Staðfestir. 540 00:29:30,260 --> 00:29:34,689 Ef þú lokar ekki tags þinn, þú getur fengið óvænt hegðun. 541 00:29:34,689 --> 00:29:37,730 Það verður að segja að síðan þín er ógild ef þú keyrir það í gegnum þessa í gildi. 542 00:29:37,730 --> 00:29:41,000 Svo þegar í doubt-- og sérstaklega á þessari viku og í næstu viku er 543 00:29:41,000 --> 00:29:46,220 pset-- á sama hátt sem við biðjum þér að nota stöðva 50 og stíl 50, 544 00:29:46,220 --> 00:29:49,130 þú gætir hugsað þetta sem einn af stöðva þinn, OK? 545 00:29:49,130 --> 00:29:51,950 >> Þannig að ef það fer ekki yfir w3 Staðfestir. 546 00:29:51,950 --> 00:29:53,810 Það er eitthvað sem við munum bryggju þig á. 547 00:29:53,810 --> 00:29:55,960 Eða ég ætla að segja þér rétt nú, mun ég bryggju þig á. 548 00:29:55,960 --> 00:29:58,202 Svo tryggja það í gildi. 549 00:29:58,202 --> 00:29:58,785 Það er ekki erfitt. 550 00:29:58,785 --> 00:30:01,530 Þú límir bara í kóðanum þínum og það mun annaðhvort segja gott starf 551 00:30:01,530 --> 00:30:03,630 eða þú ert að vantar eitthvað á sama hátt 552 00:30:03,630 --> 00:30:07,760 að stíll 50 segir þér þar sem þú ert að Messías upp. 553 00:30:07,760 --> 00:30:11,360 >> Og síðan einn síðastur hlutur er þú vilt aðskilja 554 00:30:11,360 --> 00:30:15,980 Markup þinn, sem er allt sem HTML eða texta og stíl þinn. 555 00:30:15,980 --> 00:30:19,420 Þannig að við munum gera dæmi þess réttar eftir þetta. 556 00:30:19,420 --> 00:30:21,830 Svo HTML og CSS að vera aðskilin. 557 00:30:21,830 --> 00:30:26,030 Og við erum að fara að vera að tala um MVC, sem er Model View Controller, 558 00:30:26,030 --> 00:30:27,100 í næstu viku. 559 00:30:27,100 --> 00:30:29,360 Þú krakkar ættu sennilega læra um það í fyrirlestri 560 00:30:29,360 --> 00:30:32,130 á morgun ef þú hefðir þegar lært það í dag. 561 00:30:32,130 --> 00:30:34,250 >> Og það er bara svona fyrirmynd sem við tilhneigingu 562 00:30:34,250 --> 00:30:37,460 að nota þegar þú býrð vefur síður til að aðgreina það út. 563 00:30:37,460 --> 00:30:41,440 Þú getur hugsað um það á sama hátt að við tilhneigingu til að aðgreina aðgerðir í C 564 00:30:41,440 --> 00:30:43,360 þar sem við kjötkássa að finna hluti. 565 00:30:43,360 --> 00:30:45,530 Það er bara leið til að gera líf þitt auðveldara. 566 00:30:45,530 --> 00:30:51,790 Það skilur út eiginleika eða kóða sem þú vildi vera using aftur og aftur, 567 00:30:51,790 --> 00:30:55,360 en á þennan hátt, það er eins konar af heldur það gott og snyrtilegur. 568 00:30:55,360 --> 00:30:58,260 Og ef þú vilt breyta eitt, breyta þú það einu sinni 569 00:30:58,260 --> 00:31:00,150 og það hefur breyst alls staðar annars staðar. 570 00:31:00,150 --> 00:31:05,010 Svo það er meira fyrir þinn vellíðan og sveigjanleiki. 571 00:31:05,010 --> 00:31:11,430 >> Svo með CSS, er það mjög svipað HTML, en í stað þess merki 572 00:31:11,430 --> 00:31:15,120 sem ég nefndi áðan við nota það sem er kallað sérstillibúnað. 573 00:31:15,120 --> 00:31:21,900 Og þeir í rauninni bara svona hlutdeildarfélaga ákveðna tag 574 00:31:21,900 --> 00:31:24,620 í HTML með mismunandi eiginleika. 575 00:31:24,620 --> 00:31:29,060 Og þegar ég segi eiginleika, ég meina hlutir eins lit leturgerð, 576 00:31:29,060 --> 00:31:32,694 liturinn á bakgrunninum, litur texta. 577 00:31:32,694 --> 00:31:33,610 Þeir konar hluti. 578 00:31:33,610 --> 00:31:36,270 Eins ef það er fyrir miðju, ef það er burt til hægri, 579 00:31:36,270 --> 00:31:39,430 ef það er inverted-- allt af þessum kaldur hlutur. 580 00:31:39,430 --> 00:31:42,490 Allar stylistic atriði að þú að gera til að texta, 581 00:31:42,490 --> 00:31:45,070 þetta er það sem ég meina með eiginleika. 582 00:31:45,070 --> 00:31:50,140 >> Og þá er tveir helstu atriði sem þarf að vita að selectors-- Tveir af helstu factors-- 583 00:31:50,140 --> 00:31:53,090 eru ID, sem er einstakt. 584 00:31:53,090 --> 00:31:54,859 Þú getur aðeins notað að fyrir eitt. 585 00:31:54,859 --> 00:31:56,400 Annars er það að fara að æpa á þig. 586 00:31:56,400 --> 00:31:59,970 Og þegar við skilgreinum það í CSS skrá, það mun 587 00:31:59,970 --> 00:32:03,182 vera kjötkássa ID og þá hvað eiginleika sem við viljum. 588 00:32:03,182 --> 00:32:05,140 Ég lofa að við erum að fara að fara í gegnum dæmi. 589 00:32:05,140 --> 00:32:06,830 Það mun gera a einhver fjöldi meira vit. 590 00:32:06,830 --> 00:32:08,830 >> Class getur átt við margar blokkir. 591 00:32:08,830 --> 00:32:13,400 Svo þú getur haft þinn fyrsta og þriðja málsgrein 592 00:32:13,400 --> 00:32:17,240 hafa sömu tegund af eiginleika ef þú tengir þá með sama flokki. 593 00:32:17,240 --> 00:32:21,050 Og þegar við skilgreinum þá í CSS, gera við punktur bekknum, 594 00:32:21,050 --> 00:32:25,710 með bekknum vera hvað þú vilt það til að vera heitir. 595 00:32:25,710 --> 00:32:28,559 >> Þannig að ég veit að þetta er rétt nú mjög ágrip. 596 00:32:28,559 --> 00:32:29,850 Það er þess vegna sem við erum að fara að kóða. 597 00:32:29,850 --> 00:32:32,060 Ég veit að þú krakkar elska það, og þú allir eru 598 00:32:32,060 --> 00:32:34,210 að fara að hjálpa mér því þetta er á vefsíðu þinni. 599 00:32:34,210 --> 00:32:36,310 Þetta er þáttur okkar er vefsíða, krakkar. 600 00:32:36,310 --> 00:32:40,158 Svo eru allir spurningar áður en ég slökkva á PowerPoint eða eitthvað 601 00:32:40,158 --> 00:32:42,366 þú vilt að ég að fletta aftur til áður en við byrjum að erfðaskrá? 602 00:32:42,366 --> 00:32:45,074 >> Áhorfendur: Þegar þú segir passa tags, meinarðu sérstillibúnað eða tags? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON BUCHHOLTZ-AU: Þú getur hugsa um þá eins og það sama. 605 00:32:53,010 --> 00:32:54,590 Það er bara mismunandi orð. 606 00:32:54,590 --> 00:32:56,460 Ég meina, eins og selectors. 607 00:32:56,460 --> 00:32:59,470 En selectors kortinu einnig tags. 608 00:32:59,470 --> 00:33:02,800 Svo er hægt að hugsa um þau sem raun það sama. 609 00:33:02,800 --> 00:33:05,900 Ég lofa að það er að fara að gera meira vit þegar við kóða. 610 00:33:05,900 --> 00:33:08,400 Nokkuð frá PowerPoint eða einhverjar spurningar 611 00:33:08,400 --> 00:33:12,980 núna áður en við raunverulega búa síðuhluti okkar? 612 00:33:12,980 --> 00:33:15,040 Allir tilbúnir? 613 00:33:15,040 --> 00:33:15,540 Cool. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Svo ég hef einn byrjaði. 616 00:33:24,760 --> 00:33:27,030 Leyfðu mér að auka letur fyrir ykkur. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 OK, svo núna höfum við bara Bare Bones Vefsíða hérna. 619 00:33:36,730 --> 00:33:38,360 >> Við höfum sumir HTML. 620 00:33:38,360 --> 00:33:41,050 Við höfum sumir haus, sem við sjá hér eins dæmi vefsíðu. 621 00:33:41,050 --> 00:33:44,540 Sumir titill, sumir letur. 622 00:33:44,540 --> 00:33:47,580 Þetta eru merki, OK? 623 00:33:47,580 --> 00:33:53,930 Svo þegar ég meina loka tags þinn, sjáum hér í krappi höfuð er opnun þinn 624 00:33:53,930 --> 00:33:59,670 tag, og þessa bita / Head er að loka henni, OK? 625 00:33:59,670 --> 00:34:04,380 >> Svo þú gætir hugsað þetta sem axlabönd þínum í ef aðstæður þínar 626 00:34:04,380 --> 00:34:05,420 eða þínar fyrir lykkjur. 627 00:34:05,420 --> 00:34:08,630 Ef þú ert einn í upphafi, þú vilt einn í lokin. 628 00:34:08,630 --> 00:34:13,500 Það mun samt vinna mest af þeim tíma Ef þú ert ekki með lokaða tag, 629 00:34:13,500 --> 00:34:17,659 en bestu starfshætti er loka tags. 630 00:34:17,659 --> 00:34:20,940 >> Svo í þessu tilfelli, við skulum breyta þessu. 631 00:34:20,940 --> 00:34:24,150 Við erum að fara að hafa kafla sjö. 632 00:34:24,150 --> 00:34:25,270 "Kafla Webpage." 633 00:34:25,270 --> 00:34:26,969 Þannig að ég ætla bara að fara að breyta þessu. 634 00:34:26,969 --> 00:34:32,100 >> Og ef við förum hérna og við reload-- gotta vista og reload-- 635 00:34:32,100 --> 00:34:36,750 við eftir því að allt hér það breyttist, ekki satt? 636 00:34:36,750 --> 00:34:38,250 Cool. 637 00:34:38,250 --> 00:34:39,380 Svo breytist þetta titilinn. 638 00:34:39,380 --> 00:34:41,920 Þetta er hvað sem er á flipanum. 639 00:34:41,920 --> 00:34:43,870 >> Svo er af þessu tagi leita voða leiðinlegt. 640 00:34:43,870 --> 00:34:44,870 Ég veit ekki um strákana. 641 00:34:44,870 --> 00:34:46,810 Ég held að við viljum eitthvað annað hér. 642 00:34:46,810 --> 00:34:51,900 >> Svo er það sem við getum gert haus er bara þarna. 643 00:34:51,900 --> 00:34:54,320 Við skulum gera einhverskonar líkamanum. 644 00:34:54,320 --> 00:34:56,550 Þannig að við höfum eitthvað lík hér. 645 00:34:56,550 --> 00:35:01,360 Ég alltaf opin og loka tags mína til að byrja, 646 00:35:01,360 --> 00:35:04,850 á sama hátt og ég geri axlabönd. 647 00:35:04,850 --> 00:35:06,326 Ah. 648 00:35:06,326 --> 00:35:09,010 Bíddu, hvað? 649 00:35:09,010 --> 00:35:10,949 >> Áhorfendur: [inaudible]. 650 00:35:10,949 --> 00:35:11,990 ALLISON BUCHHOLTZ-AU: Ah. 651 00:35:11,990 --> 00:35:13,895 Þú krakkar fékk mig. 652 00:35:13,895 --> 00:35:14,930 Gott starf. 653 00:35:14,930 --> 00:35:16,270 Gold Star. 654 00:35:16,270 --> 00:35:20,300 >> OK, þannig að við höfum eitthvað lík hér. 655 00:35:20,300 --> 00:35:22,920 Og nú skulum byrja að bæta texta. 656 00:35:22,920 --> 00:35:26,110 Svo þú hafa a par mismunandi valkostir til að bæta við texta. 657 00:35:26,110 --> 00:35:29,380 Við höfum hluti eins haus. 658 00:35:29,380 --> 00:35:32,144 Við höfum bara venjulegan texta. 659 00:35:32,144 --> 00:35:33,560 Svo skulum byrja bara með skalla. 660 00:35:33,560 --> 00:35:36,670 Raunverulega, ef þú krakkar vilja að draga upp w3 skólans HTML, 661 00:35:36,670 --> 00:35:38,860 þú getur konar líta í kringum og ef það er eitthvað 662 00:35:38,860 --> 00:35:42,470 sérstaklega að þú vilt prófa með þessari vefsíðu, getum við gert það. 663 00:35:42,470 --> 00:35:46,250 Svo í þessu tilfelli, við skulum gera bara sumir H1. 664 00:35:46,250 --> 00:35:48,710 Svo er h1 eins hæsta hausinn. 665 00:35:48,710 --> 00:35:52,260 Það mun gefa þér eitthvað sem er mjög stór og djörf. 666 00:35:52,260 --> 00:35:58,010 >> Og í þessu tilfelli, hvað við viljum í fyrsta texta á vefsíðu okkar? 667 00:35:58,010 --> 00:35:58,640 Neitt. 668 00:35:58,640 --> 00:35:59,800 Þú krakkar eru að fara að búa til þessa. 669 00:35:59,800 --> 00:36:00,758 Ég ætla bara að fara að skrifa. 670 00:36:00,758 --> 00:36:01,620 Áhorfendur: Velkomin. 671 00:36:01,620 --> 00:36:02,870 >> ALLISON BUCHHOLTZ-AU: Velkomin. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 OK, þannig að ef við vista það og við endurhlaða, við höfum mikið stór viðtökur. 674 00:36:12,620 --> 00:36:17,365 Svo bara svo þú getur séð munur, við skulum gera eitthvað á H6. 675 00:36:17,365 --> 00:36:18,490 Hvað við viljum hérna? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Hægri? 678 00:36:27,440 --> 00:36:30,356 >> OK, svo bara svo þú getur sjá muninn. 679 00:36:30,356 --> 00:36:31,990 Já, Sublime. 680 00:36:31,990 --> 00:36:34,680 Þannig að ef þú tekur eftir, h1, mjög, mjög stór. 681 00:36:34,680 --> 00:36:39,030 h6, eins djörf, en miklu minni, og þú hefur allt þar á milli. 682 00:36:39,030 --> 00:36:41,550 Svo þú gætir hafa h2, h3, h4. 683 00:36:41,550 --> 00:36:43,750 Og þetta eru bara haus, þannig að ef þú ert að reyna 684 00:36:43,750 --> 00:36:46,010 til að búa til vefsíðu sem hefur mismunandi köflum, 685 00:36:46,010 --> 00:36:48,810 kannski þú vilt nota hausa þarna einhvers staðar. 686 00:36:48,810 --> 00:36:49,580 >> Cool. 687 00:36:49,580 --> 00:36:53,270 Þannig að við munum bæta nokkrum fleiri hlutir í líkamanum okkar. 688 00:36:53,270 --> 00:36:58,380 Ég sé að það væri góður af kaldur ef við hefðum mynd. 689 00:36:58,380 --> 00:37:02,840 Mér finnst eins og allir gætu notað kannski sætur kanína mynd rétt um núna, 690 00:37:02,840 --> 00:37:05,082 þannig að við erum að fara að finna a kanína mynd fyrst. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Ég veit ekki hvort þið hafið einhverjar óskir sem einn við viljum. 693 00:37:12,960 --> 00:37:14,890 Ert þú hefur einhverjar óskir? 694 00:37:14,890 --> 00:37:15,925 Þetta hér? 695 00:37:15,925 --> 00:37:17,160 Down. 696 00:37:17,160 --> 00:37:17,750 OK. 697 00:37:17,750 --> 00:37:18,760 Það eitt og það er. 698 00:37:18,760 --> 00:37:20,080 Gott val. 699 00:37:20,080 --> 00:37:21,850 >> OK, þannig að við erum að fara að sjá mynd okkar. 700 00:37:21,850 --> 00:37:22,920 Horfðu á það. 701 00:37:22,920 --> 00:37:24,250 Horfðu á þeim yndislega hlutur. 702 00:37:24,250 --> 00:37:27,080 Hvernig gastu verið dapur á mánudaginn með þetta? 703 00:37:27,080 --> 00:37:30,180 >> Þannig að við erum bara að fara að afrita vefslóð myndarinnar. 704 00:37:30,180 --> 00:37:38,720 Og það sem við viljum gera er að við skulum bara segja að við höfum sumir P fyrir málsgrein. 705 00:37:38,720 --> 00:37:41,140 Við erum að fara að segja "Look líta á sætu kanínu. 706 00:37:41,140 --> 00:37:44,130 d'Awwww. " 707 00:37:44,130 --> 00:37:44,880 Ég elska Kanína mín. 708 00:37:44,880 --> 00:37:45,838 Ég er kanína heima. 709 00:37:45,838 --> 00:37:48,085 Ég sakna kanína minn. 710 00:37:48,085 --> 00:37:50,460 Svo það sem við erum að fara að do-- Ég veit ekki hvort þú krakkar vilja 711 00:37:50,460 --> 00:37:55,970 að google this-- en með HTML, hvernig gætir þú birta mynd? 712 00:37:55,970 --> 00:37:58,355 Bókstaflega, ef þú google "Fela mynd HTML," 713 00:37:58,355 --> 00:38:00,480 hví ekki að þú krakkar segja mér hvað þetta tag ætti að vera? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> Áhorfendur: IMG source-- 716 00:38:06,290 --> 00:38:07,767 >> ALLISON BUCHHOLTZ-AU: IMG source-- 717 00:38:07,767 --> 00:38:08,600 Áhorfendur: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON BUCHHOLTZ-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 Áhorfendur: --quote-- já. 720 00:38:10,181 --> 00:38:11,430 ALLISON BUCHHOLTZ-AU: Perfect. 721 00:38:11,430 --> 00:38:12,090 Lovely. 722 00:38:12,090 --> 00:38:15,470 Sjá, MySpace kynslóð, ekki satt? 723 00:38:15,470 --> 00:38:16,220 Áhorfendur: Neopets. 724 00:38:16,220 --> 00:38:17,470 ALLISON BUCHHOLTZ-AU: Neopets. 725 00:38:17,470 --> 00:38:18,950 Oh, OK. 726 00:38:18,950 --> 00:38:20,200 Vá. 727 00:38:20,200 --> 00:38:21,260 Það hefur verið brjálaður. 728 00:38:21,260 --> 00:38:23,120 OK. 729 00:38:23,120 --> 00:38:25,600 >> Svo vertu viss um að ég fá þetta rétt. 730 00:38:25,600 --> 00:38:26,100 Cool. 731 00:38:26,100 --> 00:38:27,750 Þannig að þetta ætti að vera hér. 732 00:38:27,750 --> 00:38:34,146 Og þá ef við endurhleður höfum við okkar kanína á síðunni Er þetta ekki yndisleg? 733 00:38:34,146 --> 00:38:35,030 >> Þetta er svo sætur. 734 00:38:35,030 --> 00:38:36,860 Þú velur a mikill, mikill mynd. 735 00:38:36,860 --> 00:38:38,180 Ég ætla að grafa það. 736 00:38:38,180 --> 00:38:41,350 >> OK, þannig að við höfum þetta yndislega kanína núna. 737 00:38:41,350 --> 00:38:44,590 Við gátum til að bæta við mynd, bara svona. 738 00:38:44,590 --> 00:38:47,550 Svo í rauninni ef það er einhver mynd þú vilt bæta við vefsíðu þinni, 739 00:38:47,550 --> 00:38:49,430 þú getur bætt það bara svona. 740 00:38:49,430 --> 00:38:52,910 Annar hlutur væri ef Þú hefur myndina þar 741 00:38:52,910 --> 00:38:55,670 í sömu möppu og Þessi skrá, þú getur bara 742 00:38:55,670 --> 00:38:59,595 skrifa hvað heiti þeirrar myndar er í stað þess að hafa tengil. 743 00:38:59,595 --> 00:39:01,010 >> Það myndi enn vera í gæsalöppum. 744 00:39:01,010 --> 00:39:03,700 Það myndi bara vera eins ef við hefðum nefnt this-- 745 00:39:03,700 --> 00:39:06,695 Ef þessi mynd hefði verið vistuð í möppunni með þessum HTML skrá 746 00:39:06,695 --> 00:39:08,570 að ég er að breyta og það hét bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Við gætum líka gert það og það myndi mæta. 749 00:39:13,080 --> 00:39:16,600 Hins vegar, ég hef þetta ekki vistuð í skráin og ég vil halda kanína, 750 00:39:16,600 --> 00:39:18,092 þannig að við erum að fara að halda á tengilinn. 751 00:39:18,092 --> 00:39:20,720 >> Áhorfendur: Hvað er rabbit.org? 752 00:39:20,720 --> 00:39:22,980 >> ALLISON BUCHHOLTZ-AU: rabbit.org. 753 00:39:22,980 --> 00:39:25,170 Það er óákveðinn greinir í ensku appropriate-- útlit, þú getur samþykkja það. 754 00:39:25,170 --> 00:39:25,770 Ættleiðing. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Ég vil taka þetta kanína. 757 00:39:29,190 --> 00:39:31,180 Oh, guð, það er svo sætt. 758 00:39:31,180 --> 00:39:34,230 >> OK, þannig að við höfum bætt hausum. 759 00:39:34,230 --> 00:39:35,500 Við höfum bætt við mynd. 760 00:39:35,500 --> 00:39:37,760 Vitanlega, við bætt einhver texti hér, ekki satt? 761 00:39:37,760 --> 00:39:40,920 Ef við vildum bæta við öðrum textar, viljum við fara svona. 762 00:39:40,920 --> 00:39:43,760 Svo er þetta annað málsgrein. 763 00:39:43,760 --> 00:39:49,070 >> Og við segjum "þetta er annað málsgrein." 764 00:39:49,070 --> 00:39:52,510 Einnig, ég er hryllilegur Speller, svo ég gæti stafa vitlaust það. 765 00:39:52,510 --> 00:39:54,930 Just FYI. 766 00:39:54,930 --> 00:39:58,450 >> Þannig að við höfum annað málsgrein hér, ekki satt? 767 00:39:58,450 --> 00:40:02,190 Svo kannski þú vilt gera eitthvað svolítið meira áhugavert en bara 768 00:40:02,190 --> 00:40:04,640 hafa öll textann, eins og hægri takt. 769 00:40:04,640 --> 00:40:08,490 Kannski þú viljir að miðja texta, OK? 770 00:40:08,490 --> 00:40:11,820 >> Svo ef einhver vill nota þá handlaginn tölvur í framan þig 771 00:40:11,820 --> 00:40:19,034 og segðu mér hvernig þú ert fara að miðja þennan texta, 772 00:40:19,034 --> 00:40:20,300 >> Áhorfendur: p align. 773 00:40:20,300 --> 00:40:24,834 >> ALLISON BUCHHOLTZ-AU: Svo p align jafnt "sent." 774 00:40:24,834 --> 00:40:25,750 Hann er að drepa hana, krakkar. 775 00:40:25,750 --> 00:40:28,240 Örugglega allir þurfa að stíga upp. 776 00:40:28,240 --> 00:40:36,042 Og við höfum "Þetta snýst." 777 00:40:36,042 --> 00:40:37,500 Og nú höfum við eitthvað miðju. 778 00:40:37,500 --> 00:40:39,380 >> Á sama hátt, ef þú vilja það vinstri takt, 779 00:40:39,380 --> 00:40:42,020 þú gætir gert samræma jafn vinstri, align jafngildir rétt. 780 00:40:42,020 --> 00:40:42,850 Algjörlega undir þér. 781 00:40:42,850 --> 00:40:55,580 Ef ég gerði hérna, þá er þetta should-- nú er rétt takt. 782 00:40:55,580 --> 00:40:57,020 >> Áhorfendur: Allison? 783 00:40:57,020 --> 00:41:00,884 By ímynd uppspretta, af hverju er ekki náin á img uppspretta? 784 00:41:00,884 --> 00:41:02,050 ALLISON BUCHHOLTZ-AU: Sorry. 785 00:41:02,050 --> 00:41:05,300 Þetta eitt ætti að vera það nú að þú ert góður. 786 00:41:05,300 --> 00:41:06,026 Nú erum við vel. 787 00:41:06,026 --> 00:41:08,150 Áhorfendur: Ekki þú hefur að loka henni þar, eða ekki? 788 00:41:08,150 --> 00:41:11,450 ALLISON BUCHHOLTZ-AU: Jæja, svo IMG uppspretta, er þetta eitt just-- með mynd, 789 00:41:11,450 --> 00:41:17,110 það er bara litið sem eitt frumefni, en ef þú tekur eftir fyrir the hvíla af þessum, 790 00:41:17,110 --> 00:41:22,106 við höfum einhverja merki þá upplýsingar sem það varðar og síðan lokaðrar merkinu. 791 00:41:22,106 --> 00:41:24,480 En með mynd, allt er bara svona sjálf-gámur. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 Cool. 794 00:41:29,040 --> 00:41:33,530 Svo þú krakkar vita hvernig á að búa a haus, þú veist hvernig á að inntak texta, 795 00:41:33,530 --> 00:41:37,060 þú veist hvernig á að setja mynd í núna, hægt að samræma hluti. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Annar hlutur sem þú might vilja til vera fær til gera 798 00:41:42,590 --> 00:41:47,649 er að búa til lista í CS-- við erum konar að fara í næstu viku pset. 799 00:41:47,649 --> 00:41:49,440 Efni sem við yfirleitt kenna þessari viku 800 00:41:49,440 --> 00:41:51,480 fer mjög vel með næstu viku pset, þannig að við erum 801 00:41:51,480 --> 00:41:54,250 konar blanda, skarast hlutina hér. 802 00:41:54,250 --> 00:41:56,290 En það verður að vera gagnlegt fyrir næstu viku. 803 00:41:56,290 --> 00:42:02,500 >> Þannig að ef við vildum að búa til nokkrar lista, hvernig gætum við gert það? 804 00:42:02,500 --> 00:42:03,760 Þú getur ekki svarað í þetta sinn. 805 00:42:03,760 --> 00:42:04,700 Einhver annar hefur til. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 Það er ekki erfitt, krakkar, lofa. 808 00:42:09,440 --> 00:42:13,090 Google "Óraðaður listi HTML." 809 00:42:13,090 --> 00:42:14,076 Hvað var það? 810 00:42:14,076 --> 00:42:16,244 >> Áhorfendur: [inaudible]. 811 00:42:16,244 --> 00:42:17,410 ALLISON BUCHHOLTZ-AU: Hægri. 812 00:42:17,410 --> 00:42:20,490 Svo viljum panta eða Óraðaður? 813 00:42:20,490 --> 00:42:21,500 Við skulum gera óraðaðan. 814 00:42:21,500 --> 00:42:25,240 Þannig að við höfum sumir UL, sem stendur fyrir óraðaðan List. 815 00:42:25,240 --> 00:42:27,997 Og hvað höfum við fyrir hvert frumefni? 816 00:42:27,997 --> 00:42:29,080 Er það þarf eigin tag sína? 817 00:42:29,080 --> 00:42:30,556 Getum við byrjað bara að skrifa það? 818 00:42:30,556 --> 00:42:31,330 >> Áhorfendur: lí. 819 00:42:31,330 --> 00:42:32,826 >> ALLISON BUCHHOLTZ-AU: lí. 820 00:42:32,826 --> 00:42:34,785 Svo er það listi okkar að fara að vera? 821 00:42:34,785 --> 00:42:37,050 Hvað við viljum hér? 822 00:42:37,050 --> 00:42:38,190 Við gerum bara nöfn. 823 00:42:38,190 --> 00:42:39,250 Bara gera Jakob. 824 00:42:39,250 --> 00:42:40,340 >> Áhorfendur: Rabbit matvæli. 825 00:42:40,340 --> 00:42:40,990 >> ALLISON BUCHHOLTZ-AU: Rabbit matvæli. 826 00:42:40,990 --> 00:42:41,910 OK ég svona. 827 00:42:41,910 --> 00:42:42,520 Kanína matvæli. 828 00:42:42,520 --> 00:42:44,440 >> OK, þannig að við höfum gulrætur. 829 00:42:44,440 --> 00:42:46,640 Mér finnst þetta kanína þema. 830 00:42:46,640 --> 00:42:48,024 Ég ætla að grafa það mikið. 831 00:42:48,024 --> 00:42:50,440 Áhorfendur: Reyndar hélt ég að Jacob væri legit. 832 00:42:50,440 --> 00:42:51,606 ALLISON BUCHHOLTZ-AU: Jacob? 833 00:42:51,606 --> 00:42:53,120 Jacob er kanína matur. 834 00:42:53,120 --> 00:42:55,310 Ef þú sást Jakobs Myndir frá skrifstofutíma, 835 00:42:55,310 --> 00:42:56,850 þú gætir hafa hugsun að hann fékk ráðist af Killer kanína. 836 00:42:56,850 --> 00:42:58,099 >> Áhorfendur: Ég er með kanínu núna. 837 00:42:58,099 --> 00:42:59,710 Ég hafa a Killer kanína núna. 838 00:42:59,710 --> 00:43:00,540 >> ALLISON BUCHHOLTZ-AU: Ertu að grínast? 839 00:43:00,540 --> 00:43:02,081 >> Áhorfendur: Ég koma með það í næsta kafla. 840 00:43:02,081 --> 00:43:02,990 Ég hef það. 841 00:43:02,990 --> 00:43:04,240 >> ALLISON BUCHHOLTZ-AU: Þetta er fáránlegt. 842 00:43:04,240 --> 00:43:04,730 Engu að síður. 843 00:43:04,730 --> 00:43:05,510 >> Áhorfendur: [inaudible] 844 00:43:05,510 --> 00:43:07,510 >> Áhorfendur: Já, PROCTOR minn hefur með kanínu sem vel. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON BUCHHOLTZ-AU: Ég vil kanína. 847 00:43:11,580 --> 00:43:15,415 OK, hver færir alvöru kanína að næsta kafla, samtals súkkulaðikökum stig. 848 00:43:15,415 --> 00:43:16,290 Áhorfendur: [inaudible] 849 00:43:16,290 --> 00:43:16,943 Áhorfendur: Oh, það er ekki raunverulegt. 850 00:43:16,943 --> 00:43:17,910 Það er fyllt kanína. 851 00:43:17,910 --> 00:43:18,855 >> ALLISON BUCHHOLTZ-AU: Oh Já, getum við loka þessu. 852 00:43:18,855 --> 00:43:20,174 Útlit Rad. 853 00:43:20,174 --> 00:43:21,590 Áhorfendur: Skiptir máli í raun? 854 00:43:21,590 --> 00:43:23,465 ALLISON BUCHHOLTZ-AU: Það gerir það ekki. 855 00:43:23,465 --> 00:43:25,590 Með flest af þessum hlutum, þú loka ekki merkið, 856 00:43:25,590 --> 00:43:28,750 99% af þeim tíma ekkert slæmt er að gerast að gerast, en það er gott stíl líka. 857 00:43:28,750 --> 00:43:30,250 Jakob. 858 00:43:30,250 --> 00:43:31,864 Og við höfum salat. 859 00:43:31,864 --> 00:43:33,655 Áhorfendur: fyrir tengla það er mjög mikilvægt. 860 00:43:33,655 --> 00:43:34,696 ALLISON BUCHHOLTZ-AU: Hm? 861 00:43:34,696 --> 00:43:35,890 Áhorfendur: Fyrir tengla. 862 00:43:35,890 --> 00:43:37,431 ALLISON BUCHHOLTZ-AU: Fyrir tengla. 863 00:43:37,431 --> 00:43:38,610 Já, tengla þurfa það. 864 00:43:38,610 --> 00:43:40,770 OK, þannig að við skulum sjá hér. 865 00:43:40,770 --> 00:43:44,810 Og við höfum lok listanum okkar. 866 00:43:44,810 --> 00:43:46,635 Og við lítum á það. 867 00:43:46,635 --> 00:43:49,680 Við höfum all-- Jakob, rétt þar. 868 00:43:49,680 --> 00:43:52,310 Rabbit mat. 869 00:43:52,310 --> 00:43:54,000 Minnir mig á Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> Áhorfendur: [inaudible] 871 00:43:55,234 --> 00:43:58,400 ALLISON BUCHHOLTZ-AU: Ég ætla að koma til baka öll gömlu tilvísanir skóla í dag, 872 00:43:58,400 --> 00:43:59,130 ekki ég? 873 00:43:59,130 --> 00:44:01,210 Bara öll gömlu tilvísanir skóla. 874 00:44:01,210 --> 00:44:05,767 Ætti að hafa fært eins Gogurts eða eitthvað fyrir snarl. 875 00:44:05,767 --> 00:44:07,079 >> Áhorfendur: Eða Gushers. 876 00:44:07,079 --> 00:44:08,120 ALLISON BUCHHOLTZ-AU: Oh. 877 00:44:08,120 --> 00:44:08,620 OK. 878 00:44:08,620 --> 00:44:10,920 Ég skal sjá hvort ég get fylgst niður Gushers næstu viku. 879 00:44:10,920 --> 00:44:11,980 Ég held að ég geti gert það. 880 00:44:11,980 --> 00:44:13,980 Ég held að við gætum hafa sumir í skrifstofunni. 881 00:44:13,980 --> 00:44:18,570 >> OK, þannig að við höfum fjallað mikið um mismunandi hlutir sem þú getur gert með HTML, ekki satt? 882 00:44:18,570 --> 00:44:23,910 Og eins og þú getur sennilega sjá, það er nothing-- vonandi ekki of intim-- 883 00:44:23,910 --> 00:44:25,750 ef það er, ég meina ekki að gera lítið úr neinum. 884 00:44:25,750 --> 00:44:29,090 Ef þú ert í vandræðum, vinsamlegast koma tala við mig. 885 00:44:29,090 --> 00:44:31,340 >> En mest af því er bara horfa á setningafræði, ekki satt? 886 00:44:31,340 --> 00:44:34,180 Ef þú vilt óraðaðan lista, Ef þú vilt einhvers konar lista, 887 00:44:34,180 --> 00:44:38,450 Ef þú vilt að samræma eitthvað eða snið eitthvað, það er allt um bara 888 00:44:38,450 --> 00:44:42,080 konar horfa upp setningafræði fyrir HTML, ekki satt? 889 00:44:42,080 --> 00:44:44,720 Og eitt sem er laglegur kaldur raun 890 00:44:44,720 --> 00:44:51,360 er ef þú ferð to-- skulum sjá, hvað er a ágætur website sem við eins? 891 00:44:51,360 --> 00:44:54,920 Einhver hefur einhverjar uppáhalds vefsíður sem eru í lagi til að koma upp á netinu? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Þú veist hvað, við skulum bara gera CS50. 894 00:44:58,840 --> 00:45:01,800 Það er gott og öruggt, ekki satt? 895 00:45:01,800 --> 00:45:03,060 >> OK, svo CS50 hér. 896 00:45:03,060 --> 00:45:05,540 Ó útlit, það er a hluti núna. 897 00:45:05,540 --> 00:45:07,113 Ef þú eins og the vegur það lítur út. 898 00:45:07,113 --> 00:45:08,030 >> Áhorfendur: [inaudible]. 899 00:45:08,030 --> 00:45:10,696 ALLISON BUCHHOLTZ-AU: Við erum ekki fara að gera meta kafla, krakkar. 900 00:45:10,696 --> 00:45:11,560 Það er ekki að gerast. 901 00:45:11,560 --> 00:45:14,540 Það væri flott, en við erum ekki að fara að gera það. 902 00:45:14,540 --> 00:45:17,040 >> Svo hvað þú gætir gera ef þú eins og the vegur 903 00:45:17,040 --> 00:45:21,390 þetta virkar er að þú getur alltaf rétt smelltu á hvaða vefsíðu sem þú vilt 904 00:45:21,390 --> 00:45:23,660 og þú getur gert View Page Source. 905 00:45:23,660 --> 00:45:26,030 Það mun koma upp alla HTML. 906 00:45:26,030 --> 00:45:30,800 Og þetta er í raun mjög góður leið að stíll eigin vefsíðu þinni. 907 00:45:30,800 --> 00:45:33,640 Fara á vefsíðu sem þú raun eins og líta á HTML 908 00:45:33,640 --> 00:45:35,430 og reikna út hvernig þeir gerðu það. 909 00:45:35,430 --> 00:45:39,280 >> Og bókstaflega, svo lengi eins og þú vitna hluti, 910 00:45:39,280 --> 00:45:41,940 svo lengi sem þú ert ekki bara stela frá fólki, er það í lagi. 911 00:45:41,940 --> 00:45:43,890 Sérstaklega fyrir CS50 [? fjármagna?], við erum 912 00:45:43,890 --> 00:45:46,950 konar von á að fá innblástur frá öðrum vef. 913 00:45:46,950 --> 00:45:48,070 Svo ekki hika. 914 00:45:48,070 --> 00:45:51,360 Líta í gegnum vefsíður sem þér eru virkilega falleg 915 00:45:51,360 --> 00:45:54,870 og reikna út hvernig þeir nota HTML og CSS til að gera þessa hluti. 916 00:45:54,870 --> 00:45:59,860 >> Svo eins og þú sérð hér, það er augljóslega eins tengla og við höfum flokk hér. 917 00:45:59,860 --> 00:46:00,950 Við hafa a hlekkur hér. 918 00:46:00,950 --> 00:46:03,100 Við erum með lista. 919 00:46:03,100 --> 00:46:05,370 Við höfum líklega einhver myndir í hér einhvers staðar. 920 00:46:05,370 --> 00:46:08,332 >> Við höfum fengið nokkur flott stíl hér. 921 00:46:08,332 --> 00:46:10,040 Þetta er næsta hlutur við erum að fara að gera. 922 00:46:10,040 --> 00:46:14,580 Svo stíl, þegar þú sérð þetta Style sviga, það er CSS grundvallaratriðum. 923 00:46:14,580 --> 00:46:15,880 Ben, did þú með spurningu? 924 00:46:15,880 --> 00:46:16,880 >> Áhorfendur: Hvað er div? 925 00:46:16,880 --> 00:46:20,039 >> ALLISON BUCHHOLTZ-AU: div er bara a-- hvað er div? 926 00:46:20,039 --> 00:46:20,830 Áhorfendur: Division. 927 00:46:20,830 --> 00:46:22,121 ALLISON BUCHHOLTZ-AU: Division. 928 00:46:22,121 --> 00:46:25,960 Já, það er bara eins og aðgreina mismunandi þætti. 929 00:46:25,960 --> 00:46:28,650 OK, svo hér er það sem við erum að fara í næst. 930 00:46:28,650 --> 00:46:31,550 Þannig að þetta gæti ekki verið besta stíl, því ef þú tekur eftir 931 00:46:31,550 --> 00:46:37,681 við höfum HTML og stíl á sömu síðu, og við viljum í raun að aðskilja þá, 932 00:46:37,681 --> 00:46:38,180 OK? 933 00:46:38,180 --> 00:46:41,620 Og í raun, láta mig opna réttu minn 934 00:46:41,620 --> 00:46:45,990 vegna þess að þetta á að vera PDF, þannig að við höfum style.css. 935 00:46:45,990 --> 00:46:51,210 >> Svo er það sem við getum gert hér þessir ert kaldur hlutur eins og sumir hverfa 936 00:46:51,210 --> 00:46:55,550 og við gætum reynt og gera það, en mér finnst eins og ég vildi skipta sem upp á fljúga, 937 00:46:55,550 --> 00:46:58,520 svo ég hvet ykkur til fara reyna það á eigin spýtur, 938 00:46:58,520 --> 00:47:00,310 en ég ætla ekki að fara að gera það núna. 939 00:47:00,310 --> 00:47:03,790 Svo ef þú krakkar, muna, ef þú högg alltaf Heimadæmi, 940 00:47:03,790 --> 00:47:05,584 eitthvað swoops í frá hlið. 941 00:47:05,584 --> 00:47:08,000 Það hefur að gera með the hverfa og umskipti og whatnot. 942 00:47:08,000 --> 00:47:09,630 >> Áhorfendur: Og það er allt CSS og HTML? 943 00:47:09,630 --> 00:47:11,460 >> ALLISON BUCHHOLTZ-AU: Allt CSS og HTML. 944 00:47:11,460 --> 00:47:12,420 Já. 945 00:47:12,420 --> 00:47:17,720 Svo er hægt að gera a einhver fjöldi af mjög kaldur hluti með CSS og HTML. 946 00:47:17,720 --> 00:47:22,280 Svo með frábæra okkar kanína vefsíða hér, við 947 00:47:22,280 --> 00:47:25,240 eru að fara að gera smá hluti af CSS stíl við það. 948 00:47:25,240 --> 00:47:28,850 >> Svo ef þú hefur einhvern tíma stíl blaði, sem við höfum hér, 949 00:47:28,850 --> 00:47:30,550 þú getur bara hringt style.css. 950 00:47:30,550 --> 00:47:32,090 Þú getur hringt í hana hvað sem þú vilt. 951 00:47:32,090 --> 00:47:37,110 Hvað er mikilvægt er að við erum að fara að vísa henni í web.html okkar hér. 952 00:47:37,110 --> 00:47:41,670 >> Svo það sem við erum að fara að gera er we-- svo ég ekki skipta þessa up-- 953 00:47:41,670 --> 00:47:46,180 við erum að fara að tengja þessar tvær skrár saman. 954 00:47:46,180 --> 00:47:49,340 Svo í sama way-- ég ætla að draga líkingar í C ​​hér. 955 00:47:49,340 --> 00:47:53,510 Á sama hátt að ef þú ert sumir library-- og við höfum cs50.h-- 956 00:47:53,510 --> 00:47:55,520 þýðanda okkar tenglar það. 957 00:47:55,520 --> 00:47:58,040 Þetta er bara skýr hlekkur á hluta okkar. 958 00:47:58,040 --> 00:48:01,840 Svo á sama hátt sem við gerum kjötkássa falist skrá, hvað 959 00:48:01,840 --> 00:48:06,890 Ég er að fara að skrifa er bara HTML / CSS jafngildi því. 960 00:48:06,890 --> 00:48:11,970 >> Við erum bara að segja, OK, þessa vefsíðu er að fara að nota þessa stílblað, OK? 961 00:48:11,970 --> 00:48:23,360 Þannig að við höfum tengil rel jafnt stílblaði. 962 00:48:23,360 --> 00:48:30,870 Og þá höfum við gerð, CSS. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 Og svo href jafngildir. 965 00:48:37,060 --> 00:48:41,910 966 00:48:41,910 --> 00:48:42,860 >> OK. 967 00:48:42,860 --> 00:48:45,680 Svo er hægt að allt þetta gerði hér hugsa um þetta sem sama 968 00:48:45,680 --> 00:48:47,550 sem kjötkássa fela í sér. 969 00:48:47,550 --> 00:48:53,450 Vitanlega það lítur svolítið meira flókið, en í öllum tilvikum, 970 00:48:53,450 --> 00:48:55,370 það er í raun það sama. 971 00:48:55,370 --> 00:49:00,940 Þannig að þetta er bara einhver tenging a stíl blaði, það er af gerðinni texta / CSS, 972 00:49:00,940 --> 00:49:02,875 og nafn það er style.css. 973 00:49:02,875 --> 00:49:05,560 >> Hvað er mikilvægt að vita er að vefur blaðsíða 974 00:49:05,560 --> 00:49:09,155 að ég er að vinna rétt now-- web.html og style.css-- eru í sömu möppu. 975 00:49:09,155 --> 00:49:14,740 Vegna þess að í mismunandi möppur, þú þarft að gefa í raun rót 976 00:49:14,740 --> 00:49:17,480 á henni eða leið til þess. 977 00:49:17,480 --> 00:49:20,620 En í þessu tilfelli erum við að halda það Super einfalt og það er að fara að vera hér. 978 00:49:20,620 --> 00:49:26,730 Þannig að ef við gerum það, ég hafa sumir hlutir bið þegar upp hér. 979 00:49:26,730 --> 00:49:31,680 >> Þannig að við höfum eitthvað lík, sem er að fara að hafa lit bakgrunnur okkar, sem 980 00:49:31,680 --> 00:49:33,320 núna er ljós blár. 981 00:49:33,320 --> 00:49:36,850 Við getum breytt því ef við viljum, en ef ég man þetta rétt, 982 00:49:36,850 --> 00:49:39,270 það ætti bara að breyta það til ljósbláu. 983 00:49:39,270 --> 00:49:42,050 Og nú erum við með ljósbláa bakgrunni. 984 00:49:42,050 --> 00:49:47,490 Og við höfðum here-- getur einhver man hver einn er kjötkássa ID eða bekknum? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> Áhorfendur: ID. 987 00:49:51,080 --> 00:49:51,800 >> ALLISON BUCHHOLTZ-AU: ID. 988 00:49:51,800 --> 00:49:52,420 Cool. 989 00:49:52,420 --> 00:49:58,920 Svo það sem við viljum gera er hver þessara letur 990 00:49:58,920 --> 00:50:01,534 eða which-- viljum "Horfðu á sætur kanína "að vera fjólublátt? 991 00:50:01,534 --> 00:50:02,950 Ég held að við viljum það til að vera fjólublátt. 992 00:50:02,950 --> 00:50:04,640 Ég er nokkuð niður með að vera fjólublátt. 993 00:50:04,640 --> 00:50:08,790 >> Svo hvað þú gerir er að þú gerir ID equals-- í þessu tilfelli 994 00:50:08,790 --> 00:50:13,630 Ég sagði, hvað, falleg lit hér. 995 00:50:13,630 --> 00:50:14,780 Við endurhlaða. 996 00:50:14,780 --> 00:50:17,460 Allt í einu, það er fjólublátt. 997 00:50:17,460 --> 00:50:20,680 OK, svo við ID, muna það þarf að vera einstakt, 998 00:50:20,680 --> 00:50:24,370 svo ég ætti aldrei að vera með þetta ID staðar. 999 00:50:24,370 --> 00:50:27,760 En með bekknum, eins og við höfum hér með ansi leturgerð, 1000 00:50:27,760 --> 00:50:30,300 Ég ætti að vera fær um að nota að hvar ég vil. 1001 00:50:30,300 --> 00:50:33,160 >> Svo skulum gera þetta einn hér. 1002 00:50:33,160 --> 00:50:41,100 Þannig að við getum sagt bekknum jafngildir nokkuð letri. 1003 00:50:41,100 --> 00:50:46,190 Og ef við lítum nú höfum við This kaldur nokkuð letur hér. 1004 00:50:46,190 --> 00:50:49,160 Svo kannski ég vil gera bæði. 1005 00:50:49,160 --> 00:50:52,786 OK, ég reyndar veit ekki hvort þetta er fara að vinna en ég vil reyna það. 1006 00:50:52,786 --> 00:50:54,410 Og þetta er hvernig þú lærir CSS og HTML. 1007 00:50:54,410 --> 00:50:55,660 Þú ert eins og, þú veist hvað, ég vil reyna þetta. 1008 00:50:55,660 --> 00:50:56,430 Ég er ekki viss um að ef það er að fara að vinna. 1009 00:50:56,430 --> 00:50:57,346 Við skulum sjá hvort það virkar. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> Og líta á það. 1012 00:51:01,540 --> 00:51:04,540 Nú er það í purpura og það er a laglegur letur. 1013 00:51:04,540 --> 00:51:08,692 OK, þannig að þú hefur allt þetta mismunandi hlutir sem þú getur gert. 1014 00:51:08,692 --> 00:51:09,650 Ert þú með spurningu? 1015 00:51:09,650 --> 00:51:10,275 >> Áhorfendur: Já. 1016 00:51:10,275 --> 00:51:13,280 Jæja, rétt eins og liti þú ert að nota eru orð. 1017 00:51:13,280 --> 00:51:16,005 Er there a vegur til að gera liti með sextánda RGB? 1018 00:51:16,005 --> 00:51:18,880 ALLISON BUCHHOLTZ-AU: Þú getur einnig gera það með hexidecimal tel ég. 1019 00:51:18,880 --> 00:51:19,803 Já. 1020 00:51:19,803 --> 00:51:22,136 En það er góður af gaman ef þú vil ekki að líta þær upp. 1021 00:51:22,136 --> 00:51:23,762 Þú getur bara verið eins, fjólublár eða blár. 1022 00:51:23,762 --> 00:51:25,720 Áhorfendur: Við skulum vona að þeir vita hvað það þýðir. 1023 00:51:25,720 --> 00:51:26,886 ALLISON BUCHHOLTZ-AU: Hægri. 1024 00:51:26,886 --> 00:51:29,580 Svo skulum gera þetta lesa eða Chartreuse. 1025 00:51:29,580 --> 00:51:32,060 Hvers vegna vildi þú velja alltaf Chartreuse? 1026 00:51:32,060 --> 00:51:33,340 Það er óákveðinn greinir í ensku áhugaverður litur. 1027 00:51:33,340 --> 00:51:37,355 >> OK, svo augljóslega að við getum séð vér hægt að breyta hlutum þó við viljum. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Ef þú vildir create-- segjum vildum við búa til annan flokk. 1030 00:51:45,392 --> 00:51:46,850 Hvað gætir þú krakkar vilja til að breyta? 1031 00:51:46,850 --> 00:51:51,840 Ef þú draga upp W3Schools ' CSS skjöl, 1032 00:51:51,840 --> 00:51:54,450 Ég leyfi gólfið til ykkur. 1033 00:51:54,450 --> 00:51:57,990 Við getum reynt og gera eitthvað flott við þetta í síðustu tveimur mínútum. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Þar sem ég hef eins konar gefið þér hrun námskeið um fullt af flottum hlutum 1036 00:52:03,150 --> 00:52:03,970 að þú getur gert. 1037 00:52:03,970 --> 00:52:09,956 En að lokum, eins og ég sagði, ef þú bara tilraun, munt þú læra mikið. 1038 00:52:09,956 --> 00:52:12,212 >> Áhorfendur: Vissir þú lítur upp þessi leturgerð? 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON BUCHHOLTZ-AU: Já, Ég leit upp að letri. 1040 00:52:14,295 --> 00:52:17,200 Svo eins bókstaflega, ég fór to-- hvað gerði ég? 1041 00:52:17,200 --> 00:52:22,371 Ég gerði CSS letur lista, og svo ég gerði letur stafla, 1042 00:52:22,371 --> 00:52:25,120 og þá var ég eins, útlit, hér eru allir kaldur letur sem þú getur gert. 1043 00:52:25,120 --> 00:52:28,180 Og það var þetta, svo Ég afrita það til klemmuspjald minn. 1044 00:52:28,180 --> 00:52:31,820 Og þá var ég eins, OK, flott, þar sem við förum. 1045 00:52:31,820 --> 00:52:32,320 Allt gert. 1046 00:52:32,320 --> 00:52:35,920 >> Áhorfendur: Svo þú þarft að ganga úr skugga um að CSS veit hvað þessi letur er. 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON BUCHHOLTZ-AU: Já. 1048 00:52:37,370 --> 00:52:38,190 >> Áhorfendur: Hvað er það að segja í lok? 1049 00:52:38,190 --> 00:52:38,790 Cursive? 1050 00:52:38,790 --> 00:52:40,040 >> ALLISON BUCHHOLTZ-AU: cursive. 1051 00:52:40,040 --> 00:52:40,950 Já. 1052 00:52:40,950 --> 00:52:42,310 >> Áhorfendur: bakgrunnsmynd. 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON BUCHHOLTZ-AU: bakgrunnsmynd. 1054 00:52:43,290 --> 00:52:44,180 OK. 1055 00:52:44,180 --> 00:52:46,490 Svo þú vilt að segja mér hvernig á að gera þetta. 1056 00:52:46,490 --> 00:52:47,390 Ég leyfi þér þetta. 1057 00:52:47,390 --> 00:52:49,070 Ég ætla bara að slá upp hérna núna. 1058 00:52:49,070 --> 00:52:51,714 Hjólið er í höndum þínum. 1059 00:52:51,714 --> 00:52:52,660 >> Áhorfendur: OK 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON BUCHHOLTZ-AU: OK. 1061 00:52:53,701 --> 00:52:54,720 Hvað er ég að gera? 1062 00:52:54,720 --> 00:53:02,929 >> Áhorfendur: Doing-- Ég veit hvað kemur á eftir hrokkið Brace. 1063 00:53:02,929 --> 00:53:03,970 ALLISON BUCHHOLTZ-AU: OK. 1064 00:53:03,970 --> 00:53:06,707 Svo sennilega í líkamanum, ég myndi gera ráð fyrir, vegna þess að við erum 1065 00:53:06,707 --> 00:53:08,040 gera með bakgrunnsmynd. 1066 00:53:08,040 --> 00:53:08,940 >> Áhorfendur: Já, við skulum gera það. 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON BUCHHOLTZ-AU: OK. 1068 00:53:09,981 --> 00:53:14,260 Áhorfendur: OK, þannig bakgrunnur ristli, og þá erum við 1069 00:53:14,260 --> 00:53:16,894 þurfa veffangi þeirrar myndar. 1070 00:53:16,894 --> 00:53:18,560 Kannski gervi-kóða sem nú, kannski. 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON BUCHHOLTZ-AU: Hvað viltu mig to-- 1072 00:53:20,601 --> 00:53:22,574 Áhorfendur: Ég er að hugsa eins og GIF. 1073 00:53:22,574 --> 00:53:23,740 ALLISON BUCHHOLTZ-AU: A GIF? 1074 00:53:23,740 --> 00:53:26,070 Það er að fara að vera áhugavert. 1075 00:53:26,070 --> 00:53:27,840 OK, hvað er ég googling hér? 1076 00:53:27,840 --> 00:53:29,670 >> Áhorfendur: Nei, það er val þitt. 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON BUCHHOLTZ-AU: Hvers vegna gera we-- ekki hvort það er a kanína, 1078 00:53:32,090 --> 00:53:35,610 Mér finnst eins og við ættum að hafa ágætur grösugur grasið eða eitthvað. 1079 00:53:35,610 --> 00:53:38,275 >> Áhorfendur: Meadow. 1080 00:53:38,275 --> 00:53:39,350 A túninu. 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON BUCHHOLTZ-AU: A engi? 1082 00:53:40,641 --> 00:53:41,851 OK. 1083 00:53:41,851 --> 00:53:42,975 Áhorfendur: Eða Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON BUCHHOLTZ-AU: Þessi lítur falleg. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Oh, það er pínulítill, þó. 1088 00:53:50,380 --> 00:53:51,700 Við þurfum góða stærð. 1089 00:53:51,700 --> 00:53:53,142 Við skulum sjá. 1090 00:53:53,142 --> 00:53:54,570 Oh, líta. 1091 00:53:54,570 --> 00:53:55,630 Þessi 'a laglegur engi. 1092 00:53:55,630 --> 00:53:58,320 Þú veist hvað, ég eins og þessa. 1093 00:53:58,320 --> 00:53:59,300 Skulum afrita þetta. 1094 00:53:59,300 --> 00:54:08,020 >> Áhorfendur: OK, þannig að ég held að það er slóðin, opna sviga. 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON BUCHHOLTZ-AU: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> Áhorfendur: Síðan heimilisfangið. 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON BUCHHOLTZ-AU: OK. 1098 00:54:13,610 --> 00:54:14,750 Er það allt sem við þurfum? 1099 00:54:14,750 --> 00:54:20,550 >> Áhorfendur: Close svigum semíkommu, og þá pláss, bakgrunnur bandstrik 1100 00:54:20,550 --> 00:54:27,050 viðhengi ristill fastur, og hrokkið Brace. 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON BUCHHOLTZ-AU: OK. 1102 00:54:28,110 --> 00:54:29,114 Skulum sjá hvort það virkar. 1103 00:54:29,114 --> 00:54:30,780 Það er að fara að vera nokkuð kaldur ef það gerir. 1104 00:54:30,780 --> 00:54:33,880 Ég er alvöru spenntur hérna. 1105 00:54:33,880 --> 00:54:35,070 Það virkaði ekki. 1106 00:54:35,070 --> 00:54:35,700 Ég velti því hvers vegna. 1107 00:54:35,700 --> 00:54:37,700 Áhorfendur: Kannski slóðin þarf að vera í tilvitnanir. 1108 00:54:37,700 --> 00:54:38,866 ALLISON BUCHHOLTZ-AU: Kannski. 1109 00:54:38,866 --> 00:54:41,520 Og þetta er hvernig við lærum, krakkar. 1110 00:54:41,520 --> 00:54:44,340 >> Áhorfendur: Getum við höfum bakgrunn lit og bakgrunnsmynd? 1111 00:54:44,340 --> 00:54:45,390 >> Áhorfendur: Nei 1112 00:54:45,390 --> 00:54:46,550 Einn leysir af hólmi hinn. 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON BUCHHOLTZ-AU: I dunno. 1114 00:54:46,960 --> 00:54:47,460 Við skulum sjá. 1115 00:54:47,460 --> 00:54:48,860 Skulum athuga það út og sjá. 1116 00:54:48,860 --> 00:54:51,567 >> Áhorfendur: Oh, kannski, já. 1117 00:54:51,567 --> 00:54:52,400 [INTERPOSING raddir] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON BUCHHOLTZ-AU: OK, þetta er obviously-- I [inaudible] hér. 1120 00:55:03,260 --> 00:55:04,927 Svo OK. 1121 00:55:04,927 --> 00:55:06,260 Áhorfendur: Bakgrunnur viðhengi. 1122 00:55:06,260 --> 00:55:07,301 ALLISON BUCHHOLTZ-AU: Ah. 1123 00:55:07,301 --> 00:55:12,096 1124 00:55:12,096 --> 00:55:13,946 >> Áhorfendur: OK, ég veit ekki. 1125 00:55:13,946 --> 00:55:16,070 ALLISON BUCHHOLTZ-AU: Það lítur út eins og það ætti að virka. 1126 00:55:16,070 --> 00:55:19,074 Ertu viss um að það er ristill þegar vefslóðinni? 1127 00:55:19,074 --> 00:55:20,439 >> Áhorfendur: Nei, það er semíkommu. 1128 00:55:20,439 --> 00:55:21,980 ALLISON BUCHHOLTZ-AU: Það er semíkommu. 1129 00:55:21,980 --> 00:55:22,530 Áhorfendur: Sagði ég segi ristill? 1130 00:55:22,530 --> 00:55:24,155 ALLISON BUCHHOLTZ-AU: Þú sagðir tvípunkt. 1131 00:55:24,155 --> 00:55:26,222 Áhorfendur: Oh nei. 1132 00:55:26,222 --> 00:55:27,680 ALLISON BUCHHOLTZ-AU: Þar sem þú ferð. 1133 00:55:27,680 --> 00:55:29,350 Áhorfendur: Ó, bíddu, nú við getum ekki lesið textann. 1134 00:55:29,350 --> 00:55:30,320 ALLISON BUCHHOLTZ-AU: Nú þú getur ekki lesið textann, 1135 00:55:30,320 --> 00:55:32,740 en við höfum um bakgrunnsmynd. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> Áhorfendur: Er HTML styðja dynamic efni? 1138 00:55:35,220 --> 00:55:39,070 Eins gætir þú búa þessi mynd allt eftir stærð glugga, 1139 00:55:39,070 --> 00:55:39,890 eða er að CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON BUCHHOLTZ-AU: Svo hefur CSS til að gera það. 1141 00:55:41,723 --> 00:55:45,210 Svo ef þú krakkar hafa áhuga í að læra háþróaður CSS, 1142 00:55:45,210 --> 00:55:50,789 Ég er sam-kennslu a Námstefna um CSS á 7unda. 1143 00:55:50,789 --> 00:55:52,580 Og ég lofa að það mun vera miklu meira í dýpt 1144 00:55:52,580 --> 00:55:55,220 og gera miklu meira kúl hlutir í þessum kafla. 1145 00:55:55,220 --> 00:55:59,234 Og mín samhliða kennari er eins alls andlit endir vefur dev meistara. 1146 00:55:59,234 --> 00:56:02,150 Svo það verður að vera ansi kaldur ef þú vilt að læra um alla kaldur hlutur 1147 00:56:02,150 --> 00:56:03,960 að CSS getur gert. 1148 00:56:03,960 --> 00:56:06,860 >> En það sem við höfum hér með viðhengi bakgrunnur hans 1149 00:56:06,860 --> 00:56:13,330 fixed-- svo er það sumir fast size-- en þú getur raunverulega dynamically-- 1150 00:56:13,330 --> 00:56:17,610 Ef þú alltaf sjá vefsíður, sem Flest gott vefsíður munu gera, 1151 00:56:17,610 --> 00:56:19,470 þegar þú stillir stærð í vafranum þínum, 1152 00:56:19,470 --> 00:56:23,980 það lagar bakgrunninn eða hversu mikið er að sýna eða reformats hluti, ekki satt? 1153 00:56:23,980 --> 00:56:27,100 Svo það er það sem við köllum hlutfallsleg staðsetning. 1154 00:56:27,100 --> 00:56:33,410 >> Og CSS geta raunverulega grípa hversu stór þinn vafra breidd er eða hvernig mikill það er, 1155 00:56:33,410 --> 00:56:37,970 og þú getur staðsett hluti í samræmi við hlutfallslegt stærðum 1156 00:56:37,970 --> 00:56:40,420 móti hreinum stærðum. 1157 00:56:40,420 --> 00:56:44,920 Og það er augljóslega lengra CSS, en það er eitthvað sem þú getur gert. 1158 00:56:44,920 --> 00:56:47,390 Ef þú vilt læra meira, koma til námstefnu mína. 1159 00:56:47,390 --> 00:56:50,540 >> Svo er það eitthvað sem þú getur gert. 1160 00:56:50,540 --> 00:56:54,450 Og CSS getur beinlínis do-- CSS og JavaScript, 1161 00:56:54,450 --> 00:56:58,790 sem við munum fá inn næsta week-- getur leyft þér að breytist 1162 00:56:58,790 --> 00:57:02,160 síður án þess að þurfa að endurhlaða þeim allan tímann. 1163 00:57:02,160 --> 00:57:04,590 Og þú færð að gera sumir laglegur kaldur efni. 1164 00:57:04,590 --> 00:57:09,317 >> Svo er það annar hlutur að þið láti gera 1165 00:57:09,317 --> 00:57:10,650 eða hvað sem þú vilt að kanna? 1166 00:57:10,650 --> 00:57:12,900 Við höfum 10 mínútur eftir. 1167 00:57:12,900 --> 00:57:19,010 Við getum líka fara snemma, en ef þú vilt gera sumir fleiri vefur efni, 1168 00:57:19,010 --> 00:57:20,960 við getum, en ég er ekki að fara að neyða þig til að. 1169 00:57:20,960 --> 00:57:23,510 En við getum líka bara borða nammi. 1170 00:57:23,510 --> 00:57:25,760 Áhorfendur: Auðkenndu texta hvítt svo þú getur lesið það. 1171 00:57:25,760 --> 00:57:27,680 ALLISON BUCHHOLTZ-AU: OK. 1172 00:57:27,680 --> 00:57:33,389 Svo í þessu tilfelli, viljum við einhverja bls. 1173 00:57:33,389 --> 00:57:36,305 Áhorfendur: ættum við að gera það í líkami svo gildir það til alla síðuna? 1174 00:57:36,305 --> 00:57:38,096 ALLISON BUCHHOLTZ-AU: Já, við getum í raun og veru. 1175 00:57:38,096 --> 00:57:40,880 Það er góð hugmynd. 1176 00:57:40,880 --> 00:57:43,420 Svo við have-- gera þér vita hvað við ætti að vera? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Ég veit ekki hvort við getum gert textalit. 1179 00:57:50,260 --> 00:57:54,946 Ég var að fara að reyna að búa til annan flokk hér. 1180 00:57:54,946 --> 00:57:58,394 >> Áhorfendur: Hvernig færðu það að það hefur uppástungur? 1181 00:57:58,394 --> 00:58:00,560 ALLISON BUCHHOLTZ-AU: Svo ef þú krakkar hafa áhuga, 1182 00:58:00,560 --> 00:58:03,480 þetta er annar texti ritstjóri heitir háleita. 1183 00:58:03,480 --> 00:58:07,180 Þú ættir að vera fær um að setja það upp á tækinu. 1184 00:58:07,180 --> 00:58:08,659 Stundum fær það svolítið erfiður. 1185 00:58:08,659 --> 00:58:10,950 Ef þú vilt hjálp við það, Ég er súper ánægð að hjálpa þér 1186 00:58:10,950 --> 00:58:14,720 með það, vegna þess gedit er mikill og það er ógnvekjandi vegna þess að þú getur safna saman það 1187 00:58:14,720 --> 00:58:17,790 á botni, en ég virkilega eins háleita því það er nokkuð 1188 00:58:17,790 --> 00:58:19,498 og það er að gera hlutina eins og sjálfvirkt farartæki-heill. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Svo þú getur örugglega ekki hika við að láttu mig vita ef þú vilt gera það. 1191 00:58:26,890 --> 00:58:28,940 Ef þú google bara "Sublime texta, "það venjulega 1192 00:58:28,940 --> 00:58:32,860 hefur leiðbeiningar um hvernig á að setja upp á ýmsum stýrikerfum. 1193 00:58:32,860 --> 00:58:37,590 Það er æðislegt, ég held, að mínu mati. 1194 00:58:37,590 --> 00:58:38,355 Svo p. 1195 00:58:38,355 --> 00:58:45,616 Ég held að ég geti bara gert text-- eða við getum bara gert litur er "hvítur." 1196 00:58:45,616 --> 00:58:47,050 There. 1197 00:58:47,050 --> 00:58:50,770 >> Svo það sem ég gerði hér er að ég ekki breytt öllum texta. 1198 00:58:50,770 --> 00:58:54,040 En p hér er bara merki sem við höfum, ekki satt? 1199 00:58:54,040 --> 00:58:55,450 Þessi málsgrein tag. 1200 00:58:55,450 --> 00:59:00,380 Svo ég búið bara CSS þáttur sem sagði, OK, eitthvað með þetta merki 1201 00:59:00,380 --> 00:59:02,510 p, gera hvítt. 1202 00:59:02,510 --> 00:59:05,690 >> Svo ef þú tekið eftir, gerði það Þetta hvíta og þetta hvíta. 1203 00:59:05,690 --> 00:59:09,100 Það var ekki að gera lista okkar hvítt vegna það er ekki í tengslum við það. 1204 00:59:09,100 --> 00:59:11,180 Þú gætir farið í gegnum og þú gætir say-- 1205 00:59:11,180 --> 00:59:11,860 >> Áhorfendur: Ekki bakgrunnslit. 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON BUCHHOLTZ-AU: Bakgrunnslitur? 1207 00:59:12,660 --> 00:59:15,660 >> Áhorfendur: Bakgrunnur pípu í lit þar sem þú setur á p merkinu. 1208 00:59:15,660 --> 00:59:16,701 >> ALLISON BUCHHOLTZ-AU: OK. 1209 00:59:16,701 --> 00:59:21,980 1210 00:59:21,980 --> 00:59:22,804 Þú vilt það hvítt? 1211 00:59:22,804 --> 00:59:23,470 Áhorfendur: Mmhmm. 1212 00:59:23,470 --> 00:59:25,070 ALLISON BUCHHOLTZ-AU: OK. 1213 00:59:25,070 --> 00:59:26,342 Þar sem þú ferð. 1214 00:59:26,342 --> 00:59:27,300 Áhorfendur: Það er undarlegt. 1215 00:59:27,300 --> 00:59:29,190 ALLISON BUCHHOLTZ-AU: Laglegur kaldur, ekki satt? 1216 00:59:29,190 --> 00:59:31,640 Þannig að ef þú bara sóðaskapur í kring, þú ert að fara að læra mikið. 1217 00:59:31,640 --> 00:59:34,720 Og það getur verið ansi kaldur. 1218 00:59:34,720 --> 00:59:37,312 Ég held að það er örugglega meira ánægjulegt en stundum 1219 00:59:37,312 --> 00:59:39,770 vegna þess að þú þarft ekki að bíða fyrir áætlun þína að safna saman. 1220 00:59:39,770 --> 00:59:41,895 Þú getur bara högg Refresh og þú ert eins og, ó, sjáðu, 1221 00:59:41,895 --> 00:59:44,276 það virkaði eða ó, ég er líklega vantar eitthvað. 1222 00:59:44,276 --> 00:59:47,359 Og það er eitthvað sem er í raun kaldur um þessa næsta hluta af bekknum, 1223 00:59:47,359 --> 00:59:49,250 er það ákveðið, ég held, auðveldara að athuga 1224 00:59:49,250 --> 00:59:52,640 eins og þú fara á leiðinni á móti þurfa að skrifa þessar langa forrit 1225 00:59:52,640 --> 00:59:57,830 og óska ​​og biðja að það virkar á endanum. 1226 00:59:57,830 --> 01:00:01,960 >> Svo með það, held ég þú krakkar virðast öll gott. 1227 01:00:01,960 --> 01:00:05,360 Ef þú hefur einhverjar spurningar, eins og alltaf, koma að tala við mig, koma láta mig vita. 1228 01:00:05,360 --> 01:00:08,180 Ég mun vera rétt fyrir utan fyrir næstu 15 mínútur 1229 01:00:08,180 --> 01:00:11,340 Ef þú vilt spjalla um neitt og allt. 1230 01:00:11,340 --> 01:00:13,530 >> Svo ég vona að þú guys-- Gangi þér vel með þetta pset. 1231 01:00:13,530 --> 01:00:18,150 Fresturinn er föstudagur á hádegi því það var gefið út seint. 1232 01:00:18,150 --> 01:00:21,220 Þannig að ég mun líklega vera að sjá a einhver fjöldi af þú krakkar á fimmtudaginn, 1233 01:00:21,220 --> 01:00:21,970 en vonandi ekki. 1234 01:00:21,970 --> 01:00:23,386 Kannski þú munt hafa það gert með þá. 1235 01:00:23,386 --> 01:00:24,440 Ég myndi vera frábær stolt. 1236 01:00:24,440 --> 01:00:26,410 >> En ef ekki, mun ég sjá þig á fimmtudaginn. 1237 01:00:26,410 --> 01:00:30,030 Þú getur einnig notað seint dagsetningu sem nær það til laugardaginn á hádegi. 1238 01:00:30,030 --> 01:00:31,730 En ég don't-- ha? 1239 01:00:31,730 --> 01:00:32,580 >> Áhorfendur: Halloween. 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON BUCHHOLTZ-AU: Það er Halloween, A, og B, 1241 01:00:34,538 --> 01:00:37,050 Ég held ekki að það mun vera Viðtalstímar á föstudag. 1242 01:00:37,050 --> 01:00:40,920 Svo í raun ekki reyna og fá það gert með því að Föstudagur svo að við getum öll fagna 1243 01:00:40,920 --> 01:00:42,010 Helga helgi. 1244 01:00:42,010 --> 01:00:44,670 Allt í lagi, ég sjá ykkur í næstu viku. 1245 01:00:44,670 --> 01:00:45,888