1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [Seminario] [Cómo preparar a su sitio para la Web]

2
00:00:02,000 --> 00:00:05,000
[Yuechen Zhao] [Universidad de Harvard]

3
00:00:05,000 --> 00:00:07,000
[Este es CS50.] [CS50.TV]

4
00:00:07,000 --> 00:00:11,660
>> Okay. Aquí hay otra hora del desarrollo web, si ustedes son lo compensó.

5
00:00:11,660 --> 00:00:16,290
Hoy voy a hablar de la preparación de su sitio para la Web.

6
00:00:16,290 --> 00:00:20,260
Todos los días - y probablemente para las últimas 2 semanas -

7
00:00:20,260 --> 00:00:22,240
hemos estado hablando acerca de cómo crear un sitio web,

8
00:00:22,240 --> 00:00:24,880
cómo usar HTML, cómo usar PHP, cómo utilizar marcos,

9
00:00:24,880 --> 00:00:29,420
cómo asegurarse de que se puede interactuar con la base de datos - cosas como esas.

10
00:00:29,420 --> 00:00:34,830
Pero hoy en día, vamos a estar hablando de que su sitio va a vivir después CS50.

11
00:00:34,830 --> 00:00:40,010
Porque después de todo, CS50 no ocurre en diciembre pasado.

12
00:00:40,010 --> 00:00:42,090
Vamos a estar hablando de nombres de dominio, hosting.

13
00:00:42,090 --> 00:00:44,790
Vamos a estar hablando de lo que la compatibilidad entre navegadores

14
00:00:44,790 --> 00:00:49,540
y la compatibilidad entre plataformas son, y cómo puede asegurarse de que su sitio web

15
00:00:49,540 --> 00:00:51,610
va a operar en todas las condiciones.

16
00:00:51,610 --> 00:00:54,330
Hablaremos de manejo de errores y otras magias servidor.

17
00:00:54,330 --> 00:00:57,890
Estamos hablando de la optimización del rendimiento, optimización de motores de búsqueda,

18
00:00:57,890 --> 00:01:00,310
y cómo conseguir que la gente visite sus sitios web en realidad.

19
00:01:00,310 --> 00:01:05,960
Y, por último, sólo algunos buenos recursos para asegurarse de que ustedes tienen lo suficiente de los

20
00:01:05,960 --> 00:01:09,680
para irse con su proyecto final, y es de esperar después.

21
00:01:09,680 --> 00:01:13,120
>> Lo primero que vamos a hablar es de los nombres de dominio.

22
00:01:13,120 --> 00:01:18,020
En este momento se está programando en su aparato, vas a un host local

23
00:01:18,020 --> 00:01:20,360
que no es en realidad un nombre de dominio.

24
00:01:20,360 --> 00:01:26,370
En cierto modo es sólo un apodo o un alias para su instalación de Linux actual

25
00:01:26,370 --> 00:01:31,150
dentro de cualquiera de VMware en un reproductor Mac o VMware en un PC.

26
00:01:31,150 --> 00:01:36,510
Los nombres de dominio permiten poner un sitio en la Web, y luego ir a algo así como

27
00:01:36,510 --> 00:01:39,400
www.google.com y obtener el sitio web.

28
00:01:39,400 --> 00:01:41,500
¿Cómo funcionan?

29
00:01:41,500 --> 00:01:43,390
Digamos que usted es sólo un servidor web normal -

30
00:01:43,390 --> 00:01:50,080
promedio Web surfista y que tienen un ordenador portátil, y usted va a www.howstuffworks.com.

31
00:01:50,080 --> 00:01:52,570
Usted probablemente puede ver donde robé esto desde.

32
00:01:52,570 --> 00:01:57,300
¿Cómo la materia trabaja - el equipo le pedirá un servidor DNS local,

33
00:01:57,300 --> 00:01:59,300
"¿Sabes dónde esta página web es?"

34
00:01:59,300 --> 00:02:02,200
"¿Conoces la dirección IP del www.howstuffworks.com?"

35
00:02:02,200 --> 00:02:05,580
El servidor DNS podría decir: "Sí, lo creo."

36
00:02:05,580 --> 00:02:09,139
En ese caso, se obtiene la dirección IP, y el ordenador accede a esa dirección IP.

37
00:02:09,139 --> 00:02:15,050
Si no lo hace, se le pide a otro servidor DNS, "Hey! ¿Sabes lo que www.howstuffworks.com es?"

38
00:02:15,050 --> 00:02:17,670
Ese servidor puede decir, "Sí, lo creo."

39
00:02:17,670 --> 00:02:22,500
Por lo tanto, le dice al otro lo que es, y por último, que la información se pasa a su computadora,

40
00:02:22,500 --> 00:02:24,680
y podrás acceder howstuffworks.com.

41
00:02:24,680 --> 00:02:27,540
>> ¿Cómo se puede conseguir una de estas cosas mágicas?

42
00:02:27,540 --> 00:02:32,940
¿Cómo puede obtener lo mejor www.yourname.com o www.ilovecats.com?

43
00:02:32,940 --> 00:02:35,350
Usted puede inscribirse en uno,

44
00:02:35,350 --> 00:02:38,280
y hay un montón de sitios web por ahí que le permiten hacerlo.

45
00:02:38,280 --> 00:02:41,420
Usted debe - en la mayoría de circunstancias, usted debe pagar por ellos.

46
00:02:41,420 --> 00:02:43,890
Hay ciertos nombres de dominio que son gratis.

47
00:02:43,890 --> 00:02:50,900
Si usted va a tkdomainnames www.co.cc o., Son gratis.

48
00:02:50,900 --> 00:02:56,500
Pero, ellos vienen con ciertas restricciones, y de hecho algunos de ellos no pueden ser incluso

49
00:02:56,500 --> 00:03:00,540
nombres reales, de nivel superior de dominio como. com o. net.

50
00:03:00,540 --> 00:03:03,300
Normalmente yo sugeriría ir a uno de ellos

51
00:03:03,300 --> 00:03:07,060
ya que los usuarios son más cómodos con ellos.

52
00:03:07,060 --> 00:03:10,070
Usted ha visto un montón de. Coms. Usted ha visto un montón de. Redes.

53
00:03:10,070 --> 00:03:13,790
Usted probablemente no ha visto mucho. Co.cc 's, por lo que son más difíciles de recordar.

54
00:03:13,790 --> 00:03:18,900
Diferentes sitios web como GoDaddy o NameCheap o - Usé uno que es

55
00:03:18,900 --> 00:03:21,550
especie de vaga - llamado activedomain.com.

56
00:03:21,550 --> 00:03:24,160
Se ve muy rara, pero ha funcionado muy bien para mí.

57
00:03:24,160 --> 00:03:27,810
>> Y, por último, tiene otros que tal vez hacen más publicidad, como Network Solutions.

58
00:03:27,810 --> 00:03:31,140
Pero si usted va a NetworkSolutions.com y mirar sus precios

59
00:03:31,140 --> 00:03:34,070
es muy caro. Yo los miraba anoche.

60
00:03:34,070 --> 00:03:37,400
Durante un año de un nombre de dominio, no es probablemente vale la pena tanto dinero.

61
00:03:37,400 --> 00:03:40,210
De hecho, si usted está recibiendo un. Com o. Org o. Net

62
00:03:40,210 --> 00:03:43,430
el precio normal es de alrededor de $ 10 al año.

63
00:03:43,430 --> 00:03:48,710
Así que si usted está pagando mucho más que eso, no es probable que la pena

64
00:03:48,710 --> 00:03:52,440
porque, después de todo, estos sitios no hacen nada con ese nombre de dominio.

65
00:03:52,440 --> 00:03:58,270
Ellos sólo dan a usted, así que si usted puede conseguir más barato, ¿por qué no?

66
00:03:58,270 --> 00:04:02,540
>> La otra cosa es que una vez que tenga su nombre de dominio, entonces es probable que desee

67
00:04:02,540 --> 00:04:08,610
pasar a cualquiera Godaddy.com o donde haya adquirido el nombre de dominio

68
00:04:08,610 --> 00:04:11,220
y configurar los servidores de nombres para ese nombre de dominio.

69
00:04:11,220 --> 00:04:15,560
Lo que esto significa es que una vez que un usuario va a www.howstuffworks.com,

70
00:04:15,560 --> 00:04:20,839
las direcciones IP de servidores son las direcciones IP que serían capaces de mirar hacia arriba.

71
00:04:20,839 --> 00:04:24,680
Ellos podrán acceder a su sitio web a través de esos servidores de nombres.

72
00:04:24,680 --> 00:04:26,830
Si usted solicita alojamiento en algún lugar

73
00:04:26,830 --> 00:04:31,210
entonces su anfitrión lo más probable es que le dará los servidores de nombres para su uso.

74
00:04:31,210 --> 00:04:34,210
>> Y, por último, hay una cosa que se llama un WHOIS.

75
00:04:34,210 --> 00:04:38,890
Una base de datos WHOIS es una base de datos con la que se puede ingresar un nombre de dominio

76
00:04:38,890 --> 00:04:44,170
y le escupió un poco de información sobre el propietario de ese sitio y otra información de contacto.

77
00:04:44,170 --> 00:04:49,080
Ahora, usted puede decir: "Yo no quiero que mi dirección de casa o que realmente no quiero que mi dirección de correo electrónico

78
00:04:49,080 --> 00:04:54,010
en el sitio web para que cualquiera pueda ver o en Internet para que todos la vean ".

79
00:04:54,010 --> 00:04:57,740
Entonces es posible que desee utilizar algo que una gran cantidad de servicios de hosting ofrecen -

80
00:04:57,740 --> 00:04:59,740
como un gestor de base de datos WHOIS.

