1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [Predvajanje glasbe] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON BUCHHOLTZ-AU: Vse je v redu, vsi. 5 00:00:12,540 --> 00:00:13,860 Dobrodošli nazaj v oddelku. 6 00:00:13,860 --> 00:00:19,559 Torej, naša agenda za danes se dogaja nad veliko več web dev stvari. 7 00:00:19,559 --> 00:00:21,600 Ne vem, koliko od ste videli svoje psets 8 00:00:21,600 --> 00:00:24,414 saj je bila sproščena prej to jutro. 9 00:00:24,414 --> 00:00:26,330 Jaz bi, koliko ljudje Prebral spec, 10 00:00:26,330 --> 00:00:29,910 ampak ko vidim, kako ste imeli vse od kot sedem ur, da pogled na to 11 00:00:29,910 --> 00:00:31,910 in to je v ponedeljek in ste verjetno imeli razred, 12 00:00:31,910 --> 00:00:34,160 Bom domnevati, da večina od vas še ni. 13 00:00:34,160 --> 00:00:37,170 Če imate, dodatne sloves. 14 00:00:37,170 --> 00:00:39,400 >> Ste v bistvu pomaga izvajajo preprosto splet 15 00:00:39,400 --> 00:00:43,270 Strežnik v C, kar je čisto nov pset, tako fantje dobili, da bo na morskih prašičkih. 16 00:00:43,270 --> 00:00:49,730 To se dogaja, da je zabavno, divje teden ampak mislim, da bo zelo zabavno 17 00:00:49,730 --> 00:00:52,260 in to bo res dobra izkušnja pravzaprav. 18 00:00:52,260 --> 00:00:54,920 Tako da vas pripravijo da je v današnjem oddelka, 19 00:00:54,920 --> 00:01:00,940 smo šli chmod, TCP / IP, in potem malo HTML in CSS. 20 00:01:00,940 --> 00:01:05,080 >> Na koncu bomo dejansko koda gor enostavno spletno stran skupaj 21 00:01:05,080 --> 00:01:09,042 da bi vam pomagal fantje nekako priti bolj seznanjeni s tem. 22 00:01:09,042 --> 00:01:11,750 In potem, če še niste pobrali vaše kvizi, oni spredaj, 23 00:01:11,750 --> 00:01:14,890 vendar sem prepričan, vsi Tu ima svoj kviz. 24 00:01:14,890 --> 00:01:17,880 In tudi na to opombo, rešitve niso gor še, 25 00:01:17,880 --> 00:01:21,490 ampak takoj, ko bomo finish-- všeč, Zadnjih nekaj ljudi, ki jemljejo svojo quizzes-- 26 00:01:21,490 --> 00:01:22,280 oni bodo gor. 27 00:01:22,280 --> 00:01:24,630 Če imate vprašanja v tem času, 28 00:01:24,630 --> 00:01:26,240 vas prosimo, da email mi osebno. 29 00:01:26,240 --> 00:01:30,700 Bom odgovoriti z vašim osebnim vprašanja, kot vedno. 30 00:01:30,700 --> 00:01:33,890 >> Torej, na tem pojasnilu, chmod. 31 00:01:33,890 --> 00:01:36,390 Torej v bistvu vsi ti morate vedeti o chmod 32 00:01:36,390 --> 00:01:39,620 je, da jo uporabite, da spremenite Dovoljenja datoteke, kajne? 33 00:01:39,620 --> 00:01:44,050 Torej, to je le nekaj sistemov je poklical spremeni dovoljenja, kot piše tukaj. 34 00:01:44,050 --> 00:01:48,540 In če si kdaj želeli videti kakšna dovoljenja datoteko ima, 35 00:01:48,540 --> 00:01:52,240 namesto da samo delaš ls, bi lahko naredil ls -l. 36 00:01:52,240 --> 00:01:54,010 l stoji za dolgo. 37 00:01:54,010 --> 00:01:56,460 >> Torej boš naredil dolge sezname za vse, in to 38 00:01:56,460 --> 00:02:02,080 vam bo veliko bolj natančne informacij o posameznih datotek. 39 00:02:02,080 --> 00:02:05,540 In videli boste, something-- sem gre za preskok naprej za second-- 40 00:02:05,540 --> 00:02:08,910 vendar pa boste videli nekaj podobnega da top linija je za vsako datoteko. 41 00:02:08,910 --> 00:02:11,560 In bomo šli skozi, kaj to pomeni. 42 00:02:11,560 --> 00:02:15,260 >> Torej v bistvu, spremeniti vaši datotečni dovoljenj, 43 00:02:15,260 --> 00:02:16,850 si želite uporabiti chmod. 44 00:02:16,850 --> 00:02:23,620 Lahko si o njej mislijo kot katera koli druga UNIX pokličite kot ls ali cd ali drugih malenkosti. 45 00:02:23,620 --> 00:02:25,540 To je samo vrsta drugega kot klic. 46 00:02:25,540 --> 00:02:30,530 >> Torej delamo chmod in potem bomo imajo tri števke tipično. 47 00:02:30,530 --> 00:02:33,570 Obstaja nekaj načinov, kako to, od katerih je eden bomo šli čez. 48 00:02:33,570 --> 00:02:37,650 Vendar je običajno, da boste imeli tri številke variira od 0 do 7 Vsaka časa. 49 00:02:37,650 --> 00:02:43,530 >> Torej, ena stvar je, da obstaja tri različne dovoljenj 50 00:02:43,530 --> 00:02:45,510 da lahko damo vsako datoteko. 51 00:02:45,510 --> 00:02:49,480 In to je berljiva, kar je z r zastopa, ki bo smiseln 52 00:02:49,480 --> 00:02:54,020 v malo; w, ki je pisalnega; in izvršljiv, ki je x. 53 00:02:54,020 --> 00:02:57,630 Vem, da je e ena, program, morda ni najbolj smiselno, vendar smo 54 00:02:57,630 --> 00:02:59,120 ga bo zastopal pri x. 55 00:02:59,120 --> 00:03:05,290 >> In kaj se zgodi potem je vsak od teh imajo tudi zastopanje številko. 56 00:03:05,290 --> 00:03:07,990 Torej imamo 1, 2 in 4. 57 00:03:07,990 --> 00:03:12,060 In v bistvu kaj se zgodi, vsak izmed teh treh številk 58 00:03:12,060 --> 00:03:17,380 Tukaj ustreza druga skupina uporabnikov 59 00:03:17,380 --> 00:03:19,420 da ti dovoljenj nanašajo. 60 00:03:19,420 --> 00:03:24,820 >> Torej si lahko zamislite, da je prvi številka ustreza dejanskemu uporabnika 61 00:03:24,820 --> 00:03:29,360 ali lastnik datoteke, druga številka bo enak skupini, 62 00:03:29,360 --> 00:03:33,590 in zadnja nanaša na svetu, OK? 63 00:03:33,590 --> 00:03:39,995 Torej, kaj se zgodi, ne pozabite tistih numbers-- r 4, w je 2, 64 00:03:39,995 --> 00:03:42,550 x je 1, kajne? 65 00:03:42,550 --> 00:03:46,630 This-- če povzamem ti gor, ki vam omogoča, da prvo številko 66 00:03:46,630 --> 00:03:48,600 da bomo morda vhod v našem chmod. 67 00:03:48,600 --> 00:03:52,191 >> Torej, v tem primeru, kaj bi ta številka? 68 00:03:52,191 --> 00:03:57,030 To bi bilo 4 plus 2 plus 1, ki je 7, kajne? 69 00:03:57,030 --> 00:03:59,250 In v tem primeru te nimajo nič, 70 00:03:59,250 --> 00:04:06,450 tako da je to prav tu bi prevesti na chmod 700, OK? 71 00:04:06,450 --> 00:04:12,030 In kaj počne, da se ji podeli vse teh dovoljenj vašega uporabnika. 72 00:04:12,030 --> 00:04:14,400 >> Torej to pomeni našo uporabnika lahko počnejo, kar hočejo. 73 00:04:14,400 --> 00:04:15,400 Ki jih lahko bere to datoteko. 74 00:04:15,400 --> 00:04:16,810 Jih lahko izvaja to datoteko. 75 00:04:16,810 --> 00:04:18,360 Znajo napisati v to datoteko. 76 00:04:18,360 --> 00:04:23,545 Ampak skupina in svet, ni Dovoljenja nobenih, OK? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Torej še en način, da bi napisal, da smo lahko naredi chmod treh številk, od katerih vsak 79 00:04:32,680 --> 00:04:40,040 ustreza kateri koli vsoto ali da posebna skupina je posebna podskupina. 80 00:04:40,040 --> 00:04:44,870 Ali lahko storimo dejansko še ena stvar. 81 00:04:44,870 --> 00:04:45,590 Počakaj. 82 00:04:45,590 --> 00:04:49,330 Mi lahko nekaj storiti z njimi tukaj. 83 00:04:49,330 --> 00:04:55,615 >> Koliko od vas videl zgled kjer je bilo všeč, da chmod plus x? 84 00:04:55,615 --> 00:04:58,070 Ste videli, da je v predavanju, mislim? 85 00:04:58,070 --> 00:05:00,610 Da stoji za vsem. 86 00:05:00,610 --> 00:05:04,990 To pomeni, da ga dajo za vse uporabnike, ki sem pozabil dati tukaj. 87 00:05:04,990 --> 00:05:08,790 >> Ampak plus x, če bomo Opazili tukaj, če delamo 88 00:05:08,790 --> 00:05:13,420 da chmod-- kaj skupina smo govorimo o plus dovolilnice 89 00:05:13,420 --> 00:05:14,660 želimo, da bi jih. 90 00:05:14,660 --> 00:05:16,120 Torej, to je lahko plus ali minus. 91 00:05:16,120 --> 00:05:17,690 Plus dodaja dovoljenje. 92 00:05:17,690 --> 00:05:19,510 Minus odvzame dovoljenje. 93 00:05:19,510 --> 00:05:22,520 Zelo intuitiven, mislim. 94 00:05:22,520 --> 00:05:25,720 >> Torej plus x pomeni chmod. 95 00:05:25,720 --> 00:05:32,260 Tako da spremenite dovoljenja za vse ljudi Če je to a-- add dovoljenj. 96 00:05:32,260 --> 00:05:37,110 In x-- to pomeni, kaj dovoljenje smo dodelitev vsem. 97 00:05:37,110 --> 00:05:38,510 Branje, pisanje, ali izvršitev? 98 00:05:38,510 --> 00:05:39,360 >> OBČINSTVO: Execute. 99 00:05:39,360 --> 00:05:40,610 >> ALLISON BUCHHOLTZ-AU: Execute. 100 00:05:40,610 --> 00:05:46,080 Zato dajemo vse uporabnike dovoljenja za izvajanje te datoteke, OK? 101 00:05:46,080 --> 00:05:53,370 Pa kaj, če smo želeli narediti da s številski obliki? 102 00:05:53,370 --> 00:05:56,290 Torej, ne pozabite s številčnico, želimo tri številke. 103 00:05:56,290 --> 00:05:56,790 >> OBČINSTVO: 4. 104 00:05:56,790 --> 00:05:58,290 ALLISON BUCHHOLTZ-AU: Kaj je to? 105 00:05:58,290 --> 00:05:59,260 OBČINSTVO: 4. 106 00:05:59,260 --> 00:06:00,426 ALLISON BUCHHOLTZ-AU: Not 4. 107 00:06:00,426 --> 00:06:01,599 OBČINSTVO: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 ALLISON BUCHHOLTZ-AU: No, želimo dati vsem uporabnikom, kajne? 109 00:06:04,390 --> 00:06:07,442 Torej bomo imeli število v vsaki reži. 110 00:06:07,442 --> 00:06:09,400 To se dogaja, da Enako število v vsaki reži 111 00:06:09,400 --> 00:06:13,800 saj smo samo želim, da bi vsakdo izvršljiv dovoljenj. 112 00:06:13,800 --> 00:06:16,480 Torej izvršljiv je 1, ampak na pravi poti. 113 00:06:16,480 --> 00:06:23,055 >> Torej, če nismo chmod 111, da bi se enakovredno chmod plus x. 114 00:06:23,055 --> 00:06:24,430 Ali to smiselno za vsakogar? 115 00:06:24,430 --> 00:06:26,910 Smo šli skozi nekaj primerov. 116 00:06:26,910 --> 00:06:29,860 >> Tako velikem takeaway tukaj je ni tukaj, 117 00:06:29,860 --> 00:06:33,360 ampak samo pomeni, da daje vsem uporabnikom. 118 00:06:33,360 --> 00:06:36,610 u je, če si želite dati ali odvzeti 119 00:06:36,610 --> 00:06:40,600 posebno dovoljenje od uporabnik ali lastnik. 120 00:06:40,600 --> 00:06:43,800 g je za skupino, tako da srednji mestna. 121 00:06:43,800 --> 00:06:49,440 In potem drugi, si lahko zamislite kot po svetu, to zadnjo številko. 122 00:06:49,440 --> 00:06:52,840 >> Torej, s tem, bomo šli na primer, ker se počutim kot primeri vedno 123 00:06:52,840 --> 00:06:56,240 bi te stvari lažje razumeti. 124 00:06:56,240 --> 00:07:01,240 Torej rwx-- smo šli skozi this-- lahko prav tako predstavljajo kot 700. 125 00:07:01,240 --> 00:07:05,070 To je primer, smo pogledali na več slike. 126 00:07:05,070 --> 00:07:09,990 Torej chmod 444 na neki datoteki bi dal kakšna dovoljenja? 127 00:07:09,990 --> 00:07:11,947 Ste bili zelo blizu. 128 00:07:11,947 --> 00:07:13,030 OBČINSTVO: berljivi za vse. 129 00:07:13,030 --> 00:07:14,321 ALLISON BUCHHOLTZ-AU: berljivo. 130 00:07:14,321 --> 00:07:15,660 Tako berljiva za vse, kajne? 131 00:07:15,660 --> 00:07:17,910 In kaj potem je še en način za to? 132 00:07:17,910 --> 00:07:23,070 Če želimo narediti chmod bodisi r ali W, plus in minuse, 133 00:07:23,070 --> 00:07:25,300 kaj bi ta klic izgledal? 134 00:07:25,300 --> 00:07:27,336 To bi chmod kaj? 135 00:07:27,336 --> 00:07:28,590 >> OBČINSTVO: plus r. 136 00:07:28,590 --> 00:07:32,900 >> ALLISON BUCHHOLTZ-AU: plus r na 5. 137 00:07:32,900 --> 00:07:40,980 OK, tako da je to isto kot to, le dve različni prevodi 138 00:07:40,980 --> 00:07:42,500 za isto stvar. 139 00:07:42,500 --> 00:07:45,650 Torej, s tem, imamo te. 140 00:07:45,650 --> 00:07:50,310 Torej, želim vama, da poskusite in pisati te vrste v njihovem obratno. 141 00:07:50,310 --> 00:07:53,710 >> Torej z chmod 555, kaj bi bilo všeč? 142 00:07:53,710 --> 00:07:56,704 Bi bilo plus ali u plus ali malenkosti? 143 00:07:56,704 --> 00:07:58,370 Za u plus x, daj mi tri številke. 144 00:07:58,370 --> 00:08:03,530 In potem mi je povedal, kakšna dovoljenja smo dejansko priznanje za koga? 145 00:08:03,530 --> 00:08:06,600 >> Tako da vam bom dal fantje dve minut, da delajo na tem. 146 00:08:06,600 --> 00:08:08,160 Vas prosimo, da se pogovorite s seboj. 147 00:08:08,160 --> 00:08:11,910 Za tiste, ki ste prišli v malo pozno, je sladkarije in majice. 148 00:08:11,910 --> 00:08:14,590 Imamo tri srajce levo, in imamo Kit Kats in zvezdne vzorce. 149 00:08:14,590 --> 00:08:17,630 Zato vas prosimo, da pridejo zgrabi nekateri v tej mali premorom. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Prav zadnja je zapleteno. 152 00:09:04,440 --> 00:09:06,670 To je dva chmods za zadnjega. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 Pravzaprav, naj zapre vrata vidva pa delajo na tem. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Candy je vedno potrebno v ponedeljek popoldne. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, tako chmod 555. 159 00:09:34,756 --> 00:09:36,380 Kaj je še en način, da bi lahko napisali, da je? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Vse ideje? 162 00:09:41,790 --> 00:09:42,290 Da. 163 00:09:42,290 --> 00:09:43,280 >> OBČINSTVO: plus rx. 164 00:09:43,280 --> 00:09:44,613 >> ALLISON BUCHHOLTZ-AU: r plus rx. 165 00:09:44,613 --> 00:09:47,290 Ali želite, da pojasni, zakaj bi bilo treba RX? 166 00:09:47,290 --> 00:09:49,570 >> OBČINSTVO: Ker imate 5, tako da je 4 plus 1, 167 00:09:49,570 --> 00:09:51,734 tako da je prebral plus izvršljiv, in to je za vse. 168 00:09:51,734 --> 00:09:52,900 ALLISON BUCHHOLTZ-AU: Right. 169 00:09:52,900 --> 00:09:58,540 Torej samo ponoviti, 5 tukaj poznamo kot vsota 4 in 1, 170 00:09:58,540 --> 00:10:04,760 saj vsaka številka v našem triu je Vsota dovoljenj za podskupino, 171 00:10:04,760 --> 00:10:05,260 kajne? 172 00:10:05,260 --> 00:10:07,070 Bodisi si, skupina, ali svet. 173 00:10:07,070 --> 00:10:11,160 Torej, v tem primeru pa vemo, da 5 mora biti oblikovana s 4 in 1. 174 00:10:11,160 --> 00:10:15,240 >> In 4 in 1 ustrezajo berljiva in izvršljiv. 175 00:10:15,240 --> 00:10:21,717 Mi smo ga daje za vse, tako da lahko naredimo chmod plus rx. 176 00:10:21,717 --> 00:10:24,050 In seveda, smo samo šli skozi vprašanja tam, 177 00:10:24,050 --> 00:10:28,810 tako da zdaj ta datoteka izvedljiva in berljiva za vse. 178 00:10:28,810 --> 00:10:31,120 >> Torej, kaj drugega pa? 179 00:10:31,120 --> 00:10:32,900 Kaj bi se lahko število, da je ena biti? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Vse ideje? 182 00:10:37,180 --> 00:10:37,680 Pojdi naprej. 183 00:10:37,680 --> 00:10:38,600 >> OBČINSTVO: 100 [neslišno]. 184 00:10:38,600 --> 00:10:39,683 >> ALLISON BUCHHOLTZ-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Točno tako. 186 00:10:40,270 --> 00:10:42,455 Torej hočeš, da pojasni, zakaj 100? 187 00:10:42,455 --> 00:10:45,080 OBČINSTVO: Ker je za uporabnik, tako da je na prvem mestu. 188 00:10:45,080 --> 00:10:47,371 In potem x izvršljiv 1. 189 00:10:47,371 --> 00:10:48,620 ALLISON BUCHHOLTZ-AU: Točno tako. 190 00:10:48,620 --> 00:10:53,120 Zato smo podelitev izvršljiv Dovoljenja do pravičnega uporabnika. 191 00:10:53,120 --> 00:10:55,100 Torej v tem primeru, bi bilo 100. 192 00:10:55,100 --> 00:10:57,570 In imam vse odgovore navzgor na naslednji diapozitiv v primeru 193 00:10:57,570 --> 00:11:00,060 pišete veliko stvari navzdol. 194 00:11:00,060 --> 00:11:08,410 >> OK, tako da je ta naslednjič dejansko opravljeno z dvema chmods, lahko to storite. 195 00:11:08,410 --> 00:11:11,120 Torej, ali ima kdo kakšno idejo, kako bi lahko 196 00:11:11,120 --> 00:11:14,150 dobili chmod 640 predelajo na drug način? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 Spremenite lahko uporabnik najprej in potem lahko spremenite skupina je moj namig. 199 00:11:22,820 --> 00:11:29,740 >> Torej, če smo le spremembo uporabnik, ki je ta prva tod 200 00:11:29,740 --> 00:11:33,830 kaj bi lahko naš klic bilo? 201 00:11:33,830 --> 00:11:36,080 Torej si je u, kajne? 202 00:11:36,080 --> 00:11:38,780 Torej u chmod plus, kaj? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> OBČINSTVO: rw. 205 00:11:40,469 --> 00:11:41,510 ALLISON BUCHHOLTZ-AU: rw. 206 00:11:41,510 --> 00:11:47,470 Desno, za branje in pisanje, ker prebrane je 4, w je 2, tiste vsota skupaj kot 6. 207 00:11:47,470 --> 00:11:52,760 Tako smo dobili chmod u plus rw, in smo dobili našo prvo 6 tam. 208 00:11:52,760 --> 00:11:56,860 >> Torej, da bi dobili 4, hočemo sedaj da spremenite svoje nastavitve skupine. 209 00:11:56,860 --> 00:12:00,960 Tako bomo storili chmod g plus kaj? 210 00:12:00,960 --> 00:12:02,380 Kaj je 4? 211 00:12:02,380 --> 00:12:03,040 >> OBČINSTVO: r. 212 00:12:03,040 --> 00:12:04,040 ALLISON BUCHHOLTZ-AU: r. 213 00:12:04,040 --> 00:12:05,070 Prav. 214 00:12:05,070 --> 00:12:09,140 Tako da smo kar na lastnika brati in pisati dovoljenja 215 00:12:09,140 --> 00:12:13,141 in mi daje skupinsko branje Dovoljenja, ki jih imamo vsi tukaj gor. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> OBČINSTVO: Če lahko napisali nekaj, tako ne pomeni, ga lahko izvede? 218 00:12:17,740 --> 00:12:20,700 >> ALLISON BUCHHOLTZ-AU: You lahko pišete na something-- 219 00:12:20,700 --> 00:12:22,900 Ne verjamem, da je to pomeni, ga lahko izvrši. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 Cool. 222 00:12:26,450 --> 00:12:29,620 Tako, da je vse, kar smo pravkar šla skozi. 223 00:12:29,620 --> 00:12:33,075 Torej, o tem naslednjič, to je samo vrsta skupnih zadev 224 00:12:33,075 --> 00:12:35,200 da želite, da ostanejo v moti pri nastavite vaš problem. 225 00:12:35,200 --> 00:12:39,800 To so običajno dovoljenja, da mi je všeč, da jo uporabite. 226 00:12:39,800 --> 00:12:44,900 >> Torej za 711, ki daje nas, seveda, si 227 00:12:44,900 --> 00:12:47,720 vseh dovoljenj, ki ponavadi smisla. 228 00:12:47,720 --> 00:12:51,920 In potem je to izvedljivo s skupina na svetu, ki ima smisel 229 00:12:51,920 --> 00:12:56,150 Če imate nekaj imenik, želijo biti sposoben prečkati vanjo. 230 00:12:56,150 --> 00:12:58,160 Ljudje potrebujejo dostop. 231 00:12:58,160 --> 00:13:04,680 >> Za katero koli non-PHP datoteke, boste za uporabo 644, ki bi naredil kaj? 232 00:13:04,680 --> 00:13:07,560 Kaj to pomeni, ali kaj Dovoljenja pa to dal? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Torej lastnik lahko kaj? 235 00:13:14,409 --> 00:13:15,450 OBČINSTVO: branje in pisanje. 236 00:13:15,450 --> 00:13:16,991 ALLISON BUCHHOLTZ-AU: branje in pisanje. 237 00:13:16,991 --> 00:13:21,560 In potem skupina in drugi lahko samo brati, kajne? 238 00:13:21,560 --> 00:13:25,660 In nato chmod 600 za katero koli PHP datoteke, ki jih uporabljate, 239 00:13:25,660 --> 00:13:27,980 tvoj lastnik, še enkrat, lahko brati in pisati 240 00:13:27,980 --> 00:13:32,310 ampak vsi ostali, je le nekako blokiran. 241 00:13:32,310 --> 00:13:34,540 >> Torej, to bo dejansko bolj koristno, če 242 00:13:34,540 --> 00:13:37,700 prideš na vašo težavo nastavite naslednji teden, ko 243 00:13:37,700 --> 00:13:40,290 ste dejansko izgradnjo spletne strani. 244 00:13:40,290 --> 00:13:43,100 Torej, če ste že kdaj zašli v vse čudne težave 245 00:13:43,100 --> 00:13:45,970 kjer to ni nakladanje pravilno, morda vam 246 00:13:45,970 --> 00:13:50,670 morali dodati izvršljiv dovoljenje, ali pa boste potrebovali za branje 247 00:13:50,670 --> 00:13:52,990 ali pisati dovoljenje. 248 00:13:52,990 --> 00:13:56,980 Malo stvari, ki se nagibajo k potovanje ljudi gor, ampak to je nekako kot go-to 249 00:13:56,980 --> 00:13:58,564 ko začnete pset naslednji teden. 250 00:13:58,564 --> 00:14:00,730 In ti bi dal več namigi o pset ta teden, 251 00:14:00,730 --> 00:14:05,010 vendar imam še pogled na to, ker pa je izšla danes zjutraj. 252 00:14:05,010 --> 00:14:10,600 Vendar me po e-pošti, sem se pogledal pri tem ko sem se odzove jutri. 253 00:14:10,600 --> 00:14:14,310 >> Torej sedaj, so vsi dobri z chmod? 254 00:14:14,310 --> 00:14:16,040 Morebitne dolgotrajne vprašanja? 255 00:14:16,040 --> 00:14:17,240 Precej preprosta. 256 00:14:17,240 --> 00:14:20,620 Samo nekako sledenja kaj branje, pisanje in izvajanje številke 257 00:14:20,620 --> 00:14:23,660 je verjetno najtežji del. 258 00:14:23,660 --> 00:14:29,620 >> Torej s TCP / IP, vseh teh protokolov, nekako kot pri podatkovnih struktur 259 00:14:29,620 --> 00:14:31,990 prejšnji teden, to je veliko bolj pomembno, da nekako znebiti 260 00:14:31,990 --> 00:14:33,900 višja raven intuicija od njih. 261 00:14:33,900 --> 00:14:37,390 To ni CS143 kam gremo vas prosimo, da izvaja omrežje, 262 00:14:37,390 --> 00:14:39,870 tako da bo v redu, če ti ne razumeš 263 00:14:39,870 --> 00:14:42,900 gnjidama kašaste vseh protokolov. 264 00:14:42,900 --> 00:14:46,050 Kaj je pomembno razumeti, je nekako kot tisto, kar predstavlja 265 00:14:46,050 --> 00:14:47,300 in zakaj so pomembne. 266 00:14:47,300 --> 00:14:52,320 >> Torej TCP / IP, seveda, da je Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 ali Internet Protocol, ki je v bistvu samo skupek zakonov bistvu 268 00:14:57,270 --> 00:15:00,800 ali standardi, da poveste podatke kako je treba ravnati, 269 00:15:00,800 --> 00:15:04,900 kako jo je treba packetized, prenašajo, in prejela. 270 00:15:04,900 --> 00:15:09,200 Tako da v bistvu, tako kot njega Tukaj piše, povečuje možnosti 271 00:15:09,200 --> 00:15:12,950 da so podatki, kjer dobi si želim, da bi dobili. 272 00:15:12,950 --> 00:15:15,950 >> Prepričan sem, da če vidva šla Predavanje ali ga gledal na spletu, 273 00:15:15,950 --> 00:15:18,232 je has-- Ne vem če je to storil letos, 274 00:15:18,232 --> 00:15:20,940 vendar sem lani veste, je imel demo, kjer je imel sliko Rob 275 00:15:20,940 --> 00:15:23,320 in ga je razdeljeno na štiri in ga dal v kuverte 276 00:15:23,320 --> 00:15:26,590 in skušal priti čez Sanders. 277 00:15:26,590 --> 00:15:29,430 In lahko nekako pomislite, da na ta način. 278 00:15:29,430 --> 00:15:35,400 To je samo skupek pravil, ki povej podatke, kako priti nekam 279 00:15:35,400 --> 00:15:37,640 in vam omogoča, da veš, če vam manjkajo podatki, 280 00:15:37,640 --> 00:15:40,460 na enak način, če ste ob več strani opomb 281 00:15:40,460 --> 00:15:46,490 in jih označiti s strani 104 strani 204, in greš nazaj na študij kasneje 282 00:15:46,490 --> 00:15:50,220 in vam manjka something-- ne najdete stran 304-- veš 283 00:15:50,220 --> 00:15:53,310 je nekaj narobe, zato vas lahko ogledate s pomočjo zapiskov 284 00:15:53,310 --> 00:15:58,666 enkrat ali prosite nekoga, da vam ponovno poslati predavanje ugotavlja, od tega dne. 285 00:15:58,666 --> 00:16:00,290 Isti način s podatki na internetu. 286 00:16:00,290 --> 00:16:03,220 Če sem prosil za nekaj iz nekega strežnika 287 00:16:03,220 --> 00:16:05,377 in ga je potrebno poslati je v več paketov, 288 00:16:05,377 --> 00:16:07,210 Verjetno bo število je na nek način, naj 289 00:16:07,210 --> 00:16:12,430 jaz vem, koliko bi moral sem prejel, in mi povej, oh, to je ena od 10 290 00:16:12,430 --> 00:16:13,990 ali to je eden od 10.000. 291 00:16:13,990 --> 00:16:17,030 Na ta način, ko sem šel na ponovno sestavite vsi kosi skupaj, 292 00:16:17,030 --> 00:16:21,504 Vem, če manjka nekaj in lahko zaprosi za to še enkrat. 293 00:16:21,504 --> 00:16:22,730 Ali to smiselno? 294 00:16:22,730 --> 00:16:23,610 Samo skupek pravil. 295 00:16:23,610 --> 00:16:28,120 Na njegovi podlagi, zbirko pravil, OK? 296 00:16:28,120 --> 00:16:31,360 >> Tako smo govorili tudi malo o pristaniščih. 297 00:16:31,360 --> 00:16:36,150 To je res samo standard, ki vam omogoča, da vedo, kakšne vrste podatkov 298 00:16:36,150 --> 00:16:38,650 se prenašajo v teh paketih. 299 00:16:38,650 --> 00:16:40,790 Če gremo z našimi ovojnica primer, ne bomo 300 00:16:40,790 --> 00:16:43,510 veš, da je slika Rob tam, če smo ga napisali 301 00:16:43,510 --> 00:16:45,480 na zunanji strani našega ovojnice. 302 00:16:45,480 --> 00:16:47,100 Torej, vrata so v bistvu ista stvar. 303 00:16:47,100 --> 00:16:51,670 To je samo način, da ugotovimo, kaj vrsta podatkov, ki se prenašajo. 304 00:16:51,670 --> 00:16:56,260 >> Tako da imamo vse Najpogostejše tukaj. 305 00:16:56,260 --> 00:16:59,790 Torej 21-- so to tudi vrsta od kot dobrih stvari vedeti. 306 00:16:59,790 --> 00:17:01,560 To je nekako enostavno vprašanje kviza. 307 00:17:01,560 --> 00:17:03,590 Všeč, kaj port 80 ne? 308 00:17:03,590 --> 00:17:06,970 Ali pa, kaj port 443 naredim? 309 00:17:06,970 --> 00:17:09,359 Tako dobre stvari vedeti. 310 00:17:09,359 --> 00:17:12,569 >> Torej imamo tukaj, 21 je datoteka protokol za prenos, tako da samo 311 00:17:12,569 --> 00:17:15,050 pravila, ki urejajo prenos datotek. 312 00:17:15,050 --> 00:17:19,550 25, nekaj, kar smo vsi uporabite preveč, je email. 313 00:17:19,550 --> 00:17:22,790 53 je ime domene Sistem, ki je v bistvu 314 00:17:22,790 --> 00:17:26,910 le nekakšen lookup za IP naslov domensko ime. 315 00:17:26,910 --> 00:17:29,900 >> Tako da sem precej prepričan, da je bil omenjeno v predavanju, če vas 316 00:17:29,900 --> 00:17:33,960 pojdite na nekaj podobnega google.com, da ima IP naslov 317 00:17:33,960 --> 00:17:35,818 ki je povezana z njim. 318 00:17:35,818 --> 00:17:37,026 To je pravzaprav google.com ne. 319 00:17:37,026 --> 00:17:40,720 In tako je 53 port da dejansko pride 320 00:17:40,720 --> 00:17:44,050 nega vrste prevodom v ta IP naslov za vas. 321 00:17:44,050 --> 00:17:47,830 In nato 80 in 443, so zelo pogosti. 322 00:17:47,830 --> 00:17:50,710 Vi ali imajo svojo spletno stran ali imate varno spletno stran, 323 00:17:50,710 --> 00:17:56,100 ki je veliko spletnih strani so prenos preko do sedaj. 324 00:17:56,100 --> 00:18:02,540 >> Tako da je nekako visoka raven Pregled protokola prenosa. 325 00:18:02,540 --> 00:18:05,170 Ne vidim bolj v globino. 326 00:18:05,170 --> 00:18:07,320 To je nekako kul stvari če ste zainteresirani. 327 00:18:07,320 --> 00:18:08,590 Obstaja veliko virov. 328 00:18:08,590 --> 00:18:10,780 Wikipedia je dejansko zelo dobra stran. 329 00:18:10,780 --> 00:18:13,850 Torej sem iskal na to Samo nekaj časa nazaj, 330 00:18:13,850 --> 00:18:16,580 tako da bi zelo priporočam gledaš na to, če ste zainteresirani 331 00:18:16,580 --> 00:18:22,160 ali pa 143 v dveh letih zaradi Mislim, da je vsako drugo leto. 332 00:18:22,160 --> 00:18:27,590 >> Torej, na koncu to, da smo Govorimo o spletnih straneh in HTTP, 333 00:18:27,590 --> 00:18:33,790 ki je pravzaprav naša naslednja tema danes preden gremo v HTML in CSS 334 00:18:33,790 --> 00:18:37,920 in lahko dejansko kodo do spletne strani. 335 00:18:37,920 --> 00:18:38,650 To bo zabavno. 336 00:18:38,650 --> 00:18:42,220 Bomo imeli slike zajčki in to bo super. 337 00:18:42,220 --> 00:18:48,630 >> Torej HTTP, kot lahko vidite tukaj, je eden od ljubkih kratic 338 00:18:48,630 --> 00:18:53,220 za ta teden, ki je Hypertext Transfer protokol. 339 00:18:53,220 --> 00:18:57,940 Torej, še enkrat, to je samo en sklop pravil, ki 340 00:18:57,940 --> 00:19:01,440 ureja hipertekstovno prenos, v tem primeru. 341 00:19:01,440 --> 00:19:04,120 Torej, najboljši način, da se naučijo pri tem je le nekako 342 00:19:04,120 --> 00:19:07,650 da razdeliti te posamezne besede 343 00:19:07,650 --> 00:19:10,770 ker obstaja veliko besede na zaslonu tam. 344 00:19:10,770 --> 00:19:13,290 >> Torej bomo začeli s hipertekst. 345 00:19:13,290 --> 00:19:17,630 Torej "hiper", si lahko zamislite "Zgoraj", kot super-type stvar. 346 00:19:17,630 --> 00:19:24,615 Torej, to je res samo Besedilo vzeto na naslednjo raven, tako da je kot super besedila, 347 00:19:24,615 --> 00:19:27,850 kot v naslednjem besedilu. 348 00:19:27,850 --> 00:19:34,890 Tako da je v bistvu samo besedilo, ki nam daje 349 00:19:34,890 --> 00:19:37,490 več informacij kot normalno besedilo ne, OK? 350 00:19:37,490 --> 00:19:40,510 >> Torej, v tem primeru tukaj, to je hipertekst. 351 00:19:40,510 --> 00:19:45,710 To nam pove, da imamo nekaj vez, ki bomo, 352 00:19:45,710 --> 00:19:49,620 ki je cs50.net, ki Zdaj je cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Ti diapozitivi so malo prestar. 354 00:19:51,420 --> 00:19:55,330 In to se dogaja, da se prikaže pa saj to je kot hiperpovezave, 355 00:19:55,330 --> 00:19:58,140 in potem res kul spletno stran. 356 00:19:58,140 --> 00:20:02,080 >> Tako da je besedilo, ki je malo bit res kul stvari tam. 357 00:20:02,080 --> 00:20:08,170 Tako lahko povežete stvari in lahko vstavljate slike in si lahko stil stvari. 358 00:20:08,170 --> 00:20:11,740 In najbolj pozna stvar, ki vas fantje so verjetno s hipertekst 359 00:20:11,740 --> 00:20:19,100 je HyperText Markup Language, HTML, kar seveda vsi spletu 360 00:20:19,100 --> 00:20:23,080 da vidimo okoli nas, dodeljena z nekaj CSS stil vrže v. 361 00:20:23,080 --> 00:20:25,580 >> Ampak če je kdo res velik s MySpace, 362 00:20:25,580 --> 00:20:28,240 Prepričan sem, da vse znamke HTML ves čas za oblikovanje 363 00:20:28,240 --> 00:20:30,640 ti popolni profili, kajne? 364 00:20:30,640 --> 00:20:34,930 Počutim se, kot da bi bil zastarele sklic zdaj, ampak karkoli. 365 00:20:34,930 --> 00:20:37,780 Samo little-- vidva se ne da veliko mlajši. 366 00:20:37,780 --> 00:20:40,480 Nekateri ste starejši od mene. 367 00:20:40,480 --> 00:20:42,480 MySpace je bil še vedno stvar, ko sem bil mlad. 368 00:20:42,480 --> 00:20:44,510 Nisem tako star. 369 00:20:44,510 --> 00:20:49,265 >> Kakorkoli, HTML samo oblika hipertekst. 370 00:20:49,265 --> 00:20:55,640 Torej hypertext je le besedilo z dodanimi funkcijami. 371 00:20:55,640 --> 00:21:01,790 Torej protokol za prenos je verjetno več iffy stvar razložiti. 372 00:21:01,790 --> 00:21:04,870 Očitno je, da transfer-- samo za prenos podatkov. 373 00:21:04,870 --> 00:21:09,370 Torej, ali med stranko, kot je vaš spletni brat in strežnik. 374 00:21:09,370 --> 00:21:12,090 Torej, v bistvu samo Tako internet deluje. 375 00:21:12,090 --> 00:21:16,339 >> Torej točno zahtevo kako to delo, smo 376 00:21:16,339 --> 00:21:18,755 dejansko dogaja, poglej Primer zaprosilo in odgovor. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Toda kako smo zahtevo Podatki iz strežnika 379 00:21:25,220 --> 00:21:30,590 in kako se strežnik odzove na nas kaj je ta protokol za prenos ureja. 380 00:21:30,590 --> 00:21:35,320 Tako zahteva in odgovor ima da sledite tem poseben sklop pravil. 381 00:21:35,320 --> 00:21:38,340 To je standardizirana, tako da ni važno, kam ste z uporabo interneta, 382 00:21:38,340 --> 00:21:40,720 vedno deluje enako, OK? 383 00:21:40,720 --> 00:21:43,220 >> Again, protokol, sklop pravil. 384 00:21:43,220 --> 00:21:45,620 To je samo normalen interakcija enako 385 00:21:45,620 --> 00:21:49,500 da profesor Malan govori o če nekdo razširja svojo roko, 386 00:21:49,500 --> 00:21:52,880 veste, da je skupno vljudnost do dosežejo tvoje ven in stresemo svojo roko. 387 00:21:52,880 --> 00:21:54,580 To je protokol, kajne? 388 00:21:54,580 --> 00:21:59,060 >> Zato sem dal nekaj standardizirano zaprosilo, kar želim stisnem roko, 389 00:21:59,060 --> 00:22:01,975 in daš nekaj standardiziranih odziv, ki se bodisi ne maslu 390 00:22:01,975 --> 00:22:04,600 ali lahko poskusite in stresamo my ročno ali pa boste poskušali 391 00:22:04,600 --> 00:22:06,490 in fist bump me. 392 00:22:06,490 --> 00:22:08,320 In nimamo protokol za to. 393 00:22:08,320 --> 00:22:09,360 Se pokvari. 394 00:22:09,360 --> 00:22:12,030 Ampak, če bi vsi takole istega protokola, seveda, 395 00:22:12,030 --> 00:22:14,250 gre veliko bolj neopazno. 396 00:22:14,250 --> 00:22:15,590 Ljudje spoznavajo med seboj. 397 00:22:15,590 --> 00:22:16,830 Vsakdo je vesel. 398 00:22:16,830 --> 00:22:20,750 >> Tako v svetu spleta, vsi sledijo isti rules-- 399 00:22:20,750 --> 00:22:22,940 nekoliko boljši od socialnih standardov. 400 00:22:22,940 --> 00:22:26,950 Ampak s tem si bomo pogledali na zahtevo primer tukaj. 401 00:22:26,950 --> 00:22:30,020 Tako da je to malo Ključno na dnu 402 00:22:30,020 --> 00:22:34,990 ki vam pove, različne barve, tisto, kar naj bi pomenilo. 403 00:22:34,990 --> 00:22:38,290 >> Tako bela kot tvoja metoda Zahteva in protokol version-- 404 00:22:38,290 --> 00:22:42,400 tako zahteva metoda, različica. 405 00:22:42,400 --> 00:22:44,630 In potem je to nekaj ime polja in vrednost 406 00:22:44,630 --> 00:22:47,630 tega področja, ki jo bomo gredo v zelo, zelo kmalu. 407 00:22:47,630 --> 00:22:49,840 Torej, to je zahteva primer. 408 00:22:49,840 --> 00:22:54,470 To je tako, kot me razširitev ven, želijo, da se predstavim. 409 00:22:54,470 --> 00:22:58,507 >> To je tisto, kar stranka ali kaj je tvoj spletni brskalnik 410 00:22:58,507 --> 00:22:59,840 bi bilo pošiljanje na vaš strežnik. 411 00:22:59,840 --> 00:23:04,500 Torej, to je zahteva get, tako da je prosi za nekaj, kar v strežniku. 412 00:23:04,500 --> 00:23:09,690 In to je, seveda, HTTP in to je različica 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Tako ostali to, tukaj je tisto, čemur pravimo glavo, in njegova tretja informacija 414 00:23:16,060 --> 00:23:20,050 ki nam daje boljšo predstavo kaj smo dejansko prosi za, 415 00:23:20,050 --> 00:23:23,190 ali informacije, ki jih želimo dati strežnik, ki bi lahko opredeliti. 416 00:23:23,190 --> 00:23:32,880 Torej, User-Agent daje nekaj več Opis on-- na primer, tukaj, 417 00:23:32,880 --> 00:23:38,720 curl / 7.24.0 se dejansko dogaja, da povem strežnik, da bomo s pomočjo Google 418 00:23:38,720 --> 00:23:40,700 Chrome kot naš brskalnik. 419 00:23:40,700 --> 00:23:43,290 Torej, če ste že kdaj slišali o ljudje, ki govorijo 420 00:23:43,290 --> 00:23:48,160 o oblikovanju app odziven na več brskalnikih, 421 00:23:48,160 --> 00:23:50,330 To je nekaj, kar ker bi uporabili, če 422 00:23:50,330 --> 00:23:53,000 Ne vem, kaj brskalnik Zahteva prihaja iz, 423 00:23:53,000 --> 00:23:55,050 ne morete prilagoditi podatke, ki. 424 00:23:55,050 --> 00:23:57,690 Torej v tem primeru uporabnika se samo daje tovrstne 425 00:23:57,690 --> 00:24:01,030 za ugotavljanje istovetnosti o tem, kaj brskalnik 426 00:24:01,030 --> 00:24:06,510 uporabniško trenutno uporablja, OK? 427 00:24:06,510 --> 00:24:11,640 >> Torej imamo tudi gostitelja, ki je kjer smo dejansko želijo iti. 428 00:24:11,640 --> 00:24:15,280 V tem primeru želimo kraju apple.com, kupiti nekaj kul nove iPads 429 00:24:15,280 --> 00:24:19,540 ali kaj podobnega, morda luštna Lučke na naših prostorih domu. 430 00:24:19,540 --> 00:24:24,900 In ime Vrednost na koncu je le polnilo samo splošno stvar 431 00:24:24,900 --> 00:24:25,760 za vaju videti. 432 00:24:25,760 --> 00:24:28,240 To dejansko ne ustrezajo karkoli tukaj. 433 00:24:28,240 --> 00:24:32,360 >> Tako da lahko imate kot veliko ali malo, kot želite, v vsakem primeru. 434 00:24:32,360 --> 00:24:36,990 Večino časa, to so neobvezna. 435 00:24:36,990 --> 00:24:41,780 To je odvisno samo od tega, kaj morate iz brskalnika, 436 00:24:41,780 --> 00:24:45,120 od svojega uporabnika, da bi pravilno dala zahtevo. 437 00:24:45,120 --> 00:24:48,970 Ali pa je to odvisno od tega, kaj vaš uporabnika dejansko želi, da bi do strežnika. 438 00:24:48,970 --> 00:24:54,550 Zato boste morda morali veliko, veliko teh imen header terenu 439 00:24:54,550 --> 00:24:57,140 ali pa morda samo še nekaj. 440 00:24:57,140 --> 00:24:59,630 Kot pri mnogih stvareh Rekel sem v tem poglavju, 441 00:24:59,630 --> 00:25:03,590 res je odvisno od konteksta kako boste uporabljali to. 442 00:25:03,590 --> 00:25:06,810 >> Tako da ne, da je smiselno, da se vsakogar? 443 00:25:06,810 --> 00:25:11,463 To je samo primer zahteva, glave, malenkosti. 444 00:25:11,463 --> 00:25:16,910 OK, tako da s tem, imamo nekaj odziva. 445 00:25:16,910 --> 00:25:20,510 >> Spet imamo kodo stanja, protokol različica, nato ime in polje polje 446 00:25:20,510 --> 00:25:21,700 cenijo kot vedno. 447 00:25:21,700 --> 00:25:25,500 Torej, naši različici protokola in naša statusna koda 200. 448 00:25:25,500 --> 00:25:28,610 OK, kar pomeni, da, ja, vse je šlo dobro. 449 00:25:28,610 --> 00:25:30,230 Tukaj je tisto, kar želite. 450 00:25:30,230 --> 00:25:33,750 >> Tip strežnika, vsebina type-- nam pove, OK, ste 451 00:25:33,750 --> 00:25:37,210 bo dobil nekaj besedila HTML. 452 00:25:37,210 --> 00:25:40,520 Tu je dolžina, in tukaj je kaj morate storiti s povezavo. 453 00:25:40,520 --> 00:25:43,004 OK, da še enkrat, odvisno na podlagi podatkov, ki jih boste 454 00:25:43,004 --> 00:25:45,670 prosi za, odvisno od tega, kaj Strežnik se želi vrniti k tebi, 455 00:25:45,670 --> 00:25:49,440 lahko imate več teh področju imena, imate morda manj. 456 00:25:49,440 --> 00:25:53,950 Popolnoma odvisni od konteksta. 457 00:25:53,950 --> 00:25:56,650 >> In kolikor je ta status Koda tukaj, seveda, 458 00:25:56,650 --> 00:25:59,590 200 ni le ena bi lahko imeli, kajne? 459 00:25:59,590 --> 00:26:01,580 Imamo veliko statusnih kod. 460 00:26:01,580 --> 00:26:06,120 Ali kdo spomni od drugi, ki smo jih omenili v predavanju? 461 00:26:06,120 --> 00:26:08,310 Veliko izmed njih začnejo z 4. 462 00:26:08,310 --> 00:26:09,680 >> OBČINSTVO: 404. 463 00:26:09,680 --> 00:26:11,310 >> ALLISON BUCHHOLTZ-AU: 404, kar je? 464 00:26:11,310 --> 00:26:12,140 >> OBČINSTVO: Datoteke ni mogoče najti? 465 00:26:12,140 --> 00:26:13,250 >> ALLISON BUCHHOLTZ-AU: Datoteke ni mogoče najti. 466 00:26:13,250 --> 00:26:14,120 Točno tako. 467 00:26:14,120 --> 00:26:15,587 Torej, kaj pa 403? 468 00:26:15,587 --> 00:26:16,420 OBČINSTVO: Forbidden. 469 00:26:16,420 --> 00:26:17,120 ALLISON BUCHHOLTZ-AU: Forbidden. 470 00:26:17,120 --> 00:26:18,695 Torej, kaj misliš to pomeni, da z chmods? 471 00:26:18,695 --> 00:26:20,890 >> OBČINSTVO: To pomeni, da vas Nimate dovoljenja, da ga preberete. 472 00:26:20,890 --> 00:26:22,400 >> ALLISON BUCHHOLTZ-AU: Točno tako. 473 00:26:22,400 --> 00:26:25,190 Na nek način, nimate dovoljenje za dostop do njega, kajne? 474 00:26:25,190 --> 00:26:27,242 Torej 404, 403. 475 00:26:27,242 --> 00:26:28,950 Tam je res smešno ena, da smo vedno 476 00:26:28,950 --> 00:26:31,116 uvede vsako leto, Moral bi dal gor, 477 00:26:31,116 --> 00:26:33,370 kot 413, kar je sem čajnik. 478 00:26:33,370 --> 00:26:34,390 Lahko to google. 479 00:26:34,390 --> 00:26:38,490 To je smešno, kot, da je koda 413 in to sem čajnik. 480 00:26:38,490 --> 00:26:41,240 Ki ne vem, zakaj bi jo kdaj potrebovali, da je na internetu, 481 00:26:41,240 --> 00:26:42,935 ampak jaz vstran kreniti. 482 00:26:42,935 --> 00:26:44,310 OBČINSTVO: Mogoče ste čaj pot. 483 00:26:44,310 --> 00:26:46,476 ALLISON BUCHHOLTZ-AU: Maybe Strežnik je čaj pot. 484 00:26:46,476 --> 00:26:47,890 Kdo ve? 485 00:26:47,890 --> 00:26:51,840 Vse je v redu, tako da smo na tem, da prehod v realnem kodiranja. 486 00:26:51,840 --> 00:26:54,750 Počutim se, kot vi greste priti ven od tu precej hitro. 487 00:26:54,750 --> 00:26:56,940 >> OBČINSTVO: Zakaj to počne reči "server: dvakrat? 488 00:26:56,940 --> 00:26:57,981 >> ALLISON BUCHHOLTZ-AU: Hm? 489 00:26:57,981 --> 00:27:00,350 Server dvakrat? 490 00:27:00,350 --> 00:27:03,750 To je dobro vprašanje. 491 00:27:03,750 --> 00:27:04,630 Nisem prepričan. 492 00:27:04,630 --> 00:27:07,520 Bom ugotoviti in Vse vas bomo po e-pošti. 493 00:27:07,520 --> 00:27:11,410 >> OK, vsa druga vprašanja, poleg tega? 494 00:27:11,410 --> 00:27:12,310 Dobro? 495 00:27:12,310 --> 00:27:14,390 Cool. 496 00:27:14,390 --> 00:27:17,280 >> HTML in CSS, in zdaj smo priti do vseh zabavnih delov. 497 00:27:17,280 --> 00:27:21,697 Tako kot prej sem omenil, HTML je verjetno ena od stvari, 498 00:27:21,697 --> 00:27:23,030 fantje so najbolj poznajo. 499 00:27:23,030 --> 00:27:25,760 Torej imamo Hypertext Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> Najboljši način za učenje this-- jaz ne imate pripravljene diapozitive ali karkoli 501 00:27:29,900 --> 00:27:31,480 za vaju z HTML. 502 00:27:31,480 --> 00:27:33,640 To je res učenje sintakse. 503 00:27:33,640 --> 00:27:38,380 In če ste bili v MySpace dan, bi to imelo navzdol. 504 00:27:38,380 --> 00:27:42,790 >> Torej res, največja stvar je le za opravljanje in eksperiment. 505 00:27:42,790 --> 00:27:48,000 Ena od velikih sredstev, bi jaz Toplo priporočam uporabo je W3Schools. 506 00:27:48,000 --> 00:27:50,620 Torej samo W, 3, nato šole. 507 00:27:50,620 --> 00:27:54,810 Imajo veliko Sredstva za HTML, na CSS, 508 00:27:54,810 --> 00:27:58,970 in jih dejansko imajo split screen reč 509 00:27:58,970 --> 00:28:00,830 če ti dam primer kode. 510 00:28:00,830 --> 00:28:03,290 Lahko ukvarjati z njo, spremeniti, in pritisnite Update 511 00:28:03,290 --> 00:28:06,410 in to ti bom pokazal, kaj jo dejansko počne na spletni strani. 512 00:28:06,410 --> 00:28:08,380 >> Torej, jaz bi zelo priporočam, da uporabljate. 513 00:28:08,380 --> 00:28:11,300 To je zelo kul. 514 00:28:11,300 --> 00:28:14,560 Ne boste dobili SEG napake tu, ko gredo stvari narobe. 515 00:28:14,560 --> 00:28:16,430 Če vam je uspelo dobiti seg napaka s HTML, 516 00:28:16,430 --> 00:28:19,446 ne povej mi, ker sem dogaja se pravi spletka. 517 00:28:19,446 --> 00:28:21,570 Ampak to je res kul, ker lahko spremeni stvari, 518 00:28:21,570 --> 00:28:23,550 lahko vidite, jih posodobiti v živo. 519 00:28:23,550 --> 00:28:26,210 In mislim, da boste dobili veliko bolj intuitivno razumevanje HTML 520 00:28:26,210 --> 00:28:28,690 če ste dejansko samo preživeti nekaj čas eksperimentirati z njim. 521 00:28:28,690 --> 00:28:32,590 Torej, to je, zakaj sem rekel, praksa in eksperiment. 522 00:28:32,590 --> 00:28:34,490 >> Google, od tu naprej ven, bo verjetno 523 00:28:34,490 --> 00:28:36,440 eden od vaših najboljših virov in prijateljev. 524 00:28:36,440 --> 00:28:41,080 Ali Bing-- delam pri Microsoftu, tako da morda bi moral reči Bing. 525 00:28:41,080 --> 00:28:45,590 Vendar precej karkoli je le, da bo lahko sintakso, 526 00:28:45,590 --> 00:28:51,300 tako razumevanje, kaj so oznake so, understanding-- vsaj CSS-- 527 00:28:51,300 --> 00:28:53,360 kako spremeniti nekatere lastnosti. 528 00:28:53,360 --> 00:28:55,300 To bo zelo koristno. 529 00:28:55,300 --> 00:28:58,852 >> Torej kljub temu, da ne imate pripravljene stvari, 530 00:28:58,852 --> 00:29:02,060 mi zdaj nekako nekaterih najboljših praks da želimo vama, da poskusite in spoštujejo 531 00:29:02,060 --> 00:29:06,640 by-- ali bolje, morate spoštovati do nadaljnjega obvestila. 532 00:29:06,640 --> 00:29:09,722 Torej zaprite vse svoje oznake. 533 00:29:09,722 --> 00:29:12,930 Upajmo vsi has-- veš kaj, če to nima smisla zdaj, 534 00:29:12,930 --> 00:29:15,388 Obljubim, da bo smiseln ko smo kodiranje gor stran. 535 00:29:15,388 --> 00:29:16,680 Ampak zapreti vse svoje oznake. 536 00:29:16,680 --> 00:29:20,410 Torej, če ste kdaj imeli nekaj Glava, ki je nosilec, 537 00:29:20,410 --> 00:29:24,180 H1, nosilec, se prepričajte, da vsakič, ko ste končali s tem, 538 00:29:24,180 --> 00:29:26,570 zapreš to glavo. 539 00:29:26,570 --> 00:29:30,260 Potrditi svojo stran z W3 Validator. 540 00:29:30,260 --> 00:29:34,689 Če se ne zapreš oznake, lahko dobite nepričakovano vedenje. 541 00:29:34,689 --> 00:29:37,730 To bomo rekli, da je vaša stran neveljaven če jo vodijo skozi ta validator. 542 00:29:37,730 --> 00:29:41,000 Torej, ko v doubt-- in zlasti na ta teden in naslednji teden je 543 00:29:41,000 --> 00:29:46,220 pset-- na enak način, da sprašujemo vas, da uporabite preveriti 50 in slog 50, 544 00:29:46,220 --> 00:29:49,130 si lahko misliš o tem kot enega od pregledov, OK? 545 00:29:49,130 --> 00:29:51,950 >> Torej, če se ne opravi W3 validator. 546 00:29:51,950 --> 00:29:53,810 To je nekaj, kar vas bo dock naprej. 547 00:29:53,810 --> 00:29:55,960 Ali Povem ti prav Zdaj vas bom pristati na. 548 00:29:55,960 --> 00:29:58,202 Zato poskrbite, da preveri. 549 00:29:58,202 --> 00:29:58,785 To ni težko. 550 00:29:58,785 --> 00:30:01,530 Samo prilepite v kodi in ga bomo tako pravijo dobro delo 551 00:30:01,530 --> 00:30:03,630 ali ste manjka nekaj enako 552 00:30:03,630 --> 00:30:07,760 da slog 50 vam pove kam ste zajebavam. 553 00:30:07,760 --> 00:30:11,360 >> In potem ena zadnja stvar se želite ločiti 554 00:30:11,360 --> 00:30:15,980 Vaše markup, ki je vse, HTML ali vaše besedilo, in vaš styling. 555 00:30:15,980 --> 00:30:19,420 Torej bomo naredili primer te pravice po tem. 556 00:30:19,420 --> 00:30:21,830 Zato HTML in CSS biti ločeni. 557 00:30:21,830 --> 00:30:26,030 In bomo govorili o MVC, ki je Model View Controller, 558 00:30:26,030 --> 00:30:27,100 naslednji teden. 559 00:30:27,100 --> 00:30:29,360 Vi bi morali verjetno spoznajo, da je v predavanju 560 00:30:29,360 --> 00:30:32,130 Jutri, če ste imeli že naučili danes. 561 00:30:32,130 --> 00:30:34,250 >> In to je samo neke vrste paradigma, ki smo vajeni 562 00:30:34,250 --> 00:30:37,460 uporabiti pri ustvarjanju spletu Strani ločiti stvari. 563 00:30:37,460 --> 00:30:41,440 Lahko si o njej mislijo na enak način da smo nagnjeni k ločenih funkcij v C 564 00:30:41,440 --> 00:30:43,360 kjer smo izbrskali, da bi našli stvari. 565 00:30:43,360 --> 00:30:45,530 To je samo način, da da bo vaše življenje lažje. 566 00:30:45,530 --> 00:30:51,790 To loči atribute ali kodo, ki bi uporabljali znova in znova, 567 00:30:51,790 --> 00:30:55,360 vendar na ta način, da vrsta o vodi je lepo in urejeno. 568 00:30:55,360 --> 00:30:58,260 In če želite spremeniti ena stvar, jo spremenite enkrat 569 00:30:58,260 --> 00:31:00,150 in to je spremenilo povsod drugje. 570 00:31:00,150 --> 00:31:05,010 Torej, to je bolj za vaš enostavnost in fleksibilnost. 571 00:31:05,010 --> 00:31:11,430 >> Torej s CSS, je zelo podobna HTML, temveč oznak 572 00:31:11,430 --> 00:31:15,120 da sem omenil šele zdaj, smo uporabite tisto, kar se imenuje selektorje. 573 00:31:15,120 --> 00:31:21,900 In so v bistvu samo vrste od povezati določeno oznako 574 00:31:21,900 --> 00:31:24,620 v HTML z različnimi lastnostmi. 575 00:31:24,620 --> 00:31:29,060 In ko rečem atribute, mislim stvari, kot so barve, pisave, slog pisave, 576 00:31:29,060 --> 00:31:32,694 barva ozadja, Barva besedila. 577 00:31:32,694 --> 00:31:33,610 Te vrste stvari. 578 00:31:33,610 --> 00:31:36,270 Všeč mi je, če je to na sredini, če je off na desno, 579 00:31:36,270 --> 00:31:39,430 če je inverted-- vse od teh kul stvari. 580 00:31:39,430 --> 00:31:42,490 Morebitne stilske stvari da vam za vaše besedilo, 581 00:31:42,490 --> 00:31:45,070 To je tisto, kar mislim z atributi. 582 00:31:45,070 --> 00:31:50,140 >> In potem dve glavni stvari vedeti, je, da selectors-- dve glavni factors-- 583 00:31:50,140 --> 00:31:53,090 so ID, ki je edinstven. 584 00:31:53,090 --> 00:31:54,859 Uporabite lahko le to, da za eno stvar. 585 00:31:54,859 --> 00:31:56,400 V nasprotnem primeru, se dogaja, da kričati na vas. 586 00:31:56,400 --> 00:31:59,970 In ko smo jo definirate v datoteki CSS, pa bo 587 00:31:59,970 --> 00:32:03,182 biti hash ID in potem kakšne atribute želimo. 588 00:32:03,182 --> 00:32:05,140 Obljubim, da se bomo iti skozi primer. 589 00:32:05,140 --> 00:32:06,830 To bom naredil veliko bolj smiselno. 590 00:32:06,830 --> 00:32:08,830 >> Razred se lahko nanaša na več blokov. 591 00:32:08,830 --> 00:32:13,400 Tako imate lahko vaš Prvi in ​​tretji odstavek 592 00:32:13,400 --> 00:32:17,240 imajo enako vrsto atribute ste jih vključili v isti razred. 593 00:32:17,240 --> 00:32:21,050 In ko smo jih opredeljujejo v CSS, naredimo razred dot, 594 00:32:21,050 --> 00:32:25,710 pri čemer ne glede na razred si želi, da se ga ne navaja. 595 00:32:25,710 --> 00:32:28,559 >> Torej, vem, da je to prava sedaj zelo abstraktna. 596 00:32:28,559 --> 00:32:29,850 Zato bomo kodo. 597 00:32:29,850 --> 00:32:32,060 Vem, da fantje radi da, in ti so vsi 598 00:32:32,060 --> 00:32:34,210 dogaja, da mi pomaga, ker to je vaša spletna stran. 599 00:32:34,210 --> 00:32:36,310 To je spletna stran našega dela je, fantje. 600 00:32:36,310 --> 00:32:40,158 Torej, ali obstajajo kakršne koli vprašanja, preden sem izklopite PowerPoint, ali karkoli 601 00:32:40,158 --> 00:32:42,366 Hočeš, da se pomaknete nazaj preden začnemo kodiranje? 602 00:32:42,366 --> 00:32:45,074 >> OBČINSTVO: Ko rečeš ujemajo oznake, misliš selektorje ali označbe? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON BUCHHOLTZ-AU: Lahko misliš o njih, kot isto stvar. 605 00:32:53,010 --> 00:32:54,590 To je samo različni besedi. 606 00:32:54,590 --> 00:32:56,460 Mislim, kot selektorji. 607 00:32:56,460 --> 00:32:59,470 Ampak selektorji karto tudi oznake. 608 00:32:59,470 --> 00:33:02,800 Torej si lahko misliš o njih, kot dejansko ista stvar. 609 00:33:02,800 --> 00:33:05,900 Obljubim, da se dogaja, da se bolj smiselno, ko smo kodo. 610 00:33:05,900 --> 00:33:08,400 Karkoli od PowerPoint ali na vsa vprašanja 611 00:33:08,400 --> 00:33:12,980 zdaj, preden smo dejansko nastanek strani naše strokovne? 612 00:33:12,980 --> 00:33:15,040 Vsi pripravljeni? 613 00:33:15,040 --> 00:33:15,540 Cool. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Torej imam eno začelo. 616 00:33:24,760 --> 00:33:27,030 Dovolite mi, povečati pisavo za vas. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 OK, tako da zdaj moramo samo še gole kosti spletni strani tukaj. 619 00:33:36,730 --> 00:33:38,360 >> Imamo nekaj HTML. 620 00:33:38,360 --> 00:33:41,050 Imamo nekaj glavo, ki smo jo glej tukaj kot primer spletne strani. 621 00:33:41,050 --> 00:33:44,540 Nekateri naslov, nekaj črk. 622 00:33:44,540 --> 00:33:47,580 To so oznake, OK? 623 00:33:47,580 --> 00:33:53,930 Torej, ko mislim zapreš oznake, vidimo, tukaj je ta nosilec glava je tvoja odprtina 624 00:33:53,930 --> 00:33:59,670 tag, in ta nosilec / Glava jo zaprejo, OK? 625 00:33:59,670 --> 00:34:04,380 >> Torej lahko si misliš o tem, kot je vaše oporniki v vaših če pogoji 626 00:34:04,380 --> 00:34:05,420 ali si za zanke. 627 00:34:05,420 --> 00:34:08,630 Če imate eno na začetku, hočeš eno na koncu. 628 00:34:08,630 --> 00:34:13,500 To bo še vedno dela večino časa Če nimate zaprto oznako, 629 00:34:13,500 --> 00:34:17,659 ampak najboljša praksa je zapreš oznak. 630 00:34:17,659 --> 00:34:20,940 >> Torej, v tem primeru pa bi to spremenili. 631 00:34:20,940 --> 00:34:24,150 Bomo imeli poglavje sedem. 632 00:34:24,150 --> 00:34:25,270 "Oddelek Webpage." 633 00:34:25,270 --> 00:34:26,969 Tako da sem le, da bo to spremenilo. 634 00:34:26,969 --> 00:34:32,100 >> In če gremo tja in mi reload-- moram shraniti in reload-- 635 00:34:32,100 --> 00:34:36,750 smo opazili, da se tu gor to spremenilo, kajne? 636 00:34:36,750 --> 00:34:38,250 Cool. 637 00:34:38,250 --> 00:34:39,380 Torej, to spremeni naslov. 638 00:34:39,380 --> 00:34:41,920 To je ne glede na kartici. 639 00:34:41,920 --> 00:34:43,870 >> Torej, to je nekako išče vrste dolgočasno. 640 00:34:43,870 --> 00:34:44,870 Ne vem, o fantje. 641 00:34:44,870 --> 00:34:46,810 Mislim, da želimo nekaj drugega tukaj. 642 00:34:46,810 --> 00:34:51,900 >> Torej, kaj lahko storimo, je, Glava je samo tam. 643 00:34:51,900 --> 00:34:54,320 Naredimo neko telo. 644 00:34:54,320 --> 00:34:56,550 Torej imamo neko telo tukaj. 645 00:34:56,550 --> 00:35:01,360 Vedno sem narediti odprto in Zaprem oznake za začetek, 646 00:35:01,360 --> 00:35:04,850 na enak način, da naredim naramnice. 647 00:35:04,850 --> 00:35:06,326 Ah. 648 00:35:06,326 --> 00:35:09,010 Čakaj, kaj? 649 00:35:09,010 --> 00:35:10,949 >> OBČINSTVO: [neslišno]. 650 00:35:10,949 --> 00:35:11,990 ALLISON BUCHHOLTZ-AU: Ah. 651 00:35:11,990 --> 00:35:13,895 Vidva me. 652 00:35:13,895 --> 00:35:14,930 Dobro delo. 653 00:35:14,930 --> 00:35:16,270 Zlata zvezda. 654 00:35:16,270 --> 00:35:20,300 >> OK, tako da imamo neko telo tukaj. 655 00:35:20,300 --> 00:35:22,920 In zdaj začnimo dodal nekaj besedila. 656 00:35:22,920 --> 00:35:26,110 Tako da boste morali nekaj drugačna Možnosti za dodajanje besedila. 657 00:35:26,110 --> 00:35:29,380 Imamo stvari, kot so glave. 658 00:35:29,380 --> 00:35:32,144 Imamo samo normalno besedilo. 659 00:35:32,144 --> 00:35:33,560 Torej, kaj je šele začetek z glavo. 660 00:35:33,560 --> 00:35:36,670 Pravzaprav, če želite vi dvigni W3 šole HTML, 661 00:35:36,670 --> 00:35:38,860 lahko nekako razglejte in če je kaj 662 00:35:38,860 --> 00:35:42,470 zlasti tistim, ki si želijo poskusiti s te spletne strani, to lahko storimo. 663 00:35:42,470 --> 00:35:46,250 Torej, v tem primeru, kaj je samo še nekaj H1. 664 00:35:46,250 --> 00:35:48,710 Torej h1 je kot najvišji podajo. 665 00:35:48,710 --> 00:35:52,260 To vam bo dala nekaj da je zelo velika in drzna. 666 00:35:52,260 --> 00:35:58,010 >> In v tem primeru, kaj hočemo za prvo besedilo na naši spletni strani? 667 00:35:58,010 --> 00:35:58,640 Karkoli. 668 00:35:58,640 --> 00:35:59,800 Vidva se bosta ustvarili to. 669 00:35:59,800 --> 00:36:00,758 Jaz sem le, da bo tip. 670 00:36:00,758 --> 00:36:01,620 OBČINSTVO: Pozdravljeni. 671 00:36:01,620 --> 00:36:02,870 >> ALLISON BUCHHOLTZ-AU: Pozdravljeni. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 OK, tako da, če smo ga shranite in mi osvežite, imamo veliko veliko dobrodošlico. 674 00:36:12,620 --> 00:36:17,365 Torej, le tako boste lahko videli razlike, dajmo narediti nekaj na H6. 675 00:36:17,365 --> 00:36:18,490 Kaj želimo tukaj? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Kajne? 678 00:36:27,440 --> 00:36:30,356 >> OK, tako da samo tako lahko videli razliko. 679 00:36:30,356 --> 00:36:31,990 Ja, Sublime. 680 00:36:31,990 --> 00:36:34,680 Torej, če ste opazili, h1, zelo, zelo velika. 681 00:36:34,680 --> 00:36:39,030 h6, kot so krepko, vendar precej manjši, in imate vse, kar je vmes. 682 00:36:39,030 --> 00:36:41,550 Tako da bi lahko imeli H2, H3, H4. 683 00:36:41,550 --> 00:36:43,750 In to so le glave, tako da, če ste poskušali 684 00:36:43,750 --> 00:36:46,010 ustvariti spletno stran, ki ima različne oddelke, 685 00:36:46,010 --> 00:36:48,810 morda želite uporabiti glave tam nekje. 686 00:36:48,810 --> 00:36:49,580 >> Cool. 687 00:36:49,580 --> 00:36:53,270 Torej bomo dodali nekaj več stvari v našem telesu. 688 00:36:53,270 --> 00:36:58,380 Vidim, da bi bilo nekako kul, če bi imeli sliko. 689 00:36:58,380 --> 00:37:02,840 Počutim se, kot bi lahko vsak uporablja morda srčkan zajček slika desno pa zdaj, 690 00:37:02,840 --> 00:37:05,082 tako da bomo našli slika zajček prvi. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Ne vem, če imata vidva koli preference na katero želimo. 693 00:37:12,960 --> 00:37:14,890 Ali imate kakšne nastavitve? 694 00:37:14,890 --> 00:37:15,925 Tale tukaj? 695 00:37:15,925 --> 00:37:17,160 Dol. 696 00:37:17,160 --> 00:37:17,750 OK. 697 00:37:17,750 --> 00:37:18,760 Da je eden je. 698 00:37:18,760 --> 00:37:20,080 Dobra izbira. 699 00:37:20,080 --> 00:37:21,850 >> OK, tako da bomo, da si ogledate naše slike. 700 00:37:21,850 --> 00:37:22,920 Poglej. 701 00:37:22,920 --> 00:37:24,250 Poglej to čudovit stvar. 702 00:37:24,250 --> 00:37:27,080 Kako si lahko žalosten v ponedeljek s tem? 703 00:37:27,080 --> 00:37:30,180 >> Tako da smo le, da bo kopirati URL slike. 704 00:37:30,180 --> 00:37:38,720 In tisto, kar smo želeli storiti, je, kaj je samo pravijo, da imamo nekaj strani za odstavkom. 705 00:37:38,720 --> 00:37:41,140 Bomo rekli: »Poglej poglej ljubek zajček. 706 00:37:41,140 --> 00:37:44,130 d'awwww. " 707 00:37:44,130 --> 00:37:44,880 Rada imam svoje zajčke. 708 00:37:44,880 --> 00:37:45,838 Imam zajčka doma. 709 00:37:45,838 --> 00:37:48,085 Pogrešam zajčka. 710 00:37:48,085 --> 00:37:50,460 Torej, kaj bomo do-- Ne vem, če želite, vidva 711 00:37:50,460 --> 00:37:55,970 to google this-- temveč s HTML, kako se lahko vključite sliko? 712 00:37:55,970 --> 00:37:58,355 Dobesedno, če google "Vključujejo slike HTML" 713 00:37:58,355 --> 00:38:00,480 Zakaj ne fantje povejte mi kaj naj bi to bilo tag? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> OBČINSTVO: 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 OBČINSTVO: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON BUCHHOLTZ-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 OBČINSTVO: --quote-- ja. 720 00:38:10,181 --> 00:38:11,430 ALLISON BUCHHOLTZ-AU: Popolna. 721 00:38:11,430 --> 00:38:12,090 Lovely. 722 00:38:12,090 --> 00:38:15,470 Glej, generacija MySpace, kajne? 723 00:38:15,470 --> 00:38:16,220 Publika: 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 To je bilo noro. 728 00:38:21,260 --> 00:38:23,120 OK. 729 00:38:23,120 --> 00:38:25,600 >> Zato poskrbite, da sem dobil to pravico. 730 00:38:25,600 --> 00:38:26,100 Cool. 731 00:38:26,100 --> 00:38:27,750 Zato bi to moralo biti tukaj. 732 00:38:27,750 --> 00:38:34,146 In potem, če smo osvežite, imamo zajček na strani ni to čudovit? 733 00:38:34,146 --> 00:38:35,030 >> To je tako srčkan. 734 00:38:35,030 --> 00:38:36,860 Izbrali ste veliko, veliko fotografijo. 735 00:38:36,860 --> 00:38:38,180 Jaz sem ga kopati. 736 00:38:38,180 --> 00:38:41,350 >> OK, tako da imamo to čudovit zajček zdaj. 737 00:38:41,350 --> 00:38:44,590 Smo lahko dodate slike, kar tako. 738 00:38:44,590 --> 00:38:47,550 Torej v bistvu, če je kakšna slika želite dodati na svojo spletno stran, 739 00:38:47,550 --> 00:38:49,430 ga lahko dodate tako kot je ta. 740 00:38:49,430 --> 00:38:52,910 Druga stvar bi bila, če ki ste jih slika shranjena 741 00:38:52,910 --> 00:38:55,670 v isti mapi kot te datoteke, lahko samo 742 00:38:55,670 --> 00:38:59,595 napisati karkoli ime te slike je namesto imajo spletne povezave. 743 00:38:59,595 --> 00:39:01,010 >> To bi bilo še vedno v narekovajih. 744 00:39:01,010 --> 00:39:03,700 Treba bi bilo samo všeč če smo poimenovali this-- 745 00:39:03,700 --> 00:39:06,695 če bi bila ta slika shranjena V mapi s to datoteko HTML 746 00:39:06,695 --> 00:39:08,570 da sem za urejanje in ga je bil imenovan bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Lahko bi tudi to, da in bi se prikazal. 749 00:39:13,080 --> 00:39:16,600 Vendar nimam to shranjeno v Datoteka in želim, da bo zajček, 750 00:39:16,600 --> 00:39:18,092 tako bomo obdržati povezavo. 751 00:39:18,092 --> 00:39:20,720 >> OBČINSTVO: Kaj 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 To je appropriate-- poglej, jo lahko sprejme. 754 00:39:25,170 --> 00:39:25,770 Sprejetje. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Želim, da sprejme to zajčka. 757 00:39:29,190 --> 00:39:31,180 Oh, bog, to je tako srčkan. 758 00:39:31,180 --> 00:39:34,230 >> OK, tako da smo dodali glave. 759 00:39:34,230 --> 00:39:35,500 Dodali smo slike. 760 00:39:35,500 --> 00:39:37,760 Očitno je, da smo dodali nekaj besedila tukaj, kajne? 761 00:39:37,760 --> 00:39:40,920 Če bi želeli dodati drugo Besedila, bi šel takole. 762 00:39:40,920 --> 00:39:43,760 Torej je to še en odstavek. 763 00:39:43,760 --> 00:39:49,070 >> In smo rekli, "to je še en odstavek." 764 00:39:49,070 --> 00:39:52,510 Tudi jaz sem grozno Speller, tako da sem lahko misspell stvari. 765 00:39:52,510 --> 00:39:54,930 Samo v vednost. 766 00:39:54,930 --> 00:39:58,450 >> Torej imamo še en točka tukaj, kajne? 767 00:39:58,450 --> 00:40:02,190 Mogoče hočeš nekaj storiti malo bolj zanimiva kot samo 768 00:40:02,190 --> 00:40:04,640 imajo vse vaše besedilo, kot je desno poravnano. 769 00:40:04,640 --> 00:40:08,490 Morda želite centrirati besedilo, OK? 770 00:40:08,490 --> 00:40:11,820 >> Torej, če nekdo želi uporabiti tiste priročni računalniki pred vami 771 00:40:11,820 --> 00:40:19,034 in mi povej, kako ste bo osredotočilo to besedilo, 772 00:40:19,034 --> 00:40:20,300 >> OBČINSTVO: p align. 773 00:40:20,300 --> 00:40:24,834 >> ALLISON BUCHHOLTZ-AU: Torej p align enaka "center". 774 00:40:24,834 --> 00:40:25,750 On jo ubije, fantje. 775 00:40:25,750 --> 00:40:28,240 Y'all morali pospešiti. 776 00:40:28,240 --> 00:40:36,042 In imamo "To je v sredini." 777 00:40:36,042 --> 00:40:37,500 In zdaj imamo nekaj v sredini. 778 00:40:37,500 --> 00:40:39,380 >> Na enak način, če ti želim, da levo poravnana, 779 00:40:39,380 --> 00:40:42,020 ki jo lahko naredite poravnate enaka levo, poravnava je enaka pravica. 780 00:40:42,020 --> 00:40:42,850 Povsem odvisno od vas. 781 00:40:42,850 --> 00:40:55,580 Če sem prav tukaj, potem je to should-- zdaj je desno poravnano. 782 00:40:55,580 --> 00:40:57,020 >> OBČINSTVO: Allison? 783 00:40:57,020 --> 00:41:00,884 S slikovnega vira, zakaj ni tam blizu vira img? 784 00:41:00,884 --> 00:41:02,050 ALLISON BUCHHOLTZ-AU: Žal mi je. 785 00:41:02,050 --> 00:41:05,300 To bi morali biti Zdaj pa si dober. 786 00:41:05,300 --> 00:41:06,026 Zdaj smo dobri. 787 00:41:06,026 --> 00:41:08,150 OBČINSTVO: Ali ne imate zapreti tam, ali ne? 788 00:41:08,150 --> 00:41:11,450 ALLISON BUCHHOLTZ-AU: No, tako img vir, to je ena just-- s sliko, 789 00:41:11,450 --> 00:41:17,110 to je samo videti kot en element, medtem če opazite, za preostanek teh, 790 00:41:17,110 --> 00:41:22,106 imamo nekaj oznako nato informacije, ki se nanaša na in zapiralni tag. 791 00:41:22,106 --> 00:41:24,480 Ampak s podobo, vse je nekako v enem kosu. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 Cool. 794 00:41:29,040 --> 00:41:33,530 Torej, fantje vedo, kako ustvariti header, veste, kako vnos besedila, 795 00:41:33,530 --> 00:41:37,060 veš, kako postaviti sliko v Zdaj lahko poravnate stvari. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Druga stvar, ki se vam bi želeli, da bi lahko storili 798 00:41:42,590 --> 00:41:47,649 je, da ustvarite seznam v CS-- smo nekako gredo v pset naslednji teden. 799 00:41:47,649 --> 00:41:49,440 Stvari, ki smo običajno poučujejo ta teden 800 00:41:49,440 --> 00:41:51,480 gre zelo dobro z pset naslednji teden, tako da smo 801 00:41:51,480 --> 00:41:54,250 vrste mešanje, prekrivajočih se stvari tukaj. 802 00:41:54,250 --> 00:41:56,290 Vendar bo to uporabno za naslednji teden. 803 00:41:56,290 --> 00:42:02,500 >> Torej, če smo želeli ustvariti nekaj seznam, kako lahko to storimo? 804 00:42:02,500 --> 00:42:03,760 Ne moreš odgovoriti na to čas. 805 00:42:03,760 --> 00:42:04,700 Nekdo drug je. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 To ni težko, fantje, obljubim. 808 00:42:09,440 --> 00:42:13,090 Google "Neurejen seznam HTML." 809 00:42:13,090 --> 00:42:14,076 Kaj je to? 810 00:42:14,076 --> 00:42:16,244 >> OBČINSTVO: [neslišno]. 811 00:42:16,244 --> 00:42:17,410 ALLISON BUCHHOLTZ-AU: Right. 812 00:42:17,410 --> 00:42:20,490 Torej želimo naročiti ali neurejenega? 813 00:42:20,490 --> 00:42:21,500 Naredimo neurejenega. 814 00:42:21,500 --> 00:42:25,240 Torej imamo nekaj UL, ki stojala za neurejen seznam. 815 00:42:25,240 --> 00:42:27,997 In kaj imamo za vsak element? 816 00:42:27,997 --> 00:42:29,080 Ali potrebuje svojo značko? 817 00:42:29,080 --> 00:42:30,556 Lahko smo samo začeti pisati stvari? 818 00:42:30,556 --> 00:42:31,330 >> OBČINSTVO: li. 819 00:42:31,330 --> 00:42:32,826 >> ALLISON BUCHHOLTZ-AU: li. 820 00:42:32,826 --> 00:42:34,785 Torej, kaj je naš seznam bo? 821 00:42:34,785 --> 00:42:37,050 Kaj želimo tu? 822 00:42:37,050 --> 00:42:38,190 Pravkar delamo imena. 823 00:42:38,190 --> 00:42:39,250 Pač Jakob. 824 00:42:39,250 --> 00:42:40,340 >> OBČINSTVO: Rabbit živila. 825 00:42:40,340 --> 00:42:40,990 >> ALLISON BUCHHOLTZ-AU: Rabbit živila. 826 00:42:40,990 --> 00:42:41,910 OK To mi je všeč. 827 00:42:41,910 --> 00:42:42,520 Rabbit živila. 828 00:42:42,520 --> 00:42:44,440 >> OK, tako da imamo korenje. 829 00:42:44,440 --> 00:42:46,640 Všeč mi je ta zajec temo. 830 00:42:46,640 --> 00:42:48,024 Jaz sem se veliko kopali. 831 00:42:48,024 --> 00:42:50,440 OBČINSTVO: Pravzaprav sem mislil, da bi Jacob zakonit. 832 00:42:50,440 --> 00:42:51,606 ALLISON BUCHHOLTZ-AU: Jacob? 833 00:42:51,606 --> 00:42:53,120 Jacob je zajec hrane. 834 00:42:53,120 --> 00:42:55,310 Če ste videli Jakoba Fotografija iz uradnih ur, 835 00:42:55,310 --> 00:42:56,850 ste morda mislili, da je dobil napadel morilec zajca. 836 00:42:56,850 --> 00:42:58,099 >> OBČINSTVO: Imam zajca zdaj. 837 00:42:58,099 --> 00:42:59,710 Imam morilec zajec zdaj. 838 00:42:59,710 --> 00:43:00,540 >> ALLISON BUCHHOLTZ-AU: Se šališ? 839 00:43:00,540 --> 00:43:02,081 >> OBČINSTVO: Jaz bom pa naslednji odsek prinašajo. 840 00:43:02,081 --> 00:43:02,990 Imam jo. 841 00:43:02,990 --> 00:43:04,240 >> ALLISON BUCHHOLTZ-AU: To je smešno. 842 00:43:04,240 --> 00:43:04,730 Kakorkoli že. 843 00:43:04,730 --> 00:43:05,510 >> OBČINSTVO: [neslišno] 844 00:43:05,510 --> 00:43:07,510 >> OBČINSTVO: Ja, moja Proctor ima zajca, kot dobro. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON BUCHHOLTZ-AU: Želim zajca. 847 00:43:11,580 --> 00:43:15,415 OK, kdor prinaša resnično zajec na Naslednji razdelek, skupno Brownie točk. 848 00:43:15,415 --> 00:43:16,290 OBČINSTVO: [neslišno] 849 00:43:16,290 --> 00:43:16,943 OBČINSTVO: Oh, to ni realno. 850 00:43:16,943 --> 00:43:17,910 To je polnjene zajec. 851 00:43:17,910 --> 00:43:18,855 >> ALLISON BUCHHOLTZ-AU: Oh ja, lahko zaprete to. 852 00:43:18,855 --> 00:43:20,174 Izgleda rad. 853 00:43:20,174 --> 00:43:21,590 OBČINSTVO: Ali je v resnici pomembno? 854 00:43:21,590 --> 00:43:23,465 ALLISON BUCHHOLTZ-AU: To pa ne. 855 00:43:23,465 --> 00:43:25,590 Z večino teh stvari, vam ne zaprete oznako, 856 00:43:25,590 --> 00:43:28,750 99% časa nič slabega se dogaja zgodilo, ampak to je dobra stil, preveč. 857 00:43:28,750 --> 00:43:30,250 Torej Jakoba. 858 00:43:30,250 --> 00:43:31,864 In imamo solato. 859 00:43:31,864 --> 00:43:33,655 OBČINSTVO: Za povezave to je res pomembno. 860 00:43:33,655 --> 00:43:34,696 ALLISON BUCHHOLTZ-AU: Hm? 861 00:43:34,696 --> 00:43:35,890 OBČINSTVO: Za povezave. 862 00:43:35,890 --> 00:43:37,431 ALLISON BUCHHOLTZ-AU: Za povezave. 863 00:43:37,431 --> 00:43:38,610 Da, hiperpovezave jo potrebujete. 864 00:43:38,610 --> 00:43:40,770 OK, tako da je videti tukaj. 865 00:43:40,770 --> 00:43:44,810 In imamo v bližini našega seznama. 866 00:43:44,810 --> 00:43:46,635 In gledamo na to. 867 00:43:46,635 --> 00:43:49,680 Smo all-- Jakoba, prav tam. 868 00:43:49,680 --> 00:43:52,310 Rabbit hrane. 869 00:43:52,310 --> 00:43:54,000 Spominja me na Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> OBČINSTVO: [neslišno] 871 00:43:55,234 --> 00:43:58,400 ALLISON BUCHHOLTZ-AU: Jaz sem obuditev Vse je danes stara reference šola, 872 00:43:58,400 --> 00:43:59,130 ne jaz? 873 00:43:59,130 --> 00:44:01,210 Le vse stare šolske viri. 874 00:44:01,210 --> 00:44:05,767 Bi morala biti vložena kot Gogurts ali kaj za prigrizke. 875 00:44:05,767 --> 00:44:07,079 >> OBČINSTVO: Ali 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 Bom videl, če bom lahko spremljali dol Gushers za naslednji teden. 879 00:44:10,920 --> 00:44:11,980 Mislim, da lahko to storim. 880 00:44:11,980 --> 00:44:13,980 Mislim, da bi morali nekaj v pisarni. 881 00:44:13,980 --> 00:44:18,570 >> OK, tako da smo iz veliko drugačna stvari, ki jih lahko storite s HTML, kajne? 882 00:44:18,570 --> 00:44:23,910 In kot si verjetno lahko videli, da je nothing-- upam, da ne preveč intim-- 883 00:44:23,910 --> 00:44:25,750 če je, ne mislim omalovaževati nikomur. 884 00:44:25,750 --> 00:44:29,090 Če imate težave, prosim pridi govoriti z mano. 885 00:44:29,090 --> 00:44:31,340 >> Večino pa je le gledamo na sintakso, kajne? 886 00:44:31,340 --> 00:44:34,180 Če želite neurejen seznam, če hočeš neke vrste seznama 887 00:44:34,180 --> 00:44:38,450 če želite, da kaj poravnati ali Nekaj ​​format, to je vse o pravkar 888 00:44:38,450 --> 00:44:42,080 nekako je videti up sintaksa za HTML, kajne? 889 00:44:42,080 --> 00:44:44,720 In ena stvar, ki je precej kul dejansko 890 00:44:44,720 --> 00:44:51,360 je, če greš to-- poglejmo, kaj je lepo, spletna stran, ki vam je všeč? 891 00:44:51,360 --> 00:44:54,920 Kdo kakšne najljubše spletne strani da so OK, da bi na spletu? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Veš kaj, kaj je samo naredil CS50. 894 00:44:58,840 --> 00:45:01,800 To je lepo in varno, kajne? 895 00:45:01,800 --> 00:45:03,060 >> OK, tako CS50 tukaj. 896 00:45:03,060 --> 00:45:05,540 Oh poglej, tam je oddelek zdaj. 897 00:45:05,540 --> 00:45:07,113 Če vam je všeč, kako izgleda. 898 00:45:07,113 --> 00:45:08,030 >> OBČINSTVO: [neslišno]. 899 00:45:08,030 --> 00:45:10,696 ALLISON BUCHHOLTZ-AU: Nismo naredili meta poglavje, fantje. 900 00:45:10,696 --> 00:45:11,560 To se ne dogaja. 901 00:45:11,560 --> 00:45:14,540 Bilo bi kul, ampak ne bomo, da to storite. 902 00:45:14,540 --> 00:45:17,040 >> Torej, kaj storiti, si lahko storiti, če vam je všeč način 903 00:45:17,040 --> 00:45:21,390 to deluje, je lahko vedno prav kliknite na katero koli spletno stran, ki vam je všeč 904 00:45:21,390 --> 00:45:23,660 in lahko storite Ogled vira. 905 00:45:23,660 --> 00:45:26,030 To bo odprlo vse HTML. 906 00:45:26,030 --> 00:45:30,800 In to je pravzaprav res dober način, da stil svojo spletno stran. 907 00:45:30,800 --> 00:45:33,640 Pojdite na spletno stran, ki vas Res mi je všeč in poglej HTML 908 00:45:33,640 --> 00:45:35,430 in ugotoviti, kako je to naredil. 909 00:45:35,430 --> 00:45:39,280 >> In dobesedno, tako dolgo, kot navajajo stvari, 910 00:45:39,280 --> 00:45:41,940 Dokler nisi samo krasti od ljudi, to je OK. 911 00:45:41,940 --> 00:45:43,890 Posebej za CS50 [? financiranje?] smo 912 00:45:43,890 --> 00:45:46,950 nekako vas pričakuje, da bi dobili Navdih iz druge spletne strani. 913 00:45:46,950 --> 00:45:48,070 Zato vas prosimo. 914 00:45:48,070 --> 00:45:51,360 Poglej prek spletne strani, misliš, da so res lepa 915 00:45:51,360 --> 00:45:54,870 in ugotovimo, kako jih uporabiti HTML in CSS narediti te stvari. 916 00:45:54,870 --> 00:45:59,860 >> Torej, kot vidite tu, tam je očitno kot povezave in imamo tukaj razred. 917 00:45:59,860 --> 00:46:00,950 Imamo povezavo tukaj. 918 00:46:00,950 --> 00:46:03,100 Imamo seznam. 919 00:46:03,100 --> 00:46:05,370 Verjetno imamo nekaj slik v tu nekje. 920 00:46:05,370 --> 00:46:08,332 >> Imava nekaj kul slog tukaj. 921 00:46:08,332 --> 00:46:10,040 To je naslednja stvar, bomo storili. 922 00:46:10,040 --> 00:46:14,580 Torej slog, ko boste videli te slog nosilci, je CSS bistvu. 923 00:46:14,580 --> 00:46:15,880 Ben, pa imate vprašanje? 924 00:46:15,880 --> 00:46:16,880 >> OBČINSTVO: Kaj je div? 925 00:46:16,880 --> 00:46:20,039 >> ALLISON BUCHHOLTZ-AU: div je samo a-- kaj je div? 926 00:46:20,039 --> 00:46:20,830 OBČINSTVO: Division. 927 00:46:20,830 --> 00:46:22,121 ALLISON BUCHHOLTZ-AU: Division. 928 00:46:22,121 --> 00:46:25,960 Ja, to je tako kot ločevanje različnih elementov. 929 00:46:25,960 --> 00:46:28,650 OK, tako da tukaj je tisto, kar smo dogaja, da gredo v naslednjo. 930 00:46:28,650 --> 00:46:31,550 Tako da to morda ni najboljša slog, saj če opazite 931 00:46:31,550 --> 00:46:37,681 imamo HTML in slog na isti strani, in dejansko želimo ločiti tiste, 932 00:46:37,681 --> 00:46:38,180 OK? 933 00:46:38,180 --> 00:46:41,620 In pravzaprav, kaj me odpreti svoj pravega 934 00:46:41,620 --> 00:46:45,990 ker naj bi to bilo PDF, tako da imamo style.css. 935 00:46:45,990 --> 00:46:51,210 >> Torej, kaj lahko storimo, tukaj je to so kul stvari, kot neke fade 936 00:46:51,210 --> 00:46:55,550 in bi lahko poskusila narediti, vendar menim, kot bi jaz nered, ki se na letenje, 937 00:46:55,550 --> 00:46:58,520 zato vam spodbujajo fantje poskusite, da gredo na svoje, 938 00:46:58,520 --> 00:47:00,310 ampak ne bom, da to storite zdaj. 939 00:47:00,310 --> 00:47:03,790 Torej, če ste fantje, ne pozabite, če si kdaj udaril problem niz, 940 00:47:03,790 --> 00:47:05,584 nekaj swoops v od strani. 941 00:47:05,584 --> 00:47:08,000 Ima opraviti z fade in prehod in malenkosti. 942 00:47:08,000 --> 00:47:09,630 >> OBČINSTVO: In to je vse, CSS in HTML? 943 00:47:09,630 --> 00:47:11,460 >> ALLISON BUCHHOLTZ-AU: Vse CSS in HTML. 944 00:47:11,460 --> 00:47:12,420 Ja. 945 00:47:12,420 --> 00:47:17,720 Tako da lahko naredite veliko zares kul stvari z CSS in HTML. 946 00:47:17,720 --> 00:47:22,280 Torej, z našimi super zajček spletno stran tukaj smo 947 00:47:22,280 --> 00:47:25,240 naredili malo malo CSS styling z njim. 948 00:47:25,240 --> 00:47:28,850 >> Torej, če ste kdaj imeli stil stanja, ki ga imamo tukaj, 949 00:47:28,850 --> 00:47:30,550 lahko samo poklicati style.css. 950 00:47:30,550 --> 00:47:32,090 Lahko ga pokličete, kar želite. 951 00:47:32,090 --> 00:47:37,110 Kar je pomembno, je, da bomo da jo reference v naši web.html tukaj. 952 00:47:37,110 --> 00:47:41,670 >> Torej, kaj bomo storili, je we-- tako da ne nered to up-- 953 00:47:41,670 --> 00:47:46,180 bomo povezali Ti dve datoteki skupaj. 954 00:47:46,180 --> 00:47:49,340 Torej, v istem way-- grem potegniti analogijo s C tukaj. 955 00:47:49,340 --> 00:47:53,510 Na enak način, če imate nekateri library-- in imamo cs50.h-- 956 00:47:53,510 --> 00:47:55,520 naš prevajalnik ga povezuje. 957 00:47:55,520 --> 00:47:58,040 To je samo eksplicitno Povezava na naši strani. 958 00:47:58,040 --> 00:48:01,840 Torej, na enak način, da delamo hash vključujejo nekatere datoteke, kaj 959 00:48:01,840 --> 00:48:06,890 Jaz sem na tem, da bi napisal je samo HTML / CSS ekvivalent tega. 960 00:48:06,890 --> 00:48:11,970 >> Mi smo samo rekel, OK, to spletno stran se bo uporaba te slogovne, OK? 961 00:48:11,970 --> 00:48:23,360 Torej imamo povezavo rel enak slogi. 962 00:48:23,360 --> 00:48:30,870 In potem imamo tipa, CSS. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 In potem href enaka. 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 Torej, vse to naredil, tukaj je lahko misliti, da je to isto stvar 968 00:48:45,680 --> 00:48:47,550 kot hash vključujejo. 969 00:48:47,550 --> 00:48:53,450 Očitno je videti malo bolj zapleteno, vendar v vseh primerih, 970 00:48:53,450 --> 00:48:55,370 to je dejansko ista stvar. 971 00:48:55,370 --> 00:49:00,940 Torej je to samo nekaj povezovanje slogi, je tipa text / css, 972 00:49:00,940 --> 00:49:02,875 in ime ji je style.css. 973 00:49:02,875 --> 00:49:05,560 >> Kaj je pomembno vedeti je, da spletne strani 974 00:49:05,560 --> 00:49:09,155 da delam prav now-- web.html in style.css-- so v isti mapi. 975 00:49:09,155 --> 00:49:14,740 Ker v različnih mapah, morate dati dejansko koren 976 00:49:14,740 --> 00:49:17,480 za to, ali je pot do nje. 977 00:49:17,480 --> 00:49:20,620 Toda v tem primeru, smo ga držimo super enostavno in to se dogaja tukaj. 978 00:49:20,620 --> 00:49:26,730 Torej, če bomo to storili, imam nekaj stvari, ki so že v čakalni vrsti tukaj. 979 00:49:26,730 --> 00:49:31,680 >> Torej imamo neko telo, ki se dogaja da imamo barvo ozadja, ki 980 00:49:31,680 --> 00:49:33,320 zdaj je svetlo modre barve. 981 00:49:33,320 --> 00:49:36,850 Lahko ga spremenite, če želimo, vendar če sem te prav spomnim, 982 00:49:36,850 --> 00:49:39,270 bi bilo samo zamenjati za svetlo modro. 983 00:49:39,270 --> 00:49:42,050 In zdaj imamo svetlo modro ozadje. 984 00:49:42,050 --> 00:49:47,490 In smo imeli here-- lahko vsakdo zapomniti ki je eden hash ID ali razred? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> OBČINSTVO: ID. 987 00:49:51,080 --> 00:49:51,800 >> ALLISON BUCHHOLTZ-AU: ID. 988 00:49:51,800 --> 00:49:52,420 Cool. 989 00:49:52,420 --> 00:49:58,920 Torej, kaj želimo narediti je katera od teh pisav 990 00:49:58,920 --> 00:50:01,534 ali which-- hočemo "Poglej srčkan zajček ", da je vijolična? 991 00:50:01,534 --> 00:50:02,950 Mislim, da želimo, da bi bila vijolične barve. 992 00:50:02,950 --> 00:50:04,640 Sem dol s tem pa vijolične barve. 993 00:50:04,640 --> 00:50:08,790 >> Torej, kaj morate storiti, je vam ID equals-- v tem primeru 994 00:50:08,790 --> 00:50:13,630 Rekel sem, kaj, lepa barva tukaj. 995 00:50:13,630 --> 00:50:14,780 Mi osvežite. 996 00:50:14,780 --> 00:50:17,460 Naenkrat, je vijolične barve. 997 00:50:17,460 --> 00:50:20,680 OK, tako da z ID, se spomnite da mora biti edinstvena, 998 00:50:20,680 --> 00:50:24,370 tako da nikoli ne sme biti s pomočjo Ta ID nikjer drugje. 999 00:50:24,370 --> 00:50:27,760 Vendar z razredom, saj imamo tukaj z lepo pisavo, 1000 00:50:27,760 --> 00:50:30,300 Moral bi biti sposobni uporabljati da kjerkoli hočem. 1001 00:50:30,300 --> 00:50:33,160 >> Torej, kaj je naredil tole tukaj. 1002 00:50:33,160 --> 00:50:41,100 Tako lahko rečemo, razred enak lepo pisavo. 1003 00:50:41,100 --> 00:50:46,190 In če pogledamo zdaj imamo to kul lepo pisavo tukaj. 1004 00:50:46,190 --> 00:50:49,160 Mogoče hočem narediti oboje. 1005 00:50:49,160 --> 00:50:52,786 OK, jaz zdaj ne vem, če je to bo šlo, ampak želim, da ga preizkusite. 1006 00:50:52,786 --> 00:50:54,410 In to je, kako ste izvedeli, CSS in HTML. 1007 00:50:54,410 --> 00:50:55,660 Ste kot veste kaj, rad bi poskusil s tem. 1008 00:50:55,660 --> 00:50:56,430 Nisem prepričan, če se bo šlo. 1009 00:50:56,430 --> 00:50:57,346 Bomo videli, če deluje. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> In poglej to. 1012 00:51:01,540 --> 00:51:04,540 Zdaj je v vijolični in to je lepa pisava. 1013 00:51:04,540 --> 00:51:08,692 OK, tako da boste imeli vse te različnih stvari, ki jih lahko storite. 1014 00:51:08,692 --> 00:51:09,650 Imate vprašanje? 1015 00:51:09,650 --> 00:51:10,275 >> OBČINSTVO: Ja. 1016 00:51:10,275 --> 00:51:13,280 No, tako kot barve boste uporabljali, so besede. 1017 00:51:13,280 --> 00:51:16,005 Ali obstaja način za barve s šestnajstiško RGB? 1018 00:51:16,005 --> 00:51:18,880 ALLISON BUCHHOLTZ-AU: Lahko tudi to storite s heksadecimalni, verjamem. 1019 00:51:18,880 --> 00:51:19,803 Ja. 1020 00:51:19,803 --> 00:51:22,136 Ampak to je nekako lepo, če vas Ne želim, da jih poiščete. 1021 00:51:22,136 --> 00:51:23,762 Lahko samo všeč, vijolična ali modra. 1022 00:51:23,762 --> 00:51:25,720 OBČINSTVO: Pa upam, da vem, kaj to pomeni. 1023 00:51:25,720 --> 00:51:26,886 ALLISON BUCHHOLTZ-AU: Right. 1024 00:51:26,886 --> 00:51:29,580 Torej, kaj je, da to branje ali Chartreuse. 1025 00:51:29,580 --> 00:51:32,060 Zakaj bi si kdaj izbrati Chartreuse? 1026 00:51:32,060 --> 00:51:33,340 To je zanimiva barva. 1027 00:51:33,340 --> 00:51:37,355 >> OK, torej je očitno, da lahko vidimo lahko spremeni stvari, vendar želimo. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Če bi želeli create-- recimo smo želeli ustvariti še en razred. 1030 00:51:45,392 --> 00:51:46,850 Kaj bi vi želeli spremeniti? 1031 00:51:46,850 --> 00:51:51,840 Če se povlečejo navzgor W3Schools " CSS dokumentacija, 1032 00:51:51,840 --> 00:51:54,450 Pustim besedo vas. 1033 00:51:54,450 --> 00:51:57,990 Mi lahko poskusiti in narediti z nekaj kul to v zadnjih nekaj minutah. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Ker sem nekako dal crash seveda na veliko kul stvari 1036 00:52:03,150 --> 00:52:03,970 da lahko to storite. 1037 00:52:03,970 --> 00:52:09,956 Ampak na koncu, kot sem rekel, če vas samo poskus, boste izvedeli veliko. 1038 00:52:09,956 --> 00:52:12,212 >> OBČINSTVO: Si pogledal gor to pisavo? 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON BUCHHOLTZ-AU: Ja, Pogledal sem to pisavo. 1040 00:52:14,295 --> 00:52:17,200 Tako kot dobesedno, sem šel to-- Kaj sem naredil? 1041 00:52:17,200 --> 00:52:22,371 Sem CSS seznam pisav in Nato sem naredil font kup, 1042 00:52:22,371 --> 00:52:25,120 in potem sem si mislil, poglej tukaj so vsi kul pisave se jih lahko storite. 1043 00:52:25,120 --> 00:52:28,180 In tam je bil ta, da Sem ga kopiral v mojo odložišče. 1044 00:52:28,180 --> 00:52:31,820 In potem sem si mislil, OK, kul, pa gremo. 1045 00:52:31,820 --> 00:52:32,320 Vse narejeno. 1046 00:52:32,320 --> 00:52:35,920 >> OBČINSTVO: Torej vam morajo zagotoviti, da CSS, da ve, kaj to je pisava. 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON BUCHHOLTZ-AU: Da. 1048 00:52:37,370 --> 00:52:38,190 >> OBČINSTVO: Kaj piše na koncu? 1049 00:52:38,190 --> 00:52:38,790 Poševno? 1050 00:52:38,790 --> 00:52:40,040 >> ALLISON BUCHHOLTZ-AU: ležeči. 1051 00:52:40,040 --> 00:52:40,950 Ja. 1052 00:52:40,950 --> 00:52:42,310 >> OBČINSTVO: Ozadje. 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON BUCHHOLTZ-AU: Ozadje. 1054 00:52:43,290 --> 00:52:44,180 OK. 1055 00:52:44,180 --> 00:52:46,490 Torej hočeš, da mi poveš, kako to storiti. 1056 00:52:46,490 --> 00:52:47,390 Pustim to za vas. 1057 00:52:47,390 --> 00:52:49,070 Jaz sem samo tipkanje tu zdaj. 1058 00:52:49,070 --> 00:52:51,714 Kolo je v vaših rokah. 1059 00:52:51,714 --> 00:52:52,660 >> OBČINSTVO: OK 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON BUCHHOLTZ-AU: OK. 1061 00:52:53,701 --> 00:52:54,720 Kaj počnem? 1062 00:52:54,720 --> 00:53:02,929 >> OBČINSTVO: Doing-- vem kaj prihaja po kodrasti naramnicami. 1063 00:53:02,929 --> 00:53:03,970 ALLISON BUCHHOLTZ-AU: OK. 1064 00:53:03,970 --> 00:53:06,707 Torej, verjetno v telesu, sem bi prevzeli, ker smo 1065 00:53:06,707 --> 00:53:08,040 delaš s sliko v ozadju. 1066 00:53:08,040 --> 00:53:08,940 >> OBČINSTVO: Ja, kaj je storil. 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON BUCHHOLTZ-AU: OK. 1068 00:53:09,981 --> 00:53:14,260 OBČINSTVO: OK, tako da ozadje kolona, ​​in nato smo 1069 00:53:14,260 --> 00:53:16,894 Potrebujete URL naslov te slike. 1070 00:53:16,894 --> 00:53:18,560 Mogoče pseudo-code, ki za zdaj, morda. 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON BUCHHOLTZ-AU: Kaj mi bi radi to-- 1072 00:53:20,601 --> 00:53:22,574 OBČINSTVO: Razmišljam kot GIF. 1073 00:53:22,574 --> 00:53:23,740 ALLISON BUCHHOLTZ-AU: GIF? 1074 00:53:23,740 --> 00:53:26,070 To bo zanimivo. 1075 00:53:26,070 --> 00:53:27,840 OK, kaj sem googling tukaj? 1076 00:53:27,840 --> 00:53:29,670 >> OBČINSTVO: No, to je vaša izbira. 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON BUCHHOLTZ-AU: Zakaj ne we-- če je zajček, 1078 00:53:32,090 --> 00:53:35,610 Počutim se, kot da bi morali imeti lepa travnata zelenica ali kaj podobnega. 1079 00:53:35,610 --> 00:53:38,275 >> OBČINSTVO: Travnik. 1080 00:53:38,275 --> 00:53:39,350 Travnik. 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON BUCHHOLTZ-AU: travnik? 1082 00:53:40,641 --> 00:53:41,851 OK. 1083 00:53:41,851 --> 00:53:42,975 OBČINSTVO: Ali Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON BUCHHOLTZ-AU: Tole izgleda precej. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Oh, to je majhen, čeprav. 1088 00:53:50,380 --> 00:53:51,700 Potrebujemo dobre slike. 1089 00:53:51,700 --> 00:53:53,142 Poglejmo. 1090 00:53:53,142 --> 00:53:54,570 Oh, poglej. 1091 00:53:54,570 --> 00:53:55,630 To je precej travnik. 1092 00:53:55,630 --> 00:53:58,320 Veš kaj mi je všeč. 1093 00:53:58,320 --> 00:53:59,300 Oglejmo kopirati to. 1094 00:53:59,300 --> 00:54:08,020 >> OBČINSTVO: OK, tako da mislim, da je URL, odprti oklepaji. 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON BUCHHOLTZ-AU: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> OBČINSTVO: Potem naslov. 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON BUCHHOLTZ-AU: OK. 1098 00:54:13,610 --> 00:54:14,750 Je to vse, kar potrebujemo? 1099 00:54:14,750 --> 00:54:20,550 >> OBČINSTVO: Close oklepaje podpičje, in potem prostor, ozadje vezaj 1100 00:54:20,550 --> 00:54:27,050 navezanost debelega črevesa fiksno in kodrasti brace. 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON BUCHHOLTZ-AU: OK. 1102 00:54:28,110 --> 00:54:29,114 Poglejmo, če to deluje. 1103 00:54:29,114 --> 00:54:30,780 To se dogaja, da je precej kul, če to počne. 1104 00:54:30,780 --> 00:54:33,880 Jaz sem pravi navdušena tukaj. 1105 00:54:33,880 --> 00:54:35,070 To ni delo. 1106 00:54:35,070 --> 00:54:35,700 Sprašujem se, zakaj. 1107 00:54:35,700 --> 00:54:37,700 OBČINSTVO: Mogoče URL mora biti v ponudbah. 1108 00:54:37,700 --> 00:54:38,866 ALLISON BUCHHOLTZ-AU: Maybe. 1109 00:54:38,866 --> 00:54:41,520 In to je, kako smo se naučili, fantje. 1110 00:54:41,520 --> 00:54:44,340 >> OBČINSTVO: Ali imamo ozadje barve in slike ozadja? 1111 00:54:44,340 --> 00:54:45,390 >> OBČINSTVO: No. 1112 00:54:45,390 --> 00:54:46,550 Ena nadomešča drugega. 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON BUCHHOLTZ-AU: Ne vem. 1114 00:54:46,960 --> 00:54:47,460 Poglejmo. 1115 00:54:47,460 --> 00:54:48,860 Poglejmo ven in videti. 1116 00:54:48,860 --> 00:54:51,567 >> OBČINSTVO: Oh, morda, ja. 1117 00:54:51,567 --> 00:54:52,400 [Interposing GLAS] 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-- I [neslišno] tukaj. 1120 00:55:03,260 --> 00:55:04,927 Torej OK. 1121 00:55:04,927 --> 00:55:06,260 OBČINSTVO: navezanost Ozadje. 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 >> OBČINSTVO: OK, ne vem. 1125 00:55:13,946 --> 00:55:16,070 ALLISON BUCHHOLTZ-AU: It izgleda da bi bilo delo. 1126 00:55:16,070 --> 00:55:19,074 Ali ste prepričani, da je debelo črevo po URL-ju? 1127 00:55:19,074 --> 00:55:20,439 >> OBČINSTVO: No, to je podpičjem. 1128 00:55:20,439 --> 00:55:21,980 ALLISON BUCHHOLTZ-AU: To je podpičje. 1129 00:55:21,980 --> 00:55:22,530 OBČINSTVO: Sem rekel debelo črevo? 1130 00:55:22,530 --> 00:55:24,155 ALLISON BUCHHOLTZ-AU: Rekli ste, da je debelo črevo. 1131 00:55:24,155 --> 00:55:26,222 OBČINSTVO: Oh no. 1132 00:55:26,222 --> 00:55:27,680 ALLISON BUCHHOLTZ-AU: Tukaj imaš. 1133 00:55:27,680 --> 00:55:29,350 OBČINSTVO: Oh, čakaj, zdaj ne moremo prebrati besedilo. 1134 00:55:29,350 --> 00:55:30,320 ALLISON BUCHHOLTZ-AU: Zdaj ne moreš prebrati besedila, 1135 00:55:30,320 --> 00:55:32,740 vendar imamo sliko za ozadje. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> OBČINSTVO: Ali HTML podpreti dinamične vsebine? 1138 00:55:35,220 --> 00:55:39,070 Všeč mi je, lahko spremenite velikost te slike odvisno od velikosti okna, 1139 00:55:39,070 --> 00:55:39,890 ali pa je, da je CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON BUCHHOLTZ-AU: Torej CSS ima za to. 1141 00:55:41,723 --> 00:55:45,210 Torej, če ste fantje zanima učenje napredne CSS, 1142 00:55:45,210 --> 00:55:50,789 Jaz sem co-poučevanje seminar o CSS na 7.. 1143 00:55:50,789 --> 00:55:52,580 In obljubim, da bo veliko bolj v globino 1144 00:55:52,580 --> 00:55:55,220 in še mnogo več kul stvari v tem oddelku. 1145 00:55:55,220 --> 00:55:59,234 In moja co-učitelj je kot Skupno front end web dev master. 1146 00:55:59,234 --> 00:56:02,150 Torej bo to zelo kul, če hočeš da se naučijo o vseh lepih stvareh, 1147 00:56:02,150 --> 00:56:03,960 da CSS lahko storite. 1148 00:56:03,960 --> 00:56:06,860 >> Ampak kaj imamo tukaj z njegova navezanost ozadje 1149 00:56:06,860 --> 00:56:13,330 fixed-- tako da je nekatere fiksne size-- vendar pa lahko dejansko dynamically-- 1150 00:56:13,330 --> 00:56:17,610 če ste že kdaj videli spletne strani, kot so večina dobrih spletnih strani bo naredil, 1151 00:56:17,610 --> 00:56:19,470 ko prilagajate velikost vašega brskalnika, 1152 00:56:19,470 --> 00:56:23,980 da prilagodi ozadje ali koliko prikazuje ali formatirali stvari, kajne? 1153 00:56:23,980 --> 00:56:27,100 Torej, to je tisto, čemur pravimo relativno pozicioniranje. 1154 00:56:27,100 --> 00:56:33,410 >> In CSS lahko dejansko zgrabi, kako velik je vaš Širina brskalnik ali kako visok je, 1155 00:56:33,410 --> 00:56:37,970 in si lahko postavite stvari po katerem relativne velikosti 1156 00:56:37,970 --> 00:56:40,420 in absolutna velikostih. 1157 00:56:40,420 --> 00:56:44,920 In to je očitno bolj napredni CSS, ampak to je nekaj, kar lahko storite. 1158 00:56:44,920 --> 00:56:47,390 Če želite izvedeti več, pridi na moj seminar. 1159 00:56:47,390 --> 00:56:50,540 >> Tako, da je nekaj, kar lahko storite. 1160 00:56:50,540 --> 00:56:54,450 In CSS lahko dejansko do-- CSS in JavaScript, 1161 00:56:54,450 --> 00:56:58,790 ki jih bomo dobili v naslednjem week-- vam omogoča, da dinamično spreminjanje 1162 00:56:58,790 --> 00:57:02,160 strani, ne da bi morali jim naložiti ves čas. 1163 00:57:02,160 --> 00:57:04,590 In dobiš, da naredite nekaj precej kul stvari. 1164 00:57:04,590 --> 00:57:09,317 >> Torej obstaja še ena stvar da bi vidva želite storiti 1165 00:57:09,317 --> 00:57:10,650 ali karkoli želite, da razišče? 1166 00:57:10,650 --> 00:57:12,900 Imamo 10 minut levo. 1167 00:57:12,900 --> 00:57:19,010 Mi lahko pustite tudi predčasno, če pa želite storiti nekaj več spletnih stvari, 1168 00:57:19,010 --> 00:57:20,960 smo lahko, vendar nisem vas bo prisilil, da. 1169 00:57:20,960 --> 00:57:23,510 Lahko pa tudi samo jesti sladkarije. 1170 00:57:23,510 --> 00:57:25,760 OBČINSTVO: Označite besedilo bela tako da ga lahko preberete. 1171 00:57:25,760 --> 00:57:27,680 ALLISON BUCHHOLTZ-AU: OK. 1172 00:57:27,680 --> 00:57:33,389 Torej v tem primeru želimo nekaj str. 1173 00:57:33,389 --> 00:57:36,305 OBČINSTVO: Ali bi morali to storiti v telo, tako da velja za celotno stran? 1174 00:57:36,305 --> 00:57:38,096 ALLISON BUCHHOLTZ-AU: Ja, lahko dejansko smo. 1175 00:57:38,096 --> 00:57:40,880 To je dobra ideja. 1176 00:57:40,880 --> 00:57:43,420 Tako vam have-- storiti vem, kaj bi morali biti? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Ne vem, če bomo zmogli barvo besedila. 1179 00:57:50,260 --> 00:57:54,946 Hotel sem poskusiti in ustvarite nov razred tukaj. 1180 00:57:54,946 --> 00:57:58,394 >> OBČINSTVO: Kako si dobil tako da ima predloge? 1181 00:57:58,394 --> 00:58:00,560 ALLISON BUCHHOLTZ-AU: Torej če sta vidva zanima, 1182 00:58:00,560 --> 00:58:03,480 To je še en tekst urednik imenuje sublimno. 1183 00:58:03,480 --> 00:58:07,180 Moral bi imeti možnost, da ga namestite na vašo napravo. 1184 00:58:07,180 --> 00:58:08,659 Včasih postane precej zapleteno. 1185 00:58:08,659 --> 00:58:10,950 Če želite pomagati pri tem, Jaz sem zelo vesel, da vam pomaga 1186 00:58:10,950 --> 00:58:14,720 s tem, ker gedit je velik in to je super, ker si lahko prevedete 1187 00:58:14,720 --> 00:58:17,790 na dnu, ampak res kot so Sublime, saj je precej 1188 00:58:17,790 --> 00:58:19,498 in to počne stvari kot auto-popolna. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Torej lahko zagotovo vas prosimo, da povej mi, če želite, da to storim. 1191 00:58:26,890 --> 00:58:28,940 Če ste pravkar google "Sublime besedilo, "je tipično 1192 00:58:28,940 --> 00:58:32,860 ima navodila za namestitev na različnih operacijskih sistemih. 1193 00:58:32,860 --> 00:58:37,590 To je res kul, I mislim, po mojem mnenju. 1194 00:58:37,590 --> 00:58:38,355 Torej, str. 1195 00:58:38,355 --> 00:58:45,616 Mislim, da lahko pač text-- ali bomo pač barva je "belo". 1196 00:58:45,616 --> 00:58:47,050 Tam. 1197 00:58:47,050 --> 00:58:50,770 >> Torej, kaj sem naredil, tukaj je, da sem ni spremenila vse besedilo. 1198 00:58:50,770 --> 00:58:54,040 Vendar p tu je le tag, da imamo, kajne? 1199 00:58:54,040 --> 00:58:55,450 Ta odstavek tag. 1200 00:58:55,450 --> 00:59:00,380 Tako sem ustvaril CSS element, ki je rekel, OK, kaj s to oznako 1201 00:59:00,380 --> 00:59:02,510 p, da barva bela. 1202 00:59:02,510 --> 00:59:05,690 >> Torej, če ste opazili, da je ta beli in ta bela. 1203 00:59:05,690 --> 00:59:09,100 To ni, da naš seznam belo, ker to ni povezano s tem. 1204 00:59:09,100 --> 00:59:11,180 Lahko bi šel skozi in lahko say-- 1205 00:59:11,180 --> 00:59:11,860 >> OBČINSTVO: Ali barvo ozadja. 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON BUCHHOLTZ-AU: Barva ozadja? 1207 00:59:12,660 --> 00:59:15,660 >> OBČINSTVO: Ozadje vodu Barva, kjer si dal p tag. 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 Želite, da bela? 1211 00:59:22,804 --> 00:59:23,470 OBČINSTVO: mmhmm. 1212 00:59:23,470 --> 00:59:25,070 ALLISON BUCHHOLTZ-AU: OK. 1213 00:59:25,070 --> 00:59:26,342 Tukaj imaš. 1214 00:59:26,342 --> 00:59:27,300 OBČINSTVO: To je čudno. 1215 00:59:27,300 --> 00:59:29,190 ALLISON BUCHHOLTZ-AU: Precej kul, kajne? 1216 00:59:29,190 --> 00:59:31,640 Torej, če vas le igral, boste veliko naučili. 1217 00:59:31,640 --> 00:59:34,720 In je lahko precej kul. 1218 00:59:34,720 --> 00:59:37,312 Mislim, da je vsekakor bolj razveseljivo, kot včasih 1219 00:59:37,312 --> 00:59:39,770 saj vam ni treba čakati, za vaš program za pripravo. 1220 00:59:39,770 --> 00:59:41,895 Lahko samo hit Refresh in ti si všeč, oh, poglej, 1221 00:59:41,895 --> 00:59:44,276 je delal, ali oh, jaz sem Verjetno nekaj manjka. 1222 00:59:44,276 --> 00:59:47,359 In to je nekaj, kar je res cool o tem naslednjem delu v razredu, 1223 00:59:47,359 --> 00:59:49,250 je, da je definitivno sem mislim, lažje preveriti 1224 00:59:49,250 --> 00:59:52,640 kot greš na poti v primerjavi z da bi morali pisati te dolge programe 1225 00:59:52,640 --> 00:59:57,830 in želi in moli ki deluje na koncu. 1226 00:59:57,830 --> 01:00:01,960 >> Torej, s tem mislim, vi vsi videti dobro. 1227 01:00:01,960 --> 01:00:05,360 Če imate kakršnakoli vprašanja, kot vedno, prihajajo govoriti z menoj, pridi mi sporočite. 1228 01:00:05,360 --> 01:00:08,180 Bom tik pred za naslednjih 15 minut 1229 01:00:08,180 --> 01:00:11,340 Če želite klepetati o karkoli in vse, kar je. 1230 01:00:11,340 --> 01:00:13,530 >> Zato upam, da guys-- veliko sreče s tem pset. 1231 01:00:13,530 --> 01:00:18,150 Rok za prijavo je petek opoldne ker je bila sproščena pozno. 1232 01:00:18,150 --> 01:00:21,220 Tako da bom verjetno videli Veliko vaju v četrtek, 1233 01:00:21,220 --> 01:00:21,970 vendar upam, da ne. 1234 01:00:21,970 --> 01:00:23,386 Morda boste morali to storiti do takrat. 1235 01:00:23,386 --> 01:00:24,440 Jaz bi bil zelo ponosen. 1236 01:00:24,440 --> 01:00:26,410 >> Če pa ne, bom videti četrtek. 1237 01:00:26,410 --> 01:00:30,030 Uporabite lahko tudi pozno datum, ki razširja do sobote opoldne. 1238 01:00:30,030 --> 01:00:31,730 Vendar sem don't-- huh? 1239 01:00:31,730 --> 01:00:32,580 >> OBČINSTVO: Halloween. 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON BUCHHOLTZ-AU: To je noč čarovnic, a in b, 1241 01:00:34,538 --> 01:00:37,050 Jaz ne mislim, da bo se uradne ure v petek. 1242 01:00:37,050 --> 01:00:40,920 Torej res poskusiti in zaslužiti to storiti z Petek, tako da bomo lahko vsi praznujemo 1243 01:00:40,920 --> 01:00:42,010 Hallow vikend. 1244 01:00:42,010 --> 01:00:44,670 Vse je v redu, bom videli fantje naslednji teden. 1245 01:00:44,670 --> 01:00:45,888