1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [Prehrávanie hudby] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON Buchholtz-AU: Dobre, všetci. 5 00:00:12,540 --> 00:00:13,860 Vitajte späť na časti. 6 00:00:13,860 --> 00:00:19,559 Takže náš program na dnešok sa deje cez oveľa webových dev veci. 7 00:00:19,559 --> 00:00:21,600 Neviem, koľko z ste videli svoje psets 8 00:00:21,600 --> 00:00:24,414 pretože to bol prepustený dnes ráno. 9 00:00:24,414 --> 00:00:26,330 Ja by som za koľko ľudia čítať spec, 10 00:00:26,330 --> 00:00:29,910 ale keď videl, ako ste mali všetci z, rovnako ako sedem hodín na to pozrieť 11 00:00:29,910 --> 00:00:31,910 a to v pondelok a vo pravdepodobne ste mal triedu, 12 00:00:31,910 --> 00:00:34,160 Budem predpokladať, že väčšina z vás nie. 13 00:00:34,160 --> 00:00:37,170 Ak máte ďalšie slávu. 14 00:00:37,170 --> 00:00:39,400 >> Tie v podstate pomáha implementovať jednoduchý web 15 00:00:39,400 --> 00:00:43,270 server C, čo je zbrusu nový pset, tak vy si byť morčiat. 16 00:00:43,270 --> 00:00:49,730 To bude sranda, divoký týždeň ale myslím, že to bude veľa zábavy 17 00:00:49,730 --> 00:00:52,260 a to bude naozaj dobrá skúsenosť v skutočnosti. 18 00:00:52,260 --> 00:00:54,920 Tak, aby vás pripraví na že, v časti dnes 19 00:00:54,920 --> 00:01:00,940 máme ísť chmod, TCP / IP, a potom trochu HTML a CSS. 20 00:01:00,940 --> 00:01:05,080 >> Na konci, budete vlastne kód up jednoduché webové stránky spolu 21 00:01:05,080 --> 00:01:09,042 ktoré vám pomôžu chlapci trochu dostať viac zoznámený s tým. 22 00:01:09,042 --> 00:01:11,750 A potom, ak ste zdvihol vaše kvízy, sú v prednej časti, 23 00:01:11,750 --> 00:01:14,890 ale som si istý, že všetci tu má svoj kvíz. 24 00:01:14,890 --> 00:01:17,880 A tiež v takom prípade, riešenia nie sú až doteraz, 25 00:01:17,880 --> 00:01:21,490 ale akonáhle sme finish-- páči, Posledných pár ľudí, ktorí sa svojou quizzes-- 26 00:01:21,490 --> 00:01:22,280 budú up. 27 00:01:22,280 --> 00:01:24,630 Ak máte nejaké otázky do tej doby, 28 00:01:24,630 --> 00:01:26,240 neváhajte a napíšte mi osobne. 29 00:01:26,240 --> 00:01:30,700 Budem reagovať s jednotlivcom otázky, ako som vždy robiť. 30 00:01:30,700 --> 00:01:33,890 >> Takže v takom prípade, chmod. 31 00:01:33,890 --> 00:01:36,390 Takže v podstate všetko vám potrebujete vedieť o chmod 32 00:01:36,390 --> 00:01:39,620 je, že to slúži na zmenu oprávnenie k súborom, že jo? 33 00:01:39,620 --> 00:01:44,050 Takže je to len niektoré systémy to nazvať zmeniť povolenia, ako sa tu hovorí. 34 00:01:44,050 --> 00:01:48,540 A ak ste niekedy chceli vidieť aká oprávnenie súbor má, 35 00:01:48,540 --> 00:01:52,240 namiesto toho len to, ls, si to mohol urobiť ls -l. 36 00:01:52,240 --> 00:01:54,010 l stojí na dlho. 37 00:01:54,010 --> 00:01:56,460 >> Takže budete robiť dlhé zoznamy všetkého, a to 38 00:01:56,460 --> 00:02:02,080 vám poskytne oveľa podrobnejšie informácie o každej z vašich súborov. 39 00:02:02,080 --> 00:02:05,540 A uvidíte, something-- som chystá preskočiť na second-- 40 00:02:05,540 --> 00:02:08,910 ale uvidíte niečo podobné že horná línia sa pre každý súbor. 41 00:02:08,910 --> 00:02:11,560 A budeme pokračovať tým, čo to znamená. 42 00:02:11,560 --> 00:02:15,260 >> Takže v podstate, zmeniť Vaše oprávnenie k súborom, 43 00:02:15,260 --> 00:02:16,850 si len chcete použiť chmod. 44 00:02:16,850 --> 00:02:23,620 Môžete si ju predstaviť ako každý iný UNIX volanie ako ls alebo CD, alebo ktovie čo ešte. 45 00:02:23,620 --> 00:02:25,540 Je to len trochu iné, ako je volanie. 46 00:02:25,540 --> 00:02:30,530 >> Takže robíme chmod a potom budeme tri číslice typicky. 47 00:02:30,530 --> 00:02:33,570 Existuje niekoľko spôsobov, ako to, z ktorých jedna pôjdeme preč. 48 00:02:33,570 --> 00:02:37,650 Ale zvyčajne, budete mať tri Číslice v rozsahu 0-7 zakaždým. 49 00:02:37,650 --> 00:02:43,530 >> Takže jedna vec je, že existujú tri rôzne oprávnenia 50 00:02:43,530 --> 00:02:45,510 že môžeme dať každý súbor. 51 00:02:45,510 --> 00:02:49,480 A je to čitateľné, čo je zastúpená r, ktorý bude mať zmysel 52 00:02:49,480 --> 00:02:54,020 v trochu; W, čo je zapisovať; a spustiteľný, čo je x. 53 00:02:54,020 --> 00:02:57,630 Viem, že e jeden spustiteľný, možno nie najväčší zmysel, ale my 54 00:02:57,630 --> 00:02:59,120 predstavujú ju x. 55 00:02:59,120 --> 00:03:05,290 >> A čo sa stane, potom je každý z týchto majú tiež zastúpenie číslo. 56 00:03:05,290 --> 00:03:07,990 Máme teda 1, 2, a 4. 57 00:03:07,990 --> 00:03:12,060 A v podstate to, čo sa stane, je každý z týchto troch čísel 58 00:03:12,060 --> 00:03:17,380 tu zodpovedá iný súbor užívateľov 59 00:03:17,380 --> 00:03:19,420 že tieto oprávnenia sa týkajú. 60 00:03:19,420 --> 00:03:24,820 >> Takže si môžete myslieť, že prvý číslo zodpovedá skutočnému užívateľovi 61 00:03:24,820 --> 00:03:29,360 alebo vlastník súboru, druhý počet bude zodpovedať skupinu, 62 00:03:29,360 --> 00:03:33,590 a posledná sa týka do sveta, OK? 63 00:03:33,590 --> 00:03:39,995 Takže to, čo sa stane, je pamätať tie numbers-- R je 4, w je 2, 64 00:03:39,995 --> 00:03:42,550 x je 1, nie? 65 00:03:42,550 --> 00:03:46,630 Tohle-- ak súčet týchto plánov, ktoré vám umožní, že prvé číslo 66 00:03:46,630 --> 00:03:48,600 že by sme mohli vstupu v našom chmod. 67 00:03:48,600 --> 00:03:52,191 >> Takže v tomto prípade, čo by toto číslo malo byť? 68 00:03:52,191 --> 00:03:57,030 To by bolo 4 a 2 plus 1, čo je 7, nie? 69 00:03:57,030 --> 00:03:59,250 A v tomto prípade, tieto nemajú nič, 70 00:03:59,250 --> 00:04:06,450 takže tu by preložiť chmod 700, OK? 71 00:04:06,450 --> 00:04:12,030 A čo to robí, je, že poskytuje všetky z týchto oprávnení na vaše používateľa. 72 00:04:12,030 --> 00:04:14,400 >> Takže to znamená, že náš užívateľa môžu robiť, čo chcú. 73 00:04:14,400 --> 00:04:15,400 Môžu čítať tento súbor. 74 00:04:15,400 --> 00:04:16,810 Môžu tento súbor spustiť. 75 00:04:16,810 --> 00:04:18,360 Môžu zapisovať do tohto súboru. 76 00:04:18,360 --> 00:04:23,545 Ale skupina a svet, nie oprávnenie vôbec, OK? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Tak ďalší spôsob, ako napísať, že môžeme robiť chmod z troch číslic, z ktorých každá 79 00:04:32,680 --> 00:04:40,040 zodpovedá to bez ohľadu na sumu, alebo že špecifická skupina, špecifická podmnožina. 80 00:04:40,040 --> 00:04:44,870 Alebo môžeme urobiť naozaj niečo iné. 81 00:04:44,870 --> 00:04:45,590 Vydrž. 82 00:04:45,590 --> 00:04:49,330 Môžeme urobiť niečo s nimi tu. 83 00:04:49,330 --> 00:04:55,615 >> Ako mnohí z vás videli príklad kde to je, chmod a Plus X? 84 00:04:55,615 --> 00:04:58,070 Videli ste, že v prednáške, myslím, že? 85 00:04:58,070 --> 00:05:00,610 Tak znamená všetky. 86 00:05:00,610 --> 00:05:04,990 To znamená, že ho pre všetkých užívateľov, ktorú som zabudol dať sem. 87 00:05:04,990 --> 00:05:08,790 >> Ale navyše x, keby sme Všimnite si tu, ak robíme 88 00:05:08,790 --> 00:05:13,420 na chmod-- čo skupina sme hovorí o plus oprávnenia 89 00:05:13,420 --> 00:05:14,660 chceme dať. 90 00:05:14,660 --> 00:05:16,120 Takže to môže byť plus alebo mínus. 91 00:05:16,120 --> 00:05:17,690 Plus dodáva dovolenia. 92 00:05:17,690 --> 00:05:19,510 Mínus odníma povolenie. 93 00:05:19,510 --> 00:05:22,520 Celkom intuitívne, myslím. 94 00:05:22,520 --> 00:05:25,720 >> Tak a x znamená chmod. 95 00:05:25,720 --> 00:05:32,260 Takže zmeniť povolenia všetkých ľudí Ak je to je-- pridať oprávnenie. 96 00:05:32,260 --> 00:05:37,110 A x-- to znamená, čo povolenie sme udelenie každého. 97 00:05:37,110 --> 00:05:38,510 Čítať, písať, alebo spustiť? 98 00:05:38,510 --> 00:05:39,360 >> Divákov: Spustiť. 99 00:05:39,360 --> 00:05:40,610 >> ALLISON Buchholtz-AU: Spustiť. 100 00:05:40,610 --> 00:05:46,080 Takže dávame všetkým užívateľom povolenie na spustenie tohto súboru, OK? 101 00:05:46,080 --> 00:05:53,370 Takže čo keby sme chceli urobiť že sa číselnej podobe? 102 00:05:53,370 --> 00:05:56,290 Takže pamätajte na numerickej, chceme tri čísla. 103 00:05:56,290 --> 00:05:56,790 >> Divákov: 4. 104 00:05:56,790 --> 00:05:58,290 ALLISON Buchholtz-AU: Čo to bolo? 105 00:05:58,290 --> 00:05:59,260 Divákov: 4. 106 00:05:59,260 --> 00:06:00,426 ALLISON Buchholtz-AU: Nie 4. 107 00:06:00,426 --> 00:06:01,599 Publikum: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 ALLISON Buchholtz-AU: No, chceme dať to všetkým užívateľom, že jo? 109 00:06:04,390 --> 00:06:07,442 Takže budeme mať počet v každej pozícii. 110 00:06:07,442 --> 00:06:09,400 To bude Rovnaký počet v každom slote 111 00:06:09,400 --> 00:06:13,800 pretože my jednoducho chceme dať everyone spustiteľné oprávnenie. 112 00:06:13,800 --> 00:06:16,480 Takže spustiteľný súbor je 1, ale na správnej ceste. 113 00:06:16,480 --> 00:06:23,055 >> Takže keď sme sa chmod 111, ktoré by ako ekvivalent chmod plus x. 114 00:06:23,055 --> 00:06:24,430 Znamená to, že zmysel pre každého? 115 00:06:24,430 --> 00:06:26,910 Chystáme sa prejsť pár príkladov. 116 00:06:26,910 --> 00:06:29,860 >> Tak veľký stánok s jedlom tu je to tu, 117 00:06:29,860 --> 00:06:33,360 ale znamená len to dať všetkým užívateľom. 118 00:06:33,360 --> 00:06:36,610 u je, ak si len chcete dať alebo vziať 119 00:06:36,610 --> 00:06:40,600 zvláštne povolenie od užívateľa alebo vlastníka. 120 00:06:40,600 --> 00:06:43,800 g je pre skupinu, tak, že prostredný číslice. 121 00:06:43,800 --> 00:06:49,440 A potom ďalšie si môžete myslieť ako svet, že posledná číslica. 122 00:06:49,440 --> 00:06:52,840 >> Takže s tým, pôjdeme na príklade, pretože mám pocit, že príklady vždy 123 00:06:52,840 --> 00:06:56,240 aby tieto veci zrozumiteľnejšie. 124 00:06:56,240 --> 00:07:01,240 Takže rwx-- sme prešli tohle-- môže byť tiež predstavovať ako 700. 125 00:07:01,240 --> 00:07:05,070 To je príklad sme sa pozerali na viac obrazu. 126 00:07:05,070 --> 00:07:09,990 Tak chmod 444 na nejakom súboru by sa dať to, čo oprávnenie? 127 00:07:09,990 --> 00:07:11,947 Boli ste naozaj blízko. 128 00:07:11,947 --> 00:07:13,030 Divákov: Čitateľný pre všetky. 129 00:07:13,030 --> 00:07:14,321 ALLISON Buchholtz-AU: čitateľný. 130 00:07:14,321 --> 00:07:15,660 Tak čitateľný pre všetkých, nie? 131 00:07:15,660 --> 00:07:17,910 A čo potom je to iný spôsob, ako to urobiť? 132 00:07:17,910 --> 00:07:23,070 Ak chceme robiť chmod buď r je alebo w je plus a mínusy, 133 00:07:23,070 --> 00:07:25,300 čo by to výzva vyzerať? 134 00:07:25,300 --> 00:07:27,336 Bolo by chmod, čo? 135 00:07:27,336 --> 00:07:28,590 >> Divákov: a r. 136 00:07:28,590 --> 00:07:32,900 >> ALLISON Buchholtz-AU: a r na 5. 137 00:07:32,900 --> 00:07:40,980 OK, takže to je rovnaké ako to, len dva rôzne preklady 138 00:07:40,980 --> 00:07:42,500 o rovnakú vec. 139 00:07:42,500 --> 00:07:45,650 Takže s tým, máme to. 140 00:07:45,650 --> 00:07:50,310 Takže chcem, vy vyskúšať a písať Tento druh v ich opačným spôsobom. 141 00:07:50,310 --> 00:07:53,710 >> Tak s chmod 555, čo by to bolo? 142 00:07:53,710 --> 00:07:56,704 Bude to plus alebo u a alebo ktovie čo ešte? 143 00:07:56,704 --> 00:07:58,370 Pre u Plus X, daj mi tri čísla. 144 00:07:58,370 --> 00:08:03,530 A potom mi povedz, o čom oprávnenia sme vlastne priznanie, a kto? 145 00:08:03,530 --> 00:08:06,600 >> Takže budem vám chalani dva minút, aby sa na tom pracovať. 146 00:08:06,600 --> 00:08:08,160 Neváhajte a hovoriť s každým iný. 147 00:08:08,160 --> 00:08:11,910 Pre tých z vás, ktorí prišli v malom neskoro, je cukrovinky a košele. 148 00:08:11,910 --> 00:08:14,590 Nechali sme tri košele, a máme Kit Kats a kytíc. 149 00:08:14,590 --> 00:08:17,630 Takže neváhajte prísť drapák niektorí v tomto malom medzihra. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Tiež posledný z nich je zložité. 152 00:09:04,440 --> 00:09:06,670 Je to dva chmods za posledný jeden. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 V skutočnosti, dovoľte mi, aby som zavrite tie dvere zatiaľ čo vy ste na tom pracujeme. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Candy je vždy nutné v pondelok popoludní. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, tak chmod 555. 159 00:09:34,756 --> 00:09:36,380 Aký je ďalší spôsob, ako by sme mohli napísať, že? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Nejaké nápady? 162 00:09:41,790 --> 00:09:42,290 Áno. 163 00:09:42,290 --> 00:09:43,280 >> Divákov: a RX. 164 00:09:43,280 --> 00:09:44,613 >> ALLISON Buchholtz-AU: r a RX. 165 00:09:44,613 --> 00:09:47,290 Prajete si vysvetliť, prečo by som sa rx? 166 00:09:47,290 --> 00:09:49,570 >> Divákov: Pretože máte 5, tak to je 4 plus 1, 167 00:09:49,570 --> 00:09:51,734 tak, aby čítal a spustiteľný súbor, a to pre všetky. 168 00:09:51,734 --> 00:09:52,900 ALLISON Buchholtz-AU: Správne. 169 00:09:52,900 --> 00:09:58,540 Takže len zopakovať, 5 tu poznáme ako súčet 4 a 1, 170 00:09:58,540 --> 00:10:04,760 pretože každé číslo v našej trojice je Súčet oprávnenie pre túto podmnožinu, 171 00:10:04,760 --> 00:10:05,260 že jo? 172 00:10:05,260 --> 00:10:07,070 Buď užívateľ, skupina, alebo svet. 173 00:10:07,070 --> 00:10:11,160 Takže v tomto prípade, my vieme, že 5 musí byť vytvorené 4 a 1. 174 00:10:11,160 --> 00:10:15,240 >> A 4 a 1 zodpovedajú čitateľné a spustiteľné. 175 00:10:15,240 --> 00:10:21,717 Dávame ho všetkým, takže môžeme urobiť chmod a navyše RX. 176 00:10:21,717 --> 00:10:24,050 A samozrejme, išli sme tadiaľ otázky, 177 00:10:24,050 --> 00:10:28,810 takže teraz je tento súbor spustiteľný a čitateľný pre všetkých. 178 00:10:28,810 --> 00:10:31,120 >> Takže to, čo o druhej? 179 00:10:31,120 --> 00:10:32,900 Čo by mohlo číslo, že jeden bude? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Nejaké nápady? 182 00:10:37,180 --> 00:10:37,680 Choďte do toho. 183 00:10:37,680 --> 00:10:38,600 >> Divákov: 100 [nepočuteľné]. 184 00:10:38,600 --> 00:10:39,683 >> ALLISON Buchholtz-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Presne tak. 186 00:10:40,270 --> 00:10:42,455 Takže chceš vysvetliť, prečo 100? 187 00:10:42,455 --> 00:10:45,080 Divákov: Vzhľadom k tomu, že je to pre používateľ, takže je to na prvom mieste. 188 00:10:45,080 --> 00:10:47,371 A potom x spustiteľného je 1. 189 00:10:47,371 --> 00:10:48,620 ALLISON Buchholtz-AU: Presne tak. 190 00:10:48,620 --> 00:10:53,120 Tak sme sa udelenia spustiteľný oprávnenia len pre používateľa. 191 00:10:53,120 --> 00:10:55,100 Takže v tomto prípade, by bolo 100. 192 00:10:55,100 --> 00:10:57,570 A ja mám všetky odpovede sa na ďalšiu snímku v prípade, 193 00:10:57,570 --> 00:11:00,060 píšete veľa vecí dole. 194 00:11:00,060 --> 00:11:08,410 >> OK, takže to ďalšie je v skutočnosti vykonáva s dvoma chmods, si to mohol urobiť. 195 00:11:08,410 --> 00:11:11,120 Takže má niekto nejaký nápad, ako by mohol 196 00:11:11,120 --> 00:11:14,150 získať chmod 640 prepísaná v inak? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 Môžete si a potom zmeniť užívateľa môžete zmeniť skupina je moja rada. 199 00:11:22,820 --> 00:11:29,740 >> Takže keď sme boli len zmenou Užívateľ, ktorý je to prvý tu, 200 00:11:29,740 --> 00:11:33,830 čo by mohlo náš hovor bude? 201 00:11:33,830 --> 00:11:36,080 Takže užívateľ u, že jo? 202 00:11:36,080 --> 00:11:38,780 Takže chmod u a čo? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> Divákov: rw. 205 00:11:40,469 --> 00:11:41,510 ALLISON Buchholtz-AU: rw. 206 00:11:41,510 --> 00:11:47,470 Pravdu, pretože čítať a písať, pretože prečítané je 4, w je 2, tie, ktoré spoločne ako suma 6. 207 00:11:47,470 --> 00:11:52,760 Tak sme si chmod u plus RW, a dostaneme náš prvý 6 tam. 208 00:11:52,760 --> 00:11:56,860 >> Takže dostať 4, chceme teraz zmeniť svoje nastavenia skupiny. 209 00:11:56,860 --> 00:12:00,960 Takže budeme robiť chmod g navyše, čo? 210 00:12:00,960 --> 00:12:02,380 Čo je to 4? 211 00:12:02,380 --> 00:12:03,040 >> Divákov: r. 212 00:12:03,040 --> 00:12:04,040 ALLISON Buchholtz-AU: r. 213 00:12:04,040 --> 00:12:05,070 Presne tak. 214 00:12:05,070 --> 00:12:09,140 Takže dávame majiteľa čítať a písať oprávnenia 215 00:12:09,140 --> 00:12:13,141 a dávame skupine Čítať oprávnenie, ktoré máme všetci tu. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> Divákov: Ak môžete niečo napísať, z toho nevyplýva, môžete ju vykonať? 218 00:12:17,740 --> 00:12:20,700 >> ALLISON Buchholtz-AU: Vy Môžete písať na something-- 219 00:12:20,700 --> 00:12:22,900 Neverím, že to znamená, môžete ju vykonať. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 V pohode. 222 00:12:26,450 --> 00:12:29,620 Tak to je všetko, čo sme práve prešli. 223 00:12:29,620 --> 00:12:33,075 Takže na tento ďalší, je to tak nejako bežné prípady 224 00:12:33,075 --> 00:12:35,200 ktoré chcete mať na myseľ nastaviť váš problém. 225 00:12:35,200 --> 00:12:39,800 Jedná sa typicky o oprávnení že chceme použiť. 226 00:12:39,800 --> 00:12:44,900 >> Takže pre 711, ktorý dáva nás, samozrejme, užívateľ 227 00:12:44,900 --> 00:12:47,720 všetky oprávnenia, ktoré má tendenciu dávať zmysel. 228 00:12:47,720 --> 00:12:51,920 A potom je to uskutočniteľné skupinou na svete, ktorý dáva zmysel 229 00:12:51,920 --> 00:12:56,150 ak máte nejaké adresáre, chcú mať možnosť prechádzať do neho. 230 00:12:56,150 --> 00:12:58,160 Ľudia potrebujú mať prístup. 231 00:12:58,160 --> 00:13:04,680 >> Pre každý súbor non-PHP, budete používať 644, ktoré by robiť to, čo? 232 00:13:04,680 --> 00:13:07,560 Čo to znamenalo, alebo čo oprávnenie sa to dá? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Takže majiteľ môže čo? 235 00:13:14,409 --> 00:13:15,450 Divákov: čítať a písať. 236 00:13:15,450 --> 00:13:16,991 ALLISON Buchholtz-AU: čítať a písať. 237 00:13:16,991 --> 00:13:21,560 A potom skupina a ďalšie môžete len čítať, že jo? 238 00:13:21,560 --> 00:13:25,660 A potom chmod 600 pre akýkoľvek PHP súbory, ktoré používajú, 239 00:13:25,660 --> 00:13:27,980 váš majiteľ, znova, môže čítať a zapisovať do nej 240 00:13:27,980 --> 00:13:32,310 ale všetci ostatní sú tak nejako zaslepiť. 241 00:13:32,310 --> 00:13:34,540 >> Takže to bude v skutočnosti byť užitočné, keď 242 00:13:34,540 --> 00:13:37,700 sa dostanete do problému nastaviť budúci týždeň, kedy 243 00:13:37,700 --> 00:13:40,290 ste vlastne budovanie internetové stránky. 244 00:13:40,290 --> 00:13:43,100 Takže ak ste sa niekedy dostanete do nejaké divné správanie 245 00:13:43,100 --> 00:13:45,970 kde to nie je načítanie správne, možno vás 246 00:13:45,970 --> 00:13:50,670 je potrebné pridať spustiteľný súbor povolenie, alebo možno budete potrebovať čítať 247 00:13:50,670 --> 00:13:52,990 alebo píšte dovolenia. 248 00:13:52,990 --> 00:13:56,980 Maličkosti, ktoré majú tendenciu k vypnutiu ľudí up, ale je to niečo ako GO- 249 00:13:56,980 --> 00:13:58,564 pri spustení budúci týždeň pset. 250 00:13:58,564 --> 00:14:00,730 A ja by som vám dať viac tipy na tento týždeň pset, 251 00:14:00,730 --> 00:14:05,010 ale ešte som sa na to pozrieť, pretože to bol prepustený dnes ráno. 252 00:14:05,010 --> 00:14:10,600 Ale vy ste ma e-mail, budem sa pozrel na to v čase, keď som sa reagovať zajtra. 253 00:14:10,600 --> 00:14:14,310 >> Takže teraz, je každý dobrý s chmod? 254 00:14:14,310 --> 00:14:16,040 Akékoľvek pretrvávajúce otázky? 255 00:14:16,040 --> 00:14:17,240 Celkom jednoduché. 256 00:14:17,240 --> 00:14:20,620 Tak nejako sledovanie toho, čo čítať, písať a spúšťať čísla 257 00:14:20,620 --> 00:14:23,660 je asi tá najťažšia časť. 258 00:14:23,660 --> 00:14:29,620 >> Tak s TCP / IP, všetky tieto protokoly, niečo ako so svojimi dátovými štruktúrami 259 00:14:29,620 --> 00:14:31,990 minulý týždeň, je to oveľa viac dôležité, aby druh dostať 260 00:14:31,990 --> 00:14:33,900 vyššiu úroveň intuície z nich. 261 00:14:33,900 --> 00:14:37,390 To nie je CS143, kam ideme vás požiadať, aby ste realizovať sieť, 262 00:14:37,390 --> 00:14:39,870 takže budete mať v poriadku, ak ty to nechápeš 263 00:14:39,870 --> 00:14:42,900 natvrdlý kostrbata všetkých protokolov. 264 00:14:42,900 --> 00:14:46,050 Čo je dôležité pochopiť, niečo ako to, čo predstavujú 265 00:14:46,050 --> 00:14:47,300 a prečo sú dôležité. 266 00:14:47,300 --> 00:14:52,320 >> Takže TCP / IP, samozrejme, že je Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 alebo Internet Protocol, čo je v podstate len o súbor zákonov v podstate 268 00:14:57,270 --> 00:15:00,800 alebo normy, ktoré oznámiť údaje ako by mali byť riešené, 269 00:15:00,800 --> 00:15:04,900 ako by malo byť paketizovaný, prenášané a prijímané. 270 00:15:04,900 --> 00:15:09,200 Takže to v podstate, rovnako ako Píše sa tu, zvyšuje šanca 271 00:15:09,200 --> 00:15:12,950 že údaje získava, kde Chcete sa dostať do. 272 00:15:12,950 --> 00:15:15,950 >> Som si istý, či vy išiel do prednáška alebo sledoval on-line, 273 00:15:15,950 --> 00:15:18,232 on has-- neviem keby to urobil v tomto roku, 274 00:15:18,232 --> 00:15:20,940 ale viem, že v minulom roku, mal demo, kde mal obraz Rob 275 00:15:20,940 --> 00:15:23,320 a rozdelil ju do štyri a vložte ho do obálky 276 00:15:23,320 --> 00:15:26,590 a snažil sa ho cez Sanders. 277 00:15:26,590 --> 00:15:29,430 A môžete druh myslieť na to takto. 278 00:15:29,430 --> 00:15:35,400 Je to len súbor pravidiel, ktoré povedzte údaje, ako sa dostať niekam 279 00:15:35,400 --> 00:15:37,640 a umožňuje zistiť, či vám chýbajú údaje, 280 00:15:37,640 --> 00:15:40,460 rovnakým spôsobom, že ak ste pričom viac stránok poznámok 281 00:15:40,460 --> 00:15:46,490 a označiť ich s strane 104, strana 204, a idete späť študovať neskôr 282 00:15:46,490 --> 00:15:50,220 a že vám niečo chýba something-- nemôžete nájsť stránku 304-- viete 283 00:15:50,220 --> 00:15:53,310 niečo nie je v poriadku, tak vás môžete prezrieť svoje poznámky 284 00:15:53,310 --> 00:15:58,666 znova, alebo požiadajte niekoho, aby vám znovu odoslať skriptá od tohto dňa. 285 00:15:58,666 --> 00:16:00,290 Rovnako ako s údajmi na internete. 286 00:16:00,290 --> 00:16:03,220 Ak sa pýtam na niečo z nejakého servera 287 00:16:03,220 --> 00:16:05,377 a je potrebné odoslať to v množstve paketov, 288 00:16:05,377 --> 00:16:07,210 pravdepodobne bude číslo je nejakým spôsobom, či 289 00:16:07,210 --> 00:16:12,430 mi vedieť, koľko by som mal dostať, a povedz mi, oh, to je jedna z 10 290 00:16:12,430 --> 00:16:13,990 alebo sa jedná o jeden z 10.000. 291 00:16:13,990 --> 00:16:17,030 Týmto spôsobom, keď idem k zostaveniu všetky kúsky dohromady, 292 00:16:17,030 --> 00:16:21,504 Viem, že keď sa niečo chýba a ja som sa spýtať na to znova. 293 00:16:21,504 --> 00:16:22,730 Dáva to zmysel? 294 00:16:22,730 --> 00:16:23,610 Len súbor pravidiel. 295 00:16:23,610 --> 00:16:28,120 Na jeho základe nastavenia pravidiel, OK? 296 00:16:28,120 --> 00:16:31,360 >> Tak sme tiež hovorili Niečo málo o porty. 297 00:16:31,360 --> 00:16:36,150 To je naozaj len štandard, ktorý umožňuje zistiť, aký typ dát 298 00:16:36,150 --> 00:16:38,650 je prenášaný v týchto paketoch. 299 00:16:38,650 --> 00:16:40,790 Ak pôjdeme s našou obálka príklad, my nie 300 00:16:40,790 --> 00:16:43,510 viem, že je to obrázok Rob tam, ak sa nám to napísať 301 00:16:43,510 --> 00:16:45,480 na vonkajšej strane nášho obálky. 302 00:16:45,480 --> 00:16:47,100 Takže porty sú v podstate to isté. 303 00:16:47,100 --> 00:16:51,670 Je to len spôsob, ako zistiť, čo typ dát je prenášaný. 304 00:16:51,670 --> 00:16:56,260 >> Takže máme všetky najbežnejšie tu. 305 00:16:56,260 --> 00:16:59,790 Takže 21-- sú to tiež druh ako sa dobré veci vedieť. 306 00:16:59,790 --> 00:17:01,560 Je to druh ľahko kvíz otázku. 307 00:17:01,560 --> 00:17:03,590 Buď rád, čo port 80 robiť? 308 00:17:03,590 --> 00:17:06,970 Alebo, čo port 443 robiť? 309 00:17:06,970 --> 00:17:09,359 Tak dobré veci vedieť. 310 00:17:09,359 --> 00:17:12,569 >> Takže máme tu, 21 súborov transfer protocol, tak len 311 00:17:12,569 --> 00:17:15,050 pravidlá, ktorými sa riadi prenos súborov. 312 00:17:15,050 --> 00:17:19,550 25, niečo, čo my všetci používať príliš veľa, je e-mail. 313 00:17:19,550 --> 00:17:22,790 53 je názov domény systém, ktorý je v podstate 314 00:17:22,790 --> 00:17:26,910 len druh vyhľadávania pre IP adresa doménového mena. 315 00:17:26,910 --> 00:17:29,900 >> Tak som si celkom istý, že to bolo sú uvedené v prednáške, ak máte 316 00:17:29,900 --> 00:17:33,960 prejsť na niečo ako google.com, má IP adresu 317 00:17:33,960 --> 00:17:35,818 že je s ním spojené. 318 00:17:35,818 --> 00:17:37,026 Nie je to vlastne google.com. 319 00:17:37,026 --> 00:17:40,720 A tak 53 je port že v skutočnosti sa 320 00:17:40,720 --> 00:17:44,050 starostlivosť o druhu jeho preklad do tej IP adresu pre vás. 321 00:17:44,050 --> 00:17:47,830 A potom 80 a 443 sú veľmi časté. 322 00:17:47,830 --> 00:17:50,710 Buď máte svoje webové stránky, alebo máte zabezpečené webové stránky, 323 00:17:50,710 --> 00:17:56,100 ktoré veľa webových stránkach sú prenos cez dodnes. 324 00:17:56,100 --> 00:18:02,540 >> Tak to je celkom na vysokej úrovni prehľad prenosu protokolu. 325 00:18:02,540 --> 00:18:05,170 Nevidím oveľa viac do hĺbky. 326 00:18:05,170 --> 00:18:07,320 Je to druh super veci ak máte záujem. 327 00:18:07,320 --> 00:18:08,590 Je tu veľa zdrojov. 328 00:18:08,590 --> 00:18:10,780 Wikipedia je v skutočnosti celkom dobrá stránka. 329 00:18:10,780 --> 00:18:13,850 Tak som sa na to pozerať pred chvíľou, 330 00:18:13,850 --> 00:18:16,580 tak by som vrelo odporúčam pri pohľade na to, ak máte záujem 331 00:18:16,580 --> 00:18:22,160 alebo vziať 143 do dvoch rokov, pretože Myslím, že je každý druhý rok. 332 00:18:22,160 --> 00:18:27,590 >> Takže na konci tohto, sme hovorí o webových stránkach a HTTP, 333 00:18:27,590 --> 00:18:33,790 čo je vlastne naša ďalšia téma dnes, než pôjdeme do HTML a CSS 334 00:18:33,790 --> 00:18:37,920 a môžete skutočne kód do webovej stránky. 335 00:18:37,920 --> 00:18:38,650 Bude to zábava. 336 00:18:38,650 --> 00:18:42,220 Budeme mať fotky zajačikovia a to bude skvelé. 337 00:18:42,220 --> 00:18:48,630 >> Takže HTTP, ako môžete vidieť tu, je jedným z krásnych skratky 338 00:18:48,630 --> 00:18:53,220 pre tento týždeň, čo je Hypertext Transfer Protocol. 339 00:18:53,220 --> 00:18:57,940 Takže znovu, je to len ďalšia sada pravidiel, ktoré 340 00:18:57,940 --> 00:19:01,440 určuje, hypertext previesť, v tomto prípade. 341 00:19:01,440 --> 00:19:04,120 Takže najlepší spôsob, ako zistiť o to je len druh 342 00:19:04,120 --> 00:19:07,650 rozobrať to do táto jednotlivé slová 343 00:19:07,650 --> 00:19:10,770 pretože tam je veľa slová na obrazovke tam. 344 00:19:10,770 --> 00:19:13,290 >> Takže budeme začínať hypertextu. 345 00:19:13,290 --> 00:19:17,630 Takže "hyper", si môžete myslieť "Nad", rovnako ako super-typ vec. 346 00:19:17,630 --> 00:19:24,615 Takže je to naozaj len Text prevzatý do ďalšiu úroveň, takže je to ako super textu, 347 00:19:24,615 --> 00:19:27,850 ako ďalšom texte. 348 00:19:27,850 --> 00:19:34,890 Takže je to v podstate len text, ktorý nám dáva 349 00:19:34,890 --> 00:19:37,490 viac informácií, než normálny text robí, OK? 350 00:19:37,490 --> 00:19:40,510 >> Takže v tomto prípade tu, to je hypertext. 351 00:19:40,510 --> 00:19:45,710 To nám hovorí, že máme nejaký odkaz, ktorý budeme, 352 00:19:45,710 --> 00:19:49,620 ktorý je cs50.net, ktorý Teraz je cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Tieto snímky sú trochu starý. 354 00:19:51,420 --> 00:19:55,330 A to bude zobrazovať to, pretože to, ako hypertextový odkaz, 355 00:19:55,330 --> 00:19:58,140 a potom naozaj cool webové stránky. 356 00:19:58,140 --> 00:20:02,080 >> Takže je to text, ktorý je trochu bit naozaj skvelých vecí tam. 357 00:20:02,080 --> 00:20:08,170 Takže môžete spojiť veci a môžete vkladanie obrázkov a môžete štýl veci. 358 00:20:08,170 --> 00:20:11,740 A najznámejší vec, ktorá vás chlapci majú pravdepodobne s hypertextu 359 00:20:11,740 --> 00:20:19,100 je HyperText Markup Language, HTML, čo je samozrejme všetko webe 360 00:20:19,100 --> 00:20:23,080 ktoré vidíme okolo nás, udelil s nejakým štýlom CSS hádzať. 361 00:20:23,080 --> 00:20:25,580 >> Ale ak bol niekto naozaj veľký s MySpace, 362 00:20:25,580 --> 00:20:28,240 Som si istý, že všetci používali HTML po celú dobu k vytvoreniu 363 00:20:28,240 --> 00:20:30,640 tie perfektné profily, nie? 364 00:20:30,640 --> 00:20:34,930 Mám pocit, že by mohol byť zastarané referencie teraz, ale čo. 365 00:20:34,930 --> 00:20:37,780 Len little-- vy nie sú tak oveľa mladšie. 366 00:20:37,780 --> 00:20:40,480 Niektorí z vás sú starší ako ja. 367 00:20:40,480 --> 00:20:42,480 MySpace je stále vec, keď som bol mladý. 368 00:20:42,480 --> 00:20:44,510 Nie som tak starý. 369 00:20:44,510 --> 00:20:49,265 >> Tak ako tak, HTML len forma hypertextu. 370 00:20:49,265 --> 00:20:55,640 Takže hypertext je len Text s pridanými funkciami. 371 00:20:55,640 --> 00:21:01,790 Takže transfer protocol je pravdepodobne viac ošemetná vec vysvetliť. 372 00:21:01,790 --> 00:21:04,870 Je zrejmé, transfer-- len prenos dát. 373 00:21:04,870 --> 00:21:09,370 Takže buď medzi klientom, ako Váš web brat a server. 374 00:21:09,370 --> 00:21:12,090 Takže v podstate len spôsob, ako internet funguje. 375 00:21:12,090 --> 00:21:16,339 >> Tak presné žiadosť ako tieto práce sme 376 00:21:16,339 --> 00:21:18,755 v skutočnosti bude vyzerať na napríklad požiadavka i odpoveď. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Ale ako sme sa požiadať Informácie zo servera 379 00:21:25,220 --> 00:21:30,590 a ako server reaguje na nás čo tento prenosový protokol upravuje. 380 00:21:30,590 --> 00:21:35,320 Takže požiadavka a odpoveď má sledovať tieto konkrétny súbor pravidiel. 381 00:21:35,320 --> 00:21:38,340 Je štandardizovaný, takže bez ohľadu na to kam pomocou internetu, 382 00:21:38,340 --> 00:21:40,720 vždy funguje rovnako, OK? 383 00:21:40,720 --> 00:21:43,220 >> Opäť platí, že protokol, súbor pravidiel. 384 00:21:43,220 --> 00:21:45,620 Je to proste normálne interakcie rovnakým spôsobom 385 00:21:45,620 --> 00:21:49,500 že profesor Malan hovorí o tom, ak niekto rozširuje svoju ruku, 386 00:21:49,500 --> 00:21:52,880 viete, že je to bežné zdvorilosti osloviť vaše von a pretrepte ruky. 387 00:21:52,880 --> 00:21:54,580 Je to protokol, nie? 388 00:21:54,580 --> 00:21:59,060 >> Tak som dať nejaké štandardizované žiadosti, ktorý chcem potriasť rukou, 389 00:21:59,060 --> 00:22:01,975 a dáš nejaké štandardizované odpoveď, ktorá je buď nie, vďaka 390 00:22:01,975 --> 00:22:04,600 alebo môžete skúsiť a zavrtím ručné alebo možno budete snažiť 391 00:22:04,600 --> 00:22:06,490 a päsť bump ma. 392 00:22:06,490 --> 00:22:08,320 A my nemáme protokol za to. 393 00:22:08,320 --> 00:22:09,360 To sa pokazí. 394 00:22:09,360 --> 00:22:12,030 Ale ak každý nasledujúci Rovnaký protokol, samozrejme, 395 00:22:12,030 --> 00:22:14,250 to ide oveľa viac problémov. 396 00:22:14,250 --> 00:22:15,590 Ľudia sa navzájom spoznať. 397 00:22:15,590 --> 00:22:16,830 Všetci sú šťastní. 398 00:22:16,830 --> 00:22:20,750 >> Tak vo svete internetu, všetci sa riadi rovnakými rules-- 399 00:22:20,750 --> 00:22:22,940 o niečo lepšie ako sociálne normy. 400 00:22:22,940 --> 00:22:26,950 Ale s tým sa pozrieme za žiadosť tu napr. 401 00:22:26,950 --> 00:22:30,020 Takže tam je to málo Kľúčom je tu na dne 402 00:22:30,020 --> 00:22:34,990 ktoré vám povie, rôzne farby, to, čo má na mysli. 403 00:22:34,990 --> 00:22:38,290 >> Takže biela je rovnako ako metódu Žiadosť a protokol version-- 404 00:22:38,290 --> 00:22:42,400 to požiadajú metóda verzie. 405 00:22:42,400 --> 00:22:44,630 A potom je nejaký názov poľa a hodnota 406 00:22:44,630 --> 00:22:47,630 z tejto oblasti, ktoré bude ísť do veľmi, veľmi skoro. 407 00:22:47,630 --> 00:22:49,840 Takže táto požiadavka je príkladom. 408 00:22:49,840 --> 00:22:54,470 To je ako ja rozšírenie von, chce, aby som sa predstavil. 409 00:22:54,470 --> 00:22:58,507 >> To je to, čo klient alebo to, čo váš webový prehliadač 410 00:22:58,507 --> 00:22:59,840 bude odoslanie na server. 411 00:22:59,840 --> 00:23:04,500 Tak to je požiadavka GET, takže je to žiadať o niečo, čo zo servera. 412 00:23:04,500 --> 00:23:09,690 A to je, samozrejme, HTTP a to je verzia 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Takže zvyšok toto je to, čo nazývame hlavičky, a jeho ďalšie informácie 414 00:23:16,060 --> 00:23:20,050 ktoré nám dáva lepšiu predstavu o tom, to, čo sme vlastne žiadajú, 415 00:23:20,050 --> 00:23:23,190 alebo informácie, ktoré chceme dať server, ktoré by mohli byť relevantné. 416 00:23:23,190 --> 00:23:32,880 Takže User-Agent dáva viac Popis on-- napríklad tu, 417 00:23:32,880 --> 00:23:38,720 curl / 7.24.0 je vlastne povie server, ktorý sme pomocou Google 418 00:23:38,720 --> 00:23:40,700 Chrome ako náš prehliadači. 419 00:23:40,700 --> 00:23:43,290 Takže ak ste niekedy počul o ľuďoch, ktorí hovoria 420 00:23:43,290 --> 00:23:48,160 o to, aby aplikácia reagovať na viac prehliadačov, 421 00:23:48,160 --> 00:23:50,330 To je niečo, čo by sa preto použiť, ak 422 00:23:50,330 --> 00:23:53,000 Neviem, čo prehliadač požiadavka prichádza z, 423 00:23:53,000 --> 00:23:55,050 nemôžete prispôsobiť dáta na to. 424 00:23:55,050 --> 00:23:57,690 Takže v tomto prípade užívateľ práve dáva tento druh 425 00:23:57,690 --> 00:24:01,030 z identifikačných údajov o tom, čo prehliadač 426 00:24:01,030 --> 00:24:06,510 Vaše užívateľské práve používa, OK? 427 00:24:06,510 --> 00:24:11,640 >> Takže máme veľa, čo je kde sme vlastne chcú ísť. 428 00:24:11,640 --> 00:24:15,280 V tomto prípade, chceme ísť do apple.com, kúpiť nejaké cool nové iPady 429 00:24:15,280 --> 00:24:19,540 alebo tak niečo, možno roztomilý svetla na našich koľaji izby. 430 00:24:19,540 --> 00:24:24,900 A názov hodnoty na konci je len plnivo, len všeobecne vec 431 00:24:24,900 --> 00:24:25,760 pre vás vidieť. 432 00:24:25,760 --> 00:24:28,240 To nie je v skutočnosti odpovedajú na čokoľvek tu. 433 00:24:28,240 --> 00:24:32,360 >> Takže môžete mať toľko, alebo ako málo, ako chcete, v každom prípade. 434 00:24:32,360 --> 00:24:36,990 Väčšinu času, to sú nepovinné. 435 00:24:36,990 --> 00:24:41,780 Záleží len na tom, čo musíte v prehliadači, 436 00:24:41,780 --> 00:24:45,120 od užívateľa, aby sa správne dať požiadavku. 437 00:24:45,120 --> 00:24:48,970 Alebo to závisí na tom, aké sú vaše užívateľa v skutočnosti sa chce, aby sa na server. 438 00:24:48,970 --> 00:24:54,550 Takže budete mať veľa, veľa tieto názvy polí hlavičky 439 00:24:54,550 --> 00:24:57,140 alebo môžete mať len pár. 440 00:24:57,140 --> 00:24:59,630 Rovnako ako u mnohých vecí Povedal som v tejto časti, 441 00:24:59,630 --> 00:25:03,590 to naozaj záleží na kontextu o tom, ako používate túto. 442 00:25:03,590 --> 00:25:06,810 >> Takže to má zmysel pre každého? 443 00:25:06,810 --> 00:25:11,463 To je len príklad žiadosť, hlavičky, ktovie čo ešte. 444 00:25:11,463 --> 00:25:16,910 OK, takže s tým máme nejaké odpovede. 445 00:25:16,910 --> 00:25:20,510 >> Opäť máme stavový kód, protokol verzie, a potom názov poľa a poľa 446 00:25:20,510 --> 00:25:21,700 cení ako vždy. 447 00:25:21,700 --> 00:25:25,500 Takže náš protokol verzie a náš stavový kód 200. 448 00:25:25,500 --> 00:25:28,610 OK, čo znamená, že, Áno, všetko išlo dobre. 449 00:25:28,610 --> 00:25:30,230 Tu je to, čo chcete. 450 00:25:30,230 --> 00:25:33,750 >> Typ servera, obsah type-- nám hovorí, OK, ty si 451 00:25:33,750 --> 00:25:37,210 dostane nejaký text HTML. 452 00:25:37,210 --> 00:25:40,520 Tu je dĺžka a to tu je Čo by ste mali urobiť s pripojením. 453 00:25:40,520 --> 00:25:43,004 OK, tak ešte raz, v závislosti na dáta, ktoré sú 454 00:25:43,004 --> 00:25:45,670 žiada, v závislosti na tom, čo Server sa chce vrátiť k vám, 455 00:25:45,670 --> 00:25:49,440 môžete mať viacero pole mená, môžete mať menej. 456 00:25:49,440 --> 00:25:53,950 Závisí úplne kontext. 457 00:25:53,950 --> 00:25:56,650 >> A pokiaľ ide o tento štatút kód tu, samozrejme, 458 00:25:56,650 --> 00:25:59,590 200 nie je jediný by ste mohli mať, nie? 459 00:25:59,590 --> 00:26:01,580 Máme veľa stavových kódov. 460 00:26:01,580 --> 00:26:06,120 Pamätá si niekto niektorý z iní, že sme sa zmienili v prednáške? 461 00:26:06,120 --> 00:26:08,310 Mnoho z nich začínajú 4. 462 00:26:08,310 --> 00:26:09,680 >> Divákov: 404. 463 00:26:09,680 --> 00:26:11,310 >> ALLISON Buchholtz-AU: 404, ktorý je? 464 00:26:11,310 --> 00:26:12,140 >> Divákov: Súbor nebol nájdený? 465 00:26:12,140 --> 00:26:13,250 >> ALLISON Buchholtz-AU: Súbor nenájdený. 466 00:26:13,250 --> 00:26:14,120 Presne tak. 467 00:26:14,120 --> 00:26:15,587 A čo 403? 468 00:26:15,587 --> 00:26:16,420 Divákov: Forbidden. 469 00:26:16,420 --> 00:26:17,120 ALLISON Buchholtz-AU: Forbidden. 470 00:26:17,120 --> 00:26:18,695 Tak čo si myslíte to znamená, že s chmods? 471 00:26:18,695 --> 00:26:20,890 >> Divákov: To znamená, že vás Nemáte oprávnenie si ho prečítať. 472 00:26:20,890 --> 00:26:22,400 >> ALLISON Buchholtz-AU: Presne tak. 473 00:26:22,400 --> 00:26:25,190 Nejakým spôsobom, že nemáte povolenie na prístup k nim, nie? 474 00:26:25,190 --> 00:26:27,242 Takže 404, 403. 475 00:26:27,242 --> 00:26:28,950 Tam je naozaj na smiech ten, ktorý vždy 476 00:26:28,950 --> 00:26:31,116 predstaviť každý rok, Mal som dať sem, 477 00:26:31,116 --> 00:26:33,370 ako 413, čo je, že som kanvice. 478 00:26:33,370 --> 00:26:34,390 Môžete google to. 479 00:26:34,390 --> 00:26:38,490 Je to smiešne, ako, že je kód 413 a to, že som kanvice. 480 00:26:38,490 --> 00:26:41,240 Čo neviem, prečo by ste kedy je potrebné, aby na internete, 481 00:26:41,240 --> 00:26:42,935 ale to som odbočil. 482 00:26:42,935 --> 00:26:44,310 Divákov: Možno, že ste kanvica na čaj. 483 00:26:44,310 --> 00:26:46,476 ALLISON Buchholtz-AU: Možno server je kanvica na čaj. 484 00:26:46,476 --> 00:26:47,890 Kto vie? 485 00:26:47,890 --> 00:26:51,840 Dobre, tak sa chystáme prechod do reálneho kódovania. 486 00:26:51,840 --> 00:26:54,750 Mám pocit, že vy sa chystáte odtiaľto pekne rýchlo. 487 00:26:54,750 --> 00:26:56,940 >> Divákov: Prečo to robí hovoriť "server: dvakrát? 488 00:26:56,940 --> 00:26:57,981 >> ALLISON Buchholtz-AU: Hm? 489 00:26:57,981 --> 00:27:00,350 Server dvakrát? 490 00:27:00,350 --> 00:27:03,750 To je dobrá otázka. 491 00:27:03,750 --> 00:27:04,630 Nie som si istý. 492 00:27:04,630 --> 00:27:07,520 Zistím, a Ja vám e-mail všetkým. 493 00:27:07,520 --> 00:27:11,410 >> OK, akékoľvek ďalšie otázky, ktoré vedľa? 494 00:27:11,410 --> 00:27:12,310 Dobré? 495 00:27:12,310 --> 00:27:14,390 V pohode. 496 00:27:14,390 --> 00:27:17,280 >> HTML a CSS, a teraz sme dostať do všetkých zábavných častí. 497 00:27:17,280 --> 00:27:21,697 Tak ako som sa zmienil predtým, HTML je pravdepodobne jedna z vecí, 498 00:27:21,697 --> 00:27:23,030 vy ste najviac oboznámení s. 499 00:27:23,030 --> 00:27:25,760 Takže máme HyperText Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> Najlepší spôsob, ako sa dozvedieť tohle-- vôbec sa mi nepáči nejaké pripravené zábery alebo tak niečo 501 00:27:29,900 --> 00:27:31,480 pre vás s HTML. 502 00:27:31,480 --> 00:27:33,640 Je to naozaj o učenie syntaxe. 503 00:27:33,640 --> 00:27:38,380 A ak ste boli na MySpace deň, mali by ste to dole. 504 00:27:38,380 --> 00:27:42,790 >> Takže naozaj, najväčšia vec je len cvičiť a experimentovať. 505 00:27:42,790 --> 00:27:48,000 Jeden z najväčších zdrojov by som Dôrazne odporúčame používať ich W3Schools. 506 00:27:48,000 --> 00:27:50,620 Takže len W, 3 a potom školy. 507 00:27:50,620 --> 00:27:54,810 Majú veľa zdroje na HTML, CSS na, 508 00:27:54,810 --> 00:27:58,970 a oni vlastne majú split screen niečo také 509 00:27:58,970 --> 00:28:00,830 kde vám dám príklad kódu. 510 00:28:00,830 --> 00:28:03,290 Môžete si hrať s tým, ju zmeniť, a stlačte tlačidlo Aktualizovať, 511 00:28:03,290 --> 00:28:06,410 a ukážem ti, čo ju vlastne robí na webovú stránku. 512 00:28:06,410 --> 00:28:08,380 >> Takže by som veľmi odporúčame používať to. 513 00:28:08,380 --> 00:28:11,300 Je to celkom v pohode. 514 00:28:11,300 --> 00:28:14,560 Nebudete mať seg chyby tu, keď sa niečo pokazí. 515 00:28:14,560 --> 00:28:16,430 Ak sa vám podarí dostať chyba seg s HTML, 516 00:28:16,430 --> 00:28:19,446 dajte mi vedieť, pretože som bude skutočný zaujalo. 517 00:28:19,446 --> 00:28:21,570 Ale je to preto, že naozaj cool môžete zmeniť veci, 518 00:28:21,570 --> 00:28:23,550 môžete vidieť, ako aktualizovať žiť. 519 00:28:23,550 --> 00:28:26,210 A myslím, že budete mať veľa viac intuitívne pochopenie HTML 520 00:28:26,210 --> 00:28:28,690 ak ste skutočne len stráviť nejaký čas s ním experimentovať. 521 00:28:28,690 --> 00:28:32,590 Takže to je dôvod, prečo som povedal, praxe a experiment. 522 00:28:32,590 --> 00:28:34,490 >> Google, odtiaľ na out, bude pravdepodobne 523 00:28:34,490 --> 00:28:36,440 jeden z vašich najlepších zdrojov a priateľmi. 524 00:28:36,440 --> 00:28:41,080 Alebo Bing-- Pracujem v spoločnosti Microsoft, takže možno by som mal povedať Bing. 525 00:28:41,080 --> 00:28:45,590 Ale čokoľvek Je len bude syntax, 526 00:28:45,590 --> 00:28:51,300 tak pochopenie toho, čo sú tagy, understanding-- aspoň CSS-- 527 00:28:51,300 --> 00:28:53,360 ako zmeniť niektoré atribúty. 528 00:28:53,360 --> 00:28:55,300 Bude to mimoriadne užitočné. 529 00:28:55,300 --> 00:28:58,852 >> Takže aj keď sme nie nejaké pripravené veci, 530 00:28:58,852 --> 00:29:02,060 Máme takú niektorých osvedčených postupov že chceme vy vyskúšať a riadiť 531 00:29:02,060 --> 00:29:06,640 by-- alebo skôr, mali by ste dodržiavať až do ďalšieho oznámenia. 532 00:29:06,640 --> 00:29:09,722 Takže uzavrieť všetky svoje značky. 533 00:29:09,722 --> 00:29:12,930 Dúfajme, že všetci has-- viete, čo, ak to nemá zmysel teraz, 534 00:29:12,930 --> 00:29:15,388 Sľubujem, že to bude mať zmysel keď sme kódovanie na stránku. 535 00:29:15,388 --> 00:29:16,680 Ale zatvoriť všetky svoje značky. 536 00:29:16,680 --> 00:29:20,410 Takže ak budete mať nejaké záhlavie, ktoré je držiak, 537 00:29:20,410 --> 00:29:24,180 H1, držiak, uistite sa, že vždy, keď budete hotoví s tým, 538 00:29:24,180 --> 00:29:26,570 zatvorte tento nadpis. 539 00:29:26,570 --> 00:29:30,260 Overenie stránku W3 Validator. 540 00:29:30,260 --> 00:29:34,689 Ak nechcete ukončiť svoje značky, môžete dostať neočakávané správanie. 541 00:29:34,689 --> 00:29:37,730 Bude tvrdiť, že vaša stránka je neplatná ak sa ho spustiť prostredníctvom tohto validátoru. 542 00:29:37,730 --> 00:29:41,000 Takže keď v doubt-- a najmä na tento týždeň a budúci týždeň je 543 00:29:41,000 --> 00:29:46,220 pset-- rovnakým spôsobom, že sa pýtame použiť skontrolovať 50 a typ 50, 544 00:29:46,220 --> 00:29:49,130 by ste mohli myslieť na to, ako jeden z vašich kontrol, OK? 545 00:29:49,130 --> 00:29:51,950 >> Takže ak to neprejde W3 Validator. 546 00:29:51,950 --> 00:29:53,810 To je niečo, čo sme sa zájsť vás. 547 00:29:53,810 --> 00:29:55,960 Alebo Hovorím vám pravdu teraz budem ukotviť vás. 548 00:29:55,960 --> 00:29:58,202 Takže uistite sa, že potvrdzuje. 549 00:29:58,202 --> 00:29:58,785 Nie je to ťažké. 550 00:29:58,785 --> 00:30:01,530 Len vložíte do kódu a bude to buď povedať dobrú prácu 551 00:30:01,530 --> 00:30:03,630 alebo vám chýba niečo rovnakým spôsobom 552 00:30:03,630 --> 00:30:07,760 že štýl 50 vám povie, kam poplietol. 553 00:30:07,760 --> 00:30:11,360 >> A potom posledná vec ich chcete oddeliť 554 00:30:11,360 --> 00:30:15,980 Váš značenie, čo je všetko, čo HTML alebo text, a váš štýl. 555 00:30:15,980 --> 00:30:19,420 Takže urobíme príklad tohto práva po tomto. 556 00:30:19,420 --> 00:30:21,830 Tak HTML a CSS by mali byť oddelené. 557 00:30:21,830 --> 00:30:26,030 A budeme hovoriť o MVC, ktorý je Model View Controller, 558 00:30:26,030 --> 00:30:27,100 budúci týždeň. 559 00:30:27,100 --> 00:30:29,360 Vy by ste asi dozvedieť sa o tom v prednáške 560 00:30:29,360 --> 00:30:32,130 Zajtra, ak ste mali to už dnes naučila. 561 00:30:32,130 --> 00:30:34,250 >> A je to len trochu paradigma, ktoré máme tendenciu 562 00:30:34,250 --> 00:30:37,460 pre použitie pri tvorbe webu Stránky oddeliť veci. 563 00:30:37,460 --> 00:30:41,440 Môžete si ju rovnakým spôsobom že máme tendenciu jednotlivých funkcií v jazyku C 564 00:30:41,440 --> 00:30:43,360 kde hash nájsť veci. 565 00:30:43,360 --> 00:30:45,530 Je to len spôsob, ako aby váš život jednoduchší. 566 00:30:45,530 --> 00:30:51,790 To oddeľuje atribúty alebo kód by ste používať znovu a znovu, 567 00:30:51,790 --> 00:30:55,360 ale týmto spôsobom, je to trochu z udržuje ju pekne a upravene. 568 00:30:55,360 --> 00:30:58,260 A ak chcete zmeniť jedna vec, čo si len raz zmeniť 569 00:30:58,260 --> 00:31:00,150 a to zmenilo všade inde. 570 00:31:00,150 --> 00:31:05,010 Takže je to viac pre vaše jednoduchosť a flexibilita. 571 00:31:05,010 --> 00:31:11,430 >> Tak s CSS, je to veľmi podobné HTML, ale namiesto značiek 572 00:31:11,430 --> 00:31:15,120 že teraz už som sa zmienil len sme použiť to, čo sa nazýva selektorov. 573 00:31:15,120 --> 00:31:21,900 A v podstate tak nejako z spájajú určité značky 574 00:31:21,900 --> 00:31:24,620 vo formáte HTML s rôznymi atribútmi. 575 00:31:24,620 --> 00:31:29,060 A keď hovorím atribúty, mám na mysli veci ako farbu písma, štýl písma, 576 00:31:29,060 --> 00:31:32,694 farba pozadia, farba textu. 577 00:31:32,694 --> 00:31:33,610 Tieto druhy vecí. 578 00:31:33,610 --> 00:31:36,270 Rovnako ako keď je to na stred, či je to napravo, 579 00:31:36,270 --> 00:31:39,430 ak je to inverted-- všetko týchto vychytávok. 580 00:31:39,430 --> 00:31:42,490 Akékoľvek štylistické veci že robíte do textu, 581 00:31:42,490 --> 00:31:45,070 To je to, čo mám na mysli s atribútmi. 582 00:31:45,070 --> 00:31:50,140 >> A potom dve hlavné veci, ktoré by ste mali vedieť, je, že selectors-- dva hlavné factors-- 583 00:31:50,140 --> 00:31:53,090 sú ID, ktorý je jedinečný. 584 00:31:53,090 --> 00:31:54,859 Môžete použiť len to, že na jednu vec. 585 00:31:54,859 --> 00:31:56,400 V opačnom prípade to bude revať na vás. 586 00:31:56,400 --> 00:31:59,970 A keď sme ho definovať v súbore CSS, že bude 587 00:31:59,970 --> 00:32:03,182 byť hash ID a potom aké atribúty chceme. 588 00:32:03,182 --> 00:32:05,140 Sľubujem, že budeme prejsť príklad. 589 00:32:05,140 --> 00:32:06,830 Bude to oveľa väčší zmysel. 590 00:32:06,830 --> 00:32:08,830 >> Trieda sa môže vzťahovať na viac blokoch. 591 00:32:08,830 --> 00:32:13,400 Takže môžete mať svoj prvý a tretí odsek 592 00:32:13,400 --> 00:32:17,240 majú rovnaký typ atribútov pokiaľ môžete priradiť im rovnakej triedy. 593 00:32:17,240 --> 00:32:21,050 A keď sme ich definovať CSS, robíme triedu bodov, 594 00:32:21,050 --> 00:32:25,710 s triedou je čo Chcete, aby bol vymenovaný. 595 00:32:25,710 --> 00:32:28,559 >> Takže viem, že to je správne teraz veľmi abstraktné. 596 00:32:28,559 --> 00:32:29,850 To je dôvod, prečo ideme do kódu. 597 00:32:29,850 --> 00:32:32,060 Viem, že vy milujete že, a všetci sú 598 00:32:32,060 --> 00:32:34,210 mi pomôžeš, pretože je to vaše webové stránky. 599 00:32:34,210 --> 00:32:36,310 To je naša sekcia je webová stránka, chlapci. 600 00:32:36,310 --> 00:32:40,158 Takže existujú nejaké otázky, než som vypnite aplikácii PowerPoint alebo čokoľvek 601 00:32:40,158 --> 00:32:42,366 Chcete, aby som posúvať späť aby predtým, než začneme kódovanie? 602 00:32:42,366 --> 00:32:45,074 >> Divákov: Keď sa povie zápas tagy, máš na mysli voliča alebo značky? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON Buchholtz-AU: Môžete uvažovať o nich ako o rovnakú vec. 605 00:32:53,010 --> 00:32:54,590 Je to len rôzne slová. 606 00:32:54,590 --> 00:32:56,460 Myslím, že ako selektory. 607 00:32:56,460 --> 00:32:59,470 Ale selektory tiež mapovať tagy. 608 00:32:59,470 --> 00:33:02,800 Takže si môžete uvažovať o nich ako efektívne to isté. 609 00:33:02,800 --> 00:33:05,900 Sľubujem, že to bude robiť väčší zmysel, keď kód. 610 00:33:05,900 --> 00:33:08,400 Čokoľvek od PowerPoint alebo akékoľvek otázky 611 00:33:08,400 --> 00:33:12,980 teraz než sme v skutočnosti vytvoriť stránku našej sekcie? 612 00:33:12,980 --> 00:33:15,040 Všetci pripravení? 613 00:33:15,040 --> 00:33:15,540 V pohode. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Tak som si jeden začal. 616 00:33:24,760 --> 00:33:27,030 Dovoľte mi, aby som zvýšiť písmo pre vás. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 OK, tak teraz len musíme holé kosti webové stránky tu. 619 00:33:36,730 --> 00:33:38,360 >> Máme nejaké HTML. 620 00:33:38,360 --> 00:33:41,050 Máme nejakú hlavičku, ktorú sme pozri tu napríklad webové stránky. 621 00:33:41,050 --> 00:33:44,540 Niektoré titul, niektoré písmo. 622 00:33:44,540 --> 00:33:47,580 Jedná sa o značky, OK? 623 00:33:47,580 --> 00:33:53,930 Takže keď som na mysli zatvorte svojej značky, vidíme, tu tento držiak hlava je váš otvorenie 624 00:33:53,930 --> 00:33:59,670 tag, a to držiak / Hlava zatvorenie, OK? 625 00:33:59,670 --> 00:34:04,380 >> Takže by ste mohli myslieť na to, ako Vaše traky vo vašich pokiaľ to podmienky 626 00:34:04,380 --> 00:34:05,420 alebo vaše za slučiek. 627 00:34:05,420 --> 00:34:08,630 Ak máte jeden na začiatku, Ak jeden na konci. 628 00:34:08,630 --> 00:34:13,500 To bude aj naďalej pracovať väčšinu času v prípade, že nemáte uzavretú značku, 629 00:34:13,500 --> 00:34:17,659 ale najlepšie je zatvoriť tagy. 630 00:34:17,659 --> 00:34:20,940 >> Takže v tomto prípade, poďme to zmeniť. 631 00:34:20,940 --> 00:34:24,150 Budeme mať oddiel sedem. 632 00:34:24,150 --> 00:34:25,270 "Časť webových stránok." 633 00:34:25,270 --> 00:34:26,969 Tak som len tak zmeniť. 634 00:34:26,969 --> 00:34:32,100 >> A ak pôjdeme sem a my reload-- musím uložiť a reload-- 635 00:34:32,100 --> 00:34:36,750 sme si všimli, že sa tu to zmenilo, že? 636 00:34:36,750 --> 00:34:38,250 V pohode. 637 00:34:38,250 --> 00:34:39,380 Takže to zmení názov. 638 00:34:39,380 --> 00:34:41,920 To je bez ohľadu na to na karte. 639 00:34:41,920 --> 00:34:43,870 >> Tak to je druh hľadá druh vŕtania. 640 00:34:43,870 --> 00:34:44,870 Neviem, o chlapcov. 641 00:34:44,870 --> 00:34:46,810 Myslím si, že chceme niečo iné tu. 642 00:34:46,810 --> 00:34:51,900 >> Takže to, čo môžeme urobiť, je záhlavie je práve tam. 643 00:34:51,900 --> 00:34:54,320 Poďme urobiť nejaké telo. 644 00:34:54,320 --> 00:34:56,550 Takže máme nejaké telo tu. 645 00:34:56,550 --> 00:35:01,360 To robím vždy otvorené a zavriem tagy na štart, 646 00:35:01,360 --> 00:35:04,850 rovnakým spôsobom, že mám rovnátka. 647 00:35:04,850 --> 00:35:06,326 Ah. 648 00:35:06,326 --> 00:35:09,010 Počkaj, čo? 649 00:35:09,010 --> 00:35:10,949 >> Divákov: [nepočuteľné]. 650 00:35:10,949 --> 00:35:11,990 ALLISON Buchholtz-AU: Ah. 651 00:35:11,990 --> 00:35:13,895 Vy ste ma dostal. 652 00:35:13,895 --> 00:35:14,930 Dobrá práca. 653 00:35:14,930 --> 00:35:16,270 Zlatá hviezda. 654 00:35:16,270 --> 00:35:20,300 >> OK, takže máme nejaké telo tu. 655 00:35:20,300 --> 00:35:22,920 A teraz poďme začať pridávať nejaký text. 656 00:35:22,920 --> 00:35:26,110 Takže máte niekoľko rôznych Možnosti pre pridanie textu. 657 00:35:26,110 --> 00:35:29,380 Máme veci ako hlavičky. 658 00:35:29,380 --> 00:35:32,144 Máme len normálny text. 659 00:35:32,144 --> 00:35:33,560 Takže povedzme, začať s hlavičkou. 660 00:35:33,560 --> 00:35:36,670 V skutočnosti, ak vy chcete vytiahnuť W3 School HTML, 661 00:35:36,670 --> 00:35:38,860 môžete trochu sa porozhliadnuť a ak existuje niečo, čo 662 00:35:38,860 --> 00:35:42,470 najmä, že chcete vyskúšať tejto webovej stránky, môžeme to urobiť. 663 00:35:42,470 --> 00:35:46,250 Takže v tomto prípade, nech to jednoducho urobiť nejaké h1. 664 00:35:46,250 --> 00:35:48,710 Takže h1 je ako najvyšší hlavičky. 665 00:35:48,710 --> 00:35:52,260 To vám dá niečo že je veľmi veľký a odvážny. 666 00:35:52,260 --> 00:35:58,010 >> A v tomto prípade to, čo chceme, prvý text na našich stránkach? 667 00:35:58,010 --> 00:35:58,640 Čokoľvek. 668 00:35:58,640 --> 00:35:59,800 Vy sa chystáte vytvoriť to. 669 00:35:59,800 --> 00:36:00,758 Ja som jednoducho ísť písať. 670 00:36:00,758 --> 00:36:01,620 Divákov: Welcome. 671 00:36:01,620 --> 00:36:02,870 >> ALLISON Buchholtz-AU: Welcome. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 OK, takže ak ju uložiť a my znova, máme veľký veľký privítanie. 674 00:36:12,620 --> 00:36:17,365 Takže len tak môžete vidieť, rozdiely, poďme niečo urobiť na H6. 675 00:36:17,365 --> 00:36:18,490 Čo chceme tu? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Je to tak? 678 00:36:27,440 --> 00:36:30,356 >> OK, takže len tak si môžete vidieť rozdiel. 679 00:36:30,356 --> 00:36:31,990 Jo, Sublime. 680 00:36:31,990 --> 00:36:34,680 Takže, ak si všimnete, h1, veľmi, veľmi veľký. 681 00:36:34,680 --> 00:36:39,030 h6, ako odvážny, ale oveľa menšie, a máte všetko medzi tým. 682 00:36:39,030 --> 00:36:41,550 Takže by ste mohli mať H2, H3, H4. 683 00:36:41,550 --> 00:36:43,750 A to sú len hlavičky, takže ak sa snažíte 684 00:36:43,750 --> 00:36:46,010 vytvoriť webovú stránku, ktorá má rôzne časti, 685 00:36:46,010 --> 00:36:48,810 Možno budete chcieť použiť hlavičky tam niekde. 686 00:36:48,810 --> 00:36:49,580 >> V pohode. 687 00:36:49,580 --> 00:36:53,270 Tak pridáme ešte viac veci v našom tele. 688 00:36:53,270 --> 00:36:58,380 Vidím, že to bude trochu fajn, keby sme mali obrázok. 689 00:36:58,380 --> 00:37:02,840 Mám pocit, že každý by sa použiť napríklad roztomilý zajačik obrázok práve teraz, 690 00:37:02,840 --> 00:37:05,082 takže budeme hľadať zajačik obrázok ako prvý. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Ja neviem, či vy máte nejaké preferencie na ktorý chceme. 693 00:37:12,960 --> 00:37:14,890 Máte nejaké preferencie? 694 00:37:14,890 --> 00:37:15,925 Tento tu? 695 00:37:15,925 --> 00:37:17,160 Dole. 696 00:37:17,160 --> 00:37:17,750 OK. 697 00:37:17,750 --> 00:37:18,760 Že jeden je. 698 00:37:18,760 --> 00:37:20,080 Dobrá voľba. 699 00:37:20,080 --> 00:37:21,850 >> OK, takže ak budeme zobraziť naše image. 700 00:37:21,850 --> 00:37:22,920 Pozrite sa na to. 701 00:37:22,920 --> 00:37:24,250 Pozri sa na ten rozkošný vec. 702 00:37:24,250 --> 00:37:27,080 Ako si mohol byť smutný v pondelok s tým? 703 00:37:27,080 --> 00:37:30,180 >> Takže sme len tak kopírovať adresu URL obrázka. 704 00:37:30,180 --> 00:37:38,720 A to, čo chceme urobiť, je, povedzme, že máme nejakú p pre odsek. 705 00:37:38,720 --> 00:37:41,140 Budeme hovoriť: "Pozrite pozrite sa na roztomilý zajačik. 706 00:37:41,140 --> 00:37:44,130 d'Awwww. " 707 00:37:44,130 --> 00:37:44,880 Milujem svoje králiky. 708 00:37:44,880 --> 00:37:45,838 Mám zajačika doma. 709 00:37:45,838 --> 00:37:48,085 Cnie sa mi králiček. 710 00:37:48,085 --> 00:37:50,460 Takže to, čo budeme do-- Ja neviem, či vy chcete 711 00:37:50,460 --> 00:37:55,970 na google tohle-- ale s HTML, Ako môžete vložiť obrázok? 712 00:37:55,970 --> 00:37:58,355 Doslova, ak google "Zahŕňajú obrazu HTML," 713 00:37:58,355 --> 00:38:00,480 Prečo nie vy mi čo táto značka by mala byť? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> Divákov: 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 Divákov: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON Buchholtz-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 Divákov: --quote-- jo. 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 Pozri MySpace generácie, nie? 723 00:38:15,470 --> 00:38:16,220 Divákov: 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 Wow. 727 00:38:20,200 --> 00:38:21,260 Bolo to šialené. 728 00:38:21,260 --> 00:38:23,120 OK. 729 00:38:23,120 --> 00:38:25,600 >> Takže sa uistite, som si toto právo. 730 00:38:25,600 --> 00:38:26,100 V pohode. 731 00:38:26,100 --> 00:38:27,750 Takže by to malo byť. 732 00:38:27,750 --> 00:38:34,146 A potom keď sme znovu načítať, máme zajačik na stránke Nie je to rozkošné? 733 00:38:34,146 --> 00:38:35,030 >> To je tak roztomilý. 734 00:38:35,030 --> 00:38:36,860 Vybrali ste skvelý, skvelý snímku. 735 00:38:36,860 --> 00:38:38,180 Ja som kopať ju. 736 00:38:38,180 --> 00:38:41,350 >> OK, takže máme tento roztomilý zajačik teraz. 737 00:38:41,350 --> 00:38:44,590 Boli sme schopní dodať image, rovnako ako to. 738 00:38:44,590 --> 00:38:47,550 Takže v podstate ak je nejaká image Ak chcete pridať na svoje webové stránky, 739 00:38:47,550 --> 00:38:49,430 môžete ho pridať, rovnako ako to. 740 00:38:49,430 --> 00:38:52,910 Ďalšia vec, ktorú by bolo, keby máte obrázok uložený 741 00:38:52,910 --> 00:38:55,670 v rovnakom priečinku ako tento súbor, môžete len 742 00:38:55,670 --> 00:38:59,595 písať, čo názov tohto obrázku je miesto toho, aby webový odkaz. 743 00:38:59,595 --> 00:39:01,010 >> To by ešte bolo v úvodzovkách. 744 00:39:01,010 --> 00:39:03,700 Bolo by to ako keby sme menoval tohle-- 745 00:39:03,700 --> 00:39:06,695 ak by bol tento obrázok uložený v zložke s touto HTML súboru 746 00:39:06,695 --> 00:39:08,570 že som editáciu a to bol nazývaný bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Mohli by sme tiež urobiť, že a to by sa ukázal. 749 00:39:13,080 --> 00:39:16,600 Avšak, nemám to uložené v súbor a chcem, aby sa zajačik, 750 00:39:16,600 --> 00:39:18,092 takže budeme držať odkaz. 751 00:39:18,092 --> 00:39:20,720 >> Divákov: Čo je 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 Je to appropriate-- vyzerajú, môžete ho prijať. 754 00:39:25,170 --> 00:39:25,770 Prijatie. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Chcem, aby tento zajačik. 757 00:39:29,190 --> 00:39:31,180 Oh, bože, to je tak roztomilý. 758 00:39:31,180 --> 00:39:34,230 >> OK, takže sme pridali hlavičky. 759 00:39:34,230 --> 00:39:35,500 Pridali sme obraz. 760 00:39:35,500 --> 00:39:37,760 Je zrejmé, sme pridali nejaký text tu, že jo? 761 00:39:37,760 --> 00:39:40,920 Ak by sme chceli pridať ďalšie texty, mali by sme ísť takhle. 762 00:39:40,920 --> 00:39:43,760 Takže to je ďalší bod. 763 00:39:43,760 --> 00:39:49,070 >> A my hovoríme "je to ďalší bod." 764 00:39:49,070 --> 00:39:52,510 Tiež som hrozný pravopisu, tak som sa môže chybne veci. 765 00:39:52,510 --> 00:39:54,930 Len FYI. 766 00:39:54,930 --> 00:39:58,450 >> Takže máme ďalší odsek tu, že jo? 767 00:39:58,450 --> 00:40:02,190 Takže možno budete chcieť niečo trochu zaujímavejšie, než len 768 00:40:02,190 --> 00:40:04,640 majú všetky svoje texty, ako so zarovnaním vpravo. 769 00:40:04,640 --> 00:40:08,490 Možno, že vy ich chcete vycentrovať text, OK? 770 00:40:08,490 --> 00:40:11,820 >> Takže ak niekto chce používať tie príručné počítače pred vami 771 00:40:11,820 --> 00:40:19,034 a povedz mi, ako si ísť na stred tento text, 772 00:40:19,034 --> 00:40:20,300 >> Divákov: p align. 773 00:40:20,300 --> 00:40:24,834 >> ALLISON Buchholtz-AU: Tak p align rovná sa "centrum". 774 00:40:24,834 --> 00:40:25,750 Zabíja to, chlapci. 775 00:40:25,750 --> 00:40:28,240 Vy všetci musia zvýšiť. 776 00:40:28,240 --> 00:40:36,042 A máme "To je na stred." 777 00:40:36,042 --> 00:40:37,500 A teraz sme niečo na stred. 778 00:40:37,500 --> 00:40:39,380 >> Rovnako tak, ak máte Chcete so zarovnaním vľavo, 779 00:40:39,380 --> 00:40:42,020 by ste mohli urobiť zarovnanie rovná vľavo, vpravo align rovná. 780 00:40:42,020 --> 00:40:42,850 Úplne na vás. 781 00:40:42,850 --> 00:40:55,580 Keby som to urobil tu, potom to should-- teraz je to so zarovnaním vpravo. 782 00:40:55,580 --> 00:40:57,020 >> Divákov: Allison? 783 00:40:57,020 --> 00:41:00,884 Podľa zdroja obrazu, prečo nie je tam v blízkosti zdroja img? 784 00:41:00,884 --> 00:41:02,050 ALLISON Buchholtz-AU: Sorry. 785 00:41:02,050 --> 00:41:05,300 Ten by mal byť tam Teraz si dobrý. 786 00:41:05,300 --> 00:41:06,026 Teraz sme dobrí. 787 00:41:06,026 --> 00:41:08,150 Divákov: Ešte nemáte zatvorte ho tam, alebo nie? 788 00:41:08,150 --> 00:41:11,450 ALLISON Buchholtz-AU: No, tak img zdroj, ten je prostě-- s obrazom, 789 00:41:11,450 --> 00:41:17,110 je to práve videl, ako jeden prvok, zatiaľ čo ak si všimnete po zvyšok z nich, 790 00:41:17,110 --> 00:41:22,106 máme nejaký záznam potom informácie, ktoré sa to týka, a potom uzatvárací tag. 791 00:41:22,106 --> 00:41:24,480 Ale s obrazom, všetko je len trochu sebestačný. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 V pohode. 794 00:41:29,040 --> 00:41:33,530 Takže vy viete, ako vytvoriť záhlavie, viete, ako zadávať text, 795 00:41:33,530 --> 00:41:37,060 Viete, ako dať obrázok V túto chvíľu môžete zarovnať veci. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Ďalšia vec, ktorá vás chcieť byť schopní robiť 798 00:41:42,590 --> 00:41:47,649 je vytvoriť zoznam v CS-- sme druh ísť do budúci týždeň pset. 799 00:41:47,649 --> 00:41:49,440 Veci, ktoré sme typicky učiť tento týždeň 800 00:41:49,440 --> 00:41:51,480 ide naozaj dobre s budúci týždeň pset, takže sme 801 00:41:51,480 --> 00:41:54,250 druh miešanie, tu prekrývajú veci. 802 00:41:54,250 --> 00:41:56,290 Ale to bude užitočné pre budúci týždeň. 803 00:41:56,290 --> 00:42:02,500 >> Takže ak sme chceli vytvoriť nejaký zoznam, ako by sme mohli urobiť, že? 804 00:42:02,500 --> 00:42:03,760 Nemôžete odpovedať na túto dobu. 805 00:42:03,760 --> 00:42:04,700 Niekto musí. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 Nie je to ťažké, ľudí, sľubujem. 808 00:42:09,440 --> 00:42:13,090 Google "Jednoduchý zoznam HTML." 809 00:42:13,090 --> 00:42:14,076 Čo to bolo? 810 00:42:14,076 --> 00:42:16,244 >> Divákov: [nepočuteľné]. 811 00:42:16,244 --> 00:42:17,410 ALLISON Buchholtz-AU: Správne. 812 00:42:17,410 --> 00:42:20,490 Takže chceme objednať alebo neusporiadaný? 813 00:42:20,490 --> 00:42:21,500 Poďme robiť neusporiadané. 814 00:42:21,500 --> 00:42:25,240 Takže máme nejaký UL, ktoré znamená zoznamu. 815 00:42:25,240 --> 00:42:27,997 A čo máme pre každý prvok? 816 00:42:27,997 --> 00:42:29,080 Má potrebuje svoju vlastnú značku? 817 00:42:29,080 --> 00:42:30,556 Môžeme len začať písať, čo? 818 00:42:30,556 --> 00:42:31,330 >> Divákov: ak. 819 00:42:31,330 --> 00:42:32,826 >> ALLISON Buchholtz-AU: ak. 820 00:42:32,826 --> 00:42:34,785 Takže to, čo je náš zoznam bude? 821 00:42:34,785 --> 00:42:37,050 Čo tu chceš? 822 00:42:37,050 --> 00:42:38,190 Robíme mená. 823 00:42:38,190 --> 00:42:39,250 Len to Jacob. 824 00:42:39,250 --> 00:42:40,340 >> Divákov: Králik potraviny. 825 00:42:40,340 --> 00:42:40,990 >> ALLISON Buchholtz-AU: Rabbit potraviny. 826 00:42:40,990 --> 00:42:41,910 OK Páči sa mi to. 827 00:42:41,910 --> 00:42:42,520 Králik potraviny. 828 00:42:42,520 --> 00:42:44,440 >> OK, takže máme mrkvu. 829 00:42:44,440 --> 00:42:46,640 Páči sa mi tento králičie tému. 830 00:42:46,640 --> 00:42:48,024 Ja som kopať to veľa. 831 00:42:48,024 --> 00:42:50,440 Publikum: Vlastne som si myslel, že Jacob by dôveryhodne. 832 00:42:50,440 --> 00:42:51,606 ALLISON Buchholtz-AU: Jacob? 833 00:42:51,606 --> 00:42:53,120 Jacob je králičie potravy. 834 00:42:53,120 --> 00:42:55,310 Ak ste videli Jákobov foto z úradných hodinách, 835 00:42:55,310 --> 00:42:56,850 možno ste si myslel, že má zaútočil vrah králika. 836 00:42:56,850 --> 00:42:58,099 >> Divákov: Mám králika teraz. 837 00:42:58,099 --> 00:42:59,710 Mám vrah králika teraz. 838 00:42:59,710 --> 00:43:00,540 >> ALLISON Buchholtz-AU: Robíš si srandu? 839 00:43:00,540 --> 00:43:02,081 >> Divákov: Vezmem to ďalšia časť. 840 00:43:02,081 --> 00:43:02,990 Mám to. 841 00:43:02,990 --> 00:43:04,240 >> ALLISON Buchholtz-AU: To je smiešne. 842 00:43:04,240 --> 00:43:04,730 Tak ako tak. 843 00:43:04,730 --> 00:43:05,510 >> Divákov: [nepočuteľné] 844 00:43:05,510 --> 00:43:07,510 >> Publikum: Jo, môj Proctor má králika rovnako. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON Buchholtz-AU: Chcem králika. 847 00:43:11,580 --> 00:43:15,415 OK, kto prináša skutočnú králik ďalšia časť, celkom šotek bodov. 848 00:43:15,415 --> 00:43:16,290 Divákov: [nepočuteľné] 849 00:43:16,290 --> 00:43:16,943 Publikum: Oh, to nie je pravda. 850 00:43:16,943 --> 00:43:17,910 Je to plnené králik. 851 00:43:17,910 --> 00:43:18,855 >> ALLISON Buchholtz-AU: Oh jo, môžeme uzavrieť tieto. 852 00:43:18,855 --> 00:43:20,174 Vyzerá to rád. 853 00:43:20,174 --> 00:43:21,590 Divákov: Má to vlastne jedno? 854 00:43:21,590 --> 00:43:23,465 ALLISON Buchholtz-AU: To nie je. 855 00:43:23,465 --> 00:43:25,590 U väčšiny z týchto vecí, nezatvoríte značku, 856 00:43:25,590 --> 00:43:28,750 99% času nič zlého sa deje sa tak stalo, ale je to dobrý spôsob, taky. 857 00:43:28,750 --> 00:43:30,250 Jakob. 858 00:43:30,250 --> 00:43:31,864 A máme šalát. 859 00:43:31,864 --> 00:43:33,655 Obecenstvo: pre odkazy, je to naozaj dôležité. 860 00:43:33,655 --> 00:43:34,696 ALLISON Buchholtz-AU: Hm? 861 00:43:34,696 --> 00:43:35,890 Obecenstvo: pre hypertextové odkazy. 862 00:43:35,890 --> 00:43:37,431 ALLISON Buchholtz-AU: pre hypertextové odkazy. 863 00:43:37,431 --> 00:43:38,610 Áno, odkazy potrebovať. 864 00:43:38,610 --> 00:43:40,770 OK, tak sa poďme pozrieť tu. 865 00:43:40,770 --> 00:43:44,810 A my máme na záver nášho zoznamu. 866 00:43:44,810 --> 00:43:46,635 A pozrieme sa na to. 867 00:43:46,635 --> 00:43:49,680 Máme all-- Jákoba, práve tam. 868 00:43:49,680 --> 00:43:52,310 Králik jedlo. 869 00:43:52,310 --> 00:43:54,000 Pripomína mi Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> Divákov: [nepočuteľné] 871 00:43:55,234 --> 00:43:58,400 ALLISON Buchholtz-AU: Som dobývať všetky staré školy referencie dnes, 872 00:43:58,400 --> 00:43:59,130 nie? 873 00:43:59,130 --> 00:44:01,210 Len všetky staré školy odkazy. 874 00:44:01,210 --> 00:44:05,767 Mal som priniesol ako Gogurts alebo niečo na občerstvenie. 875 00:44:05,767 --> 00:44:07,079 >> Divákov: Or 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 Uvidím, či môžem sledovať dole Gushers na budúci týždeň. 879 00:44:10,920 --> 00:44:11,980 Myslím, že to môžem urobiť. 880 00:44:11,980 --> 00:44:13,980 Myslím si, že by sme mohli mať niektorí v kancelárii. 881 00:44:13,980 --> 00:44:18,570 >> OK, tak sme prebrali veľa rôznych veci, ktoré môžete robiť s HTML, nie? 882 00:44:18,570 --> 00:44:23,910 A ako môžete pravdepodobne vidieť, že je to nothing-- dúfajme, že nie príliš intim-- 883 00:44:23,910 --> 00:44:25,750 ak je, nemám na mysli znevažovať kohokoľvek. 884 00:44:25,750 --> 00:44:29,090 Ak máte problémy, príďte so mnou hovoriť. 885 00:44:29,090 --> 00:44:31,340 >> Ale väčšina z nich je práve pri pohľade na syntax, nie? 886 00:44:31,340 --> 00:44:34,180 Ak chcete zoznamu, Ak chcete nejaký zoznam, 887 00:44:34,180 --> 00:44:38,450 Ak chcete zarovnať alebo niečo Formát niečo, je to všetko len o 888 00:44:38,450 --> 00:44:42,080 druh vyhľadávania syntaxe pre HTML, nie? 889 00:44:42,080 --> 00:44:44,720 A ešte jedna vec, ktorá je celkom v pohode v skutočnosti 890 00:44:44,720 --> 00:44:51,360 je, ak idete to-- pozrime, čo je pekné webové stránky, ktoré sa nám páčia? 891 00:44:51,360 --> 00:44:54,920 Každý, kto má nejaké obľúbené webové stránky že sú v poriadku, aby sa on-line? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Vieš čo, poďme jednoducho CS50. 894 00:44:58,840 --> 00:45:01,800 To je pekné a bezpečné, nie? 895 00:45:01,800 --> 00:45:03,060 >> OK, tak CS50 tu. 896 00:45:03,060 --> 00:45:05,540 A hele, je tu sekcia práve teraz. 897 00:45:05,540 --> 00:45:07,113 Ak sa vám páči, ako to vyzerá. 898 00:45:07,113 --> 00:45:08,030 >> Divákov: [nepočuteľné]. 899 00:45:08,030 --> 00:45:10,696 ALLISON Buchholtz-AU: Nie sme robiť meta časť, chlapci. 900 00:45:10,696 --> 00:45:11,560 Nie je to pravda. 901 00:45:11,560 --> 00:45:14,540 To by bolo v pohode, ale nebudeme robiť. 902 00:45:14,540 --> 00:45:17,040 >> Tak čo by ste mohli robiť, ak sa vám páči, ako 903 00:45:17,040 --> 00:45:21,390 to funguje, je môžete vždy pravdu kliknite na ľubovoľnej webovej stránky, ktoré sa vám páčia 904 00:45:21,390 --> 00:45:23,660 a vy môžete urobiť Zobraziť zdrojový kód stránky. 905 00:45:23,660 --> 00:45:26,030 To prinesie až všetky HTML. 906 00:45:26,030 --> 00:45:30,800 A to je vlastne veľmi dobrý spôsob, ako štýl svoje vlastné webové stránky. 907 00:45:30,800 --> 00:45:33,640 Prejdite na webové stránky, ktoré vám naozaj rád, a pozrite sa na HTML 908 00:45:33,640 --> 00:45:35,430 a zistiť, ako to urobili. 909 00:45:35,430 --> 00:45:39,280 >> A doslova, ak ako citovať veci, 910 00:45:39,280 --> 00:45:41,940 ak nie ste len kradnúť od ľudí, je to OK. 911 00:45:41,940 --> 00:45:43,890 Najmä pre CS50 [? financovať?] sme 912 00:45:43,890 --> 00:45:46,950 druh očakával, aby ste si inšpirácie z iných webových stránok. 913 00:45:46,950 --> 00:45:48,070 Tak neváhajte. 914 00:45:48,070 --> 00:45:51,360 Pozrite sa na svojich internetových stránkach, že si myslíte, že sú naozaj dosť 915 00:45:51,360 --> 00:45:54,870 a zistiť, ako sa používajú HTML a CSS robiť tieto veci. 916 00:45:54,870 --> 00:45:59,860 >> Takže ako vidíte tu, je tu samozrejme ako odkazy a máme triedu tu. 917 00:45:59,860 --> 00:46:00,950 Máme odkaz tu. 918 00:46:00,950 --> 00:46:03,100 Máme zoznam. 919 00:46:03,100 --> 00:46:05,370 Máme niektoré pravdepodobne obrázky niekde tu. 920 00:46:05,370 --> 00:46:08,332 >> Máme nejaké cool štýl tu. 921 00:46:08,332 --> 00:46:10,040 To je ďalšia vec, budeme robiť. 922 00:46:10,040 --> 00:46:14,580 Takže štýl, kedykoľvek vidíte tieto štýl konzola, je to v podstate CSS. 923 00:46:14,580 --> 00:46:15,880 Bene, si nejakú otázku? 924 00:46:15,880 --> 00:46:16,880 >> Divákov: Čo je to div? 925 00:46:16,880 --> 00:46:20,039 >> ALLISON Buchholtz-AU: div je len je-- to, čo je div? 926 00:46:20,039 --> 00:46:20,830 Divákov: Division. 927 00:46:20,830 --> 00:46:22,121 ALLISON Buchholtz-AU: Division. 928 00:46:22,121 --> 00:46:25,960 Jo, je to len ako oddeľovanie rôznych prvkov. 929 00:46:25,960 --> 00:46:28,650 OK, takže tu je to, čo sme ísť na ďalšie. 930 00:46:28,650 --> 00:46:31,550 Takže to nemusí byť najlepšia štýl, pretože ak si všimnete 931 00:46:31,550 --> 00:46:37,681 máme HTML a štýl na rovnakej stránke, a vlastne chceme oddeliť tie, 932 00:46:37,681 --> 00:46:38,180 OK? 933 00:46:38,180 --> 00:46:41,620 A v skutočnosti, dovoľte mi, aby som otvoriť môj pravý 934 00:46:41,620 --> 00:46:45,990 pretože to má byť PDF, takže máme style.css. 935 00:46:45,990 --> 00:46:51,210 >> Takže to, čo môžeme urobiť, tu je to sú chladné veci ako nejaké fade 936 00:46:51,210 --> 00:46:55,550 a tak by sme mohli skúsiť a urobiť to, ale mám pocit, ako by som neporiadok, že až za behu, 937 00:46:55,550 --> 00:46:58,520 tak som povzbudiť vás chlapci ísť to skúsiť na vlastnú päsť, 938 00:46:58,520 --> 00:47:00,310 ale nebudem to robiť práve teraz. 939 00:47:00,310 --> 00:47:03,790 Takže ak vy, pamätajte, ak ste niekedy hit problém set, 940 00:47:03,790 --> 00:47:05,584 niečo znášanie z boku. 941 00:47:05,584 --> 00:47:08,000 To má čo do činenia s fade a prechod a ktovie čo ešte. 942 00:47:08,000 --> 00:47:09,630 >> Divákov: A to je všetko, CSS a HTML? 943 00:47:09,630 --> 00:47:11,460 >> ALLISON Buchholtz-AU: Všetky CSS a HTML. 944 00:47:11,460 --> 00:47:12,420 Jo. 945 00:47:12,420 --> 00:47:17,720 Takže si môžete urobiť veľa naozaj studenej veci s CSS a HTML. 946 00:47:17,720 --> 00:47:22,280 A tak sa naše úžasné zajačik webové stránky tu sme 947 00:47:22,280 --> 00:47:25,240 budú robiť niečo trochu CSS štýl s ním. 948 00:47:25,240 --> 00:47:28,850 >> Takže ak budete mať štýl list, ktorý tu máme, 949 00:47:28,850 --> 00:47:30,550 stačí zavolať style.css. 950 00:47:30,550 --> 00:47:32,090 Môžete hovoriť, čo chcete. 951 00:47:32,090 --> 00:47:37,110 Čo je dôležité, je, že budeme odkazovať v našom web.html tu. 952 00:47:37,110 --> 00:47:41,670 >> Takže to, čo budeme robiť, je we-- takže nemám bordel tento up-- 953 00:47:41,670 --> 00:47:46,180 budeme odkazovať tieto dva súbory dohromady. 954 00:47:46,180 --> 00:47:49,340 Takže v rovnakom way-- idem k tomu analógiu C tu. 955 00:47:49,340 --> 00:47:53,510 Rovnakým spôsobom, že ak máte niektoré library-- a máme cs50.h-- 956 00:47:53,510 --> 00:47:55,520 náš prekladač to odkazy. 957 00:47:55,520 --> 00:47:58,040 To je len explicitné odkaz na našej strane. 958 00:47:58,040 --> 00:48:01,840 Takže rovnakým spôsobom, že robíme hash obsahuje niektoré súbory, čo 959 00:48:01,840 --> 00:48:06,890 Chystám sa napísať, je len HTML / CSS ekvivalent to. 960 00:48:06,890 --> 00:48:11,970 >> Sme len hovorím, OK, túto webovú stránku bude používať túto štýlov, OK? 961 00:48:11,970 --> 00:48:23,360 Takže máme link rel rovná štýlov. 962 00:48:23,360 --> 00:48:30,870 A potom tu máme typ, CSS. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 A potom href rovná. 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 Takže všetko to urobil tu je môžete myslieť na to, ako rovnakú vec 968 00:48:45,680 --> 00:48:47,550 ako hash patrí. 969 00:48:47,550 --> 00:48:53,450 Zrejme to vyzerá trochu viac zložité, ale vo všetkých prípadoch, 970 00:48:53,450 --> 00:48:55,370 je to skutočne to isté. 971 00:48:55,370 --> 00:49:00,940 Tak to je len niektoré prepojenie štýlov, to je typu text / css, 972 00:49:00,940 --> 00:49:02,875 a meno jeho je style.css. 973 00:49:02,875 --> 00:49:05,560 >> Čo je dôležité vedieť, je to, že na webovej stránke 974 00:49:05,560 --> 00:49:09,155 že som v práci tam, now-- web.html a style.css-- sú v rovnakom priečinku. 975 00:49:09,155 --> 00:49:14,740 Vzhľadom k tomu, v rôznych zložkách, musíte dať skutočný koreň 976 00:49:14,740 --> 00:49:17,480 na to, alebo cesta k nemu. 977 00:49:17,480 --> 00:49:20,620 Ale v tomto prípade, už sme to udržať super jednoduché a je to tu bude. 978 00:49:20,620 --> 00:49:26,730 Takže ak budeme robiť, že mám nejaký veci už vo fronte sem. 979 00:49:26,730 --> 00:49:31,680 >> Takže máme nejaké telo, ktoré sa deje majú naši farbu pozadia, ktorá 980 00:49:31,680 --> 00:49:33,320 teraz je svetlo modrá. 981 00:49:33,320 --> 00:49:36,850 Môžeme ju zmeniť, ak chceme, ale ak si dobre pamätám to správne, 982 00:49:36,850 --> 00:49:39,270 to by len zmeniť ju na svetlo modrou. 983 00:49:39,270 --> 00:49:42,050 A teraz máme svetlo modré pozadie. 984 00:49:42,050 --> 00:49:47,490 A mali sme here-- niekto môže pamätať ktorý z nich je hash ID alebo trieda? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> Divákov: ID. 987 00:49:51,080 --> 00:49:51,800 >> ALLISON Buchholtz-AU: ID. 988 00:49:51,800 --> 00:49:52,420 V pohode. 989 00:49:52,420 --> 00:49:58,920 Takže to, čo chceme robiť je, ktorá z týchto písiem 990 00:49:58,920 --> 00:50:01,534 alebo which-- chceme "Pozrite sa na roztomilý zajačik "byť fialové? 991 00:50:01,534 --> 00:50:02,950 Myslím si, že chceme, že je to fialová. 992 00:50:02,950 --> 00:50:04,640 Som celkom sa s tým je fialová. 993 00:50:04,640 --> 00:50:08,790 >> Takže to, čo robíte, je to, ID equals-- v tomto prípade 994 00:50:08,790 --> 00:50:13,630 Povedal som, čo, pekný farby tu. 995 00:50:13,630 --> 00:50:14,780 Sme znova. 996 00:50:14,780 --> 00:50:17,460 Naraz, to je fialová. 997 00:50:17,460 --> 00:50:20,680 OK, tak s ID, nezabudnite to musí byť jedinečné, 998 00:50:20,680 --> 00:50:24,370 tak som nikdy by nemali byť pomocou toto číslo nikde inde. 999 00:50:24,370 --> 00:50:27,760 Ale s triedou, ako sme tu s peknou písma, 1000 00:50:27,760 --> 00:50:30,300 Mal by som byť schopný používať že kamkoľvek chcem. 1001 00:50:30,300 --> 00:50:33,160 >> Tak poďme to urobiť jeden tady. 1002 00:50:33,160 --> 00:50:41,100 Takže môžeme povedať trieda rovná pekný písmo. 1003 00:50:41,100 --> 00:50:46,190 A ak sa pozrieme teraz, máme to v pohode celkom font tu. 1004 00:50:46,190 --> 00:50:49,160 Takže možno chcem robiť oboje. 1005 00:50:49,160 --> 00:50:52,786 OK, ja vlastne neviem, či je to chodiť do práce, ale chcem to skúsiť. 1006 00:50:52,786 --> 00:50:54,410 A to je to, ako sa naučiť CSS a HTML. 1007 00:50:54,410 --> 00:50:55,660 Si ako, viete, čo, chcem to skúsiť. 1008 00:50:55,660 --> 00:50:56,430 Nie som si istý, či to bude fungovať. 1009 00:50:56,430 --> 00:50:57,346 Uvidíme, či to funguje. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> A pozrite sa na to. 1012 00:51:01,540 --> 00:51:04,540 Teraz je vo fialovej a je to celkom písmo. 1013 00:51:04,540 --> 00:51:08,692 OK, takže budete mať všetky tieto rôzne veci, ktoré môžete urobiť. 1014 00:51:08,692 --> 00:51:09,650 Máte otázku? 1015 00:51:09,650 --> 00:51:10,275 >> Divákov: Jo. 1016 00:51:10,275 --> 00:51:13,280 No, rovnako ako farby používate sú slová. 1017 00:51:13,280 --> 00:51:16,005 Existuje spôsob, ako to urobiť farby s hexadecimálne RGB? 1018 00:51:16,005 --> 00:51:18,880 ALLISON Buchholtz-AU: Môžete tiež to s hexadecimálnom, verím. 1019 00:51:18,880 --> 00:51:19,803 Jo. 1020 00:51:19,803 --> 00:51:22,136 Ale je to celkom fajn, keby vás nechcem ich vyhľadať. 1021 00:51:22,136 --> 00:51:23,762 Môžete byť rovnako ako, fialové alebo modré. 1022 00:51:23,762 --> 00:51:25,720 Divákov: Dúfajme, že Viete, čo to znamená. 1023 00:51:25,720 --> 00:51:26,886 ALLISON Buchholtz-AU: Správne. 1024 00:51:26,886 --> 00:51:29,580 Takže poďme túto čítať alebo Chartreuse. 1025 00:51:29,580 --> 00:51:32,060 Prečo by ste niekedy vybrať Chartreuse? 1026 00:51:32,060 --> 00:51:33,340 Je to zaujímavá farba. 1027 00:51:33,340 --> 00:51:37,355 >> OK, tak samozrejme môžeme vidíme môže zmeniť veci však chceme. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Ak by ste chceli, aby create-- povedzme Chceli sme vytvoriť ďalšiu triedu. 1030 00:51:45,392 --> 00:51:46,850 Čo by mohlo vy chcete zmeniť? 1031 00:51:46,850 --> 00:51:51,840 Ak máte vytiahnuť W3Schools " CSS dokumentácie, 1032 00:51:51,840 --> 00:51:54,450 Nechám slovo vami. 1033 00:51:54,450 --> 00:51:57,990 Môžeme to skúsiť a urobiť niečo zaujímavého sa to v posledných niekoľkých minút. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Pretože som trochu dal rýchlokurz na veľa skvelých vecí 1036 00:52:03,150 --> 00:52:03,970 že si môžete robiť. 1037 00:52:03,970 --> 00:52:09,956 Ale nakoniec, ako som povedal, ak máte len experiment, budete veľa naučiť. 1038 00:52:09,956 --> 00:52:12,212 >> Divákov: Díval ste sa na tento font? 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON Buchholtz-AU: Jo, Pozrel som sa, že písmo. 1040 00:52:14,295 --> 00:52:17,200 Tak ako doslova, ja šiel to-- čo som urobil? 1041 00:52:17,200 --> 00:52:22,371 Urobil som CSS zoznamu písiem a Potom som robil stack písmo, 1042 00:52:22,371 --> 00:52:25,120 a potom som bol rád, pozrite sa tu sú všetky v pohode fonty, ktoré môžete urobiť. 1043 00:52:25,120 --> 00:52:28,180 A bol tam jeden, tak Skopírovaný som ho do môjho schránky. 1044 00:52:28,180 --> 00:52:31,820 A potom som bol rád, OK, v pohode, tam ideme. 1045 00:52:31,820 --> 00:52:32,320 Všetko je hotové. 1046 00:52:32,320 --> 00:52:35,920 >> Divákov: Takže vy sa uistiť, že CSS vie, čo to je písmo. 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON Buchholtz-AU: Áno. 1048 00:52:37,370 --> 00:52:38,190 >> Divákov: Čo to povedať na záver? 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 Jo. 1052 00:52:40,950 --> 00:52:42,310 >> Divákov: Obrázok na pozadí. 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON Buchholtz-AU: Obrázok na pozadí. 1054 00:52:43,290 --> 00:52:44,180 OK. 1055 00:52:44,180 --> 00:52:46,490 Takže mi chceš povedať, ako to urobiť. 1056 00:52:46,490 --> 00:52:47,390 Nechám to na vás. 1057 00:52:47,390 --> 00:52:49,070 Ja som len písať tu teraz. 1058 00:52:49,070 --> 00:52:51,714 Bicykel je vo vašich rukách. 1059 00:52:51,714 --> 00:52:52,660 >> Divákov: OK 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON Buchholtz-AU: OK. 1061 00:52:53,701 --> 00:52:54,720 Čo to robím? 1062 00:52:54,720 --> 00:53:02,929 >> Divákov: Doing-- viem, čo prichádza potom, čo zloženou zátvorkou. 1063 00:53:02,929 --> 00:53:03,970 ALLISON Buchholtz-AU: OK. 1064 00:53:03,970 --> 00:53:06,707 Tak pravdepodobne v tele, som by sa predpokladať, pretože sme 1065 00:53:06,707 --> 00:53:08,040 robí s obrázkom na pozadí. 1066 00:53:08,040 --> 00:53:08,940 >> Publikum: Jo, poďme to urobiť. 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON Buchholtz-AU: OK. 1068 00:53:09,981 --> 00:53:14,260 Publikum: OK, takže pozadia hrubého čreva, a potom sme 1069 00:53:14,260 --> 00:53:16,894 Potrebujete URL adresu tohto obrázku. 1070 00:53:16,894 --> 00:53:18,560 Možno, že pseudo-kód, ktorý teraz, možno. 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON Buchholtz-AU: Čo by ste mi páči to-- 1072 00:53:20,601 --> 00:53:22,574 Divákov: Rozmýšľam ako GIF. 1073 00:53:22,574 --> 00:53:23,740 ALLISON Buchholtz-AU: GIF? 1074 00:53:23,740 --> 00:53:26,070 To bude zaujímavé. 1075 00:53:26,070 --> 00:53:27,840 OK, čo mám googling tu? 1076 00:53:27,840 --> 00:53:29,670 >> Publikum: Nie, to je vaša voľba. 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON Buchholtz-AU: Prečo nie we--, či je to zajačik, 1078 00:53:32,090 --> 00:53:35,610 Mám pocit, že by sme mali mať pekný trávnatý trávnik alebo tak niečo. 1079 00:53:35,610 --> 00:53:38,275 >> Divákov: Meadow. 1080 00:53:38,275 --> 00:53:39,350 Lúka. 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON Buchholtz-AU: lúka? 1082 00:53:40,641 --> 00:53:41,851 OK. 1083 00:53:41,851 --> 00:53:42,975 Divákov: Alebo Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON Buchholtz-AU: To vyzerá pekne. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Oh, to je malý, hoci. 1088 00:53:50,380 --> 00:53:51,700 Potrebujeme dobré veľkosti obrázka. 1089 00:53:51,700 --> 00:53:53,142 Poďme sa pozrieť. 1090 00:53:53,142 --> 00:53:54,570 Oh, pozri. 1091 00:53:54,570 --> 00:53:55,630 To je dosť lúka. 1092 00:53:55,630 --> 00:53:58,320 Vieš, čo sa mi páči tento. 1093 00:53:58,320 --> 00:53:59,300 Poďme skopírujte tento jeden. 1094 00:53:59,300 --> 00:54:08,020 >> Publikum: OK, takže si myslím, že je to URL, otvorené zátvorky. 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON Buchholtz-AU: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> Divákov: Potom adresa. 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON Buchholtz-AU: OK. 1098 00:54:13,610 --> 00:54:14,750 Je to, že všetko, čo potrebujeme? 1099 00:54:14,750 --> 00:54:20,550 >> Divákov: Close zátvorky bodkočiarka, a priestor, pozadia pomlčka 1100 00:54:20,550 --> 00:54:27,050 príloha hrubého čreva pevné a zložená zátvorka. 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON Buchholtz-AU: OK. 1102 00:54:28,110 --> 00:54:29,114 Uvidíme, či to funguje. 1103 00:54:29,114 --> 00:54:30,780 To bude celkom v pohode, ak to robí. 1104 00:54:30,780 --> 00:54:33,880 Som naozaj nadšený tu. 1105 00:54:33,880 --> 00:54:35,070 Nefungovalo to. 1106 00:54:35,070 --> 00:54:35,700 Zaujímalo by ma, prečo. 1107 00:54:35,700 --> 00:54:37,700 Divákov: Možno URL musí byť v citáciách. 1108 00:54:37,700 --> 00:54:38,866 ALLISON Buchholtz-AU: Možno. 1109 00:54:38,866 --> 00:54:41,520 A to je to, ako sa učíme, chlapci. 1110 00:54:41,520 --> 00:54:44,340 >> Divákov: Môžeme mať pozadie farby a obrázok na pozadí? 1111 00:54:44,340 --> 00:54:45,390 >> Divákov: Nie 1112 00:54:45,390 --> 00:54:46,550 Jeden nahrádza druhej. 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON Buchholtz-AU: Ja neviem. 1114 00:54:46,960 --> 00:54:47,460 Poďme sa pozrieť. 1115 00:54:47,460 --> 00:54:48,860 Poďme sa na to pozrieť a uvidíte. 1116 00:54:48,860 --> 00:54:51,567 >> Publikum: No, možno áno. 1117 00:54:51,567 --> 00:54:52,400 [Vradiť hlasy] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON Buchholtz-AU: OK, to je obviously-- Aj [nepočuteľné] tu. 1120 00:55:03,260 --> 00:55:04,927 Tak OK. 1121 00:55:04,927 --> 00:55:06,260 Divákov: nadstavec na pozadí. 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 >> Publikum: OK, ja neviem. 1125 00:55:13,946 --> 00:55:16,070 ALLISON Buchholtz-AU: Je to Vyzerá to, že by malo fungovať. 1126 00:55:16,070 --> 00:55:19,074 Ste si istý, že je hrubé črevo po URL? 1127 00:55:19,074 --> 00:55:20,439 >> Publikum: Nie, to je bodkočiarkou. 1128 00:55:20,439 --> 00:55:21,980 ALLISON Buchholtz-AU: To je bodkočiarka. 1129 00:55:21,980 --> 00:55:22,530 Divákov: Povedal som hrubého čreva? 1130 00:55:22,530 --> 00:55:24,155 ALLISON Buchholtz-AU: Hovoril ste, že dvojbodku. 1131 00:55:24,155 --> 00:55:26,222 Divákov: Ale nie. 1132 00:55:26,222 --> 00:55:27,680 ALLISON Buchholtz-AU: Tu to je. 1133 00:55:27,680 --> 00:55:29,350 Publikum: Oh, počkaj, teraz nemôžeme čítať text. 1134 00:55:29,350 --> 00:55:30,320 ALLISON Buchholtz-AU: Teraz nemôžete prečítať text, 1135 00:55:30,320 --> 00:55:32,740 ale máme obrázok na pozadí. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> Divákov: Má HTML podporovať dynamický obsah? 1138 00:55:35,220 --> 00:55:39,070 Rovnako ako môžete zmeniť veľkosť ten obrázok v závislosti na veľkosti okna, 1139 00:55:39,070 --> 00:55:39,890 alebo je to v CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON Buchholtz-AU: Takže CSS musí robiť, že. 1141 00:55:41,723 --> 00:55:45,210 Takže ak vy ste záujem v učení pokročilé CSS, 1142 00:55:45,210 --> 00:55:50,789 Som spolupracovať výučby seminár o CSS na siedmej. 1143 00:55:50,789 --> 00:55:52,580 A sľubujem, že to bude oveľa viac do hĺbky 1144 00:55:52,580 --> 00:55:55,220 a oveľa viac v pohode veci v tejto sekcii. 1145 00:55:55,220 --> 00:55:59,234 A môj čo-učiteľ je ako Celková front end web dev master. 1146 00:55:59,234 --> 00:56:02,150 Takže to bude celkom v pohode, ak chcete dozvedieť o všetkých skvelých vecí 1147 00:56:02,150 --> 00:56:03,960 že CSS sa dá robiť. 1148 00:56:03,960 --> 00:56:06,860 >> Ale to, čo tu máme s jeho pozadie nadstavec 1149 00:56:06,860 --> 00:56:13,330 fixed-- tak je to nejaký pevný size-- ale môžete skutočne dynamically-- 1150 00:56:13,330 --> 00:56:17,610 ak ste niekedy webové stránky, ako Väčšina dobrých webové stránky bude robiť, 1151 00:56:17,610 --> 00:56:19,470 pri nastavovaní veľkosť vášho prehliadača, 1152 00:56:19,470 --> 00:56:23,980 upravuje pozadie alebo koľko ukazuje alebo preformátuje veci, že jo? 1153 00:56:23,980 --> 00:56:27,100 Takže to je to, čo nazývame relatívna umiestnenie. 1154 00:56:27,100 --> 00:56:33,410 >> A CSS môže skutočne chytiť, aká veľká je vaša šírka prehliadač, alebo, ako vysoká je, 1155 00:56:33,410 --> 00:56:37,970 a môžete umiestniť veci podľa relatívnej veľkosti 1156 00:56:37,970 --> 00:56:40,420 proti absolútnej veľkosti. 1157 00:56:40,420 --> 00:56:44,920 A to je samozrejme vyspelejší CSS, ale to je niečo, čo môžete urobiť. 1158 00:56:44,920 --> 00:56:47,390 Ak sa chcete dozvedieť viac, poď do môjho seminára. 1159 00:56:47,390 --> 00:56:50,540 >> Tak to je niečo, čo môžete urobiť. 1160 00:56:50,540 --> 00:56:54,450 A CSS môže v skutočnosti do-- CSS a JavaScript, 1161 00:56:54,450 --> 00:56:58,790 ktorý dostaneme do ďalšej week-- vám umožní dynamicky meniť 1162 00:56:58,790 --> 00:57:02,160 stránky, bez toho aby ste museli znovu im po celú dobu. 1163 00:57:02,160 --> 00:57:04,590 A máte na to nejaký celkom v pohode veci. 1164 00:57:04,590 --> 00:57:09,317 >> Takže je tam ešte jedna vec že vy chcieť robiť 1165 00:57:09,317 --> 00:57:10,650 alebo niečo, čo si budete chcieť prezrieť? 1166 00:57:10,650 --> 00:57:12,900 Máme 10 minút pred. 1167 00:57:12,900 --> 00:57:19,010 Môžeme tiež odísť skôr, ale ak Ak chcete vykonať nejaké ďalšie webové veci, 1168 00:57:19,010 --> 00:57:20,960 môžeme, ale nie som ťa nútiť. 1169 00:57:20,960 --> 00:57:23,510 Ale môžeme tiež len jesť sladkosti. 1170 00:57:23,510 --> 00:57:25,760 Divákov: Zvýraznenie textu biele, takže môžete prečítať. 1171 00:57:25,760 --> 00:57:27,680 ALLISON Buchholtz-AU: OK. 1172 00:57:27,680 --> 00:57:33,389 Takže v tomto prípade, chceme nejakú str. 1173 00:57:33,389 --> 00:57:36,305 Divákov: Mali by sme to urobiť telo tak, že sa vzťahuje na celú stranu? 1174 00:57:36,305 --> 00:57:38,096 ALLISON Buchholtz-AU: Áno, môžeme v skutočnosti. 1175 00:57:38,096 --> 00:57:40,880 To je dobrý nápad. 1176 00:57:40,880 --> 00:57:43,420 Tak sme sa vám have-- vieme, čo by malo byť? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Ja neviem, či môžeme urobiť farbu textu. 1179 00:57:50,260 --> 00:57:54,946 Chcel som, aby sa pokúsila vytvoriť ďalšiu triedu tu. 1180 00:57:54,946 --> 00:57:58,394 >> Divákov: Ako sa vám to že má návrhy? 1181 00:57:58,394 --> 00:58:00,560 ALLISON Buchholtz-AU: Tak ak vy ste záujem, 1182 00:58:00,560 --> 00:58:03,480 to je ďalší textové editor s názvom Sublime. 1183 00:58:03,480 --> 00:58:07,180 Mali by ste byť schopní nainštalujte ju do Vášho prístroja. 1184 00:58:07,180 --> 00:58:08,659 Niekedy to je trochu zložitejšie. 1185 00:58:08,659 --> 00:58:10,950 Ak chcete pomôcť s tým, Som super radi pomôžu 1186 00:58:10,950 --> 00:58:14,720 s ním, pretože gedit je skvelý a je to úžasné, pretože si môžete skompilovať 1187 00:58:14,720 --> 00:58:17,790 na dne, ale ja naozaj ako Sublime, pretože je to celkom 1188 00:58:17,790 --> 00:58:19,498 a to sa robiť veci ako je auto-kompletné. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Takže si môžete určite neváhajte dajte mi vedieť, ak chcete urobiť. 1191 00:58:26,890 --> 00:58:28,940 Ak ste práve google "Sublime text, "typicky 1192 00:58:28,940 --> 00:58:32,860 má návod, ako nainštalovať na rôznych operačných systémoch. 1193 00:58:32,860 --> 00:58:37,590 Je to naozaj cool, I si, podľa môjho názoru. 1194 00:58:37,590 --> 00:58:38,355 Tak str. 1195 00:58:38,355 --> 00:58:45,616 Myslím, že si to jednoducho urobiť text-- alebo môžeme proste farba je "biela". 1196 00:58:45,616 --> 00:58:47,050 Tam. 1197 00:58:47,050 --> 00:58:50,770 >> Takže to, čo tu robil som, že som nezmenil celý text. 1198 00:58:50,770 --> 00:58:54,040 Ale p je tu len tag, ktorý máme, nie? 1199 00:58:54,040 --> 00:58:55,450 Tento odsek tag. 1200 00:58:55,450 --> 00:59:00,380 Tak som práve vytvorili CSS prvok, ktorý povedal: OK, niečo s týmto štítkom 1201 00:59:00,380 --> 00:59:02,510 p, aby biela farba. 1202 00:59:02,510 --> 00:59:05,690 >> Takže ak ste si všimli, to robilo tento biely a to biele. 1203 00:59:05,690 --> 00:59:09,100 To nedávalo náš zoznam biele, pretože to nie je spojené s tým. 1204 00:59:09,100 --> 00:59:11,180 Dalo by sa prejsť a tie by mohli say-- 1205 00:59:11,180 --> 00:59:11,860 >> Divákov: Do farbu pozadia. 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON Buchholtz-AU: Farba pozadia? 1207 00:59:12,660 --> 00:59:15,660 >> Divákov: Pozadie do potrubia v farba kam dať značku str. 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 Chceš to biele? 1211 00:59:22,804 --> 00:59:23,470 Divákov: Mmhmm. 1212 00:59:23,470 --> 00:59:25,070 ALLISON Buchholtz-AU: OK. 1213 00:59:25,070 --> 00:59:26,342 Tu to je. 1214 00:59:26,342 --> 00:59:27,300 Divákov: To je divný. 1215 00:59:27,300 --> 00:59:29,190 ALLISON Buchholtz-AU: Celkom v pohode, nie? 1216 00:59:29,190 --> 00:59:31,640 Takže ak sa vám proste flákať, budete veľa naučiť. 1217 00:59:31,640 --> 00:59:34,720 A to môže byť celkom v pohode. 1218 00:59:34,720 --> 00:59:37,312 Myslím si, že je to určite viac potešujúce ako niekedy 1219 00:59:37,312 --> 00:59:39,770 pretože nemusíte čakať pre váš program skompilovať. 1220 00:59:39,770 --> 00:59:41,895 Môžete len hit Refresh a ty si ako, oh, pozri, 1221 00:59:41,895 --> 00:59:44,276 to fungovalo, alebo oh, ja som asi niečo chýba. 1222 00:59:44,276 --> 00:59:47,359 A to je niečo, čo je naozaj v pohode o tejto ďalšej časti triedy, 1223 00:59:47,359 --> 00:59:49,250 je to určite, ja si myslí, ľahšie kontrolovať 1224 00:59:49,250 --> 00:59:52,640 ako idete po ceste proti museli písať tieto dlhé programy 1225 00:59:52,640 --> 00:59:57,830 a ktorý si želá a modlí sa že to funguje na konci. 1226 00:59:57,830 --> 01:00:01,960 >> Takže s tým, myslím, že vy všetci sa zdajú dobré. 1227 01:00:01,960 --> 01:00:05,360 Ak máte nejaké otázky, ako vždy, prišiel so mnou hovoriť, príde, dajte mi vedieť. 1228 01:00:05,360 --> 01:00:08,180 Budem priamo pred hotelom pre najbližších 15 minút 1229 01:00:08,180 --> 01:00:11,340 ak si len chcete porozprávať o čokoľvek a všetko. 1230 01:00:11,340 --> 01:00:13,530 >> Takže dúfam, že vás guys-- veľa šťastia s týmto pset. 1231 01:00:13,530 --> 01:00:18,150 Uzávierka prihlášok je v piatok napoludnie preto, že bol prepustený neskoro. 1232 01:00:18,150 --> 01:00:21,220 Tak som pravdepodobne bude vidieť Mnoho z vás vo štvrtok, 1233 01:00:21,220 --> 01:00:21,970 ale dúfajme, že nie. 1234 01:00:21,970 --> 01:00:23,386 Možno, že budete mať to urobiť do tej doby. 1235 01:00:23,386 --> 01:00:24,440 Ja by som byť super pyšný. 1236 01:00:24,440 --> 01:00:26,410 >> Ale ak nie, budem ťa vidím vo štvrtok. 1237 01:00:26,410 --> 01:00:30,030 Môžete tiež použiť neskorý dátum, ktoré rozširuje na sobotu napoludnie. 1238 01:00:30,030 --> 01:00:31,730 Ale ja ne-- čo? 1239 01:00:31,730 --> 01:00:32,580 >> Divákov: Halloween. 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON Buchholtz-AU: Je Halloween, a, a, b, 1241 01:00:34,538 --> 01:00:37,050 Nemyslím si, že tam bude byť úradné hodiny v piatok. 1242 01:00:37,050 --> 01:00:40,920 Takže naozaj sa pokúsiť to urobiť tým, Piatok, takže sa všetci môžeme oslavovať 1243 01:00:40,920 --> 01:00:42,010 Blahoslaviť víkend. 1244 01:00:42,010 --> 01:00:44,670 Tak jo, uvidíme sa chalani budúci týždeň. 1245 01:00:44,670 --> 01:00:45,888