81
00:04:59,740 --> 00:05:03,550
Un gestor de base de datos WHOIS es simplemente otro servicio que muchos de ellos disponen que

82
00:05:03,550 --> 00:05:07,700
esconde esa información y sólo pone en quien es director para el nombre -

83
00:05:07,700 --> 00:05:13,070
para la dirección por lo general es sólo que nombre de la empresa que te ha dado el nombre de dominio -

84
00:05:13,070 --> 00:05:17,350
y así, su información personal no es que se filtró en Internet,

85
00:05:17,350 --> 00:05:19,350
que suele ser bastante bueno.

86
00:05:19,350 --> 00:05:21,350
Yo uso uno de estos servicios.

87
00:05:21,350 --> 00:05:25,630
Si no se preocupan por su privacidad, entonces no importa.

88
00:05:25,630 --> 00:05:32,490
>> Un servidor DNS significa Domain Name System, y lo que es -

89
00:05:32,490 --> 00:05:36,560
es como una especie de lugar de tabla hash que dice:

90
00:05:36,560 --> 00:05:42,320
 "Esta dirección de sitio web va a asignar a esta dirección IP." Y eso es lo que es.

91
00:05:42,320 --> 00:05:48,180
Así que una vez que se consulta el servidor DNS, entonces usted puede obtener las direcciones IP

92
00:05:48,180 --> 00:05:51,930
para que el nombre de dominio correspondiente y luego visitar ese sitio web.

93
00:05:51,930 --> 00:05:59,820
(Miembro de la audiencia con una pregunta - inaudible)

94
00:05:59,820 --> 00:06:07,910
El primero? El primer nivel es en realidad por lo general sólo su propia caché de ordenador.

95
00:06:07,910 --> 00:06:12,570
El equipo tipo de recuerda la última vez que fuiste a www.google.com

96
00:06:12,570 --> 00:06:18,090
fue en esta dirección IP, y después de un tiempo, esa caché expira,

97
00:06:18,090 --> 00:06:23,560
y se le pedirá al igual que el Comcast DNS,

98
00:06:23,560 --> 00:06:26,400
"Hey, ¿qué es www.google.com?"

99
00:06:26,400 --> 00:06:31,040
Normalmente, cuando usted compra un nombre de dominio y se registra uno, y configurar un sitio web,

100
00:06:31,040 --> 00:06:35,670
no se puede ir a ese sitio web inmediatamente con ese nombre de dominio, porque los servidores de nombres

101
00:06:35,670 --> 00:06:40,180
en todo el mundo no saben acerca de su nombre de dominio aún. Se tiene que rellenar.

102
00:06:40,180 --> 00:06:43,220
Por lo general, toma alrededor de 24 a 48 horas.

103
00:06:43,220 --> 00:06:48,460
Está bien. Entonces, eso es un poco sobre los nombres de dominio. Son muy cool.

104
00:06:48,460 --> 00:06:51,540
Creo que usted debe conseguir uno si usted es serio sobre el proyecto

105
00:06:51,540 --> 00:06:55,300
y si usted realmente quiere que su proyecto sea conocido en todo el campus,

106
00:06:55,300 --> 00:06:58,050
tener un nombre de dominio hace que se vea muy profesional.

107
00:06:58,050 --> 00:07:01,510
>> A continuación, el siguiente paso, por supuesto, es tener algún tipo de alojamiento.

108
00:07:01,510 --> 00:07:05,540
Si usted acaba de alojar en su ordenador, nadie nunca va a ser capaz de ir a ella.

109
00:07:05,540 --> 00:07:09,110
Usted podría configurar un servidor en el equipo y mantener su equipo para siempre,

110
00:07:09,110 --> 00:07:11,160
pero eso no es recomendable.

111
00:07:11,160 --> 00:07:14,000
Hay diferentes tipos de alojamiento disponibles en línea.

112
00:07:14,000 --> 00:07:21,870
Ha compartido de hosting. Hay VPN (ininteligible) que son hosts virtuales.

113
00:07:21,870 --> 00:07:23,870
Hay semi-dedicado y dedicado.

114
00:07:23,870 --> 00:07:29,030
De los últimos 3, VPN, semi-dedicado, dedicado y suelen ser más caros.

115
00:07:29,030 --> 00:07:32,660
Por lo general se utilizan para los sitios web que requieren más recursos.

116
00:07:32,660 --> 00:07:34,680
Si usted apenas está comenzando con una página web,

117
00:07:34,680 --> 00:07:40,670
que podría ser más económico que ir con el alojamiento compartido.

118
00:07:40,670 --> 00:07:43,430
Y lo que significa es compartida sólo un montón de sitios web están todos juntos

119
00:07:43,430 --> 00:07:51,560
especie de en un servidor en este sitio web en este servidor, y se puede acceder a su sitio web

120
00:07:51,560 --> 00:07:53,660
a través de nombre de dominio.

121
00:07:53,660 --> 00:07:55,980
>> Hay un montón de los ejércitos populares que hay.

122
00:07:55,980 --> 00:08:01,160
HostGator y DreamHost - los que son muy, muy grande y muy, muy popular

123
00:08:01,160 --> 00:08:03,160
y mucho, mucho éxito.

124
00:08:03,160 --> 00:08:05,160
Yo personalmente uso una llamada MDDHosting.

125
00:08:05,160 --> 00:08:08,240
Si usted va a www.mddhosting.com, ese es mi huésped de elección.

126
00:08:08,240 --> 00:08:10,240
Creo que son muy buenos.

127
00:08:10,240 --> 00:08:14,550
Siempre han sido muy confiable, y nunca he tenido ningún problema con ellos.

128
00:08:14,550 --> 00:08:18,610
Ellos también tienen precios muy competitivos.

129
00:08:18,610 --> 00:08:24,400
Dos que no me gusta son GoDaddy - que es también un anfitrión muy popular,

130
00:08:24,400 --> 00:08:26,400
pero he tenido terribles experiencias con ellos,

131
00:08:26,400 --> 00:08:29,430
y un montón de gente que conozco han tenido experiencias muy terribles con ellos.

132
00:08:29,430 --> 00:08:32,150
Se encargan de ir después de las personas que no saben lo que están haciendo -

133
00:08:32,150 --> 00:08:34,150
tal vez usted está haciendo un sitio web por primera vez,

134
00:08:34,150 --> 00:08:37,150
y por lo que tipo de ellos en contra que en la compra de su paquete de alojamiento.

135
00:08:37,150 --> 00:08:42,570
No lo hagas. No caiga en la trampa. Ir a buscar a otros paquetes de hosting que realmente se adapten a sus necesidades.

136
00:08:42,570 --> 00:08:44,880
Y el otro es - hay servidores gratuitos que hay.

137
00:08:44,880 --> 00:08:47,350
Hay sitios web que será la sede de su sitio web gratis -

138
00:08:47,350 --> 00:08:49,350
A veces al poner un anuncio en su sitio,

139
00:08:49,350 --> 00:08:52,290
a veces, haciendo que participe en sus foros,

140
00:08:52,290 --> 00:08:54,340
pero a veces simplemente también de forma gratuita.

141
00:08:54,340 --> 00:09:00,000
Sin embargo, tenga cuidado con los servidores gratuitos porque muchos de ellos realmente sólo tiene que ir a la quiebra

142
00:09:00,000 --> 00:09:03,480
después de unos pocos meses. Usted simplemente no puede mantenerse al día con los costos.

143
00:09:03,480 --> 00:09:07,460
Otros son muy poco fiables, y su sitio será siempre hacia abajo,

144
00:09:07,460 --> 00:09:09,700
y usted no quiere que eso suceda.

145
00:09:09,700 --> 00:09:12,330
>> Cada anfitrión ofrecerá su propio panel de control.

146
00:09:12,330 --> 00:09:16,520
Tenga en cuenta que para su aparato, en realidad no hay un panel de control en sí.

147
00:09:16,520 --> 00:09:19,230
Usted tiene que usar terminales para ir y editar los archivos.

148
00:09:19,230 --> 00:09:21,230
Tienes que chmod cosas por ti mismo.

149
00:09:21,230 --> 00:09:24,770
Si quieres ir a PHPMyAdmin,

150
00:09:24,770 --> 00:09:29,560
tienes que ir a @ localhost / phpmyadmin y cosas por el estilo.

151
00:09:29,560 --> 00:09:36,660
Sin embargo, con un panel de control se puede entrar y editar los archivos en el servidor

152
00:09:36,660 --> 00:09:40,350
con el Explorador de Windows o una aplicación de tipo buscador.

153
00:09:40,350 --> 00:09:44,810
O usted puede ir a través y mirar a sus bases de datos con su propia herramienta

154
00:09:44,810 --> 00:09:47,280
en lugar de PHPmyadmin.

155
00:09:47,280 --> 00:09:52,240
Por lo tanto, hay un montón de opciones aquí, y algunos de los paneles de control más populares son allí.

156
00:09:52,240 --> 00:09:54,240
Pero si usted está buscando un anfitrión,

157
00:09:54,240 --> 00:09:57,090
entonces es posible que desee ver en qué tipo de personalizaciones y opciones

158
00:09:57,090 --> 00:10:02,810
que me ofrecen para personalizar mi servidor y hacer que mi sitio web funcione mejor.

159
00:10:02,810 --> 00:10:07,110
Así, entonces usted podría preguntar: "Bueno, ¿Cómo elijo hosting?"

160
00:10:07,110 --> 00:10:11,460
Si usted va a cualquier sitio web de acogida que hay un montón de jerga, y hay un montón de opciones.

161
00:10:11,460 --> 00:10:14,470
Hay un montón de diferentes precios también.

162
00:10:14,470 --> 00:10:19,690
Normalmente voy por los más baratos porque los sitios web que tal vez usted y yo hacemos -

