1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [Música tocando] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON Buchholtz-AU: Tudo bem, todos. 5 00:00:12,540 --> 00:00:13,860 Bem-vindo de volta à seção. 6 00:00:13,860 --> 00:00:19,559 Portanto, a nossa agenda para hoje está acontecendo sobre muito mais coisas dev web. 7 00:00:19,559 --> 00:00:21,600 Eu não sei quantos de você já viu suas Série de Exercícios 8 00:00:21,600 --> 00:00:24,414 desde que foi lançado no início desta manhã. 9 00:00:24,414 --> 00:00:26,330 Eu faria como quantos pessoas leram a especificação, 10 00:00:26,330 --> 00:00:29,910 mas vendo como você teve tudo de, como, sete horas de olhar para ele 11 00:00:29,910 --> 00:00:31,910 e é uma segunda-feira e Você provavelmente já teve classe, 12 00:00:31,910 --> 00:00:34,160 Eu estou indo supor que a maioria de vocês não tem. 13 00:00:34,160 --> 00:00:37,170 Se você tiver, elogios extras. 14 00:00:37,170 --> 00:00:39,400 >> Você está basicamente ajudando implementar uma simples web 15 00:00:39,400 --> 00:00:43,270 servidor em C, que é uma marca nova pset, para que vocês conseguem ser as cobaias. 16 00:00:43,270 --> 00:00:49,730 Vai ser uma diversão, semana selvagem, mas eu acho que vai ser muito divertido 17 00:00:49,730 --> 00:00:52,260 e vai ser realmente um boa experiência na verdade. 18 00:00:52,260 --> 00:00:54,920 Então, para se preparar para que, na secção de hoje, 19 00:00:54,920 --> 00:01:00,940 nós estamos indo para ir chmod, TCP / IP, e em seguida, um pouco de HTML e CSS. 20 00:01:00,940 --> 00:01:05,080 >> No final, nós vamos realmente código uma página web simples juntos 21 00:01:05,080 --> 00:01:09,042 para ajudar vocês tipo de obter mais familiarizados com isso. 22 00:01:09,042 --> 00:01:11,750 E então se você ainda não pegou seus testes, eles estão na frente, 23 00:01:11,750 --> 00:01:14,890 mas eu tenho certeza que todo mundo aqui tem seu quiz. 24 00:01:14,890 --> 00:01:17,880 E também nessa nota, soluções não estão ainda, 25 00:01:17,880 --> 00:01:21,490 mas, logo que finish-- gosta, o últimos pessoas que tomam sua quizzes-- 26 00:01:21,490 --> 00:01:22,280 eles vão ser para cima. 27 00:01:22,280 --> 00:01:24,630 Se você tiver alguma dúvida Entretanto, 28 00:01:24,630 --> 00:01:26,240 fique à vontade para me enviar e-mail, pessoalmente. 29 00:01:26,240 --> 00:01:30,700 Vou responder com sua pessoa perguntas, como sempre faço. 30 00:01:30,700 --> 00:01:33,890 >> Então, nessa nota, chmod. 31 00:01:33,890 --> 00:01:36,390 Então, basicamente, tudo o que você precisa saber sobre o chmod 32 00:01:36,390 --> 00:01:39,620 é que ele é usado para alterar permissões de arquivos, certo? 33 00:01:39,620 --> 00:01:44,050 Portanto, é apenas alguns sistemas chamá-lo de alterar as permissões, como se diz aqui. 34 00:01:44,050 --> 00:01:48,540 E se você quiser ver quais permissões um arquivo tem, 35 00:01:48,540 --> 00:01:52,240 em vez de apenas fazer ls, você poderia fazer ls -l. 36 00:01:52,240 --> 00:01:54,010 l fica por muito tempo. 37 00:01:54,010 --> 00:01:56,460 >> Então você vai fazer longas listas de tudo, e 38 00:01:56,460 --> 00:02:02,080 vai lhe dar muito mais detalhado informações sobre cada um dos seus arquivos. 39 00:02:02,080 --> 00:02:05,540 E você vai ver que eu sou something-- vai pular para um second-- 40 00:02:05,540 --> 00:02:08,910 mas você vai ver algo semelhante a que a linha superior há para cada arquivo. 41 00:02:08,910 --> 00:02:11,560 E nós vamos passar o que isso significa. 42 00:02:11,560 --> 00:02:15,260 >> Então, basicamente, para mudar suas permissões de arquivo, 43 00:02:15,260 --> 00:02:16,850 você só quer usar chmod. 44 00:02:16,850 --> 00:02:23,620 Você pode pensar nisso como qualquer outra UNIX chamar como ls ou cd ou outros enfeites. 45 00:02:23,620 --> 00:02:25,540 É apenas uma espécie de outra chamada como. 46 00:02:25,540 --> 00:02:30,530 >> Então nós fazemos chmod e então nós vamos ter três dígitos normalmente. 47 00:02:30,530 --> 00:02:33,570 Existem algumas maneiras de fazer ele, um dos quais nós falaremos sobre. 48 00:02:33,570 --> 00:02:37,650 Mas, normalmente, você terá três dígitos que variam de 0 a 7 de cada vez. 49 00:02:37,650 --> 00:02:43,530 >> Então, uma coisa é que há três diferentes permissões 50 00:02:43,530 --> 00:02:45,510 que podemos dar a cada arquivo. 51 00:02:45,510 --> 00:02:49,480 E é legível, o que é representado por r, que vai fazer sentido 52 00:02:49,480 --> 00:02:54,020 em um pouco; w, que é gravável; e executável, que é x. 53 00:02:54,020 --> 00:02:57,630 Eu sei que o e um, executável, talvez não o mais sentido, mas nós 54 00:02:57,630 --> 00:02:59,120 representá-lo com x. 55 00:02:59,120 --> 00:03:05,290 >> E então o que acontece é cada um destes também tem a representação número. 56 00:03:05,290 --> 00:03:07,990 Então, nós temos 1, 2 e 4. 57 00:03:07,990 --> 00:03:12,060 E, basicamente, o que acontece é cada um destes três números 58 00:03:12,060 --> 00:03:17,380 aqui corresponde a um conjunto diferente de usuários 59 00:03:17,380 --> 00:03:19,420 aqueles que dizem respeito à permissões. 60 00:03:19,420 --> 00:03:24,820 >> Então você pode pensar que o primeiro número corresponde ao utilizador real 61 00:03:24,820 --> 00:03:29,360 ou o dono do arquivo, o segundo número corresponderá ao grupo, 62 00:03:29,360 --> 00:03:33,590 eo último refere-se para o mundo, OK? 63 00:03:33,590 --> 00:03:39,995 Então, o que acontece é lembrar os Números de r é 4, w é 2, 64 00:03:39,995 --> 00:03:42,550 x é 1, certo? 65 00:03:42,550 --> 00:03:46,630 Isto-- se você somar os para cima, que lhe dá que o primeiro número 66 00:03:46,630 --> 00:03:48,600 que poderíamos entrada em nosso chmod. 67 00:03:48,600 --> 00:03:52,191 >> Portanto, neste caso, o que que este número ser? 68 00:03:52,191 --> 00:03:57,030 Seria 4 mais 2 mais 1, que é a 7, certo? 69 00:03:57,030 --> 00:03:59,250 E, neste caso, estes não tem nada, 70 00:03:59,250 --> 00:04:06,450 de modo que este aqui seria traduzir para chmod 700, OK? 71 00:04:06,450 --> 00:04:12,030 E o que isso faz é que concede todos dessas permissões para o seu usuário. 72 00:04:12,030 --> 00:04:14,400 >> Então isso significa que o nosso usuário podem fazer o que quiserem. 73 00:04:14,400 --> 00:04:15,400 Podem ler este arquivo. 74 00:04:15,400 --> 00:04:16,810 Eles podem executar este ficheiro. 75 00:04:16,810 --> 00:04:18,360 Eles podem escrever para este arquivo. 76 00:04:18,360 --> 00:04:23,545 Mas o grupo e para o mundo, não permissões de qualquer natureza, OK? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Assim, uma outra maneira de escrever que, nós podemos fazer chmod de três dígitos, cada um dos quais 79 00:04:32,680 --> 00:04:40,040 corresponde a qualquer que seja a soma ou que grupo específico é, subconjunto específico. 80 00:04:40,040 --> 00:04:44,870 Ou podemos fazer realmente outra coisa. 81 00:04:44,870 --> 00:04:45,590 Aguente. 82 00:04:45,590 --> 00:04:49,330 Podemos fazer alguma coisa com estes aqui. 83 00:04:49,330 --> 00:04:55,615 >> Quantos de vocês viu um exemplo onde como era chmod um plus x? 84 00:04:55,615 --> 00:04:58,070 Você viu que, na palestra, eu acho? 85 00:04:58,070 --> 00:05:00,610 Assim, uma suportes para todos. 86 00:05:00,610 --> 00:05:04,990 Significa dar a todos os usuários, que eu esqueci de colocar aqui. 87 00:05:04,990 --> 00:05:08,790 >> Mas uma vantagem x, se observar aqui, se fizermos 88 00:05:08,790 --> 00:05:13,420 para chmod-- o grupo que estamos falando mais as permissões 89 00:05:13,420 --> 00:05:14,660 queremos dar-lhes. 90 00:05:14,660 --> 00:05:16,120 Então, isso pode ser uma vantagem ou uma desvantagem. 91 00:05:16,120 --> 00:05:17,690 Além disso, acrescenta permissão. 92 00:05:17,690 --> 00:05:19,510 Minus tira permissão. 93 00:05:19,510 --> 00:05:22,520 Bastante intuitivo, eu acho. 94 00:05:22,520 --> 00:05:25,720 >> Assim, uma vantagem x significa chmod. 95 00:05:25,720 --> 00:05:32,260 Assim, alterar as permissões de todas as pessoas Se esta é uma autorização Adicionar A--. 96 00:05:32,260 --> 00:05:37,110 E x-- que significa que a permissão estamos concedendo todos. 97 00:05:37,110 --> 00:05:38,510 Ler, escrever ou executar? 98 00:05:38,510 --> 00:05:39,360 >> AUDIÊNCIA: Executar. 99 00:05:39,360 --> 00:05:40,610 >> ALLISON Buchholtz-AU: Executar. 100 00:05:40,610 --> 00:05:46,080 Então, nós estamos dando a todos os usuários permissão para executar esse arquivo, OK? 101 00:05:46,080 --> 00:05:53,370 Então, o que se queria fazer que, com a forma numérica? 102 00:05:53,370 --> 00:05:56,290 Então lembre-se com numérico, queremos três números. 103 00:05:56,290 --> 00:05:56,790 >> AUDIÊNCIA: 4. 104 00:05:56,790 --> 00:05:58,290 ALLISON Buchholtz-AU: O que foi isso? 105 00:05:58,290 --> 00:05:59,260 AUDIÊNCIA: 4. 106 00:05:59,260 --> 00:06:00,426 ALLISON Buchholtz-AU: Não 4. 107 00:06:00,426 --> 00:06:01,599 AUDIÊNCIA: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 ALLISON Buchholtz-AU: Bem, nós queremos para dar a todos os usuários, certo? 109 00:06:04,390 --> 00:06:07,442 Então, nós vamos ter um número em cada slot. 110 00:06:07,442 --> 00:06:09,400 Isso vai ser o mesmo número em cada slot 111 00:06:09,400 --> 00:06:13,800 porque nós só queremos dar todos permissões executáveis. 112 00:06:13,800 --> 00:06:16,480 Então executável é 1, mas no caminho certo. 113 00:06:16,480 --> 00:06:23,055 >> Então, se nós fizemos chmod 111 que faria ser o equivalente de uma chmod mais x. 114 00:06:23,055 --> 00:06:24,430 Isso faz sentido para todos? 115 00:06:24,430 --> 00:06:26,910 Nós vamos passar por um par de exemplos. 116 00:06:26,910 --> 00:06:29,860 >> Assim, a grande takeaway aqui é um não é aqui, 117 00:06:29,860 --> 00:06:33,360 mas significa apenas dar a todos os usuários. 118 00:06:33,360 --> 00:06:36,610 u é se você quer apenas para dar ou tirar 119 00:06:36,610 --> 00:06:40,600 uma permissão específica do o usuário ou o proprietário. 120 00:06:40,600 --> 00:06:43,800 g é para o grupo, de modo que dígito do meio. 121 00:06:43,800 --> 00:06:49,440 E então os outros que você pode pensar como o mundo, que o último dígito. 122 00:06:49,440 --> 00:06:52,840 >> Então, com isso, vamos a um exemplo, porque eu sinto como exemplos sempre 123 00:06:52,840 --> 00:06:56,240 fazer essas coisas mais fáceis de entender. 124 00:06:56,240 --> 00:07:01,240 Então rwx-- passamos por isso- também poderia ser representar como 700. 125 00:07:01,240 --> 00:07:05,070 Esse é o exemplo que parecia em mais da imagem. 126 00:07:05,070 --> 00:07:09,990 Então chmod 444 em algum arquivo daria as permissões? 127 00:07:09,990 --> 00:07:11,947 Você estava muito perto. 128 00:07:11,947 --> 00:07:13,030 AUDIÊNCIA: legível para todos. 129 00:07:13,030 --> 00:07:14,321 ALLISON Buchholtz-AU: legível. 130 00:07:14,321 --> 00:07:15,660 Então legível para todos, certo? 131 00:07:15,660 --> 00:07:17,910 E então, o que é uma outra maneira de fazer isso? 132 00:07:17,910 --> 00:07:23,070 Se nós queremos fazer chmod com qualquer desvantagens de w do r ou, mais e, 133 00:07:23,070 --> 00:07:25,300 o que esse apelo parece? 134 00:07:25,300 --> 00:07:27,336 Seria chmod o quê? 135 00:07:27,336 --> 00:07:28,590 >> AUDIÊNCIA: um plus r. 136 00:07:28,590 --> 00:07:32,900 >> ALLISON Buchholtz-UA: um plus r no 5. 137 00:07:32,900 --> 00:07:40,980 OK, então isso é o mesmo que este, apenas duas traduções diferentes 138 00:07:40,980 --> 00:07:42,500 da mesma coisa. 139 00:07:42,500 --> 00:07:45,650 Então, com isso, temos estes. 140 00:07:45,650 --> 00:07:50,310 Então, eu quero que vocês tentar escrever este tipo de em seu caminho oposto. 141 00:07:50,310 --> 00:07:53,710 >> Assim, com chmod 555, o que seria a sensação? 142 00:07:53,710 --> 00:07:56,704 Seria um plus ou u para mais ou para outros enfeites? 143 00:07:56,704 --> 00:07:58,370 Para além de u x, dê-me os três números. 144 00:07:58,370 --> 00:08:03,530 E então me diga sobre o que permissões na verdade estamos concessão e para quem? 145 00:08:03,530 --> 00:08:06,600 >> Então, eu vou dar a vocês dois minutos para trabalhar nisso. 146 00:08:06,600 --> 00:08:08,160 Sinta-se livre para falar uns com os outros. 147 00:08:08,160 --> 00:08:11,910 Para aqueles de vocês que vieram em um pequeno tarde, há doces e camisas. 148 00:08:11,910 --> 00:08:14,590 Temos três camisas para a esquerda, e temos Kit Kats e Starbursts. 149 00:08:14,590 --> 00:08:17,630 Portanto, sinta-se livre para entrar grab alguns neste pequeno interlúdio. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Além disso, a última é complicado. 152 00:09:04,440 --> 00:09:06,670 É duas chmods para o último. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 Na verdade, deixe-me fechar a porta enquanto vocês estão trabalhando nisso. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Doce é sempre necessário em uma tarde de segunda-feira. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, então chmod 555. 159 00:09:34,756 --> 00:09:36,380 O que é uma outra maneira poderíamos escrever isso? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Qualquer idéias? 162 00:09:41,790 --> 00:09:42,290 Sim. 163 00:09:42,290 --> 00:09:43,280 >> AUDIÊNCIA: a rx plus. 164 00:09:43,280 --> 00:09:44,613 >> ALLISON Buchholtz-AU: r mais rx. 165 00:09:44,613 --> 00:09:47,290 Você quer explicar por que estaria rx? 166 00:09:47,290 --> 00:09:49,570 >> AUDIÊNCIA: Porque você tem 5, de modo que é 4 + 1, 167 00:09:49,570 --> 00:09:51,734 de modo que é lido mais executável, e é para todos. 168 00:09:51,734 --> 00:09:52,900 ALLISON Buchholtz-AU: Certo. 169 00:09:52,900 --> 00:09:58,540 Então, só para reiterar, 5 aqui sabemos como a soma de 4 e 1, 170 00:09:58,540 --> 00:10:04,760 porque cada número é o nosso trio soma das permissões para esse subconjunto, 171 00:10:04,760 --> 00:10:05,260 certo? 172 00:10:05,260 --> 00:10:07,070 Ou o utilizador, o grupo, ou do mundo. 173 00:10:07,070 --> 00:10:11,160 Portanto, neste caso, sabemos que 5 tem de ser formado por 4 e 1. 174 00:10:11,160 --> 00:10:15,240 >> E 4 e 1 corresponde à legível e executável. 175 00:10:15,240 --> 00:10:21,717 Nós estamos dando a todos, para que possamos fazer um chmod rx plus. 176 00:10:21,717 --> 00:10:24,050 E, obviamente, nós apenas fomos as perguntas lá, 177 00:10:24,050 --> 00:10:28,810 então agora este arquivo é executável e legível para todos. 178 00:10:28,810 --> 00:10:31,120 >> Assim que sobre o segundo? 179 00:10:31,120 --> 00:10:32,900 O que pode o número para que um ser? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Qualquer idéias? 182 00:10:37,180 --> 00:10:37,680 Continue. 183 00:10:37,680 --> 00:10:38,600 >> AUDIÊNCIA: 100 [inaudível]. 184 00:10:38,600 --> 00:10:39,683 >> ALLISON Buchholtz-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Exatamente. 186 00:10:40,270 --> 00:10:42,455 Então, você quer explicar por que 100? 187 00:10:42,455 --> 00:10:45,080 AUDIÊNCIA: Porque é para o usuário, por isso é na primeira posição. 188 00:10:45,080 --> 00:10:47,371 E então x é um executável. 189 00:10:47,371 --> 00:10:48,620 ALLISON Buchholtz-AU: Exatamente. 190 00:10:48,620 --> 00:10:53,120 Por isso, estamos concedendo executável permissões para apenas o usuário. 191 00:10:53,120 --> 00:10:55,100 Portanto, neste caso, seria de 100. 192 00:10:55,100 --> 00:10:57,570 E eu tenho todas as respostas se no próximo slide no caso 193 00:10:57,570 --> 00:11:00,060 você está escrevendo um monte de coisas para baixo. 194 00:11:00,060 --> 00:11:08,410 >> OK, então este próximo é realmente feito com dois chmods, você poderia fazê-lo. 195 00:11:08,410 --> 00:11:11,120 Então, alguém tem alguma idéia de como você pode 196 00:11:11,120 --> 00:11:14,150 obter chmod 640 reescrita no outro lado? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 Você pode alterar o usuário em primeiro lugar e, em seguida, você pode alterar o grupo é a minha dica. 199 00:11:22,820 --> 00:11:29,740 >> Então, se nós estávamos apenas mudando o usuário, que é esse primeiro aqui, 200 00:11:29,740 --> 00:11:33,830 o que poderia ser o nosso apelo? 201 00:11:33,830 --> 00:11:36,080 Assim o usuário é u, certo? 202 00:11:36,080 --> 00:11:38,780 Então chmod u mais o que? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> AUDIÊNCIA: rw. 205 00:11:40,469 --> 00:11:41,510 ALLISON Buchholtz-AU: rw. 206 00:11:41,510 --> 00:11:47,470 Certo, para ler e escrever, porque leitura é 4, w é 2, aqueles em conjunto como soma 6. 207 00:11:47,470 --> 00:11:52,760 Então, nós temos chmod u mais RW, e nós temos o nosso primeiro 6 lá. 208 00:11:52,760 --> 00:11:56,860 >> Então para obter a 4, queremos agora para mudar nossas configurações do grupo. 209 00:11:56,860 --> 00:12:00,960 Então, nós vamos fazer chmod g mais o que? 210 00:12:00,960 --> 00:12:02,380 O que é um 4? 211 00:12:02,380 --> 00:12:03,040 >> AUDIÊNCIA: r. 212 00:12:03,040 --> 00:12:04,040 ALLISON Buchholtz-AU: r. 213 00:12:04,040 --> 00:12:05,070 Precisamente. 214 00:12:05,070 --> 00:12:09,140 Então, nós estamos dando ao proprietário ler e escrever permissões 215 00:12:09,140 --> 00:12:13,141 e nós estamos dando a leitura grupo permissões, o que temos tudo aqui. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> AUDIÊNCIA: Se você pode escrever alguma coisa, isso implica que você pode executá-lo? 218 00:12:17,740 --> 00:12:20,700 >> ALLISON Buchholtz-AU: Você pode escrever para something-- 219 00:12:20,700 --> 00:12:22,900 Eu não acredito que ele implica que você pode executá-lo. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 Legal. 222 00:12:26,450 --> 00:12:29,620 Então, isso é tudo o que acabou de passar por. 223 00:12:29,620 --> 00:12:33,075 Por isso, nesta próxima, é casos apenas uma espécie de comuns 224 00:12:33,075 --> 00:12:35,200 que deseja manter-se em mente para definir o seu problema. 225 00:12:35,200 --> 00:12:39,800 Estes são tipicamente as permissões que nós gostamos de você usar. 226 00:12:39,800 --> 00:12:44,900 >> Assim, por 711, que dá nós, é claro, o usuário 227 00:12:44,900 --> 00:12:47,720 todas as permissões, que tende a fazer sentido. 228 00:12:47,720 --> 00:12:51,920 E então é executável pelo grupo no mundo, o que faz sentido 229 00:12:51,920 --> 00:12:56,150 se você tem algum diretório, você quer ser capaz de atravessar a ele. 230 00:12:56,150 --> 00:12:58,160 As pessoas precisam de acesso. 231 00:12:58,160 --> 00:13:04,680 >> Para qualquer arquivo não-PHP, você está indo usar 644, o que faria o que? 232 00:13:04,680 --> 00:13:07,560 O que isso implica, ou o que permissões é que isso dá? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Assim, o proprietário pode o quê? 235 00:13:14,409 --> 00:13:15,450 AUDIÊNCIA: ler e escrever. 236 00:13:15,450 --> 00:13:16,991 ALLISON Buchholtz-AU: ler e escrever. 237 00:13:16,991 --> 00:13:21,560 E, em seguida, grupo e outros pode apenas ler, certo? 238 00:13:21,560 --> 00:13:25,660 E então chmod 600 para qualquer Arquivos PHP que você usa, 239 00:13:25,660 --> 00:13:27,980 seu proprietário, mais uma vez, pode ler e escrever para ela 240 00:13:27,980 --> 00:13:32,310 mas toda a gente é apenas uma espécie de bloqueada. 241 00:13:32,310 --> 00:13:34,540 >> Então, isso vai realmente ser mais útil quando 242 00:13:34,540 --> 00:13:37,700 você chegar ao seu problema definir na próxima semana, onde 243 00:13:37,700 --> 00:13:40,290 na verdade você está construindo um site. 244 00:13:40,290 --> 00:13:43,100 Então, se você já se deparou com quaisquer problemas estranhos 245 00:13:43,100 --> 00:13:45,970 onde ele não está carregando corretamente, talvez você 246 00:13:45,970 --> 00:13:50,670 precisa adicionar um executável permissão, ou talvez você precise de uma leitura 247 00:13:50,670 --> 00:13:52,990 ou permissão de gravação. 248 00:13:52,990 --> 00:13:56,980 Pequenas coisas que tendem a tropeçar pessoas up, mas isso é mais ou menos como o go-to 249 00:13:56,980 --> 00:13:58,564 quando você começa pset da próxima semana. 250 00:13:58,564 --> 00:14:00,730 E eu gostaria de dar-lhe mais dicas sobre pset desta semana, 251 00:14:00,730 --> 00:14:05,010 mas eu ainda tenho que olhar para ele uma vez que foi lançado esta manhã. 252 00:14:05,010 --> 00:14:10,600 Mas você me escreva, eu olhei para ele na hora que eu responder amanhã. 253 00:14:10,600 --> 00:14:14,310 >> Então, agora, está todo mundo bem com chmod? 254 00:14:14,310 --> 00:14:16,040 Quaisquer dúvidas remanescentes? 255 00:14:16,040 --> 00:14:17,240 Bastante simples. 256 00:14:17,240 --> 00:14:20,620 Apenas um tipo de manter o controle do que ler, escrever e executar números são 257 00:14:20,620 --> 00:14:23,660 é provavelmente a parte mais difícil. 258 00:14:23,660 --> 00:14:29,620 >> Assim, com o TCP / IP, todos esses protocolos, tipo como com suas estruturas de dados 259 00:14:29,620 --> 00:14:31,990 na semana passada, é muito mais importante tipo de obter 260 00:14:31,990 --> 00:14:33,900 intuição um nível mais elevado deles. 261 00:14:33,900 --> 00:14:37,390 Este não é CS143 para onde estamos indo para pedir-lhe para implementar uma rede, 262 00:14:37,390 --> 00:14:39,870 assim você estará bem se você não entende 263 00:14:39,870 --> 00:14:42,900 o âmago da questão de todos os protocolos. 264 00:14:42,900 --> 00:14:46,050 O que é importante entender é tipo como o que eles representam 265 00:14:46,050 --> 00:14:47,300 e por que eles são importantes. 266 00:14:47,300 --> 00:14:52,320 >> Assim, o TCP / IP, é claro, é a Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 ou Internet Protocol, que é basicamente, apenas um conjunto de leis, basicamente 268 00:14:57,270 --> 00:15:00,800 ou normas que informam dados como ele deve ser tratado, 269 00:15:00,800 --> 00:15:04,900 como deve ser empacotado, transmitido, e recebidos. 270 00:15:04,900 --> 00:15:09,200 Por isso, basicamente, da mesma forma que diz aqui, aumenta as chances 271 00:15:09,200 --> 00:15:12,950 que os dados cheguem onde você quer que ele chegar. 272 00:15:12,950 --> 00:15:15,950 >> Tenho certeza que se vocês foram para palestra ou assisti-lo on-line, 273 00:15:15,950 --> 00:15:18,232 ele has-- eu não sei se ele fez isso este ano, 274 00:15:18,232 --> 00:15:20,940 mas eu sei que no ano passado, ele teve uma demonstração onde ele tinha uma foto de Rob 275 00:15:20,940 --> 00:15:23,320 e ele dividi-la em quatro e colocá-lo em envelopes 276 00:15:23,320 --> 00:15:26,590 e tentou obtê-lo através de Sanders. 277 00:15:26,590 --> 00:15:29,430 E você pode tipo de pensar nisso dessa forma. 278 00:15:29,430 --> 00:15:35,400 É apenas um conjunto de regras que contar dados como chegar em algum lugar 279 00:15:35,400 --> 00:15:37,640 e permite que você saiba se que está faltando dados, 280 00:15:37,640 --> 00:15:40,460 da mesma forma que se você estiver tomando várias páginas de notas 281 00:15:40,460 --> 00:15:46,490 e classificá-los com a página 104, página 204, e você voltar a estudar mais tarde 282 00:15:46,490 --> 00:15:50,220 e você está perdendo something-- você não pode encontrar a página que você sabe 304-- 283 00:15:50,220 --> 00:15:53,310 algo está errado, então você pode olhar através de suas notas 284 00:15:53,310 --> 00:15:58,666 novamente ou pedir a alguém para reenviar-lhe a palestra observa a partir desse dia. 285 00:15:58,666 --> 00:16:00,290 Da mesma forma que com os dados na internet. 286 00:16:00,290 --> 00:16:03,220 Se eu estou pedindo algo de algum servidor 287 00:16:03,220 --> 00:16:05,377 e ele precisa enviar -lo em vários pacotes, 288 00:16:05,377 --> 00:16:07,210 provavelmente vai número -lo de alguma maneira diferente, vamos 289 00:16:07,210 --> 00:16:12,430 me saber quantos eu deveria ter recebido, e diga-me, oh, este é um dos 10 290 00:16:12,430 --> 00:16:13,990 ou este é um dos 10.000. 291 00:16:13,990 --> 00:16:17,030 Dessa forma, quando eu ir para remontar todas as peças juntas, 292 00:16:17,030 --> 00:16:21,504 Eu sei que se algo está faltando e eu posso pedir isso de novo. 293 00:16:21,504 --> 00:16:22,730 Será que isso faz sentido? 294 00:16:22,730 --> 00:16:23,610 Apenas um conjunto de regras. 295 00:16:23,610 --> 00:16:28,120 Na sua base, um conjunto de regras, OK? 296 00:16:28,120 --> 00:16:31,360 >> Então, nós também conversamos pouco sobre os portos. 297 00:16:31,360 --> 00:16:36,150 Isto é realmente apenas um padrão que permite que você saiba que tipo de dados 298 00:16:36,150 --> 00:16:38,650 está a ser transmitido nestes pacotes. 299 00:16:38,650 --> 00:16:40,790 Se formos com a nossa exemplo envelope, nós não 300 00:16:40,790 --> 00:16:43,510 sei que é uma imagem de Rob lá, a menos que escrevê-lo 301 00:16:43,510 --> 00:16:45,480 do lado de fora do nosso envelope. 302 00:16:45,480 --> 00:16:47,100 Assim, as portas são basicamente a mesma coisa. 303 00:16:47,100 --> 00:16:51,670 É apenas uma maneira de descobrir o que tipo de dados está sendo transmitido. 304 00:16:51,670 --> 00:16:56,260 >> Portanto, temos todo o Os mais comuns aqui. 305 00:16:56,260 --> 00:16:59,790 Então 21-- estes também são tipo de como as coisas boas de saber. 306 00:16:59,790 --> 00:17:01,560 É uma espécie de uma pergunta do quiz fácil. 307 00:17:01,560 --> 00:17:03,590 Seja como, o que é que a porta 80 faz? 308 00:17:03,590 --> 00:17:06,970 Ou, o que é que a porta 443 faz? 309 00:17:06,970 --> 00:17:09,359 Então as coisas boas de saber. 310 00:17:09,359 --> 00:17:12,569 >> Portanto, temos aqui, 21 é o arquivo protocolo de transferência, de modo que apenas 311 00:17:12,569 --> 00:17:15,050 as regras que governam a transferência de arquivos. 312 00:17:15,050 --> 00:17:19,550 25, algo que todos nós utilizam muito mais, é e-mail. 313 00:17:19,550 --> 00:17:22,790 53 é o nome de domínio sistema, que é basicamente 314 00:17:22,790 --> 00:17:26,910 apenas uma espécie de pesquisa para o Endereço IP de um nome de domínio. 315 00:17:26,910 --> 00:17:29,900 >> Então, eu tenho certeza de que era mencionado na palestra, se você 316 00:17:29,900 --> 00:17:33,960 ir para algo como google.com, ele tem um endereço de IP 317 00:17:33,960 --> 00:17:35,818 que está associado a ele. 318 00:17:35,818 --> 00:17:37,026 Não é, na verdade, google.com. 319 00:17:37,026 --> 00:17:40,720 E assim 53 é a porta que realmente leva 320 00:17:40,720 --> 00:17:44,050 cuidado com o tipo de traduzi-la em que o endereço IP para você. 321 00:17:44,050 --> 00:17:47,830 E, em seguida, 80 e 443 são muito comuns. 322 00:17:47,830 --> 00:17:50,710 Você quer ter a sua página web ou você tem a sua página da web segura, 323 00:17:50,710 --> 00:17:56,100 que um monte de páginas da web são transferência até agora. 324 00:17:56,100 --> 00:18:02,540 >> Então, esse é o tipo de alto nível Resumo do protocolo de transferência. 325 00:18:02,540 --> 00:18:05,170 Eu não vejo muito mais em profundidade. 326 00:18:05,170 --> 00:18:07,320 É o tipo de coisas legais se você estiver interessado. 327 00:18:07,320 --> 00:18:08,590 Há uma abundância de recursos. 328 00:18:08,590 --> 00:18:10,780 Wikipedia é realmente uma boa página. 329 00:18:10,780 --> 00:18:13,850 Então, eu estava olhando para ele apenas um pouco atrás, 330 00:18:13,850 --> 00:18:16,580 então eu recomendo olhando para ele se você estiver interessado 331 00:18:16,580 --> 00:18:22,160 ou tomar 143 em dois anos, porque Eu acho que é a cada dois anos. 332 00:18:22,160 --> 00:18:27,590 >> Assim, no final deste, estamos falando de páginas web e HTTP, 333 00:18:27,590 --> 00:18:33,790 que na verdade é o nosso próximo tópico para hoje antes de entrar em HTML e CSS 334 00:18:33,790 --> 00:18:37,920 e você pode realmente codificar uma página da web. 335 00:18:37,920 --> 00:18:38,650 Vai ser divertido. 336 00:18:38,650 --> 00:18:42,220 Nós vamos ter fotos de coelhos e vai ser ótimo. 337 00:18:42,220 --> 00:18:48,630 >> Então, HTTP, como você pode ver aqui, é uma das adoráveis ​​siglas 338 00:18:48,630 --> 00:18:53,220 Para esta semana, o que é HyperText Transfer Protocol. 339 00:18:53,220 --> 00:18:57,940 Então, novamente, é apenas outro conjunto de regras que 340 00:18:57,940 --> 00:19:01,440 governa hipertexto transferir, no presente caso. 341 00:19:01,440 --> 00:19:04,120 Então melhor maneira de aprender sobre isso é apenas uma espécie de 342 00:19:04,120 --> 00:19:07,650 para dividi-la em estas palavras individuais 343 00:19:07,650 --> 00:19:10,770 porque há um monte de palavras na tela lá. 344 00:19:10,770 --> 00:19:13,290 >> Então, vamos começar com hipertexto. 345 00:19:13,290 --> 00:19:17,630 Assim, "hiper", você pode pensar "Acima", como super-tipo coisa. 346 00:19:17,630 --> 00:19:24,615 Por isso é realmente apenas texto levado ao próximo nível, por isso é como super texto, 347 00:19:24,615 --> 00:19:27,850 como o próximo texto. 348 00:19:27,850 --> 00:19:34,890 Então, é basicamente apenas texto que nos dá 349 00:19:34,890 --> 00:19:37,490 mais informação do que texto normal faz, OK? 350 00:19:37,490 --> 00:19:40,510 >> Portanto, neste caso aqui, este é o hipertexto. 351 00:19:40,510 --> 00:19:45,710 Isto diz-nos que temos algum link que vamos, 352 00:19:45,710 --> 00:19:49,620 que é cs50.net, que agora é cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Estes slides são um pouco velho. 354 00:19:51,420 --> 00:19:55,330 E vai para exibir como este, como um hiperlink, 355 00:19:55,330 --> 00:19:58,140 e, em seguida, um site muito legal. 356 00:19:58,140 --> 00:20:02,080 >> Portanto, é o texto, que é um pouco bocado de coisas muito legais lá. 357 00:20:02,080 --> 00:20:08,170 Então você pode ligar as coisas e você pode inserir imagens e você pode estilizar as coisas. 358 00:20:08,170 --> 00:20:11,740 E a coisa mais familiar que você caras provavelmente tem com hipertexto 359 00:20:11,740 --> 00:20:19,100 é HyperText Markup Language, HTML, que, naturalmente, é tudo da web 360 00:20:19,100 --> 00:20:23,080 que vemos ao nosso redor, concedido com um pouco de estilo CSS fique. 361 00:20:23,080 --> 00:20:25,580 >> Mas, se alguém foi muito grande com o MySpace, 362 00:20:25,580 --> 00:20:28,240 Tenho certeza de que todo o HTML usado todo o tempo para criar 363 00:20:28,240 --> 00:20:30,640 esses perfis perfeitos, certo? 364 00:20:30,640 --> 00:20:34,930 Eu sinto que isso pode ser um referência desatualizado agora, mas o que quer. 365 00:20:34,930 --> 00:20:37,780 Apenas um little-- vocês que não são muito mais jovem. 366 00:20:37,780 --> 00:20:40,480 Alguns de vocês são mais velhos do que eu. 367 00:20:40,480 --> 00:20:42,480 MySpace ainda era um coisa quando eu era jovem. 368 00:20:42,480 --> 00:20:44,510 Eu não sou tão velho. 369 00:20:44,510 --> 00:20:49,265 >> De qualquer forma, HTML apenas uma forma de hipertexto. 370 00:20:49,265 --> 00:20:55,640 Assim, o hipertexto é apenas texto com recursos adicionais. 371 00:20:55,640 --> 00:21:01,790 Assim, o protocolo de transferência é, provavelmente, a coisa mais duvidoso de explicar. 372 00:21:01,790 --> 00:21:04,870 Obviamente, transfer-- apenas transferir de dados. 373 00:21:04,870 --> 00:21:09,370 Assim, ou entre o cliente, como seu irmão web e um servidor. 374 00:21:09,370 --> 00:21:12,090 Então, basicamente, apenas o forma como a internet funciona. 375 00:21:12,090 --> 00:21:16,339 >> Assim, o pedido exacto de como esses trabalhos, estamos 376 00:21:16,339 --> 00:21:18,755 na verdade, vai olhar para um exemplo de solicitação e resposta. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Mas como solicitamos informações a partir de um servidor 379 00:21:25,220 --> 00:21:30,590 e como o servidor responde a nós é o que este protocolo de transferência governa. 380 00:21:30,590 --> 00:21:35,320 Assim, o pedido ea resposta tem Para seguir estas conjunto específico de regras. 381 00:21:35,320 --> 00:21:38,340 É padronizada de modo que não importa onde você está usando a internet, 382 00:21:38,340 --> 00:21:40,720 trabalha sempre o mesmo, OK? 383 00:21:40,720 --> 00:21:43,220 >> Mais uma vez, o protocolo, conjunto de regras. 384 00:21:43,220 --> 00:21:45,620 É apenas uma normal, interacção da mesma maneira 385 00:21:45,620 --> 00:21:49,500 que o professor fala sobre Malan se alguém estende a mão, 386 00:21:49,500 --> 00:21:52,880 você sabe que é cortesia comum para alcançar seu fora e agitar sua mão. 387 00:21:52,880 --> 00:21:54,580 Isso é um protocolo, certo? 388 00:21:54,580 --> 00:21:59,060 >> Então eu dar algum pedido padronizado, que é que eu quero apertar sua mão, 389 00:21:59,060 --> 00:22:01,975 e você dá alguns padronizado resposta, o que é ou não obrigado 390 00:22:01,975 --> 00:22:04,600 ou você poderia tentar e apertar minha mão ou talvez você vai tentar 391 00:22:04,600 --> 00:22:06,490 e fist bump mim. 392 00:22:06,490 --> 00:22:08,320 E não temos um protocolo para isso. 393 00:22:08,320 --> 00:22:09,360 Ele quebra. 394 00:22:09,360 --> 00:22:12,030 Mas se todo mundo segue o mesmo protocolo, é claro, 395 00:22:12,030 --> 00:22:14,250 ele vai muito mais facilmente. 396 00:22:14,250 --> 00:22:15,590 As pessoas ficam a conhecer-se. 397 00:22:15,590 --> 00:22:16,830 Todo mundo está feliz. 398 00:22:16,830 --> 00:22:20,750 >> Assim, no mundo da web, todos seguem o mesmo rules-- 399 00:22:20,750 --> 00:22:22,940 ligeiramente melhor do que os padrões sociais. 400 00:22:22,940 --> 00:22:26,950 Mas com isso, vamos dar uma olhada a um pedido exemplo aqui. 401 00:22:26,950 --> 00:22:30,020 Então há esse pequeno chave aqui na parte inferior 402 00:22:30,020 --> 00:22:34,990 que diz que as cores diferentes, o que eles deveriam dizer. 403 00:22:34,990 --> 00:22:38,290 >> Assim branco é como o seu método de pedido e protocolo version-- 404 00:22:38,290 --> 00:22:42,400 o solicitem método, versão. 405 00:22:42,400 --> 00:22:44,630 E então esta é uma nome do campo eo valor 406 00:22:44,630 --> 00:22:47,630 desse campo, o que vamos ir para muito, muito em breve. 407 00:22:47,630 --> 00:22:49,840 Portanto, esta é uma solicitação de exemplo. 408 00:22:49,840 --> 00:22:54,470 Isto é como eu que estende para fora, querendo me apresentar. 409 00:22:54,470 --> 00:22:58,507 >> Isto é o que o cliente ou o que o seu navegador 410 00:22:58,507 --> 00:22:59,840 seria o envio para o servidor. 411 00:22:59,840 --> 00:23:04,500 Portanto, este é um pedido get, por isso é pedindo algo a partir do servidor. 412 00:23:04,500 --> 00:23:09,690 E é, é claro, de HTTP e é a versão 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Então o resto deste aqui é o que chamamos o cabeçalho, e a sua informação extra 414 00:23:16,060 --> 00:23:20,050 que nos dá uma idéia melhor do o que na verdade estamos pedindo, 415 00:23:20,050 --> 00:23:23,190 ou informação que queremos dar o servidor que pode ser pertinente. 416 00:23:23,190 --> 00:23:32,880 Então User-Agent dá um pouco mais descrição on-- por exemplo, aqui, 417 00:23:32,880 --> 00:23:38,720 onda / 7.24.0 está realmente indo para contar o servidor que estiver usando o Google 418 00:23:38,720 --> 00:23:40,700 Chrome como o nosso browser. 419 00:23:40,700 --> 00:23:43,290 Então, se você já ouviu falar sobre as pessoas que falam 420 00:23:43,290 --> 00:23:48,160 sobre como fazer um aplicativo responsivo para vários navegadores, 421 00:23:48,160 --> 00:23:50,330 isso é algo que eles usaria, porque se você 422 00:23:50,330 --> 00:23:53,000 não sei o navegador o pedido está vindo, 423 00:23:53,000 --> 00:23:55,050 você não pode adaptar os dados para isso. 424 00:23:55,050 --> 00:23:57,690 Portanto, neste caso, o usuário é apenas dar este tipo 425 00:23:57,690 --> 00:24:01,030 de informações de identificação sobre o navegador 426 00:24:01,030 --> 00:24:06,510 o usuário está usando, OK? 427 00:24:06,510 --> 00:24:11,640 >> Então nós também temos de acolhimento, o que é onde estamos realmente querendo ir. 428 00:24:11,640 --> 00:24:15,280 Neste caso, queremos ir para apple.com, comprar alguns novos iPads legal 429 00:24:15,280 --> 00:24:19,540 ou algo assim, talvez bonito luzes em nossos dormitórios. 430 00:24:19,540 --> 00:24:24,900 E o valor nome no final é apenas um enchimento, apenas uma coisa geral 431 00:24:24,900 --> 00:24:25,760 para vocês verem. 432 00:24:25,760 --> 00:24:28,240 Na verdade, não corresponde a qualquer coisa aqui. 433 00:24:28,240 --> 00:24:32,360 >> Então você pode ter tanto ou tão pouco como você quer em cada caso. 434 00:24:32,360 --> 00:24:36,990 Na maioria das vezes, estes são opcionais. 435 00:24:36,990 --> 00:24:41,780 Depende apenas de que você precisa do navegador, 436 00:24:41,780 --> 00:24:45,120 de seu usuário, a fim de adequadamente dar o pedido. 437 00:24:45,120 --> 00:24:48,970 Ou isso depende do que o usuário realmente quer dar para o servidor. 438 00:24:48,970 --> 00:24:54,550 Assim você pode ter muitos, muitos destes nomes dos campos de cabeçalho 439 00:24:54,550 --> 00:24:57,140 ou você só tem um par. 440 00:24:57,140 --> 00:24:59,630 Tal como acontece com tantas coisas Eu já disse nesta seção, 441 00:24:59,630 --> 00:25:03,590 ele realmente depende do contexto de como você está usando isso. 442 00:25:03,590 --> 00:25:06,810 >> Então, isso faz sentido para todos? 443 00:25:06,810 --> 00:25:11,463 Este é apenas um exemplo de um pedido, cabeçalhos, outros enfeites. 444 00:25:11,463 --> 00:25:16,910 OK, então com isso, temos alguma resposta. 445 00:25:16,910 --> 00:25:20,510 >> Mais uma vez, temos o nosso código de status, protocolo versão e, em seguida, nome do campo e campo 446 00:25:20,510 --> 00:25:21,700 Valorizamos como sempre. 447 00:25:21,700 --> 00:25:25,500 Portanto, a nossa versão do protocolo e nosso código de status é de 200. 448 00:25:25,500 --> 00:25:28,610 OK, o que significa que, sim, tudo correu bem. 449 00:25:28,610 --> 00:25:30,230 Aqui está o que você quer. 450 00:25:30,230 --> 00:25:33,750 >> O tipo de servidor, o conteúdo type-- ele nos diz, OK, você é 451 00:25:33,750 --> 00:25:37,210 indo para obter algum HTML texto. 452 00:25:37,210 --> 00:25:40,520 Aqui é o comprimento e é aqui o que você deve fazer com a conexão. 453 00:25:40,520 --> 00:25:43,004 OK, então, novamente, dependendo sobre os dados que você está 454 00:25:43,004 --> 00:25:45,670 pedindo, dependendo do que o servidor quer voltar para você, 455 00:25:45,670 --> 00:25:49,440 você pode ter mais dessas campo nomes, você pode ter menos. 456 00:25:49,440 --> 00:25:53,950 Totalmente dependente do contexto. 457 00:25:53,950 --> 00:25:56,650 >> E, tanto quanto este estado código aqui, é claro, 458 00:25:56,650 --> 00:25:59,590 200 não é a única você poderia ter, certo? 459 00:25:59,590 --> 00:26:01,580 Temos lotes de códigos de status. 460 00:26:01,580 --> 00:26:06,120 Alguém se lembra qualquer um dos outros que mencionamos na aula? 461 00:26:06,120 --> 00:26:08,310 Muitos deles começam com 4. 462 00:26:08,310 --> 00:26:09,680 >> AUDIÊNCIA: 404. 463 00:26:09,680 --> 00:26:11,310 >> ALLISON Buchholtz-AU: 404, o que é? 464 00:26:11,310 --> 00:26:12,140 >> AUDIÊNCIA: Arquivo não encontrado? 465 00:26:12,140 --> 00:26:13,250 >> ALLISON Buchholtz-AU: Arquivo não encontrado. 466 00:26:13,250 --> 00:26:14,120 Exatamente. 467 00:26:14,120 --> 00:26:15,587 Então, o que dizer de 403? 468 00:26:15,587 --> 00:26:16,420 AUDIÊNCIA: Proibido. 469 00:26:16,420 --> 00:26:17,120 ALLISON Buchholtz-AU: Proibido. 470 00:26:17,120 --> 00:26:18,695 Então, o que você acha isso significa que com chmods? 471 00:26:18,695 --> 00:26:20,890 >> AUDIÊNCIA: Isso significa que você não tem permissão para lê-lo. 472 00:26:20,890 --> 00:26:22,400 >> ALLISON Buchholtz-AU: Exatamente. 473 00:26:22,400 --> 00:26:25,190 De alguma forma, você não tem permissão para acessá-lo, certo? 474 00:26:25,190 --> 00:26:27,242 Então, 404, 403. 475 00:26:27,242 --> 00:26:28,950 Há um muito engraçado que nós sempre 476 00:26:28,950 --> 00:26:31,116 apresentar todos os anos que Eu deveria ter colocado até aqui, 477 00:26:31,116 --> 00:26:33,370 como 413, o que é que eu sou um bule de chá. 478 00:26:33,370 --> 00:26:34,390 Você pode google isso. 479 00:26:34,390 --> 00:26:38,490 É engraçado como, que é um código 413 e é que eu sou um bule de chá. 480 00:26:38,490 --> 00:26:41,240 Que eu não sei por que você faria precisar de que na internet, 481 00:26:41,240 --> 00:26:42,935 mas eu discordo. 482 00:26:42,935 --> 00:26:44,310 AUDIÊNCIA: Talvez você seja um bule de chá. 483 00:26:44,310 --> 00:26:46,476 ALLISON Buchholtz-AU: Talvez o servidor é um bule de chá. 484 00:26:46,476 --> 00:26:47,890 Quem sabe? 485 00:26:47,890 --> 00:26:51,840 Tudo bem, então estamos prestes a transição para a verdadeira codificação. 486 00:26:51,840 --> 00:26:54,750 Eu sinto que vocês vão sair daqui rapidamente. 487 00:26:54,750 --> 00:26:56,940 >> AUDIÊNCIA: Por que faz isso dizer "servidor: duas vezes? 488 00:26:56,940 --> 00:26:57,981 >> ALLISON Buchholtz-AU: Hm? 489 00:26:57,981 --> 00:27:00,350 Servidor duas vezes? 490 00:27:00,350 --> 00:27:03,750 Essa é uma boa pergunta. 491 00:27:03,750 --> 00:27:04,630 Não tenho certeza. 492 00:27:04,630 --> 00:27:07,520 Eu vou descobrir e Vou enviar e-mail a todos vocês. 493 00:27:07,520 --> 00:27:11,410 >> OK, quaisquer outras perguntas, além de que? 494 00:27:11,410 --> 00:27:12,310 Boa? 495 00:27:12,310 --> 00:27:14,390 Legal. 496 00:27:14,390 --> 00:27:17,280 >> HTML e CSS, e agora nós chegar a todas as partes divertidas. 497 00:27:17,280 --> 00:27:21,697 Assim como eu mencionei antes, HTML é provavelmente uma das coisas 498 00:27:21,697 --> 00:27:23,030 vocês estão mais familiarizados. 499 00:27:23,030 --> 00:27:25,760 Portanto, temos HyperText Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> A melhor maneira de aprender isto-- eu não possui lâminas preparadas ou nada 501 00:27:29,900 --> 00:27:31,480 para vocês com HTML. 502 00:27:31,480 --> 00:27:33,640 É realmente sobre a aprendizagem da sintaxe. 503 00:27:33,640 --> 00:27:38,380 E se você estivesse no MySpace dia, você teria esse baixo. 504 00:27:38,380 --> 00:27:42,790 >> Então, realmente, a coisa mais importante é apenas para a prática e experiência. 505 00:27:42,790 --> 00:27:48,000 Um dos grandes recursos que eu faria recomendo usar é W3Schools. 506 00:27:48,000 --> 00:27:50,620 Então, basta W, 3, e em seguida, Escolas. 507 00:27:50,620 --> 00:27:54,810 Eles têm um monte de recursos em HTML, em CSS, 508 00:27:54,810 --> 00:27:58,970 e eles realmente têm um tipo de tela dividida de coisa 509 00:27:58,970 --> 00:28:00,830 onde eles vão te dar exemplo de código. 510 00:28:00,830 --> 00:28:03,290 Você pode mexer com ele, mudá-lo, e pressione Update, 511 00:28:03,290 --> 00:28:06,410 e ele vai mostrar o que realmente faz para a página web. 512 00:28:06,410 --> 00:28:08,380 >> Então eu recomendo usar isso. 513 00:28:08,380 --> 00:28:11,300 É muito legal. 514 00:28:11,300 --> 00:28:14,560 Você não terá falhas seg aqui quando as coisas dão errado. 515 00:28:14,560 --> 00:28:16,430 Se você conseguir ter uma falha de seg com HTML, 516 00:28:16,430 --> 00:28:19,446 deixe-me saber porque eu sou vai ser real, intrigado. 517 00:28:19,446 --> 00:28:21,570 Mas é muito legal porque você pode mudar as coisas, 518 00:28:21,570 --> 00:28:23,550 você pode vê-los atualizados ao vivo. 519 00:28:23,550 --> 00:28:26,210 E eu acho que você vai ter um grande compreensão mais intuitiva de HTML 520 00:28:26,210 --> 00:28:28,690 se você realmente apenas passar algum tempo experimentando com ele. 521 00:28:28,690 --> 00:28:32,590 É por isso que eu disse, prática e experiência. 522 00:28:32,590 --> 00:28:34,490 >> Google, a partir de agora para fora, provavelmente será 523 00:28:34,490 --> 00:28:36,440 um dos seus melhores recursos e amigos. 524 00:28:36,440 --> 00:28:41,080 Ou Bing-- estou a trabalhar na Microsoft, então talvez eu deveria dizer Bing. 525 00:28:41,080 --> 00:28:45,590 Mas praticamente qualquer coisa é apenas vai ser sintaxe, 526 00:28:45,590 --> 00:28:51,300 assim compreender o que as marcas são, understanding-- pelo menos com CSS-- 527 00:28:51,300 --> 00:28:53,360 como alterar certos atributos. 528 00:28:53,360 --> 00:28:55,300 Vai ser super útil. 529 00:28:55,300 --> 00:28:58,852 >> Assim, mesmo que nós não tem coisas preparadas, 530 00:28:58,852 --> 00:29:02,060 nós temos o tipo de algumas das melhores práticas que queremos que vocês para tentar cumprir 531 00:29:02,060 --> 00:29:06,640 por-- ou melhor, que deveria respeitar até novo aviso. 532 00:29:06,640 --> 00:29:09,722 Então feche todas as suas tags. 533 00:29:09,722 --> 00:29:12,930 Esperemos que todos has-- você sabe o que, se isso não faz sentido agora, 534 00:29:12,930 --> 00:29:15,388 Eu prometo que vai fazer sentido quando estamos a codificação até a página. 535 00:29:15,388 --> 00:29:16,680 Mas fechar todas as tags. 536 00:29:16,680 --> 00:29:20,410 Então, se você já tem algum cabeçalho que é suporte, 537 00:29:20,410 --> 00:29:24,180 H1, suporte, certifique-se de que sempre que você é feito com isso, 538 00:29:24,180 --> 00:29:26,570 você fecha o cabeçalho. 539 00:29:26,570 --> 00:29:30,260 Validar a sua página com W3 Validador. 540 00:29:30,260 --> 00:29:34,689 Se você não fechar as tags, você pode obter um comportamento inesperado. 541 00:29:34,689 --> 00:29:37,730 Ele vai dizer que sua página é inválido Se você executá-lo através deste validador. 542 00:29:37,730 --> 00:29:41,000 Assim, quando em doubt-- e especialmente nesta semana e na próxima semana 543 00:29:41,000 --> 00:29:46,220 pset-- da mesma forma que nós pedimos você usa o cheque de 50 e 50 estilo, 544 00:29:46,220 --> 00:29:49,130 Você pode pensar nisso como um de seus cheques, OK? 545 00:29:49,130 --> 00:29:51,950 >> Então, se ele não passar no validador W3. 546 00:29:51,950 --> 00:29:53,810 Isso é algo que vai aportar em você. 547 00:29:53,810 --> 00:29:55,960 Ou eu estou dizendo a você bem Agora, vou encaixá-lo em. 548 00:29:55,960 --> 00:29:58,202 Então, certifique-se que valida. 549 00:29:58,202 --> 00:29:58,785 Não é difícil. 550 00:29:58,785 --> 00:30:01,530 Você só colar no seu código e ele vai quer dizer bom trabalho 551 00:30:01,530 --> 00:30:03,630 ou você está perdendo algo da mesma maneira 552 00:30:03,630 --> 00:30:07,760 esse estilo 50 diz-lhe onde você está atrapalhando. 553 00:30:07,760 --> 00:30:11,360 >> E então, uma última coisa é que você quer separar 554 00:30:11,360 --> 00:30:15,980 sua marcação, que é tudo o que o HTML ou seu texto, e seu estilo. 555 00:30:15,980 --> 00:30:19,420 Então, vamos fazer um exemplo de que, logo após isso. 556 00:30:19,420 --> 00:30:21,830 Então, HTML e CSS deve ser separado. 557 00:30:21,830 --> 00:30:26,030 E nós vamos estar falando sobre MVC, que é Model View Controller, 558 00:30:26,030 --> 00:30:27,100 próxima semana. 559 00:30:27,100 --> 00:30:29,360 Vocês provavelmente deve aprender sobre isso na palestra 560 00:30:29,360 --> 00:30:32,130 amanhã se você tivesse já aprendeu hoje. 561 00:30:32,130 --> 00:30:34,250 >> E é apenas uma espécie de um paradigma que tendemos 562 00:30:34,250 --> 00:30:37,460 para usar ao criar web páginas para separar as coisas. 563 00:30:37,460 --> 00:30:41,440 Você pode pensar nisso da mesma forma que temos a tendência de funções separadas em C 564 00:30:41,440 --> 00:30:43,360 onde botar para encontrar coisas. 565 00:30:43,360 --> 00:30:45,530 É apenas uma maneira de tornar sua vida mais fácil. 566 00:30:45,530 --> 00:30:51,790 Ele separa a atributos ou código que você estaria usando uma e outra vez, 567 00:30:51,790 --> 00:30:55,360 mas desta forma, ele tipo de mantém-lo agradável e limpo. 568 00:30:55,360 --> 00:30:58,260 E se você quer mudar uma coisa, você alterá-lo uma vez 569 00:30:58,260 --> 00:31:00,150 e ele mudou toda a parte. 570 00:31:00,150 --> 00:31:05,010 Por isso é mais para o seu facilidade e flexibilidade. 571 00:31:05,010 --> 00:31:11,430 >> Assim, com CSS, é muito semelhante para HTML, mas em vez de tags 572 00:31:11,430 --> 00:31:15,120 que eu mencionei há pouco, nós usar o que é chamado de seletores. 573 00:31:15,120 --> 00:31:21,900 E eles basicamente só tipo de associar um determinado tag 574 00:31:21,900 --> 00:31:24,620 em HTML com atributos diferentes. 575 00:31:24,620 --> 00:31:29,060 E quando eu digo atributos, eu quero dizer coisas como cor da fonte, estilo da fonte, 576 00:31:29,060 --> 00:31:32,694 a cor do fundo, a cor do seu texto. 577 00:31:32,694 --> 00:31:33,610 Esses tipos de coisas. 578 00:31:33,610 --> 00:31:36,270 Como se ele está centrado, se é para a direita, 579 00:31:36,270 --> 00:31:39,430 se é inverted-- tudo dessas coisas legais. 580 00:31:39,430 --> 00:31:42,490 Quaisquer coisas estilísticas que você faz para o seu texto, 581 00:31:42,490 --> 00:31:45,070 isso é o que eu quero dizer com atributos. 582 00:31:45,070 --> 00:31:50,140 >> E então, duas coisas principais a saber é que selectors-- dois dos factors-- principal 583 00:31:50,140 --> 00:31:53,090 são ID, que é único. 584 00:31:53,090 --> 00:31:54,859 Você só pode usar isso para uma coisa. 585 00:31:54,859 --> 00:31:56,400 Caso contrário, ele vai gritar com você. 586 00:31:56,400 --> 00:31:59,970 E quando nós defini-lo em um arquivo CSS, que vai 587 00:31:59,970 --> 00:32:03,182 ser de hash ID e, em seguida, quais os atributos que queremos. 588 00:32:03,182 --> 00:32:05,140 Eu prometo que vamos passar por um exemplo. 589 00:32:05,140 --> 00:32:06,830 Ela vai fazer muito mais sentido. 590 00:32:06,830 --> 00:32:08,830 >> Classe pode se referir a vários blocos. 591 00:32:08,830 --> 00:32:13,400 Assim, você pode ter o seu primeiro e terceiro parágrafo 592 00:32:13,400 --> 00:32:17,240 têm o mesmo tipo de atributos se você associá-los com a mesma classe. 593 00:32:17,240 --> 00:32:21,050 E quando nós defini-los em CSS, fazemos uma classe ponto, 594 00:32:21,050 --> 00:32:25,710 com a classe sendo o que quer você quer que ele seja nomeado. 595 00:32:25,710 --> 00:32:28,559 >> Então, eu sei que isso é certo agora muito abstrato. 596 00:32:28,559 --> 00:32:29,850 É por isso que nós estamos indo para o código. 597 00:32:29,850 --> 00:32:32,060 Eu sei que vocês amam que, e todos vocês são 598 00:32:32,060 --> 00:32:34,210 vai me ajudar, porque esta é a sua página web. 599 00:32:34,210 --> 00:32:36,310 Esta é a página web da nossa secção, rapazes. 600 00:32:36,310 --> 00:32:40,158 Então, há alguma dúvida antes de eu desligar o PowerPoint, ou qualquer coisa 601 00:32:40,158 --> 00:32:42,366 Você quer que eu rolar para trás para antes de começar a codificação? 602 00:32:42,366 --> 00:32:45,074 >> AUDIÊNCIA: Quando você diz que jogo etiquetas, você quer dizer seletores ou tags? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON Buchholtz-AU: Você pode considerá-los como a mesma coisa. 605 00:32:53,010 --> 00:32:54,590 É apenas palavras diferentes. 606 00:32:54,590 --> 00:32:56,460 Quero dizer, como seletores. 607 00:32:56,460 --> 00:32:59,470 Mas seletores também o mapa de tags. 608 00:32:59,470 --> 00:33:02,800 Assim, você pode pensar neles como eficazmente a mesma coisa. 609 00:33:02,800 --> 00:33:05,900 Eu prometo que vai fazer mais sentido quando código. 610 00:33:05,900 --> 00:33:08,400 Qualquer coisa, desde o PowerPoint ou dúvidas 611 00:33:08,400 --> 00:33:12,980 agora antes de realmente criar página de nossa seção? 612 00:33:12,980 --> 00:33:15,040 Todos prontos? 613 00:33:15,040 --> 00:33:15,540 Legal. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Então, eu tenho um iniciado. 616 00:33:24,760 --> 00:33:27,030 Deixe-me aumentar a fonte para vocês. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 OK, então agora, só temos uma esqueleto página web aqui mesmo. 619 00:33:36,730 --> 00:33:38,360 >> Nós temos um pouco de HTML. 620 00:33:38,360 --> 00:33:41,050 Temos alguns cabeçalho, que nós veja aqui como exemplo de página web. 621 00:33:41,050 --> 00:33:44,540 Alguns título, alguma fonte. 622 00:33:44,540 --> 00:33:47,580 Estas são as tags, OK? 623 00:33:47,580 --> 00:33:53,930 Então, quando eu quero dizer fechar suas tags, vemos aqui esta cabeça suporte é a sua abertura 624 00:33:53,930 --> 00:33:59,670 tag, e este suporte / Cabeça é fechá-lo, OK? 625 00:33:59,670 --> 00:34:04,380 >> Então você pode pensar nisso como seu aparelho em suas condições se 626 00:34:04,380 --> 00:34:05,420 ou o seu para loops. 627 00:34:05,420 --> 00:34:08,630 Se você tiver um no início, você quer um no final. 628 00:34:08,630 --> 00:34:13,500 É ainda irá funcionar a maior parte do tempo se você não tem uma tag fechada, 629 00:34:13,500 --> 00:34:17,659 mas a melhor prática é fechar os tags. 630 00:34:17,659 --> 00:34:20,940 >> Portanto, neste caso, vamos mudar isso. 631 00:34:20,940 --> 00:34:24,150 Nós vamos ter seção sete. 632 00:34:24,150 --> 00:34:25,270 "Seção página da web." 633 00:34:25,270 --> 00:34:26,969 Então, eu estou indo só para mudar isso. 634 00:34:26,969 --> 00:34:32,100 >> E se formos por aqui e nós gotta reload-- salvar e reload-- 635 00:34:32,100 --> 00:34:36,750 percebe-se que até aqui ele mudou, certo? 636 00:34:36,750 --> 00:34:38,250 Legal. 637 00:34:38,250 --> 00:34:39,380 Então, isso muda o título. 638 00:34:39,380 --> 00:34:41,920 Isso é tudo o que está em seu guia. 639 00:34:41,920 --> 00:34:43,870 >> Portanto, este é o tipo de olhando tipo de chato. 640 00:34:43,870 --> 00:34:44,870 Eu não sei quanto a vocês. 641 00:34:44,870 --> 00:34:46,810 Eu acho que nós queremos algo mais aqui. 642 00:34:46,810 --> 00:34:51,900 >> Então o que podemos fazer é o cabeçalho é apenas lá. 643 00:34:51,900 --> 00:34:54,320 Vamos fazer algum tipo de corpo. 644 00:34:54,320 --> 00:34:56,550 Portanto, temos um corpo aqui. 645 00:34:56,550 --> 00:35:01,360 Eu sempre faço aberto e Fecho os tags para começar, 646 00:35:01,360 --> 00:35:04,850 da mesma forma que eu faço chaves. 647 00:35:04,850 --> 00:35:06,326 Ah. 648 00:35:06,326 --> 00:35:09,010 Espere, o quê? 649 00:35:09,010 --> 00:35:10,949 >> AUDIÊNCIA: [inaudível]. 650 00:35:10,949 --> 00:35:11,990 ALLISON Buchholtz-AU: Ah. 651 00:35:11,990 --> 00:35:13,895 Vocês me pegou. 652 00:35:13,895 --> 00:35:14,930 Bom trabalho. 653 00:35:14,930 --> 00:35:16,270 Estrela do ouro. 654 00:35:16,270 --> 00:35:20,300 >> OK, então nós temos um corpo aqui. 655 00:35:20,300 --> 00:35:22,920 E agora vamos começar a adicionar algum texto. 656 00:35:22,920 --> 00:35:26,110 Então, você tem um par diferente opções para adicionar texto. 657 00:35:26,110 --> 00:35:29,380 Nós temos coisas como cabeçalhos. 658 00:35:29,380 --> 00:35:32,144 Temos apenas o texto normal. 659 00:35:32,144 --> 00:35:33,560 Então vamos começar com um cabeçalho. 660 00:35:33,560 --> 00:35:36,670 Na verdade, se vocês querem para puxar para cima HTML da escola W3, 661 00:35:36,670 --> 00:35:38,860 você pode tipo de olhar em volta e se há alguma coisa 662 00:35:38,860 --> 00:35:42,470 particularmente que deseja experimentar com esta página web, podemos fazer isso. 663 00:35:42,470 --> 00:35:46,250 Portanto, neste caso, vamos fazer alguma h1. 664 00:35:46,250 --> 00:35:48,710 Então h1 é como a maior cabeçalho. 665 00:35:48,710 --> 00:35:52,260 Ele vai te dar algo que é muito grande e em negrito. 666 00:35:52,260 --> 00:35:58,010 >> E, neste caso, o que queremos para o primeiro texto na nossa página web? 667 00:35:58,010 --> 00:35:58,640 Qualquer coisa. 668 00:35:58,640 --> 00:35:59,800 Vocês estão indo para criar esta. 669 00:35:59,800 --> 00:36:00,758 Eu só vou escrever. 670 00:36:00,758 --> 00:36:01,620 AUDIÊNCIA: Bem-vindo. 671 00:36:01,620 --> 00:36:02,870 >> ALLISON Buchholtz-AU: Bem-vindo. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 OK, então se nós salvá-lo e recarregar, temos um grande bem-vindos. 674 00:36:12,620 --> 00:36:17,365 Então, só assim você pode ver o diferenças, vamos fazer alguma coisa em H6. 675 00:36:17,365 --> 00:36:18,490 O que nós queremos aqui? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Certo? 678 00:36:27,440 --> 00:36:30,356 >> OK, então apenas para que você possa veja a diferença. 679 00:36:30,356 --> 00:36:31,990 Sim, Sublime. 680 00:36:31,990 --> 00:36:34,680 Então, se você notar, h1, muito, muito grande. 681 00:36:34,680 --> 00:36:39,030 h6, como ousada, mas muito menor, e você tem todo o resto. 682 00:36:39,030 --> 00:36:41,550 Então, você poderia ter H2, H3, H4. 683 00:36:41,550 --> 00:36:43,750 E estes são apenas cabeçalhos, por isso, se você está tentando 684 00:36:43,750 --> 00:36:46,010 para criar uma página web que tem seções diferentes, 685 00:36:46,010 --> 00:36:48,810 talvez você queira usar cabeçalhos em algum lugar. 686 00:36:48,810 --> 00:36:49,580 >> Legal. 687 00:36:49,580 --> 00:36:53,270 Então, vamos adicionar um pouco mais coisas em nosso corpo. 688 00:36:53,270 --> 00:36:58,380 Vejo que seria tipo de legal se tivéssemos uma foto. 689 00:36:58,380 --> 00:37:02,840 Eu sinto que todo mundo poderia usar talvez uma imagem bonito do coelho sobre a direita agora, 690 00:37:02,840 --> 00:37:05,082 então vamos encontrar uma imagem do coelhinho da primeira. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Eu não sei se vocês tem alguma preferências sobre as quais uma que queremos. 693 00:37:12,960 --> 00:37:14,890 Você tem alguma preferência? 694 00:37:14,890 --> 00:37:15,925 Este aqui? 695 00:37:15,925 --> 00:37:17,160 Down. 696 00:37:17,160 --> 00:37:17,750 Está bem. 697 00:37:17,750 --> 00:37:18,760 Aquele que é. 698 00:37:18,760 --> 00:37:20,080 Boas escolhas. 699 00:37:20,080 --> 00:37:21,850 >> OK, então vamos ver a nossa imagem. 700 00:37:21,850 --> 00:37:22,920 Olhe para isso. 701 00:37:22,920 --> 00:37:24,250 Olha que coisa adorável. 702 00:37:24,250 --> 00:37:27,080 Como você pode ser triste numa segunda-feira com este? 703 00:37:27,080 --> 00:37:30,180 >> Então, nós apenas estamos indo para copiar a URL da imagem. 704 00:37:30,180 --> 00:37:38,720 E o que nós queremos fazer é, vamos apenas dizer que temos algum p por parágrafo. 705 00:37:38,720 --> 00:37:41,140 Nós vamos dizer: "Olha olhar para o coelho bonito. 706 00:37:41,140 --> 00:37:44,130 d'awwww ". 707 00:37:44,130 --> 00:37:44,880 Eu amo meus coelhos. 708 00:37:44,880 --> 00:37:45,838 Eu tenho um coelho em casa. 709 00:37:45,838 --> 00:37:48,085 Eu sinto falta do meu coelho. 710 00:37:48,085 --> 00:37:50,460 Então, o que nós estamos indo para fazer-- Eu não sei se vocês querem 711 00:37:50,460 --> 00:37:55,970 ao google isto-- mas com HTML, como você pode incluir uma imagem? 712 00:37:55,970 --> 00:37:58,355 Literalmente, se você procurar no google "Incluem imagem HTML" 713 00:37:58,355 --> 00:38:00,480 Por que não me dizer caras o que esta marca deve ser? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> AUDIÊNCIA: 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 AUDIÊNCIA: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON Buchholtz-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 AUDIÊNCIA: --quote-- sim. 720 00:38:10,181 --> 00:38:11,430 ALLISON Buchholtz-AU: Perfeito. 721 00:38:11,430 --> 00:38:12,090 Adorável. 722 00:38:12,090 --> 00:38:15,470 Veja, a geração MySpace, certo? 723 00:38:15,470 --> 00:38:16,220 Audiência: Neopets. 724 00:38:16,220 --> 00:38:17,470 ALLISON Buchholtz-AU: Neopets. 725 00:38:17,470 --> 00:38:18,950 Oh, OK. 726 00:38:18,950 --> 00:38:20,200 Uau. 727 00:38:20,200 --> 00:38:21,260 Tem sido uma loucura. 728 00:38:21,260 --> 00:38:23,120 Está bem. 729 00:38:23,120 --> 00:38:25,600 >> Então certifique-se eu tenho esse direito. 730 00:38:25,600 --> 00:38:26,100 Legal. 731 00:38:26,100 --> 00:38:27,750 Portanto, este deveria estar aqui. 732 00:38:27,750 --> 00:38:34,146 E então, se recarregar, temos a nossa coelho na página Não é este adorável? 733 00:38:34,146 --> 00:38:35,030 >> Isto é tão bonito. 734 00:38:35,030 --> 00:38:36,860 Você escolheu um grande, grande foto. 735 00:38:36,860 --> 00:38:38,180 Eu estou curtindo. 736 00:38:38,180 --> 00:38:41,350 >> OK, então nós temos este coelho adorável agora. 737 00:38:41,350 --> 00:38:44,590 Fomos capazes de adicionar um imagem, apenas como aquele. 738 00:38:44,590 --> 00:38:47,550 Então, basicamente, se há alguma imagem que você deseja adicionar à sua página web, 739 00:38:47,550 --> 00:38:49,430 você pode adicioná-lo como este. 740 00:38:49,430 --> 00:38:52,910 Outra coisa seria se você tem a imagem armazenada 741 00:38:52,910 --> 00:38:55,670 na mesma pasta este arquivo, você pode apenas 742 00:38:55,670 --> 00:38:59,595 escrever o nome dessa imagem é em vez de ter um link da web. 743 00:38:59,595 --> 00:39:01,010 >> Ainda seria entre aspas. 744 00:39:01,010 --> 00:39:03,700 Seria apenas como se tivéssemos chamado isto-- 745 00:39:03,700 --> 00:39:06,695 Se esse quadro tinha sido salvo na pasta com este arquivo HTML 746 00:39:06,695 --> 00:39:08,570 que eu estou editando e foi chamado bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Também poderia fazer isso e ele iria aparecer. 749 00:39:13,080 --> 00:39:16,600 No entanto, eu não tenho isso guardado em o arquivo e eu quero manter o coelho, 750 00:39:16,600 --> 00:39:18,092 então vamos manter o link. 751 00:39:18,092 --> 00:39:20,720 >> AUDIÊNCIA: Qual é 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 É uma appropriate-- olha, você pode adotá-lo. 754 00:39:25,170 --> 00:39:25,770 Adoção. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Eu quero adotar este coelho. 757 00:39:29,190 --> 00:39:31,180 Oh, Deus, ele é tão bonito. 758 00:39:31,180 --> 00:39:34,230 >> OK, então nós adicionamos cabeçalhos. 759 00:39:34,230 --> 00:39:35,500 Nós adicionamos uma imagem. 760 00:39:35,500 --> 00:39:37,760 Obviamente, nós adicionamos algum texto aqui, certo? 761 00:39:37,760 --> 00:39:40,920 Se quiser adicionar outro textos, nós iríamos assim. 762 00:39:40,920 --> 00:39:43,760 Portanto, este é outro parágrafo. 763 00:39:43,760 --> 00:39:49,070 >> E dizemos "este é outro parágrafo." 764 00:39:49,070 --> 00:39:52,510 Além disso, eu sou um verificador ortográfico horrível, para que eu possa escrever mal as coisas. 765 00:39:52,510 --> 00:39:54,930 Apenas FYI. 766 00:39:54,930 --> 00:39:58,450 >> Então nós temos um outro parágrafo aqui, certo? 767 00:39:58,450 --> 00:40:02,190 Então, talvez você quer fazer algo um pouco mais interessante do que apenas 768 00:40:02,190 --> 00:40:04,640 tem todo o seu texto, como alinhado à direita. 769 00:40:04,640 --> 00:40:08,490 Talvez você deseja centralizar o texto, OK? 770 00:40:08,490 --> 00:40:11,820 >> Então, se alguém quiser usar os computadores acessíveis na frente de você 771 00:40:11,820 --> 00:40:19,034 e me diga como você está vai centrar este texto, 772 00:40:19,034 --> 00:40:20,300 >> AUDIÊNCIA: p align. 773 00:40:20,300 --> 00:40:24,834 >> ALLISON Buchholtz-AU: Então p align é igual a "centro". 774 00:40:24,834 --> 00:40:25,750 Ele está matando-o, rapazes. 775 00:40:25,750 --> 00:40:28,240 Vocês precisam intensificar. 776 00:40:28,240 --> 00:40:36,042 E nós temos "Este é centrado." 777 00:40:36,042 --> 00:40:37,500 E agora temos algo centrado. 778 00:40:37,500 --> 00:40:39,380 >> Da mesma forma, se você quer alinhado à esquerda, 779 00:40:39,380 --> 00:40:42,020 você poderia fazer igual align esquerdo, igual align direita. 780 00:40:42,020 --> 00:40:42,850 Totalmente até você. 781 00:40:42,850 --> 00:40:55,580 Se eu fiz aqui, então este should-- agora ele está alinhado à direita. 782 00:40:55,580 --> 00:40:57,020 >> AUDIÊNCIA: Allison? 783 00:40:57,020 --> 00:41:00,884 Por fonte de imagem, por que não é lá perto da fonte img? 784 00:41:00,884 --> 00:41:02,050 ALLISON Buchholtz-AU: Desculpe. 785 00:41:02,050 --> 00:41:05,300 Este deve ser Há agora que você é bom. 786 00:41:05,300 --> 00:41:06,026 Agora estamos bem. 787 00:41:06,026 --> 00:41:08,150 AUDIÊNCIA: Você não tem para fechá-lo lá, ou não? 788 00:41:08,150 --> 00:41:11,450 ALLISON Buchholtz-AU: Bem, então img fonte, este é só-- com a imagem, 789 00:41:11,450 --> 00:41:17,110 ele é visto apenas como um elemento, ao passo que se você observar para o resto destes, 790 00:41:17,110 --> 00:41:22,106 temos alguns tag então informação que que se refere ao e, em seguida, uma marca de fechamento. 791 00:41:22,106 --> 00:41:24,480 Mas com a imagem, tudo de apenas uma espécie de auto-contido. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 Legal. 794 00:41:29,040 --> 00:41:33,530 Então, vocês sabem como criar um cabeçalho, você sabe como a entrada de texto, 795 00:41:33,530 --> 00:41:37,060 você sabe como colocar uma imagem agora, você pode alinhar as coisas. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Outra coisa que você pode querer ser capaz de fazer 798 00:41:42,590 --> 00:41:47,649 é criar uma lista de CS-- estamos tipo de entrar em pset da próxima semana. 799 00:41:47,649 --> 00:41:49,440 O material que nós tipicamente ensinar esta semana 800 00:41:49,440 --> 00:41:51,480 vai muito bem com pset da próxima semana, por isso estamos 801 00:41:51,480 --> 00:41:54,250 tipo de mistura, sobreposição de coisas aqui. 802 00:41:54,250 --> 00:41:56,290 Mas vai ser útil para a próxima semana. 803 00:41:56,290 --> 00:42:02,500 >> Então, se nós quisemos criar alguns lista, como podemos fazer isso? 804 00:42:02,500 --> 00:42:03,760 Você não pode responder a este tempo. 805 00:42:03,760 --> 00:42:04,700 Alguém tem de. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 Não é difícil, gente, prometo. 808 00:42:09,440 --> 00:42:13,090 Google "desordenadas lista HTML." 809 00:42:13,090 --> 00:42:14,076 O que é que foi isso? 810 00:42:14,076 --> 00:42:16,244 >> AUDIÊNCIA: [inaudível]. 811 00:42:16,244 --> 00:42:17,410 ALLISON Buchholtz-AU: Certo. 812 00:42:17,410 --> 00:42:20,490 Então, nós queremos ordenada ou desordenada? 813 00:42:20,490 --> 00:42:21,500 Vamos fazer uma desordenada. 814 00:42:21,500 --> 00:42:25,240 Portanto, temos alguns ul, que significa lista não ordenada. 815 00:42:25,240 --> 00:42:27,997 E o que temos para cada elemento? 816 00:42:27,997 --> 00:42:29,080 Será que ela precisa de sua própria marca? 817 00:42:29,080 --> 00:42:30,556 Podemos apenas começar a escrever coisas? 818 00:42:30,556 --> 00:42:31,330 >> AUDIÊNCIA: li. 819 00:42:31,330 --> 00:42:32,826 >> ALLISON Buchholtz-AU: li. 820 00:42:32,826 --> 00:42:34,785 Então, o que está a nossa lista vai ser? 821 00:42:34,785 --> 00:42:37,050 O que nós queremos aqui? 822 00:42:37,050 --> 00:42:38,190 Nós apenas fazemos nomes. 823 00:42:38,190 --> 00:42:39,250 Basta fazer o Jacob. 824 00:42:39,250 --> 00:42:40,340 >> Alimentos Coelho: audiência. 825 00:42:40,340 --> 00:42:40,990 >> ALLISON Buchholtz-AU: alimentos Coelho. 826 00:42:40,990 --> 00:42:41,910 OK eu gosto disso. 827 00:42:41,910 --> 00:42:42,520 Alimentos Coelho. 828 00:42:42,520 --> 00:42:44,440 >> OK, então nós temos cenouras. 829 00:42:44,440 --> 00:42:46,640 Eu gosto deste tema coelho. 830 00:42:46,640 --> 00:42:48,024 Estou curtindo muito. 831 00:42:48,024 --> 00:42:50,440 AUDIÊNCIA: Na verdade, eu pensei que Jacob seria um legit. 832 00:42:50,440 --> 00:42:51,606 ALLISON Buchholtz-AU: Jacob? 833 00:42:51,606 --> 00:42:53,120 Jacob é comida de coelho. 834 00:42:53,120 --> 00:42:55,310 Se você viu Jacob foto do horário de expediente, 835 00:42:55,310 --> 00:42:56,850 você pode ter pensado que ele tem atacado por um coelho assassino. 836 00:42:56,850 --> 00:42:58,099 >> AUDIÊNCIA: Eu tenho um coelho agora. 837 00:42:58,099 --> 00:42:59,710 Eu tenho um coelho assassino agora. 838 00:42:59,710 --> 00:43:00,540 >> ALLISON Buchholtz-AU: Você está brincando comigo? 839 00:43:00,540 --> 00:43:02,081 >> AUDIÊNCIA: Eu vou trazê-lo próxima seção. 840 00:43:02,081 --> 00:43:02,990 Eu tenho isso. 841 00:43:02,990 --> 00:43:04,240 >> ALLISON Buchholtz-AU: Isso é ridículo. 842 00:43:04,240 --> 00:43:04,730 Enfim. 843 00:43:04,730 --> 00:43:05,510 >> AUDIÊNCIA: [inaudível] 844 00:43:05,510 --> 00:43:07,510 >> AUDIÊNCIA: Sim, minha proctor tem um coelho bem. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON Buchholtz-AU: Eu quero um coelho. 847 00:43:11,580 --> 00:43:15,415 OK, quem traz um coelho real para a próxima seção, brownie pontos totais. 848 00:43:15,415 --> 00:43:16,290 AUDIÊNCIA: [inaudível] 849 00:43:16,290 --> 00:43:16,943 AUDIÊNCIA: Oh, não é real. 850 00:43:16,943 --> 00:43:17,910 É um coelho de pelúcia. 851 00:43:17,910 --> 00:43:18,855 >> ALLISON Buchholtz-AU: Oh sim, podemos fechar estes. 852 00:43:18,855 --> 00:43:20,174 Parece rad. 853 00:43:20,174 --> 00:43:21,590 AUDIÊNCIA: Será que isso realmente importa? 854 00:43:21,590 --> 00:43:23,465 ALLISON Buchholtz-AU: Não faz. 855 00:43:23,465 --> 00:43:25,590 Com a maioria dessas coisas, você não fechar a tag, 856 00:43:25,590 --> 00:43:28,750 99% do tempo nada de ruim está acontecendo a acontecer, mas é bom estilo, também. 857 00:43:28,750 --> 00:43:30,250 Então Jacob. 858 00:43:30,250 --> 00:43:31,864 E temos alface. 859 00:43:31,864 --> 00:43:33,655 AUDIÊNCIA: Para links, que é realmente importante. 860 00:43:33,655 --> 00:43:34,696 ALLISON Buchholtz-AU: Hm? 861 00:43:34,696 --> 00:43:35,890 AUDIÊNCIA: Para hiperlinks. 862 00:43:35,890 --> 00:43:37,431 ALLISON Buchholtz-AU: Para hiperlinks. 863 00:43:37,431 --> 00:43:38,610 Sim, hyperlinks precisar. 864 00:43:38,610 --> 00:43:40,770 OK, então vamos ver aqui. 865 00:43:40,770 --> 00:43:44,810 E temos o próximo da nossa lista. 866 00:43:44,810 --> 00:43:46,635 E olhamos para isso. 867 00:43:46,635 --> 00:43:49,680 Temos tudo-- Jacob, ali mesmo. 868 00:43:49,680 --> 00:43:52,310 Comida de coelho. 869 00:43:52,310 --> 00:43:54,000 Lembra-me de Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> AUDIÊNCIA: [inaudível] 871 00:43:55,234 --> 00:43:58,400 ALLISON Buchholtz-AU: Eu estou trazendo de volta todas as referências da velha escola hoje, 872 00:43:58,400 --> 00:43:59,130 não é? 873 00:43:59,130 --> 00:44:01,210 Apenas a todas as referências velha escola. 874 00:44:01,210 --> 00:44:05,767 Deveria ter trazido como Iogurtes ou algo para lanches. 875 00:44:05,767 --> 00:44:07,079 >> AUDIÊNCIA: Ou Gushers. 876 00:44:07,079 --> 00:44:08,120 ALLISON Buchholtz-AU: Oh. 877 00:44:08,120 --> 00:44:08,620 Está bem. 878 00:44:08,620 --> 00:44:10,920 Vou ver se posso acompanhar baixo Gushers para a próxima semana. 879 00:44:10,920 --> 00:44:11,980 Acho que posso fazer isso. 880 00:44:11,980 --> 00:44:13,980 Eu acho que pode ter alguns no escritório. 881 00:44:13,980 --> 00:44:18,570 >> OK, então nós cobrimos muito diferente coisas que você pode fazer com o HTML, certo? 882 00:44:18,570 --> 00:44:23,910 E como você provavelmente pode ver, é nothing-- espero, não muito intim-- 883 00:44:23,910 --> 00:44:25,750 se for, eu não quero dizer menosprezar ninguém. 884 00:44:25,750 --> 00:44:29,090 Se você está tendo problemas, por favor, venha falar comigo. 885 00:44:29,090 --> 00:44:31,340 >> Mas a maior parte é apenas olhando para a sintaxe, certo? 886 00:44:31,340 --> 00:44:34,180 Se você quiser uma lista não ordenada, se você quiser algum tipo de lista, 887 00:44:34,180 --> 00:44:38,450 se você deseja alinhar algo ou formato de alguma coisa, é tudo sobre apenas 888 00:44:38,450 --> 00:44:42,080 tipo de olhar para cima o sintaxe para HTML, certo? 889 00:44:42,080 --> 00:44:44,720 E uma coisa que é muito legal, na verdade, 890 00:44:44,720 --> 00:44:51,360 é se você vai a-- vamos ver, o que é um bom site que nós gostamos? 891 00:44:51,360 --> 00:44:54,920 Alguém tem alguma sites favoritos que são OK para trazer on-line? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Você sabe o que, vamos apenas fazer CS50. 894 00:44:58,840 --> 00:45:01,800 Isso é bom e seguro, certo? 895 00:45:01,800 --> 00:45:03,060 >> OK, então CS50 aqui. 896 00:45:03,060 --> 00:45:05,540 Oh, olhe, há uma seção no momento. 897 00:45:05,540 --> 00:45:07,113 Se você gosta do jeito que parece. 898 00:45:07,113 --> 00:45:08,030 >> AUDIÊNCIA: [inaudível]. 899 00:45:08,030 --> 00:45:10,696 ALLISON Buchholtz-AU: Nós não somos vai fazer seção de meta, rapazes. 900 00:45:10,696 --> 00:45:11,560 Isso não está acontecendo. 901 00:45:11,560 --> 00:45:14,540 Seria legal, mas nós não vamos fazê-lo. 902 00:45:14,540 --> 00:45:17,040 >> Então o que você poderia fazer se você gosta da maneira 903 00:45:17,040 --> 00:45:21,390 isso funciona é que você pode sempre certo clicar em qualquer página da web que você gosta 904 00:45:21,390 --> 00:45:23,660 e você pode fazer View Page Source. 905 00:45:23,660 --> 00:45:26,030 Ela irá mostrar todo o HTML. 906 00:45:26,030 --> 00:45:30,800 E este é realmente um muito bom maneira de estilizar a sua própria página web. 907 00:45:30,800 --> 00:45:33,640 Ir para uma página da Web que você realmente gosto e olhar para o HTML 908 00:45:33,640 --> 00:45:35,430 e descobrir como eles fizeram isso. 909 00:45:35,430 --> 00:45:39,280 >> E literalmente, contanto como você citar coisas, 910 00:45:39,280 --> 00:45:41,940 contanto que você não é apenas roubando de pessoas, é OK. 911 00:45:41,940 --> 00:45:43,890 Especialmente para CS50 [? financiar?], estamos 912 00:45:43,890 --> 00:45:46,950 meio que esperando que você obtenha inspiração de outro site. 913 00:45:46,950 --> 00:45:48,070 Então, sinta-se livre. 914 00:45:48,070 --> 00:45:51,360 Olhe através de sites que você acha que são realmente muito 915 00:45:51,360 --> 00:45:54,870 e descobrir como eles usam HTML e CSS para fazer essas coisas. 916 00:45:54,870 --> 00:45:59,860 >> Então, como você vê aqui, há, obviamente, como as ligações e que temos uma classe aqui. 917 00:45:59,860 --> 00:46:00,950 Nós temos um link aqui. 918 00:46:00,950 --> 00:46:03,100 Temos uma lista. 919 00:46:03,100 --> 00:46:05,370 Nós provavelmente tem algum fotos em algum lugar por aqui. 920 00:46:05,370 --> 00:46:08,332 >> Temos algum estilo legal aqui. 921 00:46:08,332 --> 00:46:10,040 Esta é a próxima coisa vamos fazer. 922 00:46:10,040 --> 00:46:14,580 Então estilo, sempre que você vê estes suportes de estilo, é basicamente CSS. 923 00:46:14,580 --> 00:46:15,880 Ben, você tem uma pergunta? 924 00:46:15,880 --> 00:46:16,880 >> AUDIÊNCIA: Qual é div? 925 00:46:16,880 --> 00:46:20,039 >> ALLISON Buchholtz-AU: div é apenas o que é A-- div? 926 00:46:20,039 --> 00:46:20,830 AUDIÊNCIA: Divisão. 927 00:46:20,830 --> 00:46:22,121 ALLISON Buchholtz-AU: Divisão. 928 00:46:22,121 --> 00:46:25,960 Sim, é como separar elementos diferentes. 929 00:46:25,960 --> 00:46:28,650 OK, então aqui está o que nós somos indo para ir para o próximo. 930 00:46:28,650 --> 00:46:31,550 Portanto, este pode não ser o melhor estilo, porque, se você observar 931 00:46:31,550 --> 00:46:37,681 temos HTML e estilo na mesma página, e nós realmente queremos separar aqueles, 932 00:46:37,681 --> 00:46:38,180 Ok? 933 00:46:38,180 --> 00:46:41,620 E, na verdade, deixe-me abrir meu caminho certo 934 00:46:41,620 --> 00:46:45,990 porque este é suposto ser o PDF, por isso temos style.css. 935 00:46:45,990 --> 00:46:51,210 >> Então o que podemos fazer aqui é estes são coisas legais como alguns de fade 936 00:46:51,210 --> 00:46:55,550 e nós poderíamos tentar fazer isso, mas eu sinto como eu faria confusão que em tempo real, 937 00:46:55,550 --> 00:46:58,520 eu encorajo vocês a vá tentar isso em seu próprio país, 938 00:46:58,520 --> 00:47:00,310 mas eu não vou fazer isso agora. 939 00:47:00,310 --> 00:47:03,790 Então, se vocês, lembrem-se, se você nunca bateu conjunto de problemas, 940 00:47:03,790 --> 00:47:05,584 Rusgas em algo de lado. 941 00:47:05,584 --> 00:47:08,000 Tem a ver com o fade e a transição e outros enfeites. 942 00:47:08,000 --> 00:47:09,630 >> AUDIÊNCIA: E isso é tudo o CSS e HTML? 943 00:47:09,630 --> 00:47:11,460 >> ALLISON Buchholtz-AU: Todos CSS e HTML. 944 00:47:11,460 --> 00:47:12,420 Sim. 945 00:47:12,420 --> 00:47:17,720 Assim, você pode fazer um monte de realmente coisas legais com CSS e HTML. 946 00:47:17,720 --> 00:47:22,280 Assim, com a nossa incrível página web coelho aqui, nós 947 00:47:22,280 --> 00:47:25,240 vamos fazer um pouco bit de estilo CSS com ele. 948 00:47:25,240 --> 00:47:28,850 >> Então, se você já tem um estilo folha, o que temos aqui, 949 00:47:28,850 --> 00:47:30,550 você pode apenas chamar style.css. 950 00:47:30,550 --> 00:47:32,090 Você pode chamar do que quiser. 951 00:47:32,090 --> 00:47:37,110 O que é importante é que nós vamos fazer referência a ela em nosso web.html aqui. 952 00:47:37,110 --> 00:47:41,670 >> Então, o que nós vamos fazer é nós-- para que eu não faça bagunça neste up-- 953 00:47:41,670 --> 00:47:46,180 vamos ligar estes dois ficheiros juntos. 954 00:47:46,180 --> 00:47:49,340 Assim, da mesma maneira-- eu vou para fazer uma analogia com C aqui. 955 00:47:49,340 --> 00:47:53,510 Da mesma forma que se dispõe alguns library-- e temos cs50.h-- 956 00:47:53,510 --> 00:47:55,520 nosso compilador liga-lo. 957 00:47:55,520 --> 00:47:58,040 Este é apenas um explícito ligação da nossa parte. 958 00:47:58,040 --> 00:48:01,840 Assim, da mesma maneira que nós fazemos hash de incluir algum arquivo, o que 959 00:48:01,840 --> 00:48:06,890 Estou prestes a escrever é apenas o HTML / CSS equivalente a isso. 960 00:48:06,890 --> 00:48:11,970 >> Estamos apenas dizendo, OK, esta página web vai usar este estilo, OK? 961 00:48:11,970 --> 00:48:23,360 Portanto, temos link rel igual a folha de estilo. 962 00:48:23,360 --> 00:48:30,870 E então nós temos tipo, css. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 E então href igual. 965 00:48:37,060 --> 00:48:41,910 966 00:48:41,910 --> 00:48:42,860 >> Está bem. 967 00:48:42,860 --> 00:48:45,680 Então, tudo isso fez aqui é que você pode pense nisso como a mesma coisa 968 00:48:45,680 --> 00:48:47,550 como um hash incluir. 969 00:48:47,550 --> 00:48:53,450 Obviamente que parece um pouco mais complicada, mas em todos os casos, 970 00:48:53,450 --> 00:48:55,370 é efetivamente a mesma coisa. 971 00:48:55,370 --> 00:49:00,940 Portanto, esta é apenas uma ligação de um folha de estilo, é do tipo text / css, 972 00:49:00,940 --> 00:49:02,875 eo nome dele é style.css. 973 00:49:02,875 --> 00:49:05,560 >> O que é importante saber é que a página web 974 00:49:05,560 --> 00:49:09,155 que eu estou trabalhando direito agora- web.html e style.css-- estão na mesma pasta. 975 00:49:09,155 --> 00:49:14,740 Porque em pastas diferentes, você precisa dar a raiz real 976 00:49:14,740 --> 00:49:17,480 para ele ou o caminho para ele. 977 00:49:17,480 --> 00:49:20,620 Mas, neste caso, nós estamos mantendo-o super simples e que vai estar aqui. 978 00:49:20,620 --> 00:49:26,730 Então, se fizermos isso, tenho algumas as coisas já na fila aqui. 979 00:49:26,730 --> 00:49:31,680 >> Portanto, temos um corpo, o que está acontecendo ter a nossa cor de fundo, o que 980 00:49:31,680 --> 00:49:33,320 agora é azul claro. 981 00:49:33,320 --> 00:49:36,850 Nós podemos mudar isso se quisermos, mas se bem me lembro isso corretamente, 982 00:49:36,850 --> 00:49:39,270 ele deve apenas mudá-lo à luz azul. 983 00:49:39,270 --> 00:49:42,050 E agora temos um fundo azul claro. 984 00:49:42,050 --> 00:49:47,490 E nós tivemos aqui-- pode alguém se lembra qual é o ID de hash ou classe? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> AUDIÊNCIA: ID. 987 00:49:51,080 --> 00:49:51,800 >> ALLISON Buchholtz-AU: ID. 988 00:49:51,800 --> 00:49:52,420 Legal. 989 00:49:52,420 --> 00:49:58,920 Então, o que nós queremos fazer é que estas fontes 990 00:49:58,920 --> 00:50:01,534 ou which-- queremos "Olhe o coelho bonito "ser roxo? 991 00:50:01,534 --> 00:50:02,950 Eu acho que nós queremos que seja roxo. 992 00:50:02,950 --> 00:50:04,640 Estou muito triste com isso sendo roxo. 993 00:50:04,640 --> 00:50:08,790 >> Então, o que você faz é que você faz ID equals-- neste caso 994 00:50:08,790 --> 00:50:13,630 Eu disse, o que, muito cor aqui. 995 00:50:13,630 --> 00:50:14,780 Nós recarregar. 996 00:50:14,780 --> 00:50:17,460 De repente, ele é roxo. 997 00:50:17,460 --> 00:50:20,680 OK, então com ID, lembre-se ele precisa ser único, 998 00:50:20,680 --> 00:50:24,370 então eu nunca deve estar usando este ID em qualquer outro lugar. 999 00:50:24,370 --> 00:50:27,760 Mas, com classe, como temos aqui com uma fonte bonita, 1000 00:50:27,760 --> 00:50:30,300 Eu deveria ser capaz de usar que em qualquer lugar que eu quero. 1001 00:50:30,300 --> 00:50:33,160 >> Então vamos fazer este aqui. 1002 00:50:33,160 --> 00:50:41,100 Assim, podemos dizer classe é igual a fonte bonita. 1003 00:50:41,100 --> 00:50:46,190 E se olharmos agora, temos este tipo de letra muito legal aqui. 1004 00:50:46,190 --> 00:50:49,160 Então, talvez eu quero fazer ambos. 1005 00:50:49,160 --> 00:50:52,786 OK, eu realmente não sei se isso é indo para o trabalho, mas eu quero tentar. 1006 00:50:52,786 --> 00:50:54,410 E é assim que você aprender CSS e HTML. 1007 00:50:54,410 --> 00:50:55,660 Você é como, você sabe o que, eu quero tentar isso. 1008 00:50:55,660 --> 00:50:56,430 Eu não tenho certeza se ele vai funcionar. 1009 00:50:56,430 --> 00:50:57,346 Vamos ver se funciona. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> E olha que isso. 1012 00:51:01,540 --> 00:51:04,540 Agora é de púrpura e é um tipo de letra bonita. 1013 00:51:04,540 --> 00:51:08,692 OK, então você tem tudo isso coisas diferentes que você pode fazer. 1014 00:51:08,692 --> 00:51:09,650 Você tem uma pergunta? 1015 00:51:09,650 --> 00:51:10,275 >> AUDIÊNCIA: Yeah. 1016 00:51:10,275 --> 00:51:13,280 Bem, assim como as cores você está usando são palavras. 1017 00:51:13,280 --> 00:51:16,005 Existe uma maneira de fazer cores com a RGB hexadecimal? 1018 00:51:16,005 --> 00:51:18,880 ALLISON Buchholtz-AU: Você também pode fazê-lo com hexadecimal, eu acredito. 1019 00:51:18,880 --> 00:51:19,803 Sim. 1020 00:51:19,803 --> 00:51:22,136 Mas é bem legal se você Não quero procurá-los. 1021 00:51:22,136 --> 00:51:23,762 Você pode ser como, roxo ou azul. 1022 00:51:23,762 --> 00:51:25,720 AUDIÊNCIA: Vamos esperar que eles sabe o que isso significa. 1023 00:51:25,720 --> 00:51:26,886 ALLISON Buchholtz-AU: Certo. 1024 00:51:26,886 --> 00:51:29,580 Então, vamos fazer essa leitura ou chartreuse. 1025 00:51:29,580 --> 00:51:32,060 Por que você nunca escolher chartreuse? 1026 00:51:32,060 --> 00:51:33,340 É uma cor interessante. 1027 00:51:33,340 --> 00:51:37,355 >> OK, então, obviamente, podemos ver que pode mudar as coisas no entanto que queremos. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Se você quisesse create-- digamos queríamos criar uma outra classe. 1030 00:51:45,392 --> 00:51:46,850 O que vocês pode querer mudar? 1031 00:51:46,850 --> 00:51:51,840 Se você puxar para cima W3Schools ' Documentação CSS, 1032 00:51:51,840 --> 00:51:54,450 Deixo a palavra a vocês. 1033 00:51:54,450 --> 00:51:57,990 Nós podemos tentar fazer algo legal com este no último par de minutos. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Porque eu tenho o tipo de dado-lhe uma Crash Course em um monte de coisas legais 1036 00:52:03,150 --> 00:52:03,970 que você pode fazer. 1037 00:52:03,970 --> 00:52:09,956 Mas, no final, como eu disse, se você apenas experiência, você vai aprender muito. 1038 00:52:09,956 --> 00:52:12,212 >> AUDIÊNCIA: Você quis procurar essa fonte? 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON Buchholtz-AU: Sim, Eu olhei para essa fonte. 1040 00:52:14,295 --> 00:52:17,200 Assim como, literalmente, eu fui a-- o que eu fiz? 1041 00:52:17,200 --> 00:52:22,371 Eu fiz lista de fontes CSS, e então eu fiz pilha fonte, 1042 00:52:22,371 --> 00:52:25,120 e então eu era como, olha, aqui são todas as fontes legais que você pode fazer. 1043 00:52:25,120 --> 00:52:28,180 E havia um presente, então Copiei-o para minha prancheta. 1044 00:52:28,180 --> 00:52:31,820 E então eu era como, OK, legal, lá vamos nós. 1045 00:52:31,820 --> 00:52:32,320 Tudo feito. 1046 00:52:32,320 --> 00:52:35,920 >> AUDIÊNCIA: Então você tem que ter certeza CSS que sabe o que é fonte. 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON Buchholtz-AU: Sim. 1048 00:52:37,370 --> 00:52:38,190 >> AUDIÊNCIA: O que diz no final? 1049 00:52:38,190 --> 00:52:38,790 Cursive? 1050 00:52:38,790 --> 00:52:40,040 >> ALLISON Buchholtz-AU: Cursive. 1051 00:52:40,040 --> 00:52:40,950 Sim. 1052 00:52:40,950 --> 00:52:42,310 >> AUDIÊNCIA: Imagem de fundo. 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON Buchholtz-AU: Imagem de fundo. 1054 00:52:43,290 --> 00:52:44,180 Está bem. 1055 00:52:44,180 --> 00:52:46,490 Então você quer me dizer como fazer isso. 1056 00:52:46,490 --> 00:52:47,390 Deixo isso para você. 1057 00:52:47,390 --> 00:52:49,070 Eu só estou escrevendo aqui agora. 1058 00:52:49,070 --> 00:52:51,714 A roda está em suas mãos. 1059 00:52:51,714 --> 00:52:52,660 >> AUDIÊNCIA: OK 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON Buchholtz-AU: OK. 1061 00:52:53,701 --> 00:52:54,720 O que estou fazendo? 1062 00:52:54,720 --> 00:53:02,929 >> AUDIÊNCIA: Doing-- Eu sei o que vem depois da chaveta. 1063 00:53:02,929 --> 00:53:03,970 ALLISON Buchholtz-AU: OK. 1064 00:53:03,970 --> 00:53:06,707 Então, provavelmente no corpo, eu assumiria, porque estamos 1065 00:53:06,707 --> 00:53:08,040 fazendo a imagem de fundo. 1066 00:53:08,040 --> 00:53:08,940 >> AUDIÊNCIA: Sim, vamos fazer isso. 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON Buchholtz-AU: OK. 1068 00:53:09,981 --> 00:53:14,260 AUDIÊNCIA: OK, então fundo cólon, e então nós 1069 00:53:14,260 --> 00:53:16,894 precisa de um endereço URL dessa imagem. 1070 00:53:16,894 --> 00:53:18,560 Talvez pseudo-código que, por agora, talvez. 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON Buchholtz-AU: O que você gostaria que eu a-- 1072 00:53:20,601 --> 00:53:22,574 AUDIÊNCIA: Eu estou pensando como um GIF. 1073 00:53:22,574 --> 00:53:23,740 ALLISON Buchholtz-AU: A GIF? 1074 00:53:23,740 --> 00:53:26,070 Isso vai ser interessante. 1075 00:53:26,070 --> 00:53:27,840 OK, o que estou pesquisando aqui? 1076 00:53:27,840 --> 00:53:29,670 >> AUDIÊNCIA: Não, essa é a sua escolha. 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON Buchholtz-AU: Por não nós-- se é um coelho, 1078 00:53:32,090 --> 00:53:35,610 Eu sinto que nós deveríamos ter um gramado bom ou algo assim. 1079 00:53:35,610 --> 00:53:38,275 >> AUDIÊNCIA: Prado. 1080 00:53:38,275 --> 00:53:39,350 Um prado. 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON Buchholtz-AU: Um prado? 1082 00:53:40,641 --> 00:53:41,851 Está bem. 1083 00:53:41,851 --> 00:53:42,975 AUDIÊNCIA: Ou Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON Buchholtz-AU: Este parece bonito. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Oh, isso é minúscula, porém. 1088 00:53:50,380 --> 00:53:51,700 Precisamos de uma imagem em tamanho bom. 1089 00:53:51,700 --> 00:53:53,142 Vamos ver. 1090 00:53:53,142 --> 00:53:54,570 Oh, olhe. 1091 00:53:54,570 --> 00:53:55,630 Isso é um prado bonito. 1092 00:53:55,630 --> 00:53:58,320 Você sabe o que, eu gosto de um presente. 1093 00:53:58,320 --> 00:53:59,300 Vamos copiar este. 1094 00:53:59,300 --> 00:54:08,020 >> AUDIÊNCIA: OK, então eu acho que é o URL, parênteses abertos. 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON Buchholtz-AU: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> AUDIÊNCIA: Então o endereço. 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON Buchholtz-AU: OK. 1098 00:54:13,610 --> 00:54:14,750 É tudo o que precisamos? 1099 00:54:14,750 --> 00:54:20,550 >> AUDIÊNCIA: Close parênteses ponto e vírgula, e, em seguida, o espaço de fundo hífen 1100 00:54:20,550 --> 00:54:27,050 dois pontos de fixação fixo, e chaveta. 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON Buchholtz-AU: OK. 1102 00:54:28,110 --> 00:54:29,114 Vamos ver se isso funciona. 1103 00:54:29,114 --> 00:54:30,780 Vai ser muito legal se isso acontecer. 1104 00:54:30,780 --> 00:54:33,880 Estou muito animado aqui. 1105 00:54:33,880 --> 00:54:35,070 Não funcionou. 1106 00:54:35,070 --> 00:54:35,700 Eu me pergunto por quê. 1107 00:54:35,700 --> 00:54:37,700 AUDIÊNCIA: Talvez a URL tem que ser em citações. 1108 00:54:37,700 --> 00:54:38,866 ALLISON Buchholtz-AU: Talvez. 1109 00:54:38,866 --> 00:54:41,520 E é assim que aprendemos, rapazes. 1110 00:54:41,520 --> 00:54:44,340 >> AUDIÊNCIA: Podemos ter fundo imagem de fundo e cor? 1111 00:54:44,340 --> 00:54:45,390 >> AUDIÊNCIA: Não. 1112 00:54:45,390 --> 00:54:46,550 Um substitui o outro. 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON Buchholtz-AU: Eu não sei. 1114 00:54:46,960 --> 00:54:47,460 Vamos ver. 1115 00:54:47,460 --> 00:54:48,860 Vamos dar uma olhada e ver. 1116 00:54:48,860 --> 00:54:51,567 >> AUDIÊNCIA: Oh, talvez, sim. 1117 00:54:51,567 --> 00:54:52,400 [Interpondo VOZES] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON Buchholtz-AU: OK, este é obviously-- I [inaudível] aqui. 1120 00:55:03,260 --> 00:55:04,927 Então OK. 1121 00:55:04,927 --> 00:55:06,260 AUDIÊNCIA: attachment fundo. 1122 00:55:06,260 --> 00:55:07,301 ALLISON Buchholtz-AU: Ah. 1123 00:55:07,301 --> 00:55:12,096 1124 00:55:12,096 --> 00:55:13,946 >> AUDIÊNCIA: OK, eu não sei. 1125 00:55:13,946 --> 00:55:16,070 ALLISON Buchholtz-AU: É olha como ele deve funcionar. 1126 00:55:16,070 --> 00:55:19,074 Tem certeza de que é dois pontos após a URL? 1127 00:55:19,074 --> 00:55:20,439 >> AUDIÊNCIA: Não, é ponto e vírgula. 1128 00:55:20,439 --> 00:55:21,980 ALLISON Buchholtz-AU: É ponto e vírgula. 1129 00:55:21,980 --> 00:55:22,530 AUDIÊNCIA: Eu disse cólon? 1130 00:55:22,530 --> 00:55:24,155 ALLISON Buchholtz-AU: Você disse uma vírgula. 1131 00:55:24,155 --> 00:55:26,222 AUDIÊNCIA: Oh, não. 1132 00:55:26,222 --> 00:55:27,680 ALLISON Buchholtz-AU: Lá vai você. 1133 00:55:27,680 --> 00:55:29,350 AUDIÊNCIA: Oh, espere, agora não podemos ler o texto. 1134 00:55:29,350 --> 00:55:30,320 ALLISON Buchholtz-AU: Agora você não pode ler o texto, 1135 00:55:30,320 --> 00:55:32,740 mas temos a imagem de fundo. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> AUDIÊNCIA: O HTML apoiar conteúdo dinâmico? 1138 00:55:35,220 --> 00:55:39,070 Tipo, você pode redimensionar a foto dependendo do tamanho da janela, 1139 00:55:39,070 --> 00:55:39,890 ou isso é um CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON Buchholtz-AU: Então CSS tem que fazer isso. 1141 00:55:41,723 --> 00:55:45,210 Então, se vocês estão interessados em aprender CSS avançado, 1142 00:55:45,210 --> 00:55:50,789 Eu sou co-ensinar uma seminário sobre CSS no 7º. 1143 00:55:50,789 --> 00:55:52,580 E eu prometo que vai ser muito mais em profundidade 1144 00:55:52,580 --> 00:55:55,220 e fazer muito mais legal coisas nesta seção. 1145 00:55:55,220 --> 00:55:59,234 E o meu co-professor é como mestre total de dev web front-end. 1146 00:55:59,234 --> 00:56:02,150 Então vai ser muito legal se você quiser para aprender sobre todas as coisas legais 1147 00:56:02,150 --> 00:56:03,960 que CSS pode fazer. 1148 00:56:03,960 --> 00:56:06,860 >> Mas o que temos aqui com seu apego fundo 1149 00:56:06,860 --> 00:56:13,330 fixed-- por isso é algum size-- fixo mas você pode realmente dynamically-- 1150 00:56:13,330 --> 00:56:17,610 se você já viu páginas da web, como A maioria das boas páginas web vai fazer, 1151 00:56:17,610 --> 00:56:19,470 quando você ajustar o tamanho do seu navegador, 1152 00:56:19,470 --> 00:56:23,980 ajusta o fundo ou quanto está mostrando ou reformata as coisas, certo? 1153 00:56:23,980 --> 00:56:27,100 Então, isso é o que chamamos posicionamento relativo. 1154 00:56:27,100 --> 00:56:33,410 >> E CSS pode realmente pegar o quão grande o seu largura do navegador é ou o quão alto é, 1155 00:56:33,410 --> 00:56:37,970 e você pode posicionar as coisas de acordo com os tamanhos relativos 1156 00:56:37,970 --> 00:56:40,420 contra tamanhos absolutos. 1157 00:56:40,420 --> 00:56:44,920 E isso é, obviamente, mais avançado CSS, mas isso é algo que você pode fazer. 1158 00:56:44,920 --> 00:56:47,390 Se você quer aprender mais, venha ao meu seminário. 1159 00:56:47,390 --> 00:56:50,540 >> Então, isso é algo que você pode fazer. 1160 00:56:50,540 --> 00:56:54,450 E CSS pode, na verdade, fazer-- CSS e JavaScript, 1161 00:56:54,450 --> 00:56:58,790 que nós vamos chegar no próximo week-- pode permitir que você alterar dinamicamente 1162 00:56:58,790 --> 00:57:02,160 páginas sem ter que recarregá-los o tempo todo. 1163 00:57:02,160 --> 00:57:04,590 E você começa a fazer alguma coisas muito legal. 1164 00:57:04,590 --> 00:57:09,317 >> Então, há uma outra coisa que vocês pode querer fazer 1165 00:57:09,317 --> 00:57:10,650 ou qualquer coisa que você deseja explorar? 1166 00:57:10,650 --> 00:57:12,900 Temos 10 minutos restantes. 1167 00:57:12,900 --> 00:57:19,010 Nós também pode sair mais cedo, mas se você quer fazer mais algumas coisas na web, 1168 00:57:19,010 --> 00:57:20,960 pudermos, mas eu não sou vai forçá-lo a. 1169 00:57:20,960 --> 00:57:23,510 Mas também podemos apenas comer doces. 1170 00:57:23,510 --> 00:57:25,760 AUDIÊNCIA: Realce o texto branco para que você possa lê-lo. 1171 00:57:25,760 --> 00:57:27,680 ALLISON Buchholtz-AU: OK. 1172 00:57:27,680 --> 00:57:33,389 Portanto, neste caso, nós queremos algum p. 1173 00:57:33,389 --> 00:57:36,305 AUDIÊNCIA: Devemos fazê-lo no corpo para que ele se aplica a toda a página? 1174 00:57:36,305 --> 00:57:38,096 ALLISON Buchholtz-AU: Sim, nós podemos, na verdade. 1175 00:57:38,096 --> 00:57:40,880 Essa é uma boa idéia. 1176 00:57:40,880 --> 00:57:43,420 Então, nós have-- você sabemos o que deve ser? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Eu não sei se podemos fazer a cor do texto. 1179 00:57:50,260 --> 00:57:54,946 Eu estava indo para tentar criar uma outra classe aqui. 1180 00:57:54,946 --> 00:57:58,394 >> AUDIÊNCIA: Como você obtenha que tem as sugestões? 1181 00:57:58,394 --> 00:58:00,560 ALLISON Buchholtz-AU: Então se vocês estão interessados, 1182 00:58:00,560 --> 00:58:03,480 este é um outro texto editor chamado Sublime. 1183 00:58:03,480 --> 00:58:07,180 Você deve ser capaz de instalá-lo em seu aparelho. 1184 00:58:07,180 --> 00:58:08,659 Às vezes fica um pouco complicado. 1185 00:58:08,659 --> 00:58:10,950 Se você quiser ajudar com isso, Estou super feliz em ajudá-lo 1186 00:58:10,950 --> 00:58:14,720 com isso, porque gedit é grande e é incrível, porque você pode compilá-lo 1187 00:58:14,720 --> 00:58:17,790 na parte inferior, mas eu realmente como Sublime porque é bonito 1188 00:58:17,790 --> 00:58:19,498 e ele faz coisas como auto-completa. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Então você definitivamente pode se sentir livre para deixe-me saber se você quer fazer isso. 1191 00:58:26,890 --> 00:58:28,940 Se você apenas google "Sublime texto ", ele normalmente 1192 00:58:28,940 --> 00:58:32,860 tem instruções sobre como instalar em vários sistemas operacionais. 1193 00:58:32,860 --> 00:58:37,590 É muito legal, eu acho que, na minha opinião. 1194 00:58:37,590 --> 00:58:38,355 Então, p. 1195 00:58:38,355 --> 00:58:45,616 Eu acho que eu só posso fazer texto-- ou podemos apenas fazer a cor é "branco". 1196 00:58:45,616 --> 00:58:47,050 Lá. 1197 00:58:47,050 --> 00:58:50,770 >> Então o que eu fiz aqui é que eu não mudar todo o texto. 1198 00:58:50,770 --> 00:58:54,040 Mas p aqui é apenas um tag que temos, certo? 1199 00:58:54,040 --> 00:58:55,450 Esta marca de parágrafo. 1200 00:58:55,450 --> 00:59:00,380 Então, eu só criou um elemento CSS que disse, OK, qualquer coisa com esta tag 1201 00:59:00,380 --> 00:59:02,510 p, fazer a cor branca. 1202 00:59:02,510 --> 00:59:05,690 >> Então, se você percebeu, ele fez este branco e esse branco. 1203 00:59:05,690 --> 00:59:09,100 Ele não fez nossa lista branca porque ele não está associada a isso. 1204 00:59:09,100 --> 00:59:11,180 Você poderia passar e você pôde dizer: 1205 00:59:11,180 --> 00:59:11,860 >> AUDIÊNCIA: Faça cor de fundo. 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON Buchholtz-AU: Cor do fundo? 1207 00:59:12,660 --> 00:59:15,660 >> AUDIÊNCIA: Fundo de tubulação em cor onde você coloca a tag 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 Você quer que ele branco? 1211 00:59:22,804 --> 00:59:23,470 AUDIÊNCIA: Mmhmm. 1212 00:59:23,470 --> 00:59:25,070 ALLISON Buchholtz-AU: OK. 1213 00:59:25,070 --> 00:59:26,342 Lá você vai. 1214 00:59:26,342 --> 00:59:27,300 AUDIÊNCIA: Isso é estranho. 1215 00:59:27,300 --> 00:59:29,190 ALLISON Buchholtz-AU: Muito legal, né? 1216 00:59:29,190 --> 00:59:31,640 Então, se você acabou de mexer, você vai aprender muito. 1217 00:59:31,640 --> 00:59:34,720 E isso pode ser muito legal. 1218 00:59:34,720 --> 00:59:37,312 Eu acho que é definitivamente mais gratificante do que, por vezes, 1219 00:59:37,312 --> 00:59:39,770 porque você não tem que esperar para o seu programa para compilar. 1220 00:59:39,770 --> 00:59:41,895 Você pode apenas bater Atualizar e você é como, oh, olha, 1221 00:59:41,895 --> 00:59:44,276 ele trabalhou, ou oh, eu sou provavelmente faltando alguma coisa. 1222 00:59:44,276 --> 00:59:47,359 E isso é algo que é realmente legal sobre isso na próxima parte da classe, 1223 00:59:47,359 --> 00:59:49,250 é que é definitivamente, eu pensar, mais fácil de verificar 1224 00:59:49,250 --> 00:59:52,640 que você vá ao longo do caminho contra ter que escrever esses programas longos 1225 00:59:52,640 --> 00:59:57,830 e desejando e rezando que funciona no final. 1226 00:59:57,830 --> 01:00:01,960 >> Então, com isso, eu acho que Vocês todos parecem bons. 1227 01:00:01,960 --> 01:00:05,360 Se você tiver quaisquer perguntas, como sempre, vir falar comigo, venha me avise. 1228 01:00:05,360 --> 01:00:08,180 Eu estarei bem fora para os próximos 15 minutos 1229 01:00:08,180 --> 01:00:11,340 se você quiser conversar sobre tudo e qualquer coisa. 1230 01:00:11,340 --> 01:00:13,530 >> Então, eu espero que você guys-- boa sorte com este pset. 1231 01:00:13,530 --> 01:00:18,150 O prazo é sexta-feira ao meio-dia porque foi lançado no final. 1232 01:00:18,150 --> 01:00:21,220 Então eu provavelmente será visto um monte de vocês na quinta-feira, 1233 01:00:21,220 --> 01:00:21,970 mas espero que não. 1234 01:00:21,970 --> 01:00:23,386 Talvez você vai tê-lo feito até então. 1235 01:00:23,386 --> 01:00:24,440 Eu ficaria super orgulhoso. 1236 01:00:24,440 --> 01:00:26,410 >> Mas se não, eu vou te ver quinta-feira. 1237 01:00:26,410 --> 01:00:30,030 Você também pode usar uma data final, que estende até sábado ao meio-dia. 1238 01:00:30,030 --> 01:00:31,730 Mas eu don't-- hein? 1239 01:00:31,730 --> 01:00:32,580 >> AUDIÊNCIA: Dia das Bruxas. 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON Buchholtz-AU: É o Dia das Bruxas, a, e b, 1241 01:00:34,538 --> 01:00:37,050 Eu não acho que haverá ser o horário de expediente na sexta-feira. 1242 01:00:37,050 --> 01:00:40,920 Então realmente tentar fazê-lo por Sexta-feira para que todos nós possamos comemorar 1243 01:00:40,920 --> 01:00:42,010 Fim de semana Hallow. 1244 01:00:42,010 --> 01:00:44,670 Tudo bem, eu vou ver vocês na próxima semana. 1245 01:00:44,670 --> 01:00:45,888