1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [Musikken afspilles] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON Buchholtz-AU: Okay, alle sammen. 5 00:00:12,540 --> 00:00:13,860 Velkommen tilbage til afsnittet. 6 00:00:13,860 --> 00:00:19,559 Så vores dagsorden for i dag går i løbet af meget mere web dev stuff. 7 00:00:19,559 --> 00:00:21,600 Jeg ved ikke, hvor mange af du har set dine psets 8 00:00:21,600 --> 00:00:24,414 da det blev udgivet morges. 9 00:00:24,414 --> 00:00:26,330 Jeg ville som hvor mange mennesker har læst spec, 10 00:00:26,330 --> 00:00:29,910 men at se hvordan du har haft alle af, ligesom syv timer at se på det 11 00:00:29,910 --> 00:00:31,910 og det er en mandag og du har sikkert haft klasse, 12 00:00:31,910 --> 00:00:34,160 Jeg har tænkt mig at antage, at de fleste af jer har ikke. 13 00:00:34,160 --> 00:00:37,170 Hvis du har, ekstra kudos. 14 00:00:37,170 --> 00:00:39,400 >> Du er dybest set hjælper implementere en simpel web 15 00:00:39,400 --> 00:00:43,270 server i C, som er en helt ny pset, så jer komme til at være forsøgskaniner. 16 00:00:43,270 --> 00:00:49,730 Det kommer til at være en sjov, vild uge, men jeg tror, ​​det vil være en masse sjov 17 00:00:49,730 --> 00:00:52,260 og det vil være en rigtig god oplevelse faktisk. 18 00:00:52,260 --> 00:00:54,920 Så for at forberede dig til at der i afsnit i dag, 19 00:00:54,920 --> 00:01:00,940 vi kommer til at gå chmod, TCP / IP, og så en lille smule af HTML og CSS. 20 00:01:00,940 --> 00:01:05,080 >> I slutningen, vil vi faktisk kode en simpel webside sammen 21 00:01:05,080 --> 00:01:09,042 at hjælpe jer slags får mere fortrolig med det. 22 00:01:09,042 --> 00:01:11,750 Og så hvis du ikke har afhentet dine quizzer, de er i front, 23 00:01:11,750 --> 00:01:14,890 men jeg er temmelig sikker på at alle her har deres quiz. 24 00:01:14,890 --> 00:01:17,880 Og også på dette notat, løsninger er ikke op endnu, 25 00:01:17,880 --> 00:01:21,490 men så snart vi finish-- vil, sidste par mennesker, der tager deres quizzes-- 26 00:01:21,490 --> 00:01:22,280 de vil være op. 27 00:01:22,280 --> 00:01:24,630 Hvis du har spørgsmål i mellemtiden, 28 00:01:24,630 --> 00:01:26,240 velkommen til at kontakte mig personligt. 29 00:01:26,240 --> 00:01:30,700 Jeg vil svare igen med din individuelle spørgsmål, som jeg altid gør. 30 00:01:30,700 --> 00:01:33,890 >> Så på dette notat, chmod. 31 00:01:33,890 --> 00:01:36,390 Så dybest set alt, hvad du behøver at vide om chmod 32 00:01:36,390 --> 00:01:39,620 er, at det bruges til at ændre filrettigheder, right? 33 00:01:39,620 --> 00:01:44,050 Så det er bare nogle systemer kalder det en ændre tilladelser, som det hedder her. 34 00:01:44,050 --> 00:01:48,540 Og hvis du nogensinde ønsker at se hvilke tilladelser en fil har, 35 00:01:48,540 --> 00:01:52,240 i stedet for bare at gøre ls, kan du gøre ls -l. 36 00:01:52,240 --> 00:01:54,010 l står for længe. 37 00:01:54,010 --> 00:01:56,460 >> Så du vil gøre lange lister af alt, og det 38 00:01:56,460 --> 00:02:02,080 vil give dig meget mere detaljeret oplysninger om hver af dine filer. 39 00:02:02,080 --> 00:02:05,540 Og du vil se something-- jeg kommer til at springe fremad for en second-- 40 00:02:05,540 --> 00:02:08,910 men du vil se noget lignende at øverste linje der for hver fil. 41 00:02:08,910 --> 00:02:11,560 Og vi vil gå igennem, hvad det betyder. 42 00:02:11,560 --> 00:02:15,260 >> Så dybest set, at ændre din fil tilladelser, 43 00:02:15,260 --> 00:02:16,850 du bare ønsker at bruge chmod. 44 00:02:16,850 --> 00:02:23,620 Du kan tænke på det som enhver anden UNIX kalder ligesom ls eller cd eller whatnot. 45 00:02:23,620 --> 00:02:25,540 Det er bare sådan en anden lignende opkald. 46 00:02:25,540 --> 00:02:30,530 >> Så vi gør chmod og så vil vi har tre cifre typisk. 47 00:02:30,530 --> 00:02:33,570 Der er et par måder at gøre det, hvoraf vi vil gå over. 48 00:02:33,570 --> 00:02:37,650 Men typisk, vil du have tre cifre fra 0 til 7 hver gang. 49 00:02:37,650 --> 00:02:43,530 >> Så én ting er, at der er tre forskellige tilladelser 50 00:02:43,530 --> 00:02:45,510 at vi kan give hver fil. 51 00:02:45,510 --> 00:02:49,480 Og det er læsbar, som er repræsenteret ved R, som giver mening 52 00:02:49,480 --> 00:02:54,020 i en lille smule; w, som er skrivbar; og eksekverbare, som er x. 53 00:02:54,020 --> 00:02:57,630 Jeg ved, at e ene, eksekverbar, måske ikke det mest mening, men vi 54 00:02:57,630 --> 00:02:59,120 repræsentere det med x. 55 00:02:59,120 --> 00:03:05,290 >> Og så sker der det, hver af disse også har nummeret repræsentation. 56 00:03:05,290 --> 00:03:07,990 Så vi har 1, 2 og 4. 57 00:03:07,990 --> 00:03:12,060 Og dybest set, hvad der sker, er hver af disse tre tal 58 00:03:12,060 --> 00:03:17,380 her svarer til en andet sæt af brugere 59 00:03:17,380 --> 00:03:19,420 at disse tilladelser vedrører. 60 00:03:19,420 --> 00:03:24,820 >> Så du kan tænke på det første tal svarer til den faktiske bruger 61 00:03:24,820 --> 00:03:29,360 eller ejeren af ​​filen, det andet nummer vil svare til gruppen, 62 00:03:29,360 --> 00:03:33,590 og den sidste refererer til verden, OK? 63 00:03:33,590 --> 00:03:39,995 Så hvad der sker, er at huske de numbers-- r er 4, w er 2, 64 00:03:39,995 --> 00:03:42,550 x er 1, right? 65 00:03:42,550 --> 00:03:46,630 Denne-- hvis du opsummere disse op, som giver dig første nummer 66 00:03:46,630 --> 00:03:48,600 at vi måske input i vores chmod. 67 00:03:48,600 --> 00:03:52,191 >> Så i dette tilfælde, hvad ville dette tal være? 68 00:03:52,191 --> 00:03:57,030 Det ville være 4 plus 2 plus 1, som er en 7, right? 69 00:03:57,030 --> 00:03:59,250 Og i dette tilfælde er disse ikke har noget, 70 00:03:59,250 --> 00:04:06,450 så denne ret her ville oversætte til chmod 700, OK? 71 00:04:06,450 --> 00:04:12,030 Og hvad det gør, er det giver alt af disse tilladelser til din bruger. 72 00:04:12,030 --> 00:04:14,400 >> Så det betyder, at vores bruger kan gøre, hvad de vil. 73 00:04:14,400 --> 00:04:15,400 De kan læse denne fil. 74 00:04:15,400 --> 00:04:16,810 De kan udføre denne fil. 75 00:04:16,810 --> 00:04:18,360 De kan skrive til denne fil. 76 00:04:18,360 --> 00:04:23,545 Men gruppen og verden, nej overhovedet tilladelser, OK? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Så en anden måde at skrive det, vi kan gøre chmod af tre cifre, som hver 79 00:04:32,680 --> 00:04:40,040 svarer til, hvad summen eller specifik gruppe er, specifik undergruppe. 80 00:04:40,040 --> 00:04:44,870 Eller vi kan gøre faktisk en anden ting. 81 00:04:44,870 --> 00:04:45,590 Hold på. 82 00:04:45,590 --> 00:04:49,330 Vi kan gøre noget med disse her. 83 00:04:49,330 --> 00:04:55,615 >> Hvor mange af jer har set et eksempel hvor det var ligesom at chmod et plus x? 84 00:04:55,615 --> 00:04:58,070 Vidste du se, at i foredrag, jeg tror? 85 00:04:58,070 --> 00:05:00,610 Så en står for alle. 86 00:05:00,610 --> 00:05:04,990 Det betyder at give det til alle brugere, som jeg glemte at sætte her. 87 00:05:04,990 --> 00:05:08,790 >> Men en plus x, hvis vi bemærke her, hvis vi gør 88 00:05:08,790 --> 00:05:13,420 at chmod-- hvad gruppe vi er taler om plus tilladelserne 89 00:05:13,420 --> 00:05:14,660 Vi ønsker at give dem. 90 00:05:14,660 --> 00:05:16,120 Så dette kan være et plus eller et minus. 91 00:05:16,120 --> 00:05:17,690 Plus tilføjer tilladelse. 92 00:05:17,690 --> 00:05:19,510 Minus tager væk tilladelse. 93 00:05:19,510 --> 00:05:22,520 Temmelig intuitiv, tror jeg. 94 00:05:22,520 --> 00:05:25,720 >> Så et plus x betyder chmod. 95 00:05:25,720 --> 00:05:32,260 Så ændre tilladelserne for alle mennesker Hvis dette er en en-- tilladelser add. 96 00:05:32,260 --> 00:05:37,110 Og x-- det betyder hvad tilladelse vi yde alle. 97 00:05:37,110 --> 00:05:38,510 Læse, skrive eller eksekvere? 98 00:05:38,510 --> 00:05:39,360 >> PUBLIKUM: Udfør. 99 00:05:39,360 --> 00:05:40,610 >> ALLISON Buchholtz-AU: Udfør. 100 00:05:40,610 --> 00:05:46,080 Så vi giver alle brugere tilladelse til at udføre denne fil, OK? 101 00:05:46,080 --> 00:05:53,370 Så hvad nu hvis vi ønskede at gøre at med den numeriske formular? 102 00:05:53,370 --> 00:05:56,290 Så husk med numerisk, vi ønsker tre numre. 103 00:05:56,290 --> 00:05:56,790 >> PUBLIKUM: 4. 104 00:05:56,790 --> 00:05:58,290 ALLISON Buchholtz-AU: Hvad var det? 105 00:05:58,290 --> 00:05:59,260 PUBLIKUM: 4. 106 00:05:59,260 --> 00:06:00,426 ALLISON Buchholtz-AU: Not 4. 107 00:06:00,426 --> 00:06:01,599 PUBLIKUM: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 ALLISON Buchholtz-AU: Godt, vi ønsker at give det til alle brugere, right? 109 00:06:04,390 --> 00:06:07,442 Så vi bliver nødt til et nummer i hver slot. 110 00:06:07,442 --> 00:06:09,400 Det kommer til at være den samme antal i hver spalte 111 00:06:09,400 --> 00:06:13,800 fordi vi netop ønsker at give alles eksekverbare tilladelser. 112 00:06:13,800 --> 00:06:16,480 Så eksekverbare er 1, men på rette spor. 113 00:06:16,480 --> 00:06:23,055 >> Så hvis vi gjorde chmod 111, der ville være det samme som chmod et plus på x. 114 00:06:23,055 --> 00:06:24,430 Giver det mening for alle? 115 00:06:24,430 --> 00:06:26,910 Vi kommer til at gå igennem et par eksempler. 116 00:06:26,910 --> 00:06:29,860 >> Så store takeaway her er et er ikke på her, 117 00:06:29,860 --> 00:06:33,360 men en blot betyder give det til alle brugere. 118 00:06:33,360 --> 00:06:36,610 u er hvis du bare vil at give eller tage væk 119 00:06:36,610 --> 00:06:40,600 en særlig tilladelse fra brugeren eller ejeren. 120 00:06:40,600 --> 00:06:43,800 g er for gruppen, således at midterste ciffer. 121 00:06:43,800 --> 00:06:49,440 Og derefter andre du kan tænke på som verden, at sidste ciffer. 122 00:06:49,440 --> 00:06:52,840 >> Så med dette, vil vi gå til et eksempel, fordi jeg har lyst til eksempler altid 123 00:06:52,840 --> 00:06:56,240 gøre disse ting lettere at forstå. 124 00:06:56,240 --> 00:07:01,240 Så rwx-- vi gik gennem denne-- kunne også være repræsentere som 700. 125 00:07:01,240 --> 00:07:05,070 Det er det eksempel, vi kiggede på mere af billedet. 126 00:07:05,070 --> 00:07:09,990 Så chmod 444 på nogle fil ville give, hvad tilladelser? 127 00:07:09,990 --> 00:07:11,947 Du var virkelig tæt. 128 00:07:11,947 --> 00:07:13,030 PUBLIKUM: læses af alle. 129 00:07:13,030 --> 00:07:14,321 ALLISON Buchholtz-AU: læsbar. 130 00:07:14,321 --> 00:07:15,660 Så læsbar for alle, right? 131 00:07:15,660 --> 00:07:17,910 Og hvad er så en anden måde at gøre det? 132 00:07:17,910 --> 00:07:23,070 Hvis vi ønsker at gøre chmod med enten R'er eller Ws, plus og minusser, 133 00:07:23,070 --> 00:07:25,300 hvad ville det opkald se ud? 134 00:07:25,300 --> 00:07:27,336 Det ville blive chmod hvad? 135 00:07:27,336 --> 00:07:28,590 >> PUBLIKUM: et plus r. 136 00:07:28,590 --> 00:07:32,900 >> ALLISON Buchholtz-AU: et plus r på 5. 137 00:07:32,900 --> 00:07:40,980 OK, så det er det samme som det, blot to forskellige oversættelser 138 00:07:40,980 --> 00:07:42,500 af de samme ting. 139 00:07:42,500 --> 00:07:45,650 Så med dette, har vi disse. 140 00:07:45,650 --> 00:07:50,310 Så jeg vil jer at prøve og skrive disse slags i deres modsatte måde. 141 00:07:50,310 --> 00:07:53,710 >> Så med chmod 555, hvad ville det være? 142 00:07:53,710 --> 00:07:56,704 Ville det være et plus eller u plus eller whatnot? 143 00:07:56,704 --> 00:07:58,370 For u plus x, giv mig de tre tal. 144 00:07:58,370 --> 00:08:03,530 Og så fortælle mig om hvilke tilladelser vi faktisk tildeling og til hvem? 145 00:08:03,530 --> 00:08:06,600 >> Så jeg vil give jer to minutter til at arbejde på det. 146 00:08:06,600 --> 00:08:08,160 Du er velkommen til at tale med hinanden. 147 00:08:08,160 --> 00:08:11,910 For dem af jer, der kom i en lille sen, der er slik og skjorter. 148 00:08:11,910 --> 00:08:14,590 Vi har tre skjorter til venstre, og vi har Kit Kats og stjerneskud. 149 00:08:14,590 --> 00:08:17,630 Så velkommen til at komme grab nogle i denne lille mellemspil. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Også den sidste er tricky. 152 00:09:04,440 --> 00:09:06,670 Det er to chmods for den sidste. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 Faktisk, lad mig lukke døren mens du fyre arbejder på det. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Candy er altid nødvendigt på en mandag eftermiddag. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, så chmod 555. 159 00:09:34,756 --> 00:09:36,380 Hvad er en anden måde, vi kunne skrive det? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Nogen idéer? 162 00:09:41,790 --> 00:09:42,290 Ja. 163 00:09:42,290 --> 00:09:43,280 >> PUBLIKUM: et 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 Ønsker du at forklare, hvorfor det ville være rx? 166 00:09:47,290 --> 00:09:49,570 >> PUBLIKUM: Fordi du har 5, så det er 4 plus 1, 167 00:09:49,570 --> 00:09:51,734 så der er læst plus eksekverbare, og det er for alle. 168 00:09:51,734 --> 00:09:52,900 ALLISON Buchholtz-AU: Right. 169 00:09:52,900 --> 00:09:58,540 Så bare at gentage, 5 her vi kender som summen af ​​4 og 1, 170 00:09:58,540 --> 00:10:04,760 fordi hvert nummer i vores trio er summen af ​​de tilladelser til at delmængde, 171 00:10:04,760 --> 00:10:05,260 højre? 172 00:10:05,260 --> 00:10:07,070 Enten brugeren, gruppe, eller verden. 173 00:10:07,070 --> 00:10:11,160 Så i dette tilfælde ved vi, at 5 skal dannes ved 4 og 1. 174 00:10:11,160 --> 00:10:15,240 >> Og 4 og 1 svarer til læsbar og eksekverbar. 175 00:10:15,240 --> 00:10:21,717 Vi giver det til alle, så vi kan gøre chmod et plus rx. 176 00:10:21,717 --> 00:10:24,050 Og selvfølgelig, vi gik bare gennem spørgsmålene der, 177 00:10:24,050 --> 00:10:28,810 så nu denne fil er kørbar og læses af alle. 178 00:10:28,810 --> 00:10:31,120 >> Hvad så om den anden? 179 00:10:31,120 --> 00:10:32,900 Hvad kan det nummer for at man være? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Nogen idéer? 182 00:10:37,180 --> 00:10:37,680 Gå fremad. 183 00:10:37,680 --> 00:10:38,600 >> PUBLIKUM: 100 [uhørligt]. 184 00:10:38,600 --> 00:10:39,683 >> ALLISON Buchholtz-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Præcis. 186 00:10:40,270 --> 00:10:42,455 Så vil du forklare, hvorfor 100? 187 00:10:42,455 --> 00:10:45,080 PUBLIKUM: Fordi det er for bruger, så det er i første position. 188 00:10:45,080 --> 00:10:47,371 Og så x eksekverbare er 1. 189 00:10:47,371 --> 00:10:48,620 ALLISON Buchholtz-AU: Præcis. 190 00:10:48,620 --> 00:10:53,120 Så vi yde eksekverbar tilladelser til blot brugeren. 191 00:10:53,120 --> 00:10:55,100 Så i dette tilfælde ville det være 100. 192 00:10:55,100 --> 00:10:57,570 Og jeg har alle svarene op på det næste lysbillede i tilfælde 193 00:10:57,570 --> 00:11:00,060 du skriver masser af ting ned. 194 00:11:00,060 --> 00:11:08,410 >> OK, så det næste er faktisk gjort med to chmods, kan du gøre det. 195 00:11:08,410 --> 00:11:11,120 Så nogen der har nogen idé om, hvordan du kan 196 00:11:11,120 --> 00:11:14,150 få chmod 640 omskrevet på anden måde? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 Du kan ændre brugernavnet først og derefter du kan ændre gruppen er mit tip. 199 00:11:22,820 --> 00:11:29,740 >> Så hvis vi bare ændre brugeren, hvilket er det første her, 200 00:11:29,740 --> 00:11:33,830 hvad der kunne vores opfordring være? 201 00:11:33,830 --> 00:11:36,080 Så bruger er u, right? 202 00:11:36,080 --> 00:11:38,780 Så chmod u plus hvad? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> PUBLIKUM: rw. 205 00:11:40,469 --> 00:11:41,510 ALLISON Buchholtz-AU: RW. 206 00:11:41,510 --> 00:11:47,470 Right, for læse og skrive, fordi læsning er 4, w er 2, de beløb sammen som 6. 207 00:11:47,470 --> 00:11:52,760 Så vi får chmod u plus rw, og vi får vores første 6 der. 208 00:11:52,760 --> 00:11:56,860 >> Så for at få den 4, vi nu ønsker at ændre vores gruppe indstillinger. 209 00:11:56,860 --> 00:12:00,960 Så vi vil gøre chmod g plus hvad? 210 00:12:00,960 --> 00:12:02,380 Hvad er en 4? 211 00:12:02,380 --> 00:12:03,040 >> PUBLIKUM: r. 212 00:12:03,040 --> 00:12:04,040 ALLISON Buchholtz-AU: r. 213 00:12:04,040 --> 00:12:05,070 Præcist. 214 00:12:05,070 --> 00:12:09,140 Så vi giver ejeren læse og skrive tilladelser 215 00:12:09,140 --> 00:12:13,141 og vi giver gruppen læste tilladelser, som vi alle har heroppe. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> PUBLIKUM: Hvis du kan skrive noget, betyder det betyde du kan udføre det? 218 00:12:17,740 --> 00:12:20,700 >> ALLISON Buchholtz-AU: Du kan skrive til something-- 219 00:12:20,700 --> 00:12:22,900 Jeg tror ikke, at det betyder, at du kan udføre den. 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 Så det er alt, vi bare gik igennem. 223 00:12:29,620 --> 00:12:33,075 Så på denne næste, er det lige slags fælles sager 224 00:12:33,075 --> 00:12:35,200 at du ønsker at holde i tankerne til dit problem indstillet. 225 00:12:35,200 --> 00:12:39,800 Disse er typisk de tilladelser at vi kan lide dig at bruge. 226 00:12:39,800 --> 00:12:44,900 >> Så for 711, der giver os, selvfølgelig, bruger 227 00:12:44,900 --> 00:12:47,720 alle tilladelser, der har tendens til at give mening. 228 00:12:47,720 --> 00:12:51,920 Og så er det udføres af den gruppe i verden, som giver mening 229 00:12:51,920 --> 00:12:56,150 hvis du har en mappe, du vil være i stand til at krydse ind i det. 230 00:12:56,150 --> 00:12:58,160 Folk har brug for adgang. 231 00:12:58,160 --> 00:13:04,680 >> For enhver ikke-PHP-fil, du vil at bruge 644, hvilket ville gøre hvad? 232 00:13:04,680 --> 00:13:07,560 Hvad betyder det indebærer, eller hvad tilladelser betyder det give? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Så ejeren kan hvad? 235 00:13:14,409 --> 00:13:15,450 PUBLIKUM: Læse og skrive. 236 00:13:15,450 --> 00:13:16,991 ALLISON Buchholtz-AU: Læse og skrive. 237 00:13:16,991 --> 00:13:21,560 Og derefter gruppe og andre kan bare læse, right? 238 00:13:21,560 --> 00:13:25,660 Og så chmod 600 for enhver PHP-filer, som du bruger, 239 00:13:25,660 --> 00:13:27,980 din ejer, igen, kan læse og skrive til den 240 00:13:27,980 --> 00:13:32,310 men alle andre er lige slags afspærret. 241 00:13:32,310 --> 00:13:34,540 >> Så dette vil faktisk være mere nyttigt, når 242 00:13:34,540 --> 00:13:37,700 du kommer til dit problem sat i næste uge, hvor 243 00:13:37,700 --> 00:13:40,290 du faktisk opbygge et websted. 244 00:13:40,290 --> 00:13:43,100 Så hvis du nogensinde løbe ind mærkelige problemer 245 00:13:43,100 --> 00:13:45,970 hvor det indlæses ikke ordentligt, måske du 246 00:13:45,970 --> 00:13:50,670 nødt til at tilføje en eksekverbar tilladelse, eller måske har du brug for en læse- 247 00:13:50,670 --> 00:13:52,990 eller skriv tilladelse. 248 00:13:52,990 --> 00:13:56,980 Små ting, der har tendens til at trippe folk op, men det er lidt ligesom go-to 249 00:13:56,980 --> 00:13:58,564 når du starter næste uges pset. 250 00:13:58,564 --> 00:14:00,730 Og jeg vil give dig mere tips om denne uges pset, 251 00:14:00,730 --> 00:14:05,010 men jeg har endnu til at se på det, da det blev frigivet i morges. 252 00:14:05,010 --> 00:14:10,600 Men du email mig, jeg vil have kigget på det ved den tid, jeg reagerer i morgen. 253 00:14:10,600 --> 00:14:14,310 >> Så nu er alle godt med chmod? 254 00:14:14,310 --> 00:14:16,040 Eventuelle dvælende spørgsmål? 255 00:14:16,040 --> 00:14:17,240 Temmelig ligetil. 256 00:14:17,240 --> 00:14:20,620 Bare lidt at holde styr på, hvad læse, skrive og udføre numre er 257 00:14:20,620 --> 00:14:23,660 er sandsynligvis den sværeste del. 258 00:14:23,660 --> 00:14:29,620 >> Så med TCP / IP, alle disse protokoller, slags ligesom med dine datastrukturer 259 00:14:29,620 --> 00:14:31,990 i sidste uge, det er meget mere vigtigt at slags få 260 00:14:31,990 --> 00:14:33,900 et højere niveau intuition af dem. 261 00:14:33,900 --> 00:14:37,390 Dette er ikke CS143 hvor vi skal hen at bede dig om at implementere et netværk, 262 00:14:37,390 --> 00:14:39,870 så du vil være fint, hvis du ikke forstår 263 00:14:39,870 --> 00:14:42,900 Nitty Gritty af alle protokoller. 264 00:14:42,900 --> 00:14:46,050 Hvad er vigtigt at forstå, er slags ligesom hvad de repræsenterer 265 00:14:46,050 --> 00:14:47,300 og hvorfor de er vigtige. 266 00:14:47,300 --> 00:14:52,320 >> Så TCP / IP, selvfølgelig, er det Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 eller Internet Protocol, som er dybest set bare et sæt love dybest set 268 00:14:57,270 --> 00:15:00,800 eller standarder, der fortæller data hvordan det skal håndteres, 269 00:15:00,800 --> 00:15:04,900 hvordan det skal pakkes, transmitteres og modtages. 270 00:15:04,900 --> 00:15:09,200 Så det dybest set, ligesom det siger her, øger chancerne 271 00:15:09,200 --> 00:15:12,950 at data bliver hvor du vil have det til at komme til. 272 00:15:12,950 --> 00:15:15,950 >> Jeg er sikker på, hvis du fyre gik til foredrag eller set det online, 273 00:15:15,950 --> 00:15:18,232 han has-- Jeg kender ikke hvis han gjorde det i år, 274 00:15:18,232 --> 00:15:20,940 men jeg ved sidste år, havde han en demo, hvor han havde et billede af Rob 275 00:15:20,940 --> 00:15:23,320 og han delt det op i fire og sætte det i kuverter 276 00:15:23,320 --> 00:15:26,590 og forsøgte at få det på tværs af Sanders. 277 00:15:26,590 --> 00:15:29,430 Og du kan slags tænk på det på den måde. 278 00:15:29,430 --> 00:15:35,400 Det er bare et sæt regler, som fortælle data, hvordan man får et sted 279 00:15:35,400 --> 00:15:37,640 og lader dig vide, hvis du mangler data, 280 00:15:37,640 --> 00:15:40,460 på samme måde, at hvis du er tage flere sider med noter 281 00:15:40,460 --> 00:15:46,490 og du mærke dem med side 104, side 204, og du går tilbage til at studere senere 282 00:15:46,490 --> 00:15:50,220 og du mangler something-- du kan ikke finde side 304-- du kender 283 00:15:50,220 --> 00:15:53,310 noget er galt, så du kan se gennem dine noter 284 00:15:53,310 --> 00:15:58,666 igen eller spørge nogen til at sende dig foredraget bemærker fra denne dag. 285 00:15:58,666 --> 00:16:00,290 På samme måde som med data på internettet. 286 00:16:00,290 --> 00:16:03,220 Hvis jeg beder om noget fra nogle server 287 00:16:03,220 --> 00:16:05,377 og det skal sende det i flere pakker, 288 00:16:05,377 --> 00:16:07,210 sandsynligvis vil nummer det på en måde, så 289 00:16:07,210 --> 00:16:12,430 mig vide, hvor mange jeg skulle have modtaget, og fortæl mig, åh, det er en af ​​10 290 00:16:12,430 --> 00:16:13,990 eller dette er en af ​​10.000. 291 00:16:13,990 --> 00:16:17,030 På den måde når jeg går at samle alle brikkerne sammen, 292 00:16:17,030 --> 00:16:21,504 Jeg ved, hvis noget mangler og jeg kan bede om det igen. 293 00:16:21,504 --> 00:16:22,730 Giver det mening? 294 00:16:22,730 --> 00:16:23,610 Blot et sæt af regler. 295 00:16:23,610 --> 00:16:28,120 På grundlag regelsæt, OK? 296 00:16:28,120 --> 00:16:31,360 >> Så vi talte også en lidt om havne. 297 00:16:31,360 --> 00:16:36,150 Dette er egentlig bare en standard, lader dig vide, hvilken type data 298 00:16:36,150 --> 00:16:38,650 der overføres i disse pakker. 299 00:16:38,650 --> 00:16:40,790 Hvis vi går med vores kuvert eksempel, vi ikke 300 00:16:40,790 --> 00:16:43,510 ved, at det er et billede af Rob i der, medmindre vi skriver det 301 00:16:43,510 --> 00:16:45,480 på ydersiden af ​​vores kuvert. 302 00:16:45,480 --> 00:16:47,100 Så havne er stort set det samme. 303 00:16:47,100 --> 00:16:51,670 Det er bare en måde at finde ud af, hvad type data der overføres. 304 00:16:51,670 --> 00:16:56,260 >> Så vi har alle de mest almindelige her. 305 00:16:56,260 --> 00:16:59,790 Så 21-- disse er også venlig ligesom gode ting at vide. 306 00:16:59,790 --> 00:17:01,560 Det er lidt af et let quiz spørgsmål. 307 00:17:01,560 --> 00:17:03,590 Være ligesom, hvad betyder port 80 gøre? 308 00:17:03,590 --> 00:17:06,970 Eller hvad gør port 443 gøre? 309 00:17:06,970 --> 00:17:09,359 Så gode ting at vide. 310 00:17:09,359 --> 00:17:12,569 >> Så vi har her, 21 fil transfer protocol, så bare 311 00:17:12,569 --> 00:17:15,050 de regler, der styrer filoverførsel. 312 00:17:15,050 --> 00:17:19,550 25, noget, som vi alle bruge alt for meget, er e-mail. 313 00:17:19,550 --> 00:17:22,790 53 er det domænenavn system, som er dybest set 314 00:17:22,790 --> 00:17:26,910 bare sådan et opslag til IP-adressen på et domænenavn. 315 00:17:26,910 --> 00:17:29,900 >> Så jeg er temmelig sikker på det var nævnt i foredrag, hvis du 316 00:17:29,900 --> 00:17:33,960 gå til noget lignende google.com, det har en IP-adresse 317 00:17:33,960 --> 00:17:35,818 der er forbundet med det. 318 00:17:35,818 --> 00:17:37,026 Det er faktisk ikke google.com. 319 00:17:37,026 --> 00:17:40,720 Og så 53 er den port der faktisk tager 320 00:17:40,720 --> 00:17:44,050 pleje af slags oversætte det ind i denne IP-adresse til dig. 321 00:17:44,050 --> 00:17:47,830 Og derefter 80 og 443 er meget almindelige. 322 00:17:47,830 --> 00:17:50,710 Du har enten din webside eller du har din sikre webside, 323 00:17:50,710 --> 00:17:56,100 som en masse websider er overføre over til nu. 324 00:17:56,100 --> 00:18:02,540 >> Så det er lidt højt niveau oversigt over transfer protocol. 325 00:18:02,540 --> 00:18:05,170 Jeg kan ikke se meget mere i dybden. 326 00:18:05,170 --> 00:18:07,320 Det er slags cool stuff hvis du er interesseret. 327 00:18:07,320 --> 00:18:08,590 Der er masser af ressourcer. 328 00:18:08,590 --> 00:18:10,780 Wikipedia faktisk er en temmelig god side. 329 00:18:10,780 --> 00:18:13,850 Så jeg ser på det bare et lille stykke tid siden, 330 00:18:13,850 --> 00:18:16,580 så vil jeg stærkt anbefale at kigge på det, hvis du er interesseret 331 00:18:16,580 --> 00:18:22,160 eller tage 143 på to år, fordi Jeg tror, ​​det er hvert andet år. 332 00:18:22,160 --> 00:18:27,590 >> Så på enden af ​​dette, er vi taler om websider og HTTP, 333 00:18:27,590 --> 00:18:33,790 som faktisk er vores næste emne for i dag, før vi går ind i HTML og CSS 334 00:18:33,790 --> 00:18:37,920 og du kan faktisk kode op en webside. 335 00:18:37,920 --> 00:18:38,650 Det bliver sjovt. 336 00:18:38,650 --> 00:18:42,220 Vi vil have billeder af gækkebreve og det vil være stor. 337 00:18:42,220 --> 00:18:48,630 >> Så HTTP, som du kan se her, er en af ​​de dejlige akronymer 338 00:18:48,630 --> 00:18:53,220 for denne uge, hvilket er Hypertext Transfer Protocol. 339 00:18:53,220 --> 00:18:57,940 Så igen, det er bare et andet sæt regler, 340 00:18:57,940 --> 00:19:01,440 regulerer hypertekst overføre i dette tilfælde. 341 00:19:01,440 --> 00:19:04,120 Så bedste måde at lære om dette er lige slags 342 00:19:04,120 --> 00:19:07,650 at bryde det ned i disse individuelle ord 343 00:19:07,650 --> 00:19:10,770 fordi der er en masse ord på skærmen der. 344 00:19:10,770 --> 00:19:13,290 >> Så vi vil til at starte med hypertekst. 345 00:19:13,290 --> 00:19:17,630 So "hyper", du kan tænke på "Ovenfor," som super-type ting. 346 00:19:17,630 --> 00:19:24,615 Så det er virkelig blot tekst taget til næste niveau, så det er ligesom super tekst, 347 00:19:24,615 --> 00:19:27,850 ligesom den næste tekst. 348 00:19:27,850 --> 00:19:34,890 Så det er dybest set bare tekst, der giver os 349 00:19:34,890 --> 00:19:37,490 mere information end normal tekst gør, OK? 350 00:19:37,490 --> 00:19:40,510 >> Så i dette tilfælde her, det er hypertekst. 351 00:19:40,510 --> 00:19:45,710 Det fortæller os, at vi har nogle link, som vi kommer til, 352 00:19:45,710 --> 00:19:49,620 som er cs50.net, som er nu cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Disse slides er lidt gammel. 354 00:19:51,420 --> 00:19:55,330 Og det kommer til at vise det, da dette, som et hyperlink, 355 00:19:55,330 --> 00:19:58,140 og derefter en virkelig cool hjemmeside. 356 00:19:58,140 --> 00:20:02,080 >> Så det er tekst, som er lidt bit af virkelig cool ting derinde. 357 00:20:02,080 --> 00:20:08,170 Så du kan linke ting, og du kan indsætte billeder og kan du style ting. 358 00:20:08,170 --> 00:20:11,740 Og det mest velkendte ting, som du fyre sandsynligvis med hypertekst 359 00:20:11,740 --> 00:20:19,100 er HyperText Markup Language, HTML, hvilket naturligvis er alle af banen 360 00:20:19,100 --> 00:20:23,080 at vi ser omkring os, der ydes med nogle CSS stil kastet i. 361 00:20:23,080 --> 00:20:25,580 >> Men hvis nogen var virkelig store med MySpace, 362 00:20:25,580 --> 00:20:28,240 Jeg er sikker på jer alle brugte HTML hele tiden at skabe 363 00:20:28,240 --> 00:20:30,640 de perfekte profiler, right? 364 00:20:30,640 --> 00:20:34,930 Jeg har lyst til at kunne være en forældet reference nu, men uanset hvad. 365 00:20:34,930 --> 00:20:37,780 Bare en little-- jer er ikke så meget yngre. 366 00:20:37,780 --> 00:20:40,480 Nogle af jer er ældre end mig. 367 00:20:40,480 --> 00:20:42,480 MySpace var stadig en ting, da jeg var ung. 368 00:20:42,480 --> 00:20:44,510 Jeg er ikke så gammel. 369 00:20:44,510 --> 00:20:49,265 >> Anyways, HTML bare en form for hypertekst. 370 00:20:49,265 --> 00:20:55,640 Så hypertext er lige tekst med ekstra funktioner. 371 00:20:55,640 --> 00:21:01,790 Så transfer protocol er sandsynligvis mere iffy ting at forklare. 372 00:21:01,790 --> 00:21:04,870 Det er klart, transfer-- blot overføre data. 373 00:21:04,870 --> 00:21:09,370 Så enten mellem kunden, ligesom din web bror, og en server. 374 00:21:09,370 --> 00:21:12,090 Så dybest set bare måde internettet fungerer. 375 00:21:12,090 --> 00:21:16,339 >> Så den nøjagtige anmodning hvordan disse arbejde, men vi er 376 00:21:16,339 --> 00:21:18,755 faktisk kommer til at se på et eksempel anmodning og svar. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Men hvordan vi anmode information fra en server 379 00:21:25,220 --> 00:21:30,590 og hvordan serveren reagerer på os, er hvad denne transfer protocol styrer. 380 00:21:30,590 --> 00:21:35,320 Så anmodningen og svaret har at følge disse specifikke regelsæt. 381 00:21:35,320 --> 00:21:38,340 Det er standardiseret, således at ligegyldigt hvor du bruger internettet, 382 00:21:38,340 --> 00:21:40,720 det fungerer altid det samme, OK? 383 00:21:40,720 --> 00:21:43,220 >> Igen, protokol, sæt af regler. 384 00:21:43,220 --> 00:21:45,620 Det er bare en normal interaktion på samme måde 385 00:21:45,620 --> 00:21:49,500 at professor Malan taler om hvis nogen udvider deres hånd, 386 00:21:49,500 --> 00:21:52,880 du ved, at det er almindelig høflighed at nå jeres ud og ryste deres hånd. 387 00:21:52,880 --> 00:21:54,580 Det er en protokol, right? 388 00:21:54,580 --> 00:21:59,060 >> Så jeg giver nogle standardiseret anmodning, hvilket er jeg ønsker at ryste din hånd, 389 00:21:59,060 --> 00:22:01,975 og du giver nogle standardiserede svar, som er enten ikke tak 390 00:22:01,975 --> 00:22:04,600 eller du kan prøve og ryste min hånd eller måske du kommer til at prøve 391 00:22:04,600 --> 00:22:06,490 og knytnæve bump mig. 392 00:22:06,490 --> 00:22:08,320 Og vi har ikke en protokol for det. 393 00:22:08,320 --> 00:22:09,360 Det bryder ned. 394 00:22:09,360 --> 00:22:12,030 Men hvis alle følger samme protokol, selvfølgelig, 395 00:22:12,030 --> 00:22:14,250 det går langt mere problemfrit. 396 00:22:14,250 --> 00:22:15,590 Folk kommer til at kende hinanden. 397 00:22:15,590 --> 00:22:16,830 Alle er glade. 398 00:22:16,830 --> 00:22:20,750 >> Så i verden af ​​internettet, alle følger den samme rules-- 399 00:22:20,750 --> 00:22:22,940 lidt bedre end sociale standarder. 400 00:22:22,940 --> 00:22:26,950 Men med dette, vil vi se på et eksempel anmodning her. 401 00:22:26,950 --> 00:22:30,020 Så der er denne lille Nøglen her på bunden 402 00:22:30,020 --> 00:22:34,990 der fortæller dig de forskellige farver, hvad de er meningen at betyde. 403 00:22:34,990 --> 00:22:38,290 >> Så hvid er ligesom din metode anmodning og protokol version-- 404 00:22:38,290 --> 00:22:42,400 så metode anmodning version. 405 00:22:42,400 --> 00:22:44,630 Og så er det nogle felt navnet og værdien 406 00:22:44,630 --> 00:22:47,630 af dette område, som vi vil gå ind i meget, meget snart. 407 00:22:47,630 --> 00:22:49,840 Så dette er et eksempel anmodning. 408 00:22:49,840 --> 00:22:54,470 Det er ligesom mig, der strækker sig ud, ønsker at præsentere mig selv. 409 00:22:54,470 --> 00:22:58,507 >> Dette er, hvad klienten eller hvad din web browser 410 00:22:58,507 --> 00:22:59,840 ville sende til din server. 411 00:22:59,840 --> 00:23:04,500 Så dette er en get anmodning, så det er beder om noget fra serveren. 412 00:23:04,500 --> 00:23:09,690 Og det er naturligvis HTTP og det er version 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Så resten af ​​denne her er, hvad vi kalder headeren, og dens ekstra information 414 00:23:16,060 --> 00:23:20,050 det giver os en bedre idé om, hvad vi egentlig beder om, 415 00:23:20,050 --> 00:23:23,190 eller oplysninger, som vi ønsker at give den server, der kan være relevant. 416 00:23:23,190 --> 00:23:32,880 Så User-Agent giver nogle mere beskrivelse on-- for eksempel her, 417 00:23:32,880 --> 00:23:38,720 krøller / 7.24.0 rent faktisk vil fortælle den server, bruger vi Google 418 00:23:38,720 --> 00:23:40,700 Chrome som vores browser. 419 00:23:40,700 --> 00:23:43,290 Så hvis du nogensinde hører om folk, der taler 420 00:23:43,290 --> 00:23:48,160 om at lave en app lydhør til flere browsere, 421 00:23:48,160 --> 00:23:50,330 dette er noget, de ville bruge, fordi hvis du 422 00:23:50,330 --> 00:23:53,000 ikke ved, hvad browser anmodningen kommer fra, 423 00:23:53,000 --> 00:23:55,050 du kan ikke skræddersy dataene til det. 424 00:23:55,050 --> 00:23:57,690 Så i dette tilfælde bruger er bare at give denne slags 425 00:23:57,690 --> 00:24:01,030 identificere information om hvad browser 426 00:24:01,030 --> 00:24:06,510 din bruger er i øjeblikket bruger, OK? 427 00:24:06,510 --> 00:24:11,640 >> Så har vi også vært, som er hvor vi faktisk ønsker at gå til. 428 00:24:11,640 --> 00:24:15,280 I dette tilfælde, vi ønsker at gå til apple.com, købe nogle seje nye iPads 429 00:24:15,280 --> 00:24:19,540 eller noget, måske nuttet lys på vores sovesale. 430 00:24:19,540 --> 00:24:24,900 Og navn værdi ultimo er bare et fyldstof, blot en generel ting 431 00:24:24,900 --> 00:24:25,760 for jer at se. 432 00:24:25,760 --> 00:24:28,240 Det gør faktisk ikke svarer til noget her. 433 00:24:28,240 --> 00:24:32,360 >> Så du kan have så meget eller så lidt som du ønsker i hvert enkelt tilfælde. 434 00:24:32,360 --> 00:24:36,990 Det meste af tiden er disse valgfri. 435 00:24:36,990 --> 00:24:41,780 Det bare afhænger af, hvad du har brug for fra browseren, 436 00:24:41,780 --> 00:24:45,120 fra din bruger for at kunne korrekt giver anmodningen. 437 00:24:45,120 --> 00:24:48,970 Eller det afhænger af, hvad din bruger faktisk ønsker at give op til serveren. 438 00:24:48,970 --> 00:24:54,550 Så du kan have mange, mange af disse header feltnavne 439 00:24:54,550 --> 00:24:57,140 eller du kunne bare have et par. 440 00:24:57,140 --> 00:24:59,630 Som med så mange ting Jeg har sagt i denne sektion, 441 00:24:59,630 --> 00:25:03,590 det virkelig afhænger af konteksten af hvordan du bruger dette. 442 00:25:03,590 --> 00:25:06,810 >> Så gør, der giver mening for alle? 443 00:25:06,810 --> 00:25:11,463 Dette er blot et eksempel på en anmodning, overskrifter, whatnot. 444 00:25:11,463 --> 00:25:16,910 OK, så med det, vi har nogle svar. 445 00:25:16,910 --> 00:25:20,510 >> Igen har vi vores status kode, protokol version og derefter feltnavn og felt 446 00:25:20,510 --> 00:25:21,700 værdi som altid. 447 00:25:21,700 --> 00:25:25,500 Så vores protokolversion og vores status kode er 200. 448 00:25:25,500 --> 00:25:28,610 OK, hvilket betyder, at ja, alt gik godt. 449 00:25:28,610 --> 00:25:30,230 Her er hvad du ønsker. 450 00:25:30,230 --> 00:25:33,750 >> Serveren type, indhold Motortype- det fortæller os, OK, du er 451 00:25:33,750 --> 00:25:37,210 kommer til at få noget tekst HTML. 452 00:25:37,210 --> 00:25:40,520 Her er længden af ​​det, og her er hvad du skal gøre med forbindelsen. 453 00:25:40,520 --> 00:25:43,004 OK, så igen, afhængigt på de data, du er 454 00:25:43,004 --> 00:25:45,670 beder om, afhængigt af, hvad server ønsker at vende tilbage til dig, 455 00:25:45,670 --> 00:25:49,440 du kan have flere af disse felt navne, har du måske mindre. 456 00:25:49,440 --> 00:25:53,950 Fuldstændig kontekstafhængig. 457 00:25:53,950 --> 00:25:56,650 >> Og så vidt denne status kode, selvfølgelig, 458 00:25:56,650 --> 00:25:59,590 200 er ikke den eneste du kunne have, ikke? 459 00:25:59,590 --> 00:26:01,580 Vi har masser af statuskoder. 460 00:26:01,580 --> 00:26:06,120 Er der nogen der kan huske nogen af ​​de andre, at vi er nævnt i foredrag? 461 00:26:06,120 --> 00:26:08,310 Mange af dem begynder med 4. 462 00:26:08,310 --> 00:26:09,680 >> PUBLIKUM: 404. 463 00:26:09,680 --> 00:26:11,310 >> ALLISON Buchholtz-AU: 404, som er? 464 00:26:11,310 --> 00:26:12,140 >> PUBLIKUM: Filen blev ikke fundet? 465 00:26:12,140 --> 00:26:13,250 >> ALLISON Buchholtz-AU: Fil ikke fundet. 466 00:26:13,250 --> 00:26:14,120 Præcis. 467 00:26:14,120 --> 00:26:15,587 Så hvad med 403? 468 00:26:15,587 --> 00:26:16,420 PUBLIKUM: Forbudt. 469 00:26:16,420 --> 00:26:17,120 ALLISON Buchholtz-AU: Forbudt. 470 00:26:17,120 --> 00:26:18,695 Så hvad tror du det betyder med chmods? 471 00:26:18,695 --> 00:26:20,890 >> PUBLIKUM: Det betyder, at du har ikke tilladelse til at læse den. 472 00:26:20,890 --> 00:26:22,400 >> ALLISON Buchholtz-AU: Præcis. 473 00:26:22,400 --> 00:26:25,190 På en eller anden måde, behøver du ikke tilladelse til at få adgang til det, right? 474 00:26:25,190 --> 00:26:27,242 Så 404, 403. 475 00:26:27,242 --> 00:26:28,950 Der er en virkelig sjovt en, som vi altid 476 00:26:28,950 --> 00:26:31,116 introducere hvert år at Jeg burde have sat op her, 477 00:26:31,116 --> 00:26:33,370 ligesom 413, som er jeg er en tepotte. 478 00:26:33,370 --> 00:26:34,390 Du kan google det. 479 00:26:34,390 --> 00:26:38,490 Det er sjovt ligesom, der er kode 413, og det er jeg er en tepotte. 480 00:26:38,490 --> 00:26:41,240 Som jeg ved ikke, hvorfor du ville nogensinde får brug for at på internettet, 481 00:26:41,240 --> 00:26:42,935 men jeg sidespring. 482 00:26:42,935 --> 00:26:44,310 PUBLIKUM: Måske er du en te potten. 483 00:26:44,310 --> 00:26:46,476 ALLISON Buchholtz-AU: Måske serveren er en tekande. 484 00:26:46,476 --> 00:26:47,890 Hvem ved? 485 00:26:47,890 --> 00:26:51,840 Okay, så vi er ved at overgangen til rigtige kodning. 486 00:26:51,840 --> 00:26:54,750 Jeg føler at du fyre kommer til at komme ud af her temmelig hurtigt. 487 00:26:54,750 --> 00:26:56,940 >> PUBLIKUM: Hvorfor gør det sige "server: to gange? 488 00:26:56,940 --> 00:26:57,981 >> ALLISON Buchholtz-AU: Hm? 489 00:26:57,981 --> 00:27:00,350 Server to gange? 490 00:27:00,350 --> 00:27:03,750 Det er et godt spørgsmål. 491 00:27:03,750 --> 00:27:04,630 Jeg er ikke sikker. 492 00:27:04,630 --> 00:27:07,520 Jeg vil finde ud af, og Jeg vil emaile dig alle. 493 00:27:07,520 --> 00:27:11,410 >> OK, alle andre spørgsmål udover det? 494 00:27:11,410 --> 00:27:12,310 Godt? 495 00:27:12,310 --> 00:27:14,390 Cool. 496 00:27:14,390 --> 00:27:17,280 >> HTML og CSS, og nu er vi komme til alle de sjove dele. 497 00:27:17,280 --> 00:27:21,697 Så som jeg nævnte før, HTML er formentlig en af ​​de ting, 498 00:27:21,697 --> 00:27:23,030 du fyre er mest fortrolige med. 499 00:27:23,030 --> 00:27:25,760 Så vi har HyperText Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> Den bedste måde at lære denne-- jeg ikke have nogen forberedt dias eller noget 501 00:27:29,900 --> 00:27:31,480 til jer med HTML. 502 00:27:31,480 --> 00:27:33,640 Det er virkelig om at lære syntaksen. 503 00:27:33,640 --> 00:27:38,380 Og hvis du var i MySpace dag, ville du have det ned. 504 00:27:38,380 --> 00:27:42,790 >> Så virkelig, den største ting er bare for at øve og eksperimentere. 505 00:27:42,790 --> 00:27:48,000 En af de store ressourcer, jeg ville stærkt anbefales at bruge er W3Schools. 506 00:27:48,000 --> 00:27:50,620 Så bare W, 3 og derefter Schools. 507 00:27:50,620 --> 00:27:54,810 De har en masse af ressourcer på HTML, på CSS, 508 00:27:54,810 --> 00:27:58,970 og de faktisk har en split screen slags ting 509 00:27:58,970 --> 00:28:00,830 hvor de vil give dig eksempel kode. 510 00:28:00,830 --> 00:28:03,290 Du kan rode med det, ændre det, og tryk på Update, 511 00:28:03,290 --> 00:28:06,410 og det vil vise dig, hvad det faktisk gør til websiden. 512 00:28:06,410 --> 00:28:08,380 >> Så vil jeg stærkt anbefale at bruge det. 513 00:28:08,380 --> 00:28:11,300 Det er temmelig cool. 514 00:28:11,300 --> 00:28:14,560 Du vil ikke få SEG fejl her, når tingene går galt. 515 00:28:14,560 --> 00:28:16,430 Hvis du formår at få en seg fejl med HTML, 516 00:28:16,430 --> 00:28:19,446 lad mig vide, fordi jeg er kommer til at blive virkelig fascineret. 517 00:28:19,446 --> 00:28:21,570 Men det er virkelig cool, fordi du kan ændre tingene, 518 00:28:21,570 --> 00:28:23,550 du kan se dem opdateret levende. 519 00:28:23,550 --> 00:28:26,210 Og jeg tror du vil få en meget mere intuitiv forståelse af HTML 520 00:28:26,210 --> 00:28:28,690 hvis du rent faktisk bare bruge lidt tid på at eksperimentere med det. 521 00:28:28,690 --> 00:28:32,590 Så det er derfor, jeg sagde, praksis og eksperiment. 522 00:28:32,590 --> 00:28:34,490 >> Google, herfra på ud, vil sandsynligvis være 523 00:28:34,490 --> 00:28:36,440 en af ​​dine bedste ressourcer og venner. 524 00:28:36,440 --> 00:28:41,080 Eller Bing-- Jeg arbejder hos Microsoft, så måske jeg skulle sige Bing. 525 00:28:41,080 --> 00:28:45,590 Men stort set alt er bare at være syntaks, 526 00:28:45,590 --> 00:28:51,300 så forstå, hvad tags er, understanding-- mindst med CSS-- 527 00:28:51,300 --> 00:28:53,360 hvordan man kan ændre visse egenskaber. 528 00:28:53,360 --> 00:28:55,300 Det vil være super nyttig. 529 00:28:55,300 --> 00:28:58,852 >> Så selvom vi ikke har tilberedte ting, 530 00:28:58,852 --> 00:29:02,060 vi har sådan nogle bedste praksis at vi ønsker jer til at prøve og overholde 531 00:29:02,060 --> 00:29:06,640 by-- eller rettere, bør du overholde indtil videre. 532 00:29:06,640 --> 00:29:09,722 Så lukke alle dine tags. 533 00:29:09,722 --> 00:29:12,930 Forhåbentlig alle has-- ved du hvad, hvis dette ikke giver mening lige nu, 534 00:29:12,930 --> 00:29:15,388 Jeg lover, at det vil give mening når vi kodning op på siden. 535 00:29:15,388 --> 00:29:16,680 Men luk alle dine tags. 536 00:29:16,680 --> 00:29:20,410 Så hvis du nogensinde har nogle header, der er beslag, 537 00:29:20,410 --> 00:29:24,180 H1, beslag, så sørg for at når du er færdig med det, 538 00:29:24,180 --> 00:29:26,570 du lukke denne header. 539 00:29:26,570 --> 00:29:30,260 Valider din side med W3 Validator. 540 00:29:30,260 --> 00:29:34,689 Hvis du ikke lukke dine tags, du kan få uventet adfærd. 541 00:29:34,689 --> 00:29:37,730 Det vil sige, at din side er ugyldig hvis du kører det gennem denne validator. 542 00:29:37,730 --> 00:29:41,000 Så når i doubt-- og især på denne uges og næste uges 543 00:29:41,000 --> 00:29:46,220 pset-- på samme måde, som vi beder dig at bruge kontrollere 50 og stil 50, 544 00:29:46,220 --> 00:29:49,130 du kunne tænke på denne som en af ​​dine checks, OK? 545 00:29:49,130 --> 00:29:51,950 >> Så hvis det ikke passerer W3 Validator. 546 00:29:51,950 --> 00:29:53,810 Det er noget, vi vil forankre dig på. 547 00:29:53,810 --> 00:29:55,960 Eller jeg fortæller dig ret nu, jeg vil forankre dig på. 548 00:29:55,960 --> 00:29:58,202 Så sørg for at det validerer. 549 00:29:58,202 --> 00:29:58,785 Det er ikke svært. 550 00:29:58,785 --> 00:30:01,530 Du skal bare indsætte i din kode og det vil enten sige god job 551 00:30:01,530 --> 00:30:03,630 eller du mangler noget på samme måde 552 00:30:03,630 --> 00:30:07,760 at stil 50 fortæller dig hvor du griseri oppe. 553 00:30:07,760 --> 00:30:11,360 >> Og så en sidste ting er du vil adskille 554 00:30:11,360 --> 00:30:15,980 din markup, som er alt, HTML eller din tekst, og din styling. 555 00:30:15,980 --> 00:30:19,420 Så vi vil gøre et eksempel af denne ret efter dette. 556 00:30:19,420 --> 00:30:21,830 Så HTML og CSS skal være adskilt. 557 00:30:21,830 --> 00:30:26,030 Og vi kommer til at tale om MVC, som er Model View Controller, 558 00:30:26,030 --> 00:30:27,100 næste uge. 559 00:30:27,100 --> 00:30:29,360 Du fyre bør formentlig lære om det i foredrag 560 00:30:29,360 --> 00:30:32,130 i morgen, hvis du havde allerede lært det i dag. 561 00:30:32,130 --> 00:30:34,250 >> Og det er bare lidt et paradigme, som vi har en tendens til 562 00:30:34,250 --> 00:30:37,460 til at bruge, når du opretter web sider til at adskille tingene ud. 563 00:30:37,460 --> 00:30:41,440 Du kan tænke på det på samme måde at vi har en tendens til at adskille funktioner i C 564 00:30:41,440 --> 00:30:43,360 hvor vi hash at finde ting. 565 00:30:43,360 --> 00:30:45,530 Det er bare en måde at gøre dit liv lettere. 566 00:30:45,530 --> 00:30:51,790 Det adskiller sig attributter eller kode, du ville bruge igen og igen, 567 00:30:51,790 --> 00:30:55,360 men på denne måde, den slags af holder det pænt og ryddeligt. 568 00:30:55,360 --> 00:30:58,260 Og hvis du ønsker at ændre én ting, du ændre det én gang 569 00:30:58,260 --> 00:31:00,150 og det er ændret andre steder. 570 00:31:00,150 --> 00:31:05,010 Så det er mere for din lethed og fleksibilitet. 571 00:31:05,010 --> 00:31:11,430 >> Så med CSS, det er meget ens til HTML, men i stedet for tags 572 00:31:11,430 --> 00:31:15,120 som jeg nævnte for lidt siden, vi bruge, hvad der kaldes vælgere. 573 00:31:15,120 --> 00:31:21,900 Og de dybest set bare lidt af knytte en bestemt tag 574 00:31:21,900 --> 00:31:24,620 i HTML med forskellige attributter. 575 00:31:24,620 --> 00:31:29,060 Og når jeg siger attributter, mener jeg ting som skrifttype farve, typografi, 576 00:31:29,060 --> 00:31:32,694 farven af ​​baggrunden, farven på din tekst. 577 00:31:32,694 --> 00:31:33,610 Den slags ting. 578 00:31:33,610 --> 00:31:36,270 Ligesom hvis det er centreret, hvis det er ud til højre, 579 00:31:36,270 --> 00:31:39,430 hvis det er inverted-- alle af disse seje ting. 580 00:31:39,430 --> 00:31:42,490 Eventuelle stilistiske ting at du gør til din tekst, 581 00:31:42,490 --> 00:31:45,070 dette er, hvad jeg mener med attributter. 582 00:31:45,070 --> 00:31:50,140 >> Og derefter to vigtigste ting at vide, er, at selectors-- to af de vigtigste factors-- 583 00:31:50,140 --> 00:31:53,090 er id, som er unik. 584 00:31:53,090 --> 00:31:54,859 Du kan kun bruge det til én ting. 585 00:31:54,859 --> 00:31:56,400 Ellers går det til at råbe på dig. 586 00:31:56,400 --> 00:31:59,970 Og når vi definerer det i en CSS-fil, vil det 587 00:31:59,970 --> 00:32:03,182 være hash-id og derefter hvilke attributter vi ønsker. 588 00:32:03,182 --> 00:32:05,140 Jeg lover, at vi kommer til at gå gennem et eksempel. 589 00:32:05,140 --> 00:32:06,830 Det vil gøre en masse mere mening. 590 00:32:06,830 --> 00:32:08,830 >> Klasse kan henvise til flere blokke. 591 00:32:08,830 --> 00:32:13,400 Så du kan få din første og tredje afsnit 592 00:32:13,400 --> 00:32:17,240 har den samme slags egenskaber, hvis du forbinder dem med den samme klasse. 593 00:32:17,240 --> 00:32:21,050 Og når vi definerer dem i CSS, gør vi en prik klasse, 594 00:32:21,050 --> 00:32:25,710 med klasse er hvad du ønsker det at blive navngivet. 595 00:32:25,710 --> 00:32:28,559 >> Så jeg ved, at dette er det rigtige nu meget abstrakt. 596 00:32:28,559 --> 00:32:29,850 Det er derfor, vi kommer til at kode. 597 00:32:29,850 --> 00:32:32,060 Jeg ved, du fyrene elsker det, og du er alle 598 00:32:32,060 --> 00:32:34,210 kommer til at hjælpe mig, fordi dette er din webside. 599 00:32:34,210 --> 00:32:36,310 Dette er vores sektion webside, gutter. 600 00:32:36,310 --> 00:32:40,158 Så er der nogen spørgsmål, før jeg slukke PowerPoint, eller noget 601 00:32:40,158 --> 00:32:42,366 du vil have mig til at rulle tilbage til før vi begynder kodning? 602 00:32:42,366 --> 00:32:45,074 >> PUBLIKUM: Når du siger match-tags, mener du selektorer eller tags? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON Buchholtz-AU: Du kan tænke på dem som den samme ting. 605 00:32:53,010 --> 00:32:54,590 Det er bare forskellige ord. 606 00:32:54,590 --> 00:32:56,460 Jeg mener, ligesom vælgere. 607 00:32:56,460 --> 00:32:59,470 Men selektorer også kort til tags. 608 00:32:59,470 --> 00:33:02,800 Så du kan tænke på dem som effektivt det samme. 609 00:33:02,800 --> 00:33:05,900 Jeg lover, at det kommer til at gøre mere mening, når vi kode. 610 00:33:05,900 --> 00:33:08,400 Noget fra PowerPoint eller eventuelle spørgsmål 611 00:33:08,400 --> 00:33:12,980 lige nu, før vi faktisk skabe vores sektion side? 612 00:33:12,980 --> 00:33:15,040 Alle klar? 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 >> Så jeg har en gang. 616 00:33:24,760 --> 00:33:27,030 Lad mig øge skriftstørrelsen for jer. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 OK, så lige nu vil vi bare have en skelettet webside her. 619 00:33:36,730 --> 00:33:38,360 >> Vi har nogle HTML. 620 00:33:38,360 --> 00:33:41,050 Vi har nogle header, som vi se her som eksempel webside. 621 00:33:41,050 --> 00:33:44,540 Nogle titel, nogle skrifttype. 622 00:33:44,540 --> 00:33:47,580 Disse er tags, OK? 623 00:33:47,580 --> 00:33:53,930 Så når jeg mener lukke dine tags, ser vi her dette beslag hoved er din åbning 624 00:33:53,930 --> 00:33:59,670 tag, og dette beslag / Hoved er at lukke det, OK? 625 00:33:59,670 --> 00:34:04,380 >> Så du kunne tænke på dette som dine seler i dine hvis forholdene 626 00:34:04,380 --> 00:34:05,420 eller din for sløjfer. 627 00:34:05,420 --> 00:34:08,630 Hvis du har et i begyndelsen, du vil have en i slutningen. 628 00:34:08,630 --> 00:34:13,500 Det vil stadig arbejde det meste af tiden hvis du ikke har en lukket tag, 629 00:34:13,500 --> 00:34:17,659 men bedste praksis er at lukke dine tags. 630 00:34:17,659 --> 00:34:20,940 >> Så i dette tilfælde, lad os ændre dette. 631 00:34:20,940 --> 00:34:24,150 Vi bliver nødt til afsnit syv. 632 00:34:24,150 --> 00:34:25,270 "Afsnit webside." 633 00:34:25,270 --> 00:34:26,969 Så jeg bare kommer til at ændre dette. 634 00:34:26,969 --> 00:34:32,100 >> Og hvis vi gå over her, og vi reload-- mĺ gemme og reload-- 635 00:34:32,100 --> 00:34:36,750 Vi bemærker, at op her det ændret, right? 636 00:34:36,750 --> 00:34:38,250 Cool. 637 00:34:38,250 --> 00:34:39,380 Så dette ændrer titlen. 638 00:34:39,380 --> 00:34:41,920 Dette er hvad der nu er på din fane. 639 00:34:41,920 --> 00:34:43,870 >> Så dette er en slags søger slags kedelige. 640 00:34:43,870 --> 00:34:44,870 Jeg ved ikke om fyre. 641 00:34:44,870 --> 00:34:46,810 Jeg tror, ​​vi vil noget andet her. 642 00:34:46,810 --> 00:34:51,900 >> Så det, vi kan gøre, er det header er der bare. 643 00:34:51,900 --> 00:34:54,320 Lad os gøre en slags krop. 644 00:34:54,320 --> 00:34:56,550 Så vi har nogle krop her. 645 00:34:56,550 --> 00:35:01,360 Jeg gør altid åben og lukker mine tags til at starte, 646 00:35:01,360 --> 00:35:04,850 på samme måde, som jeg gør seler. 647 00:35:04,850 --> 00:35:06,326 Ah. 648 00:35:06,326 --> 00:35:09,010 Vent, hvad? 649 00:35:09,010 --> 00:35:10,949 >> PUBLIKUM: [uhørligt]. 650 00:35:10,949 --> 00:35:11,990 ALLISON Buchholtz-AU: Ah. 651 00:35:11,990 --> 00:35:13,895 Du fyre fik mig. 652 00:35:13,895 --> 00:35:14,930 Godt stykke arbejde. 653 00:35:14,930 --> 00:35:16,270 Guld stjerne. 654 00:35:16,270 --> 00:35:20,300 >> OK, så vi har nogle organ her. 655 00:35:20,300 --> 00:35:22,920 Og lad os nu begynde med at tilføje noget tekst. 656 00:35:22,920 --> 00:35:26,110 Så du har et par anderledes muligheder for at tilføje tekst. 657 00:35:26,110 --> 00:35:29,380 Vi har ting som overskrifter. 658 00:35:29,380 --> 00:35:32,144 Vi har bare normal tekst. 659 00:35:32,144 --> 00:35:33,560 Så lad os bare starte med en header. 660 00:35:33,560 --> 00:35:36,670 Faktisk, hvis du fyre ønsker at trække op W3 School HTML, 661 00:35:36,670 --> 00:35:38,860 du kan slags se dig omkring og hvis der er noget 662 00:35:38,860 --> 00:35:42,470 især, at du ønsker at afprøve med denne webside, kan vi gøre det. 663 00:35:42,470 --> 00:35:46,250 Så i dette tilfælde, lad os bare gøre nogle h1. 664 00:35:46,250 --> 00:35:48,710 Så h1 er ligesom den højeste header. 665 00:35:48,710 --> 00:35:52,260 Det vil give dig noget der er meget stor og fed. 666 00:35:52,260 --> 00:35:58,010 >> Og i dette tilfælde, hvad ønsker vi for den første tekst på vores webside? 667 00:35:58,010 --> 00:35:58,640 Noget. 668 00:35:58,640 --> 00:35:59,800 Du fyre kommer til at skabe dette. 669 00:35:59,800 --> 00:36:00,758 Jeg bare at skrive. 670 00:36:00,758 --> 00:36:01,620 PUBLIKUM: Velkommen. 671 00:36:01,620 --> 00:36:02,870 >> ALLISON Buchholtz-AU: Velkommen. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 OK, så hvis vi gemme det, og vi genindlæse, vi har en stor stor velkommen. 674 00:36:12,620 --> 00:36:17,365 Så bare så du kan se den forskelle, lad os gøre noget på H6. 675 00:36:17,365 --> 00:36:18,490 Hvad ønsker vi lige her? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Right? 678 00:36:27,440 --> 00:36:30,356 >> OK, så bare så kan du se forskellen. 679 00:36:30,356 --> 00:36:31,990 Yeah, Sublime. 680 00:36:31,990 --> 00:36:34,680 Så hvis du bemærker, h1, meget, meget stort. 681 00:36:34,680 --> 00:36:39,030 h6, ligesom fed, men meget mindre, og du har alt i mellem. 682 00:36:39,030 --> 00:36:41,550 Så du kunne have h2, h3, h4. 683 00:36:41,550 --> 00:36:43,750 Og disse er blot overskrifter, så hvis du forsøger 684 00:36:43,750 --> 00:36:46,010 at oprette en webside, har forskellige sektioner, 685 00:36:46,010 --> 00:36:48,810 måske du ønsker at bruge overskrifter derinde et sted. 686 00:36:48,810 --> 00:36:49,580 >> Cool. 687 00:36:49,580 --> 00:36:53,270 Så vi vil tilføje nogle mere ting i vores krop. 688 00:36:53,270 --> 00:36:58,380 Jeg kan se, at det vil være så venlig cool, hvis vi havde et billede. 689 00:36:58,380 --> 00:37:02,840 Jeg føler mig som alle kunne bruge måske en sød bunny billede lige omkring nu, 690 00:37:02,840 --> 00:37:05,082 så vi kommer til at finde en kanin billede først. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Jeg ved ikke, hvis du fyre har nogen præferencer, som vi ønsker. 693 00:37:12,960 --> 00:37:14,890 Har du nogen præferencer? 694 00:37:14,890 --> 00:37:15,925 Denne ene her? 695 00:37:15,925 --> 00:37:17,160 Down. 696 00:37:17,160 --> 00:37:17,750 OK. 697 00:37:17,750 --> 00:37:18,760 Det ene er det. 698 00:37:18,760 --> 00:37:20,080 Gode ​​valg. 699 00:37:20,080 --> 00:37:21,850 >> OK, så vi kommer til at se vores image. 700 00:37:21,850 --> 00:37:22,920 Kig på det. 701 00:37:22,920 --> 00:37:24,250 Kig på den bedårende ting. 702 00:37:24,250 --> 00:37:27,080 Hvordan kan du være ked af på en mandag med dette? 703 00:37:27,080 --> 00:37:30,180 >> Så vi bare at kopiere billedet URL. 704 00:37:30,180 --> 00:37:38,720 Og hvad vi ønsker at gøre, er, lad os bare sige, at vi har nogle p for stykke. 705 00:37:38,720 --> 00:37:41,140 Vi kommer til at sige "Look se på de søde bunny. 706 00:37:41,140 --> 00:37:44,130 d'awwww ". 707 00:37:44,130 --> 00:37:44,880 Jeg elsker mine kaniner. 708 00:37:44,880 --> 00:37:45,838 Jeg har en kanin derhjemme. 709 00:37:45,838 --> 00:37:48,085 Jeg savner min kanin. 710 00:37:48,085 --> 00:37:50,460 Så det, vi kommer til at do-- Jeg ved ikke, hvis du fyre ønsker 711 00:37:50,460 --> 00:37:55,970 at google denne-- men med HTML, hvordan kan du medtage et billede? 712 00:37:55,970 --> 00:37:58,355 Bogstaveligt, hvis du google "Indbefatter billede HTML," 713 00:37:58,355 --> 00:38:00,480 Hvorfor tager du ikke fyre fortælle mig hvad dette mærke skal være? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> PUBLIKUM: 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 PUBLIKUM: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON Buchholtz-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 PUBLIKUM: --quote-- ja. 720 00:38:10,181 --> 00:38:11,430 ALLISON Buchholtz-AU: Perfect. 721 00:38:11,430 --> 00:38:12,090 Dejligt. 722 00:38:12,090 --> 00:38:15,470 Se, MySpace generation, right? 723 00:38:15,470 --> 00:38:16,220 Publikum: Neopets. 724 00:38:16,220 --> 00:38:17,470 ALLISON Buchholtz-AU: Neopets. 725 00:38:17,470 --> 00:38:18,950 Åh, OK. 726 00:38:18,950 --> 00:38:20,200 Wow. 727 00:38:20,200 --> 00:38:21,260 Det har været vanvittigt. 728 00:38:21,260 --> 00:38:23,120 OK. 729 00:38:23,120 --> 00:38:25,600 >> Så sørg for at jeg får denne ret. 730 00:38:25,600 --> 00:38:26,100 Cool. 731 00:38:26,100 --> 00:38:27,750 Så det bør være her. 732 00:38:27,750 --> 00:38:34,146 Og derefter, hvis vi genindlæse, har vi vores bunny på siden Er det ikke sød? 733 00:38:34,146 --> 00:38:35,030 >> Dette er så søde. 734 00:38:35,030 --> 00:38:36,860 Du har valgt en stor, stor foto. 735 00:38:36,860 --> 00:38:38,180 Jeg grave det. 736 00:38:38,180 --> 00:38:41,350 >> OK, så vi har denne bedårende bunny nu. 737 00:38:41,350 --> 00:38:44,590 Vi var i stand til at tilføje en billede, ligesom det. 738 00:38:44,590 --> 00:38:47,550 Så dybest set, hvis der er et billede du vil føje til din webside, 739 00:38:47,550 --> 00:38:49,430 du kan tilføje det ligesom dette. 740 00:38:49,430 --> 00:38:52,910 En anden ting ville være, hvis du har billedet gemt 741 00:38:52,910 --> 00:38:55,670 i den samme mappe som denne fil, kan du bare 742 00:38:55,670 --> 00:38:59,595 skrive, hvad navnet på denne billede er i stedet for at have en web-link. 743 00:38:59,595 --> 00:39:01,010 >> Det vil stadig være i anførselstegn. 744 00:39:01,010 --> 00:39:03,700 Det ville bare være ligesom hvis vi havde navngivet denne-- 745 00:39:03,700 --> 00:39:06,695 hvis billedet var blevet gemt i mappen med HTML-fil 746 00:39:06,695 --> 00:39:08,570 at jeg redigere og det blev kaldt bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Vi kunne også gøre det og det ville dukke op. 749 00:39:13,080 --> 00:39:16,600 Men jeg har ikke dette gemt i filen, og jeg ønsker at holde bunny, 750 00:39:16,600 --> 00:39:18,092 så vi kommer til at holde forbindelsen. 751 00:39:18,092 --> 00:39:20,720 >> PUBLIKUM: Hvad er rabbit.org? 752 00:39:20,720 --> 00:39:22,980 >> ALLISON Buchholtz-AU: rabbit.org. 753 00:39:22,980 --> 00:39:25,170 Det er en appropriate-- se, du kan vedtage det. 754 00:39:25,170 --> 00:39:25,770 Adoption. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Jeg ønsker at vedtage denne bunny. 757 00:39:29,190 --> 00:39:31,180 Åh, gud, det er så søde. 758 00:39:31,180 --> 00:39:34,230 >> OK, så vi har tilføjet overskrifter. 759 00:39:34,230 --> 00:39:35,500 Vi har tilføjet et billede. 760 00:39:35,500 --> 00:39:37,760 Naturligvis har vi tilføjet noget tekst her, right? 761 00:39:37,760 --> 00:39:40,920 Hvis vi ønskede at tilføje andre tekster, vi ville gå sådan her. 762 00:39:40,920 --> 00:39:43,760 Så dette er et andet stykke. 763 00:39:43,760 --> 00:39:49,070 >> Og vi siger "dette er en anden stykke." 764 00:39:49,070 --> 00:39:52,510 Også, jeg er en forfærdelig speller, så jeg kan staver ting. 765 00:39:52,510 --> 00:39:54,930 Bare FYI. 766 00:39:54,930 --> 00:39:58,450 >> Så vi har en anden afsnit her, right? 767 00:39:58,450 --> 00:40:02,190 Så måske du ønsker at gøre noget lidt mere interessant end blot 768 00:40:02,190 --> 00:40:04,640 har alle din tekst, ligesom højrejusteret. 769 00:40:04,640 --> 00:40:08,490 Måske du ønsker at centrere din tekst, OK? 770 00:40:08,490 --> 00:40:11,820 >> Så hvis nogen ønsker at bruge dem, handy computere foran dig 771 00:40:11,820 --> 00:40:19,034 og fortæl mig, hvordan du er kommer til at centrere denne tekst, 772 00:40:19,034 --> 00:40:20,300 >> PUBLIKUM: p align. 773 00:40:20,300 --> 00:40:24,834 >> ALLISON Buchholtz-AU: So p align lig med "center". 774 00:40:24,834 --> 00:40:25,750 Han dræbe det, gutter. 775 00:40:25,750 --> 00:40:28,240 Y'all er nødt til at optrappe. 776 00:40:28,240 --> 00:40:36,042 Og vi har "Dette er centreret." 777 00:40:36,042 --> 00:40:37,500 Og nu har vi noget centreret. 778 00:40:37,500 --> 00:40:39,380 >> På samme måde, hvis du ønsker det venstrejusteret, 779 00:40:39,380 --> 00:40:42,020 du kunne gøre Juster ligemænd venstre, align lig ret. 780 00:40:42,020 --> 00:40:42,850 Helt op til dig. 781 00:40:42,850 --> 00:40:55,580 Hvis jeg gjorde her, så er dette should-- nu er det højrejusteret. 782 00:40:55,580 --> 00:40:57,020 >> PUBLIKUM: Allison? 783 00:40:57,020 --> 00:41:00,884 Ved image source, hvorfor ikke der tæt på IMG kilde? 784 00:41:00,884 --> 00:41:02,050 ALLISON Buchholtz-AU: Undskyld. 785 00:41:02,050 --> 00:41:05,300 Dette bør være der Nu er du god. 786 00:41:05,300 --> 00:41:06,026 Nu er vi godt. 787 00:41:06,026 --> 00:41:08,150 PUBLIKUM: Har du ikke at lukke det der, eller ej? 788 00:41:08,150 --> 00:41:11,450 ALLISON Buchholtz-AU: Nå, så img kilde, er denne ene bare-- med billede, 789 00:41:11,450 --> 00:41:17,110 det er bare ses som et element, hvorimod hvis du bemærker for resten af ​​disse, 790 00:41:17,110 --> 00:41:22,106 vi har nogle tag derefter information, det vedrører, og derefter en afsluttende tag. 791 00:41:22,106 --> 00:41:24,480 Men med billedet, alt er lige slags selvstændig. 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 Så du fyre vide, hvordan du opretter en header, du ved, hvordan du indtaster tekst, 795 00:41:33,530 --> 00:41:37,060 du ved, hvordan man kan sætte et billede i nu, kan du justere ting. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> En anden ting, som du måske ønsker at være i stand til at gøre 798 00:41:42,590 --> 00:41:47,649 er at oprette en liste i CS-- vi er slags går ind i næste uges pset. 799 00:41:47,649 --> 00:41:49,440 De ting, som vi typisk underviser i denne uge 800 00:41:49,440 --> 00:41:51,480 går rigtig godt med næste uges pset, så vi er 801 00:41:51,480 --> 00:41:54,250 slags blanding, overlappende ting her. 802 00:41:54,250 --> 00:41:56,290 Men det vil være nyttigt for næste uge. 803 00:41:56,290 --> 00:42:02,500 >> Så hvis vi ønskede at skabe nogle liste, hvordan kan vi gøre det? 804 00:42:02,500 --> 00:42:03,760 Du kan ikke svare på dette tidspunkt. 805 00:42:03,760 --> 00:42:04,700 Nogen har til. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 Det er ikke svært, gutter, lover. 808 00:42:09,440 --> 00:42:13,090 Google "uordnet liste HTML." 809 00:42:13,090 --> 00:42:14,076 Hvad var det? 810 00:42:14,076 --> 00:42:16,244 >> PUBLIKUM: [uhørligt]. 811 00:42:16,244 --> 00:42:17,410 ALLISON Buchholtz-AU: Right. 812 00:42:17,410 --> 00:42:20,490 Så ønsker vi, ordnet og uordnet? 813 00:42:20,490 --> 00:42:21,500 Lad os gøre en uordnet. 814 00:42:21,500 --> 00:42:25,240 Så vi har nogle ul, som står for usorteret liste. 815 00:42:25,240 --> 00:42:27,997 Og hvad har vi for hvert element? 816 00:42:27,997 --> 00:42:29,080 Betyder det skal have sin egen tag? 817 00:42:29,080 --> 00:42:30,556 Kan vi bare begynde at skrive ting? 818 00:42:30,556 --> 00:42:31,330 >> PUBLIKUM: li. 819 00:42:31,330 --> 00:42:32,826 >> ALLISON Buchholtz-AU: li. 820 00:42:32,826 --> 00:42:34,785 Så hvad er vores liste kommer til at være? 821 00:42:34,785 --> 00:42:37,050 Hvad ønsker vi her? 822 00:42:37,050 --> 00:42:38,190 Vi skal bare gøre navne. 823 00:42:38,190 --> 00:42:39,250 Bare gør Jakob. 824 00:42:39,250 --> 00:42:40,340 >> PUBLIKUM: kanin fødevarer. 825 00:42:40,340 --> 00:42:40,990 >> ALLISON Buchholtz-AU: Kanin fødevarer. 826 00:42:40,990 --> 00:42:41,910 OK Jeg kan godt lide dette. 827 00:42:41,910 --> 00:42:42,520 Kanin fødevarer. 828 00:42:42,520 --> 00:42:44,440 >> OK, så vi har gulerødder. 829 00:42:44,440 --> 00:42:46,640 Jeg kan lide denne kanin tema. 830 00:42:46,640 --> 00:42:48,024 Jeg grave det en masse. 831 00:42:48,024 --> 00:42:50,440 PUBLIKUM: Faktisk troede jeg at Jakob ville være en legit. 832 00:42:50,440 --> 00:42:51,606 ALLISON Buchholtz-AU: Jacob? 833 00:42:51,606 --> 00:42:53,120 Jacob er kaninfoder. 834 00:42:53,120 --> 00:42:55,310 Hvis du så Jakobs foto fra kontortid, 835 00:42:55,310 --> 00:42:56,850 du måske have troet, han fik angrebet af en killer kanin. 836 00:42:56,850 --> 00:42:58,099 >> PUBLIKUM: Jeg har en kanin nu. 837 00:42:58,099 --> 00:42:59,710 Jeg har en killer kanin nu. 838 00:42:59,710 --> 00:43:00,540 >> ALLISON Buchholtz-AU: Are you kidding me? 839 00:43:00,540 --> 00:43:02,081 >> PUBLIKUM: Jeg vil bringe det næste afsnit. 840 00:43:02,081 --> 00:43:02,990 Jeg har det. 841 00:43:02,990 --> 00:43:04,240 >> ALLISON Buchholtz-AU: Det er latterligt. 842 00:43:04,240 --> 00:43:04,730 Anyway. 843 00:43:04,730 --> 00:43:05,510 >> PUBLIKUM: [uhørligt] 844 00:43:05,510 --> 00:43:07,510 >> PUBLIKUM: Ja, min proctor har en kanin samt. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON Buchholtz-AU: Jeg vil have en kanin. 847 00:43:11,580 --> 00:43:15,415 OK, hvem bringer en reel kanin til næste afsnit samlede brownies punkter. 848 00:43:15,415 --> 00:43:16,290 PUBLIKUM: [uhørligt] 849 00:43:16,290 --> 00:43:16,943 PUBLIKUM: Åh, det er ikke reel. 850 00:43:16,943 --> 00:43:17,910 Det er en udstoppet kanin. 851 00:43:17,910 --> 00:43:18,855 >> ALLISON Buchholtz-AU: Oh yeah, kan vi lukke disse. 852 00:43:18,855 --> 00:43:20,174 Ser rad. 853 00:43:20,174 --> 00:43:21,590 PUBLIKUM: Er det egentlig noget? 854 00:43:21,590 --> 00:43:23,465 ALLISON Buchholtz-AU: Det gør det ikke. 855 00:43:23,465 --> 00:43:25,590 Med de fleste af disse ting, behøver du ikke lukke tag, 856 00:43:25,590 --> 00:43:28,750 99% af tiden noget dårligt sker til at ske, men det er god stil, også. 857 00:43:28,750 --> 00:43:30,250 Så Jakob. 858 00:43:30,250 --> 00:43:31,864 Og vi har salat. 859 00:43:31,864 --> 00:43:33,655 PUBLIKUM: For links, det er virkelig vigtigt. 860 00:43:33,655 --> 00:43:34,696 ALLISON Buchholtz-AU: Hm? 861 00:43:34,696 --> 00:43:35,890 PUBLIKUM: For hyperlinks. 862 00:43:35,890 --> 00:43:37,431 ALLISON Buchholtz-AU: For hyperlinks. 863 00:43:37,431 --> 00:43:38,610 Ja, hyperlinks brug for det. 864 00:43:38,610 --> 00:43:40,770 OK, så lad os se her. 865 00:43:40,770 --> 00:43:44,810 Og vi har tæt på vores liste. 866 00:43:44,810 --> 00:43:46,635 Og vi ser på det. 867 00:43:46,635 --> 00:43:49,680 Vi har all-- Jacob, lige der. 868 00:43:49,680 --> 00:43:52,310 Kaninfoder. 869 00:43:52,310 --> 00:43:54,000 Minder mig om Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> PUBLIKUM: [uhørligt] 871 00:43:55,234 --> 00:43:58,400 ALLISON Buchholtz-AU: jeg bringer tilbage al den gamle skole referencer i dag, 872 00:43:58,400 --> 00:43:59,130 er jeg ikke? 873 00:43:59,130 --> 00:44:01,210 Bare alle de gamle skole referencer. 874 00:44:01,210 --> 00:44:05,767 Skulle have bragt ligesom Gogurts eller noget for snacks. 875 00:44:05,767 --> 00:44:07,079 >> PUBLIKUM: Or Gushers. 876 00:44:07,079 --> 00:44:08,120 ALLISON Buchholtz-AU: Oh. 877 00:44:08,120 --> 00:44:08,620 OK. 878 00:44:08,620 --> 00:44:10,920 Jeg vil se om jeg kan spore ned Gushers for næste uge. 879 00:44:10,920 --> 00:44:11,980 Jeg tror, ​​jeg kan gøre det. 880 00:44:11,980 --> 00:44:13,980 Jeg tror, ​​vi kunne have nogle på kontoret. 881 00:44:13,980 --> 00:44:18,570 >> OK, så vi har dækket en masse forskellige ting, du kan gøre med HTML, right? 882 00:44:18,570 --> 00:44:23,910 Og som du nok kan se, er det nothing-- forhåbentlig ikke alt for intim-- 883 00:44:23,910 --> 00:44:25,750 hvis det er, mener jeg ikke at nedgøre nogen. 884 00:44:25,750 --> 00:44:29,090 Hvis du har problemer, bedes komme tale til mig. 885 00:44:29,090 --> 00:44:31,340 >> Men det meste af det er bare ser på syntaksen, right? 886 00:44:31,340 --> 00:44:34,180 Hvis du ønsker en uordnet liste, hvis du ønsker en slags liste, 887 00:44:34,180 --> 00:44:38,450 hvis du ønsker at justere noget eller format noget, det handler om bare 888 00:44:38,450 --> 00:44:42,080 slags kigge op syntaks for HTML, right? 889 00:44:42,080 --> 00:44:44,720 Og én ting, der er pretty cool faktisk 890 00:44:44,720 --> 00:44:51,360 er, hvis du går at-- lad os se, hvad er en nice hjemmeside, som vi kan lide? 891 00:44:51,360 --> 00:44:54,920 Nogen der har nogen foretrukne hjemmesider der er OK at opdrage online? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Ved du hvad, lad os bare gøre CS50. 894 00:44:58,840 --> 00:45:01,800 Det er rart og sikkert, right? 895 00:45:01,800 --> 00:45:03,060 >> OK, så CS50 her. 896 00:45:03,060 --> 00:45:05,540 Åh se, er der en sektion lige nu. 897 00:45:05,540 --> 00:45:07,113 Hvis du kan lide den måde, det ser ud. 898 00:45:07,113 --> 00:45:08,030 >> PUBLIKUM: [uhørligt]. 899 00:45:08,030 --> 00:45:10,696 ALLISON Buchholtz-AU: Vi er ikke vil gøre meta sektion, gutter. 900 00:45:10,696 --> 00:45:11,560 Det sker ikke. 901 00:45:11,560 --> 00:45:14,540 Det ville være cool, men vi ikke kommer til at gøre det. 902 00:45:14,540 --> 00:45:17,040 >> Så hvad gør du kunne gøre, hvis du kan lide den måde 903 00:45:17,040 --> 00:45:21,390 dette virker, er du altid ret klikke på en webside, som du kan lide 904 00:45:21,390 --> 00:45:23,660 og du kan gøre View Page Source. 905 00:45:23,660 --> 00:45:26,030 Det vil bringe op alle HTML. 906 00:45:26,030 --> 00:45:30,800 Og det er faktisk en rigtig god måde at style din egen webside. 907 00:45:30,800 --> 00:45:33,640 Gå til en webside, som du virkelig gerne og se på HTML 908 00:45:33,640 --> 00:45:35,430 og regne ud, hvordan de gjorde det. 909 00:45:35,430 --> 00:45:39,280 >> Og bogstaveligt, så længe som du nævner ting, 910 00:45:39,280 --> 00:45:41,940 så længe du ikke bare stjæle fra folk, det er OK. 911 00:45:41,940 --> 00:45:43,890 Især for CS50 [? finansiere?], er vi 912 00:45:43,890 --> 00:45:46,950 slags forventer du at få inspiration fra anden hjemmeside. 913 00:45:46,950 --> 00:45:48,070 Så velkommen. 914 00:45:48,070 --> 00:45:51,360 Kig gennem hjemmesider, du synes er virkelig smuk 915 00:45:51,360 --> 00:45:54,870 og finde ud af hvordan de bruger HTML og CSS til at gøre disse ting. 916 00:45:54,870 --> 00:45:59,860 >> Så som du kan se her, er der naturligvis ligesom links og vi har en klasse her. 917 00:45:59,860 --> 00:46:00,950 Vi har et link her. 918 00:46:00,950 --> 00:46:03,100 Vi har en liste. 919 00:46:03,100 --> 00:46:05,370 Vi har sandsynligvis nogle billeder i her et sted. 920 00:46:05,370 --> 00:46:08,332 >> Vi har fået nogle cool stil her. 921 00:46:08,332 --> 00:46:10,040 Dette er den næste ting vi kommer til at gøre. 922 00:46:10,040 --> 00:46:14,580 Så stil, når du ser disse stil parentes, det er CSS dybest set. 923 00:46:14,580 --> 00:46:15,880 Ben, har du et spørgsmål? 924 00:46:15,880 --> 00:46:16,880 >> PUBLIKUM: Hvad er div? 925 00:46:16,880 --> 00:46:20,039 >> ALLISON Buchholtz-AU: div er lige en-- hvad er div? 926 00:46:20,039 --> 00:46:20,830 PUBLIKUM: Division. 927 00:46:20,830 --> 00:46:22,121 ALLISON Buchholtz-AU: Division. 928 00:46:22,121 --> 00:46:25,960 Ja, det er ligesom adskillelse af forskellige elementer. 929 00:46:25,960 --> 00:46:28,650 OK, så her er, hvad vi er gå i næste. 930 00:46:28,650 --> 00:46:31,550 Så det kan ikke være den bedste stil, fordi, hvis du bemærker 931 00:46:31,550 --> 00:46:37,681 vi har HTML og stil i samme side, og vi faktisk ønsker at adskille dem, 932 00:46:37,681 --> 00:46:38,180 OK? 933 00:46:38,180 --> 00:46:41,620 Og lad mig faktisk åbne op for min rigtige 934 00:46:41,620 --> 00:46:45,990 fordi dette formodes at være PDF, så vi har style.css. 935 00:46:45,990 --> 00:46:51,210 >> Så hvad vi kan gøre her er disse er cool ting som nogle fade 936 00:46:51,210 --> 00:46:55,550 og vi kunne forsøge at gøre det, men jeg føler ligesom jeg ville rod, op på flue, 937 00:46:55,550 --> 00:46:58,520 så jeg vil opfordre jer til gå prøve det på egen hånd, 938 00:46:58,520 --> 00:47:00,310 men jeg har ikke tænkt mig at gøre det lige nu. 939 00:47:00,310 --> 00:47:03,790 Så hvis du fyre, så husk, hvis du nogensinde ramt problem sæt, 940 00:47:03,790 --> 00:47:05,584 noget styrtdykker i fra siden. 941 00:47:05,584 --> 00:47:08,000 Det har at gøre med fade og overgangen og whatnot. 942 00:47:08,000 --> 00:47:09,630 >> PUBLIKUM: Og det er alt CSS og HTML? 943 00:47:09,630 --> 00:47:11,460 >> ALLISON Buchholtz-AU: Alt CSS og HTML. 944 00:47:11,460 --> 00:47:12,420 Ja. 945 00:47:12,420 --> 00:47:17,720 Så du kan gøre en masse virkelig seje ting med CSS og HTML. 946 00:47:17,720 --> 00:47:22,280 Så med vores awesome bunny webside her, vi 947 00:47:22,280 --> 00:47:25,240 kommer til at gøre lidt bit af CSS styling med det. 948 00:47:25,240 --> 00:47:28,850 >> Så hvis du nogensinde har en stil ark, som vi har her, 949 00:47:28,850 --> 00:47:30,550 du kan bare ringe style.css. 950 00:47:30,550 --> 00:47:32,090 Du kan kalde det hvad du vil. 951 00:47:32,090 --> 00:47:37,110 Hvad der er vigtigt er, at vi vil at referere det i vores web.html her. 952 00:47:37,110 --> 00:47:41,670 >> Så hvad vi skal gøre, er at we-- så jeg ikke rode dette up-- 953 00:47:41,670 --> 00:47:46,180 vi kommer til at forbinde disse to filer sammen. 954 00:47:46,180 --> 00:47:49,340 Så i samme way-- jeg har tænkt mig at drage en analogi til C her. 955 00:47:49,340 --> 00:47:53,510 På samme måde, som hvis du har nogle library-- og vi har cs50.h-- 956 00:47:53,510 --> 00:47:55,520 vores compiler forbinder det. 957 00:47:55,520 --> 00:47:58,040 Dette er blot et eksplicit link på vores side. 958 00:47:58,040 --> 00:48:01,840 Så på samme måde, som vi gør hash omfatter nogle fil, hvad 959 00:48:01,840 --> 00:48:06,890 Jeg er ved at skrive er lige HTML / CSS svarer til det. 960 00:48:06,890 --> 00:48:11,970 >> Vi siger bare, OK, denne webside kommer til at bruge dette stylesheet, OK? 961 00:48:11,970 --> 00:48:23,360 Så vi har link rel lig stylesheet. 962 00:48:23,360 --> 00:48:30,870 Og så har vi typen, css. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 Og derefter href lig. 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 Så alt dette gjorde her er du kan tænke på dette som det samme 968 00:48:45,680 --> 00:48:47,550 som en hash omfatter. 969 00:48:47,550 --> 00:48:53,450 Naturligvis det ser lidt mere kompliceret, men i alle tilfælde, 970 00:48:53,450 --> 00:48:55,370 det er effektivt det samme. 971 00:48:55,370 --> 00:49:00,940 Så dette er blot nogle sammenkobling af en style sheet, det er af typen tekst / css, 972 00:49:00,940 --> 00:49:02,875 og navnet på det er style.css. 973 00:49:02,875 --> 00:49:05,560 >> Hvad er vigtigt at vide er, at den webside 974 00:49:05,560 --> 00:49:09,155 at jeg arbejder ret nu-- web.html og style.css-- er i samme mappe. 975 00:49:09,155 --> 00:49:14,740 Fordi der i forskellige mapper, du nødt til at give den faktiske rod 976 00:49:14,740 --> 00:49:17,480 til det, eller stien til den. 977 00:49:17,480 --> 00:49:20,620 Men i dette tilfælde, vi holder det super enkel og det kommer til at være her. 978 00:49:20,620 --> 00:49:26,730 Så hvis vi gør det, jeg har nogle ting allerede stod i kø her. 979 00:49:26,730 --> 00:49:31,680 >> Så vi har nogle organ, som vil at have vores baggrundsfarve, som 980 00:49:31,680 --> 00:49:33,320 lige nu er lyseblå. 981 00:49:33,320 --> 00:49:36,850 Vi kan ændre det, hvis vi vil, men hvis jeg husker det korrekt, 982 00:49:36,850 --> 00:49:39,270 det skal bare ændre det til lyseblå. 983 00:49:39,270 --> 00:49:42,050 Og nu har vi en lyseblå baggrund. 984 00:49:42,050 --> 00:49:47,490 Og vi havde her-- kan nogen huske hvoraf den ene er hash-id eller klasse? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> PUBLIKUM: 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 Så hvad vi ønsker at gøre hvilken af ​​disse fonte 990 00:49:58,920 --> 00:50:01,534 eller which-- ønsker vi "Se på den søde bunny "for at være lilla? 991 00:50:01,534 --> 00:50:02,950 Jeg tror, ​​vi ønsker at det skal være lilla. 992 00:50:02,950 --> 00:50:04,640 Jeg er temmelig ned med det at være lilla. 993 00:50:04,640 --> 00:50:08,790 >> Så hvad du skal gøre er du gør ID equals-- i dette tilfælde 994 00:50:08,790 --> 00:50:13,630 Jeg sagde, hvad, smuk farve her. 995 00:50:13,630 --> 00:50:14,780 Vi genindlæse. 996 00:50:14,780 --> 00:50:17,460 Pludselig, det er lilla. 997 00:50:17,460 --> 00:50:20,680 OK, så med ID, husk det skal være unikt, 998 00:50:20,680 --> 00:50:24,370 så jeg bør aldrig være hjælp dette id andre steder. 999 00:50:24,370 --> 00:50:27,760 Men med klasse, som vi har her med en smuk skrifttype, 1000 00:50:27,760 --> 00:50:30,300 Jeg skulle være i stand til at bruge at overalt jeg vil. 1001 00:50:30,300 --> 00:50:33,160 >> Så lad os gøre denne ene her. 1002 00:50:33,160 --> 00:50:41,100 Så vi kan sige klasse lig temmelig skrifttype. 1003 00:50:41,100 --> 00:50:46,190 Og hvis vi ser nu, har vi denne cool smukke skrifttype her. 1004 00:50:46,190 --> 00:50:49,160 Så måske jeg ønsker at gøre begge dele. 1005 00:50:49,160 --> 00:50:52,786 OK, jeg faktisk ikke vide, om dette er kommer til at arbejde, men jeg vil gerne prøve det. 1006 00:50:52,786 --> 00:50:54,410 Og dette er, hvordan du lærer CSS og HTML. 1007 00:50:54,410 --> 00:50:55,660 Du er ligesom, du ved hvad, jeg ønsker at prøve dette. 1008 00:50:55,660 --> 00:50:56,430 Jeg er ikke sikker på, om det kommer til at fungere. 1009 00:50:56,430 --> 00:50:57,346 Lad os se om det virker. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> Og se på det. 1012 00:51:01,540 --> 00:51:04,540 Nu er det i lilla og det er en temmelig skrifttype. 1013 00:51:04,540 --> 00:51:08,692 OK, så du har alle disse forskellige ting, du kan gøre. 1014 00:51:08,692 --> 00:51:09,650 Har du et spørgsmål? 1015 00:51:09,650 --> 00:51:10,275 >> PUBLIKUM: Ja. 1016 00:51:10,275 --> 00:51:13,280 Nå, ligesom farver du bruger er ord. 1017 00:51:13,280 --> 00:51:16,005 Er der en måde at gøre farver med den hexadecimale RGB? 1018 00:51:16,005 --> 00:51:18,880 ALLISON Buchholtz-AU: Du kan også gør det med hexidecimal, tror jeg. 1019 00:51:18,880 --> 00:51:19,803 Ja. 1020 00:51:19,803 --> 00:51:22,136 Men det er lidt rart, hvis du ønsker ikke at slå dem op. 1021 00:51:22,136 --> 00:51:23,762 Du kan bare være ligesom, lilla eller blå. 1022 00:51:23,762 --> 00:51:25,720 PUBLIKUM: Lad os håbe, at de vide, hvad det betyder. 1023 00:51:25,720 --> 00:51:26,886 ALLISON Buchholtz-AU: Right. 1024 00:51:26,886 --> 00:51:29,580 Så lad os gøre denne læse- eller chartreuse. 1025 00:51:29,580 --> 00:51:32,060 Hvorfor ville du nogensinde vælge chartreuse? 1026 00:51:32,060 --> 00:51:33,340 Det er en interessant farve. 1027 00:51:33,340 --> 00:51:37,355 >> OK, så selvfølgelig kan vi se, vi kan ændre på tingene, men vi ønsker. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Hvis du ønskede at create-- lad os sige Vi ønskede at skabe en anden klasse. 1030 00:51:45,392 --> 00:51:46,850 Hvad kan du fyre ønsker at ændre? 1031 00:51:46,850 --> 00:51:51,840 Hvis du trækker op W3Schools ' CSS dokumentation, 1032 00:51:51,840 --> 00:51:54,450 Jeg overlader ordet til jer. 1033 00:51:54,450 --> 00:51:57,990 Vi kan forsøge at gøre noget cool med dette i de sidste par minutter. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Fordi jeg har slags givet dig en Lynkursus på en masse fede ting 1036 00:52:03,150 --> 00:52:03,970 at du kan gøre. 1037 00:52:03,970 --> 00:52:09,956 Men i sidste ende, som jeg sagde, hvis du bare eksperiment, vil du lære en masse. 1038 00:52:09,956 --> 00:52:12,212 >> PUBLIKUM: Har du kigger op på den skrifttype? 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON Buchholtz-AU: Yeah, Jeg kiggede op på den skrifttype. 1040 00:52:14,295 --> 00:52:17,200 Så ligesom bogstaveligt, jeg gik at-- hvad gjorde jeg? 1041 00:52:17,200 --> 00:52:22,371 Jeg gjorde CSS liste over skrifttyper, og så jeg gjorde font stak, 1042 00:52:22,371 --> 00:52:25,120 og så var jeg ligesom, se, her er alle de seje skrifttyper, du kan gøre. 1043 00:52:25,120 --> 00:52:28,180 Og der var denne ene, så Jeg kopierede det til min clipboard. 1044 00:52:28,180 --> 00:52:31,820 Og så jeg var ligesom, OK, cool, der vi gå. 1045 00:52:31,820 --> 00:52:32,320 Alle gjort. 1046 00:52:32,320 --> 00:52:35,920 >> PUBLIKUM: Så du nødt til at sørge at CSS ved, hvad det skrifttype er. 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON Buchholtz-AU: Ja. 1048 00:52:37,370 --> 00:52:38,190 >> PUBLIKUM: Hvordan er det at sige i slutningen? 1049 00:52:38,190 --> 00:52:38,790 Cursive? 1050 00:52:38,790 --> 00:52:40,040 >> ALLISON Buchholtz-AU: Cursive. 1051 00:52:40,040 --> 00:52:40,950 Ja. 1052 00:52:40,950 --> 00:52:42,310 >> PUBLIKUM: baggrundsbillede. 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON Buchholtz-AU: baggrundsbillede. 1054 00:52:43,290 --> 00:52:44,180 OK. 1055 00:52:44,180 --> 00:52:46,490 Så du ønsker at fortælle mig, hvordan du gør dette. 1056 00:52:46,490 --> 00:52:47,390 Jeg overlader det til dig. 1057 00:52:47,390 --> 00:52:49,070 Jeg er bare at skrive op her nu. 1058 00:52:49,070 --> 00:52:51,714 Hjulet er i dine hænder. 1059 00:52:51,714 --> 00:52:52,660 >> PUBLIKUM: OK 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON Buchholtz-AU: OK. 1061 00:52:53,701 --> 00:52:54,720 Hvad laver jeg? 1062 00:52:54,720 --> 00:53:02,929 >> PUBLIKUM: Doing-- Jeg ved, hvad kommer efter den krøllede parentes. 1063 00:53:02,929 --> 00:53:03,970 ALLISON Buchholtz-AU: OK. 1064 00:53:03,970 --> 00:53:06,707 Så sandsynligvis i kroppen, jeg ville påtage sig, fordi vi er 1065 00:53:06,707 --> 00:53:08,040 gør med baggrundsbilledet. 1066 00:53:08,040 --> 00:53:08,940 >> PUBLIKUM: Ja, lad os gøre det. 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON Buchholtz-AU: OK. 1068 00:53:09,981 --> 00:53:14,260 PUBLIKUM: OK, så baggrunden kolon, og så vi 1069 00:53:14,260 --> 00:53:16,894 har brug for en URL-adresse af dette billede. 1070 00:53:16,894 --> 00:53:18,560 Måske pseudo-kode, for nu, måske. 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON Buchholtz-AU: Hvad vil du have mig at-- 1072 00:53:20,601 --> 00:53:22,574 PUBLIKUM: Jeg tænker som en GIF. 1073 00:53:22,574 --> 00:53:23,740 ALLISON Buchholtz-AU: A GIF? 1074 00:53:23,740 --> 00:53:26,070 Det kommer til at være interessant. 1075 00:53:26,070 --> 00:53:27,840 OK, hvad skal jeg googling her? 1076 00:53:27,840 --> 00:53:29,670 >> PUBLIKUM: Nej, det er dit valg. 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON Buchholtz-AU: Hvorfor ikke we-- hvis det er en kanin, 1078 00:53:32,090 --> 00:53:35,610 Jeg føler, at vi bør have en dejlig græsplæne eller noget. 1079 00:53:35,610 --> 00:53:38,275 >> PUBLIKUM: Meadow. 1080 00:53:38,275 --> 00:53:39,350 En eng. 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON Buchholtz-AU: A eng? 1082 00:53:40,641 --> 00:53:41,851 OK. 1083 00:53:41,851 --> 00:53:42,975 PUBLIKUM: Eller Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON Buchholtz-AU: Denne ene ser temmelig. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Åh, det er meget lille, selv om. 1088 00:53:50,380 --> 00:53:51,700 Vi har brug for en god størrelse billede. 1089 00:53:51,700 --> 00:53:53,142 Lad os se. 1090 00:53:53,142 --> 00:53:54,570 Åh, se. 1091 00:53:54,570 --> 00:53:55,630 Det er en temmelig eng. 1092 00:53:55,630 --> 00:53:58,320 Ved du hvad, jeg kan lide denne ene. 1093 00:53:58,320 --> 00:53:59,300 Lad os kopiere denne. 1094 00:53:59,300 --> 00:54:08,020 >> PUBLIKUM: OK, så jeg synes, det er URL, åbne parenteser. 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON Buchholtz-AU: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> PUBLIKUM: Så adresse. 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON Buchholtz-AU: OK. 1098 00:54:13,610 --> 00:54:14,750 Er det alt, vi har brug for? 1099 00:54:14,750 --> 00:54:20,550 >> PUBLIKUM: Luk parenteser semikolon, og derefter plads, baggrund bindestreg 1100 00:54:20,550 --> 00:54:27,050 vedhæftet fil kolon faste, og krøllet parentes. 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON Buchholtz-AU: OK. 1102 00:54:28,110 --> 00:54:29,114 Lad os se, om det virker. 1103 00:54:29,114 --> 00:54:30,780 Det kommer til at være temmelig sejt, hvis det gør. 1104 00:54:30,780 --> 00:54:33,880 Jeg er rigtig spændt lige her. 1105 00:54:33,880 --> 00:54:35,070 Det fungerede ikke. 1106 00:54:35,070 --> 00:54:35,700 Jeg spekulerer på, hvorfor. 1107 00:54:35,700 --> 00:54:37,700 PUBLIKUM: Måske URL skal være i citater. 1108 00:54:37,700 --> 00:54:38,866 ALLISON Buchholtz-AU: Måske. 1109 00:54:38,866 --> 00:54:41,520 Og dette er, hvordan vi lærer, gutter. 1110 00:54:41,520 --> 00:54:44,340 >> PUBLIKUM: Kan vi få baggrund farve og baggrundsbillede? 1111 00:54:44,340 --> 00:54:45,390 >> PUBLIKUM: Nej. 1112 00:54:45,390 --> 00:54:46,550 Den ene erstatter den anden. 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON Buchholtz-AU: I dunno. 1114 00:54:46,960 --> 00:54:47,460 Lad os se. 1115 00:54:47,460 --> 00:54:48,860 Lad os tjekke det ud og se. 1116 00:54:48,860 --> 00:54:51,567 >> PUBLIKUM: Åh, måske, ja. 1117 00:54:51,567 --> 00:54:52,400 [Indskyde VOICES] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON Buchholtz-AU: OK, det er obviously-- jeg [uhørligt] her. 1120 00:55:03,260 --> 00:55:04,927 Så OK. 1121 00:55:04,927 --> 00:55:06,260 PUBLIKUM: Baggrund vedhæftet fil. 1122 00:55:06,260 --> 00:55:07,301 ALLISON Buchholtz-AU: Ah. 1123 00:55:07,301 --> 00:55:12,096 1124 00:55:12,096 --> 00:55:13,946 >> PUBLIKUM: OK, jeg ikke kender. 1125 00:55:13,946 --> 00:55:16,070 ALLISON Buchholtz-AU: Det ligner det burde virke. 1126 00:55:16,070 --> 00:55:19,074 Er du sikker på det er kolon efter URL'en? 1127 00:55:19,074 --> 00:55:20,439 >> PUBLIKUM: Nej, det semikolon. 1128 00:55:20,439 --> 00:55:21,980 ALLISON Buchholtz-AU: Det er semikolon. 1129 00:55:21,980 --> 00:55:22,530 PUBLIKUM: Har jeg sagt kolon? 1130 00:55:22,530 --> 00:55:24,155 ALLISON Buchholtz-AU: Du sagde et kolon. 1131 00:55:24,155 --> 00:55:26,222 PUBLIKUM: Åh nej. 1132 00:55:26,222 --> 00:55:27,680 ALLISON Buchholtz-AU: Der går du. 1133 00:55:27,680 --> 00:55:29,350 PUBLIKUM: Åh, vent, nu vi kan ikke læse teksten. 1134 00:55:29,350 --> 00:55:30,320 ALLISON Buchholtz-AU: Nu du kan ikke læse teksten, 1135 00:55:30,320 --> 00:55:32,740 men vi har baggrundsbilledet. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> PUBLIKUM: Er HTML understøtter dynamisk indhold? 1138 00:55:35,220 --> 00:55:39,070 Ligesom, kan du ændre størrelsen på det billede afhængigt af vinduets størrelse, 1139 00:55:39,070 --> 00:55:39,890 eller at en CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON Buchholtz-AU: Så CSS har at gøre det. 1141 00:55:41,723 --> 00:55:45,210 Så hvis du fyre er interesseret i at lære avanceret CSS, 1142 00:55:45,210 --> 00:55:50,789 Jeg co-undervisning en seminar om CSS på 7.. 1143 00:55:50,789 --> 00:55:52,580 Og jeg lover, at det vil være meget mere i dybden 1144 00:55:52,580 --> 00:55:55,220 og gøre meget mere cool ting i dette afsnit. 1145 00:55:55,220 --> 00:55:59,234 Og min co-lærer er ligesom total frontend web dev master. 1146 00:55:59,234 --> 00:56:02,150 Så det vil være temmelig cool, hvis du ønsker at lære om alle de seje ting 1147 00:56:02,150 --> 00:56:03,960 at CSS kan gøre. 1148 00:56:03,960 --> 00:56:06,860 >> Men hvad vi har her med hans tilknytning baggrund 1149 00:56:06,860 --> 00:56:13,330 fixed-- så det er nogle fast size-- men du kan faktisk dynamically-- 1150 00:56:13,330 --> 00:56:17,610 hvis du nogensinde se websider, som de fleste gode websider vil gøre, 1151 00:56:17,610 --> 00:56:19,470 når du justerer Størrelsen på din browser, 1152 00:56:19,470 --> 00:56:23,980 det justerer baggrund eller hvor meget viser eller genformaterer ting, right? 1153 00:56:23,980 --> 00:56:27,100 Så det er, hvad vi kalder relativ positionering. 1154 00:56:27,100 --> 00:56:33,410 >> Og CSS kan faktisk få fat i hvor stor din browser bredde er, eller hvor høj den er, 1155 00:56:33,410 --> 00:56:37,970 og du kan placere ting i henhold til de relative størrelser 1156 00:56:37,970 --> 00:56:40,420 versus absolutte størrelser. 1157 00:56:40,420 --> 00:56:44,920 Og det er naturligvis mere avanceret CSS, men det er noget, du kan gøre. 1158 00:56:44,920 --> 00:56:47,390 Hvis du ønsker at lære mere, så kom til mit seminar. 1159 00:56:47,390 --> 00:56:50,540 >> Så det er noget, du kan gøre. 1160 00:56:50,540 --> 00:56:54,450 Og CSS kan faktisk do-- CSS og JavaScript, 1161 00:56:54,450 --> 00:56:58,790 som vi vil komme ind på næste week-- kan give dig mulighed for dynamisk at ændre 1162 00:56:58,790 --> 00:57:02,160 sider uden at skulle genindlæse dem hele tiden. 1163 00:57:02,160 --> 00:57:04,590 Og du får at gøre nogle pretty cool stuff. 1164 00:57:04,590 --> 00:57:09,317 >> Så er der en anden ting at du fyrene måske ønsker at gøre 1165 00:57:09,317 --> 00:57:10,650 eller noget du ønsker at udforske? 1166 00:57:10,650 --> 00:57:12,900 Vi har 10 minutter tilbage. 1167 00:57:12,900 --> 00:57:19,010 Vi kan også forlade tidligt, men hvis du ønsker at gøre nogle flere web stuff, 1168 00:57:19,010 --> 00:57:20,960 vi kan, men jeg er ikke kommer til at tvinge dig til. 1169 00:57:20,960 --> 00:57:23,510 Men vi kan også bare spise slik. 1170 00:57:23,510 --> 00:57:25,760 PUBLIKUM: Fremhæv tekst hvid, så du kan læse den. 1171 00:57:25,760 --> 00:57:27,680 ALLISON Buchholtz-AU: OK. 1172 00:57:27,680 --> 00:57:33,389 Så i dette tilfælde, vi ønsker nogle s. 1173 00:57:33,389 --> 00:57:36,305 PUBLIKUM: Skal vi gøre det i krop, så den gælder for hele siden? 1174 00:57:36,305 --> 00:57:38,096 ALLISON Buchholtz-AU: Ja, det kan vi faktisk. 1175 00:57:38,096 --> 00:57:40,880 Det er en god idé. 1176 00:57:40,880 --> 00:57:43,420 Så vi have-- gøre dig vide, hvad vi skal være? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Jeg ved ikke, om vi kan gøre tekst farve. 1179 00:57:50,260 --> 00:57:54,946 Jeg ville prøve og oprette en anden klasse her. 1180 00:57:54,946 --> 00:57:58,394 >> PUBLIKUM: Hvordan får du så at den har forslag? 1181 00:57:58,394 --> 00:58:00,560 ALLISON Buchholtz-AU: So hvis du fyre er interesseret, 1182 00:58:00,560 --> 00:58:03,480 dette er en anden tekst editor kaldet Sublime. 1183 00:58:03,480 --> 00:58:07,180 Du bør være i stand til installere det på dit apparat. 1184 00:58:07,180 --> 00:58:08,659 Nogle gange bliver det lidt tricky. 1185 00:58:08,659 --> 00:58:10,950 Hvis du vil hjælpe med det, Jeg er super glad for at hjælpe dig 1186 00:58:10,950 --> 00:58:14,720 med det, fordi Gedit er stor og det er fantastisk, fordi du kan kompilere det 1187 00:58:14,720 --> 00:58:17,790 på bunden, men jeg virkelig ligesom Sublime, fordi det er temmelig 1188 00:58:17,790 --> 00:58:19,498 og det gør gøre tingene ligesom auto-komplet. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Så du kan helt sikkert velkommen til at lad mig vide, hvis du ønsker at gøre det. 1191 00:58:26,890 --> 00:58:28,940 Hvis du bare google "Sublime tekst, "det typisk 1192 00:58:28,940 --> 00:58:32,860 har instruktioner om, hvordan du installerer på forskellige operativsystemer. 1193 00:58:32,860 --> 00:58:37,590 Det er virkelig cool, jeg tænke, efter min mening. 1194 00:58:37,590 --> 00:58:38,355 Så s. 1195 00:58:38,355 --> 00:58:45,616 Jeg tror, ​​jeg kan bare gøre text-- eller vi kan bare gøre farven er "hvid". 1196 00:58:45,616 --> 00:58:47,050 Der. 1197 00:58:47,050 --> 00:58:50,770 >> Så hvad jeg gjorde her, er, at jeg ikke ændre hele teksten. 1198 00:58:50,770 --> 00:58:54,040 Men p her er bare en tag, vi har, ikke? 1199 00:58:54,040 --> 00:58:55,450 Dette stykke tag. 1200 00:58:55,450 --> 00:59:00,380 Så jeg har lige oprettet en CSS element, sagde, OK, noget med dette tag 1201 00:59:00,380 --> 00:59:02,510 p, gør farven hvid. 1202 00:59:02,510 --> 00:59:05,690 >> Så hvis du har bemærket, det gjorde denne hvide og denne hvide. 1203 00:59:05,690 --> 00:59:09,100 Det gjorde ikke gøre vores liste hvid, fordi det er ikke forbundet med dette. 1204 00:59:09,100 --> 00:59:11,180 Du kan gå igennem, og du kan say-- 1205 00:59:11,180 --> 00:59:11,860 >> PUBLIKUM: Må baggrundsfarve. 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON Buchholtz-AU: Baggrundsfarve? 1207 00:59:12,660 --> 00:59:15,660 >> PUBLIKUM: Baggrund for rør i farve hvor du sætter 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 Du ønsker det hvide? 1211 00:59:22,804 --> 00:59:23,470 PUBLIKUM: Mmhmm. 1212 00:59:23,470 --> 00:59:25,070 ALLISON Buchholtz-AU: OK. 1213 00:59:25,070 --> 00:59:26,342 Der kan du gå. 1214 00:59:26,342 --> 00:59:27,300 PUBLIKUM: Det er underligt. 1215 00:59:27,300 --> 00:59:29,190 ALLISON Buchholtz-AU: Pretty cool, right? 1216 00:59:29,190 --> 00:59:31,640 Så hvis du bare rode rundt, du kommer til at lære en masse. 1217 00:59:31,640 --> 00:59:34,720 Og det kan være temmelig cool. 1218 00:59:34,720 --> 00:59:37,312 Jeg tror, ​​det er helt sikkert mere glædeligt end undertiden 1219 00:59:37,312 --> 00:59:39,770 fordi du ikke behøver at vente for dit program til at kompilere. 1220 00:59:39,770 --> 00:59:41,895 Du kan bare trykke Refresh og du er ligesom, åh, se, 1221 00:59:41,895 --> 00:59:44,276 det virkede, eller åh, jeg er sandsynligvis mangler noget. 1222 00:59:44,276 --> 00:59:47,359 Og det er noget, der er virkelig cool om den næste del af klassen, 1223 00:59:47,359 --> 00:59:49,250 er det er helt sikkert, jeg tror, ​​lettere at kontrollere 1224 00:59:49,250 --> 00:59:52,640 som du går langs vejen versus skulle skrive disse lange programmer 1225 00:59:52,640 --> 00:59:57,830 og ønsker og bede at det virker i slutningen. 1226 00:59:57,830 --> 01:00:01,960 >> Så med dette, tror jeg jer alle synes godt. 1227 01:00:01,960 --> 01:00:05,360 Hvis du har spørgsmål, som altid, komme tale til mig, kom lad mig det vide. 1228 01:00:05,360 --> 01:00:08,180 Jeg vil være lige udenfor for de næste 15 minutter 1229 01:00:08,180 --> 01:00:11,340 hvis du ønsker at chatte om noget og alting. 1230 01:00:11,340 --> 01:00:13,530 >> Så jeg håber du guys-- held og lykke med dette pset. 1231 01:00:13,530 --> 01:00:18,150 Fristen er fredag ​​ved middagstid fordi det blev udgivet sent. 1232 01:00:18,150 --> 01:00:21,220 Så jeg vil sandsynligvis være at se en masse af jer på torsdag, 1233 01:00:21,220 --> 01:00:21,970 men forhåbentlig ikke. 1234 01:00:21,970 --> 01:00:23,386 Måske vil du have det gjort inden da. 1235 01:00:23,386 --> 01:00:24,440 Jeg ville være super stolt. 1236 01:00:24,440 --> 01:00:26,410 >> Men hvis ikke, vil jeg se dig torsdag. 1237 01:00:26,410 --> 01:00:30,030 Du kan også bruge en sen dato udvider det til lørdag kl. 1238 01:00:30,030 --> 01:00:31,730 Men jeg don't-- hva? 1239 01:00:31,730 --> 01:00:32,580 >> PUBLIKUM: Halloween. 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON Buchholtz-AU: Det er Halloween, a, b, 1241 01:00:34,538 --> 01:00:37,050 Jeg tror ikke, der vil være kontortid på fredag. 1242 01:00:37,050 --> 01:00:40,920 Så virkelig forsøge at få det gjort af Fredag, så vi alle kan fejre 1243 01:00:40,920 --> 01:00:42,010 Hallow weekend. 1244 01:00:42,010 --> 01:00:44,670 Okay, jeg kan se du fyre næste uge. 1245 01:00:44,670 --> 01:00:45,888