163
00:10:19,690 --> 00:10:23,520
y sobre todo en este momento, sobre todo como titulares - que no necesitan tantos recursos

164
00:10:23,520 --> 00:10:26,770
como lo haría un sitio web como Microsoft.com.

165
00:10:26,770 --> 00:10:32,090
>> En primer lugar que desea buscar en el sistema operativo, si usted es realmente curioso si

166
00:10:32,090 --> 00:10:35,090
su sitio va a estar alojado en Linux, en Windows o en Mac OS.

167
00:10:35,090 --> 00:10:39,790
Normalmente nos vamos con Linux porque es generalmente el más barato,

168
00:10:39,790 --> 00:10:43,730
y también el que tal vez ustedes están más familiarizados con la causa de la unidad.

169
00:10:43,730 --> 00:10:48,040
Y entonces, tal vez van a poner algunas restricciones en la cantidad de ancho de banda que usted consigue -

170
00:10:48,040 --> 00:10:53,030
como la cantidad de megabytes o gigabytes de datos pueden descargar los usuarios

171
00:10:53,030 --> 00:10:55,470
desde su sitio web al mes? O espacio en disco.

172
00:10:55,470 --> 00:11:00,640
¿Cuánto espacio tienes? Es 500 MB? Es 2 GB? ¿Es ilimitada?

173
00:11:00,640 --> 00:11:05,920
Hoy en día, una gran cantidad de servidores web que te dan espacio ilimitado como una manera para ellos

174
00:11:05,920 --> 00:11:08,560
para atraer a usted para obtener su paquete de alojamiento.

175
00:11:08,560 --> 00:11:11,850
Pero si usted realmente piensa de él, cuando has entrado alguna vez va a tener espacio ilimitado?

176
00:11:11,850 --> 00:11:18,060
Si usted tiene un par de archivos HTML, un par de PHP, un par de imágenes -

177
00:11:18,060 --> 00:11:20,060
eso es sólo un par de megabytes, y así

178
00:11:20,060 --> 00:11:23,110
normalmente me voy por valor de espacio tal vez unos pocos gigabytes ',

179
00:11:23,110 --> 00:11:27,990
y eso podría ser suficiente para empezar hasta que necesito más.

180
00:11:27,990 --> 00:11:31,480
>> Por último, pueden poner restricciones sobre qué tipo de - la cantidad de bases de datos que puede tener.

181
00:11:31,480 --> 00:11:34,760
Tal vez usted sólo puede tener 1 base de datos. Tal vez usted puede tener 2. Tal vez usted puede tener 10.

182
00:11:34,760 --> 00:11:38,330
¿Es realmente importante para usted cuántos se obtiene?

183
00:11:38,330 --> 00:11:40,330
Cosas que debe hacerse.

184
00:11:40,330 --> 00:11:42,330
Y, por último, a cosas como los idiomas.

185
00:11:42,330 --> 00:11:44,330
¿Son compatibles con PHP? ¿Son compatibles con MySQL?

186
00:11:44,330 --> 00:11:49,010
La mayoría de los sitios web de alojamiento son compatibles con estos, ya que son gratuitos. Ellos son de código abierto.

187
00:11:49,010 --> 00:11:51,190
No les cuesta nada para proporcionar esto para usted.

188
00:11:51,190 --> 00:11:55,680
Pero si usted desea utilizar, por ejemplo, Ruby o Python o algunos de estos otros idiomas -

189
00:11:55,680 --> 00:11:59,490
no pueden apoyarlo en su servidor, por lo que es importante buscar ese tipo de cosas.

190
00:11:59,490 --> 00:12:05,620
>> Y por último, ¿se le permite hacer algunas cosas más avanzadas como trabajos SSL o cron?

191
00:12:05,620 --> 00:12:12,060
SSL es una opción donde usted puede hacer su sitio más seguro por lo que es HTTPS

192
00:12:12,060 --> 00:12:14,060
y cifrar las conexiones.

193
00:12:14,060 --> 00:12:17,230
Y cron puestos de trabajo son sólo quizás scripts que desee ejecutar

194
00:12:17,230 --> 00:12:19,510
cada 5 minutos, cada 10 minutos, cada 15.

195
00:12:19,510 --> 00:12:22,030
Una gran cantidad de sitios web de alojamiento compartido no puso restricciones

196
00:12:22,030 --> 00:12:26,310
en el número de trabajos de cron que se puede ejecutar debido a que tiene más recursos.

197
00:12:26,310 --> 00:12:31,800
>> Y, por último, al igual que todo lo demás que usted quiere ver - asegúrate exactamente lo que está pasando

198
00:12:31,800 --> 00:12:35,180
antes de comprar su paquete de alojamiento.

199
00:12:35,180 --> 00:12:37,720
Y, por último, el rendimiento. El rendimiento es enorme.

200
00:12:37,720 --> 00:12:39,740
¿Qué tan rápido es mi página web va a correr?

201
00:12:39,740 --> 00:12:42,950
La mayoría de los usuarios no van a esperar a que incluso segundos para su sitio web para ejecutar

202
00:12:42,950 --> 00:12:47,640
antes sólo se aburren y se van a MeanBase y empezar a buscar a las imágenes

203
00:12:47,640 --> 00:12:52,240
de los gatos - sabes lo que pasa, y quiere asegurarse de que usted obtenga ese usuario a bordo

204
00:12:52,240 --> 00:12:54,300
y que tiene buen tiempo de actividad, que sólo significa que

205
00:12:54,300 --> 00:12:56,300
su sitio web va a ser accesible en todo momento.

206
00:12:56,300 --> 00:13:01,880
Una gran cantidad de hosts tienen muy mal el tiempo de actividad y que sólo significa que su sitio web no va a ser

207
00:13:01,880 --> 00:13:06,500
accesible, y usted no quiere que esto suceda, ya que podría estar triste.

208
00:13:06,500 --> 00:13:10,360
Y también se puede seguir el rendimiento de su máquina con sitios web como

209
00:13:10,360 --> 00:13:16,440
Pingdom.com o Host-tracker.com, y que sólo le dirá la frecuencia es su sitio abajo.

210
00:13:16,440 --> 00:13:18,490
>> Y, por último, quiere ver por su apoyo.

211
00:13:18,490 --> 00:13:21,890
Si usted tiene un problema van a responder en el plazo de 24 horas?

212
00:13:21,890 --> 00:13:23,890
¿Van a responder dentro de 48 horas?

213
00:13:23,890 --> 00:13:26,500
El servicio de hosting que uso normalmente me responde en cuestión de minutos

214
00:13:26,500 --> 00:13:29,760
lo cual es muy agradable.

215
00:13:29,760 --> 00:13:33,990
¡Menos mal! ¡Muy bien! Es hora de un descanso. Pero yo no voy a dar a usted.

216
00:13:33,990 --> 00:13:38,200
Sólo nos ocuparemos de fotos de gatos lindos de vez en cuando.

217
00:13:38,200 --> 00:13:42,740
>> Otra cosa muy, muy grande es la compatibilidad entre navegadores.

218
00:13:42,740 --> 00:13:45,890
¿Qué quiero decir con la compatibilidad entre navegadores?

219
00:13:45,890 --> 00:13:50,970
Usted sabe, hoy en día no es sólo Microsoft Internet Explorer.

220
00:13:50,970 --> 00:13:53,970
No es sólo Mozilla Firefox o Safari.

221
00:13:53,970 --> 00:13:58,190
Ahora tenemos Chrome. Tenemos Opera. Tenemos Dolphin. Tenemos Camino.

222
00:13:58,190 --> 00:14:00,540
Tenemos Conquistador. Tenemos todos estos diferentes navegadores.

223
00:14:00,540 --> 00:14:05,950
Las cosas que están saliendo ahora - RockMelt - aunque aquellos se basan en cromo.

224
00:14:05,950 --> 00:14:10,990
Pero el hecho del asunto es que no hay sólo un navegador más.

225
00:14:10,990 --> 00:14:13,860
No sólo estás viendo estas páginas con una sola aplicación.

226
00:14:13,860 --> 00:14:17,660
Y así, los diferentes navegadores responden a diferentes HTML, CSS diferente y

227
00:14:17,660 --> 00:14:21,210
diferente JavaScript manera diferente, y ¿cómo lidiar con eso?

228
00:14:21,210 --> 00:14:24,370
Pues bien, en algunos casos, realmente no puedo.

229
00:14:24,370 --> 00:14:29,160
Su sitio web - si funciona en un navegador, el código que has escrito no funcionará

230
00:14:29,290 --> 00:14:32,910
en otro navegador, y es su trabajo para asegurarse de que el código que se escribe

231
00:14:32,910 --> 00:14:36,000
es universal, que funciona en todas partes.

232
00:14:36,000 --> 00:14:38,000
Por lo tanto, esto es muy peligroso.

233
00:14:38,000 --> 00:14:42,450
Si usted dice: "Bueno, está funcionando en mi ordenador. Great! Vamos a pasar."

234
00:14:42,450 --> 00:14:46,040
Bueno, no es probable que va a trabajar en la mina, y cuando vaya a su sitio web

235
00:14:46,040 --> 00:14:49,210
Voy a ser muy triste, y yo voy a salir de inmediato.

236
00:14:49,210 --> 00:14:51,570
Por lo tanto, vamos a ver cómo se puede evitar esto.

237
00:14:51,570 --> 00:14:55,520
>> Lo primero, por supuesto, es el uso único estándar HTML, CSS y JavaScript.

238
00:14:55,520 --> 00:14:57,520
¿Qué quiero decir con eso?

239
00:14:57,520 --> 00:15:00,180
Bueno, hay un montón de cosas no estándar que hay.

240
00:15:00,180 --> 00:15:03,490
Por ejemplo, en el CSS hay muchas versiones.

