1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [REPRODUCCIÓN DE MÚSICA] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON Buchholtz-AU: Muy bien, todo el mundo. 5 00:00:12,540 --> 00:00:13,860 Bienvenido de nuevo a la sección. 6 00:00:13,860 --> 00:00:19,559 Así que nuestra agenda de hoy va durante mucho más web dev cosas. 7 00:00:19,559 --> 00:00:21,600 No sé cuántos de usted ha visto sus conjuntos de procesadores 8 00:00:21,600 --> 00:00:24,414 desde que fue puesto en libertad a principios de esta mañana. 9 00:00:24,414 --> 00:00:26,330 Yo lo haría como cuántos personas han leído la especificación, 10 00:00:26,330 --> 00:00:29,910 pero viendo que has tenido todo de, como, a siete horas para lo miran 11 00:00:29,910 --> 00:00:31,910 y es un lunes y usted probablemente ha tenido clase, 12 00:00:31,910 --> 00:00:34,160 Voy a asumir que la mayoría de ustedes no tienen. 13 00:00:34,160 --> 00:00:37,170 Si usted tiene, felicitaciones adicionales. 14 00:00:37,170 --> 00:00:39,400 >> Básicamente, se está ayudando implementar un sencillo web 15 00:00:39,400 --> 00:00:43,270 servidor en C, que es un nuevo conjunto de procesadores marca, para que ustedes llegan a ser los conejillos de indias. 16 00:00:43,270 --> 00:00:49,730 Va a ser una diversión, semana salvaje, pero creo que va a ser un montón de diversión 17 00:00:49,730 --> 00:00:52,260 y va a ser una realidad buena experiencia en realidad. 18 00:00:52,260 --> 00:00:54,920 Así que para prepararse para que, en la sección de hoy, 19 00:00:54,920 --> 00:01:00,940 vamos a ir chmod, TCP / IP, y a continuación, un poco de HTML y CSS. 20 00:01:00,940 --> 00:01:05,080 >> Al final, vamos a realmente código una página web sencilla juntos 21 00:01:05,080 --> 00:01:09,042 para ayudarle a chicos tipo de conseguir más familiarizado con eso. 22 00:01:09,042 --> 00:01:11,750 Y entonces, si usted no ha recogido sus pruebas, que están en el frente, 23 00:01:11,750 --> 00:01:14,890 pero estoy bastante seguro de que todos aquí tiene su concurso. 24 00:01:14,890 --> 00:01:17,880 Y también en esa nota, Las soluciones no son todavía, 25 00:01:17,880 --> 00:01:21,490 pero tan pronto como nos gusta finish--, la últimas personas que toman su quizzes-- 26 00:01:21,490 --> 00:01:22,280 que será en. 27 00:01:22,280 --> 00:01:24,630 Si usted tiene alguna pregunta Mientras tanto, 28 00:01:24,630 --> 00:01:26,240 no dude en enviarme un correo electrónico personal. 29 00:01:26,240 --> 00:01:30,700 Voy a responder con su persona preguntas, como siempre lo hago. 30 00:01:30,700 --> 00:01:33,890 >> Así que en esa nota, chmod. 31 00:01:33,890 --> 00:01:36,390 Así que, básicamente, todo lo que necesita saber acerca de chmod 32 00:01:36,390 --> 00:01:39,620 es que se utiliza para cambiar los permisos de archivos, ¿verdad? 33 00:01:39,620 --> 00:01:44,050 Así que es sólo algunos sistemas llaman un cambiar los permisos, como se dice aquí. 34 00:01:44,050 --> 00:01:48,540 Y si alguna vez quieres ver los permisos que un archivo tiene, 35 00:01:48,540 --> 00:01:52,240 en lugar de sólo hacer ls, que podría hacer ls -l. 36 00:01:52,240 --> 00:01:54,010 l significa mucho. 37 00:01:54,010 --> 00:01:56,460 >> Así que va a hacer listas largas de todo, y 38 00:01:56,460 --> 00:02:02,080 le dará mucho más detallada información acerca de cada uno de sus archivos. 39 00:02:02,080 --> 00:02:05,540 Y verás algo-- estoy va a pasar por delante de un second-- 40 00:02:05,540 --> 00:02:08,910 pero verás algo similar a que la línea superior hay para cada archivo. 41 00:02:08,910 --> 00:02:11,560 Y vamos a ir a través de lo que eso significa. 42 00:02:11,560 --> 00:02:15,260 >> Así que, básicamente, para cambiar sus permisos de archivos, 43 00:02:15,260 --> 00:02:16,850 lo que desea es utilizar chmod. 44 00:02:16,850 --> 00:02:23,620 Usted puede pensar en él como cualquier otro UNIX llamar como ls o cd o lo que sea. 45 00:02:23,620 --> 00:02:25,540 Es sólo un poco de otra llamada similar. 46 00:02:25,540 --> 00:02:30,530 >> Así que hacemos chmod y luego vamos a tener tres dígitos normalmente. 47 00:02:30,530 --> 00:02:33,570 Hay un par de maneras de hacer él, uno de los cuales vamos a repasar. 48 00:02:33,570 --> 00:02:37,650 Pero por lo general, tendrá tres dígitos en el rango de 0 a 7 cada vez. 49 00:02:37,650 --> 00:02:43,530 >> Así que una cosa es que hay tres permisos diferentes 50 00:02:43,530 --> 00:02:45,510 que podemos dar a cada archivo. 51 00:02:45,510 --> 00:02:49,480 Y es legible, que es representado por R, que tendrá sentido 52 00:02:49,480 --> 00:02:54,020 en un poco; w, que es se puede escribir; y ejecutable, que es x. 53 00:02:54,020 --> 00:02:57,630 Sé que el correo uno, ejecutable, tal vez no el más sentido, pero nosotros 54 00:02:57,630 --> 00:02:59,120 representarla con x. 55 00:02:59,120 --> 00:03:05,290 >> Y entonces lo que pasa es cada uno de ellos También tener la representación número. 56 00:03:05,290 --> 00:03:07,990 Así que tenemos 1, 2 y 4. 57 00:03:07,990 --> 00:03:12,060 Y, básicamente, lo que pasa es cada uno de estos tres números 58 00:03:12,060 --> 00:03:17,380 aquí corresponde a una diferente conjunto de usuarios 59 00:03:17,380 --> 00:03:19,420 que se refieren a esos permisos. 60 00:03:19,420 --> 00:03:24,820 >> Así que usted puede pensar en ese primer número corresponde al usuario real 61 00:03:24,820 --> 00:03:29,360 o el propietario del archivo, el segundo número se corresponderá con el grupo, 62 00:03:29,360 --> 00:03:33,590 y el último se refiere al mundo, ¿de acuerdo? 63 00:03:33,590 --> 00:03:39,995 Así que lo que pasa es recordar los numbers-- r es 4, w es 2, 64 00:03:39,995 --> 00:03:42,550 x es 1, ¿no? 65 00:03:42,550 --> 00:03:46,630 Esto-- si usted resume estas arriba, que le da ese primer número 66 00:03:46,630 --> 00:03:48,600 que podríamos entrada en nuestro chmod. 67 00:03:48,600 --> 00:03:52,191 >> Así que en este caso, lo que sería este número? 68 00:03:52,191 --> 00:03:57,030 Sería 4 más 2 más 1, que es un 7, ¿no? 69 00:03:57,030 --> 00:03:59,250 Y en este caso, estos no tienen nada, 70 00:03:59,250 --> 00:04:06,450 por lo que esta aquí lo haría traducir a chmod 700, ¿de acuerdo? 71 00:04:06,450 --> 00:04:12,030 Y lo que hace es que otorga todo de estos permisos a tu usuario. 72 00:04:12,030 --> 00:04:14,400 >> Así que esto significa que nuestro usuario pueden hacer lo que quieran. 73 00:04:14,400 --> 00:04:15,400 Pueden leer este archivo. 74 00:04:15,400 --> 00:04:16,810 Pueden ejecutar este archivo. 75 00:04:16,810 --> 00:04:18,360 Ellos pueden escribir en este archivo. 76 00:04:18,360 --> 00:04:23,545 Pero el grupo y en el mundo, no permisos de ningún tipo, ¿de acuerdo? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Así que otra manera de escribir que, podemos hacer chmod de tres dígitos, cada uno de los cuales 79 00:04:32,680 --> 00:04:40,040 corresponde a cualquiera que sea la suma o que grupo específico es, subconjunto específico. 80 00:04:40,040 --> 00:04:44,870 O podemos hacer realidad otra cosa. 81 00:04:44,870 --> 00:04:45,590 Espere. 82 00:04:45,590 --> 00:04:49,330 Podemos hacer algo con ellos aquí. 83 00:04:49,330 --> 00:04:55,615 >> ¿Cuántos de ustedes vieron un ejemplo donde fue como a chmod un plus x? 84 00:04:55,615 --> 00:04:58,070 ¿Has visto que en la conferencia, que pienso? 85 00:04:58,070 --> 00:05:00,610 Así que un sinónimo de todo. 86 00:05:00,610 --> 00:05:04,990 Significa darle a todos los usuarios, que me olvidé de poner aquí. 87 00:05:04,990 --> 00:05:08,790 >> Pero una ventaja x, si notar aquí, si lo hacemos 88 00:05:08,790 --> 00:05:13,420 a chmod-- qué grupo estamos hablando más los permisos 89 00:05:13,420 --> 00:05:14,660 queremos darles. 90 00:05:14,660 --> 00:05:16,120 Así que esto puede ser una ventaja o un inconveniente. 91 00:05:16,120 --> 00:05:17,690 Además añade permiso. 92 00:05:17,690 --> 00:05:19,510 Menos quita el permiso. 93 00:05:19,510 --> 00:05:22,520 Bastante intuitivo, creo. 94 00:05:22,520 --> 00:05:25,720 >> Así que un plus x significa chmod. 95 00:05:25,720 --> 00:05:32,260 Así que cambiar los permisos de todas las personas Si esto es un add permisos A--. 96 00:05:32,260 --> 00:05:37,110 Y eso significa que lo x-- permiso estamos otorgando todo el mundo. 97 00:05:37,110 --> 00:05:38,510 Leer, escribir, o ejecutar? 98 00:05:38,510 --> 00:05:39,360 >> AUDIENCIA: Ejecutar. 99 00:05:39,360 --> 00:05:40,610 >> ALLISON Buchholtz-AU: Ejecutar. 100 00:05:40,610 --> 00:05:46,080 Así que estamos dando a todos los usuarios permiso para ejecutar este archivo, ¿de acuerdo? 101 00:05:46,080 --> 00:05:53,370 ¿Y qué si lo que queríamos hacer que con la forma numérica? 102 00:05:53,370 --> 00:05:56,290 Así que recuerde con numérico, queremos tres números. 103 00:05:56,290 --> 00:05:56,790 >> AUDIENCIA: 4. 104 00:05:56,790 --> 00:05:58,290 ALLISON Buchholtz-AU: ¿Qué fue eso? 105 00:05:58,290 --> 00:05:59,260 AUDIENCIA: 4. 106 00:05:59,260 --> 00:06:00,426 ALLISON Buchholtz-AU: No 4. 107 00:06:00,426 --> 00:06:01,599 AUDIENCIA: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 ALLISON Buchholtz-AU: Bueno, queremos para darle a todos los usuarios, ¿no? 109 00:06:04,390 --> 00:06:07,442 Así que vamos a tener un número en cada ranura. 110 00:06:07,442 --> 00:06:09,400 Eso va a ser el mismo número en cada ranura 111 00:06:09,400 --> 00:06:13,800 porque sólo queremos dar todos los permisos ejecutables. 112 00:06:13,800 --> 00:06:16,480 Así ejecutable es 1, pero en el camino correcto. 113 00:06:16,480 --> 00:06:23,055 >> Así que si lo hicimos chmod 111 que haría ser el equivalente de chmod un plus x. 114 00:06:23,055 --> 00:06:24,430 ¿Eso tiene sentido para todo el mundo? 115 00:06:24,430 --> 00:06:26,910 Vamos a ir a través de un par de ejemplos. 116 00:06:26,910 --> 00:06:29,860 >> Así que la gran comida para llevar aquí es una no es de aquí, 117 00:06:29,860 --> 00:06:33,360 pero un sólo significa dar a todos los usuarios. 118 00:06:33,360 --> 00:06:36,610 u es si lo que desea para dar o quitar 119 00:06:36,610 --> 00:06:40,600 un permiso específico de el usuario o el propietario. 120 00:06:40,600 --> 00:06:43,800 g es para el grupo, de manera que dígito medio. 121 00:06:43,800 --> 00:06:49,440 Y luego los demás que se pueda imaginar como el mundo, que el último dígito. 122 00:06:49,440 --> 00:06:52,840 >> Así que con eso, vamos a ir a un ejemplo, porque me siento como ejemplos siempre 123 00:06:52,840 --> 00:06:56,240 hacer estas cosas más fáciles de entender. 124 00:06:56,240 --> 00:07:01,240 Así que nos fuimos a través de rwx-- esto-- también podría ser representar como 700. 125 00:07:01,240 --> 00:07:05,070 Ese es el ejemplo que buscamos en más de la imagen. 126 00:07:05,070 --> 00:07:09,990 Así chmod 444 en algún archivo daría lo que los permisos? 127 00:07:09,990 --> 00:07:11,947 Estabas muy cerca. 128 00:07:11,947 --> 00:07:13,030 AUDIENCIA: legible para todos. 129 00:07:13,030 --> 00:07:14,321 ALLISON Buchholtz-AU: lectura mecánica. 130 00:07:14,321 --> 00:07:15,660 Así legible para todo el mundo, ¿verdad? 131 00:07:15,660 --> 00:07:17,910 Y entonces lo que es otra manera de hacer eso? 132 00:07:17,910 --> 00:07:23,070 Si lo que queremos hacer, ya sea con chmod de w de r o, más y sus menos, 133 00:07:23,070 --> 00:07:25,300 ¿cuál sería ese llamado parece? 134 00:07:25,300 --> 00:07:27,336 Sería chmod qué? 135 00:07:27,336 --> 00:07:28,590 >> AUDIENCIA: un plus r. 136 00:07:28,590 --> 00:07:32,900 >> ALLISON Buchholtz-UA: una r más en el 5. 137 00:07:32,900 --> 00:07:40,980 Aceptar, por lo que este es el mismo que este, sólo dos diferentes traducciones 138 00:07:40,980 --> 00:07:42,500 de la misma cosa. 139 00:07:42,500 --> 00:07:45,650 Así que con eso, tenemos estos. 140 00:07:45,650 --> 00:07:50,310 Así que quiero que los chicos a tratar de escribir este tipo de en su camino opuesto. 141 00:07:50,310 --> 00:07:53,710 >> Así que con chmod 555, ¿qué sería como? 142 00:07:53,710 --> 00:07:56,704 ¿Sería un plus ou plus o lo que sea? 143 00:07:56,704 --> 00:07:58,370 Para más de u x, dame los tres números. 144 00:07:58,370 --> 00:08:03,530 Y luego me dicen acerca de lo que los permisos estamos en realidad la concesión y para quién? 145 00:08:03,530 --> 00:08:06,600 >> Así que te voy a dar dos chicos minutos para trabajar en eso. 146 00:08:06,600 --> 00:08:08,160 Siéntase libre de hablar unos con otros. 147 00:08:08,160 --> 00:08:11,910 Para aquellos de ustedes que se produjo en un pequeño tarde, hay dulces y camisas. 148 00:08:11,910 --> 00:08:14,590 Hemos dejado tres camisas, y tenemos Kit Kats y Starbursts. 149 00:08:14,590 --> 00:08:17,630 Así que no dude en venir grab algunos en este pequeño interludio. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Además, el último es complicado. 152 00:09:04,440 --> 00:09:06,670 Se trata de dos chmods para el último. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 En realidad, déjenme cierro esa puerta mientras que ustedes están trabajando en eso. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Caramelo siempre es necesario en un lunes por la tarde. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, así chmod 555. 159 00:09:34,756 --> 00:09:36,380 ¿Cuál es otra manera podríamos escribir eso? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 ¿Alguna idea? 162 00:09:41,790 --> 00:09:42,290 Sí. 163 00:09:42,290 --> 00:09:43,280 >> AUDIENCIA: una Rx Plus. 164 00:09:43,280 --> 00:09:44,613 >> ALLISON Buchholtz-AU: r más rx. 165 00:09:44,613 --> 00:09:47,290 ¿Quieres explicar por qué estaría rx? 166 00:09:47,290 --> 00:09:49,570 >> AUDIENCIA: Porque tienes 5, así que eso es 4 más 1, 167 00:09:49,570 --> 00:09:51,734 por lo que ha leído más ejecutable, y es para todos. 168 00:09:51,734 --> 00:09:52,900 ALLISON Buchholtz-AU: Derecho. 169 00:09:52,900 --> 00:09:58,540 Así que reiterar, 5 aquí que conocemos como la suma de 4 y 1, 170 00:09:58,540 --> 00:10:04,760 debido a que cada número en nuestro trío es la suma de los permisos para ese subconjunto, 171 00:10:04,760 --> 00:10:05,260 ¿verdad? 172 00:10:05,260 --> 00:10:07,070 O bien el usuario, la grupo, o el mundo. 173 00:10:07,070 --> 00:10:11,160 Así que en este caso, sabemos que 5 tiene que ser formado por 4 y 1. 174 00:10:11,160 --> 00:10:15,240 >> Y 4 y 1 corresponden a legible y ejecutable. 175 00:10:15,240 --> 00:10:21,717 Estamos dando a todo el mundo, para que podamos hacer un chmod rx plus. 176 00:10:21,717 --> 00:10:24,050 Y, obviamente, nos fuimos a través de las preguntas allí, 177 00:10:24,050 --> 00:10:28,810 por lo que ahora este archivo es ejecutable y legible para todos. 178 00:10:28,810 --> 00:10:31,120 >> Así que ¿qué pasa con el segundo? 179 00:10:31,120 --> 00:10:32,900 ¿Cuál podría ser el número uno para que? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 ¿Alguna idea? 182 00:10:37,180 --> 00:10:37,680 Seguir adelante. 183 00:10:37,680 --> 00:10:38,600 >> AUDIENCIA: 100 [inaudible]. 184 00:10:38,600 --> 00:10:39,683 >> ALLISON Buchholtz-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Exactamente. 186 00:10:40,270 --> 00:10:42,455 Así que es lo que quieres para explicar por qué 100? 187 00:10:42,455 --> 00:10:45,080 AUDIENCIA: Porque es para el usuario, por lo que es en la primera posición. 188 00:10:45,080 --> 00:10:47,371 Y entonces x ejecutable es 1. 189 00:10:47,371 --> 00:10:48,620 ALLISON Buchholtz-AU: Exactamente. 190 00:10:48,620 --> 00:10:53,120 Así que estamos otorgando ejecutable permisos a sólo el usuario. 191 00:10:53,120 --> 00:10:55,100 Así que en este caso, sería de 100. 192 00:10:55,100 --> 00:10:57,570 Y yo tengo todas las respuestas arriba en la siguiente diapositiva en el caso 193 00:10:57,570 --> 00:11:00,060 usted está escribiendo un montón de cosas. 194 00:11:00,060 --> 00:11:08,410 >> Aceptar, por lo que este próximo uno se hace realidad con dos chmods, usted podría hacerlo. 195 00:11:08,410 --> 00:11:11,120 Así que ¿alguien tiene alguna idea de lo que te pueden 196 00:11:11,120 --> 00:11:14,150 obtener chmod 640 reescrita en el otro lado? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 Usted puede cambiar el usuario y luego usted puede cambiar el grupo es mi sugerencia. 199 00:11:22,820 --> 00:11:29,740 >> Así que si nos estábamos cambiando la usuario, que es esta primera uno aquí, 200 00:11:29,740 --> 00:11:33,830 lo que podría ser nuestra llamada? 201 00:11:33,830 --> 00:11:36,080 Así usuario es u, ¿no? 202 00:11:36,080 --> 00:11:38,780 Así chmod u más qué? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> AUDIENCIA: rw. 205 00:11:40,469 --> 00:11:41,510 ALLISON Buchholtz-AU: rw. 206 00:11:41,510 --> 00:11:47,470 Derecha, para leer y escribir, porque de lectura es 4, w es 2, los suma juntos como 6. 207 00:11:47,470 --> 00:11:52,760 Así obtenemos chmod u más RW, y conseguimos nuestro primer 6 allí. 208 00:11:52,760 --> 00:11:56,860 >> Así que para obtener la 4, ahora queremos para cambiar nuestros ambientes de grupo. 209 00:11:56,860 --> 00:12:00,960 Así que vamos a hacer chmod g más qué? 210 00:12:00,960 --> 00:12:02,380 ¿Qué es un 4? 211 00:12:02,380 --> 00:12:03,040 >> AUDIENCIA: 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 Así que estamos dando al propietario permisos de lectura y escritura 215 00:12:09,140 --> 00:12:13,141 y le estamos dando la lectura de grupo permisos, que tenemos todos aquí. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> AUDIENCIA: Si usted puede escribir algo, tampoco implica que usted puede ejecutarlo? 218 00:12:17,740 --> 00:12:20,700 >> ALLISON Buchholtz-AU: Usted puede escribir en algo-- 219 00:12:20,700 --> 00:12:22,900 Yo no creo que implica que usted puede ejecutarlo. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 Enfriar. 222 00:12:26,450 --> 00:12:29,620 Así que eso es todo lo que nos fuimos a través. 223 00:12:29,620 --> 00:12:33,075 Así que en este siguiente, que es casos sólo tipo de comunes 224 00:12:33,075 --> 00:12:35,200 que desea mantener en mente para fijar su problema. 225 00:12:35,200 --> 00:12:39,800 Estos son por lo general los permisos que nos gusta que usted utilice. 226 00:12:39,800 --> 00:12:44,900 >> Así que para el año 711, que da nosotros, por supuesto, el usuario 227 00:12:44,900 --> 00:12:47,720 todos los permisos, que tiende a tener sentido. 228 00:12:47,720 --> 00:12:51,920 Y entonces es ejecutable por el grupo en el mundo, lo cual tiene sentido 229 00:12:51,920 --> 00:12:56,150 si usted tiene algún directorio, quiero ser capaz de atravesar en él. 230 00:12:56,150 --> 00:12:58,160 Las personas necesitan tener acceso. 231 00:12:58,160 --> 00:13:04,680 >> Para cualquier archivo que no sea PHP, vas utilizar 644, lo que hacer qué? 232 00:13:04,680 --> 00:13:07,560 ¿Qué implica eso, o lo que permisos que hace que dan? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Así que el dueño pueda qué? 235 00:13:14,409 --> 00:13:15,450 AUDIENCIA: Leer y escribir. 236 00:13:15,450 --> 00:13:16,991 ALLISON Buchholtz-AU: Leer y escribir. 237 00:13:16,991 --> 00:13:21,560 Y a continuación, el grupo y los demás se acaba de leer, ¿no? 238 00:13:21,560 --> 00:13:25,660 Y luego chmod 600 para cualquier Archivos PHP que se utilizan, 239 00:13:25,660 --> 00:13:27,980 su propietario, una vez más, puede leer y escribir en él 240 00:13:27,980 --> 00:13:32,310 pero todo el mundo es sólo un poco bloqueado. 241 00:13:32,310 --> 00:13:34,540 >> Así que esto lo hará realidad ser más útil cuando 242 00:13:34,540 --> 00:13:37,700 que llegue a su problema establecer la semana próxima, donde 243 00:13:37,700 --> 00:13:40,290 en realidad estás construyendo un sitio web. 244 00:13:40,290 --> 00:13:43,100 Así que si alguna vez se encuentra con cualquier problema extraño 245 00:13:43,100 --> 00:13:45,970 donde no está cargando correctamente, tal vez usted 246 00:13:45,970 --> 00:13:50,670 que tenga que agregar un archivo ejecutable permiso, o tal vez usted necesita una lectura 247 00:13:50,670 --> 00:13:52,990 o permiso de escritura. 248 00:13:52,990 --> 00:13:56,980 Las pequeñas cosas que tienden a tropezar personas arriba, pero eso es algo así como el go-to 249 00:13:56,980 --> 00:13:58,564 al iniciar conjunto de procesadores de la próxima semana. 250 00:13:58,564 --> 00:14:00,730 Y yo le daría más indirectas en conjunto de procesadores de esta semana, 251 00:14:00,730 --> 00:14:05,010 pero todavía tengo que mirarlo desde que fue puesto en libertad esta mañana. 252 00:14:05,010 --> 00:14:10,600 Pero usted me envía por correo electrónico, habré mirado en que por el momento me respondo mañana. 253 00:14:10,600 --> 00:14:14,310 >> Así que ahora, todo el mundo es bueno con chmod? 254 00:14:14,310 --> 00:14:16,040 Para cualquier duda persistente? 255 00:14:16,040 --> 00:14:17,240 Bastante sencillo. 256 00:14:17,240 --> 00:14:20,620 Sólo tipo de hacer el seguimiento de lo que leer, escribir, y ejecutar los números son 257 00:14:20,620 --> 00:14:23,660 es probablemente la parte más difícil. 258 00:14:23,660 --> 00:14:29,620 >> Así que con TCP / IP, todos estos protocolos, algo así como con sus estructuras de datos 259 00:14:29,620 --> 00:14:31,990 la semana pasada, es mucho más importante tipo de conseguir 260 00:14:31,990 --> 00:14:33,900 una intuición mayor nivel de ellos. 261 00:14:33,900 --> 00:14:37,390 Esto no es CS143 dónde vamos para pedirle que implementar una red, 262 00:14:37,390 --> 00:14:39,870 por lo que estará bien si usted no entiende 263 00:14:39,870 --> 00:14:42,900 el quid de la cuestión de todos los protocolos. 264 00:14:42,900 --> 00:14:46,050 Lo que es importante entender es algo así como lo que representan 265 00:14:46,050 --> 00:14:47,300 y por qué son importantes. 266 00:14:47,300 --> 00:14:52,320 >> Así TCP / IP, por supuesto, es el Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 o Protocolo de Internet, que es básicamente un conjunto de leyes, básicamente, 268 00:14:57,270 --> 00:15:00,800 o normas que dicen los datos cómo debe ser manejado, 269 00:15:00,800 --> 00:15:04,900 cómo debe ser empaquetadas, transmitida y recibida. 270 00:15:04,900 --> 00:15:09,200 Por lo tanto, básicamente, tal y como Aquí dice, aumenta las posibilidades 271 00:15:09,200 --> 00:15:12,950 que los datos lleva a donde usted lo quiere llegar a. 272 00:15:12,950 --> 00:15:15,950 >> Estoy seguro que si ustedes fueron a conferencia o lo vio en línea, 273 00:15:15,950 --> 00:15:18,232 él has-- No sé si lo hizo este año, 274 00:15:18,232 --> 00:15:20,940 pero sé que el año pasado, tuvo un demostración donde tenía una foto de Rob 275 00:15:20,940 --> 00:15:23,320 y él partió para arriba en cuatro y ponerlo en sobres 276 00:15:23,320 --> 00:15:26,590 y trató de conseguirlo a través de Sanders. 277 00:15:26,590 --> 00:15:29,430 Y usted puede tipo de pensar de esa manera. 278 00:15:29,430 --> 00:15:35,400 Es sólo un conjunto de reglas que contar los datos como llegar a algún lugar 279 00:15:35,400 --> 00:15:37,640 y le permite saber si se echa en falta de datos, 280 00:15:37,640 --> 00:15:40,460 de la misma manera que si usted es teniendo varias páginas de notas 281 00:15:40,460 --> 00:15:46,490 y usted les etiqueta con la página 104, página 204, y que se remontan a estudiar más tarde 282 00:15:46,490 --> 00:15:50,220 y se echa en falta algo-- usted no puede encontrar la página 304-- sabes 283 00:15:50,220 --> 00:15:53,310 algo está mal, por lo que puede mirar a través de sus notas 284 00:15:53,310 --> 00:15:58,666 de nuevo o pedir a alguien que volveremos a enviar la conferencia toma nota de ese día. 285 00:15:58,666 --> 00:16:00,290 De la misma manera con los datos en el Internet. 286 00:16:00,290 --> 00:16:03,220 Si yo estoy pidiendo algo de algún servidor 287 00:16:03,220 --> 00:16:05,377 y necesita enviar en múltiples paquetes, 288 00:16:05,377 --> 00:16:07,210 probablemente va a número de alguna manera, deja 289 00:16:07,210 --> 00:16:12,430 Quiero saber cuántos debería haber recibido, y me dicen, oh, este es uno de 10 290 00:16:12,430 --> 00:16:13,990 o este es uno de 10.000. 291 00:16:13,990 --> 00:16:17,030 De esa manera, cuando voy a volver a montar todas las piezas juntas, 292 00:16:17,030 --> 00:16:21,504 Cómo sé si falta algo y yo puedo pedir que otra vez. 293 00:16:21,504 --> 00:16:22,730 ¿Eso tiene sentido? 294 00:16:22,730 --> 00:16:23,610 Sólo un conjunto de reglas. 295 00:16:23,610 --> 00:16:28,120 En su base, un conjunto de reglas, ¿de acuerdo? 296 00:16:28,120 --> 00:16:31,360 >> Así también hablamos un poco acerca de los puertos. 297 00:16:31,360 --> 00:16:36,150 Esto es en realidad una norma que le permite saber qué tipo de datos 298 00:16:36,150 --> 00:16:38,650 está siendo transmitida en estos paquetes. 299 00:16:38,650 --> 00:16:40,790 Si vamos con nuestro ejemplo sobre, no lo hacemos 300 00:16:40,790 --> 00:16:43,510 sé que es una imagen de Rob allí a menos que lo escribimos 301 00:16:43,510 --> 00:16:45,480 en el exterior de nuestra sobre. 302 00:16:45,480 --> 00:16:47,100 Así que los puertos son básicamente la misma cosa. 303 00:16:47,100 --> 00:16:51,670 Es sólo una manera de averiguar lo que tipo de datos se están transmitiendo. 304 00:16:51,670 --> 00:16:56,260 >> Así que tenemos toda la la mayoría de los más comunes aquí. 305 00:16:56,260 --> 00:16:59,790 Así 21-- estos también son amables de que las cosas buenas de saber. 306 00:16:59,790 --> 00:17:01,560 Es una especie de una pregunta de cuestionario fácil. 307 00:17:01,560 --> 00:17:03,590 Sea como, ¿qué puerto 80 hacer? 308 00:17:03,590 --> 00:17:06,970 O, ¿qué puerto 443 lo hacen? 309 00:17:06,970 --> 00:17:09,359 Así que las cosas buenas que saben. 310 00:17:09,359 --> 00:17:12,569 >> Así que tenemos aquí, es 21 archivo protocolo de transferencia, por lo que sólo 311 00:17:12,569 --> 00:17:15,050 las reglas que gobiernan la transferencia de archivos. 312 00:17:15,050 --> 00:17:19,550 25, algo que todos utilizar demasiado, es de correo electrónico. 313 00:17:19,550 --> 00:17:22,790 53 es el nombre de dominio sistema, que es básicamente 314 00:17:22,790 --> 00:17:26,910 sólo un poco de una búsqueda para el Dirección IP de un nombre de dominio. 315 00:17:26,910 --> 00:17:29,900 >> Así que estoy bastante seguro de que era mencionado en la conferencia, si 316 00:17:29,900 --> 00:17:33,960 ir a algo así como google.com, tiene una dirección IP 317 00:17:33,960 --> 00:17:35,818 que está asociada con él. 318 00:17:35,818 --> 00:17:37,026 No es en realidad google.com. 319 00:17:37,026 --> 00:17:40,720 Y así 53 es el puerto que realmente tiene 320 00:17:40,720 --> 00:17:44,050 cuidado de tipo de traducirla en esa dirección IP para usted. 321 00:17:44,050 --> 00:17:47,830 Y a continuación, 80 y 443 son muy comunes. 322 00:17:47,830 --> 00:17:50,710 O tienes tu página web o usted tiene su página web segura, 323 00:17:50,710 --> 00:17:56,100 que una gran cantidad de páginas web son transferir a ahora. 324 00:17:56,100 --> 00:18:02,540 >> Así que es una especie de alto nivel visión general de protocolo de transferencia. 325 00:18:02,540 --> 00:18:05,170 No veo mucho más en profundidad. 326 00:18:05,170 --> 00:18:07,320 Es una especie de cosas interesantes si usted está interesado. 327 00:18:07,320 --> 00:18:08,590 Hay un montón de recursos. 328 00:18:08,590 --> 00:18:10,780 Wikipedia es en realidad una muy buena página. 329 00:18:10,780 --> 00:18:13,850 Así que yo estaba buscando en ella Hace sólo un poco de tiempo, 330 00:18:13,850 --> 00:18:16,580 así que recomiendo encarecidamente mirarlo si te interesa 331 00:18:16,580 --> 00:18:22,160 o tomar 143 en dos años, porque Creo que es cada dos años. 332 00:18:22,160 --> 00:18:27,590 >> Así que en el final de esto, estamos hablando de las páginas web y HTTP, 333 00:18:27,590 --> 00:18:33,790 que en realidad es nuestro próximo tema para hoy antes de entrar en HTML y CSS 334 00:18:33,790 --> 00:18:37,920 y en realidad se puede codificar una página web. 335 00:18:37,920 --> 00:18:38,650 Será divertido. 336 00:18:38,650 --> 00:18:42,220 Tendremos imágenes de conejitos y va a ser genial. 337 00:18:42,220 --> 00:18:48,630 >> Así HTTP, como se puede ver aquí, es una de las encantadoras acrónimos 338 00:18:48,630 --> 00:18:53,220 para esta semana, que es Protocolo de transferencia de hipertexto. 339 00:18:53,220 --> 00:18:57,940 Así que de nuevo, es sólo otro conjunto de reglas que 340 00:18:57,940 --> 00:19:01,440 gobierna hipertexto transferir, en este caso. 341 00:19:01,440 --> 00:19:04,120 Así que mejor manera de aprender sobre esto es sólo un poco de 342 00:19:04,120 --> 00:19:07,650 a dividirlo en estas palabras individuales 343 00:19:07,650 --> 00:19:10,770 porque hay una gran cantidad de palabras en la pantalla allí. 344 00:19:10,770 --> 00:19:13,290 >> Así que vamos a empezar con el hipertexto. 345 00:19:13,290 --> 00:19:17,630 Así que "hiper", que se pueda imaginar "Por encima de", como de tipo súper cosa. 346 00:19:17,630 --> 00:19:24,615 Así que es realmente sólo texto llevado a la siguiente nivel, así que es como súper texto, 347 00:19:24,615 --> 00:19:27,850 como el siguiente texto. 348 00:19:27,850 --> 00:19:34,890 Así que es básicamente sólo texto que nos da 349 00:19:34,890 --> 00:19:37,490 más información que texto normal hace, ¿de acuerdo? 350 00:19:37,490 --> 00:19:40,510 >> Así que en este caso aquí, este es el hipertexto. 351 00:19:40,510 --> 00:19:45,710 Esto nos dice que tenemos algún vínculo que vamos a, 352 00:19:45,710 --> 00:19:49,620 que es cs50.net, que es ahora cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Estas diapositivas son un poco viejo. 354 00:19:51,420 --> 00:19:55,330 Y se va a mostrar como este, como un hipervínculo, 355 00:19:55,330 --> 00:19:58,140 y luego una página web realmente genial. 356 00:19:58,140 --> 00:20:02,080 >> Así que es de texto, que es un poco poco de cosas muy interesantes en allí. 357 00:20:02,080 --> 00:20:08,170 Así que usted puede vincular las cosas y que pueda insertar imágenes y usted puede estilo de cosas. 358 00:20:08,170 --> 00:20:11,740 Y la cosa más familiar que chicos probablemente tienen con hipertexto 359 00:20:11,740 --> 00:20:19,100 es HyperText Markup Language, HTML, que por supuesto es todo de la web 360 00:20:19,100 --> 00:20:23,080 que vemos a nuestro alrededor, sentado con un poco de estilo CSS tirado. 361 00:20:23,080 --> 00:20:25,580 >> Pero si había alguien muy grande con MySpace, 362 00:20:25,580 --> 00:20:28,240 Estoy seguro de que todo usado HTML todo el tiempo para crear 363 00:20:28,240 --> 00:20:30,640 esos perfiles perfectos, ¿no? 364 00:20:30,640 --> 00:20:34,930 Me siento como que podría ser un referencia obsoleta ahora, pero lo que sea. 365 00:20:34,930 --> 00:20:37,780 Sólo un poco-- ustedes no son que mucho más joven. 366 00:20:37,780 --> 00:20:40,480 Algunos de ustedes son mayores que yo. 367 00:20:40,480 --> 00:20:42,480 MySpace era todavía un cosa cuando yo era joven. 368 00:20:42,480 --> 00:20:44,510 No soy tan viejo. 369 00:20:44,510 --> 00:20:49,265 >> De todas formas, HTML sólo una forma de hipertexto. 370 00:20:49,265 --> 00:20:55,640 Así que el hipertexto es sólo texto con características añadidas. 371 00:20:55,640 --> 00:21:01,790 Así protocolo de transferencia es probablemente la cosa más dudoso de explicar. 372 00:21:01,790 --> 00:21:04,870 Obviamente, transfer-- sólo la transferencia de datos. 373 00:21:04,870 --> 00:21:09,370 Así que, o entre el cliente, al igual que su hermano web, y un servidor. 374 00:21:09,370 --> 00:21:12,090 Así que, básicamente, sólo el forma en que la Internet funciona. 375 00:21:12,090 --> 00:21:16,339 >> Así la solicitud exacta de cómo funcionan, estamos 376 00:21:16,339 --> 00:21:18,755 en realidad va a mirar un ejemplo de solicitud y respuesta. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Pero, ¿cómo se solicita información de un servidor 379 00:21:25,220 --> 00:21:30,590 y cómo el servidor responde a nosotros es lo que rige este protocolo de transferencia. 380 00:21:30,590 --> 00:21:35,320 Así la solicitud y la respuesta tienen seguir este conjunto específico de reglas. 381 00:21:35,320 --> 00:21:38,340 Se estandarizó de manera que no importa donde se está usando el Internet, 382 00:21:38,340 --> 00:21:40,720 que siempre funciona de la misma, ¿de acuerdo? 383 00:21:40,720 --> 00:21:43,220 >> Una vez más, el protocolo, un conjunto de reglas. 384 00:21:43,220 --> 00:21:45,620 Es sólo una normal, la interacción de la misma manera 385 00:21:45,620 --> 00:21:49,500 que el profesor habla de Malan si alguien extiende su mano, 386 00:21:49,500 --> 00:21:52,880 usted sabe que es cortesía común llegar a la suya y estrechar su mano. 387 00:21:52,880 --> 00:21:54,580 Eso es un protocolo, ¿no? 388 00:21:54,580 --> 00:21:59,060 >> Así que le doy un poco de solicitud normalizado, que es que quiero darte la mano, 389 00:21:59,060 --> 00:22:01,975 y le das algún estandarizada respuesta, que es ya sea no, gracias 390 00:22:01,975 --> 00:22:04,600 o usted podría tratar de sacudir mi mano o tal vez usted va a tratar 391 00:22:04,600 --> 00:22:06,490 y el puño me golpee. 392 00:22:06,490 --> 00:22:08,320 Y no tenemos un protocolo para eso. 393 00:22:08,320 --> 00:22:09,360 Se degrada. 394 00:22:09,360 --> 00:22:12,030 Pero si todo el mundo sigue el mismo protocolo, por supuesto, 395 00:22:12,030 --> 00:22:14,250 va mucho más a la perfección. 396 00:22:14,250 --> 00:22:15,590 La gente llega a conocerse. 397 00:22:15,590 --> 00:22:16,830 Todo el mundo está feliz. 398 00:22:16,830 --> 00:22:20,750 >> Así que en el mundo de la web, todo el mundo sigue el mismo rules-- 399 00:22:20,750 --> 00:22:22,940 un poco mejor que los estándares sociales. 400 00:22:22,940 --> 00:22:26,950 Pero con eso, vamos a ver en una solicitud de ejemplo aquí. 401 00:22:26,950 --> 00:22:30,020 Así que hay esta pequeña clave en la parte inferior 402 00:22:30,020 --> 00:22:34,990 que te dice los diferentes colores, lo que se supone que quiere decir. 403 00:22:34,990 --> 00:22:38,290 >> Así que es blanco al igual que su método solicitud y protocolo version-- 404 00:22:38,290 --> 00:22:42,400 así lo soliciten método, versión. 405 00:22:42,400 --> 00:22:44,630 Y entonces esto es una nombre del campo y el valor 406 00:22:44,630 --> 00:22:47,630 de ese campo, que lo haremos entrar en muy, muy poco. 407 00:22:47,630 --> 00:22:49,840 Así que este es un ejemplo de petición. 408 00:22:49,840 --> 00:22:54,470 Esto es como yo que se extiende hacia fuera, queriendo presentarme. 409 00:22:54,470 --> 00:22:58,507 >> Esto es lo que el cliente o lo que el navegador web 410 00:22:58,507 --> 00:22:59,840 se envía a su servidor. 411 00:22:59,840 --> 00:23:04,500 Así que esta es una petición GET, por lo que es pedir algo desde el servidor. 412 00:23:04,500 --> 00:23:09,690 Y es, por supuesto, HTTP y es la versión 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Así que el resto de este aquí es lo que llamamos la cabecera, y su información adicional 414 00:23:16,060 --> 00:23:20,050 que nos da una mejor idea de lo que en realidad estamos pidiendo, 415 00:23:20,050 --> 00:23:23,190 o información que se quiere dar el servidor que podrían ser pertinentes. 416 00:23:23,190 --> 00:23:32,880 Así User-Agent le da un poco más Descripción en-- por ejemplo, aquí, 417 00:23:32,880 --> 00:23:38,720 rizo / 7.24.0 es en realidad va a decir el servidor que estamos usando Google 418 00:23:38,720 --> 00:23:40,700 Chrome como nuestro navegador. 419 00:23:40,700 --> 00:23:43,290 Así que si alguna vez escucha acerca de las personas que hablan 420 00:23:43,290 --> 00:23:48,160 sobre la fabricación de una aplicación de respuesta para múltiples navegadores, 421 00:23:48,160 --> 00:23:50,330 esto es algo que usaría porque si 422 00:23:50,330 --> 00:23:53,000 no sé qué navegador la solicitud está viniendo, 423 00:23:53,000 --> 00:23:55,050 no se puede adaptar los datos a eso. 424 00:23:55,050 --> 00:23:57,690 Así pues, en este caso, el usuario se acaba de dar este tipo 425 00:23:57,690 --> 00:24:01,030 de información de identificación sobre qué navegador 426 00:24:01,030 --> 00:24:06,510 el usuario está utilizando actualmente, ¿de acuerdo? 427 00:24:06,510 --> 00:24:11,640 >> Así que también tenemos anfitrión, que es donde en realidad estamos con ganas de ir. 428 00:24:11,640 --> 00:24:15,280 En este caso, queremos ir a apple.com, comprar algunos nuevos iPads fresco 429 00:24:15,280 --> 00:24:19,540 o algo así, tal vez lindo luces en nuestros dormitorios. 430 00:24:19,540 --> 00:24:24,900 Y el valor de nombre al final es sólo una carga, sólo una cosa en general 431 00:24:24,900 --> 00:24:25,760 para que ustedes puedan ver. 432 00:24:25,760 --> 00:24:28,240 En realidad, no corresponder a cualquier cosa aquí. 433 00:24:28,240 --> 00:24:32,360 >> Así que usted puede tener tanto o tan poco como desee en cada caso. 434 00:24:32,360 --> 00:24:36,990 La mayoría de las veces, estos son opcionales. 435 00:24:36,990 --> 00:24:41,780 Sólo depende de lo que lo que necesita desde el navegador, 436 00:24:41,780 --> 00:24:45,120 de su usuario con el fin de dar correctamente la solicitud. 437 00:24:45,120 --> 00:24:48,970 ¿O depende de lo que tu usuario en realidad quiere renunciar al servidor. 438 00:24:48,970 --> 00:24:54,550 Así que usted puede tener muchos, muchos de estos nombres de campos de cabecera 439 00:24:54,550 --> 00:24:57,140 o que sólo podría tener una pareja. 440 00:24:57,140 --> 00:24:59,630 Como con tantas cosas Lo he dicho en esta sección, 441 00:24:59,630 --> 00:25:03,590 que realmente depende del contexto de cómo se está utilizando este. 442 00:25:03,590 --> 00:25:06,810 >> ¿Eso tiene sentido para todo el mundo? 443 00:25:06,810 --> 00:25:11,463 Esto es sólo un ejemplo de una solicitud, cabeceras, qué sé yo. 444 00:25:11,463 --> 00:25:16,910 OK, así que con eso, tenemos algún tipo de respuesta. 445 00:25:16,910 --> 00:25:20,510 >> Una vez más, tenemos nuestro código de estado, el protocolo versión y, a continuación, el nombre del campo y el campo 446 00:25:20,510 --> 00:25:21,700 valorar como siempre. 447 00:25:21,700 --> 00:25:25,500 Así que nuestra versión del protocolo y nuestro código de estado es 200. 448 00:25:25,500 --> 00:25:28,610 Aceptar, por lo que, sí, todo ha ido bien. 449 00:25:28,610 --> 00:25:30,230 Esto es lo que quiere. 450 00:25:30,230 --> 00:25:33,750 >> El tipo de servidor, el contenido type-- nos dice, bien, tú estás 451 00:25:33,750 --> 00:25:37,210 va a conseguir algo de HTML texto. 452 00:25:37,210 --> 00:25:40,520 Aquí es la longitud de la misma y aquí está lo que debe hacer con la conexión. 453 00:25:40,520 --> 00:25:43,004 OK, así que de nuevo, dependiendo en los datos que está 454 00:25:43,004 --> 00:25:45,670 pidiendo, dependiendo de lo que el servidor quiere volver a usted, 455 00:25:45,670 --> 00:25:49,440 es posible que tenga más de estos campo nombres, es posible que tenga menos. 456 00:25:49,440 --> 00:25:53,950 Totalmente dependiente del contexto. 457 00:25:53,950 --> 00:25:56,650 >> Y en cuanto a este estatus código aquí, por supuesto, 458 00:25:56,650 --> 00:25:59,590 200 no es el único usted podría tener, ¿no? 459 00:25:59,590 --> 00:26:01,580 Tenemos un montón de códigos de estado. 460 00:26:01,580 --> 00:26:06,120 ¿Alguien recuerda alguna de las otros que hemos mencionado en la conferencia? 461 00:26:06,120 --> 00:26:08,310 Muchos de ellos comienzan con 4. 462 00:26:08,310 --> 00:26:09,680 >> AUDIENCIA: 404. 463 00:26:09,680 --> 00:26:11,310 >> ALLISON Buchholtz-AU: 404, lo que es? 464 00:26:11,310 --> 00:26:12,140 >> AUDIENCIA: Archivo no encontrado? 465 00:26:12,140 --> 00:26:13,250 >> ALLISON Buchholtz-AU: Archivo no encontrado. 466 00:26:13,250 --> 00:26:14,120 Exactamente. 467 00:26:14,120 --> 00:26:15,587 Entonces, ¿qué acerca de 403? 468 00:26:15,587 --> 00:26:16,420 AUDIENCIA: Prohibida. 469 00:26:16,420 --> 00:26:17,120 ALLISON Buchholtz-AU: Prohibida. 470 00:26:17,120 --> 00:26:18,695 Entonces, ¿qué cree usted que eso significa que con chmods? 471 00:26:18,695 --> 00:26:20,890 >> AUDIENCIA: Significa que usted no tienen permiso para leerlo. 472 00:26:20,890 --> 00:26:22,400 >> ALLISON Buchholtz-AU: Exactamente. 473 00:26:22,400 --> 00:26:25,190 De alguna manera, usted no tiene permiso para acceder a ella, ¿verdad? 474 00:26:25,190 --> 00:26:27,242 Así 404, 403. 475 00:26:27,242 --> 00:26:28,950 Hay un muy divertido uno que siempre 476 00:26:28,950 --> 00:26:31,116 introducir todos los años que Me he puesto aquí arriba, 477 00:26:31,116 --> 00:26:33,370 como 413, que es que soy una tetera. 478 00:26:33,370 --> 00:26:34,390 Usted puede google esto. 479 00:26:34,390 --> 00:26:38,490 Es curioso como, que es el código 413 y es que soy una tetera. 480 00:26:38,490 --> 00:26:41,240 ¿Qué yo no sé por qué lo haría necesitará siempre que en el Internet, 481 00:26:41,240 --> 00:26:42,935 pero estoy divagando. 482 00:26:42,935 --> 00:26:44,310 AUDIENCIA: Tal vez usted es una tetera. 483 00:26:44,310 --> 00:26:46,476 ALLISON Buchholtz-AU: Tal vez el servidor es una tetera. 484 00:26:46,476 --> 00:26:47,890 Quién sabe? 485 00:26:47,890 --> 00:26:51,840 Muy bien, así que estamos a punto de la transición a la codificación real. 486 00:26:51,840 --> 00:26:54,750 Siento que ustedes van a salir de aquí con bastante rapidez. 487 00:26:54,750 --> 00:26:56,940 >> AUDIENCIA: ¿Por qué lo hace decir "servidor: dos veces? 488 00:26:56,940 --> 00:26:57,981 >> ALLISON Buchholtz-AU: Hm? 489 00:26:57,981 --> 00:27:00,350 Servidor de dos veces? 490 00:27:00,350 --> 00:27:03,750 Esa es una buena pregunta. 491 00:27:03,750 --> 00:27:04,630 No estoy seguro. 492 00:27:04,630 --> 00:27:07,520 Voy a averiguar y Todos ustedes voy a enviar por correo electrónico. 493 00:27:07,520 --> 00:27:11,410 >> Bien, cualquier otra pregunta, además de eso? 494 00:27:11,410 --> 00:27:12,310 Buena? 495 00:27:12,310 --> 00:27:14,390 Enfriar. 496 00:27:14,390 --> 00:27:17,280 >> HTML y CSS, y ahora nosotros llegar a todas las partes divertidas. 497 00:27:17,280 --> 00:27:21,697 Así que como he mencionado antes, HTML es probablemente una de las cosas 498 00:27:21,697 --> 00:27:23,030 ustedes están más familiarizados. 499 00:27:23,030 --> 00:27:25,760 Así que tenemos HyperText Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> La mejor manera de aprender esto-- no lo hago tener las diapositivas o nada preparados 501 00:27:29,900 --> 00:27:31,480 para ustedes con HTML. 502 00:27:31,480 --> 00:27:33,640 Se trata realmente de aprender la sintaxis. 503 00:27:33,640 --> 00:27:38,380 Y si usted estuviera en el MySpace día, usted tendría esto. 504 00:27:38,380 --> 00:27:42,790 >> Así que en realidad, lo más importante es sólo para practicar y experimentar. 505 00:27:42,790 --> 00:27:48,000 Uno de los grandes recursos que lo haría altamente recomiendo usar es W3Schools. 506 00:27:48,000 --> 00:27:50,620 Así que W, 3, y luego Escuelas. 507 00:27:50,620 --> 00:27:54,810 Tienen una gran cantidad de recursos sobre HTML, CSS en, 508 00:27:54,810 --> 00:27:58,970 y que en realidad tienen un pantalla dividida tipo de cosas 509 00:27:58,970 --> 00:28:00,830 donde te darán ejemplo de código. 510 00:28:00,830 --> 00:28:03,290 Usted puede jugar con él, cambiarlo, y presione Update, 511 00:28:03,290 --> 00:28:06,410 y te voy a mostrar lo que en realidad hace a la página web. 512 00:28:06,410 --> 00:28:08,380 >> Así que recomiendo encarecidamente utilizar eso. 513 00:28:08,380 --> 00:28:11,300 Es muy bueno. 514 00:28:11,300 --> 00:28:14,560 Usted no recibirá los fallos seg aquí cuando las cosas van mal. 515 00:28:14,560 --> 00:28:16,430 Si te las arreglas para conseguir un fallo seg con HTML, 516 00:28:16,430 --> 00:28:19,446 hágamelo saber porque estoy va a ser real intrigado. 517 00:28:19,446 --> 00:28:21,570 Pero es realmente genial, porque usted puede cambiar las cosas, 518 00:28:21,570 --> 00:28:23,550 se puede ver en vivo actualizados. 519 00:28:23,550 --> 00:28:26,210 Y creo que usted obtendrá una gran parte comprensión más intuitiva de HTML 520 00:28:26,210 --> 00:28:28,690 si en realidad sólo pasa algún tiempo experimentando con ella. 521 00:28:28,690 --> 00:28:32,590 Así que por eso he dicho, la práctica y la experimentación. 522 00:28:32,590 --> 00:28:34,490 >> Google, a partir de ahora a cabo, probablemente será 523 00:28:34,490 --> 00:28:36,440 uno de sus mejores recursos y amigos. 524 00:28:36,440 --> 00:28:41,080 O Bing-- estoy trabajando en Microsoft, así que tal vez debería decir Bing. 525 00:28:41,080 --> 00:28:45,590 Pero casi cualquier cosa sólo va a ser la sintaxis, 526 00:28:45,590 --> 00:28:51,300 por lo que la comprensión de lo que las etiquetas son, understanding-- al menos con CSS-- 527 00:28:51,300 --> 00:28:53,360 cómo cambiar ciertos atributos. 528 00:28:53,360 --> 00:28:55,300 Va a ser muy útil. 529 00:28:55,300 --> 00:28:58,852 >> Así que, aunque no lo hacemos tener las cosas preparadas, 530 00:28:58,852 --> 00:29:02,060 nosotros tenemos clase de algunas de las mejores prácticas que queremos que los chicos a probar y permanecéis 531 00:29:02,060 --> 00:29:06,640 por-- o más bien, que debiera acatar hasta nuevo aviso. 532 00:29:06,640 --> 00:29:09,722 Así que cierra todas sus etiquetas. 533 00:29:09,722 --> 00:29:12,930 Esperemos que todo el mundo has-- sabes qué, si esto no tiene sentido en este momento, 534 00:29:12,930 --> 00:29:15,388 Te prometo que tendrá sentido cuando estamos de codificación de la página. 535 00:29:15,388 --> 00:29:16,680 Pero cerrar todas sus etiquetas. 536 00:29:16,680 --> 00:29:20,410 Así que si alguna vez tiene alguna encabezado que es el soporte, 537 00:29:20,410 --> 00:29:24,180 H1, soporte, asegúrese de que cada vez que haya terminado con eso, 538 00:29:24,180 --> 00:29:26,570 cerrar esa cabecera. 539 00:29:26,570 --> 00:29:30,260 Valida tu página con W3 Validador. 540 00:29:30,260 --> 00:29:34,689 Si no cierra sus etiquetas, usted puede conseguir un comportamiento inesperado. 541 00:29:34,689 --> 00:29:37,730 Se dirá que su página no es válido si se ejecuta a través de este validador. 542 00:29:37,730 --> 00:29:41,000 Así que cuando en doubt-- y especialmente en esta semana y la semana siguiente 543 00:29:41,000 --> 00:29:46,220 pset-- de la misma forma que pedimos usted utiliza el cheque 50 y el estilo 50, 544 00:29:46,220 --> 00:29:49,130 usted podría pensar en esto como uno de sus cheques, ¿de acuerdo? 545 00:29:49,130 --> 00:29:51,950 >> Así que si no pasa el validador W3. 546 00:29:51,950 --> 00:29:53,810 Eso es algo que vamos a atracar en usted. 547 00:29:53,810 --> 00:29:55,960 O que te estoy diciendo la derecha Ahora, voy a atracar en usted. 548 00:29:55,960 --> 00:29:58,202 Así que asegúrese de que valida. 549 00:29:58,202 --> 00:29:58,785 No es difícil. 550 00:29:58,785 --> 00:30:01,530 Usted acaba de pegar en el código y que va a decir, ya sea buen trabajo 551 00:30:01,530 --> 00:30:03,630 o que se está perdiendo algo de la misma manera 552 00:30:03,630 --> 00:30:07,760 que el estilo 50 te dice donde usted está arruinando. 553 00:30:07,760 --> 00:30:11,360 >> Y a continuación, una última cosa es lo que quieres para separar 554 00:30:11,360 --> 00:30:15,980 su margen de beneficio, que es todo lo que HTML o el texto, y su estilo. 555 00:30:15,980 --> 00:30:19,420 Así que vamos a hacer un ejemplo de ese derecho después de esto. 556 00:30:19,420 --> 00:30:21,830 Así HTML y CSS deben estar separados. 557 00:30:21,830 --> 00:30:26,030 Y vamos a estar hablando de MVC, que es el Modelo Vista Controlador, 558 00:30:26,030 --> 00:30:27,100 la próxima semana. 559 00:30:27,100 --> 00:30:29,360 Ustedes deben, probablemente, aprender acerca de que en la conferencia 560 00:30:29,360 --> 00:30:32,130 mañana si tuvieras ya aprendido hoy. 561 00:30:32,130 --> 00:30:34,250 >> Y es sólo un poco de un paradigma que tendemos 562 00:30:34,250 --> 00:30:37,460 utilizar al crear web páginas para separar las cosas. 563 00:30:37,460 --> 00:30:41,440 Usted puede pensar en él de la misma manera que tendemos a funciones separadas en C 564 00:30:41,440 --> 00:30:43,360 donde hash para encontrar cosas. 565 00:30:43,360 --> 00:30:45,530 Es sólo una manera de hacer su vida más fácil. 566 00:30:45,530 --> 00:30:51,790 Se separa atributos o código que usted estaría utilizando una y otra vez, 567 00:30:51,790 --> 00:30:55,360 pero de esta manera, que tipo de lo mantiene agradable y limpio. 568 00:30:55,360 --> 00:30:58,260 Y si usted quiere cambiar una cosa, que lo cambie una vez 569 00:30:58,260 --> 00:31:00,150 y que ha cambiado en todas partes. 570 00:31:00,150 --> 00:31:05,010 Así que es más por su la facilidad y flexibilidad. 571 00:31:05,010 --> 00:31:11,430 >> Así que con CSS, que es muy similar a HTML, pero en lugar de etiquetas 572 00:31:11,430 --> 00:31:15,120 que acabo de mencionar, que utilizar lo que se llama selectores. 573 00:31:15,120 --> 00:31:21,900 Y, básicamente, sólo un poco de asociar una determinada etiqueta 574 00:31:21,900 --> 00:31:24,620 en HTML con diferentes atributos. 575 00:31:24,620 --> 00:31:29,060 Y cuando digo atributos, quiero decir cosas como el color de la fuente, estilo de fuente, 576 00:31:29,060 --> 00:31:32,694 el color del fondo, el color de tu texto. 577 00:31:32,694 --> 00:31:33,610 Ese tipo de cosas. 578 00:31:33,610 --> 00:31:36,270 Al igual que si se centra, si es a la derecha, 579 00:31:36,270 --> 00:31:39,430 si es inverted-- todo de estas cosas frescas. 580 00:31:39,430 --> 00:31:42,490 Cualquier cosas estilísticas lo que hacen para su texto, 581 00:31:42,490 --> 00:31:45,070 esto es lo que quiero decir con atributos. 582 00:31:45,070 --> 00:31:50,140 >> Y luego dos cosas principales que debe saber es que selectors-- dos de la factors-- principal 583 00:31:50,140 --> 00:31:53,090 son ID, que es único. 584 00:31:53,090 --> 00:31:54,859 Sólo se puede usar esa por una cosa. 585 00:31:54,859 --> 00:31:56,400 De lo contrario, va a gritar a usted. 586 00:31:56,400 --> 00:31:59,970 Y cuando lo definimos en un archivo CSS, lo hará 587 00:31:59,970 --> 00:32:03,182 ser de hash ID y luego qué atributos que queremos. 588 00:32:03,182 --> 00:32:05,140 Te prometo que vamos a ir a través de un ejemplo. 589 00:32:05,140 --> 00:32:06,830 Se va a hacer mucho más sentido. 590 00:32:06,830 --> 00:32:08,830 >> Clase puede referirse a varios bloques. 591 00:32:08,830 --> 00:32:13,400 Así que usted puede tener su primer y tercer párrafo 592 00:32:13,400 --> 00:32:17,240 tener el mismo tipo de atributos si que ellos asocian con la misma clase. 593 00:32:17,240 --> 00:32:21,050 Y cuando definimos ellos en CSS, hacemos una clase de puntos, 594 00:32:21,050 --> 00:32:25,710 con ser cualquier clase usted desea que sea nombrada. 595 00:32:25,710 --> 00:32:28,559 >> Así que sé que esto es lo correcto ahora muy abstracto. 596 00:32:28,559 --> 00:32:29,850 Es por eso que vamos a código. 597 00:32:29,850 --> 00:32:32,060 Yo sé que ustedes amor eso, y todos ustedes son 598 00:32:32,060 --> 00:32:34,210 me va a ayudar porque esta es su página web. 599 00:32:34,210 --> 00:32:36,310 Esta es la página web de nuestra sección, chicos. 600 00:32:36,310 --> 00:32:40,158 Así que, ¿hay alguna pregunta antes de la Primera apagar el PowerPoint o nada 601 00:32:40,158 --> 00:32:42,366 quieres que desplazarse hacia atrás que antes de empezar a codificar? 602 00:32:42,366 --> 00:32:45,074 >> AUDIENCIA: Cuando usted dice etiquetas de los partidos, Qué quieres decir selectores o etiquetas? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON Buchholtz-AU: Puede pensar en ellos como la misma cosa. 605 00:32:53,010 --> 00:32:54,590 Es sólo diferentes palabras. 606 00:32:54,590 --> 00:32:56,460 Quiero decir, como selectores. 607 00:32:56,460 --> 00:32:59,470 Pero selectores también se asignan a etiquetas. 608 00:32:59,470 --> 00:33:02,800 Así que usted puede pensar en ellos como efectivamente la misma cosa. 609 00:33:02,800 --> 00:33:05,900 Te prometo que va a hacer más sentido cuando codificamos. 610 00:33:05,900 --> 00:33:08,400 Cualquier cosa, desde la PowerPoint o cualquier pregunta 611 00:33:08,400 --> 00:33:12,980 en este momento antes de que realmente crear la página de la sección? 612 00:33:12,980 --> 00:33:15,040 Todo el mundo listo? 613 00:33:15,040 --> 00:33:15,540 Enfriar. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Así que tengo uno comenzó. 616 00:33:24,760 --> 00:33:27,030 Permítanme aumentar el tipo de letra para ustedes. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 Aceptar, por lo que en este momento, sólo tenemos un esqueleto página web aquí. 619 00:33:36,730 --> 00:33:38,360 >> Tenemos algo de HTML. 620 00:33:38,360 --> 00:33:41,050 Tenemos un poco de cabecera, que nos ver aquí como ejemplo la página web. 621 00:33:41,050 --> 00:33:44,540 Algunos título, algunos de fuente. 622 00:33:44,540 --> 00:33:47,580 Estas son las etiquetas, ¿de acuerdo? 623 00:33:47,580 --> 00:33:53,930 Así que cuando me refiero a cerrar sus etiquetas, vemos aquí esta cabeza soporte es su apertura 624 00:33:53,930 --> 00:33:59,670 etiqueta, y este soporte / Cabeza está cerrando él, ¿de acuerdo? 625 00:33:59,670 --> 00:34:04,380 >> Así que usted podría pensar en esto como sus apoyos en sus condiciones si 626 00:34:04,380 --> 00:34:05,420 o el de los bucles. 627 00:34:05,420 --> 00:34:08,630 Si usted tiene uno al principio, quieres uno al final. 628 00:34:08,630 --> 00:34:13,500 Es todavía funcionará la mayoría del tiempo si usted no tiene una etiqueta de cerrado, 629 00:34:13,500 --> 00:34:17,659 pero mejor es cerrar sus etiquetas. 630 00:34:17,659 --> 00:34:20,940 >> Así que en este caso, vamos a cambiar esto. 631 00:34:20,940 --> 00:34:24,150 Vamos a tener una sección de siete. 632 00:34:24,150 --> 00:34:25,270 "Sección Página Web." 633 00:34:25,270 --> 00:34:26,969 Así que sólo voy a cambiar esto. 634 00:34:26,969 --> 00:34:32,100 >> Y si nos vamos de aquí y nosotros tengo reload-- guardar y reload-- 635 00:34:32,100 --> 00:34:36,750 nos damos cuenta de que hasta aquí cambió, ¿no? 636 00:34:36,750 --> 00:34:38,250 Enfriar. 637 00:34:38,250 --> 00:34:39,380 Así que esto cambia el título. 638 00:34:39,380 --> 00:34:41,920 Esto es lo que haya en su ficha. 639 00:34:41,920 --> 00:34:43,870 >> Así que esto es una especie de mirando un poco aburrido. 640 00:34:43,870 --> 00:34:44,870 Yo no sé acerca de los chicos. 641 00:34:44,870 --> 00:34:46,810 Creo que queremos algo más aquí. 642 00:34:46,810 --> 00:34:51,900 >> Así que lo que podemos hacer es la cabecera es sólo allí. 643 00:34:51,900 --> 00:34:54,320 Vamos a hacer algún tipo de cuerpo. 644 00:34:54,320 --> 00:34:56,550 Así que tenemos un cuerpo aquí. 645 00:34:56,550 --> 00:35:01,360 Yo siempre hago abierta y cerrar mis etiquetas para empezar, 646 00:35:01,360 --> 00:35:04,850 de la misma manera que lo hago llaves. 647 00:35:04,850 --> 00:35:06,326 Ah. 648 00:35:06,326 --> 00:35:09,010 Espera, ¿qué? 649 00:35:09,010 --> 00:35:10,949 >> AUDIENCIA: [inaudible]. 650 00:35:10,949 --> 00:35:11,990 ALLISON Buchholtz-AU: Ah. 651 00:35:11,990 --> 00:35:13,895 Ustedes me dieron. 652 00:35:13,895 --> 00:35:14,930 Buen trabajo. 653 00:35:14,930 --> 00:35:16,270 Estrella de oro. 654 00:35:16,270 --> 00:35:20,300 >> Aceptar, por lo que tenemos un cuerpo aquí. 655 00:35:20,300 --> 00:35:22,920 Y ahora vamos a empezar añadiendo un poco de texto. 656 00:35:22,920 --> 00:35:26,110 Así que tienes una pareja diferente opciones para agregar texto. 657 00:35:26,110 --> 00:35:29,380 Tenemos cosas como las cabeceras. 658 00:35:29,380 --> 00:35:32,144 Tenemos sólo texto normal. 659 00:35:32,144 --> 00:35:33,560 Así que vamos a empezar con un cabezazo. 660 00:35:33,560 --> 00:35:36,670 En realidad, si ustedes quieren para levantar HTML de W3 School, 661 00:35:36,670 --> 00:35:38,860 puedes especie de mirar a su alrededor y si hay algo 662 00:35:38,860 --> 00:35:42,470 en particular que desea probar con esta página web, podemos hacer eso. 663 00:35:42,470 --> 00:35:46,250 Así que en este caso, vamos a hacer un poco de h1. 664 00:35:46,250 --> 00:35:48,710 Así h1 es como la cabecera más alta. 665 00:35:48,710 --> 00:35:52,260 Le dará algo que es muy grande y en negrita. 666 00:35:52,260 --> 00:35:58,010 >> Y en este caso, lo que queremos para el primer texto en nuestra página web? 667 00:35:58,010 --> 00:35:58,640 Cualquier cosa. 668 00:35:58,640 --> 00:35:59,800 Ustedes van a crear esto. 669 00:35:59,800 --> 00:36:00,758 Yo sólo voy a escribir. 670 00:36:00,758 --> 00:36:01,620 AUDIENCIA: Bienvenido. 671 00:36:01,620 --> 00:36:02,870 >> ALLISON Buchholtz-AU: Bienvenido. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 Aceptar, por lo que si lo guardamos y recargamos, tenemos una gran gran bienvenida. 674 00:36:12,620 --> 00:36:17,365 Así que para que pueda ver el diferencias, vamos a hacer algo en H6. 675 00:36:17,365 --> 00:36:18,490 ¿Qué es lo que queremos aquí? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Derecha? 678 00:36:27,440 --> 00:36:30,356 >> Aceptar, por lo que sólo lo que puede ver la diferencia. 679 00:36:30,356 --> 00:36:31,990 Sí, Sublime. 680 00:36:31,990 --> 00:36:34,680 Así que si te fijas, h1, muy, muy grande. 681 00:36:34,680 --> 00:36:39,030 h6, como negrita, pero mucho más pequeño, y usted tiene todo lo demás. 682 00:36:39,030 --> 00:36:41,550 Así que usted podría tener h2, h3, h4. 683 00:36:41,550 --> 00:36:43,750 Y estos son sólo los encabezados, así que si usted está tratando de 684 00:36:43,750 --> 00:36:46,010 para crear una página web que tiene diferentes secciones, 685 00:36:46,010 --> 00:36:48,810 tal vez usted quiera usar cabeceras en alguna parte. 686 00:36:48,810 --> 00:36:49,580 >> Enfriar. 687 00:36:49,580 --> 00:36:53,270 Así que vamos a añadir algunos más cosas en nuestro cuerpo. 688 00:36:53,270 --> 00:36:58,380 Veo que sería tipo de fresco si tuviéramos una imagen. 689 00:36:58,380 --> 00:37:02,840 Siento que todo el mundo podía utilizar tal vez un cuadro lindo conejito justo ahora, 690 00:37:02,840 --> 00:37:05,082 por lo que vamos a encontrar una imagen del conejito de primera. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Yo no sé si ustedes tienen alguna preferencias sobre cuál queremos. 693 00:37:12,960 --> 00:37:14,890 ¿Tiene alguna preferencia? 694 00:37:14,890 --> 00:37:15,925 Este de aquí? 695 00:37:15,925 --> 00:37:17,160 Abajo. 696 00:37:17,160 --> 00:37:17,750 Okay. 697 00:37:17,750 --> 00:37:18,760 Que uno es. 698 00:37:18,760 --> 00:37:20,080 Buenas opciones. 699 00:37:20,080 --> 00:37:21,850 >> OK, así que vamos a ver nuestra imagen. 700 00:37:21,850 --> 00:37:22,920 Mira eso. 701 00:37:22,920 --> 00:37:24,250 Mira que cosa adorable. 702 00:37:24,250 --> 00:37:27,080 ¿Cómo puedes estar triste un lunes con esto? 703 00:37:27,080 --> 00:37:30,180 >> Así que sólo vamos para copiar la URL de la imagen. 704 00:37:30,180 --> 00:37:38,720 Y lo que queremos hacer es, vamos a decir que tenemos un poco de p para párrafo. 705 00:37:38,720 --> 00:37:41,140 Vamos a decir: "Mira mirar el conejito lindo. 706 00:37:41,140 --> 00:37:44,130 d'awwww ". 707 00:37:44,130 --> 00:37:44,880 Amo a mis conejitos. 708 00:37:44,880 --> 00:37:45,838 Tengo un conejo en casa. 709 00:37:45,838 --> 00:37:48,085 Echo de menos mi conejito. 710 00:37:48,085 --> 00:37:50,460 Entonces, ¿qué vamos a hacer-- No sé si ustedes quieren 711 00:37:50,460 --> 00:37:55,970 to google esto-- pero con HTML, ¿cómo podría incluir una imagen? 712 00:37:55,970 --> 00:37:58,355 Literalmente, si google "Incluir la imagen HTML" 713 00:37:58,355 --> 00:38:00,480 ¿Por qué no ustedes me dicen lo que esta etiqueta debe ser? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> AUDIENCIA: 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 AUDIENCIA: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON Buchholtz-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 AUDIENCIA: --quote-- sí. 720 00:38:10,181 --> 00:38:11,430 ALLISON Buchholtz-AU: Perfecto. 721 00:38:11,430 --> 00:38:12,090 Precioso. 722 00:38:12,090 --> 00:38:15,470 Vea, la generación MySpace, ¿verdad? 723 00:38:15,470 --> 00:38:16,220 Audiencia: 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 Guau. 727 00:38:20,200 --> 00:38:21,260 Ha sido una locura. 728 00:38:21,260 --> 00:38:23,120 Okay. 729 00:38:23,120 --> 00:38:25,600 >> Así que asegúrese de que tengo este derecho. 730 00:38:25,600 --> 00:38:26,100 Enfriar. 731 00:38:26,100 --> 00:38:27,750 Así que esto debería estar aquí. 732 00:38:27,750 --> 00:38:34,146 Y luego, si recargamos, tenemos nuestra Bunny en la página ¿No es esto adorable? 733 00:38:34,146 --> 00:38:35,030 >> Esto es tan lindo. 734 00:38:35,030 --> 00:38:36,860 Elegiste un gran, gran foto. 735 00:38:36,860 --> 00:38:38,180 Estoy cavando ella. 736 00:38:38,180 --> 00:38:41,350 >> OK, así que tenemos este conejito adorable ahora. 737 00:38:41,350 --> 00:38:44,590 Hemos sido capaces de añadir un imagen, así como así. 738 00:38:44,590 --> 00:38:47,550 Así que, básicamente, si hay alguna imagen que desea añadir a su página web, 739 00:38:47,550 --> 00:38:49,430 puedes añadir como este. 740 00:38:49,430 --> 00:38:52,910 Otra cosa sería si usted ha almacenado la imagen 741 00:38:52,910 --> 00:38:55,670 en la misma carpeta que este archivo, usted puede simplemente 742 00:38:55,670 --> 00:38:59,595 escribir lo que el nombre de esa imagen es en lugar de tener un enlace web. 743 00:38:59,595 --> 00:39:01,010 >> Todavía sería entre comillas. 744 00:39:01,010 --> 00:39:03,700 Sólo sería como si hubiéramos llamado esto-- 745 00:39:03,700 --> 00:39:06,695 si esta imagen se había salvado en la carpeta con el archivo HTML 746 00:39:06,695 --> 00:39:08,570 que estoy editando y fue llamado bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 También podríamos hacer eso y que se presentaba. 749 00:39:13,080 --> 00:39:16,600 Sin embargo, no tengo este guarda en el archivo y quiero mantener el conejito, 750 00:39:16,600 --> 00:39:18,092 así que vamos a seguir el enlace. 751 00:39:18,092 --> 00:39:20,720 >> AUDIENCIA: ¿Cuál es 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 Es un oportunas para Mira, puedes adoptarlo. 754 00:39:25,170 --> 00:39:25,770 Adopción. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Quiero adoptar este conejito. 757 00:39:29,190 --> 00:39:31,180 Oh, dios, es tan lindo. 758 00:39:31,180 --> 00:39:34,230 >> Aceptar, por lo que hemos añadido las cabeceras. 759 00:39:34,230 --> 00:39:35,500 Hemos añadido una imagen. 760 00:39:35,500 --> 00:39:37,760 Obviamente, hemos añadido algún texto aquí, ¿verdad? 761 00:39:37,760 --> 00:39:40,920 Si quisiéramos añadir otra textos, nos volveríamos a ir de esta manera. 762 00:39:40,920 --> 00:39:43,760 Así que este es otro párrafo. 763 00:39:43,760 --> 00:39:49,070 >> Y decimos "este es otro párrafo." 764 00:39:49,070 --> 00:39:52,510 Además, yo soy un corrector ortográfico horrible, así que puede escribir mal las cosas. 765 00:39:52,510 --> 00:39:54,930 Sólo para tu información. 766 00:39:54,930 --> 00:39:58,450 >> Así que tenemos otro párrafo aquí, ¿verdad? 767 00:39:58,450 --> 00:40:02,190 Así que tal vez usted quiere hacer algo un poco más interesante que un simple 768 00:40:02,190 --> 00:40:04,640 tener todo el texto, como alineado a la derecha. 769 00:40:04,640 --> 00:40:08,490 Tal vez usted desea centrar el texto, ¿de acuerdo? 770 00:40:08,490 --> 00:40:11,820 >> Así que si alguien quiere utilizar los ordenadores a mano en frente de usted 771 00:40:11,820 --> 00:40:19,034 y dime cómo estás va a centrar este texto, 772 00:40:19,034 --> 00:40:20,300 >> AUDIENCIA: p align. 773 00:40:20,300 --> 00:40:24,834 >> ALLISON Buchholtz-AU: Así p align es igual a "centro". 774 00:40:24,834 --> 00:40:25,750 Él está matando, chicos. 775 00:40:25,750 --> 00:40:28,240 Ustedes necesitan dar un paso hacia arriba. 776 00:40:28,240 --> 00:40:36,042 Y tenemos "Esto está centrado." 777 00:40:36,042 --> 00:40:37,500 Y ahora nos hemos centrado en algo. 778 00:40:37,500 --> 00:40:39,380 >> De la misma manera, si lo quieren alineado a la izquierda, 779 00:40:39,380 --> 00:40:42,020 usted podría hacer iguales align izquierda, alineación es igual a la derecha. 780 00:40:42,020 --> 00:40:42,850 Totalmente de usted. 781 00:40:42,850 --> 00:40:55,580 Si lo hice aquí, entonces este deberían: ahora está alineado a la derecha. 782 00:40:55,580 --> 00:40:57,020 >> AUDIENCIA: Allison? 783 00:40:57,020 --> 00:41:00,884 Por origen de la imagen, ¿por qué no es hay cerca de la fuente img? 784 00:41:00,884 --> 00:41:02,050 ALLISON Buchholtz-AU: Lo sentimos. 785 00:41:02,050 --> 00:41:05,300 Éste debe ser Ahora hay ya está bueno. 786 00:41:05,300 --> 00:41:06,026 Ahora estamos bien. 787 00:41:06,026 --> 00:41:08,150 AUDIENCIA: ¿No tienes para cerrarla allí, o no? 788 00:41:08,150 --> 00:41:11,450 ALLISON Buchholtz-AU: Bueno, por lo img fuente, ésta se solo-- con la imagen, 789 00:41:11,450 --> 00:41:17,110 que sólo es visto como uno de los elementos, mientras que si nota para el resto de ellos, 790 00:41:17,110 --> 00:41:22,106 tenemos alguna etiqueta a continuación la información que que se refiere a continuación, y una etiqueta de cierre. 791 00:41:22,106 --> 00:41:24,480 Pero con la imagen, todo está sólo una especie de auto-contenida. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 Enfriar. 794 00:41:29,040 --> 00:41:33,530 Así que ustedes saben cómo crear un encabezado, usted sabe cómo introducir texto, 795 00:41:33,530 --> 00:41:37,060 usted sabe cómo poner una imagen ahora, puede alinear las cosas. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Otra cosa que usted puede ser que desee ser capaz de hacer 798 00:41:42,590 --> 00:41:47,649 es crear una lista en CS-- estamos tipo de entrar en conjunto de procesadores de la próxima semana. 799 00:41:47,649 --> 00:41:49,440 Las cosas que nos típicamente enseñar esta semana 800 00:41:49,440 --> 00:41:51,480 va muy bien con conjunto de procesadores de la próxima semana, así que estamos 801 00:41:51,480 --> 00:41:54,250 tipo de mezcla, la superposición de las cosas aquí. 802 00:41:54,250 --> 00:41:56,290 Pero va a ser útil para la próxima semana. 803 00:41:56,290 --> 00:42:02,500 >> Así que si queríamos crear algo de lista, ¿cómo podemos hacer eso? 804 00:42:02,500 --> 00:42:03,760 No se puede responder a esta hora. 805 00:42:03,760 --> 00:42:04,700 Alguien tiene que hacerlo. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 No es difícil, chicos, lo prometo. 808 00:42:09,440 --> 00:42:13,090 Google "lista desordenada HTML." 809 00:42:13,090 --> 00:42:14,076 Qué fue eso? 810 00:42:14,076 --> 00:42:16,244 >> AUDIENCIA: [inaudible]. 811 00:42:16,244 --> 00:42:17,410 ALLISON Buchholtz-AU: Derecho. 812 00:42:17,410 --> 00:42:20,490 Así que es lo que queremos pedimos o desordenada? 813 00:42:20,490 --> 00:42:21,500 Vamos a hacer una desordenada. 814 00:42:21,500 --> 00:42:25,240 Así que tenemos algunos ul, que representa lista desordenada. 815 00:42:25,240 --> 00:42:27,997 Y ¿qué es lo que tenemos para cada elemento? 816 00:42:27,997 --> 00:42:29,080 Qué se necesita su propia etiqueta? 817 00:42:29,080 --> 00:42:30,556 ¿Podemos empezar a escribir las cosas? 818 00:42:30,556 --> 00:42:31,330 >> AUDIENCIA: li. 819 00:42:31,330 --> 00:42:32,826 >> ALLISON Buchholtz-AU: li. 820 00:42:32,826 --> 00:42:34,785 Entonces, ¿cuál es nuestra lista va a ser? 821 00:42:34,785 --> 00:42:37,050 ¿Qué es lo que queremos aquí? 822 00:42:37,050 --> 00:42:38,190 Acabamos de hacer nombres. 823 00:42:38,190 --> 00:42:39,250 Sólo hacer Jacob. 824 00:42:39,250 --> 00:42:40,340 >> Alimentos Conejo: audiencia. 825 00:42:40,340 --> 00:42:40,990 >> ALLISON Buchholtz-AU: alimentos de conejo. 826 00:42:40,990 --> 00:42:41,910 Aceptar que me gusta esto. 827 00:42:41,910 --> 00:42:42,520 Alimentos de conejo. 828 00:42:42,520 --> 00:42:44,440 >> Aceptar, por lo que tenemos zanahorias. 829 00:42:44,440 --> 00:42:46,640 Me gusta este tema de conejo. 830 00:42:46,640 --> 00:42:48,024 Estoy cavando mucho. 831 00:42:48,024 --> 00:42:50,440 AUDIENCIA: En realidad, yo pensaba que Jacob sería una de fiar. 832 00:42:50,440 --> 00:42:51,606 ALLISON Buchholtz-AU: Jacob? 833 00:42:51,606 --> 00:42:53,120 Jacob es comida de conejo. 834 00:42:53,120 --> 00:42:55,310 Si usted vio Jacob foto de las horas de oficina, 835 00:42:55,310 --> 00:42:56,850 usted podría haber pensado que él consiguió atacado por un conejo asesino. 836 00:42:56,850 --> 00:42:58,099 >> AUDIENCIA: Tengo un conejo ahora. 837 00:42:58,099 --> 00:42:59,710 Tengo un conejo asesino ahora. 838 00:42:59,710 --> 00:43:00,540 >> ALLISON Buchholtz-AU: Me estás tomando el pelo? 839 00:43:00,540 --> 00:43:02,081 >> AUDIENCIA: Voy a traer la próxima sección. 840 00:43:02,081 --> 00:43:02,990 Lo tengo. 841 00:43:02,990 --> 00:43:04,240 >> ALLISON Buchholtz-AU: Esto es ridículo. 842 00:43:04,240 --> 00:43:04,730 De todos modos. 843 00:43:04,730 --> 00:43:05,510 >> AUDIENCIA: [inaudible] 844 00:43:05,510 --> 00:43:07,510 >> AUDIENCIA: Sí, mi supervisor tiene un conejo también. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON Buchholtz-AU: Quiero un conejo. 847 00:43:11,580 --> 00:43:15,415 Aceptar, quien trae un verdadero conejo de la siguiente sección, brownie puntos totales. 848 00:43:15,415 --> 00:43:16,290 AUDIENCIA: [inaudible] 849 00:43:16,290 --> 00:43:16,943 AUDIENCIA: ¡Oh, no es real. 850 00:43:16,943 --> 00:43:17,910 Es un conejo de peluche. 851 00:43:17,910 --> 00:43:18,855 >> ALLISON Buchholtz-AU: Oh sí, podemos cerrar estos. 852 00:43:18,855 --> 00:43:20,174 Parece rad. 853 00:43:20,174 --> 00:43:21,590 AUDIENCIA: ¿Realmente importa? 854 00:43:21,590 --> 00:43:23,465 ALLISON Buchholtz-AU: No lo hace. 855 00:43:23,465 --> 00:43:25,590 Con la mayoría de estas cosas, no cierra la etiqueta, 856 00:43:25,590 --> 00:43:28,750 El 99% del tiempo nada malo va a suceder, pero es un buen estilo, también. 857 00:43:28,750 --> 00:43:30,250 Así que Jacob. 858 00:43:30,250 --> 00:43:31,864 Y tenemos la lechuga. 859 00:43:31,864 --> 00:43:33,655 AUDIENCIA: Para los enlaces, que es realmente importante. 860 00:43:33,655 --> 00:43:34,696 ALLISON Buchholtz-AU: Hm? 861 00:43:34,696 --> 00:43:35,890 AUDIENCIA: Para hipervínculos. 862 00:43:35,890 --> 00:43:37,431 ALLISON Buchholtz-AU: Para hipervínculos. 863 00:43:37,431 --> 00:43:38,610 Sí, hipervínculos lo necesitan. 864 00:43:38,610 --> 00:43:40,770 OK, así que vamos a ver aquí. 865 00:43:40,770 --> 00:43:44,810 Y tenemos el cierre de nuestra lista. 866 00:43:44,810 --> 00:43:46,635 Y nos fijamos en eso. 867 00:43:46,635 --> 00:43:49,680 Hemos todos-- Jacob, justo ahí. 868 00:43:49,680 --> 00:43:52,310 Comida de conejo. 869 00:43:52,310 --> 00:43:54,000 Me recuerda a Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> AUDIENCIA: [inaudible] 871 00:43:55,234 --> 00:43:58,400 ALLISON Buchholtz-AU: Estoy trayendo de vuelta todas las referencias de la vieja escuela de hoy, 872 00:43:58,400 --> 00:43:59,130 ¿no? 873 00:43:59,130 --> 00:44:01,210 A tan solo todas las viejas referencias escolares. 874 00:44:01,210 --> 00:44:05,767 Debería haber traído como Gogurts o algo para picar. 875 00:44:05,767 --> 00:44:07,079 >> AUDIENCIA: O Gushers. 876 00:44:07,079 --> 00:44:08,120 ALLISON Buchholtz-AU: Oh. 877 00:44:08,120 --> 00:44:08,620 Okay. 878 00:44:08,620 --> 00:44:10,920 Voy a ver si puedo rastrear abajo Gushers para la próxima semana. 879 00:44:10,920 --> 00:44:11,980 Creo que puedo hacer eso. 880 00:44:11,980 --> 00:44:13,980 Creo que podríamos tener algunos en la oficina. 881 00:44:13,980 --> 00:44:18,570 >> Aceptar, por lo que hemos cubierto una gran cantidad de diferentes cosas que usted puede hacer con HTML, ¿verdad? 882 00:44:18,570 --> 00:44:23,910 Y como usted probablemente puede ver, es nothing-- con suerte, no demasiado intim-- 883 00:44:23,910 --> 00:44:25,750 si lo es, no me refiero a menospreciar a nadie. 884 00:44:25,750 --> 00:44:29,090 Si usted está teniendo problemas, por favor, venir a hablar conmigo. 885 00:44:29,090 --> 00:44:31,340 >> Pero la mayor parte de ella es justo mirando a la sintaxis, ¿verdad? 886 00:44:31,340 --> 00:44:34,180 Si desea una lista desordenada, si quieres algún tipo de lista, 887 00:44:34,180 --> 00:44:38,450 si usted desea alinear algo o Formato de algo, todo se trata de sólo 888 00:44:38,450 --> 00:44:42,080 tipo de buscar el sintaxis para HTML, ¿verdad? 889 00:44:42,080 --> 00:44:44,720 Y una cosa que es muy bien hecho 890 00:44:44,720 --> 00:44:51,360 es si vas a-- vamos a ver, lo que es un buen sitio web que nos gusta? 891 00:44:51,360 --> 00:44:54,920 Alguien tiene alguna sitios web favoritos que están bien para que aparezca en línea? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 ¿Sabes qué, vamos a hacer CS50. 894 00:44:58,840 --> 00:45:01,800 Eso es bonito y seguro, ¿no? 895 00:45:01,800 --> 00:45:03,060 >> OK, así que aquí CS50. 896 00:45:03,060 --> 00:45:05,540 Oh, mira, hay una sección en este momento. 897 00:45:05,540 --> 00:45:07,113 Si te gusta la forma en que se ve. 898 00:45:07,113 --> 00:45:08,030 >> AUDIENCIA: [inaudible]. 899 00:45:08,030 --> 00:45:10,696 ALLISON Buchholtz-AU: No somos va a hacer la sección meta, chicos. 900 00:45:10,696 --> 00:45:11,560 No está sucediendo. 901 00:45:11,560 --> 00:45:14,540 Sería genial, pero no vamos a hacerlo. 902 00:45:14,540 --> 00:45:17,040 >> Entonces, ¿qué se podía hacer hacer si te gusta la forma 903 00:45:17,040 --> 00:45:21,390 esto funciona es que usted puede siempre tiene la razón haga clic en cualquier página web que te gusta 904 00:45:21,390 --> 00:45:23,660 y usted puede hacer Ver origen de página. 905 00:45:23,660 --> 00:45:26,030 Traerá todo el HTML. 906 00:45:26,030 --> 00:45:30,800 Y esto es en realidad una muy buena forma el estilo de su propia página web. 907 00:45:30,800 --> 00:45:33,640 Ir a una página Web que realmente te gusta y mirar el HTML 908 00:45:33,640 --> 00:45:35,430 y averiguar cómo lo hicieron. 909 00:45:35,430 --> 00:45:39,280 >> Y, literalmente, todo el tiempo como usted cita cosas, 910 00:45:39,280 --> 00:45:41,940 siempre y cuando usted no está solo robando a la gente, que está bien. 911 00:45:41,940 --> 00:45:43,890 Especialmente para CS50 [? financiamos?], estamos 912 00:45:43,890 --> 00:45:46,950 tipo de esperar que para llegar la inspiración de otro sitio web. 913 00:45:46,950 --> 00:45:48,070 Así que no dude. 914 00:45:48,070 --> 00:45:51,360 Mira a través de sitios web que crees que son realmente bastante 915 00:45:51,360 --> 00:45:54,870 y averiguar cómo utilizan HTML y CSS para hacer estas cosas. 916 00:45:54,870 --> 00:45:59,860 >> Así que como ves aquí, obviamente hay como enlaces y tenemos una clase aquí. 917 00:45:59,860 --> 00:46:00,950 Tenemos un enlace aquí. 918 00:46:00,950 --> 00:46:03,100 Tenemos una lista. 919 00:46:03,100 --> 00:46:05,370 Es probable que tengamos alguna fotos en alguna parte. 920 00:46:05,370 --> 00:46:08,332 >> Tenemos un poco de estilo fresco aquí. 921 00:46:08,332 --> 00:46:10,040 Esta es la próxima cosa que vamos a hacer. 922 00:46:10,040 --> 00:46:14,580 Así estilo, cada vez que vea estos soportes de estilo, que es básicamente CSS. 923 00:46:14,580 --> 00:46:15,880 Ben, ¿usted tiene una pregunta? 924 00:46:15,880 --> 00:46:16,880 >> AUDIENCIA: ¿Cuál es div? 925 00:46:16,880 --> 00:46:20,039 >> ALLISON Buchholtz-AU: div es justo lo que es A-- div? 926 00:46:20,039 --> 00:46:20,830 AUDIENCIA: División. 927 00:46:20,830 --> 00:46:22,121 ALLISON Buchholtz-AU: División. 928 00:46:22,121 --> 00:46:25,960 Sí, es como separar diferentes elementos. 929 00:46:25,960 --> 00:46:28,650 OK, así que aquí es lo que estamos va a entrar en la próxima. 930 00:46:28,650 --> 00:46:31,550 Así que este puede no ser el mejor estilo porque, si usted nota 931 00:46:31,550 --> 00:46:37,681 tenemos HTML y estilo en la misma página, y que en realidad queremos separar aquellos, 932 00:46:37,681 --> 00:46:38,180 ¿De acuerdo? 933 00:46:38,180 --> 00:46:41,620 Y, de hecho, me dejó abrir mi derecho 934 00:46:41,620 --> 00:46:45,990 porque esto se supone que es el PDF, por lo que tenemos style.css. 935 00:46:45,990 --> 00:46:51,210 >> Así que lo que podemos hacer aquí es estos son cosas interesantes como algunos se desvanecen 936 00:46:51,210 --> 00:46:55,550 y podríamos tratar de hacer eso, pero me siento como lo haría desastre que sobre la marcha, 937 00:46:55,550 --> 00:46:58,520 así que te animo a chicos ir intentarlo por su cuenta, 938 00:46:58,520 --> 00:47:00,310 pero yo no voy a hacerlo ahora mismo. 939 00:47:00,310 --> 00:47:03,790 Así que si ustedes, recuerden, si alguna vez golpeó conjunto de problemas, 940 00:47:03,790 --> 00:47:05,584 algo se abalanza desde el lado. 941 00:47:05,584 --> 00:47:08,000 Tiene que ver con el fundido y la transición y otras cosas. 942 00:47:08,000 --> 00:47:09,630 >> AUDIENCIA: ¿Y eso es todo CSS y HTML? 943 00:47:09,630 --> 00:47:11,460 >> ALLISON Buchholtz-AU: Todo CSS y HTML. 944 00:47:11,460 --> 00:47:12,420 Sí. 945 00:47:12,420 --> 00:47:17,720 Así que usted puede hacer un montón de realmente cosas interesantes con CSS y HTML. 946 00:47:17,720 --> 00:47:22,280 Así que con nuestro increíble página web del conejito aquí, 947 00:47:22,280 --> 00:47:25,240 vamos a hacer un poco de poco de estilo CSS con él. 948 00:47:25,240 --> 00:47:28,850 >> Así que si alguna vez tiene un estilo hoja, lo que tenemos aquí, 949 00:47:28,850 --> 00:47:30,550 usted puede llamar a style.css. 950 00:47:30,550 --> 00:47:32,090 Se le puede llamar lo que quieras. 951 00:47:32,090 --> 00:47:37,110 Lo que es importante es que vamos hacer referencia a ella en nuestra web.html aquí. 952 00:47:37,110 --> 00:47:41,670 >> Así que lo que vamos a hacer es nosotros-- así que no me meto esta up-- 953 00:47:41,670 --> 00:47:46,180 vamos a vincular estos dos archivos juntos. 954 00:47:46,180 --> 00:47:49,340 Así que en el mismo manera-- voy establecer una analogía a C aquí. 955 00:47:49,340 --> 00:47:53,510 De la misma manera que si tiene algunos library-- y tenemos cs50.h-- 956 00:47:53,510 --> 00:47:55,520 nuestro compilador lo vincula. 957 00:47:55,520 --> 00:47:58,040 Esto es sólo una explícita enlace de nuestra parte. 958 00:47:58,040 --> 00:48:01,840 Así que de la misma manera que lo hacemos hash de incluir algún archivo, lo que 959 00:48:01,840 --> 00:48:06,890 Estoy a punto de escribir es sólo el Equivalente HTML / CSS de eso. 960 00:48:06,890 --> 00:48:11,970 >> Sólo estamos diciendo, OK, esta página web se va a utilizar esta hoja de estilo, ¿de acuerdo? 961 00:48:11,970 --> 00:48:23,360 Así que tenemos link rel igual a hoja de estilo. 962 00:48:23,360 --> 00:48:30,870 Y luego tenemos el tipo, css. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 Y entonces es igual a href. 965 00:48:37,060 --> 00:48:41,910 966 00:48:41,910 --> 00:48:42,860 >> Okay. 967 00:48:42,860 --> 00:48:45,680 Así que todo esto lo hizo aquí es puede pensar en esto como la misma cosa 968 00:48:45,680 --> 00:48:47,550 como un hash incluir. 969 00:48:47,550 --> 00:48:53,450 Obviamente se ve un poco más complicado, pero en todos los casos, 970 00:48:53,450 --> 00:48:55,370 es efectivamente lo mismo. 971 00:48:55,370 --> 00:49:00,940 Así que esto es sólo un poco de vinculación de un hoja de estilo, que es de tipo text / css, 972 00:49:00,940 --> 00:49:02,875 y el nombre de la misma es style.css. 973 00:49:02,875 --> 00:49:05,560 >> ¿Qué es importante saber es que la página web 974 00:49:05,560 --> 00:49:09,155 que estoy trabajando justo ahora-- web.html y style.css-- están en la misma carpeta. 975 00:49:09,155 --> 00:49:14,740 Debido a que en diferentes carpetas, usted necesita dar a la raíz real 976 00:49:14,740 --> 00:49:17,480 a ella o la ruta de acceso a la misma. 977 00:49:17,480 --> 00:49:20,620 Pero en este caso, estamos manteniéndola super sencillo y que va a estar aquí. 978 00:49:20,620 --> 00:49:26,730 Así que si hacemos eso, tengo un poco de las cosas ya se ponen en cola hasta aquí. 979 00:49:26,730 --> 00:49:31,680 >> Así que tenemos un cuerpo, que se va para que nuestro color de fondo, que 980 00:49:31,680 --> 00:49:33,320 en este momento es de color azul claro. 981 00:49:33,320 --> 00:49:36,850 Podemos cambiarlo si queremos, pero si recuerdo correctamente, 982 00:49:36,850 --> 00:49:39,270 sólo debe cambiarlo a azul claro. 983 00:49:39,270 --> 00:49:42,050 Y ahora tenemos un fondo azul claro. 984 00:49:42,050 --> 00:49:47,490 Y tuvimos aquí-- puede alguien recordar cuál es ID de hash o clase? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> AUDIENCIA: ID. 987 00:49:51,080 --> 00:49:51,800 >> ALLISON Buchholtz-AU: ID. 988 00:49:51,800 --> 00:49:52,420 Enfriar. 989 00:49:52,420 --> 00:49:58,920 Así que lo que queremos hacer es cuál de estas fuentes 990 00:49:58,920 --> 00:50:01,534 o las cuales: ¿queremos "Mira el conejito lindo "ser púrpura? 991 00:50:01,534 --> 00:50:02,950 Creo que queremos que para ser púrpura. 992 00:50:02,950 --> 00:50:04,640 Estoy bastante de acuerdo con eso de ser púrpura. 993 00:50:04,640 --> 00:50:08,790 >> Así que lo que hace es que haces Identificación equals-- en este caso 994 00:50:08,790 --> 00:50:13,630 Yo dije, ¿qué, de color bastante aquí. 995 00:50:13,630 --> 00:50:14,780 Nos recargamos. 996 00:50:14,780 --> 00:50:17,460 De repente, es púrpura. 997 00:50:17,460 --> 00:50:20,680 OK, así que con la identificación, recuerde tiene que ser único, 998 00:50:20,680 --> 00:50:24,370 por lo que nunca debería estar usando este ID en cualquier otro lugar. 999 00:50:24,370 --> 00:50:27,760 Sin embargo, con clase, como lo hemos hecho aquí con un tipo de letra bonita, 1000 00:50:27,760 --> 00:50:30,300 Yo debería ser capaz de utilizar que en cualquier lugar que quiero. 1001 00:50:30,300 --> 00:50:33,160 >> Así que vamos a hacer esto de aquí. 1002 00:50:33,160 --> 00:50:41,100 Así que podemos decir que la clase es igual a la fuente bonita. 1003 00:50:41,100 --> 00:50:46,190 Y si miramos ahora, tenemos este tipo de letra muy bien aquí. 1004 00:50:46,190 --> 00:50:49,160 Así que tal vez quiero hacer las dos cosas. 1005 00:50:49,160 --> 00:50:52,786 OK, yo realmente no sé si esto es ir a trabajar, pero quiero intentarlo. 1006 00:50:52,786 --> 00:50:54,410 Y así es como se aprende CSS y HTML. 1007 00:50:54,410 --> 00:50:55,660 Usted es como, ya sabes qué, quiero probar esto. 1008 00:50:55,660 --> 00:50:56,430 No estoy seguro de si va a funcionar. 1009 00:50:56,430 --> 00:50:57,346 Vamos a ver si funciona. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> Y mira eso. 1012 00:51:01,540 --> 00:51:04,540 Ahora es de color morado y es un tipo de letra bonita. 1013 00:51:04,540 --> 00:51:08,692 Aceptar, por lo que tiene todo esto diferentes cosas que puede hacer. 1014 00:51:08,692 --> 00:51:09,650 ¿Tiene una pregunta? 1015 00:51:09,650 --> 00:51:10,275 >> AUDIENCIA: Sí. 1016 00:51:10,275 --> 00:51:13,280 Bueno, al igual que los colores que está usando son palabras. 1017 00:51:13,280 --> 00:51:16,005 ¿Hay una manera de hacer colores con el hexadecimal RGB? 1018 00:51:16,005 --> 00:51:18,880 ALLISON Buchholtz-AU: También puede hágalo con hexadecimal, creo. 1019 00:51:18,880 --> 00:51:19,803 Sí. 1020 00:51:19,803 --> 00:51:22,136 Pero es algo bueno si no quieren mirar hacia arriba. 1021 00:51:22,136 --> 00:51:23,762 Usted sólo puede ser como, púrpura o azul. 1022 00:51:23,762 --> 00:51:25,720 AUDIENCIA: Esperemos que saben lo que eso significa. 1023 00:51:25,720 --> 00:51:26,886 ALLISON Buchholtz-AU: Derecho. 1024 00:51:26,886 --> 00:51:29,580 Así que vamos a hacer esta lectura o chartreuse. 1025 00:51:29,580 --> 00:51:32,060 ¿Por qué nunca elegir chartreuse? 1026 00:51:32,060 --> 00:51:33,340 Es un color interesante. 1027 00:51:33,340 --> 00:51:37,355 >> Aceptar, por lo que, obviamente, podemos ver que puede cambiar las cosas como queramos. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Si querías create-- digamos queríamos crear otra clase. 1030 00:51:45,392 --> 00:51:46,850 ¿Qué puede ser que ustedes quieren cambiar? 1031 00:51:46,850 --> 00:51:51,840 Si acabas de llegar W3Schools ' Documentación CSS, 1032 00:51:51,840 --> 00:51:54,450 Dejo la palabra a ustedes. 1033 00:51:54,450 --> 00:51:57,990 Podemos tratar de hacer algo fresco con esto en el último par de minutos. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Porque he amable de su parte dieron una Curso acelerado en un montón de cosas interesantes 1036 00:52:03,150 --> 00:52:03,970 que usted puede hacer. 1037 00:52:03,970 --> 00:52:09,956 Pero al final, como ya he dicho, si sólo experimento, usted aprenderá mucho. 1038 00:52:09,956 --> 00:52:12,212 >> AUDIENCIA: ¿Sabía usted mira para arriba esa fuente? 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON Buchholtz-AU: Sí, Miré hacia arriba esa fuente. 1040 00:52:14,295 --> 00:52:17,200 Así como, literalmente, me fui a-- ¿qué hice? 1041 00:52:17,200 --> 00:52:22,371 Hice la lista de fuentes CSS, y luego hice pila de la fuente, 1042 00:52:22,371 --> 00:52:25,120 y entonces yo estaba como, mira, aquí son todas las fuentes frescas que usted puede hacer. 1043 00:52:25,120 --> 00:52:28,180 Y allí estaba este, por lo que Lo copié a mi portapapeles. 1044 00:52:28,180 --> 00:52:31,820 Y entonces yo estaba como, Aceptar, fresco, ahí vamos. 1045 00:52:31,820 --> 00:52:32,320 Todo hecho. 1046 00:52:32,320 --> 00:52:35,920 >> AUDIENCIA: Así que usted tiene que asegurarse de CSS que sabe lo que es la fuente. 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON Buchholtz-AU: Sí. 1048 00:52:37,370 --> 00:52:38,190 >> AUDIENCIA: ¿Qué es lo que dice al final? 1049 00:52:38,190 --> 00:52:38,790 Cursiva? 1050 00:52:38,790 --> 00:52:40,040 >> ALLISON Buchholtz-AU: cursiva. 1051 00:52:40,040 --> 00:52:40,950 Sí. 1052 00:52:40,950 --> 00:52:42,310 >> AUDIENCIA: Imagen de fondo. 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON Buchholtz-AU: Imagen de fondo. 1054 00:52:43,290 --> 00:52:44,180 Okay. 1055 00:52:44,180 --> 00:52:46,490 Así que usted quiere decirme cómo hacer esto. 1056 00:52:46,490 --> 00:52:47,390 Dejo esto a usted. 1057 00:52:47,390 --> 00:52:49,070 Sólo estoy escribiendo aquí ahora. 1058 00:52:49,070 --> 00:52:51,714 La rueda está en tus manos. 1059 00:52:51,714 --> 00:52:52,660 >> AUDIENCIA: Aceptar 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON Buchholtz-AU: OK. 1061 00:52:53,701 --> 00:52:54,720 ¿Qué estoy haciendo? 1062 00:52:54,720 --> 00:53:02,929 >> AUDIENCIA: Doing-- Sé lo viene después del corchete. 1063 00:53:02,929 --> 00:53:03,970 ALLISON Buchholtz-AU: OK. 1064 00:53:03,970 --> 00:53:06,707 Así que, probablemente, en el cuerpo, asumiría, porque somos 1065 00:53:06,707 --> 00:53:08,040 haciendo la imagen de fondo. 1066 00:53:08,040 --> 00:53:08,940 >> AUDIENCIA: Sí, vamos a hacer eso. 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON Buchholtz-AU: OK. 1068 00:53:09,981 --> 00:53:14,260 AUDIENCIA: OK, entonces fondo de colon, y luego 1069 00:53:14,260 --> 00:53:16,894 necesita una dirección URL de esa imagen. 1070 00:53:16,894 --> 00:53:18,560 Tal vez pseudo-código que, por ahora, tal vez. 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON Buchholtz-AU: ¿Qué ¿me gustaría a-- 1072 00:53:20,601 --> 00:53:22,574 AUDIENCIA: Estoy pensando como un GIF. 1073 00:53:22,574 --> 00:53:23,740 ALLISON Buchholtz-UA: Un GIF? 1074 00:53:23,740 --> 00:53:26,070 Eso va a ser interesante. 1075 00:53:26,070 --> 00:53:27,840 Bien, ¿qué estoy buscando en Google aquí? 1076 00:53:27,840 --> 00:53:29,670 >> AUDIENCIA: No, eso es su elección. 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON Buchholtz-AU: ¿Por qué no nosotros-- si es un conejito, 1078 00:53:32,090 --> 00:53:35,610 Siento que deberíamos tener un bonito césped o algo de hierba. 1079 00:53:35,610 --> 00:53:38,275 >> AUDIENCIA: Prado. 1080 00:53:38,275 --> 00:53:39,350 Un prado. 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON Buchholtz-UA: Un prado? 1082 00:53:40,641 --> 00:53:41,851 Okay. 1083 00:53:41,851 --> 00:53:42,975 AUDIENCIA: O Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON Buchholtz-AU: Éste se ve bastante. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Oh, eso es muy pequeña, sin embargo. 1088 00:53:50,380 --> 00:53:51,700 Necesitamos una imagen de buen tamaño. 1089 00:53:51,700 --> 00:53:53,142 Vamos a ver. 1090 00:53:53,142 --> 00:53:54,570 Oh, mira. 1091 00:53:54,570 --> 00:53:55,630 Eso es un prado bastante. 1092 00:53:55,630 --> 00:53:58,320 ¿Sabes qué me gusta esta. 1093 00:53:58,320 --> 00:53:59,300 Vamos a copiar éste. 1094 00:53:59,300 --> 00:54:08,020 >> AUDIENCIA: OK, así que creo que es la URL, los paréntesis abiertos. 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON Buchholtz-AU: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> AUDIENCIA: A continuación, la dirección. 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON Buchholtz-AU: OK. 1098 00:54:13,610 --> 00:54:14,750 ¿Es eso todo lo que necesitamos? 1099 00:54:14,750 --> 00:54:20,550 >> AUDIENCIA: Cerrar paréntesis, punto y coma, y luego el espacio, fondo guión 1100 00:54:20,550 --> 00:54:27,050 dos puntos de fijación fijo, y corchete. 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON Buchholtz-AU: OK. 1102 00:54:28,110 --> 00:54:29,114 Vamos a ver si funciona. 1103 00:54:29,114 --> 00:54:30,780 Va a ser muy bien si lo hace. 1104 00:54:30,780 --> 00:54:33,880 Estoy muy emocionado aquí. 1105 00:54:33,880 --> 00:54:35,070 No funcionó. 1106 00:54:35,070 --> 00:54:35,700 Me pregunto por qué. 1107 00:54:35,700 --> 00:54:37,700 AUDIENCIA: Tal vez la URL tiene que estar en las citas. 1108 00:54:37,700 --> 00:54:38,866 ALLISON Buchholtz-AU: Tal vez. 1109 00:54:38,866 --> 00:54:41,520 Y esta es la manera de aprender, chicos. 1110 00:54:41,520 --> 00:54:44,340 >> AUDIENCIA: ¿Podemos tener fondo color y la imagen de fondo? 1111 00:54:44,340 --> 00:54:45,390 >> AUDIENCIA: No. 1112 00:54:45,390 --> 00:54:46,550 Uno sustituye al otro. 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON Buchholtz-AU: No lo sé. 1114 00:54:46,960 --> 00:54:47,460 Vamos a ver. 1115 00:54:47,460 --> 00:54:48,860 Vamos a echarle un vistazo y ver. 1116 00:54:48,860 --> 00:54:51,567 >> AUDIENCIA: ¡Oh, tal vez, sí. 1117 00:54:51,567 --> 00:54:52,400 [Interponiendo VOCES] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON Buchholtz-AU: OK, esto es obviously-- yo [inaudible] aquí. 1120 00:55:03,260 --> 00:55:04,927 Así Aceptar. 1121 00:55:04,927 --> 00:55:06,260 AUDIENCIA: apego Antecedentes. 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 >> AUDIENCIA: OK, yo no lo sé. 1125 00:55:13,946 --> 00:55:16,070 ALLISON Buchholtz-AU: Se parece que debería funcionar. 1126 00:55:16,070 --> 00:55:19,074 ¿Estás seguro de que es el colon después de la URL? 1127 00:55:19,074 --> 00:55:20,439 >> AUDIENCIA: No, es punto y coma. 1128 00:55:20,439 --> 00:55:21,980 ALLISON Buchholtz-AU: Es punto y coma. 1129 00:55:21,980 --> 00:55:22,530 AUDIENCIA: ¿He dicho de colon? 1130 00:55:22,530 --> 00:55:24,155 ALLISON Buchholtz-AU: Usted dijo que dos puntos. 1131 00:55:24,155 --> 00:55:26,222 AUDIENCIA: ¡Oh, no. 1132 00:55:26,222 --> 00:55:27,680 ALLISON Buchholtz-AU: Hay que ir. 1133 00:55:27,680 --> 00:55:29,350 AUDIENCIA: Oh, espera, ahora no podemos leer el texto. 1134 00:55:29,350 --> 00:55:30,320 ALLISON Buchholtz-AU: Ahora no puedes leer el texto, 1135 00:55:30,320 --> 00:55:32,740 pero tenemos la imagen de fondo. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> AUDIENCIA: ¿El HTML apoyar el contenido dinámico? 1138 00:55:35,220 --> 00:55:39,070 Al igual, ¿podría cambiar el tamaño de esa imagen dependiendo del tamaño de la ventana, 1139 00:55:39,070 --> 00:55:39,890 o es que un CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON Buchholtz-AU: Así que CSS tiene que hacer eso. 1141 00:55:41,723 --> 00:55:45,210 Así que si ustedes están interesados en el aprendizaje de CSS avanzado, 1142 00:55:45,210 --> 00:55:50,789 Estoy co-enseñando una seminario sobre CSS en la séptima. 1143 00:55:50,789 --> 00:55:52,580 Y te prometo que lo hará mucho más en profundidad 1144 00:55:52,580 --> 00:55:55,220 y hacer mucho más fresco cosas en esta sección. 1145 00:55:55,220 --> 00:55:59,234 Y mi compañero de maestro es como total de extremo frontal maestro dev web. 1146 00:55:59,234 --> 00:56:02,150 Así que será muy bien si quieres para aprender acerca de todas las cosas interesantes 1147 00:56:02,150 --> 00:56:03,960 CSS que puede hacer. 1148 00:56:03,960 --> 00:56:06,860 >> Pero lo que tenemos aquí con su apego fondo 1149 00:56:06,860 --> 00:56:13,330 fixed-- así que es un poco de size-- fijo pero en realidad se puede dynamically-- 1150 00:56:13,330 --> 00:56:17,610 si alguna vez ver páginas web, como la mayoría de las buenas páginas web van a hacer, 1151 00:56:17,610 --> 00:56:19,470 al ajustar la tamaño de su navegador, 1152 00:56:19,470 --> 00:56:23,980 se ajusta el fondo o la cantidad está mostrando o reformatea las cosas, ¿no? 1153 00:56:23,980 --> 00:56:27,100 Así que eso es lo que llamamos posicionamiento relativo. 1154 00:56:27,100 --> 00:56:33,410 >> Y CSS realmente puede tomar el tamaño de su ancho del navegador es o qué tan alto es, 1155 00:56:33,410 --> 00:56:37,970 y se puede colocar las cosas de acuerdo con los tamaños relativos 1156 00:56:37,970 --> 00:56:40,420 frente tamaños absolutos. 1157 00:56:40,420 --> 00:56:44,920 Y eso es, obviamente, más avanzado CSS, pero eso es algo que usted puede hacer. 1158 00:56:44,920 --> 00:56:47,390 Si quieres aprender más, ven a mi seminario. 1159 00:56:47,390 --> 00:56:50,540 >> Así que eso es algo que usted puede hacer. 1160 00:56:50,540 --> 00:56:54,450 Y CSS puede en realidad hacer-- CSS y JavaScript, 1161 00:56:54,450 --> 00:56:58,790 que vamos a entrar en la próxima week-- puede permitir que usted cambie de forma dinámica 1162 00:56:58,790 --> 00:57:02,160 páginas sin tener que ellos recargar todo el tiempo. 1163 00:57:02,160 --> 00:57:04,590 Y se llega a hacer algo cosas muy bien. 1164 00:57:04,590 --> 00:57:09,317 >> Entonces, ¿hay otra cosa que ustedes podrían querer hacer 1165 00:57:09,317 --> 00:57:10,650 o lo que quieras para explorar? 1166 00:57:10,650 --> 00:57:12,900 Tenemos 10 minutos para el final. 1167 00:57:12,900 --> 00:57:19,010 También podemos salir temprano, pero si usted quiere hacer algunos más cosas web, 1168 00:57:19,010 --> 00:57:20,960 podemos, pero no estoy te va a obligar a. 1169 00:57:20,960 --> 00:57:23,510 Pero podemos también acaba de comer dulces. 1170 00:57:23,510 --> 00:57:25,760 AUDIENCIA: Resalta el texto blanco así que usted puede leer. 1171 00:57:25,760 --> 00:57:27,680 ALLISON Buchholtz-AU: OK. 1172 00:57:27,680 --> 00:57:33,389 Así que en este caso, queremos un poco de p. 1173 00:57:33,389 --> 00:57:36,305 AUDIENCIA: ¿Hay que hacerlo en el cuerpo por lo que se aplica a toda la página? 1174 00:57:36,305 --> 00:57:38,096 ALLISON Buchholtz-AU: Sí, podemos en realidad. 1175 00:57:38,096 --> 00:57:40,880 Esa es una buena idea. 1176 00:57:40,880 --> 00:57:43,420 Así que tener-- ¿Es usted Sabemos lo que debemos ser? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 No sé si podemos hacer el color del texto. 1179 00:57:50,260 --> 00:57:54,946 Iba a tratar de crear otra clase aquí. 1180 00:57:54,946 --> 00:57:58,394 >> AUDIENCIA: ¿Cómo se llega de modo que tiene las sugerencias? 1181 00:57:58,394 --> 00:58:00,560 ALLISON Buchholtz-AU: Así si ustedes están interesados, 1182 00:58:00,560 --> 00:58:03,480 este es otro texto editor llamado Sublime. 1183 00:58:03,480 --> 00:58:07,180 Usted debe ser capaz de instalarlo en su aparato. 1184 00:58:07,180 --> 00:58:08,659 A veces se pone un poco complicado. 1185 00:58:08,659 --> 00:58:10,950 Si desea ayudar con eso, Estoy súper feliz de ayudarle a 1186 00:58:10,950 --> 00:58:14,720 con él, porque es grande y gedit que es impresionante, porque se puede compilarlo 1187 00:58:14,720 --> 00:58:17,790 en la parte inferior, pero realmente como Sublime porque es bastante 1188 00:58:17,790 --> 00:58:19,498 y que sí hace cosas como la función de autocompletar. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Así que usted puede sin duda no dude en que me haga saber si usted quiere hacer eso. 1191 00:58:26,890 --> 00:58:28,940 Si usted acaba de Google "Sublime texto, "por lo general 1192 00:58:28,940 --> 00:58:32,860 tiene instrucciones sobre cómo instalar en diversos sistemas operativos. 1193 00:58:32,860 --> 00:58:37,590 Es realmente genial, me pensar, en mi opinión. 1194 00:58:37,590 --> 00:58:38,355 Así p. 1195 00:58:38,355 --> 00:58:45,616 Creo que sólo puedo hacer texto-- o sólo podemos hacer el color es "blanco." 1196 00:58:45,616 --> 00:58:47,050 Ya está. 1197 00:58:47,050 --> 00:58:50,770 >> Así que lo que hice aquí es que yo no cambiar todo el texto. 1198 00:58:50,770 --> 00:58:54,040 Pero p aquí es sólo un etiqueta que tenemos, ¿no? 1199 00:58:54,040 --> 00:58:55,450 Esta etiqueta de párrafo. 1200 00:58:55,450 --> 00:59:00,380 Así que acabo de crear un elemento de CSS que Dicho esto, bien, cualquier cosa con esta etiqueta 1201 00:59:00,380 --> 00:59:02,510 p, hacen que el color blanco. 1202 00:59:02,510 --> 00:59:05,690 >> Así que si te has dado cuenta, se hizo este blanco y este blanco. 1203 00:59:05,690 --> 00:59:09,100 No tenía nuestra lista blanca porque que no está asociado con eso. 1204 00:59:09,100 --> 00:59:11,180 Usted podría ir a través y usted podría decir-- 1205 00:59:11,180 --> 00:59:11,860 >> AUDIENCIA: Haga color de fondo. 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON Buchholtz-AU: El color de fondo? 1207 00:59:12,660 --> 00:59:15,660 >> AUDIENCIA: Antecedentes de la tubería en de color donde usted pone la etiqueta 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 ¿Lo quieres blanco? 1211 00:59:22,804 --> 00:59:23,470 AUDIENCIA: Mmhmm. 1212 00:59:23,470 --> 00:59:25,070 ALLISON Buchholtz-AU: OK. 1213 00:59:25,070 --> 00:59:26,342 Hay que ir. 1214 00:59:26,342 --> 00:59:27,300 AUDIENCIA: Eso es raro. 1215 00:59:27,300 --> 00:59:29,190 ALLISON Buchholtz-AU: Bastante bien, ¿verdad? 1216 00:59:29,190 --> 00:59:31,640 Así que si usted acaba de perder el tiempo, usted va a aprender mucho. 1217 00:59:31,640 --> 00:59:34,720 Y puede ser bastante fresco. 1218 00:59:34,720 --> 00:59:37,312 Creo que es definitivamente más gratificante que a veces 1219 00:59:37,312 --> 00:59:39,770 porque usted no tiene que esperar para su programa para compilar. 1220 00:59:39,770 --> 00:59:41,895 Usted sólo puede golpear Actualizar y usted es como, ¡oh, mira, 1221 00:59:41,895 --> 00:59:44,276 funcionó, o oh, yo soy probablemente perdiendo algo. 1222 00:59:44,276 --> 00:59:47,359 Y eso es algo que es realmente bueno de la siguiente parte de la clase, 1223 00:59:47,359 --> 00:59:49,250 es sin duda, yo piense, más fácil de comprobar 1224 00:59:49,250 --> 00:59:52,640 a medida que avanza en el camino frente a tener que escribir estos programas largos 1225 00:59:52,640 --> 00:59:57,830 y deseando y rezando que funciona en el extremo. 1226 00:59:57,830 --> 01:00:01,960 >> Así que con eso, creo que ustedes todo parece bueno. 1227 01:00:01,960 --> 01:00:05,360 Si usted tiene alguna pregunta, como siempre, venir a hablar conmigo, ven que me haga saber. 1228 01:00:05,360 --> 01:00:08,180 Seré justo fuera para los próximos 15 minutos 1229 01:00:08,180 --> 01:00:11,340 si quieres charlar sobre cualquier cosa y todo. 1230 01:00:11,340 --> 01:00:13,530 >> Así que espero que guys-- buena suerte con este conjunto de procesadores. 1231 01:00:13,530 --> 01:00:18,150 La fecha límite es el viernes al mediodía ya que fue lanzado a finales. 1232 01:00:18,150 --> 01:00:21,220 Así que probablemente van a ver un montón de ustedes el jueves, 1233 01:00:21,220 --> 01:00:21,970 pero espero que no. 1234 01:00:21,970 --> 01:00:23,386 Tal vez usted tendrá que hacer para entonces. 1235 01:00:23,386 --> 01:00:24,440 Yo estaría muy orgulloso. 1236 01:00:24,440 --> 01:00:26,410 >> Pero si no, te veré el jueves. 1237 01:00:26,410 --> 01:00:30,030 También puede utilizar una fecha tardía, que se extiende a sábado al mediodía. 1238 01:00:30,030 --> 01:00:31,730 Pero yo no-- ¿eh? 1239 01:00:31,730 --> 01:00:32,580 >> AUDIENCIA: Halloween. 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON Buchholtz-AU: Es Halloween, a, yb, 1241 01:00:34,538 --> 01:00:37,050 Yo no creo que vaya a ser las horas de oficina el viernes. 1242 01:00:37,050 --> 01:00:40,920 Así que en realidad no tratar de lograr que se haga por Viernes, así que todos podemos celebrar 1243 01:00:40,920 --> 01:00:42,010 Fin de semana de Halloween. 1244 01:00:42,010 --> 01:00:44,670 Muy bien, voy a ver ustedes la próxima semana. 1245 01:00:44,670 --> 01:00:45,888