1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [MUZYKA GRY] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON Buchholtz-AU: Dobra, wszyscy. 5 00:00:12,540 --> 00:00:13,860 Witamy z powrotem do sekcji. 6 00:00:13,860 --> 00:00:19,559 Tak więc nasz program na dzisiaj się dzieje ponad web dev znacznie więcej rzeczy. 7 00:00:19,559 --> 00:00:21,600 Nie wiem, ilu z widzieliście swoich psets 8 00:00:21,600 --> 00:00:24,414 ponieważ został zwolniony wcześniej rano. 9 00:00:24,414 --> 00:00:26,330 Chciałbym tak jak wiele ludzie przeczytać specyfikację, 10 00:00:26,330 --> 00:00:29,910 ale skoro, jak masz już wszystko o, jak siedem godzin na to patrzeć 11 00:00:29,910 --> 00:00:31,910 i jest to poniedziałek i to prawdopodobnie miał klasę, 12 00:00:31,910 --> 00:00:34,160 Mam zamiar założyć, że większość z was nie ma. 13 00:00:34,160 --> 00:00:37,170 Jeśli masz, dodatkowe sława. 14 00:00:37,170 --> 00:00:39,400 >> Jesteś w zasadzie pomaga zaimplementować proste internecie 15 00:00:39,400 --> 00:00:43,270 serwer w C, który jest nowy pset, więc chłopaki dostać się świnki morskie. 16 00:00:43,270 --> 00:00:49,730 To będzie zabawa, dziki tygodniu ale myślę, że to będzie dużo zabawy 17 00:00:49,730 --> 00:00:52,260 i to będzie naprawdę dobre doświadczenie rzeczywistości. 18 00:00:52,260 --> 00:00:54,920 Tak, aby przygotować się do że w sekcji dzisiaj, 19 00:00:54,920 --> 00:01:00,940 mamy zamiar iść chmod, TCP / IP, a potem trochę HTML i CSS. 20 00:01:00,940 --> 00:01:05,080 >> Na koniec, będziemy rzeczywiście kod nawet prostej strony internetowej wraz 21 00:01:05,080 --> 00:01:09,042 aby pomóc Ci faceci rodzaj dostać więcej zapoznał się z tym. 22 00:01:09,042 --> 00:01:11,750 A następnie, jeśli nie podniósł Twoje quizy, są z przodu, 23 00:01:11,750 --> 00:01:14,890 ale jestem prawie pewien, że każdy tutaj ma swój quiz. 24 00:01:14,890 --> 00:01:17,880 A także o tym pamiętać, rozwiązania nie są się jeszcze, 25 00:01:17,880 --> 00:01:21,490 ale jak tylko finish-- lubimy, Ostatnie kilka osób przyjmujących ich quizzes-- 26 00:01:21,490 --> 00:01:22,280 będą one w górę. 27 00:01:22,280 --> 00:01:24,630 Jeśli masz jakieś pytania W międzyczasie 28 00:01:24,630 --> 00:01:26,240 nie krępuj się napisz do mnie osobiście. 29 00:01:26,240 --> 00:01:30,700 Odpowiadam z jednostki pytania, jak zawsze. 30 00:01:30,700 --> 00:01:33,890 >> Więc na tej notatki, chmod. 31 00:01:33,890 --> 00:01:36,390 Więc w zasadzie wszystko, co wiedzieć o chmod 32 00:01:36,390 --> 00:01:39,620 jest to, że jest używany do zmiany uprawnienia do plików, prawda? 33 00:01:39,620 --> 00:01:44,050 Więc to tylko niektóre systemy nazywają się zmienić uprawnienia, jak mówi się tutaj. 34 00:01:44,050 --> 00:01:48,540 I jeśli kiedykolwiek chcesz zobaczyć jakie uprawnienia ma plik, 35 00:01:48,540 --> 00:01:52,240 zamiast po prostu robi ls, można zrobić ls -l. 36 00:01:52,240 --> 00:01:54,010 l stoi na długo. 37 00:01:54,010 --> 00:01:56,460 >> Więc zrobisz długie listy wszystkiego, i to 38 00:01:56,460 --> 00:02:02,080 daje znacznie bardziej szczegółowe informacje o każdym z plików. 39 00:02:02,080 --> 00:02:05,540 A zobaczysz something-- jestem zamierza przejść od razu do second-- 40 00:02:05,540 --> 00:02:08,910 ale zobaczysz coś podobnego do że górna linia nie dla każdego pliku. 41 00:02:08,910 --> 00:02:11,560 I będziemy przechodzić przez to, co to znaczy. 42 00:02:11,560 --> 00:02:15,260 >> Tak więc w zasadzie, aby zmienić Twoje uprawnienia do plików, 43 00:02:15,260 --> 00:02:16,850 po prostu chcesz użyć chmod. 44 00:02:16,850 --> 00:02:23,620 Możesz myśleć o tym, jak każdy inny UNIX zadzwonić jak ls i cd lub etażerka. 45 00:02:23,620 --> 00:02:25,540 To tylko rodzaj innego jak połączenie. 46 00:02:25,540 --> 00:02:30,530 >> Więc robimy chmod i wtedy będziemy trzy cyfry zazwyczaj. 47 00:02:30,530 --> 00:02:33,570 Istnieje kilka sposobów na to, to, z których jeden pójdziemy nad. 48 00:02:33,570 --> 00:02:37,650 Ale zazwyczaj, musisz trzy cyfry w zakresie od 0 do 7 za każdym razem. 49 00:02:37,650 --> 00:02:43,530 >> Więc jedno jest, że istnieją trzy różne uprawnienia 50 00:02:43,530 --> 00:02:45,510 że możemy dać każdy plik. 51 00:02:45,510 --> 00:02:49,480 I to jest czytelne, co jest reprezentowana przez r, które sensu 52 00:02:49,480 --> 00:02:54,020 w trochę; w, który jest zapisu; i wykonywalny, który jest x. 53 00:02:54,020 --> 00:02:57,630 Wiem, że e jeden, wykonywalny, Może nie jest to najbardziej sens, ale 54 00:02:57,630 --> 00:02:59,120 reprezentuje ją x. 55 00:02:59,120 --> 00:03:05,290 >> A potem co się dzieje, to każdy z nich również reprezentację numeru. 56 00:03:05,290 --> 00:03:07,990 Mamy więc 1, 2 i 4. 57 00:03:07,990 --> 00:03:12,060 I w zasadzie to, co się dzieje, każdy z tych numerów 58 00:03:12,060 --> 00:03:17,380 , odpowiada inny zestaw użytkowników 59 00:03:17,380 --> 00:03:19,420 że te uprawnienia dotyczą. 60 00:03:19,420 --> 00:03:24,820 >> Więc można myśleć, że pierwszy liczba odpowiada rzeczywistej użytkownika 61 00:03:24,820 --> 00:03:29,360 lub właściciela pliku, druga liczba będzie odpowiadać grupie 62 00:03:29,360 --> 00:03:33,590 i ostatni dotyczy do świata, OK? 63 00:03:33,590 --> 00:03:39,995 Więc co się dzieje, to pamiętaj, te numbers-- r wynosi 4, w oznacza 2, 64 00:03:39,995 --> 00:03:42,550 x oznacza 1, prawda? 65 00:03:42,550 --> 00:03:46,630 This-- jeśli zsumować je w górę, że daje to pierwszy numer 66 00:03:46,630 --> 00:03:48,600 że moglibyśmy wejście w naszym chmod. 67 00:03:48,600 --> 00:03:52,191 >> Więc w tym przypadku, co będzie to liczba będzie? 68 00:03:52,191 --> 00:03:57,030 Byłoby 4 plus 2 plus 1, który jest 7, prawda? 69 00:03:57,030 --> 00:03:59,250 I w tym przypadku chodzi nie ma nic, 70 00:03:59,250 --> 00:04:06,450 tak to tu będzie przekłada się na chmod 700, OK? 71 00:04:06,450 --> 00:04:12,030 I co to robi to przyznaje wszystkim z tych uprawnień do Twojego użytkownika. 72 00:04:12,030 --> 00:04:14,400 >> Więc to oznacza naszą użytkownika mogą robić, co chcą. 73 00:04:14,400 --> 00:04:15,400 Można je odczytać ten plik. 74 00:04:15,400 --> 00:04:16,810 Mogą wykonywać ten plik. 75 00:04:16,810 --> 00:04:18,360 Mogą pisać do tego pliku. 76 00:04:18,360 --> 00:04:23,545 Ale grupa i świat, nie uprawnienia, co, OK? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Więc inny sposób napisać, że możemy zrobić chmod z trzech cyfr, z których każda 79 00:04:32,680 --> 00:04:40,040 odpowiada jakiejkolwiek sumy lub że specyficzna grupa jest specyficzny podzbiór. 80 00:04:40,040 --> 00:04:44,870 Albo możemy zrobić naprawdę coś innego. 81 00:04:44,870 --> 00:04:45,590 Trzymaj się. 82 00:04:45,590 --> 00:04:49,330 Możemy zrobić coś z nich tutaj. 83 00:04:49,330 --> 00:04:55,615 >> Jak wielu z was widział przykład gdzie, jak to jest chmod a Plus X? 84 00:04:55,615 --> 00:04:58,070 Czy widzisz, że w wykładzie, myślę? 85 00:04:58,070 --> 00:05:00,610 Więc oznacza wszystko. 86 00:05:00,610 --> 00:05:04,990 Oznacza to, dać go do wszystkich użytkowników, którego zapomniałem umieścić tutaj. 87 00:05:04,990 --> 00:05:08,790 >> Ale plus x, jeśli my zauważyć tutaj, jeśli robimy 88 00:05:08,790 --> 00:05:13,420 do chmod-- co grupa jesteśmy mówisz oraz uprawnienia 89 00:05:13,420 --> 00:05:14,660 chcemy dać im. 90 00:05:14,660 --> 00:05:16,120 Więc to może być plus lub minus. 91 00:05:16,120 --> 00:05:17,690 Plus dodaje zgody. 92 00:05:17,690 --> 00:05:19,510 Minus zabiera zgody. 93 00:05:19,510 --> 00:05:22,520 Dość intuicyjny, tak myślę. 94 00:05:22,520 --> 00:05:25,720 >> Więc plus x oznacza chmod. 95 00:05:25,720 --> 00:05:32,260 Tak zmienić prawa wszystkich ludzi Jeśli jest to A-- uprawnienia dodać. 96 00:05:32,260 --> 00:05:37,110 I x-- co oznacza, że ​​uprawnienia mamy udzielania wszystkich. 97 00:05:37,110 --> 00:05:38,510 Czytać, pisać, lub wykonać? 98 00:05:38,510 --> 00:05:39,360 >> Publiczność: Execute. 99 00:05:39,360 --> 00:05:40,610 >> ALLISON Buchholtz-AU: Execute. 100 00:05:40,610 --> 00:05:46,080 Więc dajemy wszystkich użytkowników uprawnienie do wykonywania tego pliku, OK? 101 00:05:46,080 --> 00:05:53,370 Więc co, jeśli chcemy zrobić że z postaci numerycznej? 102 00:05:53,370 --> 00:05:56,290 Więc pamiętaj o numeryczne, Chcemy trzy numery. 103 00:05:56,290 --> 00:05:56,790 >> Publiczność: 4. 104 00:05:56,790 --> 00:05:58,290 ALLISON Buchholtz-AU: Co to było? 105 00:05:58,290 --> 00:05:59,260 Publiczność: 4. 106 00:05:59,260 --> 00:06:00,426 ALLISON Buchholtz-AU: Nie 4. 107 00:06:00,426 --> 00:06:01,599 Publiczność: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 ALLISON Buchholtz-AU: Cóż, chcemy dać go do wszystkich użytkowników, tak? 109 00:06:04,390 --> 00:06:07,442 Więc będziemy mieć Liczba w każdym gnieździe. 110 00:06:07,442 --> 00:06:09,400 To będzie sama liczba w każdej szczelinie 111 00:06:09,400 --> 00:06:13,800 bo my po prostu chcemy dać Wszyscy uprawnienia wykonywalne. 112 00:06:13,800 --> 00:06:16,480 Więc wykonywalny jest 1, ale na dobrej drodze. 113 00:06:16,480 --> 00:06:23,055 >> Jeśli więc nie chmod 111, które być odpowiednikiem chmod na Plus X. 114 00:06:23,055 --> 00:06:24,430 Czy to ma sens dla każdego? 115 00:06:24,430 --> 00:06:26,910 Mamy zamiar przejść przez kilka przykładów. 116 00:06:26,910 --> 00:06:29,860 >> Tak duży wynos o to tu nie ma, 117 00:06:29,860 --> 00:06:33,360 ale po prostu oznacza, dać go do wszystkich użytkowników. 118 00:06:33,360 --> 00:06:36,610 u jest, jeśli tylko chcesz dać lub zabrać 119 00:06:36,610 --> 00:06:40,600 specjalnego zezwolenia użytkownik lub właściciel. 120 00:06:40,600 --> 00:06:43,800 g dla grupy, tak, że środkowa cyfra. 121 00:06:43,800 --> 00:06:49,440 A potem inni mogą myśleć w świecie, w tej ostatniej cyfry. 122 00:06:49,440 --> 00:06:52,840 >> Więc z tym, pójdziemy na przykład, bo czuję się jak zawsze przykładów 123 00:06:52,840 --> 00:06:56,240 aby te rzeczy łatwiej zrozumieć. 124 00:06:56,240 --> 00:07:01,240 Więc rwx-- przeszliśmy this-- może być również reprezentowaną 700. 125 00:07:01,240 --> 00:07:05,070 To przykład patrzyliśmy co więcej obrazu. 126 00:07:05,070 --> 00:07:09,990 Więc chmod 444 na jakimś pliku dałoby jakie uprawnienia? 127 00:07:09,990 --> 00:07:11,947 Byliście bardzo blisko. 128 00:07:11,947 --> 00:07:13,030 Publiczność: Czytelny dla wszystkich. 129 00:07:13,030 --> 00:07:14,321 ALLISON Buchholtz-AU: czytelny. 130 00:07:14,321 --> 00:07:15,660 Tak czytelny dla wszystkich, prawda? 131 00:07:15,660 --> 00:07:17,910 A potem, co jest kolejnym sposobem, aby to zrobić? 132 00:07:17,910 --> 00:07:23,070 Jeśli chcemy zrobić chmod z albo R lub W, plus i minusy, 133 00:07:23,070 --> 00:07:25,300 co, że połączenie wygląda? 134 00:07:25,300 --> 00:07:27,336 Byłoby chmod co? 135 00:07:27,336 --> 00:07:28,590 >> Publiczność: plus r. 136 00:07:28,590 --> 00:07:32,900 >> ALLISON Buchholtz-AU: R oraz na pięć. 137 00:07:32,900 --> 00:07:40,980 OK, więc jest taki sam jak ten, zaledwie dwa różne tłumaczenia 138 00:07:40,980 --> 00:07:42,500 z tej samej rzeczy. 139 00:07:42,500 --> 00:07:45,650 Więc z tym, mamy je. 140 00:07:45,650 --> 00:07:50,310 Więc chcę ci faceci, aby spróbować i napisać ich rodzaju w ich odwrotnie. 141 00:07:50,310 --> 00:07:53,710 >> Więc z chmod 555, co to będzie jak? 142 00:07:53,710 --> 00:07:56,704 Byłby to plus lub u oraz czy etażerka? 143 00:07:56,704 --> 00:07:58,370 Dla u Plus X, daj mi trzy numery. 144 00:07:58,370 --> 00:08:03,530 A potem powiedz mi, o jakie uprawnienia my rzeczywiście udzielania i do kogo? 145 00:08:03,530 --> 00:08:06,600 >> Więc dam wam dwa minut do pracy na to. 146 00:08:06,600 --> 00:08:08,160 Zapraszam do rozmowy ze sobą. 147 00:08:08,160 --> 00:08:11,910 Dla tych z Was, którzy przyszli w mało późno, nie jest cukierek i koszule. 148 00:08:11,910 --> 00:08:14,590 Mamy trzy koszule w lewo, a mamy Kit Kats i Starbursts. 149 00:08:14,590 --> 00:08:17,630 Więc nie wahaj się przyjść grab niektórzy w tym małym interludium. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Również ostatnia jest trudne. 152 00:09:04,440 --> 00:09:06,670 To dwa chmods do ostatniego. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 Właściwie, pozwól mi zamknąć te drzwi podczas gdy chłopaki pracują nad tym. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Cukierki zawsze konieczne w poniedziałek po południu. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, więc chmod 555. 159 00:09:34,756 --> 00:09:36,380 Co znajduje się w inny sposób możemy napisać, że? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Jakieś pomysły? 162 00:09:41,790 --> 00:09:42,290 Tak. 163 00:09:42,290 --> 00:09:43,280 >> Publiczność: oraz RX. 164 00:09:43,280 --> 00:09:44,613 >> ALLISON Buchholtz-AU: R oraz RX. 165 00:09:44,613 --> 00:09:47,290 Czy chcesz, aby wyjaśnić, dlaczego byłoby rx? 166 00:09:47,290 --> 00:09:49,570 >> Publiczność: Ponieważ masz 5, więc to 4 plus 1, 167 00:09:49,570 --> 00:09:51,734 więc to czytać oraz wykonywalny, i to dla wszystkich. 168 00:09:51,734 --> 00:09:52,900 ALLISON Buchholtz-AU: Prawo. 169 00:09:52,900 --> 00:09:58,540 Więc po prostu przypomnieć, 5 tutaj znamy jako suma 4 i 1, 170 00:09:58,540 --> 00:10:04,760 ponieważ każda liczba w naszym trio jest sumą uprawnień dla tego podzbioru, 171 00:10:04,760 --> 00:10:05,260 prawda? 172 00:10:05,260 --> 00:10:07,070 Albo użytkownik, grupy lub świata. 173 00:10:07,070 --> 00:10:11,160 Więc w tym przypadku wiemy, że 5 musi być utworzony przez 4 i 1. 174 00:10:11,160 --> 00:10:15,240 >> 1 i 4 oraz odpowiadają czytelny i wykonywalny. 175 00:10:15,240 --> 00:10:21,717 Dajemy go wszystkim, więc możemy zrobić chmod a RX Plus. 176 00:10:21,717 --> 00:10:24,050 I oczywiście, po prostu poszliśmy przez tamtejszych pytania, 177 00:10:24,050 --> 00:10:28,810 więc teraz jest to plik wykonywalny i czytelne dla wszystkich. 178 00:10:28,810 --> 00:10:31,120 >> A co z drugim? 179 00:10:31,120 --> 00:10:32,900 Co może dla tego jednego numeru jest? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Jakieś pomysły? 182 00:10:37,180 --> 00:10:37,680 Śmiało. 183 00:10:37,680 --> 00:10:38,600 >> Grupa docelowa: 100 [niesłyszalne]. 184 00:10:38,600 --> 00:10:39,683 >> ALLISON Buchholtz-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Dokładnie. 186 00:10:40,270 --> 00:10:42,455 Więc chcesz wyjaśnić dlaczego 100? 187 00:10:42,455 --> 00:10:45,080 Publiczność: Bo to jest dla użytkownik, więc w pierwszej pozycji. 188 00:10:45,080 --> 00:10:47,371 A potem x wykonywalny to 1. 189 00:10:47,371 --> 00:10:48,620 ALLISON Buchholtz-AU: Dokładnie. 190 00:10:48,620 --> 00:10:53,120 Więc jesteśmy udzielania wykonywalny uprawnienia do zaledwie użytkownika. 191 00:10:53,120 --> 00:10:55,100 Tak więc w tym przypadku, byłoby 100. 192 00:10:55,100 --> 00:10:57,570 A ja mam wszystkie odpowiedzi do następnego slajdu w przypadku 193 00:10:57,570 --> 00:11:00,060 piszesz wiele rzeczy w dół. 194 00:11:00,060 --> 00:11:08,410 >> OK, więc to następny jest rzeczywiście zrobione z dwoma chmods, można to zrobić. 195 00:11:08,410 --> 00:11:11,120 Więc czy ktoś ma każdy pomysł, w jaki sposób mógłby 196 00:11:11,120 --> 00:11:14,150 chmod 640 przepisany się w inny sposób? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 A potem można zmienić użytkownika można zmienić grupę moja wskazówka. 199 00:11:22,820 --> 00:11:29,740 >> Więc jeśli my właśnie zmiana Użytkownik, który to pierwszy tutaj 200 00:11:29,740 --> 00:11:33,830 co nasza rozmowa może być? 201 00:11:33,830 --> 00:11:36,080 Tak więc użytkownik jest u, prawda? 202 00:11:36,080 --> 00:11:38,780 Więc chmod u oraz, co? 203 00:11:38,780 --> 00:11:39,280 MMHMM? 204 00:11:39,280 --> 00:11:40,469 >> Publiczność: rw. 205 00:11:40,469 --> 00:11:41,510 ALLISON Buchholtz-AU: rw. 206 00:11:41,510 --> 00:11:47,470 Prawo dla czytać i pisać, bo przeczytane wynosi 4, w jest 2, te sumy razem jako 6. 207 00:11:47,470 --> 00:11:52,760 Więc mamy chmod u oraz rw, i dostajemy nasze pierwsze sześć tam. 208 00:11:52,760 --> 00:11:56,860 >> Tak więc, aby uzyskać cztery, teraz chcemy zmienić nasze ustawienia grupy. 209 00:11:56,860 --> 00:12:00,960 Więc mamy zamiar zrobić chmod g plusa co? 210 00:12:00,960 --> 00:12:02,380 Co znajduje się 4? 211 00:12:02,380 --> 00:12:03,040 >> PUBLICZNOŚCI: r. 212 00:12:03,040 --> 00:12:04,040 ALLISON Buchholtz-AU: r. 213 00:12:04,040 --> 00:12:05,070 Dokładnie. 214 00:12:05,070 --> 00:12:09,140 Więc dajemy właściciela uprawnienia do odczytu i zapisu 215 00:12:09,140 --> 00:12:13,141 i dajemy odczyt grupy uprawnienia, które mamy wszyscy tu. 216 00:12:13,141 --> 00:12:13,640 MMHMM? 217 00:12:13,640 --> 00:12:17,740 >> Publiczność: Jeśli możesz napisać coś, czy to oznacza, można go wykonać? 218 00:12:17,740 --> 00:12:20,700 >> ALLISON Buchholtz-AU: Ty Można napisać do something-- 219 00:12:20,700 --> 00:12:22,900 Nie wierzę, że to Oznacza można go wykonać. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 Fajne. 222 00:12:26,450 --> 00:12:29,620 Tak to się właśnie przeszedł. 223 00:12:29,620 --> 00:12:33,075 Tak więc w tym następnym, to tylko rodzaj wspólne sprawy 224 00:12:33,075 --> 00:12:35,200 które chcesz zachować w nic na ustawić twój problem. 225 00:12:35,200 --> 00:12:39,800 Zwykle są uprawnienia że podoba Ci się w użyciu. 226 00:12:39,800 --> 00:12:44,900 >> Więc na 711, co daje nam, oczywiście, użytkownik 227 00:12:44,900 --> 00:12:47,720 wszystkie uprawnienia, które ma tendencję do sensu. 228 00:12:47,720 --> 00:12:51,920 I to jest to plik wykonywalny przez Grupa na świecie, które ma sens 229 00:12:51,920 --> 00:12:56,150 jeśli masz jakiś katalog, to Aby móc przechodzić do niego. 230 00:12:56,150 --> 00:12:58,160 Ludzie potrzebują dostępu. 231 00:12:58,160 --> 00:13:04,680 >> Dla każdego pliku nie PHP, będziesz korzystać z 644, co zrobić, co? 232 00:13:04,680 --> 00:13:07,560 Co to oznacza, czy to, co nie, które dają uprawnienia? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Tak więc właściciel może co? 235 00:13:14,409 --> 00:13:15,450 Publiczność: czytać i pisać. 236 00:13:15,450 --> 00:13:16,991 ALLISON Buchholtz-AU: czytać i pisać. 237 00:13:16,991 --> 00:13:21,560 A następnie grupa i inni może po prostu czytać, prawda? 238 00:13:21,560 --> 00:13:25,660 A potem chmod 600 dla każdego Pliki PHP, które używają, 239 00:13:25,660 --> 00:13:27,980 Twój właściciel, znowu można czytać i pisać do niego 240 00:13:27,980 --> 00:13:32,310 ale wszyscy inni tylko rodzaj zablokowany. 241 00:13:32,310 --> 00:13:34,540 >> Więc to będzie w rzeczywistości bardziej przydatne przy 242 00:13:34,540 --> 00:13:37,700 można dostać się do problemu W przyszłym tygodniu, gdzie ustawić 243 00:13:37,700 --> 00:13:40,290 jesteś rzeczywiście budowa strony internetowej. 244 00:13:40,290 --> 00:13:43,100 Więc jeśli kiedykolwiek napotkasz jakieś dziwne problemy 245 00:13:43,100 --> 00:13:45,970 gdzie to nie jest ładowanie prawidłowo, może ci 246 00:13:45,970 --> 00:13:50,670 trzeba dodać plik wykonywalny pozwolenie, czy może trzeba czytać 247 00:13:50,670 --> 00:13:52,990 lub prawa zapisu. 248 00:13:52,990 --> 00:13:56,980 Małe rzeczy, że ludzie mają tendencję do podróży się, ale to trochę jak iść do 249 00:13:56,980 --> 00:13:58,564 po uruchomieniu w przyszłym tygodniu Pset. 250 00:13:58,564 --> 00:14:00,730 I chciałbym ci dać więcej wskazówki na ten tydzień Pset, 251 00:14:00,730 --> 00:14:05,010 ale mam jeszcze na to patrzeć od został wydany dziś rano. 252 00:14:05,010 --> 00:14:10,600 Ale mnie e-mail, będę wyglądał w niej przez czas odpowiem jutro. 253 00:14:10,600 --> 00:14:14,310 >> Więc teraz, to wszyscy dobrze z chmod? 254 00:14:14,310 --> 00:14:16,040 Wszelkie utrzymywane pytania? 255 00:14:16,040 --> 00:14:17,240 Całkiem proste. 256 00:14:17,240 --> 00:14:20,620 Wystarczy rodzaju śledzenie tego, co czytać, pisać i wykonywać numery są 257 00:14:20,620 --> 00:14:23,660 to chyba najtrudniejsza część. 258 00:14:23,660 --> 00:14:29,620 >> Więc z TCP IP, wszystkich tych protokołów /, trochę jak ze swoich struktur danych 259 00:14:29,620 --> 00:14:31,990 w zeszłym tygodniu, jest znacznie bardziej ważne jest, aby rodzaj się 260 00:14:31,990 --> 00:14:33,900 wyższa intuicja poziom nich. 261 00:14:33,900 --> 00:14:37,390 To nie jest CS143 gdzie jedziemy prosić do wdrożenia sieci, 262 00:14:37,390 --> 00:14:39,870 tak będzie w porządku, jeśli nie rozumiesz 263 00:14:39,870 --> 00:14:42,900 piaszczysty nitty wszystkich protokołów. 264 00:14:42,900 --> 00:14:46,050 Co jest ważne, aby zrozumieć, tak jakby to, co reprezentują 265 00:14:46,050 --> 00:14:47,300 i dlaczego są one ważne. 266 00:14:47,300 --> 00:14:52,320 >> Tak, TCP / IP, oczywiście, jest Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 lub Protokół internetowy, który jest w zasadzie tylko zbiór przepisów w zasadzie 268 00:14:57,270 --> 00:15:00,800 lub normy, które mówią dane jak powinien być traktowany, 269 00:15:00,800 --> 00:15:04,900 jak powinna być pakietowany, transmitowane i odbierane. 270 00:15:04,900 --> 00:15:09,200 Więc w zasadzie, tak jak to mówi tutaj, zwiększa szanse 271 00:15:09,200 --> 00:15:12,950 że dane dostaje gdzie chcesz go dostać. 272 00:15:12,950 --> 00:15:15,950 >> Jestem pewien, że jeśli faceci poszedł wykład lub oglądałem go w Internecie, 273 00:15:15,950 --> 00:15:18,232 on has-- Nie wiem jeśli zrobił to w tym roku, 274 00:15:18,232 --> 00:15:20,940 ale wiem, że w zeszłym roku, miał demo, gdzie miał obraz Roba 275 00:15:20,940 --> 00:15:23,320 i podzielił go na cztery i umieścić go w kopertach 276 00:15:23,320 --> 00:15:26,590 i starał się ją przez Sandersa. 277 00:15:26,590 --> 00:15:29,430 I można rodzaju myśleć o tym w ten sposób. 278 00:15:29,430 --> 00:15:35,400 To po prostu zbiór zasad, które powiedzieć, jak uzyskać dane gdzieś 279 00:15:35,400 --> 00:15:37,640 i pozwala wiedzieć, czy brakuje danych, 280 00:15:37,640 --> 00:15:40,460 w taki sam sposób, jeśli biorąc wiele stron notatek 281 00:15:40,460 --> 00:15:46,490 oraz oznaczyć je stronie 104, strona 204, i wrócić na studia później 282 00:15:46,490 --> 00:15:50,220 i brakuje something-- nie można odnaleźć strony 304-- wiesz 283 00:15:50,220 --> 00:15:53,310 coś jest nie tak, więc Ciebie Można przejrzeć notatki 284 00:15:53,310 --> 00:15:58,666 ponownie lub poprosić kogoś, aby ponownie wysłać cię Wykład zauważa, od tego dnia. 285 00:15:58,666 --> 00:16:00,290 W ten sam sposób z danych w internecie. 286 00:16:00,290 --> 00:16:03,220 Jeśli pytam coś z jakimś serwerem 287 00:16:03,220 --> 00:16:05,377 i musi wysłać że w wielu pakietów 288 00:16:05,377 --> 00:16:07,210 prawdopodobnie będzie liczbą że w jakiś sposób, niech 289 00:16:07,210 --> 00:16:12,430 ja wiem, ile mam otrzymali, i powiedz mi, och, jest to jeden z 10 290 00:16:12,430 --> 00:16:13,990 czy jest to jeden z 10.000. 291 00:16:13,990 --> 00:16:17,030 W ten sposób, kiedy idę, aby ponownie wszystkie elementy razem, 292 00:16:17,030 --> 00:16:21,504 Wiem, że jeśli czegoś brakuje i mogę poprosić o to ponownie. 293 00:16:21,504 --> 00:16:22,730 Czy to ma sens? 294 00:16:22,730 --> 00:16:23,610 Tylko zestaw reguł. 295 00:16:23,610 --> 00:16:28,120 Na jej podstawie, zbiór zasad, OK? 296 00:16:28,120 --> 00:16:31,360 >> Więc rozmawialiśmy także Trochę o portach. 297 00:16:31,360 --> 00:16:36,150 Jest to tak naprawdę standard pozwala wiedzieć, jaki rodzaj danych 298 00:16:36,150 --> 00:16:38,650 są przesyłane w tych pakietów. 299 00:16:38,650 --> 00:16:40,790 Jeśli idziemy z naszym Koperta przykład, my nie 300 00:16:40,790 --> 00:16:43,510 wiem, że jest to obraz Rob tam chyba nam się to napisać 301 00:16:43,510 --> 00:16:45,480 na zewnątrz naszego koperty. 302 00:16:45,480 --> 00:16:47,100 Więc porty są w zasadzie to samo. 303 00:16:47,100 --> 00:16:51,670 To jest po prostu sposobem, aby dowiedzieć się, co typ danych jest transmitowany. 304 00:16:51,670 --> 00:16:56,260 >> Mamy więc wszystkie Najczęściej spotykane tutaj. 305 00:16:56,260 --> 00:16:59,790 Więc 21-- są to również rodzaj z jak dobre rzeczy wiedzieć. 306 00:16:59,790 --> 00:17:01,560 To rodzaj quizu pytanie łatwe. 307 00:17:01,560 --> 00:17:03,590 Bądź jak, co to port 80 zrobić? 308 00:17:03,590 --> 00:17:06,970 Albo, co ma port 443 zrobić? 309 00:17:06,970 --> 00:17:09,359 Tak dobre rzeczy wiedzieć. 310 00:17:09,359 --> 00:17:12,569 >> Tak więc mamy tu 21 plików protokół transmisji, więc po prostu 311 00:17:12,569 --> 00:17:15,050 zasady, które rządzą transfer plików. 312 00:17:15,050 --> 00:17:19,550 25, coś, co wszyscy używać zbyt dużo, jest e-mail. 313 00:17:19,550 --> 00:17:22,790 53 to nazwa domeny system, który jest w zasadzie 314 00:17:22,790 --> 00:17:26,910 tylko rodzaj odnośnika do Adres IP z nazwą domeny. 315 00:17:26,910 --> 00:17:29,900 >> Więc jestem pewien, że był mowa w wykładzie, jeśli Ciebie 316 00:17:29,900 --> 00:17:33,960 Do czegoś takiego google.com, ma adres IP 317 00:17:33,960 --> 00:17:35,818 że jest z nim związane. 318 00:17:35,818 --> 00:17:37,026 To nie jest naprawdę google.com. 319 00:17:37,026 --> 00:17:40,720 I tak 53 jest portem że faktycznie ma 320 00:17:40,720 --> 00:17:44,050 opieka rodzaju tłumaczenia to do tego adresu IP dla Ciebie. 321 00:17:44,050 --> 00:17:47,830 A następnie 80 i 443 są bardzo częste. 322 00:17:47,830 --> 00:17:50,710 Albo masz swoją stronę internetową lub masz bezpieczną stronę internetową, 323 00:17:50,710 --> 00:17:56,100 który wiele stron internetowych są przeniesienie na do teraz. 324 00:17:56,100 --> 00:18:02,540 >> Więc to jest trochę wysoka przegląd protokołu transferu. 325 00:18:02,540 --> 00:18:05,170 Nie widzę wiele bardziej w głębi. 326 00:18:05,170 --> 00:18:07,320 To trochę fajnych rzeczy jeśli jesteś zainteresowany. 327 00:18:07,320 --> 00:18:08,590 Jest mnóstwo środków. 328 00:18:08,590 --> 00:18:10,780 Wikipedia rzeczywiście jest bardzo dobra strona. 329 00:18:10,780 --> 00:18:13,850 Tak patrzyłem na niego po prostu jakiś czas temu, 330 00:18:13,850 --> 00:18:16,580 tak, bardzo polecam patrząc na to, czy jesteś zainteresowany 331 00:18:16,580 --> 00:18:22,160 lub wziąć 143 w ciągu dwóch lat, ponieważ Myślę, że to co drugi rok. 332 00:18:22,160 --> 00:18:27,590 >> A więc na końcu tego, mamy mówić o stronach internetowych i HTTP, 333 00:18:27,590 --> 00:18:33,790 co jest rzeczywiście na nasz następny temat dzisiaj zanim pójdziemy do HTML i CSS 334 00:18:33,790 --> 00:18:37,920 i rzeczywiście można zakodować do strony internetowej. 335 00:18:37,920 --> 00:18:38,650 Będzie fajnie. 336 00:18:38,650 --> 00:18:42,220 Musimy zdjęcia zające i to będzie wielki. 337 00:18:42,220 --> 00:18:48,630 >> Więc HTTP, jak widać tutaj, jest jednym z uroczych akronimów 338 00:18:48,630 --> 00:18:53,220 W tym tygodniu, co jest Protokół HTTP. 339 00:18:53,220 --> 00:18:57,940 Więc jeszcze raz, to tylko inny zestaw zasad, które 340 00:18:57,940 --> 00:19:01,440 reguluje hipertekst przenosić, w niniejszym przypadku. 341 00:19:01,440 --> 00:19:04,120 Więc najlepszym sposobem, aby dowiedzieć się, o to tylko rodzaj 342 00:19:04,120 --> 00:19:07,650 na rozbicie go na te pojedyncze słowa 343 00:19:07,650 --> 00:19:10,770 ponieważ istnieje wiele słowa na ekranie tam. 344 00:19:10,770 --> 00:19:13,290 >> Więc mamy zamiar zacząć hipertekstu. 345 00:19:13,290 --> 00:19:17,630 Więc "hiper", można pomyśleć "Góry", jak super-typu rzeczy. 346 00:19:17,630 --> 00:19:24,615 Więc to naprawdę tylko tekst wzięty do Następny poziom, więc jak Super tekst, 347 00:19:24,615 --> 00:19:27,850 jak następnym tekście. 348 00:19:27,850 --> 00:19:34,890 Więc to w zasadzie tylko tekst, który daje nam 349 00:19:34,890 --> 00:19:37,490 więcej informacji niż normalny tekst robi, OK? 350 00:19:37,490 --> 00:19:40,510 >> Więc w tym przypadku tutaj, to jest hipertekst. 351 00:19:40,510 --> 00:19:45,710 To mówi nam, że mamy jakiś link, który mamy zamiar, 352 00:19:45,710 --> 00:19:49,620 który jest cs50.net, co jest teraz cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Slajdy te są trochę stare. 354 00:19:51,420 --> 00:19:55,330 I to się dzieje, aby wyświetlić to jak to, jako hiperłącze, 355 00:19:55,330 --> 00:19:58,140 i wtedy naprawdę super strona. 356 00:19:58,140 --> 00:20:02,080 >> Więc jest to tekst, który jest trochę trochę naprawdę fajnych rzeczy w tam. 357 00:20:02,080 --> 00:20:08,170 Więc można połączyć rzeczy i można wstawianie obrazów można projektować rzeczy. 358 00:20:08,170 --> 00:20:11,740 A rzeczą, która najbardziej wam znajome faceci mają prawdopodobnie z hipertekstu 359 00:20:11,740 --> 00:20:19,100 jest HyperText Markup Language, HTML, co oczywiście wszystkie wstęgi 360 00:20:19,100 --> 00:20:23,080 które widzimy wokół nas, przyznane z pewnym stylem CSS wrzucony. 361 00:20:23,080 --> 00:20:25,580 >> Ale jeśli ktoś był naprawdę duże z MySpace, 362 00:20:25,580 --> 00:20:28,240 Jestem pewien, że wszystkie używane HTML wszystkie razem do utworzenia 363 00:20:28,240 --> 00:20:30,640 Profile te idealne, prawda? 364 00:20:30,640 --> 00:20:34,930 Czuję, że to może być nieaktualne odniesienia teraz, ale co tam. 365 00:20:34,930 --> 00:20:37,780 Wystarczy little-- chłopaki nie jest to, że o wiele młodszy. 366 00:20:37,780 --> 00:20:40,480 Niektórzy z was są starsi ode mnie. 367 00:20:40,480 --> 00:20:42,480 MySpace był jeszcze rzeczy, kiedy byłem młody. 368 00:20:42,480 --> 00:20:44,510 Nie jestem aż tak stary. 369 00:20:44,510 --> 00:20:49,265 >> Tak czy inaczej, HTML tylko forma hipertekstu. 370 00:20:49,265 --> 00:20:55,640 Hipertekst jest właśnie tak tekst z dodatkowych funkcji. 371 00:20:55,640 --> 00:21:01,790 Więc prawdopodobnie jest protokół transferu bardziej wątpliwe jest, aby to wyjaśnić. 372 00:21:01,790 --> 00:21:04,870 Oczywiście, transfer-- tylko transfer danych. 373 00:21:04,870 --> 00:21:09,370 Więc albo między klientem, jak twój brat internetowej i serwera. 374 00:21:09,370 --> 00:21:12,090 Więc w zasadzie tylko sposób działa internet. 375 00:21:12,090 --> 00:21:16,339 >> Tak dokładnie żądanie jak te prace, jesteśmy 376 00:21:16,339 --> 00:21:18,755 w rzeczywistości będzie wyglądać na Przykład Wniosek i odpowiedź. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Ale jak możemy zażądać informacji z serwera 379 00:21:25,220 --> 00:21:30,590 i jak serwer odpowiada nam to co reguluje to protokół transmisji. 380 00:21:30,590 --> 00:21:35,320 Więc wniosek i odpowiedzi mają do tych konkretny zestaw reguł. 381 00:21:35,320 --> 00:21:38,340 To jest znormalizowany tak, że nie ważne gdzie korzystasz z internetu, 382 00:21:38,340 --> 00:21:40,720 to zawsze działa tak samo, OK? 383 00:21:40,720 --> 00:21:43,220 >> Ponownie, protokół, zbiór zasad. 384 00:21:43,220 --> 00:21:45,620 To jest po prostu normalne oddziaływaniu w taki sam sposób, 385 00:21:45,620 --> 00:21:49,500 że profesor mówi o Malan jeśli ktoś rozszerza ich strony, 386 00:21:49,500 --> 00:21:52,880 wiesz, że to jest wspólny uprzejmości dotrzeć do Ciebie się i uścisnąć rękę. 387 00:21:52,880 --> 00:21:54,580 To protokół, prawda? 388 00:21:54,580 --> 00:21:59,060 >> Więc daję trochę standardowego wniosku, co chcę uścisnąć rękę, 389 00:21:59,060 --> 00:22:01,975 i dać jakiś standaryzowany odpowiedź, która jest albo nie, dziękuję 390 00:22:01,975 --> 00:22:04,600 lub można spróbować i potrząsać ręka, a może masz zamiar spróbować 391 00:22:04,600 --> 00:22:06,490 i uderzać pięścią mnie. 392 00:22:06,490 --> 00:22:08,320 I nie musimy się protokół, który. 393 00:22:08,320 --> 00:22:09,360 To psuje. 394 00:22:09,360 --> 00:22:12,030 Ale jeśli wszyscy następująco Ten sam protokół, oczywiście, 395 00:22:12,030 --> 00:22:14,250 idzie o wiele bardziej płynnie. 396 00:22:14,250 --> 00:22:15,590 Ludzie poznają się wzajemnie. 397 00:22:15,590 --> 00:22:16,830 Wszyscy są szczęśliwi. 398 00:22:16,830 --> 00:22:20,750 >> Tak więc w świecie sieci, każdy ma taką samą rules-- 399 00:22:20,750 --> 00:22:22,940 nieco lepiej niż normy społeczne. 400 00:22:22,940 --> 00:22:26,950 Ale z tego, przyjrzymy na przykład żądanie tutaj. 401 00:22:26,950 --> 00:22:30,020 Więc jest to trochę Kluczem tutaj na dole 402 00:22:30,020 --> 00:22:34,990 które mówi, różne kolory, co oni mają na myśli. 403 00:22:34,990 --> 00:22:38,290 >> Tak biały jest tak samo, jak metody Wniosek i protokół version-- 404 00:22:38,290 --> 00:22:42,400 więc wniosek metoda, wersja. 405 00:22:42,400 --> 00:22:44,630 I to jest pewne Nazwa pola i wartość 406 00:22:44,630 --> 00:22:47,630 tego pola, które będzie udać się na bardzo, bardzo krótko. 407 00:22:47,630 --> 00:22:49,840 Więc to jest wniosek przykładem. 408 00:22:49,840 --> 00:22:54,470 To tak, jakby mnie rozszerzenie się, chce się przedstawić. 409 00:22:54,470 --> 00:22:58,507 >> To, co klient lub co Twoja przeglądarka 410 00:22:58,507 --> 00:22:59,840 byłoby wysłanie do serwera. 411 00:22:59,840 --> 00:23:04,500 Więc to jest żądanie GET, więc prosząc o coś z serwerem. 412 00:23:04,500 --> 00:23:09,690 I to jest, oczywiście, HTTP i jest to wersja 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Więc reszta to tutaj jest to, co nazywamy nagłówek, a jej dodatkowe informacje 414 00:23:16,060 --> 00:23:20,050 co daje nam lepsze pojęcie o co mamy w rzeczywistości prośbą o, 415 00:23:20,050 --> 00:23:23,190 lub informacje, które chcemy dać serwera, które mogą być istotne. 416 00:23:23,190 --> 00:23:32,880 Tak User-Agent daje trochę więcej Opis on-- na przykład tutaj, 417 00:23:32,880 --> 00:23:38,720 curl / 7.24.0 jest rzeczywiście powie Serwer, który używamy Google 418 00:23:38,720 --> 00:23:40,700 Chrome w naszej przeglądarce. 419 00:23:40,700 --> 00:23:43,290 Więc jeśli kiedykolwiek usłyszysz o ludzie, którzy mówią 420 00:23:43,290 --> 00:23:48,160 o co aplikacja reaguje na wielu przeglądarkach, 421 00:23:48,160 --> 00:23:50,330 to jest coś, że będzie korzystać, bo jeśli 422 00:23:50,330 --> 00:23:53,000 nie wiem, co przeglądarka wniosek pochodzi, 423 00:23:53,000 --> 00:23:55,050 nie można dopasować do danych. 424 00:23:55,050 --> 00:23:57,690 Więc w tym przypadku, użytkownik jest po prostu dając tego rodzaju 425 00:23:57,690 --> 00:24:01,030 informacji identyfikujących o tym, co przeglądarka 426 00:24:01,030 --> 00:24:06,510 Twój użytkownik jest aktualnie używany, OK? 427 00:24:06,510 --> 00:24:11,640 >> Tak więc mamy także wiele, co jest dokąd rzeczywiście chcą, aby przejść do. 428 00:24:11,640 --> 00:24:15,280 W tym przypadku chcemy, aby przejść do apple.com, kupić kilka fajnych nowych iPadów 429 00:24:15,280 --> 00:24:19,540 czy coś, a może słodkie światła w naszych pokojach akademika. 430 00:24:19,540 --> 00:24:24,900 Nazwa i wartość na koniec tylko wypełniacz, tak ogólnie rzecz 431 00:24:24,900 --> 00:24:25,760 na wy zobaczyć. 432 00:24:25,760 --> 00:24:28,240 To rzeczywiście nie odpowiadają niczego tutaj. 433 00:24:28,240 --> 00:24:32,360 >> Więc można mieć za dużo lub za mało, jak chcesz w każdym przypadku. 434 00:24:32,360 --> 00:24:36,990 Większość czasu są opcjonalne. 435 00:24:36,990 --> 00:24:41,780 To po prostu zależy od tego, co trzeba z przeglądarki, 436 00:24:41,780 --> 00:24:45,120 od użytkownika w celu prawidłowo dać wniosek. 437 00:24:45,120 --> 00:24:48,970 Czy to zależy od tego, co użytkownik rzeczywiście chce zrezygnować z serwerem. 438 00:24:48,970 --> 00:24:54,550 Więc możesz mieć wiele, wiele z tych nazw pól nagłówka 439 00:24:54,550 --> 00:24:57,140 lub może po prostu mieć kilka. 440 00:24:57,140 --> 00:24:59,630 Jak z tak wielu rzeczy Mówiłem w tej sekcji, 441 00:24:59,630 --> 00:25:03,590 to naprawdę zależy od kontekstu od tego, jak używasz tego. 442 00:25:03,590 --> 00:25:06,810 >> Więc czy to ma sens dla każdego? 443 00:25:06,810 --> 00:25:11,463 To jest tylko przykład wniosek, nagłówki, etażerka. 444 00:25:11,463 --> 00:25:16,910 OK, więc z tym, mamy kilka odpowiedzi. 445 00:25:16,910 --> 00:25:20,510 >> Znowu mamy kod statusu, protokół wersji, a następnie nazwa pola i pola 446 00:25:20,510 --> 00:25:21,700 wartość jak zawsze. 447 00:25:21,700 --> 00:25:25,500 Więc naszej wersji protokołu i nasz kod statusu 200. 448 00:25:25,500 --> 00:25:28,610 OK, to znaczy, tak, wszystko poszło dobrze. 449 00:25:28,610 --> 00:25:30,230 Oto, co chcesz. 450 00:25:30,230 --> 00:25:33,750 >> Typ serwera, treść type-- mówi nam, dobrze, że jesteś 451 00:25:33,750 --> 00:25:37,210 będzie trochę HTML tekstu. 452 00:25:37,210 --> 00:25:40,520 Oto długość to i tu jest co należy zrobić z połączeniem. 453 00:25:40,520 --> 00:25:43,004 OK, więc ponownie, w zależności w których przebywa danych 454 00:25:43,004 --> 00:25:45,670 prosząc o, w zależności od Serwer chce wrócić do Ciebie, 455 00:25:45,670 --> 00:25:49,440 możesz mieć więcej tych dziedzinie nazwy, możesz mieć mniej. 456 00:25:49,440 --> 00:25:53,950 Całkowicie zależne od kontekstu. 457 00:25:53,950 --> 00:25:56,650 >> A jeśli chodzi o ten status kod tutaj, oczywiście, 458 00:25:56,650 --> 00:25:59,590 200 nie jest jedynym można mieć, prawda? 459 00:25:59,590 --> 00:26:01,580 Mamy wiele kodów stanu. 460 00:26:01,580 --> 00:26:06,120 Czy ktoś pamięta żadnego z inni, że wspomniane w wykładzie? 461 00:26:06,120 --> 00:26:08,310 Wiele z nich zaczynają się cztery. 462 00:26:08,310 --> 00:26:09,680 >> Grupa docelowa: 404. 463 00:26:09,680 --> 00:26:11,310 >> ALLISON Buchholtz-AU: 404, co jest? 464 00:26:11,310 --> 00:26:12,140 >> Publiczność: Nie znaleziono pliku? 465 00:26:12,140 --> 00:26:13,250 >> ALLISON Buchholtz-AU: Nie znaleziono pliku. 466 00:26:13,250 --> 00:26:14,120 Dokładnie. 467 00:26:14,120 --> 00:26:15,587 Więc co z 403? 468 00:26:15,587 --> 00:26:16,420 Publiczność: Forbidden. 469 00:26:16,420 --> 00:26:17,120 ALLISON Buchholtz-AU: Forbidden. 470 00:26:17,120 --> 00:26:18,695 Więc co o tym myślisz co oznacza, że ​​z chmods? 471 00:26:18,695 --> 00:26:20,890 >> Publiczność: oznacza to, że Nie masz uprawnień, aby ją przeczytać. 472 00:26:20,890 --> 00:26:22,400 >> ALLISON Buchholtz-AU: Dokładnie. 473 00:26:22,400 --> 00:26:25,190 W jakiś sposób, nie trzeba Uprawnienie do niego dostęp, prawda? 474 00:26:25,190 --> 00:26:27,242 Tak, 404, 403. 475 00:26:27,242 --> 00:26:28,950 Jest naprawdę zabawny jedno, że zawsze 476 00:26:28,950 --> 00:26:31,116 co roku, że wprowadzi Powinienem się umieścić tutaj, 477 00:26:31,116 --> 00:26:33,370 jak 413, które jest mi czajniczek. 478 00:26:33,370 --> 00:26:34,390 Możesz google to. 479 00:26:34,390 --> 00:26:38,490 To zabawne, jak, to jest kod 413 i to jestem czajniczek. 480 00:26:38,490 --> 00:26:41,240 Który nie wiem dlaczego byś kiedykolwiek trzeba, że ​​w internecie, 481 00:26:41,240 --> 00:26:42,935 ale błądzić. 482 00:26:42,935 --> 00:26:44,310 Publiczność: Może jesteś Dzbanek do herbaty. 483 00:26:44,310 --> 00:26:46,476 ALLISON Buchholtz-AU: Może Serwer jest Dzbanek do herbaty. 484 00:26:46,476 --> 00:26:47,890 Kto wie? 485 00:26:47,890 --> 00:26:51,840 W porządku, więc jesteśmy o do przejście do prawdziwego kodowania. 486 00:26:51,840 --> 00:26:54,750 Czuję się jak chłopaki będą stąd dość szybko. 487 00:26:54,750 --> 00:26:56,940 >> Publiczność: Dlaczego go powiedzieć "Serwer: dwa razy? 488 00:26:56,940 --> 00:26:57,981 >> ALLISON Buchholtz-AU: Hm? 489 00:26:57,981 --> 00:27:00,350 Serwer dwa razy? 490 00:27:00,350 --> 00:27:03,750 To jest dobre pytanie. 491 00:27:03,750 --> 00:27:04,630 Nie jestem pewien. 492 00:27:04,630 --> 00:27:07,520 Dowiem się i Ja was wszystkich wiadomości e-mail. 493 00:27:07,520 --> 00:27:11,410 >> OK, wszelkie inne kwestie poza tym? 494 00:27:11,410 --> 00:27:12,310 Dobry? 495 00:27:12,310 --> 00:27:14,390 Fajne. 496 00:27:14,390 --> 00:27:17,280 >> HTML i CSS, a teraz dostać się do wszystkich zabawnych elementów. 497 00:27:17,280 --> 00:27:21,697 Tak jak wspomniałem wcześniej, HTML Jest to prawdopodobnie jedna z rzeczy, 498 00:27:21,697 --> 00:27:23,030 Ci faceci są najbardziej znane. 499 00:27:23,030 --> 00:27:25,760 Więc mamy Hypertext Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> Najlepszym sposobem, aby dowiedzieć się, this-- ja nie mają żadnych przygotowanych slajdów i nic 501 00:27:29,900 --> 00:27:31,480 do wy z HTML. 502 00:27:31,480 --> 00:27:33,640 Tak naprawdę chodzi o naukę składni. 503 00:27:33,640 --> 00:27:38,380 A jeśli jesteś w MySpace dzień, należy to mieć na dół. 504 00:27:38,380 --> 00:27:42,790 >> Tak naprawdę, największą rzeczą jest po prostu ćwiczyć i eksperymentować. 505 00:27:42,790 --> 00:27:48,000 Jedną z wielkich zasobów chciałbym bardzo polecam korzystania jest W3Schools. 506 00:27:48,000 --> 00:27:50,620 Więc po prostu W, 3, a następnie Szkoły. 507 00:27:50,620 --> 00:27:54,810 Mają dużo Środki na HTML, na CSS, 508 00:27:54,810 --> 00:27:58,970 i rzeczywiście mają Podział ekranu typu rzeczy 509 00:27:58,970 --> 00:28:00,830 gdzie oni dają przykład kodu. 510 00:28:00,830 --> 00:28:03,290 Możesz bawić się z nim, zmienić, i naciśnij Update 511 00:28:03,290 --> 00:28:06,410 i będzie to pokazuje, co to faktycznie robi na stronie internetowej. 512 00:28:06,410 --> 00:28:08,380 >> Więc bardzo polecam za pomocą tego. 513 00:28:08,380 --> 00:28:11,300 To całkiem fajne. 514 00:28:11,300 --> 00:28:14,560 Nie dostaniesz SEG usterek tu, gdy coś pójdzie nie tak. 515 00:28:14,560 --> 00:28:16,430 Jeśli uda Ci się dostać usterka seg z HTML, 516 00:28:16,430 --> 00:28:19,446 daj mi znać, bo jestem będzie prawdziwy zaintrygowany. 517 00:28:19,446 --> 00:28:21,570 Ale to jest naprawdę fajne, ponieważ można coś zmienić, 518 00:28:21,570 --> 00:28:23,550 widać je na bieżąco na żywo. 519 00:28:23,550 --> 00:28:26,210 I myślę, że dostaniesz dużo bardziej intuicyjne znajomość HTML 520 00:28:26,210 --> 00:28:28,690 jeśli rzeczywiście po prostu spędzić trochę razem z nim eksperymentować. 521 00:28:28,690 --> 00:28:32,590 To dlatego powiedziałem, praktyka i doświadczenie. 522 00:28:32,590 --> 00:28:34,490 >> Google, stąd na z, prawdopodobnie będzie 523 00:28:34,490 --> 00:28:36,440 jeden z najlepszych środków i przyjaciół. 524 00:28:36,440 --> 00:28:41,080 Lub Bing-- Pracuję w firmie Microsoft, więc może powinienem powiedzieć Bing. 525 00:28:41,080 --> 00:28:45,590 Ale prawie wszystko jest po prostu będzie składnia, 526 00:28:45,590 --> 00:28:51,300 więc zrozumienie, co znaczniki są, understanding-- przynajmniej CSS-- 527 00:28:51,300 --> 00:28:53,360 jak zmienić pewne atrybuty. 528 00:28:53,360 --> 00:28:55,300 To będzie bardzo przydatne. 529 00:28:55,300 --> 00:28:58,852 >> Więc nawet jeśli nie robimy mają przygotowane rzeczy, 530 00:28:58,852 --> 00:29:02,060 Mamy rodzaju niektórych najlepszych praktyk że chcemy wy spróbować przestrzegać 531 00:29:02,060 --> 00:29:06,640 by-- czy raczej zalecana stosować się do odwołania. 532 00:29:06,640 --> 00:29:09,722 Więc zamknąć wszystkie swoje znaczniki. 533 00:29:09,722 --> 00:29:12,930 Mam nadzieję, że wszyscy has-- wiesz co, czy to nie ma sensu w tej chwili, 534 00:29:12,930 --> 00:29:15,388 Obiecuję, że to ma sens gdy jesteśmy kodowania się stronę. 535 00:29:15,388 --> 00:29:16,680 Ale zamknąć wszystkie swoje znaczniki. 536 00:29:16,680 --> 00:29:20,410 Więc jeśli kiedykolwiek jakiś Nagłówek to wspornik, 537 00:29:20,410 --> 00:29:24,180 H1, wspornik, upewnij się, że gdy skończysz z tym, 538 00:29:24,180 --> 00:29:26,570 zamknąć ten nagłówek. 539 00:29:26,570 --> 00:29:30,260 Weryfikacja Twojej strony z W3 Validator. 540 00:29:30,260 --> 00:29:34,689 Jeśli nie zamkniesz tagów można uzyskać nieoczekiwane zachowanie. 541 00:29:34,689 --> 00:29:37,730 Będzie to powiedzieć, że strona jest nieprawidłowa po uruchomieniu go przez ten walidator. 542 00:29:37,730 --> 00:29:41,000 Więc kiedy w doubt-- a zwłaszcza w tym tygodniu, obok Tydzień 543 00:29:41,000 --> 00:29:46,220 pset-- w taki sam sposób, w jaki zadawania do korzystania sprawdzić 50 i styl 50, 544 00:29:46,220 --> 00:29:49,130 można myśleć o tym jako jednej z kontroli, OK? 545 00:29:49,130 --> 00:29:51,950 >> Więc jeśli to nie przejdzie W3 Validator. 546 00:29:51,950 --> 00:29:53,810 To jest coś, będziemy Cię na dok. 547 00:29:53,810 --> 00:29:55,960 Albo mówię ci prawo teraz, będę Cię na dok. 548 00:29:55,960 --> 00:29:58,202 Więc upewnij się, że potwierdza. 549 00:29:58,202 --> 00:29:58,785 To nie jest trudne. 550 00:29:58,785 --> 00:30:01,530 Wystarczy wkleić w kodzie i będzie to albo powiedzieć dobrą pracę 551 00:30:01,530 --> 00:30:03,630 lub tracisz coś w taki sam sposób, 552 00:30:03,630 --> 00:30:07,760 50 mówi, że cię styl dokąd się wybierasz, brudząc się. 553 00:30:07,760 --> 00:30:11,360 >> I wtedy jedna rzecz to chcesz oddzielić 554 00:30:11,360 --> 00:30:15,980 Twój znaczników, który jest wszystkim, HTML lub tekst, a stylistyka. 555 00:30:15,980 --> 00:30:19,420 Więc zrobimy przykład z tego prawa po to. 556 00:30:19,420 --> 00:30:21,830 Więc HTML i CSS powinny być oddzielone. 557 00:30:21,830 --> 00:30:26,030 I będziemy mówić o MVC, który jest model View Controller, 558 00:30:26,030 --> 00:30:27,100 w przyszłym tygodniu. 559 00:30:27,100 --> 00:30:29,360 Wy prawdopodobnie powinien dowiedzieć się o tym w wykładzie 560 00:30:29,360 --> 00:30:32,130 gdybyś miał jutro Nauczyłem się go już dzisiaj. 561 00:30:32,130 --> 00:30:34,250 >> I to jest właśnie rodzaj paradygmat, że mamy tendencję 562 00:30:34,250 --> 00:30:37,460 do wykorzystania przy tworzeniu stron internetowych stron do oddzielenia rzeczy. 563 00:30:37,460 --> 00:30:41,440 Możesz myśleć o tym w ten sam sposób że mamy tendencję do oddzielnych funkcji w C 564 00:30:41,440 --> 00:30:43,360 gdzie hash znaleźć rzeczy. 565 00:30:43,360 --> 00:30:45,530 To jest po prostu sposobem na ułatwić Ci życie. 566 00:30:45,530 --> 00:30:51,790 Oddziela się atrybuty lub kod chcesz używać w kółko, 567 00:30:51,790 --> 00:30:55,360 lecz w ten sposób rodzaj z trzyma to ładne i zadbane. 568 00:30:55,360 --> 00:30:58,260 A jeśli chcesz zmienić jedna rzecz, można go po zmianie 569 00:30:58,260 --> 00:31:00,150 i to się zmieniło wszędzie. 570 00:31:00,150 --> 00:31:05,010 Więc to jest bardziej dla Twojego łatwość i elastyczność. 571 00:31:05,010 --> 00:31:11,430 >> Więc z CSS, to bardzo podobne do HTML, ale zamiast tagów 572 00:31:11,430 --> 00:31:15,120 Wspomniałem, że teraz po prostu, że wykorzystać to, co się nazywa selektorów. 573 00:31:15,120 --> 00:31:21,900 I w zasadzie tylko rodzajem z skojarzyć pewne tag 574 00:31:21,900 --> 00:31:24,620 w HTML z różnych atrybutów. 575 00:31:24,620 --> 00:31:29,060 I kiedy mówię atrybuty, to znaczy takie rzeczy jak kolor czcionki, styl czcionki, 576 00:31:29,060 --> 00:31:32,694 kolor tła, kolor tekstu. 577 00:31:32,694 --> 00:31:33,610 Te różne rzeczy. 578 00:31:33,610 --> 00:31:36,270 Jak, czy to na środku, czy to na prawo, 579 00:31:36,270 --> 00:31:39,430 czy to inverted-- wszystko z tych fajnych rzeczy. 580 00:31:39,430 --> 00:31:42,490 Wszelkie sprawy stylistyczne , które możesz zrobić, aby Twój tekst, 581 00:31:42,490 --> 00:31:45,070 jest to o co mi chodzi z atrybutami. 582 00:31:45,070 --> 00:31:50,140 >> A następnie dwie główne rzeczy wiedzieć jest to, że selectors-- dwóch głównego factors-- 583 00:31:50,140 --> 00:31:53,090 są ID, który jest unikalny. 584 00:31:53,090 --> 00:31:54,859 Że można używać tylko jednej rzeczy. 585 00:31:54,859 --> 00:31:56,400 W przeciwnym razie to będzie krzyczeć na ciebie. 586 00:31:56,400 --> 00:31:59,970 A kiedy go zdefiniować w pliku CSS, to będzie 587 00:31:59,970 --> 00:32:03,182 być hash ID, a następnie jakie cechy chcemy. 588 00:32:03,182 --> 00:32:05,140 Obiecuję, że będziemy przejść przez przykład. 589 00:32:05,140 --> 00:32:06,830 Czeka nas dużo więcej sensu. 590 00:32:06,830 --> 00:32:08,830 >> Klasa może odnosić się do wielu bloków. 591 00:32:08,830 --> 00:32:13,400 Więc możesz mieć swój akapit pierwszy i trzeci 592 00:32:13,400 --> 00:32:17,240 mają ten sam rodzaj atrybutów jeżeli powiązać je z tej samej klasy. 593 00:32:17,240 --> 00:32:21,050 A kiedy je zdefiniować w CSS, mamy klasę kropka, 594 00:32:21,050 --> 00:32:25,710 przy czym bez względu na klasę chcesz to nazwać. 595 00:32:25,710 --> 00:32:28,559 >> Tak wiem, że to jest w porządku teraz bardzo abstrakcyjne. 596 00:32:28,559 --> 00:32:29,850 Dlatego będziemy kodu. 597 00:32:29,850 --> 00:32:32,060 Wiem, że faceci kochają że, i wszystkie są 598 00:32:32,060 --> 00:32:34,210 będzie mi pomóc, ponieważ to jest Twoja strona internetowa. 599 00:32:34,210 --> 00:32:36,310 To jest w naszym dziale jest strona internetowa, chłopaki. 600 00:32:36,310 --> 00:32:40,158 Więc są jakieś pytania, zanim wyłącz PowerPoint, czy coś 601 00:32:40,158 --> 00:32:42,366 chcesz mnie, aby przejść z powrotem Zanim zaczniemy do kodowania? 602 00:32:42,366 --> 00:32:45,074 >> Publiczność: Kiedy mówisz tagi mecz, masz na myśli selektorów lub znaczniki? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON Buchholtz-AU: Możesz myśleć o nich jako o tej samej rzeczy. 605 00:32:53,010 --> 00:32:54,590 To tylko różne słowa. 606 00:32:54,590 --> 00:32:56,460 Chodzi mi o to, jak selektorów. 607 00:32:56,460 --> 00:32:59,470 Ale selektorów map również znaczników. 608 00:32:59,470 --> 00:33:02,800 Tak więc można myśleć o nich jako skutecznie samo. 609 00:33:02,800 --> 00:33:05,900 Obiecuję, że to się dzieje, aby więcej sensu, gdy kod. 610 00:33:05,900 --> 00:33:08,400 Wszystko z PowerPoint lub wszelkie pytania 611 00:33:08,400 --> 00:33:12,980 teraz, zanim faktycznie Wygenerowano w naszej sekcji jest? 612 00:33:12,980 --> 00:33:15,040 Wszyscy gotowi? 613 00:33:15,040 --> 00:33:15,540 Fajne. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Więc mam jeden zaczął. 616 00:33:24,760 --> 00:33:27,030 Pozwól mi zwiększyć czcionkę dla was. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 OK, więc teraz, po prostu musimy szkielet strony internetowej tutaj. 619 00:33:36,730 --> 00:33:38,360 >> Mamy niektóre HTML. 620 00:33:38,360 --> 00:33:41,050 Mamy jakiś nagłówek, które zobacz przykład tutaj stronie internetowej. 621 00:33:41,050 --> 00:33:44,540 Niektóre tytuł, niektóre czcionki. 622 00:33:44,540 --> 00:33:47,580 Są to znaczniki, OK? 623 00:33:47,580 --> 00:33:53,930 Więc kiedy mam na myśli zamykania tagów widzimy tu jest twoja głowa otwarcie wspornika 624 00:33:53,930 --> 00:33:59,670 tag, a to wspornik / Zamykania go głowa, OK? 625 00:33:59,670 --> 00:34:04,380 >> Więc można myśleć o tym, jak Twoje szelki w swoim, jeśli warunki 626 00:34:04,380 --> 00:34:05,420 lub twój pętli. 627 00:34:05,420 --> 00:34:08,630 Jeśli masz jedną na początku, chcesz jeden na końcu. 628 00:34:08,630 --> 00:34:13,500 Nadal będzie działał w większości przypadków jeśli nie masz tagu zamknięty, 629 00:34:13,500 --> 00:34:17,659 ale najlepszym rozwiązaniem jest zamknąć swoje znaczniki. 630 00:34:17,659 --> 00:34:20,940 >> Więc w tym przypadku, niech to zmienić. 631 00:34:20,940 --> 00:34:24,150 Mamy zamiar mieć sekcję siedem. 632 00:34:24,150 --> 00:34:25,270 "§ Strona internetowa". 633 00:34:25,270 --> 00:34:26,969 Więc jestem po prostu będzie to zmienić. 634 00:34:26,969 --> 00:34:32,100 >> A jeśli idziemy tutaj, a my reload-- muszę zapisać i reload-- 635 00:34:32,100 --> 00:34:36,750 zauważamy, że się tutaj zmieniło, prawda? 636 00:34:36,750 --> 00:34:38,250 Fajne. 637 00:34:38,250 --> 00:34:39,380 Więc zmienia tytuł. 638 00:34:39,380 --> 00:34:41,920 To wszystko co na karcie. 639 00:34:41,920 --> 00:34:43,870 >> Jest to więc rodzaj patrząc nudne. 640 00:34:43,870 --> 00:34:44,870 Nie wiem, o facetach. 641 00:34:44,870 --> 00:34:46,810 Myślę, że my chcemy coś innego tutaj. 642 00:34:46,810 --> 00:34:51,900 >> Więc co możemy zrobić, to Nagłówek jest właśnie tam. 643 00:34:51,900 --> 00:34:54,320 Zróbmy jakieś ciało. 644 00:34:54,320 --> 00:34:56,550 Tak więc mamy tu jakieś ciało. 645 00:34:56,550 --> 00:35:01,360 I zawsze otwarte i zamknę znaczniki, aby rozpocząć, 646 00:35:01,360 --> 00:35:04,850 w ten sam sposób, że robię szelki. 647 00:35:04,850 --> 00:35:06,326 Ach. 648 00:35:06,326 --> 00:35:09,010 Czekaj, co? 649 00:35:09,010 --> 00:35:10,949 >> PUBLICZNOŚCI: [niesłyszalne]. 650 00:35:10,949 --> 00:35:11,990 ALLISON Buchholtz-AU: Ach. 651 00:35:11,990 --> 00:35:13,895 Dostaliście mnie. 652 00:35:13,895 --> 00:35:14,930 Dobra robota. 653 00:35:14,930 --> 00:35:16,270 Gold Star. 654 00:35:16,270 --> 00:35:20,300 >> OK, więc mamy tu jakieś ciało. 655 00:35:20,300 --> 00:35:22,920 A teraz zacznijmy dodanie jakiś tekst. 656 00:35:22,920 --> 00:35:26,110 Więc masz kilka różnych opcje dodawania tekstu. 657 00:35:26,110 --> 00:35:29,380 Mamy takie rzeczy jak nagłówków. 658 00:35:29,380 --> 00:35:32,144 Mamy tylko zwykły tekst. 659 00:35:32,144 --> 00:35:33,560 Więc po prostu zaczynają się od nagłówka. 660 00:35:33,560 --> 00:35:36,670 Właściwie, jeśli chcecie podciągnąć HTML W3 Szkoły, 661 00:35:36,670 --> 00:35:38,860 można trochę rozejrzeć i czy jest coś 662 00:35:38,860 --> 00:35:42,470 szczególnie, że chcesz wypróbować z tej strony, możemy to zrobić. 663 00:35:42,470 --> 00:35:46,250 Więc w tym przypadku, po prostu zrobić kilka h1. 664 00:35:46,250 --> 00:35:48,710 Więc h1 jest jak najwyższej nagłówku. 665 00:35:48,710 --> 00:35:52,260 Da Ci coś że jest bardzo duże i pogrubione. 666 00:35:52,260 --> 00:35:58,010 >> I w tym przypadku, co chcemy na pierwszy tekst na naszej stronie internetowej? 667 00:35:58,010 --> 00:35:58,640 Cokolwiek. 668 00:35:58,640 --> 00:35:59,800 Chłopaki idą do tworzenia tego. 669 00:35:59,800 --> 00:36:00,758 Mam zamiar po prostu wpisać. 670 00:36:00,758 --> 00:36:01,620 Publiczność: Witamy. 671 00:36:01,620 --> 00:36:02,870 >> ALLISON Buchholtz-AU: Witamy. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 OK, więc jeśli go zapisać i odświeżyć, mamy wielką duży powitanie. 674 00:36:12,620 --> 00:36:17,365 Tak po prostu, więc można zobaczyć Różnice, zróbmy coś na H6. 675 00:36:17,365 --> 00:36:18,490 Co chcemy tutaj? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Prawda? 678 00:36:27,440 --> 00:36:30,356 >> OK, więc tylko tak można zobaczyć różnicę. 679 00:36:30,356 --> 00:36:31,990 Tak, Sublime. 680 00:36:31,990 --> 00:36:34,680 Więc jeśli zauważysz, h1, bardzo, bardzo duże. 681 00:36:34,680 --> 00:36:39,030 h6, jak śmiały, ale znacznie mniejsze, i masz wszystko pomiędzy. 682 00:36:39,030 --> 00:36:41,550 Więc możesz mieć H2, H3, H4. 683 00:36:41,550 --> 00:36:43,750 A to są tylko nagłówki, więc jeśli próbujesz 684 00:36:43,750 --> 00:36:46,010 stworzenie strony internetowej, która ma różne sekcje, 685 00:36:46,010 --> 00:36:48,810 może chcesz używać nagłówki w tam gdzieś. 686 00:36:48,810 --> 00:36:49,580 >> Fajne. 687 00:36:49,580 --> 00:36:53,270 Będziemy więc dodać trochę więcej rzeczy w naszym organizmie. 688 00:36:53,270 --> 00:36:58,380 Widzę, że to będzie miły cool, gdybyśmy mieli obraz. 689 00:36:58,380 --> 00:37:02,840 Czuję, że każdy może korzystać może ładny obraz królik rację teraz, 690 00:37:02,840 --> 00:37:05,082 więc mamy zamiar znaleźć Pierwszy obraz królik. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Nie wiem, czy macie jakiekolwiek preferencje, na którym jeden chcemy. 693 00:37:12,960 --> 00:37:14,890 Czy masz jakieś preferencje? 694 00:37:14,890 --> 00:37:15,925 Ten tutaj? 695 00:37:15,925 --> 00:37:17,160 W dół. 696 00:37:17,160 --> 00:37:17,750 OK. 697 00:37:17,750 --> 00:37:18,760 Że jeden jest. 698 00:37:18,760 --> 00:37:20,080 Dobry wybór. 699 00:37:20,080 --> 00:37:21,850 >> OK, więc mamy zamiar zobaczyć nasz wizerunek. 700 00:37:21,850 --> 00:37:22,920 Spójrz na to. 701 00:37:22,920 --> 00:37:24,250 Spójrz na to urocza rzecz. 702 00:37:24,250 --> 00:37:27,080 Jak możesz być smutny w poniedziałek z tego? 703 00:37:27,080 --> 00:37:30,180 >> Więc my po prostu się skopiować adres URL obrazu. 704 00:37:30,180 --> 00:37:38,720 A to, co chcemy zrobić, to, po prostu że mamy trochę p dla ust. 705 00:37:38,720 --> 00:37:41,140 Mamy zamiar powiedzieć "Spójrz spojrzenie na cute bunny. 706 00:37:41,140 --> 00:37:44,130 d'awwww ". 707 00:37:44,130 --> 00:37:44,880 Kocham moje króliczki. 708 00:37:44,880 --> 00:37:45,838 Mam króliczka w domu. 709 00:37:45,838 --> 00:37:48,085 Tęsknię za króliczka. 710 00:37:48,085 --> 00:37:50,460 Więc co mamy zamiar do-- Nie wiem, czy chcecie 711 00:37:50,460 --> 00:37:55,970 google this-- ale z HTML, jak można to zdjęcie? 712 00:37:55,970 --> 00:37:58,355 Dosłownie, jeśli google "To obraz HTML" 713 00:37:58,355 --> 00:38:00,480 dlaczego nie macie mi powiedzieć co to znacznik powinien być? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> Publiczność: 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 Publiczność: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON Buchholtz-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 Publiczność: --quote-- tak. 720 00:38:10,181 --> 00:38:11,430 ALLISON Buchholtz-AU: Idealny. 721 00:38:11,430 --> 00:38:12,090 Piękny. 722 00:38:12,090 --> 00:38:15,470 Zobacz, generacji MySpace, prawda? 723 00:38:15,470 --> 00:38:16,220 WIDOWNI: Neopets. 724 00:38:16,220 --> 00:38:17,470 ALLISON Buchholtz-AU: Neopets. 725 00:38:17,470 --> 00:38:18,950 Och, OK. 726 00:38:18,950 --> 00:38:20,200 Wow. 727 00:38:20,200 --> 00:38:21,260 To było szalone. 728 00:38:21,260 --> 00:38:23,120 OK. 729 00:38:23,120 --> 00:38:25,600 >> Więc upewnij się, że mam takie prawo. 730 00:38:25,600 --> 00:38:26,100 Fajne. 731 00:38:26,100 --> 00:38:27,750 Tak to powinno być tutaj. 732 00:38:27,750 --> 00:38:34,146 A potem, jeśli przeładować, mamy królik na stronie Czy to nie urocze? 733 00:38:34,146 --> 00:38:35,030 >> To takie słodkie. 734 00:38:35,030 --> 00:38:36,860 Wybrano świetny, świetne zdjęcie. 735 00:38:36,860 --> 00:38:38,180 Jestem kopać go. 736 00:38:38,180 --> 00:38:41,350 >> OK, więc mamy tego uroczego króliczka teraz. 737 00:38:41,350 --> 00:38:44,590 Byliśmy w stanie dodać obraz, tak po prostu. 738 00:38:44,590 --> 00:38:47,550 Więc w zasadzie, jeśli jest jakiś obraz chcesz dodać do swojej strony internetowej, 739 00:38:47,550 --> 00:38:49,430 możesz dodać ją właśnie w ten sposób. 740 00:38:49,430 --> 00:38:52,910 Inną rzeczą byłoby, gdyby zapisaniu obrazu 741 00:38:52,910 --> 00:38:55,670 w tym samym folderze, ten plik, możesz po prostu 742 00:38:55,670 --> 00:38:59,595 pisać bez względu na nazwę tego obrazu Jest zamiast łącza internetowego. 743 00:38:59,595 --> 00:39:01,010 >> To wciąż być w cudzysłowie. 744 00:39:01,010 --> 00:39:03,700 Byłoby to po prostu być jak gdybyśmy nazwie this-- 745 00:39:03,700 --> 00:39:06,695 jeśli obraz został zapisany w folderze z tego pliku HTML 746 00:39:06,695 --> 00:39:08,570 że mam go i edycji nazwano bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Możemy również zrobić i to pokazać. 749 00:39:13,080 --> 00:39:16,600 Jednak nie mam to zapisane w plików i chcę zachować króliczka, 750 00:39:16,600 --> 00:39:18,092 więc mamy zamiar utrzymać związek. 751 00:39:18,092 --> 00:39:20,720 >> Publiczność: Co to jest rabbit.org? 752 00:39:20,720 --> 00:39:22,980 >> ALLISON Buchholtz-AU: rabbit.org. 753 00:39:22,980 --> 00:39:25,170 To appropriate-- patrzeć, można go przyjąć. 754 00:39:25,170 --> 00:39:25,770 Przyjęcie. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Chcę przyjąć tę króliczka. 757 00:39:29,190 --> 00:39:31,180 Och, Boże, to takie słodkie. 758 00:39:31,180 --> 00:39:34,230 >> OK, więc dodaliśmy nagłówki. 759 00:39:34,230 --> 00:39:35,500 Dodaliśmy zdjęcia. 760 00:39:35,500 --> 00:39:37,760 Oczywiście, dodaliśmy jakiś tekst tutaj, prawda? 761 00:39:37,760 --> 00:39:40,920 Jeśli chcemy dodać inne Teksty, że idziemy tak. 762 00:39:40,920 --> 00:39:43,760 Więc to jest kolejny akapit. 763 00:39:43,760 --> 00:39:49,070 >> I powiedzieć "to jest kolejny akapit." 764 00:39:49,070 --> 00:39:52,510 Również jestem straszne ortografii, więc może ja błędnie rzeczy. 765 00:39:52,510 --> 00:39:54,930 Wystarczy FYI. 766 00:39:54,930 --> 00:39:58,450 >> Mamy więc kolejny pkt tutaj, prawda? 767 00:39:58,450 --> 00:40:02,190 Więc może chcesz coś zrobić trochę bardziej interesujące niż tylko 768 00:40:02,190 --> 00:40:04,640 ma wszystko, podobnie jak tekst wyrównany do prawej. 769 00:40:04,640 --> 00:40:08,490 Może chcesz wyśrodkować tekst, OK? 770 00:40:08,490 --> 00:40:11,820 >> Więc jeśli ktoś chce korzystać z tych poręczne komputery przed tobą 771 00:40:11,820 --> 00:40:19,034 i powiedz mi, jak jesteś będzie centrum tego tekstu, 772 00:40:19,034 --> 00:40:20,300 >> Publiczność: p align. 773 00:40:20,300 --> 00:40:24,834 >> ALLISON Buchholtz-AU: Tak p align równa się "centrum". 774 00:40:24,834 --> 00:40:25,750 Zabija go, chłopaki. 775 00:40:25,750 --> 00:40:28,240 Wszyscy, muszą zwiększyć. 776 00:40:28,240 --> 00:40:36,042 I mamy "To jest centrum." 777 00:40:36,042 --> 00:40:37,500 A teraz mamy coś na środku. 778 00:40:37,500 --> 00:40:39,380 >> W taki sam sposób, jeśli ma to wyrównane do lewej, 779 00:40:39,380 --> 00:40:42,020 można zrobić sobie równych skoordynowanie lewa, align równa prawej. 780 00:40:42,020 --> 00:40:42,850 Całkowicie do Ciebie. 781 00:40:42,850 --> 00:40:55,580 Jeśli zrobiłem tutaj, to powinny: teraz jest wyrównany do prawej. 782 00:40:55,580 --> 00:40:57,020 >> Publiczność: Allison? 783 00:40:57,020 --> 00:41:00,884 Przez źródła obrazu, dlatego nie jest nie w pobliżu źródła img? 784 00:41:00,884 --> 00:41:02,050 ALLISON Buchholtz-AU: Niestety. 785 00:41:02,050 --> 00:41:05,300 Ten powinien być nie teraz, że jesteś dobry. 786 00:41:05,300 --> 00:41:06,026 Teraz jesteśmy dobrzy. 787 00:41:06,026 --> 00:41:08,150 Publiczność: Nie masz aby go zamknąć tam, czy nie? 788 00:41:08,150 --> 00:41:11,450 ALLISON Buchholtz-AU: No, tak img źródło, ten jest just-- z obrazu, 789 00:41:11,450 --> 00:41:17,110 to jest po prostu postrzegane jako jeden element, podczas gdy jeśli zauważysz na resztę tych, 790 00:41:17,110 --> 00:41:22,106 mamy pewne informacje, które następnie tag to dotyczy, a następnie znak zamknięcia. 791 00:41:22,106 --> 00:41:24,480 Ale z obrazu, wszystko tak jakby samowystarczalny. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 Fajne. 794 00:41:29,040 --> 00:41:33,530 Więc chłopaki wiedzą, jak stworzyć Nagłówek, wiesz, jak wprowadzać tekst, 795 00:41:33,530 --> 00:41:37,060 wiesz jak umieścić obraz teraz, można wyrównać rzeczy. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Inną rzeczą, która cię może chcesz być w stanie zrobić 798 00:41:42,590 --> 00:41:47,649 jest utworzenie listy w CS-- jesteśmy rodzaj wchodząc w przyszłym tygodniu Pset. 799 00:41:47,649 --> 00:41:49,440 Rzeczy, które zazwyczaj uczą w tym tygodniu 800 00:41:49,440 --> 00:41:51,480 idzie bardzo dobrze z przyszłym tygodniu pset, więc jesteśmy 801 00:41:51,480 --> 00:41:54,250 rodzaj mieszania, nakładania rzeczy tutaj. 802 00:41:54,250 --> 00:41:56,290 Ale to będzie przydatne do przyszłego tygodnia. 803 00:41:56,290 --> 00:42:02,500 >> Więc jeśli chcemy stworzyć jakiś lista, w jaki sposób możemy to zrobić? 804 00:42:02,500 --> 00:42:03,760 Nie można odpowiedzieć na to czasu. 805 00:42:03,760 --> 00:42:04,700 Ktoś inny musi. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 To nie jest trudne, chłopaki, obiecuję. 808 00:42:09,440 --> 00:42:13,090 Google "nieuporządkowana lista HTML." 809 00:42:13,090 --> 00:42:14,076 Co to było? 810 00:42:14,076 --> 00:42:16,244 >> PUBLICZNOŚCI: [niesłyszalne]. 811 00:42:16,244 --> 00:42:17,410 ALLISON Buchholtz-AU: Prawo. 812 00:42:17,410 --> 00:42:20,490 Więc chcemy zamówić lub nieuporządkowane? 813 00:42:20,490 --> 00:42:21,500 Zróbmy nieuporządkowana. 814 00:42:21,500 --> 00:42:25,240 Więc mamy trochę ul, który oznacza nieuporządkowane listy. 815 00:42:25,240 --> 00:42:27,997 A co mamy dla każdego elementu? 816 00:42:27,997 --> 00:42:29,080 Czy potrzebuje własnego tag? 817 00:42:29,080 --> 00:42:30,556 Możemy po prostu zacząć pisać rzeczy? 818 00:42:30,556 --> 00:42:31,330 >> Publiczność: li. 819 00:42:31,330 --> 00:42:32,826 >> ALLISON Buchholtz-AU: li. 820 00:42:32,826 --> 00:42:34,785 Więc jaka jest nasza lista będzie? 821 00:42:34,785 --> 00:42:37,050 Co chcemy tutaj? 822 00:42:37,050 --> 00:42:38,190 My po prostu nie nazwy. 823 00:42:38,190 --> 00:42:39,250 Wystarczy zrobić Jakuba. 824 00:42:39,250 --> 00:42:40,340 >> Publiczność: Królik żywności. 825 00:42:40,340 --> 00:42:40,990 >> ALLISON Buchholtz-AU: Królik żywności. 826 00:42:40,990 --> 00:42:41,910 OK, lubię to. 827 00:42:41,910 --> 00:42:42,520 Królik żywności. 828 00:42:42,520 --> 00:42:44,440 >> OK, więc mamy marchewki. 829 00:42:44,440 --> 00:42:46,640 Lubię ten królik temat. 830 00:42:46,640 --> 00:42:48,024 Jestem kopanie to dużo. 831 00:42:48,024 --> 00:42:50,440 PUBLICZNOŚCI: Właściwie, myślałem że Jakub będzie legit. 832 00:42:50,440 --> 00:42:51,606 ALLISON Buchholtz-AU: Jakub? 833 00:42:51,606 --> 00:42:53,120 Jakub jest jedzenie królik. 834 00:42:53,120 --> 00:42:55,310 Jeśli obejrzałeś Jakuba zdjęcie z godzin pracy, 835 00:42:55,310 --> 00:42:56,850 może pomyślał dostał zaatakowany przez królika mordercy. 836 00:42:56,850 --> 00:42:58,099 >> Publiczność: Mam królika teraz. 837 00:42:58,099 --> 00:42:59,710 Mam królika zabójca teraz. 838 00:42:59,710 --> 00:43:00,540 >> ALLISON Buchholtz-AU: Żartujesz sobie ze mnie? 839 00:43:00,540 --> 00:43:02,081 >> Publiczność: Ja to następna część przyniesie. 840 00:43:02,081 --> 00:43:02,990 Mam go. 841 00:43:02,990 --> 00:43:04,240 >> ALLISON Buchholtz-AU: To jest śmieszne. 842 00:43:04,240 --> 00:43:04,730 W każdym razie. 843 00:43:04,730 --> 00:43:05,510 >> PUBLICZNOŚCI: [niesłyszalne] 844 00:43:05,510 --> 00:43:07,510 >> Publiczność: Tak, mój Proctor ma królika, jak również. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON Buchholtz-AU: Chcę królika. 847 00:43:11,580 --> 00:43:15,415 OK, kto przynosi do prawdziwego królika Następny rozdział, suma punktów brownie. 848 00:43:15,415 --> 00:43:16,290 PUBLICZNOŚCI: [niesłyszalne] 849 00:43:16,290 --> 00:43:16,943 Publiczność: Och, to nie jest prawdziwe. 850 00:43:16,943 --> 00:43:17,910 To nadziewane królik. 851 00:43:17,910 --> 00:43:18,855 >> ALLISON Buchholtz-AU: O Tak, możemy zamknąć tych. 852 00:43:18,855 --> 00:43:20,174 Wygląda rad. 853 00:43:20,174 --> 00:43:21,590 Publiczność: Czy to rzeczywiście ma znaczenie? 854 00:43:21,590 --> 00:43:23,465 ALLISON Buchholtz-AU: nie. 855 00:43:23,465 --> 00:43:25,590 Z większości z tych rzeczy, nie zamknąć znacznik, 856 00:43:25,590 --> 00:43:28,750 99% czasu nic złego się dzieje się stało, ale to dobry styl, też. 857 00:43:28,750 --> 00:43:30,250 Więc Jakuba. 858 00:43:30,250 --> 00:43:31,864 I mamy sałatę. 859 00:43:31,864 --> 00:43:33,655 Odbiorcy: Dla linków, to jest naprawdę ważne. 860 00:43:33,655 --> 00:43:34,696 ALLISON Buchholtz-AU: Hm? 861 00:43:34,696 --> 00:43:35,890 Odbiorcy: Dla hiperłączy. 862 00:43:35,890 --> 00:43:37,431 ALLISON Buchholtz-AU: Dla hiperłączy. 863 00:43:37,431 --> 00:43:38,610 Tak, hiperłącza potrzebne. 864 00:43:38,610 --> 00:43:40,770 OK, więc zobaczymy tutaj. 865 00:43:40,770 --> 00:43:44,810 I mamy blisko naszego wykazu. 866 00:43:44,810 --> 00:43:46,635 I patrzymy na to. 867 00:43:46,635 --> 00:43:49,680 Mamy all-- Jakuba, właśnie tam. 868 00:43:49,680 --> 00:43:52,310 Królik żywności. 869 00:43:52,310 --> 00:43:54,000 Przypomina mi Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> PUBLICZNOŚCI: [niesłyszalne] 871 00:43:55,234 --> 00:43:58,400 ALLISON Buchholtz-AU: Jestem przywracanie wszystko dzisiaj stare referencje szkolne, 872 00:43:58,400 --> 00:43:59,130 nie? 873 00:43:59,130 --> 00:44:01,210 Zaledwie wszystkie stare referencje szkolnych. 874 00:44:01,210 --> 00:44:05,767 Przyniosły jak powinno Gogurts lub coś na przekąski. 875 00:44:05,767 --> 00:44:07,079 >> Publiczność: Albo Gushers. 876 00:44:07,079 --> 00:44:08,120 ALLISON Buchholtz-AU: Och. 877 00:44:08,120 --> 00:44:08,620 OK. 878 00:44:08,620 --> 00:44:10,920 Zobaczę, czy mogę śledzić w dół Gushers na przyszły tydzień. 879 00:44:10,920 --> 00:44:11,980 Myślę, że mogę to zrobić. 880 00:44:11,980 --> 00:44:13,980 Myślę, że mamy niektóre w biurze. 881 00:44:13,980 --> 00:44:18,570 >> OK, więc omówiliśmy wiele inny rzeczy, które możesz zrobić z HTML, prawda? 882 00:44:18,570 --> 00:44:23,910 I jak można prawdopodobnie zobaczyć, że to nothing-- miejmy nadzieję, że nie za intim-- 883 00:44:23,910 --> 00:44:25,750 jeśli tak jest, nie mam na myśli umniejszać nikogo. 884 00:44:25,750 --> 00:44:29,090 Jeśli masz problemy, Proszę się ze mną rozmawiać. 885 00:44:29,090 --> 00:44:31,340 >> Ale większość z nich jest po prostu patrząc na składni, prawda? 886 00:44:31,340 --> 00:44:34,180 Jeśli chcesz listę nieuporządkowaną, jeśli chcesz jakieś listy, 887 00:44:34,180 --> 00:44:38,450 jeśli chcesz wyrównać coś lub Format coś, to wszystko o tym, 888 00:44:38,450 --> 00:44:42,080 rodzaj patrząc w górę Składnia HTML, prawda? 889 00:44:42,080 --> 00:44:44,720 I jedna rzecz, która jest rzeczywiście całkiem fajny 890 00:44:44,720 --> 00:44:51,360 to jeśli się to-- zobaczmy, co jest miłe stronie internetowej, że lubimy? 891 00:44:51,360 --> 00:44:54,920 Ktoś ma jakieś ulubione strony internetowe że są OK, aby otworzyć w trybie online? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Wiesz co, po prostu zrobić CS50. 894 00:44:58,840 --> 00:45:01,800 To miłe i bezpieczne, prawda? 895 00:45:01,800 --> 00:45:03,060 >> OK, więc CS50 tutaj. 896 00:45:03,060 --> 00:45:05,540 Och, spójrz, tam sekcja teraz. 897 00:45:05,540 --> 00:45:07,113 Jeśli podoba Ci się sposób, w jaki wygląda. 898 00:45:07,113 --> 00:45:08,030 >> PUBLICZNOŚCI: [niesłyszalne]. 899 00:45:08,030 --> 00:45:10,696 ALLISON Buchholtz-AU: Nie jesteśmy zrobić sekcję meta, chłopaki. 900 00:45:10,696 --> 00:45:11,560 To się nie dzieje. 901 00:45:11,560 --> 00:45:14,540 Byłoby fajnie, ale nie będziemy tego robić. 902 00:45:14,540 --> 00:45:17,040 >> Więc co zrobić, mógłbyś Jeśli nie podoba ci się sposób 903 00:45:17,040 --> 00:45:21,390 to działa to można zawsze rację kliknij na dowolnej stronie internetowej, że chcesz 904 00:45:21,390 --> 00:45:23,660 i można zrobić Pokaż źródło strony. 905 00:45:23,660 --> 00:45:26,030 Przyniesie całą HTML. 906 00:45:26,030 --> 00:45:30,800 I to jest rzeczywiście bardzo dobry sposób projektować własną stronę internetową. 907 00:45:30,800 --> 00:45:33,640 Przejdź do strony internetowej, która Cię bardzo lubię i spojrzeć na HTML 908 00:45:33,640 --> 00:45:35,430 i dowiedzieć się, jak oni to zrobili. 909 00:45:35,430 --> 00:45:39,280 >> I dosłownie, tak długo, jak cytować rzeczy, 910 00:45:39,280 --> 00:45:41,940 tak długo, jak nie jesteś po prostu okradanie ludzi, to jest OK. 911 00:45:41,940 --> 00:45:43,890 Specjalnie dla CS50 [? finansowania?], jesteśmy 912 00:45:43,890 --> 00:45:46,950 rodzaj spodziewa Ci uzyskać inspirację z innej strony. 913 00:45:46,950 --> 00:45:48,070 Dlatego zachęcamy. 914 00:45:48,070 --> 00:45:51,360 Przeglądać strony internetowe, które myślisz, że są naprawdę ładne 915 00:45:51,360 --> 00:45:54,870 i dowiedzieć się, jak korzystać z HTML i CSS, aby robić te rzeczy. 916 00:45:54,870 --> 00:45:59,860 >> Więc, jak widać tutaj, jest oczywiście jak linki i mamy tu klasę. 917 00:45:59,860 --> 00:46:00,950 Mamy link tutaj. 918 00:46:00,950 --> 00:46:03,100 Mamy listę. 919 00:46:03,100 --> 00:46:05,370 Prawdopodobnie mają niektóre zdjęć w gdzieś. 920 00:46:05,370 --> 00:46:08,332 >> Mamy tu jakiś fajny styl. 921 00:46:08,332 --> 00:46:10,040 To jest następna rzecz mamy zamiar zrobić. 922 00:46:10,040 --> 00:46:14,580 Więc styl, gdy widzisz te Uchwyty stylu, to CSS zasadzie. 923 00:46:14,580 --> 00:46:15,880 Ben, nie masz pytanie? 924 00:46:15,880 --> 00:46:16,880 >> Publiczność: Co to jest div? 925 00:46:16,880 --> 00:46:20,039 >> ALLISON Buchholtz-AU: div tylko A-- co jest div? 926 00:46:20,039 --> 00:46:20,830 PUBLICZNOŚCI: Division. 927 00:46:20,830 --> 00:46:22,121 ALLISON Buchholtz-AU: Division. 928 00:46:22,121 --> 00:46:25,960 Tak, to jak oddzielania różnych elementów. 929 00:46:25,960 --> 00:46:28,650 OK, więc tutaj jest to, co jesteśmy pójdzie do następnego. 930 00:46:28,650 --> 00:46:31,550 Więc może to nie być najlepszym styl, ponieważ, jeśli zauważysz 931 00:46:31,550 --> 00:46:37,681 mamy HTML i styl w tej samej stronie, i naprawdę chcesz, aby oddzielić tych, 932 00:46:37,681 --> 00:46:38,180 OK? 933 00:46:38,180 --> 00:46:41,620 I rzeczywiście, niech mnie otworzyć swój właściwy 934 00:46:41,620 --> 00:46:45,990 bo to ma być PDF, więc mamy style.css. 935 00:46:45,990 --> 00:46:51,210 >> Więc co możemy zrobić, to tu jest są fajne rzeczy jak jakiś znikną 936 00:46:51,210 --> 00:46:55,550 i mogliśmy spróbować to zrobić, ale czuję jak bym bałagan, że się w locie, 937 00:46:55,550 --> 00:46:58,520 więc zachęcam was do go spróbować na własną rękę, 938 00:46:58,520 --> 00:47:00,310 ale ja nie zamierzam tego robić teraz. 939 00:47:00,310 --> 00:47:03,790 Jeśli więc wy, należy pamiętać, jeśli kiedykolwiek uderzył zestaw problemów, 940 00:47:03,790 --> 00:47:05,584 podlatuje na coś z boku. 941 00:47:05,584 --> 00:47:08,000 Ma do czynienia z wyciszeniem i Przejście i etażerka. 942 00:47:08,000 --> 00:47:09,630 >> Grupa docelowa: I to wszystko, CSS i HTML? 943 00:47:09,630 --> 00:47:11,460 >> ALLISON Buchholtz-AU: Wszystkie CSS i HTML. 944 00:47:11,460 --> 00:47:12,420 Tak. 945 00:47:12,420 --> 00:47:17,720 Więc można zrobić naprawdę dużo fajne rzeczy z CSS i HTML. 946 00:47:17,720 --> 00:47:22,280 Więc z naszej niesamowite króliczek strona tutaj, my 947 00:47:22,280 --> 00:47:25,240 zamiar zrobić trochę trochę CSS stylizacji z nim. 948 00:47:25,240 --> 00:47:28,850 >> Więc jeśli kiedykolwiek ma styl Arkusz, który mamy tutaj, 949 00:47:28,850 --> 00:47:30,550 można po prostu zadzwonić style.css. 950 00:47:30,550 --> 00:47:32,090 Można nazwać to, co chcesz. 951 00:47:32,090 --> 00:47:37,110 Co ważne jest to, że mamy zamiar odwołać go w naszym web.html tutaj. 952 00:47:37,110 --> 00:47:41,670 >> Więc to, co mamy zamiar zrobić, to we-- więc nie bałagan to up-- 953 00:47:41,670 --> 00:47:46,180 mamy zamiar połączyć te dwa pliki razem. 954 00:47:46,180 --> 00:47:49,340 Tak więc w tym samym way-- idę wyciągnąć analogię do C tutaj. 955 00:47:49,340 --> 00:47:53,510 W taki sam sposób, jeśli niektóre library-- i mamy cs50.h-- 956 00:47:53,510 --> 00:47:55,520 nasz kompilator łączy go. 957 00:47:55,520 --> 00:47:58,040 To jest po prostu jawne Link z naszej strony. 958 00:47:58,040 --> 00:48:01,840 Tak więc w taki sam sposób, to zrobić hash to jakiś plik, co 959 00:48:01,840 --> 00:48:06,890 Mam zamiar napisać jest po prostu HTML / CSS odpowiednik tego. 960 00:48:06,890 --> 00:48:11,970 >> Jesteśmy po prostu mówiąc: OK, to stronę internetową zamierza wykorzystać arkusz stylów, OK? 961 00:48:11,970 --> 00:48:23,360 Więc mamy link rel równy arkusza stylów. 962 00:48:23,360 --> 00:48:30,870 A potem mamy typ, css. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 A potem href równa. 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 Więc to wszystko nie jest można tutaj myśleć o tym, jak to samo 968 00:48:45,680 --> 00:48:47,550 jako hash to. 969 00:48:47,550 --> 00:48:53,450 Oczywiście wygląda to trochę więcej skomplikowany, ale we wszystkich przypadkach 970 00:48:53,450 --> 00:48:55,370 to skutecznie samo. 971 00:48:55,370 --> 00:49:00,940 Więc to tylko niektóre powiązanie arkusz stylów, to typu text / css, 972 00:49:00,940 --> 00:49:02,875 i to jest nazwa style.css. 973 00:49:02,875 --> 00:49:05,560 >> Co jest ważne, aby wiedzieć, jest to, że na stronie internetowej 974 00:49:05,560 --> 00:49:09,155 że pracuję w prawo now-- web.html i style.css-- są w tym samym folderze. 975 00:49:09,155 --> 00:49:14,740 Ponieważ w różnych folderach, trzeba dać rzeczywiste korzenie 976 00:49:14,740 --> 00:49:17,480 na to czy ścieżka do niego. 977 00:49:17,480 --> 00:49:20,620 Ale w tym przypadku mamy do utrzymania go super proste i będzie tutaj. 978 00:49:20,620 --> 00:49:26,730 Więc jeśli to zrobimy, mam pewne rzeczy już w kolejce tutaj. 979 00:49:26,730 --> 00:49:31,680 >> Więc mamy trochę ciała, które się dzieje aby nasz kolor tła, które 980 00:49:31,680 --> 00:49:33,320 teraz jest niebieski. 981 00:49:33,320 --> 00:49:36,850 Możemy go zmienić, jeśli chcemy, ale jeśli dobrze pamiętam to poprawnie, 982 00:49:36,850 --> 00:49:39,270 Należy po prostu zmienić na jasnoniebieski. 983 00:49:39,270 --> 00:49:42,050 A teraz mamy światło niebieskie tło. 984 00:49:42,050 --> 00:49:47,490 I mieliśmy here-- ktoś pamięta który z nich jest ID krzyżyka lub klasy? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> Publiczność: ID. 987 00:49:51,080 --> 00:49:51,800 >> ALLISON Buchholtz-AU: ID. 988 00:49:51,800 --> 00:49:52,420 Fajne. 989 00:49:52,420 --> 00:49:58,920 Więc to, co chcemy zrobić to, które z tych czcionek 990 00:49:58,920 --> 00:50:01,534 lub which-- chcemy "Spójrz na Cute bunny "jest fioletowy? 991 00:50:01,534 --> 00:50:02,950 Myślę, że chcą, że się fioletowy. 992 00:50:02,950 --> 00:50:04,640 Jestem w dół, że jest fioletowy. 993 00:50:04,640 --> 00:50:08,790 >> Więc co można zrobić, to zrobić ID equals-- w tym przypadku 994 00:50:08,790 --> 00:50:13,630 Powiedziałem, co, ładny kolor tutaj. 995 00:50:13,630 --> 00:50:14,780 Mamy przeładować. 996 00:50:14,780 --> 00:50:17,460 Nagle, to fioletowy. 997 00:50:17,460 --> 00:50:20,680 OK, więc z ID, należy pamiętać, musi być unikatowa 998 00:50:20,680 --> 00:50:24,370 więc nie powinno być za pomocą identyfikator ten nigdzie indziej. 999 00:50:24,370 --> 00:50:27,760 Ale z klasą, jak mamy tutaj z ładną czcionką, 1000 00:50:27,760 --> 00:50:30,300 Powinienem być w stanie używać że gdziekolwiek chcę. 1001 00:50:30,300 --> 00:50:33,160 >> Więc zróbmy to jeden tutaj. 1002 00:50:33,160 --> 00:50:41,100 Można więc powiedzieć, klasa równa ładną czcionkę. 1003 00:50:41,100 --> 00:50:46,190 A jeśli przyjrzymy się teraz, mamy fajny dość czcionki tutaj. 1004 00:50:46,190 --> 00:50:49,160 Więc może chcę zrobić jedno i drugie. 1005 00:50:49,160 --> 00:50:52,786 OK, tak naprawdę nie wiem, czy jest to będzie działać, ale chcę spróbować. 1006 00:50:52,786 --> 00:50:54,410 I to jest, jak się uczyć CSS i HTML. 1007 00:50:54,410 --> 00:50:55,660 Jesteś jak, wiesz, co, chcę spróbować. 1008 00:50:55,660 --> 00:50:56,430 Nie jestem pewien, czy to będzie działać. 1009 00:50:56,430 --> 00:50:57,346 Zobaczymy, czy to działa. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> I spojrzeć na to. 1012 00:51:01,540 --> 00:51:04,540 Teraz jest w fioletowy i to całkiem czcionki. 1013 00:51:04,540 --> 00:51:08,692 OK, więc masz wszystko różne rzeczy można zrobić. 1014 00:51:08,692 --> 00:51:09,650 Czy masz pytanie? 1015 00:51:09,650 --> 00:51:10,275 >> Publiczność: Tak. 1016 00:51:10,275 --> 00:51:13,280 Cóż, tak jak kolory używasz są słowa. 1017 00:51:13,280 --> 00:51:16,005 Czy istnieje sposób na kolory z szesnastkowym RGB? 1018 00:51:16,005 --> 00:51:18,880 ALLISON Buchholtz-AU: Można również zrobić z szesnastkowe wierzę. 1019 00:51:18,880 --> 00:51:19,803 Tak. 1020 00:51:19,803 --> 00:51:22,136 Ale to miłe, jeśli Ciebie nie chce szukać ich. 1021 00:51:22,136 --> 00:51:23,762 Możesz po prostu być jak, fioletowy lub niebieski. 1022 00:51:23,762 --> 00:51:25,720 Publiczność: Miejmy nadzieję, że wiesz co to znaczy. 1023 00:51:25,720 --> 00:51:26,886 ALLISON Buchholtz-AU: Prawo. 1024 00:51:26,886 --> 00:51:29,580 Więc zróbmy to czytać lub Chartreuse. 1025 00:51:29,580 --> 00:51:32,060 Dlaczego to zawsze wybrać Chartreuse? 1026 00:51:32,060 --> 00:51:33,340 To ciekawy kolor. 1027 00:51:33,340 --> 00:51:37,355 >> OK, więc oczywiście my widzimy może zmienić ten stan rzeczy jednak chcemy. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Jeśli chciałeś create-- powiedzmy chcieliśmy stworzyć kolejną klasę. 1030 00:51:45,392 --> 00:51:46,850 Co może chcecie zmienić? 1031 00:51:46,850 --> 00:51:51,840 Jeśli W3Schools "Pull Up Dokumentacja CSS 1032 00:51:51,840 --> 00:51:54,450 Zostawiam głosu was. 1033 00:51:54,450 --> 00:51:57,990 Możemy spróbować i zrobić coś fajnego z to w ciągu ostatnich kilku minut. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Ponieważ mam trochę wam Crash Course na wiele fajnych rzeczy 1036 00:52:03,150 --> 00:52:03,970 że można to zrobić. 1037 00:52:03,970 --> 00:52:09,956 Ale w końcu, jak powiedziałem, jeśli Ciebie tylko eksperyment, dowiesz się dużo. 1038 00:52:09,956 --> 00:52:12,212 >> Publiczność: Czy patrzeć tej czcionki? 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON Buchholtz-AU: Tak, Spojrzałem tej czcionki. 1040 00:52:14,295 --> 00:52:17,200 Tak jak dosłownie, ja poszedł to-- co ja zrobiłem? 1041 00:52:17,200 --> 00:52:22,371 Zrobiłem listę czcionek CSS i potem zrobiłam stos czcionki, 1042 00:52:22,371 --> 00:52:25,120 i ja na to patrzeć, tutaj Fajne są wszystkie czcionki, które możesz zrobić. 1043 00:52:25,120 --> 00:52:28,180 I to był ten jeden, tak Skopiowałem go do mojego schowka. 1044 00:52:28,180 --> 00:52:31,820 A potem było jak, OK, fajnie, nie idziemy. 1045 00:52:31,820 --> 00:52:32,320 Wszystko zrobione. 1046 00:52:32,320 --> 00:52:35,920 >> Publiczność: Tak to trzeba upewnić się, że wie, co to CSS czcionki. 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON Buchholtz-AU: Tak. 1048 00:52:37,370 --> 00:52:38,190 >> Publiczność: Co to znaczy w końcu? 1049 00:52:38,190 --> 00:52:38,790 Kursywą? 1050 00:52:38,790 --> 00:52:40,040 >> ALLISON Buchholtz-AU: Cursive. 1051 00:52:40,040 --> 00:52:40,950 Tak. 1052 00:52:40,950 --> 00:52:42,310 >> Publiczność: Tło obrazu. 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON Buchholtz-AU: Tło obrazu. 1054 00:52:43,290 --> 00:52:44,180 OK. 1055 00:52:44,180 --> 00:52:46,490 Więc chcesz mi powiedzieć, jak to zrobić. 1056 00:52:46,490 --> 00:52:47,390 Zostawiam to do Ciebie. 1057 00:52:47,390 --> 00:52:49,070 Jestem po prostu wpisując się tutaj. 1058 00:52:49,070 --> 00:52:51,714 Koło jest w twoich rękach. 1059 00:52:51,714 --> 00:52:52,660 >> Publiczność: OK 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON Buchholtz-AU: OK. 1061 00:52:53,701 --> 00:52:54,720 Co ja robię? 1062 00:52:54,720 --> 00:53:02,929 >> Publiczność: Doing-- wiem co przychodzi po nawias klamrowy. 1063 00:53:02,929 --> 00:53:03,970 ALLISON Buchholtz-AU: OK. 1064 00:53:03,970 --> 00:53:06,707 Więc prawdopodobnie w organizmie, ja by zakładać, bo jesteśmy 1065 00:53:06,707 --> 00:53:08,040 robi z obrazem w tle. 1066 00:53:08,040 --> 00:53:08,940 >> Publiczność: Tak, zróbmy to. 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON Buchholtz-AU: OK. 1068 00:53:09,981 --> 00:53:14,260 Publiczność: OK, więc w tle jelita grubego, a potem 1069 00:53:14,260 --> 00:53:16,894 Potrzebuję adres URL tego obrazu. 1070 00:53:16,894 --> 00:53:18,560 Może pseudo-kod, który teraz, być może. 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON Buchholtz-AU: Co nie lubisz mnie to-- 1072 00:53:20,601 --> 00:53:22,574 Publiczność: Myślę jak GIF. 1073 00:53:22,574 --> 00:53:23,740 ALLISON Buchholtz-AU: GIF? 1074 00:53:23,740 --> 00:53:26,070 To będzie ciekawe. 1075 00:53:26,070 --> 00:53:27,840 OK, co ja googlowania tutaj? 1076 00:53:27,840 --> 00:53:29,670 >> Publiczność: Nie, to jest Twój wybór. 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON Buchholtz-AU: Dlaczego nie we-- czy to króliczek, 1078 00:53:32,090 --> 00:53:35,610 Czuję, że powinniśmy mieć ładne trawiaste trawnik czy coś. 1079 00:53:35,610 --> 00:53:38,275 >> Publiczność: Łąka. 1080 00:53:38,275 --> 00:53:39,350 Łąka. 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON Buchholtz-AU: łąka? 1082 00:53:40,641 --> 00:53:41,851 OK. 1083 00:53:41,851 --> 00:53:42,975 Publiczność: A Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON Buchholtz-AU: Ten wygląda całkiem. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Och, to jest mały, choć. 1088 00:53:50,380 --> 00:53:51,700 Musimy obraz dobry rozmiar. 1089 00:53:51,700 --> 00:53:53,142 Zobaczmy. 1090 00:53:53,142 --> 00:53:54,570 Och, spójrz. 1091 00:53:54,570 --> 00:53:55,630 To dość łąka. 1092 00:53:55,630 --> 00:53:58,320 Wiesz co, mi się podoba. 1093 00:53:58,320 --> 00:53:59,300 Załóżmy, skopiuj ten jeden. 1094 00:53:59,300 --> 00:54:08,020 >> Publiczność: OK, więc myślę, że to Adres URL, otwarte nawiasy. 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON Buchholtz-AU: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> Publiczność: Wtedy adres. 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON Buchholtz-AU: OK. 1098 00:54:13,610 --> 00:54:14,750 Jest to, że wszystko, czego potrzebujemy? 1099 00:54:14,750 --> 00:54:20,550 >> PUBLICZNOŚCI: Zamknij nawiasy średnik, i przestrzeń, tło myślnik 1100 00:54:20,550 --> 00:54:27,050 mocowanie stałe dwukropek i nawias klamrowy. 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON Buchholtz-AU: OK. 1102 00:54:28,110 --> 00:54:29,114 Zobaczymy, czy to działa. 1103 00:54:29,114 --> 00:54:30,780 To będzie całkiem fajnie, jeśli to robi. 1104 00:54:30,780 --> 00:54:33,880 Jestem prawdziwym podekscytowany tutaj. 1105 00:54:33,880 --> 00:54:35,070 To nie działa. 1106 00:54:35,070 --> 00:54:35,700 Zastanawiam się, dlaczego. 1107 00:54:35,700 --> 00:54:37,700 Publiczność: Może URL musi być w notowaniach. 1108 00:54:37,700 --> 00:54:38,866 ALLISON Buchholtz-AU: Być może. 1109 00:54:38,866 --> 00:54:41,520 I tak dowiadujemy się, chłopaki. 1110 00:54:41,520 --> 00:54:44,340 >> Publiczność: Czy możemy mieć tło kolor i obraz tła? 1111 00:54:44,340 --> 00:54:45,390 >> Publiczność: Nie. 1112 00:54:45,390 --> 00:54:46,550 Jeden zastępuje drugiego. 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON Buchholtz-AU: Nie wiem. 1114 00:54:46,960 --> 00:54:47,460 Zobaczmy. 1115 00:54:47,460 --> 00:54:48,860 Zróbmy to sprawdzić i zobaczyć. 1116 00:54:48,860 --> 00:54:51,567 >> PUBLICZNOŚCI: Oh, może, tak. 1117 00:54:51,567 --> 00:54:52,400 [Wstawienie GŁOSY] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON Buchholtz-AU: OK, to jest obviously-- I [niesłyszalne] tutaj. 1120 00:55:03,260 --> 00:55:04,927 Więc OK. 1121 00:55:04,927 --> 00:55:06,260 Publiczność: przywiązanie tło. 1122 00:55:06,260 --> 00:55:07,301 ALLISON Buchholtz-AU: Ach. 1123 00:55:07,301 --> 00:55:12,096 1124 00:55:12,096 --> 00:55:13,946 >> Publiczność: OK, nie wiem. 1125 00:55:13,946 --> 00:55:16,070 ALLISON Buchholtz-AU: To wygląda jak to powinno działać. 1126 00:55:16,070 --> 00:55:19,074 Czy jesteś pewien, że to dwukropek po URL? 1127 00:55:19,074 --> 00:55:20,439 >> Publiczność: Nie, nie jest to średnik. 1128 00:55:20,439 --> 00:55:21,980 ALLISON Buchholtz-AU: To średnik. 1129 00:55:21,980 --> 00:55:22,530 Publiczność: Czy mogę powiedzieć dwukropek? 1130 00:55:22,530 --> 00:55:24,155 ALLISON Buchholtz-AU: Powiedziałeś dwukropek. 1131 00:55:24,155 --> 00:55:26,222 Publiczność: O nie. 1132 00:55:26,222 --> 00:55:27,680 ALLISON Buchholtz-AU: Proszę bardzo. 1133 00:55:27,680 --> 00:55:29,350 PUBLICZNOŚCI: Oh, czekaj, teraz nie możemy przeczytać tekst. 1134 00:55:29,350 --> 00:55:30,320 ALLISON Buchholtz-AU: Teraz nie można przeczytać tekst, 1135 00:55:30,320 --> 00:55:32,740 ale mamy obraz tła. 1136 00:55:32,740 --> 00:55:33,300 MMHMM? 1137 00:55:33,300 --> 00:55:35,220 >> Publiczność: Czy HTML wspieranie dynamicznej zawartości? 1138 00:55:35,220 --> 00:55:39,070 Jak, można zmienić rozmiar, że obraz w zależności od rozmiaru okna, 1139 00:55:39,070 --> 00:55:39,890 lub jest to, że w CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON Buchholtz-AU: Więc CSS ma to zrobić. 1141 00:55:41,723 --> 00:55:45,210 Więc jeśli jesteście zainteresowani w nauce zaawansowanych CSS, 1142 00:55:45,210 --> 00:55:50,789 Ja co-nauczanie seminarium na temat CSS na 7. 1143 00:55:50,789 --> 00:55:52,580 I obiecuję, że będzie o wiele bardziej w głębi 1144 00:55:52,580 --> 00:55:55,220 i wiele więcej fajne rzeczy w tym dziale. 1145 00:55:55,220 --> 00:55:59,234 A mój co-nauczyciel jest jak Łączna przód web master dev. 1146 00:55:59,234 --> 00:56:02,150 Więc to będzie całkiem fajne, jeśli chcesz aby dowiedzieć się o wszystkich fajnych rzeczy 1147 00:56:02,150 --> 00:56:03,960 że CSS może zrobić. 1148 00:56:03,960 --> 00:56:06,860 >> Ale co my tu mamy z jego przywiązanie tło 1149 00:56:06,860 --> 00:56:13,330 fixed-- więc niektóre stałe size-- ale rzeczywiście można dynamically-- 1150 00:56:13,330 --> 00:56:17,610 Jeśli kiedykolwiek znajdziesz na stronach internetowych, jak większość dobrych stron internetowych zrobi, 1151 00:56:17,610 --> 00:56:19,470 podczas regulacji Wielkość przeglądarce 1152 00:56:19,470 --> 00:56:23,980 dostosowuje tło lub ile pokazuje lub sformatowanie rzeczy, prawda? 1153 00:56:23,980 --> 00:56:27,100 Więc to, co nazywamy pozycjonowanie względne. 1154 00:56:27,100 --> 00:56:33,410 >> I CSS może faktycznie złapać jak duże szerokość przeglądarki jest i jak wysoki jest, 1155 00:56:33,410 --> 00:56:37,970 i można umieścić rzeczy w zależności od względnych rozmiarów 1156 00:56:37,970 --> 00:56:40,420 w porównaniu do wielkości absolutnych. 1157 00:56:40,420 --> 00:56:44,920 I to jest oczywiście bardziej zaawansowana CSS, ale to jest coś, co możesz zrobić. 1158 00:56:44,920 --> 00:56:47,390 Jeśli chcesz dowiedzieć się więcej, przyjdź do mojego seminarium. 1159 00:56:47,390 --> 00:56:50,540 >> Tak, że jest coś, co możesz zrobić. 1160 00:56:50,540 --> 00:56:54,450 Może faktycznie i CSS do-- CSS i JavaScript, 1161 00:56:54,450 --> 00:56:58,790 którym zajmiemy się w przyszłym week-- może zezwolić, aby dynamicznie zmieniać 1162 00:56:58,790 --> 00:57:02,160 stron, bez konieczności załaduj je cały czas. 1163 00:57:02,160 --> 00:57:04,590 I masz zrobić kilka całkiem fajne rzeczy. 1164 00:57:04,590 --> 00:57:09,317 >> Więc jest tam jeszcze jedna rzecz że chłopaki mogą chcieć zrobić 1165 00:57:09,317 --> 00:57:10,650 lub cokolwiek chcesz zwiedzić? 1166 00:57:10,650 --> 00:57:12,900 Mamy 10 minut przed końcem. 1167 00:57:12,900 --> 00:57:19,010 Możemy również wyjść wcześniej, ale jeśli chcesz zrobić trochę więcej internetową rzeczy, 1168 00:57:19,010 --> 00:57:20,960 możemy, ale nie jestem zmusi cię do. 1169 00:57:20,960 --> 00:57:23,510 Ale można też po prostu jeść słodycze. 1170 00:57:23,510 --> 00:57:25,760 Publiczność: Zaznacz tekst biały, dzięki czemu można go odczytać. 1171 00:57:25,760 --> 00:57:27,680 ALLISON Buchholtz-AU: OK. 1172 00:57:27,680 --> 00:57:33,389 Więc w tym przypadku, chcemy trochę p. 1173 00:57:33,389 --> 00:57:36,305 Publiczność: powinniśmy zrobić to w Ciało więc odnosi się do całej strony? 1174 00:57:36,305 --> 00:57:38,096 ALLISON Buchholtz-AU: Tak, możemy rzeczywiście. 1175 00:57:38,096 --> 00:57:40,880 To dobry pomysł. 1176 00:57:40,880 --> 00:57:43,420 Więc have-- robimy wam wiedzieć, co powinniśmy? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Nie wiem, czy możemy zrobić kolor tekstu. 1179 00:57:50,260 --> 00:57:54,946 Chciałem spróbować stworzyć tutaj innej klasy. 1180 00:57:54,946 --> 00:57:58,394 >> Odbiorcy: Jak uzyskać tak że ma propozycje? 1181 00:57:58,394 --> 00:58:00,560 ALLISON Buchholtz-AU: Tak jeśli jesteście zainteresowani, 1182 00:58:00,560 --> 00:58:03,480 jest to kolejny tekst redaktor nazywa wzniosłe. 1183 00:58:03,480 --> 00:58:07,180 Powinieneś być w stanie zainstalować ją na swoim urządzeniu. 1184 00:58:07,180 --> 00:58:08,659 Czasami robi się trochę skomplikowane. 1185 00:58:08,659 --> 00:58:10,950 Jeśli chcesz pomóc, Jestem bardzo szczęśliwy, aby pomóc 1186 00:58:10,950 --> 00:58:14,720 z nim, bo jest wielki i gedit to niesamowite, ponieważ można go skompilować 1187 00:58:14,720 --> 00:58:17,790 od spodu, ale rzeczywiście jak Sublime, ponieważ jest to dość 1188 00:58:17,790 --> 00:58:19,498 i robi rzeczy jak autouzupełniania. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Więc na pewno można poczuć się swobodnie daj mi znać, jeśli chcesz to zrobić. 1191 00:58:26,890 --> 00:58:28,940 Jeśli po prostu google "Sublime tekst ", to zazwyczaj 1192 00:58:28,940 --> 00:58:32,860 ma instrukcje jak zainstalować od różnych systemów operacyjnych. 1193 00:58:32,860 --> 00:58:37,590 To jest naprawdę fajne, ja myślę, w mojej opinii. 1194 00:58:37,590 --> 00:58:38,355 Tak więc p. 1195 00:58:38,355 --> 00:58:45,616 Myślę, że mogę po prostu zrobić text-- lub możemy po prostu zrobić kolor "biały". 1196 00:58:45,616 --> 00:58:47,050 Nie. 1197 00:58:47,050 --> 00:58:50,770 >> Więc co zrobiłem, jest to, że ja nie zmienić cały tekst. 1198 00:58:50,770 --> 00:58:54,040 Ale p tutaj jest tylko tag, że mamy, prawda? 1199 00:58:54,040 --> 00:58:55,450 Ten znacznik ust. 1200 00:58:55,450 --> 00:59:00,380 Więc po prostu stworzony element CSS, który powiedział: OK, nic z tego tagu 1201 00:59:00,380 --> 00:59:02,510 p, aby kolor biały. 1202 00:59:02,510 --> 00:59:05,690 >> Więc jeśli zauważył, to zrobiło to białe i to białe. 1203 00:59:05,690 --> 00:59:09,100 To nie miało biały, ponieważ nasza lista nie jest to związane z tym. 1204 00:59:09,100 --> 00:59:11,180 Można przejść i można say-- 1205 00:59:11,180 --> 00:59:11,860 >> Publiczność: Czy kolor tła. 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON Buchholtz-AU: kolor tła? 1207 00:59:12,660 --> 00:59:15,660 >> Publiczność: Tło rury w Kolor, gdzie można umieścić znacznik p. 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 Chcesz to białe? 1211 00:59:22,804 --> 00:59:23,470 Publiczność: MMHMM. 1212 00:59:23,470 --> 00:59:25,070 ALLISON Buchholtz-AU: OK. 1213 00:59:25,070 --> 00:59:26,342 Proszę bardzo. 1214 00:59:26,342 --> 00:59:27,300 Publiczność: To dziwne. 1215 00:59:27,300 --> 00:59:29,190 ALLISON Buchholtz-AU: Całkiem fajne, prawda? 1216 00:59:29,190 --> 00:59:31,640 Więc jeśli po prostu poeksperymentować, masz zamiar dowiedzieć się wiele. 1217 00:59:31,640 --> 00:59:34,720 I to może być całkiem fajne. 1218 00:59:34,720 --> 00:59:37,312 Myślę, że to na pewno więcej satysfakcjonujące niż czasem 1219 00:59:37,312 --> 00:59:39,770 bo nie trzeba czekać przez program do kompilacji. 1220 00:59:39,770 --> 00:59:41,895 Możesz po prostu naciśnij Odśwież i jesteś jak, o, popatrz, 1221 00:59:41,895 --> 00:59:44,276 pracował, lub o, jestem chyba czegoś brakuje. 1222 00:59:44,276 --> 00:59:47,359 I to jest coś, co jest naprawdę fajne o tej kolejnej części klasy, 1223 00:59:47,359 --> 00:59:49,250 Jest to na pewno, że myślę, łatwiej sprawdzić 1224 00:59:49,250 --> 00:59:52,640 jak przejść po drodze w porównaniu konieczności pisania programów te długie 1225 00:59:52,640 --> 00:59:57,830 i chcąc i modląc który działa na końcu. 1226 00:59:57,830 --> 01:00:01,960 >> Więc z tym, myślę, że wy wszystko wydaje dobre. 1227 01:00:01,960 --> 01:00:05,360 Jeśli masz jakieś pytania, jak zawsze, się mówić do mnie, przyszedł dać mi znać. 1228 01:00:05,360 --> 01:00:08,180 Będę tuż w ciągu kolejnych 15 minut 1229 01:00:08,180 --> 01:00:11,340 jeśli chcesz porozmawiać o cokolwiek i wszystko. 1230 01:00:11,340 --> 01:00:13,530 >> Więc mam nadzieję, że guys-- Powodzenia z tym Pset. 1231 01:00:13,530 --> 01:00:18,150 Termin jest piątek w południe ponieważ został wydany późno. 1232 01:00:18,150 --> 01:00:21,220 Więc będę prawdopodobnie widząc Wielu z was w czwartek, 1233 01:00:21,220 --> 01:00:21,970 ale mam nadzieję, że nie. 1234 01:00:21,970 --> 01:00:23,386 Być może będziesz musiał to zrobić wtedy. 1235 01:00:23,386 --> 01:00:24,440 Byłbym bardzo dumny. 1236 01:00:24,440 --> 01:00:26,410 >> Ale jeśli nie, będę cię widzieć w czwartek. 1237 01:00:26,410 --> 01:00:30,030 Możesz również skorzystać z późnego terminu, który rozciąga się do soboty w południe. 1238 01:00:30,030 --> 01:00:31,730 Ale don't-- co? 1239 01:00:31,730 --> 01:00:32,580 >> Publiczność: Halloween. 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON Buchholtz-AU: To Halloween, A i B, 1241 01:00:34,538 --> 01:00:37,050 Nie sądzę, że nie będzie być biurowe godzin na piątek. 1242 01:00:37,050 --> 01:00:40,920 Więc naprawdę spróbować i zrobić to przez Piątek, tak, że wszyscy możemy świętować 1243 01:00:40,920 --> 01:00:42,010 Hallow weekendu. 1244 01:00:42,010 --> 01:00:44,670 Dobra, ja zobaczę was w przyszłym tygodniu. 1245 01:00:44,670 --> 01:00:45,888