241
00:15:03,490 --> 00:15:10,830
Si hay reglas CSS con-moz-o-webkit-, esas reglas son específicas

242
00:15:10,830 --> 00:15:15,720
tanto para los navegadores Mozilla y navegadores Webkit,

243
00:15:15,720 --> 00:15:20,590
y por lo que desea asegurarse de que tal vez usted quiere evitar esas cosas

244
00:15:20,590 --> 00:15:25,150
porque si se utiliza-moz-esa regla sólo se va a trabajar en Firefox.

245
00:15:25,150 --> 00:15:29,640
Y si realmente quieres que se vea bien en Internet Explorer también,

246
00:15:29,640 --> 00:15:31,640
usted va a estar fuera de suerte.

247
00:15:31,640 --> 00:15:37,910
Para HTML también, puede hacer las cosas de HTML que funcionan en un navegador

248
00:15:37,910 --> 00:15:41,830
pero la interrupción de la otra, y se quiere evitar que tanto como sea posible.

249
00:15:41,830 --> 00:15:44,830
Y, por último JavaScript aun - que hay muchas versiones de JavaScript,

250
00:15:44,830 --> 00:15:50,570
y este verano nos encontramos con un problema en el que document.getElementsByClassName--

251
00:15:50,570 --> 00:15:54,500
que es por lo general una función que se define como una parte de la norma Javascript -

252
00:15:54,500 --> 00:15:58,120
fue no encontrar en Internet Explorer 8.

253
00:15:58,120 --> 00:16:01,900
Así, durante el verano, yo estaba trabajando en un laboratorio y que estábamos construyendo experimentos en línea.

254
00:16:01,900 --> 00:16:06,210
Y pensamos que estaba trabajando muy bien hasta que nos dimos cuenta de los usuarios que utilizaban

255
00:16:06,210 --> 00:16:09,780
Internet Explorer 8 no pudo presentar sus resultados.

256
00:16:09,780 --> 00:16:13,200
Nosotros estábamos perdiendo una gran cantidad de datos. Eso nos hizo muy triste.

257
00:16:13,200 --> 00:16:17,790
Por lo tanto, uno siempre quiere asegurarse de que sus scripts van a trabajar en todas partes.

258
00:16:17,790 --> 00:16:20,500
>> Y, por último, el uso validator.w3.org

259
00:16:20,500 --> 00:16:22,770
que es lo que te dicen que hagas en pset 7.

260
00:16:22,770 --> 00:16:24,530
Asegúrese de que sus páginas son validadas.

261
00:16:24,530 --> 00:16:28,310
Eso es importante porque al menos es un primer paso de comprobación de validez.

262
00:16:28,310 --> 00:16:31,870
Es mi código realmente compatible con las normas?

263
00:16:34,930 --> 00:16:39,320
Otra forma de tipo de ayuda a asegurarse de que su sitio va a trabajar

264
00:16:39,320 --> 00:16:42,610
en la mayoría de las circunstancias es utilizar tal vez algunas bibliotecas y marcos

265
00:16:42,610 --> 00:16:46,210
debido a que estos desarrolladores muy inteligentes han pensado en estas cuestiones para usted.

266
00:16:46,210 --> 00:16:49,850
Se han ido a través y que han escrito las diferentes funciones que funcionan en todos los navegadores.

267
00:16:49,850 --> 00:16:53,560
Por ejemplo, usamos jQuery en Pset 7.

268
00:16:53,560 --> 00:16:58,030
Aunque usted no lo ha visto, jQuery provee una gran cantidad de funciones

269
00:16:58,030 --> 00:17:00,280
que de otro modo tendría que escribir usted mismo.

270
00:17:00,280 --> 00:17:05,310
Pero estos desarrolladores lo escribieron, y se aseguraron de que funciona en todos los navegadores.

271
00:17:05,310 --> 00:17:10,280
Y Bootstrap - que es otro framework CSS que os mostramos en Pset 7 -

272
00:17:10,280 --> 00:17:17,000
lo que realmente le quita mucho de los dolores de cabeza con el diseño de sitios web que se ven bien.

273
00:17:17,000 --> 00:17:19,000
en todos los navegadores.

274
00:17:19,000 --> 00:17:23,660
>> Y por último, si se puede evitar, por lo general evito codificación a partir de cero.

275
00:17:23,660 --> 00:17:28,079
Si acaba de crear un sitio web para su club de la escuela, por ejemplo,

276
00:17:28,079 --> 00:17:33,920
y todo lo que tiene que hacer es mostrar unas pocas páginas y tal vez tener su presidente van en

277
00:17:33,920 --> 00:17:38,910
y cambiar algunas cosas aquí y allá - no hay realmente ninguna necesidad de código que tú mismo.

278
00:17:38,910 --> 00:17:40,910
Para eso se necesita una gran cantidad de su tiempo.

279
00:17:40,910 --> 00:17:42,660
Se necesita una gran cantidad de su energía, y usted tiene que ir a través y usted tiene que saber,

280
00:17:42,660 --> 00:17:45,930
bien, es esto va a quedar bien en este navegador, es que va a quedar bien en este navegador.

281
00:17:45,930 --> 00:17:50,610
Puede utilizar algunos de estos parches que otros ya han escrito para usted, al igual que

282
00:17:50,610 --> 00:17:52,610
WordPress o Joomla o Drupal.

283
00:17:52,610 --> 00:17:59,400
Estos se llaman contenido - estos son llamados CMS, que básicamente son sólo los paquetes que

284
00:17:59,400 --> 00:18:03,020
ya viene hecho por usted, y usted puede descargarlos, los puso en su servidor,

285
00:18:03,020 --> 00:18:07,510
y personalizar como quieras, y ya tiene un sitio web en funcionamiento.

286
00:18:07,510 --> 00:18:11,680
Los paquetes de código son algo que esperamos para.

287
00:18:11,680 --> 00:18:15,400
Estas cosas son de código abierto a menos que vayan a hacer algo así -

288
00:18:15,400 --> 00:18:19,390
si usted está buscando un paquete de forma, hay cosas que no son libres como

289
00:18:19,390 --> 00:18:21,570
VBulletin o IP.Board.

290
00:18:21,570 --> 00:18:23,790
Si usted no tiene algunas de las características avanzadas,

291
00:18:23,790 --> 00:18:27,530
siempre se puede optar por la opción libre.

292
00:18:27,530 --> 00:18:31,300
>> Y, por último, no se puede evitar que.

293
00:18:31,300 --> 00:18:33,300
Debe probar, probar, probar.

294
00:18:33,300 --> 00:18:37,690
Tienes que probar el código en todos estos navegadores y en todas estas plataformas.

295
00:18:37,690 --> 00:18:44,110
Y ya sabes, IE6 - la gente gracias a Dios han empezado a moverse lejos de IE6

296
00:18:44,110 --> 00:18:49,190
ya de vuelta en el día, tal vez hace unos años, los desarrolladores web tuvieron que siempre, siempre,

297
00:18:49,190 --> 00:18:55,280
siempre complacer a las debilidades de IE6 en el seguimiento de las normas.

298
00:18:55,280 --> 00:19:00,860
Sitios web sólo veían tipo de 1990 por falta de una mejor manera de tratar con él.

299
00:19:00,860 --> 00:19:04,380
También puede utilizar las capturas del navegador para comprobar su CSS.

300
00:19:04,380 --> 00:19:08,100
Un sitio web muy interesante es browserlab.adobe.com.

301
00:19:08,100 --> 00:19:11,070
Este es un servicio gratuito difundida por Adobe.

302
00:19:11,070 --> 00:19:15,160
Y lo que hacen es que puede realizar capturas de pantalla de su sitio web

303
00:19:15,160 --> 00:19:18,890
funcionando en condiciones diferentes - como correr en diferentes navegadores,

304
00:19:18,890 --> 00:19:22,660
se ejecuta en diferentes plataformas - y mostrar lo que parecen.

305
00:19:22,660 --> 00:19:33,260
Sólo para mostrar lo que quiero decir aquí, he creado una página web el año pasado llamado Vida En Harvard,

306
00:19:33,260 --> 00:19:39,150
y lo que trató de hacer - Traté de hacer my.harvard mejor.

307
00:19:39,150 --> 00:19:43,840
Como si estuvieras aquí el año pasado, my.harvard no parecía que se ve ahora.

308
00:19:43,840 --> 00:19:46,640
Se parece un poco desagradable.

309
00:19:46,640 --> 00:19:50,470
Pero ahora se ve mucho mejor.

310
00:19:50,470 --> 00:19:57,070
Mi aplicación no era tan útil ya, pero de todos modos,

311
00:19:57,070 --> 00:20:01,310
ya sabes, traté de añadir - (ininteligible), muchos lo que sea -

312
00:20:01,310 --> 00:20:04,680
y parece - se ve muy bien en mi equipo.

313
00:20:04,680 --> 00:20:08,560
Y entonces, tal vez si hubiera tenido más tiempo me hubiera ido al laboratorio navegador,

314
00:20:08,560 --> 00:20:13,020
y me he mirado, bueno, ¿cómo se ve en Chrome 18 en Windows.

315
00:20:13,020 --> 00:20:17,060
Me desplácese hacia abajo y me gustaría ver - oh no! Mira el cuadro de anuncios.

316
00:20:17,060 --> 00:20:20,200
Mi texto se desborda. Por lo tanto, eso es malo, ¿verdad?

317
00:20:20,200 --> 00:20:23,700
Si un usuario está usando Chrome en Windows y viene a mi sitio web,

318
00:20:23,700 --> 00:20:26,730
que de inmediato se ve muy poco profesional.

319
00:20:26,730 --> 00:20:30,760
Por lo tanto, debo ir a mi CSS y averiguar qué parte de mi CSS está rompiendo aquí.

320
00:20:30,760 --> 00:20:35,090
¿Por qué no se muestra correctamente y corregir de forma que todos los usuarios puedan ver la misma página web

321
00:20:35,090 --> 00:20:37,770
y ser tan feliz.

322
00:20:37,770 --> 00:20:44,280
>> Y finalmente, también, imágenes del navegador son agradables para probar el CSS,

323
00:20:44,280 --> 00:20:46,020
pero ¿qué pasa con JavaScript?

324
00:20:46,020 --> 00:20:48,660
¿Qué pasa si usted tiene una secuencia de comandos complicada que se está ejecutando?

325
00:20:48,660 --> 00:20:50,460
Bueno, siempre se puede hacer la virtualización.

326
00:20:50,460 --> 00:20:56,360
Si tienes un Mac puedes usar Bootcamp o VMWare para virtualizar tal vez una copia de

327
00:20:56,360 --> 00:20:59,540
Windows y el uso de Internet Explorer allí.

328
00:20:59,540 --> 00:21:03,400
O bien, puede pasar a algo como Spoon.net, que por desgracia sólo funciona en los PC.

329
00:21:03,400 --> 00:21:05,290
Pero lo que hacen es muy cool.

330
00:21:05,290 --> 00:21:10,080
Ellos virtualizar software para usted por lo que puede ejecutar diferentes versiones de IE, por ejemplo.

331
00:21:10,080 --> 00:21:12,080
Puede ejecutar diferentes versiones de Firefox.

332
00:21:12,080 --> 00:21:15,720
Puede ejecutar diferentes versiones de Safari y probar todos sus sitios web allí.

333
00:21:15,720 --> 00:21:18,360
Por desgracia, no son libres.

334
00:21:18,360 --> 00:21:20,860
Esto es un servicio de pago, así que siempre hay una especie de esto -

335
00:21:20,860 --> 00:21:26,070
siempre hay una especie de este compromiso entre, bueno, voy a hacer que mi sitio web se vea bien.

336
00:21:26,070 --> 00:21:31,970
Si es así, voy a tener que pagar por algunos servicios para ayudar a hacer eso.

337
00:21:31,970 --> 00:21:35,890
Las preguntas en este momento sobre todo lo que hemos hablado?

338
00:21:38,500 --> 00:21:41,210
Impresionante. Okay.

339
00:21:41,210 --> 00:21:43,870
>> Ahora tenemos más cosas de que hablar.

340
00:21:43,870 --> 00:21:45,820
¿Qué errores?

341
00:21:45,820 --> 00:21:48,670
¿Cómo asegurarse de que su sitio web va a funcionar incluso cuando

342
00:21:48,670 --> 00:21:50,150
pasa algo malo?

343
00:21:50,150 --> 00:21:53,940
Tal vez usted no tiene una página llamada food.php.

344
00:21:53,940 --> 00:21:57,000
Pero yo voy a tu sitio web y que intento acceder food.php.

345
00:21:57,000 --> 00:22:00,770
¿Va a mostrarme que la página en blanco que dice 404 - Archivo no encontrado?

346
00:22:00,770 --> 00:22:04,400
¿O vas a decir: "Bueno, yo siento que no pude encontrar para usted,

347
00:22:04,400 --> 00:22:08,520
pero quizás aquí hay algunos otros recursos que le ayudarán a buscar lo que necesitas. "

348
00:22:08,520 --> 00:22:13,180
Otros errores - así, esto se conoce como errores HTTP, que son sólo algunos de los códigos de error

349
00:22:13,180 --> 00:22:17,130
que el servidor podría haber enviado de vuelta al navegador, en caso de que suceda algo malo.

350
00:22:17,130 --> 00:22:20,160
400 - Solicitud incorrecta. 401 - no autorizado.

351
00:22:20,160 --> 00:22:25,560
403 es una especie de común cuando se tiene un directorio que no se supone que puede acceder

352
00:22:25,560 --> 00:22:27,310
por el usuario, pero el usuario trata de todos modos.

353
00:22:27,310 --> 00:22:30,840
Y 500 - Error interno del servidor - que por lo general sucede cuando usted tiene algo

354
00:22:30,840 --> 00:22:33,070
muy malo pasa con el código PHP.

355
00:22:33,070 --> 00:22:36,140
Pero en cualquier caso, este tipo de navegadores - ocurren este tipo de errores.

356
00:22:36,140 --> 00:22:40,550
>> Así que, ¿cómo asegurarse de que usted maneja con gracia estos errores

357
00:22:40,550 --> 00:22:43,230
y asegúrese de que el usuario no es sólo una especie de colgar allí?

358
00:22:46,850 --> 00:22:48,850
Aquí viene. Htaccess.

359
00:22:48,850 --> 00:22:51,300
Ahora,. Htaccess es algo que funciona en servidores Apache,

360
00:22:51,300 --> 00:22:55,550
algo que funciona y funciona en algunos otros servidores también.

361
00:22:55,550 --> 00:23:01,350
Esta es sólo una manera de configurar el servidor de manera que

362
00:23:01,350 --> 00:23:04,470
puedes hacer que haga lo que quieras que haga.

363
00:23:04,470 --> 00:23:06,790
Algunas cosas que usted puede hacer. Usted puede controlar la configuración de la memoria caché.

364
00:23:06,790 --> 00:23:11,290
Tal vez haya una determinada página en su página web que te asegures de que el usuario

365
00:23:11,290 --> 00:23:14,740
volver a descargar cada vez que el usuario entra y visita su sitio web.

366
00:23:14,740 --> 00:23:26,980
O tal vez tenga un poco de URL que es como yoursite.com / prueba / html / pages / hello.html

367
00:23:26,980 --> 00:23:31,270
y lo que desea que sea yourname.com / hola -. bien, puede utilizar htaccess

368
00:23:31,270 --> 00:23:34,760
para redirigir una página web a otra.

369
00:23:34,760 --> 00:23:36,600
También puede utilizarlo para realizar la autenticación.

370
00:23:36,600 --> 00:23:39,890
Tal vez hay algunas partes de su sitio web que usted necesita para usar otra contraseña.

371
00:23:39,890 --> 00:23:42,620
Puede bloquear ciertas direcciones IP, bloquear ciertos dominios.

372
00:23:42,620 --> 00:23:46,770
Tal vez lo que realmente no les gusta a los estudiantes de Harvard que utilizan su sitio web.

373
00:23:46,770 --> 00:23:49,910
Bueno, usted tiene la opción de bloquear todas las direcciones IP de Harvard.

374
00:23:49,910 --> 00:23:56,370
>> Por último, se puede tratar las cosas - usted puede escribir código seguro para que su servidor

375
00:23:56,370 --> 00:24:03,100
tratan como. zhao o. su nombre o. páginas hola como código PHP.

376
00:24:03,100 --> 00:24:05,170
Tal vez eso sea útil. Tal vez eso no va a ser.

377
00:24:05,170 --> 00:24:07,980
Y, por último, se puede usar para manejar las respuestas de error.

378
00:24:07,980 --> 00:24:10,300
¿Qué quiero decir con eso?

379
00:24:10,300 --> 00:24:16,030
Si usted sólo tiene que añadir un código como este - 404 ErrorDocument y luego dirigirlos a alguna

380
00:24:16,030 --> 00:24:20,440
página de error, usted puede asegurarse de que el usuario no se limita a ver la realidad, muy feo

381
00:24:20,440 --> 00:24:23,550
404 y mostrarles algo agradable.

382
00:24:23,550 --> 00:24:29,000
>> Vamos realmente echar un vistazo a cómo podemos hacer eso con tu Pset 7.

383
00:24:29,000 --> 00:24:34,190
He aquí, yo estoy en mi aparato.

384
00:24:34,190 --> 00:24:38,440
Voy a abrir Chrome, y luego voy a tratar de acceder a una página

385
00:24:38,440 --> 00:24:43,350
que no existe en el CS50 Finanzas.

386
00:24:43,350 --> 00:24:52,710
Así, host local - cats.php-más o menos, darse cuenta de que he creado un documento de error

387
00:24:52,710 --> 00:24:54,770
que dice: "Canz no encuentra la pagina z!"

388
00:24:54,770 --> 00:24:56,990
Tiene un gato muy triste en él.

389
00:24:56,990 --> 00:24:59,910
Si vas en Twitter, si vas en cualquiera de estos otros sitios,

390
00:24:59,910 --> 00:25:02,700
usted no puede encontrar una página, por lo general tratan de mostrar una imagen linda

391
00:25:02,700 --> 00:25:04,850
por lo que no estás muy decepcionado.

392
00:25:04,850 --> 00:25:07,830
Usted también podría tener algo que es más profesional que dice:

393
00:25:07,830 --> 00:25:11,760
así, lo siento, no pude encontrar la página, pero quizás aquí está un cuadro de búsqueda.

394
00:25:11,760 --> 00:25:16,750
O tal vez aquí hay algunos enlaces que le ayudarán a encontrar el vínculo que desee.

395
00:25:16,750 --> 00:25:21,410
Así que, ¿qué hago esto? ¿Cómo es esto posible?

396
00:25:21,410 --> 00:25:23,500
Si entramos en nuestra terminal aquí -

397
00:25:23,500 --> 00:25:26,300
Yo sólo voy a acercar un poco -

398
00:25:26,300 --> 00:25:30,110
cuenta de que tengo una nueva página.

399
00:25:30,110 --> 00:25:34,440
Dentro de mi directorio de HTML que se llama - no se puede ver -

400
00:25:34,440 --> 00:25:37,280
se llama error.php.

401
00:25:37,280 --> 00:25:41,010
Y error.php es simplemente un archivo que hice

402
00:25:41,010 --> 00:25:43,030
que muestra que la propia página.

403
00:25:43,030 --> 00:25:46,710
Te puedo mostrar lo que es error.php.

404
00:25:46,710 --> 00:25:48,710
Es exactamente esta página.

405
00:25:48,710 --> 00:25:50,710
Dice: "¡Oh, no! Canz no encuentra la pagina z!"

406
00:25:50,710 --> 00:25:58,630
Y, si quieres ver - así, notará que htaccess tipo de es un nombre raro..

407
00:25:58,630 --> 00:26:01,040
Se inicia con un punto lo que significa que es un archivo de sistema.

408
00:26:01,040 --> 00:26:03,360
Es un archivo oculto que normalmente no se muestra.

409
00:26:03,360 --> 00:26:09,060
Si lo haces ls-a, se puede ver todos los archivos ocultos en un directorio determinado,

410
00:26:09,060 --> 00:26:12,030
y, de hecho, ya ves. htaccess es uno de ellos.

411
00:26:12,030 --> 00:26:15,490
Vamos a seguir adelante y abrir htaccess. -

412
00:26:15,490 --> 00:26:19,830
con gedit -

413
00:26:19,830 --> 00:26:26,870
Boom! Todo lo que tengo es una línea en allí - el documento de error para los errores 404

414
00:26:26,870 --> 00:26:28,760
que también se conocen como errores de archivo no encontrado.

415
00:26:28,760 --> 00:26:32,720
Vamos a redirigir a algo llamado error.php.

416
00:26:36,100 --> 00:26:42,030
Usted puede tener cosas divertidas como CANZ no encuentra la pagina z!

417
00:26:42,030 --> 00:26:46,770
Y también hay cosas muy interesantes que se pueden hacer con. Htaccess.

418
00:26:46,770 --> 00:26:49,520
Si quieres ver más. Htaccess magia,

419
00:26:49,520 --> 00:26:56,470
este es un sitio muy atractivo para ir a - se llama javascriptkit.com/howto/htaccess.shtml--

420
00:26:56,470 --> 00:27:01,880
Si desea realizar más magia servidor. Y podría ser muy divertido.

421
00:27:01,880 --> 00:27:05,490
>> ¡Menos mal! ¡Muy bien! Más imágenes lindo.

422
00:27:05,490 --> 00:27:10,060
Este es un hombre haciendo flexiones, y su gato está tratando de ayudar. Creo que es muy lindo.

423
00:27:10,060 --> 00:27:14,830
Por desgracia, no tengo un gato así.

424
00:27:14,830 --> 00:27:17,640
Está bien. Por lo tanto, lo que hemos hablado. Htaccess.

425
00:27:17,640 --> 00:27:19,640
Hemos hablado de tratamiento de errores.

426
00:27:19,640 --> 00:27:20,940
Hemos hablado de hosting, nombres de dominio.

427
00:27:20,940 --> 00:27:23,230
Hemos hablado acerca de la compatibilidad entre navegadores.

428
00:27:23,230 --> 00:27:25,210
Ahora, ¿cómo nos aseguramos de que su sitio web funciona en realidad?

429
00:27:25,210 --> 00:27:26,950
¿Cómo nos aseguramos de que si voy a su sitio web

430
00:27:26,950 --> 00:27:29,830
Puedo ver su página en pocos segundos?

431
00:27:29,830 --> 00:27:33,520
Una de las cosas que creo que la gente sólo una especie de olvidarse de

432
00:27:33,520 --> 00:27:36,160
es la optimización de la imagen.

433
00:27:36,160 --> 00:27:37,560
Digamos que usted quiere poner una foto en su sitio

434
00:27:37,560 --> 00:27:40,330
que pone el 2 MG grande.

435
00:27:40,330 --> 00:27:42,670
Eso podría estar bien para nosotros porque estamos en Harvard,

436
00:27:42,670 --> 00:27:45,000
y tenemos una conexión a Internet muy rápida.

437
00:27:45,000 --> 00:27:47,470
Pero imaginar que alguien en China. Imagine a alguien en la India.

438
00:27:47,470 --> 00:27:52,440
Imagine a alguien tal vez en la zona rural de Kansas, que tal vez no tiene el mismo tipo de

439
00:27:52,440 --> 00:27:54,690
Internet de banda ancha que tenemos.

440
00:27:54,690 --> 00:27:57,710
Si usted tiene una imagen de 2 MB en su sitio y el usuario está tratando de acceder a ella,

441
00:27:57,710 --> 00:28:00,890
que va a llevarlos a un tiempo muy largo para descargar.

442
00:28:00,890 --> 00:28:04,160
Por lo tanto, si usted no necesita ese tipo de resolución,

443
00:28:04,160 --> 00:28:09,220
entonces usted puede cambiar el tamaño de la imagen con algo como Adobe Photo Shop.

444
00:28:09,220 --> 00:28:13,400
Por lo general hay una opción llamada segura para la web y dispositivos,

445
00:28:13,400 --> 00:28:15,850
y lo que hace es que elimina toda la información necesaria

446
00:28:15,850 --> 00:28:20,160
y una especie de pactos de su archivo en un pequeño tamaño de la imagen, para que pueda

447
00:28:20,160 --> 00:28:22,960
lo puso en su sitio web, y cualquier usuario que intenta descargar la página

448
00:28:22,960 --> 00:28:26,950
va a descargar una versión más pequeña de la imagen.

449
00:28:26,950 --> 00:28:28,230
Si usted no tiene Adobe Photo Shop

450
00:28:28,230 --> 00:28:32,650
webresizer.com también es otro recurso donde su imagen puede introducir

451
00:28:32,650 --> 00:28:36,470
y será escupir la misma imagen,

452
00:28:36,470 --> 00:28:39,970
pero va a ser algo así como 3 veces más pequeño.

453
00:28:39,970 --> 00:28:41,970
Así que es muy útil para los usuarios.

454
00:28:41,970 --> 00:28:45,930
>> Otra cosa que puedes hacer es minify código.

455
00:28:45,930 --> 00:28:48,460
Si echamos un vistazo a Google.com,

456
00:28:48,460 --> 00:28:56,400
verás que no es una especie de la misma HTML y CSS que estamos acostumbrados.

457
00:28:56,400 --> 00:29:02,250
Sólo voy a mirar el código fuente aquí.

458
00:29:02,250 --> 00:29:07,600
Si me desplazo hacia abajo - wow, eso parece bastante repugnante.

459
00:29:07,600 --> 00:29:09,650
Esto tendría un cero en el estilo.

460
00:29:09,650 --> 00:29:13,470
Si usted cifró esto para su Pset, recibirá un cero en su estilo.

461
00:29:13,470 --> 00:29:16,990
Esto no tiene ninguna separación. Los nombres se ven muy críptica.

462
00:29:16,990 --> 00:29:19,800
Todo es realmente repugnante.

463
00:29:19,800 --> 00:29:24,060
Y el guión se cierre en el cuerpo - el código HTML de cierre -

464
00:29:24,060 --> 00:29:26,280
están todos juntos - todos smushed juntos.

465
00:29:26,280 --> 00:29:28,280
¿Por qué hacen esto?

466
00:29:28,280 --> 00:29:30,650
Ellos minified su código.

467
00:29:30,650 --> 00:29:33,310
Tenga en cuenta que este documento va a ser mucho más pequeño

468
00:29:33,310 --> 00:29:36,660
para mi descargo que algo con un espacio en blanco,

469
00:29:36,660 --> 00:29:39,410
de algo con los nombres de variables muy largas.

470
00:29:39,410 --> 00:29:41,710
Si Minimizar el código se tira todo el espacio en blanco.

471
00:29:41,710 --> 00:29:45,960
Por supuesto, su navegador no importa si tienes cualquier espacio en blanco en el código.

472
00:29:45,960 --> 00:29:49,630
Usted tira de ella hacia fuera, ahora puedo descargar un archivo más pequeño -

473
00:29:49,630 --> 00:29:52,770
Ahora el archivo - el documento que vamos a descargar tiene un tamaño de archivo más pequeño,

474
00:29:52,770 --> 00:29:56,180
que será más rápido para mí para descargar, y eso es útil.

475
00:29:56,180 --> 00:30:01,550
Si está trabajando con los sitios web y usted está lanzando un sitio web,

476
00:30:01,550 --> 00:30:04,630
es casi siempre bueno para cercenar su código.

477
00:30:04,630 --> 00:30:08,150
Otra razón por la que podría ser bueno es tal vez usted no quiere que otros utilicen su código.

478
00:30:08,150 --> 00:30:11,050
Tal vez usted no quiere que otros utilicen su CSS.

479
00:30:11,050 --> 00:30:13,460
Ya sabes, si realmente quería ser mezquino con eso,

480
00:30:13,460 --> 00:30:16,670
entonces también puede cercenar su código, y sería más difícil para que lo robe

481
00:30:16,670 --> 00:30:19,170
porque no tengo ni idea de lo que está pasando.

482
00:30:19,170 --> 00:30:22,990
También puede ir a sitios web como minify.avivo.si.

483
00:30:22,990 --> 00:30:27,900
Servicios en línea como esta ayudan a cercenar su código para que usted no tiene que hacerlo a mano.

484
00:30:27,900 --> 00:30:30,080
Ni se te ocurra hacerlo a mano.

485
00:30:30,080 --> 00:30:32,210
>> Okay. Ahora hablar de scripts.

486
00:30:32,210 --> 00:30:35,040
Tal vez en su código PHP que hay algo que usted no tiene que hacer.

487
00:30:35,040 --> 00:30:37,910
Tal vez haya bucles adicionales en ese país.

488
00:30:37,910 --> 00:30:40,850
Hablamos de diseño de código en el CS50.

489
00:30:40,850 --> 00:30:44,550
Incluso si usted está de codificación en C si tiene - si usted está haciendo un trabajo extra

490
00:30:44,550 --> 00:30:49,440
que usted no tiene que hacer, bueno, eso va a frenar las secuencias de comandos en su sitio web,

491
00:30:49,440 --> 00:30:53,280
y esto es especialmente importante para los sitios web, ya los usuarios de hoy en día son muy impaciente.

492
00:30:53,280 --> 00:30:56,110
Si usted está haciendo un trabajo innecesario, que va a tomar más tiempo

493
00:30:56,110 --> 00:31:00,080
para llegar a la información que desean, y que van a ser muy infeliz.

494
00:31:00,080 --> 00:31:02,200
Por último, es posible que desee optimizar sus tablas de la base.

495
00:31:02,200 --> 00:31:05,020
Recuerde que hablamos de índices.

496
00:31:05,020 --> 00:31:09,420
No son sólo buenos para asegurarse de que usted tiene una fila que es único.

497
00:31:09,420 --> 00:31:12,440
También son buenos para asegurarse de que su base de datos es rápida.

498
00:31:12,440 --> 00:31:16,240
Si desea leer sobre que van a la documentación de MySQL,

499
00:31:16,240 --> 00:31:18,710
o se puede ver en - bueno, ¿cómo puedo optimizar mi mesa de base de datos?

500
00:31:18,710 --> 00:31:23,350
¿Cómo puedo asegurarme de que tengo índices que ayudan a llegar a la información más rápido?

501
00:31:23,350 --> 00:31:27,300
>> También hay pequeños trucos que se pueden utilizar como caché.

502
00:31:27,300 --> 00:31:28,980
Si usted tiene PHP - si usted tiene un blog, por ejemplo,

503
00:31:28,980 --> 00:31:31,980
y que tiene - y es alimentado por PHP o cualquier otro idioma -

504
00:31:31,980 --> 00:31:37,690
puede almacenar en caché en tu blog Digamos intervalos de 50 minutos para que pueda servir a las páginas estáticas

505
00:31:37,690 --> 00:31:40,610
o HTML estático para los visitantes a su sitio.

506
00:31:40,610 --> 00:31:43,380
De esta manera los usuarios no tienen que ejecutar el script PHP cada vez,

507
00:31:43,380 --> 00:31:47,410
y tal vez eso será más rápido para que puedan acceder a esa información.

508
00:31:47,410 --> 00:31:49,410
>> Y, por último, se puede usar algo como CDN.

509
00:31:49,410 --> 00:31:51,900
Tenga en cuenta que cada vez que se descarga un Pset,

510
00:31:51,900 --> 00:31:54,890
siempre vas a CDN.CS50.net. ¿Por qué es eso?

511
00:31:54,890 --> 00:32:01,540
CS50 utiliza también como una especie de CDN - una red de distribución de contenidos -

512
00:32:01,540 --> 00:32:06,120
que simplemente significa que se trata de un grupo de servidores puede que en algún lugar del mundo

513
00:32:06,120 --> 00:32:08,120
que ayudan a servir a sus páginas para sus visitantes.

514
00:32:08,120 --> 00:32:13,770
Si el visitante es cada vez una página de un servidor que está más cerca geográficamente,

515
00:32:13,770 --> 00:32:16,770
lo más probable es que el visitante se va a poner ese archivo mucho más rápido.

516
00:32:16,770 --> 00:32:20,490
También hay fuentes en línea que le ayudan a hacer eso.

517
00:32:20,490 --> 00:32:24,070
Uno de ellos es CloudFlare. Ofrecen un servicio de CDN gratis.

518
00:32:24,070 --> 00:32:26,020
Si tiene archivos de gran tamaño que el que sirven a sus usuarios,

519
00:32:26,020 --> 00:32:32,260
entonces tal vez es mejor ponerlos en un CDN para que puedan acceder a ellos más rápidamente.

520
00:32:32,260 --> 00:32:39,070
>> El último tema del día es la optimización de motor de búsqueda.

521
00:32:39,070 --> 00:32:41,070
¿Qué es la optimización de motores de búsqueda?

522
00:32:41,070 --> 00:32:44,070
Eso es asegurarse de que los motores de búsqueda como Google o Bing o Yahoo

523
00:32:44,070 --> 00:32:50,740
puede ir a su sitio y rastrear su sitio y el índice de su sitio y cuando

524
00:32:50,740 --> 00:32:53,040
Yo, por ejemplo, ir a Google.com y trato de buscar algo,

525
00:32:53,040 --> 00:32:55,040
entonces su sitio aparecerá.

526
00:32:55,040 --> 00:32:57,000
¿Cómo asegurarse de que su sitio es uno de los 10?

527
00:32:57,000 --> 00:33:00,000
Porque como todos sabemos, si busca algo en Google

528
00:33:00,000 --> 00:33:02,880
y no es en la parte superior 10 que está muy probablemente no va a ver en los próximos 10.

529
00:33:02,880 --> 00:33:07,160
Esta es una especie de un tema que está envuelto en el misterio.

530
00:33:07,160 --> 00:33:09,850
Hay una gran cantidad de publicidad que hay en el Internet.

531
00:33:09,850 --> 00:33:14,680
Hay un montón de supersticiones sobre si x entonces Google te guste mejor.

532
00:33:14,680 --> 00:33:16,680
Si usted y entonces Google te guste mejor.

533
00:33:16,680 --> 00:33:19,680
Probablemente es mejor mirar hacia sí los documentos la búsqueda del gigante.

534
00:33:19,680 --> 00:33:27,470
>> Este es uno de los documentos en Google que te dicen exactamente cómo optimizar su sitio

535
00:33:27,470 --> 00:33:30,860
por lo que Google puede acceder y el índice muy bien.

536
00:33:30,860 --> 00:33:33,680
Usted no tiene que copiar la URL, porque esta presentación va a

537
00:33:33,680 --> 00:33:36,680
estar en línea de todos modos.

538
00:33:36,680 --> 00:33:38,770
Si nos fijamos en esto y usted lee esto, hay algunos consejos muy útiles en ese país.

539
00:33:38,770 --> 00:33:42,240
El Google te dice - si usted realmente quiere que su sitio sea indexado y

540
00:33:42,240 --> 00:33:44,610
entonces usted debe hacer todas estas cosas.

541
00:33:44,610 --> 00:33:47,570
>> Otra cosa que los motores de búsqueda realmente les gusta es el contenido fresco.

542
00:33:47,570 --> 00:33:49,500
Si tiene contenido que se actualiza con regularidad

543
00:33:49,500 --> 00:33:51,950
entonces los motores de búsqueda dicen, ooh, me gusta su sitio.

544
00:33:51,950 --> 00:33:53,950
Voy a ir a su sitio con mucha frecuencia.

545
00:33:53,950 --> 00:33:56,840
Voy a indexar una gran cantidad de sus páginas.

546
00:33:56,840 --> 00:33:59,560
Si usted tiene un nuevo contenido, entonces es más probable que aparezca -

547
00:33:59,560 --> 00:34:02,540
usted es más probable que sea más relevante.

548
00:34:02,540 --> 00:34:04,630
Es más probable que sea más actualizada,

549
00:34:04,630 --> 00:34:08,860
y los motores de búsqueda son más propensos a poner su sitio por encima de los demás.

550
00:34:08,860 --> 00:34:10,860
>> Los enlaces profundos son también importantes.

551
00:34:10,860 --> 00:34:13,530
Si realmente quería su sitio para quedar bien ante los ojos de un motor de búsqueda

552
00:34:13,530 --> 00:34:18,090
tenemos un montón de otros sitios web vinculados a ella y vinculados profundamente en su sitio web.

553
00:34:18,090 --> 00:34:20,090
No se limite a enlazar a la página principal.

554
00:34:20,090 --> 00:34:26,719
Enlace a tal yourname.com / algo / algo / something.php.

555
00:34:26,719 --> 00:34:29,840
Que - a un motor de búsqueda - significa, wow, que tienen un contenido muy interesante

556
00:34:29,840 --> 00:34:35,350
que alguien más es la vinculación tan profundamente en su sitio esté de mí muy, muy

557
00:34:35,350 --> 00:34:38,260
poner más importancia en las páginas de ese sitio.

558
00:34:38,260 --> 00:34:41,940
>> Si usted tiene los títulos de página precisos, si no tiene errores, eso es bueno, porque

559
00:34:41,940 --> 00:34:44,670
si un motor de búsqueda es tratar de visitar su sitio web, y es cada vez un error,

560
00:34:44,670 --> 00:34:46,780
que probablemente va a renunciar a muy, muy pronto.

561
00:34:46,780 --> 00:34:49,510
Y, por último, usted quiere tener un tiempo de carga rápida porque los motores de búsqueda -

562
00:34:49,510 --> 00:34:53,820
al igual que los seres humanos - NO tener mucha paciencia para los sitios web lentos.

563
00:34:53,820 --> 00:34:57,070
Esta es una manera para que usted pueda asegurarse de que usted se presenta mayor en

564
00:34:57,070 --> 00:35:01,390
las consultas de búsqueda del motor y con ello esperamos conseguir más tráfico.

565
00:35:01,390 --> 00:35:04,730
Porque después de todo, usted ha pasado todo este tiempo el desarrollo de su sitio web.

566
00:35:04,730 --> 00:35:06,280
Te has pasado todo este tiempo el lanzamiento de este sitio web en línea.

567
00:35:06,280 --> 00:35:11,780
Usted quiere asegurarse de que usted tiene un montón de usuarios que realmente ve tu sitio.

568
00:35:13,330 --> 00:35:15,660
>> Otros buenos recursos a utilizar.

569
00:35:15,660 --> 00:35:19,210
Google Webmaster Tools es algo que esperamos para.

570
00:35:19,210 --> 00:35:21,780
Esto sólo ayuda a ver - Google no indexa mi sitio.

571
00:35:21,780 --> 00:35:24,490
¿Qué tipo de errores que se enfrentan?

572
00:35:24,490 --> 00:35:27,490
¿Cuántas páginas que ha indexado?

573
00:35:27,490 --> 00:35:29,490
¿Qué crees que es el contenido más importante en mi página?

574
00:35:29,490 --> 00:35:31,490
Tal vez eso no es lo que yo quiero que sea.

575
00:35:31,490 --> 00:35:36,880
Tal vez tengo que cambiar mi sitio web un poco de tal manera que se refleja mejor

576
00:35:36,880 --> 00:35:38,880
lo que mi sitio web es realmente.

577
00:35:38,880 --> 00:35:41,000
Google Analytics es una herramienta genial.

578
00:35:41,000 --> 00:35:44,120
Usted puede agregar un poco de JavaScript a sus páginas.

579
00:35:44,120 --> 00:35:47,020
Y luego después se puede ir a Google Analytics, y se hará un seguimiento

580
00:35:47,020 --> 00:35:49,020
su demografía de los visitantes y el crecimiento de su sitio.

581
00:35:49,020 --> 00:35:51,810
Se le dirá exactamente cuántos visitantes visitan su sitio

582
00:35:51,810 --> 00:35:55,310
dentro de un cierto día, dentro de una cierta hora, dentro de un cierto semanas.

583
00:35:55,310 --> 00:35:57,310
¿Cuántos visitantes de China? ¿Cuántos visitantes de la Antártida -

584
00:35:57,310 --> 00:35:59,310
que está recibiendo de su sitio web.

585
00:35:59,310 --> 00:36:03,470
eso podría ser algo bueno para ver o incluso podría ser útil

586
00:36:03,470 --> 00:36:05,470
porque usted está tratando de dirigirse a un determinado grupo.

587
00:36:05,470 --> 00:36:08,410
Tal vez usted está tratando de apuntar a los adolescentes con su sitio web, y ver que

588
00:36:08,410 --> 00:36:11,410
la mayoría de los visitantes de su sitio web son quizá 30 - de edad de 40 años,

589
00:36:11,410 --> 00:36:15,130
entonces tal vez sea usted tiene un problema o puede simplemente decir:

590
00:36:15,130 --> 00:36:19,590
así, entonces tal vez debería cambiar el enfoque de mi sitio web para que

591
00:36:19,590 --> 00:36:22,240
Me centro más en ese grupo de edad.

592
00:36:22,240 --> 00:36:28,500
>> Google Apps - si quería tener una especie de mensajes de correo electrónico con su nombre de dominio -

593
00:36:28,500 --> 00:36:31,230
tal vez algo como yourname@yourname.com--

594
00:36:31,230 --> 00:36:35,270
puede utilizar las direcciones de gmail - se puede utilizar el servicio de Gmail

595
00:36:35,270 --> 00:36:38,500
y Google Apps es una manera de hacer eso.

596
00:36:38,500 --> 00:36:44,050
Puede configurar direcciones de correo electrónico específicas que son específicos de su nombre de dominio

597
00:36:44,050 --> 00:36:46,800
lugar of@gmail.com.

598
00:36:46,800 --> 00:36:51,840
>> Y, por último, hay extensiones para desarrolladores web y complementos - para Chrome,

599
00:36:51,840 --> 00:36:56,380
para Firefox, para otros navegadores - que le permiten entrar y inspeccionar

600
00:36:56,380 --> 00:37:02,290
CSS, JavaScript inspeccionar, ver exactamente lo que está mal con la secuencia de comandos JavaScript

601
00:37:02,290 --> 00:37:05,290
y tal vez eso va a ser útil para sus fines el depurado, para usted saber -

602
00:37:05,290 --> 00:37:08,630
así, ¿por qué no está mi sitio web muestra correctamente en este navegador?

603
00:37:08,630 --> 00:37:11,800
>> Y, por último, si desea obtener más información sobre todos estos temas -

604
00:37:11,800 --> 00:37:14,410
si desea obtener más información sobre HTML y CSS y JavaScript -

605
00:37:14,410 --> 00:37:16,790
porque después de todo, sólo te enseña un poco -

606
00:37:16,790 --> 00:37:21,240
usted puede ir a sitios web como W3Schools.com para buscar más recursos.

607
00:37:21,240 --> 00:37:26,340
Tienen muy buenos tutoriales sobre cómo lo hago x, o lo que quiere decir y?

608
00:37:26,340 --> 00:37:30,400
Si quieres saber más sobre estos idiomas, puede simplemente ir aquí.

609
00:37:30,400 --> 00:37:37,690
>> Está bien. Creo que quería dejar los últimos minutos de este para las preguntas,

610
00:37:37,690 --> 00:37:39,810
así que ¿hay alguna pregunta acerca de cualquier cosa que hemos hablado?

611
00:37:39,810 --> 00:37:43,500
[Miembro de la audiencia] ¿Qué tipo de cosas están en W3Schools y cómo se cubren?

612
00:37:43,500 --> 00:37:45,500
[Yuechen Zhao] ¿Qué tipo de cosas?

613
00:37:45,500 --> 00:37:50,180
Así, una de las cosas más grandes que yo uso mucho es sus referencias.

614
00:37:50,180 --> 00:37:54,430
Sus referencias detalle, por ejemplo, para CSS -

615
00:37:54,430 --> 00:37:59,480
lo que esto significa, o si desea cambiar el fondo de una página -

616
00:37:59,480 --> 00:38:01,480
¿cómo lo haces?

617
00:38:01,480 --> 00:38:04,550
¿Qué navegadores soportan este comando? Cosas así.

618
00:38:04,550 --> 00:38:10,870
Y entonces también sólo tienen muy buenos tutoriales en HTML, en PHP, en JavaScript,

619
00:38:10,870 --> 00:38:14,290
en MySQL, sobre todo tipo de temas diferentes.

620
00:38:14,290 --> 00:38:18,800
Tienen buenos tutoriales. Te enseñan cómo hacer las cosas.

621
00:38:18,800 --> 00:38:22,590
Es agradable ser capaz de ir y conocer más sobre estos temas aprender.

622
00:38:22,590 --> 00:38:27,180
>> [Miembro de la audiencia] HTML 5 aún no es compatible con todos los navegadores que hay.

623
00:38:27,180 --> 00:38:30,700
¿Le recomendaría a mantenerse alejado de él debido a problemas de compatibilidad?

624
00:38:30,700 --> 00:38:32,700
¿Cómo lidiar con eso?

625
00:38:32,700 --> 00:38:38,640
[Yuechen Zhao] Sí, es así, la pregunta es HTML5 es todavía un estándar de bebé.

626
00:38:38,640 --> 00:38:42,030
En realidad no es soportado por muchos navegadores, por lo que debemos evitar?

627
00:38:42,030 --> 00:38:48,040
Creo que el año pasado habría sido un gran defensor de la, Evitemos HTML5

628
00:38:48,040 --> 00:38:52,430
porque todavía es - es todavía muy nuevo y, de hecho, el estándar HTML 5

629
00:38:52,430 --> 00:38:55,610
aún no ha sido finalizado.

630
00:38:55,610 --> 00:38:58,790
Y así, realmente no hay un estándar HTML5.

631
00:38:58,790 --> 00:39:03,840
Pero creo que sobre todo si usted está diseñando un sitio web ahora,

632
00:39:03,840 --> 00:39:07,450
tal vez sería mejor si sólo vas con HTML5, ya que es una especie de la que va a ser el futuro,

633
00:39:07,450 --> 00:39:11,250
y si usted quiere que su sitio web para estar preparada para el futuro y desea que su sitio web para trabajar

634
00:39:11,250 --> 00:39:14,320
en los futuros exploradores, tal vez sería mejor para empezar a construir algo para el futuro

635
00:39:14,320 --> 00:39:19,830
que en el pasado, y sólo por el hecho de que HTML5 realmente no es tan diferente

636
00:39:19,830 --> 00:39:23,080
de HTML 4 o XHTML.

637
00:39:23,080 --> 00:39:29,780
Si está utilizando HTML5, que normalmente funciona en la mayoría de los navegadores.

638
00:39:29,780 --> 00:39:34,660
Sólo tienes que ordenar de entrar y asegurarse con estas capturas de pantalla

639
00:39:34,660 --> 00:39:38,630
y asegurarse de que va a estos sitios usted mismo.

640
00:39:38,630 --> 00:39:44,280
Pero lo más probable es que va a funcionar a menos que estés usando características muy específicas para HTML5.

641
00:39:44,280 --> 00:39:50,240
Observe también que para CS50 - por ejemplo, para el reproductor de vídeo que se utiliza -

642
00:39:50,240 --> 00:39:56,230
que utiliza HTML5 HTML5 y vídeo para mostrar las conferencias.

643
00:39:56,230 --> 00:39:59,420
Pero si usted tiene un navegador muy viejo, entonces va a caer de nuevo en flash.

644
00:39:59,420 --> 00:40:01,420
Entonces, eso es también algo más -

645
00:40:01,420 --> 00:40:05,190
tener un sistema de resguardo para cuando usted acaba de saber que el navegador no se va a manejar

646
00:40:05,190 --> 00:40:08,140
lo que usted quiere manejar.

647
00:40:08,140 --> 00:40:10,140
>> Otras preguntas?

648
00:40:10,140 --> 00:40:13,270
Todo lo que hemos hablado.

649
00:40:16,910 --> 00:40:20,750
Está bien. Entonces creo que eso es todo para mí.

650
00:40:20,750 --> 00:40:23,090
Creo que eso es todo.

651
00:40:23,090 --> 00:40:28,430
(Aplausos)

652
00:40:28,430 --> 00:40:30,000
Genial.

653
00:40:30,500 --> 00:40:32,700
[CS50.TV]