1
00:00:00,000 --> 00:00:06,000
Bien, isto demuestra, entre outras cosas, a potencia do trabajo en equipo, porque eu non sei inglés, entón,

2
00:00:06,000 --> 00:00:12,000
preferí que mi traducción, bueno, pues habrá habido que revisarla por algún sitio.

3
00:00:12,000 --> 00:00:19,000
Bien, vamos a ver, aplicaciones, diseño,

4
00:00:19,000 --> 00:00:23,000
y tenemos aquí el logotipo, moi brillante, moi colorido,

5
00:00:23,000 --> 00:00:29,000
bien, mientras, bien,

6
00:00:29,000 --> 00:00:33,000
cerrar, eh, dicho sea de paso, dentro da traducción, por exemplo,

7
00:00:33,000 --> 00:00:38,000
los trucos estos, los consejos del inicio non están traducidos, eh,

8
00:00:38,000 --> 00:00:41,000
acercamos, vale.

9
00:00:41,000 --> 00:00:47,000
Bien, si alguén ha trabajado alguna vez con el entorno de Mozilla Composer,

10
00:00:47,000 --> 00:00:49,000
pues aquí lo tenemos,

11
00:00:49,000 --> 00:00:53,000
voy a cerrarle esta ventana al editor de sitios,

12
00:00:53,000 --> 00:00:56,000
normal, etiqueta, HTML, código fuente, vista preliminar,

13
00:00:56,000 --> 00:01:01,000
y si yo hablo con Poser,

14
00:01:01,000 --> 00:01:12,000
lo podía ver abierto directamente, pero non.

15
00:01:12,000 --> 00:01:16,000
Bueno, como veis, ya, el entorno, las mismas pestañas,

16
00:01:16,000 --> 00:01:19,000
son muy similares y lo único que nos ha cambiado es la piel,

17
00:01:19,000 --> 00:01:24,000
bueno, la piel y que hay alguna funcionalidad un poco más.

18
00:01:24,000 --> 00:01:30,000
Bien, eh, forma de construir una página,

19
00:01:30,000 --> 00:01:33,000
en principio tú empiezas en vista normal,

20
00:01:33,000 --> 00:01:35,000
y primera cuestión, o sea, como pequeño truquillo,

21
00:01:35,000 --> 00:01:42,000
esto, si tú empiezas a escribir,

22
00:01:42,000 --> 00:01:47,000
como el texto que yo he insertado no entra como párrafo,

23
00:01:47,000 --> 00:01:52,000
estamos acostumbrados a que la pulsación de la tecla intro suponga un salto de párrafo,

24
00:01:52,000 --> 00:01:55,000
que nos viene no sólo por lo que suponga en cuanto al texto,

25
00:01:55,000 --> 00:01:58,000
sino luego a la hora de decir etiquetas.

26
00:01:58,000 --> 00:02:01,000
Yo pulso intro y lo que hace es un salto de renglón,

27
00:02:01,000 --> 00:02:07,000
cosa que podría ver BR, un salto de renglón.

28
00:02:07,000 --> 00:02:13,000
¿Por qué? Sencillamente porque yo no he empezado insertando un párrafo.

29
00:02:13,000 --> 00:02:17,000
Entonces, a partir de ahora, cuando yo inserte,

30
00:02:17,000 --> 00:02:20,000
creo que ahora si he insertado un párrafo, yo decía esto,

31
00:02:20,000 --> 00:02:26,000
cuando inserte un intro, insertará un salto de párrafo, ¿vale?

32
00:02:26,000 --> 00:02:30,000
Bien, comentábamos,

33
00:02:30,000 --> 00:02:35,000
texto, doble clic, nos permite,

34
00:02:35,000 --> 00:02:38,000
con un doble clic, ir especificando atributos,

35
00:02:38,000 --> 00:02:45,000
hay que controlar efectivamente algo de HTML,

36
00:02:45,000 --> 00:02:49,000
o bien podría ir utilizando los iconos,

37
00:02:49,000 --> 00:02:51,000
por ejemplo, en este caso la alineación,

38
00:02:51,000 --> 00:02:56,000
sería la edición básica.

39
00:02:56,000 --> 00:02:59,000
Pero, y vamos a centrarnos, como hay muy poquito tiempo,

40
00:02:59,000 --> 00:03:03,000
en las cuestiones así interesantes que he comentado antes.

41
00:03:06,000 --> 00:03:09,000
Creación de formularios.

42
00:03:09,000 --> 00:03:12,000
Definimos un formulario,

43
00:03:12,000 --> 00:03:17,000
le damos un nombre, pues, prueba,

44
00:03:17,000 --> 00:03:20,000
y lo que voy a hacer con este formulario es que,

45
00:03:20,000 --> 00:03:22,000
voy a hacerlo, como no tengo ninguna otra cosa,

46
00:03:22,000 --> 00:03:28,000
mailto a arroba b punto c,

47
00:03:28,000 --> 00:03:31,000
método post.

48
00:03:31,000 --> 00:03:34,000
Me crea un cuadrito para formulario y a partir de aquí

49
00:03:34,000 --> 00:03:39,000
puedo ir metiendo un área de texto.

50
00:03:39,000 --> 00:03:41,000
Antes de poner área de texto y tener ese área de texto que va a ir.

51
00:03:41,000 --> 00:03:48,000
Dice, pues, dime tu nombre.

52
00:03:48,000 --> 00:03:51,000
Estoy haciendo un diseño,

53
00:03:51,000 --> 00:03:54,000
nombre del campo, le da más nombre,

54
00:03:54,000 --> 00:03:56,000
para cuando llegue,

55
00:03:56,000 --> 00:04:00,000
podría darle más propiedades,

56
00:04:00,000 --> 00:04:04,000
nombre, filas, una fila,

57
00:04:04,000 --> 00:04:07,000
una columna, aceptar.

58
00:04:07,000 --> 00:04:08,000
Ya tengo aquí esto.

59
00:04:08,000 --> 00:04:12,000
Como no le he dado extensión ni nada, directamente,

60
00:04:12,000 --> 00:04:14,000
la vista preliminar quedaría aquí.

61
00:04:14,000 --> 00:04:17,000
Lo que os decía, si yo ahora quisiera ver esta vista preliminar,

62
00:04:17,000 --> 00:04:20,000
como este es un formulario no me permite meter datos aquí,

63
00:04:20,000 --> 00:04:24,000
sigo estando en el editor, tendría que pulsar el botoncito este navegar.

64
00:04:24,000 --> 00:04:28,000
Al pulsar navegar, me pregunta lo mismo que me preguntaba Composer,

65
00:04:28,000 --> 00:04:32,000
si quiero guardar los cambios.

66
00:04:32,000 --> 00:04:35,000
Digo, sí, pues ésta, prueba número 1.

67
00:04:35,000 --> 00:04:36,000
Prueba 1.

68
00:04:36,000 --> 00:04:38,000
Aceptar, lo guardo.

69
00:04:38,000 --> 00:04:39,000
¿Dónde lo voy a guardar?

70
00:04:39,000 --> 00:04:40,000
Prueba 1 HTML, lo guardo.

71
00:04:40,000 --> 00:04:44,000
Y ahora, teóricamente, debería lanzarme el navegador para verlo.

72
00:04:44,000 --> 00:04:46,000
Pero no es capaz de conectar con Mozilla.

73
00:04:46,000 --> 00:04:48,000
Con lo cual, si yo quisiera ver la página,

74
00:04:48,000 --> 00:04:50,000
tendría que irme aquí a archivo,

75
00:04:50,000 --> 00:04:55,000
abrir un archivo que es éste, prueba 1.

76
00:04:56,000 --> 00:05:01,000
Como no le he puesto tamaño al campo de texto,

77
00:05:01,000 --> 00:05:03,000
luego ya es ir refinando,

78
00:05:03,000 --> 00:05:05,000
o sea, no vamos a hacer aquí un pulsar HTML,

79
00:05:05,000 --> 00:05:08,000
sino de haber posibilidades, sencillamente, que tiene la posibilidad de incluir.

80
00:05:08,000 --> 00:05:10,000
Como no le he puesto tamaño, me ha puesto un tamaño mínimo

81
00:05:10,000 --> 00:05:12,000
y va corriendo el texto, ¿vale?

82
00:05:12,000 --> 00:05:13,000
Bien.

83
00:05:13,000 --> 00:05:16,000
Exactamente igual que he metido.

84
00:05:16,000 --> 00:05:18,000
Me doy la vista normal.

85
00:05:20,000 --> 00:05:23,000
Creo que lo tenía, sí, lo tenía señalado y por eso al pulsar entro,

86
00:05:23,000 --> 00:05:24,000
a ver,

87
00:05:25,000 --> 00:05:27,000
esto es, se me ha ido.

88
00:05:27,000 --> 00:05:30,000
Me permite meter lista de selección,

89
00:05:31,000 --> 00:05:33,000
añadir opciones.

90
00:05:33,000 --> 00:05:35,000
Una cosa curiosa que yo no había visto,

91
00:05:36,000 --> 00:05:37,000
perdón,

92
00:05:39,000 --> 00:05:41,000
nombre de la lista, pues, lista 1.

93
00:05:42,000 --> 00:05:43,000
Lista de preferencias.

94
00:05:45,000 --> 00:05:46,000
Lista de preferencias.

95
00:05:46,000 --> 00:05:47,000
Añadir una opción.

96
00:05:50,000 --> 00:05:51,000
Texto de la opción.

97
00:05:51,000 --> 00:05:52,000
Texto de la opción.

98
00:05:52,000 --> 00:05:54,000
Pues voy a hacer referencias de,

99
00:05:54,000 --> 00:05:57,000
siendo la hora que es, lo que me apetece zamparme a mí,

100
00:05:57,000 --> 00:05:59,000
un pincho de tortilla.

101
00:06:05,000 --> 00:06:07,000
Para que luego la gente nos entretenga.

102
00:06:09,000 --> 00:06:10,000
Bien.

103
00:06:10,000 --> 00:06:13,000
Y una cosa curiosa que yo no había visto en otros editores,

104
00:06:13,000 --> 00:06:17,000
es la posibilidad de que en estas listas se creen, a su vez, grupos.

105
00:06:17,000 --> 00:06:19,000
No lo había visto visualmente,

106
00:06:19,000 --> 00:06:22,000
yo puedo añadir un grupo,

107
00:06:22,000 --> 00:06:24,000
un grupo para postres.

108
00:06:26,000 --> 00:06:27,000
Y,

109
00:06:29,000 --> 00:06:30,000
aquí,

110
00:06:30,000 --> 00:06:33,000
añado una opción que fijaros que va a colgar de aquí.

111
00:06:33,000 --> 00:06:35,000
Pues postres o que sea.

112
00:06:35,000 --> 00:06:36,000
Un café solo.

113
00:06:39,000 --> 00:06:41,000
De marca al seleccionar inicialmente.

114
00:06:44,000 --> 00:06:46,000
Y sin acento ni nada.

115
00:06:46,000 --> 00:06:47,000
Venga, aceptar.

116
00:06:48,000 --> 00:06:50,000
Vamos a ver esto.

117
00:06:50,000 --> 00:06:52,000
Lo voy a guardar.

118
00:06:56,000 --> 00:06:58,000
Fijaros, el tema de los grupos.

119
00:06:58,000 --> 00:07:00,000
Me permite establecer grupos dentro de las listas.

120
00:07:00,000 --> 00:07:02,000
Cosa que yo no había visto en otros editores hasta ahora.

121
00:07:02,000 --> 00:07:06,000
Me parece que puede ser interesante, a lo mejor, para parcializar dentro de una lista.

122
00:07:06,000 --> 00:07:08,000
Una opción, yo no la conozco.

123
00:07:09,000 --> 00:07:12,000
Bueno, así con el tema de formularios.

124
00:07:12,000 --> 00:07:14,000
Vamos al tema de estilos.

125
00:07:15,000 --> 00:07:18,000
En herramientas tenemos un editor CSS.

126
00:07:20,000 --> 00:07:22,000
Editor, voy a crear,

127
00:07:22,000 --> 00:07:23,000
podría vincular una hoja,

128
00:07:23,000 --> 00:07:26,000
o voy a crear un estilo online en esta página.

129
00:07:27,000 --> 00:07:30,000
Si yo no le especifico para que medios voy a aplicar esa página,

130
00:07:30,000 --> 00:07:33,000
o sea, que sea para pantalla, que sea para impresora.

131
00:07:34,000 --> 00:07:35,000
Sabéis que, por ejemplo, gracias a las hojas de estilo,

132
00:07:35,000 --> 00:07:40,000
yo puedo hacer una página muy elegante con texto blanco sobre fondo azul

133
00:07:40,000 --> 00:07:42,000
y ponerle en la hoja de estilo que para el medio print

134
00:07:42,000 --> 00:07:44,000
el texto sea negro sobre fondo blanco.

135
00:07:44,000 --> 00:07:48,000
Porque si no, imprimir los textos blancos en los folios es difícil.

136
00:07:48,000 --> 00:07:51,000
O sea, cuesta bastante leerlo ni echándoles el mecherito de abajo.

137
00:07:51,000 --> 00:07:54,000
Entonces, creo una hoja de estilo, ya está creada,

138
00:07:54,000 --> 00:07:56,000
no le especifico nada, con lo cual, automáticamente,

139
00:07:56,000 --> 00:07:58,000
dice que para todos los medios.

140
00:07:58,000 --> 00:08:01,000
Y a partir de aquí es ir metiendo reglas de estilo.

141
00:08:01,000 --> 00:08:04,000
Voy a meter una regla para...

142
00:08:06,000 --> 00:08:07,000
con un nombre, vamos a ver.

143
00:08:07,000 --> 00:08:09,000
Voy a decir, pues, texto rojo.

144
00:08:10,000 --> 00:08:11,000
Texto rojo.

145
00:08:13,000 --> 00:08:17,000
La creo, no tiene, es ese lector texto rojo,

146
00:08:17,000 --> 00:08:19,000
no tiene hasta ahora ninguna propiedad.

147
00:08:19,000 --> 00:08:20,000
Vamos a aplicarle propiedades.

148
00:08:20,000 --> 00:08:22,000
Bueno, pues, familia de texto.

149
00:08:23,000 --> 00:08:24,000
Le voy a poner Curier.

150
00:08:25,000 --> 00:08:29,000
Curier, tamaño de letra, de paso recomendación.

151
00:08:29,000 --> 00:08:33,000
Bueno, pues vamos a utilizarlo con tamaños relativos siempre.

152
00:08:33,000 --> 00:08:37,000
En vez de utilizar tamaños absolutos en píxeles o en puntos,

153
00:08:38,000 --> 00:08:41,000
vamos a utilizar tamaños relativos de forma que permita

154
00:08:41,000 --> 00:08:45,000
lo que vimos antes, o sea, que la gente pueda modificar el tamaño de la letra.

155
00:08:45,000 --> 00:08:48,000
Porque si yo le digo aquí que el tamaño fuera en píxeles,

156
00:08:49,000 --> 00:08:53,000
12 píxeles, y que fuera de color rojo.

157
00:08:55,000 --> 00:08:56,000
Aceptar.

158
00:08:59,000 --> 00:09:00,000
Cerramos.

159
00:09:00,000 --> 00:09:02,000
Y le digo que este párrafo de aquí,

160
00:09:02,000 --> 00:09:04,000
¿veis que aquí abajo se ve?

161
00:09:04,000 --> 00:09:06,000
Aquí abajo van saliendo las etiquetas,

162
00:09:06,000 --> 00:09:08,000
en la barra de estado,

163
00:09:08,000 --> 00:09:10,000
tenemos la etiqueta, lo marco y con el botón derecho,

164
00:09:10,000 --> 00:09:12,000
le puedo adjudicar la clase.

165
00:09:12,000 --> 00:09:14,000
Como la tengo creada, clase texto rojo.

166
00:09:18,000 --> 00:09:19,000
Así. Cerrar.

167
00:09:21,000 --> 00:09:22,000
Clase texto rojo.

168
00:09:23,000 --> 00:09:26,000
Y ya me ha metido la clase.

169
00:09:26,000 --> 00:09:28,000
Vamos a ver esto como quedaría.

170
00:09:29,000 --> 00:09:30,000
Vamos a ver. Lo guardo.

171
00:09:33,000 --> 00:09:34,000
Vamos a actualizar.

172
00:09:35,000 --> 00:09:37,000
Bien, lo que os comentaba antes.

173
00:09:38,000 --> 00:09:39,000
Anda, que simpático.

174
00:09:40,000 --> 00:09:41,000
Pues me va a permitir.

175
00:09:41,000 --> 00:09:42,000
Y no sé por qué.

176
00:09:42,000 --> 00:09:43,000
No, no debería hacerlo, ¿eh?

177
00:09:43,000 --> 00:09:44,000
Esto está muy mal.

178
00:09:44,000 --> 00:09:45,000
¿De qué corre ese?

179
00:09:45,000 --> 00:09:47,000
No debería porque le he dado el tamaño absoluto

180
00:09:47,000 --> 00:09:49,000
y no debería permitirme el que,

181
00:09:49,000 --> 00:09:51,000
el aumentar el tamaño de la letra.

182
00:09:51,000 --> 00:09:53,000
Esa se debería haber quedado igual.

183
00:09:54,000 --> 00:09:56,000
La otra se ha aumentado en condiciones.

184
00:09:57,000 --> 00:09:59,000
Pero esta otra, no sé por qué.

185
00:09:59,000 --> 00:10:00,000
Pues mira.

186
00:10:01,000 --> 00:10:03,000
A pesar de eso, no me les digo de lo dicho.

187
00:10:03,000 --> 00:10:05,000
Utilicemos siempre tamaños relativos

188
00:10:05,000 --> 00:10:07,000
que también nos facilitarán el trabajo.

189
00:10:07,000 --> 00:10:09,000
Bien, hemos creado ese estilo.

190
00:10:10,000 --> 00:10:12,000
¿Tiene que ser más predefinido?

191
00:10:12,000 --> 00:10:13,000
No.

192
00:10:13,000 --> 00:10:15,000
No tiene que ser más predefinido.

193
00:10:15,000 --> 00:10:16,000
¿Eh?

194
00:10:17,000 --> 00:10:19,000
Yo vengo a contar el View.

195
00:10:19,000 --> 00:10:20,000
Ya te he dicho que del Bluefish,

196
00:10:20,000 --> 00:10:21,000
que va a contar Eduardo un poquito.

197
00:10:21,000 --> 00:10:22,000
Yo no lo controlo.

198
00:10:22,000 --> 00:10:24,000
A ver que le cuente él a ver si tiene alguno.

199
00:10:24,000 --> 00:10:26,000
Entonces, este no lo tiene.

200
00:10:26,000 --> 00:10:27,000
Eh...

201
00:10:30,000 --> 00:10:32,000
El tema de hoja de estilo, ya sabéis que la

202
00:10:32,000 --> 00:10:34,000
ventaja que tiene,

203
00:10:34,000 --> 00:10:36,000
es que luego cualquiera este del texto rojo

204
00:10:36,000 --> 00:10:38,000
no me ha gustado como queda

205
00:10:38,000 --> 00:10:40,000
y quiero que en verde con Curier

206
00:10:40,000 --> 00:10:42,000
aparezca con letra arial

207
00:10:42,000 --> 00:10:44,000
y en verde tamaño, pues aparezca

208
00:10:44,000 --> 00:10:46,000
el tamaño en EMS.

209
00:10:46,000 --> 00:10:48,000
12 EMS es muy grande.

210
00:10:48,000 --> 00:10:50,000
Demasiado grande.

211
00:10:50,000 --> 00:10:52,000
Pues 1.5 EMS.

212
00:10:52,000 --> 00:10:54,000
Para que sea grandecito.

213
00:10:54,000 --> 00:10:55,000
Vale.

214
00:10:55,000 --> 00:10:56,000
Cerrar.

215
00:10:56,000 --> 00:10:58,000
Y ya tenemos el tamaño.

216
00:10:58,000 --> 00:11:00,000
La ventaja de las hojas de estilo, evidentemente,

217
00:11:00,000 --> 00:11:02,000
cuando yo tenga un sitio completo, podré.

218
00:11:02,000 --> 00:11:04,000
Hasta ahora hemos hecho

219
00:11:04,000 --> 00:11:06,000
con el editor de hojas de estilo

220
00:11:06,000 --> 00:11:08,000
una hoja de estilo interna

221
00:11:08,000 --> 00:11:10,000
que está

222
00:11:10,000 --> 00:11:12,000
en la cabecera

223
00:11:14,000 --> 00:11:16,000
del documento.

224
00:11:16,000 --> 00:11:18,000
Con lo cual así, hombre, me apaño para un documento solo.

225
00:11:18,000 --> 00:11:20,000
Dime.

226
00:11:22,000 --> 00:11:24,000
Eh?

227
00:11:24,000 --> 00:11:26,000
Está en la cabecera

228
00:11:26,000 --> 00:11:28,000
de este documento. Si quisiera cambiar,

229
00:11:28,000 --> 00:11:30,000
o sea, si lo hiciera con este método, tendría que ir documento

230
00:11:30,000 --> 00:11:32,000
a documento cambiándolo todo.

231
00:11:32,000 --> 00:11:34,000
Lógicamente, lo normal

232
00:11:34,000 --> 00:11:36,000
sería que yo tuviera una hoja de estilo

233
00:11:36,000 --> 00:11:38,000
que hubiera creado fuera CSS.

234
00:11:38,000 --> 00:11:40,000
Vamos a ver. Voy a copiar

235
00:11:40,000 --> 00:11:42,000
para no andar con...

236
00:11:42,000 --> 00:11:44,000
Voy a copiar esto.

237
00:11:44,000 --> 00:11:46,000
Esto rojo.

238
00:11:46,000 --> 00:11:48,000
Esto C.

239
00:11:52,000 --> 00:11:54,000
Mira, esto es una prueba que voy a hacer aquí en directo

240
00:11:54,000 --> 00:11:56,000
porque no la he hecho nunca. Vamos a ver.

241
00:11:56,000 --> 00:11:58,000
Control V. Archivo.

242
00:11:58,000 --> 00:12:00,000
Guardar como.

243
00:12:00,000 --> 00:12:02,000
Cancelar.

244
00:12:02,000 --> 00:12:04,000
No. Guardar como.

245
00:12:04,000 --> 00:12:06,000
Me pide título. Aceptar.

246
00:12:08,000 --> 00:12:10,000
Todos los archivos.

247
00:12:12,000 --> 00:12:14,000
Hoja.css

248
00:12:14,000 --> 00:12:16,000
Esto no lo he hecho nunca. Si me lo hace, pues mira,

249
00:12:16,000 --> 00:12:18,000
estupendo. Lo puedo usar también ya directamente como editor

250
00:12:18,000 --> 00:12:20,000
de CSS.

251
00:12:20,000 --> 00:12:22,000
Guardar. Y vamos a ver.

252
00:12:22,000 --> 00:12:24,000
A ver, prueba 1.

253
00:12:24,000 --> 00:12:26,000
Herramientas.

254
00:12:26,000 --> 00:12:28,000
Editor de CSS.

255
00:12:28,000 --> 00:12:30,000
Vincular hoja.

256
00:12:30,000 --> 00:12:32,000
Elegir archivo.

257
00:12:36,000 --> 00:12:38,000
Hoja.css

258
00:12:38,000 --> 00:12:40,000
Posiblemente me ha hecho una guarrería,

259
00:12:40,000 --> 00:12:42,000
porque haya metido códigos...

260
00:12:42,000 --> 00:12:44,000
Aunque yo no se lo haya dicho, me haya metido los códigos

261
00:12:44,000 --> 00:12:46,000
de inicio de página a una hoja CSS, lo único que mete son

262
00:12:46,000 --> 00:12:48,000
la definición de los selectores.

263
00:12:48,000 --> 00:12:50,000
Voy a probarlo por...

264
00:12:50,000 --> 00:12:52,000
No tenía otra.

265
00:12:52,000 --> 00:12:54,000
Pues esta. Vale.

266
00:12:54,000 --> 00:12:56,000
Cerrar.

267
00:12:56,000 --> 00:12:58,000
Y vamos a ver.

268
00:12:58,000 --> 00:13:00,000
Si me la ve,

269
00:13:00,000 --> 00:13:02,000
pues no me la importaba aquí.

270
00:13:02,000 --> 00:13:04,000
No se lo deba haber creído.

271
00:13:04,000 --> 00:13:06,000
Pero vamos, podría haber importado una hoja de estilo

272
00:13:06,000 --> 00:13:08,000
de forma que luego, con editar,

273
00:13:08,000 --> 00:13:10,000
con cualquier editor...

274
00:13:12,000 --> 00:13:14,000
Venga, accesorios...

275
00:13:24,000 --> 00:13:26,000
Especialmente ha metido todo

276
00:13:26,000 --> 00:13:28,000
el código para crear una página web.

277
00:13:38,000 --> 00:13:40,000
Esto ya sí que...

278
00:13:40,000 --> 00:13:42,000
Voy a guardar.

279
00:13:42,000 --> 00:13:44,000
Para que se la me dejara

280
00:13:44,000 --> 00:13:46,000
importarla.

281
00:13:52,000 --> 00:13:54,000
Vincular la hoja.

282
00:13:54,000 --> 00:13:56,000
Venga.

283
00:14:00,000 --> 00:14:02,000
Hoja CSS.

284
00:14:06,000 --> 00:14:08,000
Bien. Ahora sí.

285
00:14:08,000 --> 00:14:10,000
Ya tiene aquí un enlace relativo.

286
00:14:10,000 --> 00:14:12,000
Voy a quitarle, de hecho, la hoja externa.

287
00:14:12,000 --> 00:14:14,000
La voy a borrar.

288
00:14:14,000 --> 00:14:16,000
A pesar de haberle borrado

289
00:14:16,000 --> 00:14:18,000
la hoja externa, como ahora sí que tiene

290
00:14:18,000 --> 00:14:20,000
vinculado... A ver dónde está.

291
00:14:20,000 --> 00:14:22,000
link, rel, splice, href...

292
00:14:22,000 --> 00:14:24,000
A la hoja de estilos

293
00:14:24,000 --> 00:14:26,000
sigue manteniéndome

294
00:14:26,000 --> 00:14:28,000
este texto en color rojo,

295
00:14:28,000 --> 00:14:30,000
a pesar de que yo lo he quitado ya de la propia hoja.

296
00:14:30,000 --> 00:14:32,000
Me bastaría, en cualquier momento,

297
00:14:32,000 --> 00:14:34,000
en vez de color rojo, lo voy a poner

298
00:14:34,000 --> 00:14:36,000
color verde.

299
00:14:38,000 --> 00:14:40,000
Con cambiar esta hoja de estilos,

300
00:14:40,000 --> 00:14:42,000
para que automáticamente esto se supone...

301
00:14:42,000 --> 00:14:44,000
Voy a guardarlo.

302
00:14:44,000 --> 00:14:46,000
A ver si me lo actualiza aquí.

303
00:14:46,000 --> 00:14:48,000
No me deja mal.

304
00:14:48,000 --> 00:14:50,000
Está con su color verde.

305
00:14:50,000 --> 00:14:52,000
Y en vez de esta, con las 32 páginas

306
00:14:52,000 --> 00:14:54,000
que hubiera, que serán ligadas a esa hoja de estilos.

307
00:14:54,000 --> 00:14:56,000
Bien. En el tema de hojas de estilos,

308
00:14:56,000 --> 00:14:58,000
os había comentado que

309
00:14:58,000 --> 00:15:00,000
tiene la posibilidad de crear capas.

310
00:15:00,000 --> 00:15:02,000
Pero las capas las crea de una forma

311
00:15:02,000 --> 00:15:04,000
un tanto...

312
00:15:04,000 --> 00:15:06,000
A ver...

313
00:15:10,000 --> 00:15:12,000
Véis que las pega

314
00:15:12,000 --> 00:15:14,000
a la zona izquierda, o sea, las crea como absoluta.

315
00:15:14,000 --> 00:15:16,000
Entonces, a veces,

316
00:15:16,000 --> 00:15:18,000
es un poco lioso,

317
00:15:18,000 --> 00:15:20,000
porque tienes que ir pinchando por las zonas para ver las capas.

318
00:15:20,000 --> 00:15:22,000
Me pongo aquí arriba otra vez.

319
00:15:22,000 --> 00:15:24,000
Le creo una nueva capa.

320
00:15:24,000 --> 00:15:26,000
Me la crea, como no tiene contenido.

321
00:15:26,000 --> 00:15:28,000
A ver, si consigo yo ahora

322
00:15:28,000 --> 00:15:30,000
ampliar esta.

323
00:15:30,000 --> 00:15:32,000
Si veis el código fuente,

324
00:15:32,000 --> 00:15:34,000
las va creando luego.

325
00:15:34,000 --> 00:15:36,000
Did, posición absoluta,

326
00:15:36,000 --> 00:15:38,000
8, 8, arriba prácticamente

327
00:15:38,000 --> 00:15:40,000
pegada a la esquinita, y la otra ya no.

328
00:15:40,000 --> 00:15:42,000
La otra que ya la he movido.

329
00:15:42,000 --> 00:15:44,000
Y si tiene contenido.

330
00:15:44,000 --> 00:15:46,000
Con lo cual, y ahí empieza el tema de los truquillos.

331
00:15:46,000 --> 00:15:48,000
Si quiero crear una capa,

332
00:15:48,000 --> 00:15:50,000
me va a resultar más cómodo escribir un texto

333
00:15:50,000 --> 00:15:52,000
y luego

334
00:15:52,000 --> 00:15:54,000
intentar convertir ese texto en una capa

335
00:15:54,000 --> 00:15:56,000
para que tenga una dimensión

336
00:15:56,000 --> 00:15:58,000
que ya me permita colocarla

337
00:15:58,000 --> 00:16:00,000
y luego distribuir cosas en la página

338
00:16:00,000 --> 00:16:02,000
y aquí le podría decir que esta página

339
00:16:02,000 --> 00:16:04,000
me creó un estilo

340
00:16:04,000 --> 00:16:06,000
que veo que vienes

341
00:16:06,000 --> 00:16:08,000
empujando.

342
00:16:10,000 --> 00:16:12,000
Entonces, el tema de capas, como os digo,

343
00:16:12,000 --> 00:16:14,000
bueno, pues es todavía

344
00:16:14,000 --> 00:16:16,000
un pelín primitivo en cuanto al manejo,

345
00:16:16,000 --> 00:16:18,000
no en cuanto a la creación, la crea y punto, ya no hay más.

346
00:16:18,000 --> 00:16:20,000
Si es interesante

347
00:16:20,000 --> 00:16:22,000
lo que os he comentado de que

348
00:16:22,000 --> 00:16:24,000
pinchando en las etiquetas

349
00:16:24,000 --> 00:16:26,000
con el botón derecho

350
00:16:26,000 --> 00:16:28,000
nos permite

351
00:16:28,000 --> 00:16:30,000
crearle estilos.

352
00:16:34,000 --> 00:16:36,000
Y me lanzaría además incluso online

353
00:16:40,000 --> 00:16:42,000
quien haya trabajado un poquito con hojas de estilo

354
00:16:42,000 --> 00:16:44,000
pues ve que tienes toda la opción

355
00:16:44,000 --> 00:16:46,000
de mostrarlo o no mostrarlo, flotarlo,

356
00:16:46,000 --> 00:16:48,000
dónde posicionar esa capa, etc.

357
00:16:48,000 --> 00:16:50,000
Entonces, bueno, pues

358
00:16:50,000 --> 00:16:52,000
visibilidades, ahí es un editor

359
00:16:52,000 --> 00:16:54,000
bastante completo, lógicamente

360
00:16:54,000 --> 00:16:56,000
tampoco es un curso de hojas de estilo.

361
00:16:58,000 --> 00:17:00,000
Entonces, como resumen por lo demás

362
00:17:00,000 --> 00:17:02,000
el resto de

363
00:17:02,000 --> 00:17:04,000
elementos más o menos básicos

364
00:17:04,000 --> 00:17:06,000
de cualquier otro editor,

365
00:17:06,000 --> 00:17:08,000
la creación de marcas

366
00:17:08,000 --> 00:17:10,000
o de enlaces,

367
00:17:10,000 --> 00:17:12,000
cualquiera de las palabras

368
00:17:12,000 --> 00:17:14,000
a otro punto

369
00:17:14,000 --> 00:17:16,000
y como os he comentado

370
00:17:16,000 --> 00:17:18,000
vamos a ver si vemos el administrador

371
00:17:22,000 --> 00:17:24,000
el editor de sitios este

372
00:17:24,000 --> 00:17:26,000
que tenemos aquí a la derecha

373
00:17:26,000 --> 00:17:28,000
tiene buena pinta

374
00:17:28,000 --> 00:17:30,000
pero ya he dicho que a mi no me gusta nada

375
00:17:30,000 --> 00:17:32,000
editar sitios

376
00:17:32,000 --> 00:17:34,000
para crear un nuevo sitio, le llamas

377
00:17:34,000 --> 00:17:36,000
como quieras

378
00:17:36,000 --> 00:17:38,000
a llamarle pruebas

379
00:17:38,000 --> 00:17:40,000
coja todo el directorio home como directorio

380
00:17:40,000 --> 00:17:42,000
de pruebas, cuando le digo aceptar

381
00:17:42,000 --> 00:17:44,000
me dice que es verde la sega

382
00:17:44,000 --> 00:17:46,000
que ometo

383
00:17:46,000 --> 00:17:48,000
una ubicación para publicar

384
00:17:48,000 --> 00:17:50,000
en FTP, y a lo mejor yo no la tengo

385
00:17:50,000 --> 00:17:52,000
imaginaos que estamos haciendo un trabajo

386
00:17:52,000 --> 00:17:54,000
con chavales en el aula

387
00:17:54,000 --> 00:17:56,000
y nos hemos planteado que van a hacer una página

388
00:17:56,000 --> 00:17:58,000
pero no hemos puesto como primer paso

389
00:17:58,000 --> 00:18:00,000
que den de alta una cuenta, por ejemplo, en Geocities

390
00:18:00,000 --> 00:18:02,000
un espacio en Geocities para publicarse sus páginas

391
00:18:02,000 --> 00:18:04,000
pues si no lo tienen, no pueden crear el sitio

392
00:18:04,000 --> 00:18:06,000
entonces lo que os digo que esto

393
00:18:06,000 --> 00:18:08,000
habrá que irlo mejorando con el tiempo

394
00:18:12,000 --> 00:18:14,000
esto, lo de las capas, los formularios

395
00:18:14,000 --> 00:18:16,000
y la hoja de estilos

396
00:18:16,000 --> 00:18:18,000
y por lo demás

397
00:18:18,000 --> 00:18:20,000
cuando intentas meter imágenes

398
00:18:30,000 --> 00:18:32,000
en este ordenador no tenía imagen

399
00:18:36,000 --> 00:18:38,000
bueno, me avisa que debería

400
00:18:38,000 --> 00:18:40,000
esto es importante

401
00:18:40,000 --> 00:18:42,000
por defecto viene configurado

402
00:18:42,000 --> 00:18:44,000
con las opciones de accesibilidad marcadas

403
00:18:44,000 --> 00:18:46,000
para que

404
00:18:46,000 --> 00:18:48,000
se le indiquen

405
00:18:48,000 --> 00:18:50,000
las etiquetas alternativas

406
00:18:50,000 --> 00:18:52,000
no me gusta nada

407
00:18:52,000 --> 00:18:54,000
personalmente esto

408
00:18:54,000 --> 00:18:56,000
lo que llaman consejo

409
00:18:56,000 --> 00:18:58,000
corresponde a la etiqueta título

410
00:18:58,000 --> 00:19:00,000
sabéis que

411
00:19:06,000 --> 00:19:08,000
nos hemos acostumbrado por mal uso

412
00:19:18,000 --> 00:19:20,000
y los editores profesionales

413
00:19:20,000 --> 00:19:22,000
incluso lo hacen así

414
00:19:22,000 --> 00:19:24,000
a que la etiqueta alt

415
00:19:24,000 --> 00:19:26,000
esta de texto alternativo es la que se utiliza

416
00:19:26,000 --> 00:19:28,000
para que cuando pasas por encima de una imagen

417
00:19:28,000 --> 00:19:30,000
en una página te muestre el rotulito

418
00:19:30,000 --> 00:19:32,000
pues no, esa etiqueta alt

419
00:19:32,000 --> 00:19:34,000
es para que los navegadores no visuales

420
00:19:34,000 --> 00:19:36,000
el formen del contenido de esa imagen

421
00:19:36,000 --> 00:19:38,000
de hecho, si yo

422
00:19:38,000 --> 00:19:40,000
digo esto

423
00:19:40,000 --> 00:19:42,000
he metido aquí la imagen esta

424
00:19:42,000 --> 00:19:44,000
con su título alternativo

425
00:19:44,000 --> 00:19:46,000
aquí le digo guardar

426
00:19:46,000 --> 00:19:48,000
y vamos a

427
00:19:48,000 --> 00:19:50,000
hacer la página

428
00:19:50,000 --> 00:19:52,000
Mozilla

429
00:19:52,000 --> 00:19:54,000
me muestra, esto es el título

430
00:19:54,000 --> 00:19:56,000
no ha puesto

431
00:19:56,000 --> 00:19:58,000
esto es el texto alternativo

432
00:19:58,000 --> 00:20:00,000
porque realmente

433
00:20:00,000 --> 00:20:02,000
la etiqueta que se utiliza en HTML

434
00:20:02,000 --> 00:20:04,000
para indicar

435
00:20:04,000 --> 00:20:06,000
esto es la que se llama

436
00:20:06,000 --> 00:20:08,000
título y si lo vemos

437
00:20:08,000 --> 00:20:10,000
en el

438
00:20:14,000 --> 00:20:16,000
en el código HTML

439
00:20:16,000 --> 00:20:18,000
donde esta la imagen

440
00:20:18,000 --> 00:20:20,000
la etiqueta alt es

441
00:20:20,000 --> 00:20:22,000
este es el texto alternativo

442
00:20:22,000 --> 00:20:24,000
y la etiqueta título es

443
00:20:24,000 --> 00:20:26,000
esto es el título, nos hemos acostumbrado

444
00:20:26,000 --> 00:20:28,000
a que explorer interpreta la tecla alt

445
00:20:28,000 --> 00:20:30,000
con la función de título

446
00:20:30,000 --> 00:20:32,000
y no es que este mal, pero no es correcto

447
00:20:32,000 --> 00:20:34,000
cada cosa es para

448
00:20:34,000 --> 00:20:36,000
si no, es que esa

449
00:20:36,000 --> 00:20:38,000
traducción es la misma traducción que tiene

450
00:20:38,000 --> 00:20:40,000
que tenemos yo, no, si se podría cambiar

451
00:20:40,000 --> 00:20:42,000
lo que pasa es que luego ahí también hay como

452
00:20:42,000 --> 00:20:44,000
estándares, no sé a quien se le ha ocurrido

453
00:20:44,000 --> 00:20:46,000
traducirlo de consejo

454
00:20:46,000 --> 00:20:48,000
no lo sé, es que luego

455
00:20:48,000 --> 00:20:50,000
ahí entras un poco en matices, aquí

456
00:20:50,000 --> 00:20:52,000
hicimos una traducción

457
00:20:52,000 --> 00:20:54,000
si veis por ejemplo en el Composer

458
00:20:54,000 --> 00:20:56,000
vamos a ver

459
00:20:56,000 --> 00:20:58,000
insertar, romper las imágenes inferiores

460
00:20:58,000 --> 00:21:00,000
supongo que esto será

461
00:21:00,000 --> 00:21:02,000
un break image below o algo así

462
00:21:02,000 --> 00:21:04,000
lo que han traducido de forma literal

463
00:21:04,000 --> 00:21:06,000
el break image below lo que hace

464
00:21:06,000 --> 00:21:08,000
es, nosotros lo hemos traducido

465
00:21:08,000 --> 00:21:10,000
con mucho riesgo

466
00:21:10,000 --> 00:21:12,000
insertar un salto bajo imágenes

467
00:21:12,000 --> 00:21:14,000
flotantes, que realmente podríamos haber puesto lo que pone

468
00:21:14,000 --> 00:21:16,000
Bufish, salto y limpieza

469
00:21:16,000 --> 00:21:18,000
porque lo que inserta es un

470
00:21:18,000 --> 00:21:20,000
br clear all

471
00:21:20,000 --> 00:21:22,000
de forma que cuando tú pones una imagen

472
00:21:22,000 --> 00:21:24,000
y empiezas a escribir

473
00:21:24,000 --> 00:21:26,000
o sea, si yo empiezo a escribir

474
00:21:26,000 --> 00:21:28,000
aquí a continuación de esta imagen

475
00:21:30,000 --> 00:21:32,000
si me deja

476
00:21:36,000 --> 00:21:38,000
si yo quisiera

477
00:21:38,000 --> 00:21:40,000
ahora tendría que ponerme

478
00:21:40,000 --> 00:21:42,000
a flotar la imagen, o sea, si yo quisiera

479
00:21:42,000 --> 00:21:44,000
si hay un parrafo, vamos a ver

480
00:21:44,000 --> 00:21:46,000
propiedades de la imagen

481
00:21:56,000 --> 00:21:58,000
vamos a ver

482
00:22:04,000 --> 00:22:06,000
si yo le doy al intro

483
00:22:06,000 --> 00:22:08,000
automáticamente

484
00:22:08,000 --> 00:22:10,000
perdón, si yo tuviera aquí texto

485
00:22:12,000 --> 00:22:14,000
ahora no me saldrá

486
00:22:14,000 --> 00:22:16,000
obviamente me tendría que meter con estilo

487
00:22:16,000 --> 00:22:18,000
perdón

488
00:22:18,000 --> 00:22:20,000
vamos a hacer las cosas bien, página nueva

489
00:22:20,000 --> 00:22:22,000
insertamos la imagen

490
00:22:22,000 --> 00:22:24,000
vamos a sacar ésta

491
00:22:28,000 --> 00:22:30,000
aceptar

492
00:22:30,000 --> 00:22:32,000
sin texto alternativo de momento

493
00:22:32,000 --> 00:22:34,000
aceptar

494
00:22:34,000 --> 00:22:36,000
propia

495
00:22:36,000 --> 00:22:38,000
estilo

496
00:22:52,000 --> 00:22:54,000
sigo

497
00:22:54,000 --> 00:22:56,000
y sigo

498
00:22:56,000 --> 00:22:58,000
pero aquí se me acaba el rollo

499
00:22:58,000 --> 00:23:00,000
ya a ésta imagen

500
00:23:00,000 --> 00:23:02,000
no le corresponde más texto

501
00:23:02,000 --> 00:23:04,000
que hago?

502
00:23:04,000 --> 00:23:06,000
intro, intro, intro, intro, intro

503
00:23:06,000 --> 00:23:08,000
hasta que salta aquí abajo

504
00:23:08,000 --> 00:23:10,000
sólo me queda esa opción

505
00:23:10,000 --> 00:23:12,000
entonces

506
00:23:12,000 --> 00:23:14,000
como esa opción va a tener el problema

507
00:23:14,000 --> 00:23:16,000
ésta imagen es muy pequeñita

508
00:23:16,000 --> 00:23:18,000
pero una imagen que fuera más grande

509
00:23:18,000 --> 00:23:20,000
dependiendo de los tamaños de pantalla

510
00:23:20,000 --> 00:23:22,000
de repente me puedo encontrar

511
00:23:22,000 --> 00:23:24,000
con que éstos poquitos renglones

512
00:23:24,000 --> 00:23:26,000
superan la imagen

513
00:23:26,000 --> 00:23:28,000
y ten un montón de intros colgados debajo

514
00:23:28,000 --> 00:23:30,000
un montón de espacios vacíos

515
00:23:30,000 --> 00:23:32,000
pues el insertar

516
00:23:32,000 --> 00:23:34,000
perdón, voy a borrar todo lo que había debajo

517
00:23:34,000 --> 00:23:36,000
voy a borrar aquí desde el código

518
00:23:36,000 --> 00:23:38,000
todos los BRs éstos que hay aquí

519
00:23:42,000 --> 00:23:44,000
suprimir

520
00:23:44,000 --> 00:23:46,000
vale

521
00:23:46,000 --> 00:23:48,000
entonces de aquí le digo

522
00:23:48,000 --> 00:23:50,000
salto

523
00:23:50,000 --> 00:23:52,000
y automáticamente lo que me ha metido en el código es un salto

524
00:23:52,000 --> 00:23:54,000
BR clear all

525
00:23:54,000 --> 00:23:56,000
de forma que limpia para que no flote nada

526
00:23:56,000 --> 00:23:58,000
a ninguno de los dos lados

527
00:23:58,000 --> 00:24:00,000
y ya sé que me pongo debajo de la imagen

528
00:24:00,000 --> 00:24:02,000
se podría haber puesto salto y limpieza

529
00:24:02,000 --> 00:24:04,000
pero lo aplicas con las imágenes

530
00:24:04,000 --> 00:24:06,000
podría haber sido con cualquier otro elemento

531
00:24:06,000 --> 00:24:08,000
entonces ya puedes tener en vez de una imagen

532
00:24:08,000 --> 00:24:10,000
una capa flotante en un sitio

533
00:24:10,000 --> 00:24:12,000
entonces le metes ésto

534
00:24:12,000 --> 00:24:14,000
y salta

535
00:24:18,000 --> 00:24:20,000
que es más complejo todavía

536
00:24:20,000 --> 00:24:22,000
Lucís, hombre, Dios, no le hagas de menos

537
00:24:22,000 --> 00:24:24,000
os digo que se va a poner el pájaro rojo

538
00:24:24,000 --> 00:24:26,000
digo usted rojo, usted verde, azul

539
00:24:26,000 --> 00:24:28,000
bueno, vamos a ver

540
00:24:28,000 --> 00:24:30,000
a ver cómo

541
00:24:32,000 --> 00:24:34,000
cómo le hago

542
00:24:34,000 --> 00:24:36,000
claro

543
00:24:36,000 --> 00:24:38,000
bueno

544
00:24:38,000 --> 00:24:40,000
muy brevemente

545
00:24:48,000 --> 00:24:50,000
bueno

546
00:24:52,000 --> 00:24:54,000
hablando de

547
00:24:54,000 --> 00:24:56,000
editores en html

548
00:24:56,000 --> 00:24:58,000
siempre

549
00:24:58,000 --> 00:25:00,000
ha habido un grupo

550
00:25:00,000 --> 00:25:02,000
de editores que

551
00:25:02,000 --> 00:25:04,000
se han caracterizado

552
00:25:04,000 --> 00:25:06,000
por funcionar

553
00:25:06,000 --> 00:25:08,000
más bien en

554
00:25:08,000 --> 00:25:10,000
modo texto, podríamos decir

555
00:25:10,000 --> 00:25:12,000
el html

556
00:25:12,000 --> 00:25:14,000
tiene gran parte de su fuerza

557
00:25:14,000 --> 00:25:16,000
en el hecho de que puede

558
00:25:16,000 --> 00:25:18,000
escribirse con cualquier tipo de editor

559
00:25:18,000 --> 00:25:20,000
de textos

560
00:25:20,000 --> 00:25:22,000
sencillo

561
00:25:22,000 --> 00:25:24,000
se ha dicho muchas veces también que

562
00:25:24,000 --> 00:25:26,000
imax y vi

563
00:25:26,000 --> 00:25:28,000
son los grandes editores de texto

564
00:25:28,000 --> 00:25:30,000
para

565
00:25:30,000 --> 00:25:32,000
linux

566
00:25:32,000 --> 00:25:34,000
y bueno pues yo desde luego aprendí

567
00:25:34,000 --> 00:25:36,000
a hacer páginas web con el

568
00:25:36,000 --> 00:25:38,000
terrorífico y nefasto

569
00:25:38,000 --> 00:25:40,000
blog de notas del windows

570
00:25:40,000 --> 00:25:42,000
que daba un montón

571
00:25:42,000 --> 00:25:44,000
de problemas

572
00:25:44,000 --> 00:25:46,000
yo quería enseñaros este

573
00:25:48,000 --> 00:25:50,000
este programa que se llama

574
00:25:50,000 --> 00:25:52,000
bluefish y que

575
00:25:52,000 --> 00:25:54,000
creo recordar que está hecho por unos holandeses

576
00:25:54,000 --> 00:25:56,000
y que está

577
00:25:56,000 --> 00:25:58,000
absolutamente traducido y que a mi me gusta mucho

578
00:25:58,000 --> 00:26:00,000
me parece que

579
00:26:00,000 --> 00:26:02,000
tiene una gran potencia siempre que

580
00:26:02,000 --> 00:26:04,000
tengamos en cuenta que nos movemos siempre

581
00:26:04,000 --> 00:26:06,000
en el modo de texto

582
00:26:06,000 --> 00:26:08,000
aquí tenemos el árbol completo

583
00:26:08,000 --> 00:26:10,000
de eso que yo lo suelo cerrar

584
00:26:10,000 --> 00:26:12,000
porque da un tipo de problemas

585
00:26:12,000 --> 00:26:14,000
simplemente la barra esta que veis aquí

586
00:26:14,000 --> 00:26:16,000
veis que nos da muchísimas posibilidades

587
00:26:16,000 --> 00:26:18,000
para trabajar en distintos

588
00:26:18,000 --> 00:26:20,000
tipos de documentos

589
00:26:20,000 --> 00:26:22,000
para editar los ficheros

590
00:26:22,000 --> 00:26:24,000
apache, para DHTML

591
00:26:24,000 --> 00:26:26,000
para C, para PHP

592
00:26:26,000 --> 00:26:28,000
y todo eso

593
00:26:28,000 --> 00:26:30,000
lo que hará será

594
00:26:30,000 --> 00:26:32,000
comportarse de maneras distintas

595
00:26:32,000 --> 00:26:34,000
fundamentalmente a la hora de colorear

596
00:26:34,000 --> 00:26:36,000
la sintaxis

597
00:26:36,000 --> 00:26:38,000
pero bueno

598
00:26:38,000 --> 00:26:40,000
quiero entrar en lo que es

599
00:26:40,000 --> 00:26:42,000
lo que es bluefish

600
00:26:42,000 --> 00:26:44,000
el inicio en bluefish es siempre

601
00:26:44,000 --> 00:26:46,000
teniendo en cuenta que hablamos de un

602
00:26:46,000 --> 00:26:48,000
editor de texto

603
00:26:48,000 --> 00:26:50,000
que podemos, no es un editor que vamos viendo

604
00:26:50,000 --> 00:26:52,000
las cosas tal y como van quedando

605
00:26:52,000 --> 00:26:54,000
sino que tenemos que recurrir

606
00:26:54,000 --> 00:26:56,000
a programas externos

607
00:26:56,000 --> 00:26:58,000
como pueden ser el Mozilla

608
00:26:58,000 --> 00:27:00,000
el Galeor, el Opera, cualquier tipo de navegador

609
00:27:00,000 --> 00:27:02,000
cuando

610
00:27:02,000 --> 00:27:04,000
cuando

611
00:27:06,000 --> 00:27:08,000
no tengo aun nada

612
00:27:08,000 --> 00:27:10,000
lo primero que solemos hacer

613
00:27:10,000 --> 00:27:12,000
cuando trabajamos con el bluefish

614
00:27:12,000 --> 00:27:14,000
es utilizar la barra

615
00:27:14,000 --> 00:27:16,000
la barra que se llama standard

616
00:27:16,000 --> 00:27:18,000
el menú de inicio rápido

617
00:27:18,000 --> 00:27:20,000
cuando pulsamos sobre el, nos da

618
00:27:20,000 --> 00:27:22,000
todas las posibilidades que se supone

619
00:27:22,000 --> 00:27:24,000
que tenemos que poner en las cabeceras

620
00:27:24,000 --> 00:27:26,000
y ponerlas en modo de texto

621
00:27:26,000 --> 00:27:28,000
y tambien podemos aplicarles

622
00:27:28,000 --> 00:27:30,000
estilos determinados

623
00:27:30,000 --> 00:27:32,000
siempre que conozcamos las

624
00:27:32,000 --> 00:27:34,000
normas de las hojas de estilo

625
00:27:34,000 --> 00:27:36,000
en cascada

626
00:27:36,000 --> 00:27:38,000
podemos seleccionar

627
00:27:38,000 --> 00:27:40,000
los distintos apartados que queremos

628
00:27:40,000 --> 00:27:42,000
que contenga

629
00:27:42,000 --> 00:27:44,000
nuestra cabecera

630
00:27:44,000 --> 00:27:46,000
y una vez

631
00:27:46,000 --> 00:27:48,000
lo tenemos

632
00:27:52,000 --> 00:27:54,000
iniciamos y lo que nos hace

633
00:27:54,000 --> 00:27:56,000
es diseñarnos lo que es

634
00:27:56,000 --> 00:27:58,000
el esquema

635
00:27:58,000 --> 00:28:00,000
de la pagina

636
00:28:00,000 --> 00:28:02,000
a partir de aquí

637
00:28:02,000 --> 00:28:04,000
ya

638
00:28:04,000 --> 00:28:06,000
nosotros podemos

639
00:28:06,000 --> 00:28:08,000
llenar los apartados

640
00:28:08,000 --> 00:28:10,000
por ejemplo

641
00:28:10,000 --> 00:28:12,000
aqui ponemos quienes son los autores

642
00:28:12,000 --> 00:28:14,000
y el titulo

643
00:28:14,000 --> 00:28:16,000
de la pagina

644
00:28:18,000 --> 00:28:20,000
creo que lo podiamos haber hecho

645
00:28:20,000 --> 00:28:22,000
directamente

646
00:28:22,000 --> 00:28:24,000
las características que queramos

647
00:28:28,000 --> 00:28:30,000
el cuerpo

648
00:28:32,000 --> 00:28:34,000
o de lo que se

649
00:28:38,000 --> 00:28:40,000
a partir de aquí

650
00:28:40,000 --> 00:28:42,000
ya podríamos ver la pagina

651
00:28:52,000 --> 00:28:54,000
una vez ya la hemos guardado

652
00:28:54,000 --> 00:28:56,000
como html

653
00:28:56,000 --> 00:28:58,000
lo primero que ha hecho ha sido

654
00:28:58,000 --> 00:29:00,000
colorearnos la sintaxis

655
00:29:00,000 --> 00:29:02,000
y ponernos un tipo de

656
00:29:02,000 --> 00:29:04,000
letras

657
00:29:04,000 --> 00:29:06,000
y de color para las distintas

658
00:29:06,000 --> 00:29:08,000
etiquetas

659
00:29:08,000 --> 00:29:10,000
si nosotros dentro

660
00:29:10,000 --> 00:29:12,000
insertamos un

661
00:29:12,000 --> 00:29:14,000
un

662
00:29:14,000 --> 00:29:16,000
código determinado

663
00:29:16,000 --> 00:29:18,000
por ejemplo el php

664
00:29:24,000 --> 00:29:26,000
cuando ponemos esto en los comentarios

665
00:29:26,000 --> 00:29:28,000
nos marca

666
00:29:28,000 --> 00:29:30,000
en un gris muy oscuro

667
00:29:30,000 --> 00:29:32,000
bastante clarito

668
00:29:32,000 --> 00:29:34,000
que no se ve nada

669
00:29:34,000 --> 00:29:36,000
para marcarnos

670
00:29:36,000 --> 00:29:38,000
lo que estamos haciendo

671
00:29:38,000 --> 00:29:40,000
uno de los problemas que tiene

672
00:29:40,000 --> 00:29:42,000
para mi gusto

673
00:29:42,000 --> 00:29:44,000
es que tiene la costumbre

674
00:29:44,000 --> 00:29:46,000
de poner las etiquetas en minúscula

675
00:29:46,000 --> 00:29:48,000
que es una práctica que yo no suelo seguir

676
00:29:48,000 --> 00:29:50,000
porque me gusta mas

677
00:29:50,000 --> 00:29:52,000
lo que hay dentro de las etiquetas

678
00:29:52,000 --> 00:29:54,000
vengan mayúsculas

679
00:29:54,000 --> 00:29:56,000
y el texto que va a continuación

680
00:29:56,000 --> 00:29:58,000
ponerlo en minúsculas

681
00:30:06,000 --> 00:30:08,000
entonces si observáis

682
00:30:08,000 --> 00:30:10,000
por ejemplo cuando añadimos

683
00:30:10,000 --> 00:30:12,000
una etiqueta tipo br

684
00:30:12,000 --> 00:30:14,000
así no pasa nada

685
00:30:14,000 --> 00:30:16,000
en cambio si la ponemos

686
00:30:16,000 --> 00:30:18,000
con mayúsculas

687
00:30:18,000 --> 00:30:20,000
la cierra

688
00:30:20,000 --> 00:30:22,000
porque entiende que es otro tipo de etiqueta

689
00:30:22,000 --> 00:30:24,000
es una etiqueta que no reconoce

690
00:30:24,000 --> 00:30:26,000
y por lo tanto precisa cierre

691
00:30:26,000 --> 00:30:28,000
no se si estoy

692
00:30:28,000 --> 00:30:30,000
si la ponemos en minúsculas

693
00:30:30,000 --> 00:30:32,000
entiende que es un salto de linea

694
00:30:32,000 --> 00:30:34,000
y que por lo tanto

695
00:30:34,000 --> 00:30:36,000
es una etiqueta que no precisa cierre

696
00:30:36,000 --> 00:30:38,000
y en cambio si la ponemos con mayúsculas

697
00:30:38,000 --> 00:30:40,000
no sabe que etiqueta es

698
00:30:40,000 --> 00:30:42,000
y por lo tanto

699
00:30:42,000 --> 00:30:44,000
entiende que es una etiqueta de estilo

700
00:30:44,000 --> 00:30:46,000
y la cierra

701
00:30:46,000 --> 00:30:48,000
automáticamente

702
00:30:48,000 --> 00:30:50,000
como tenemos muy poco tiempo

703
00:30:50,000 --> 00:30:52,000
voy a recorrer

704
00:30:52,000 --> 00:30:54,000
muy poco

705
00:30:54,000 --> 00:30:56,000
las distintas partes

706
00:30:56,000 --> 00:30:58,000
en esta parte que se llama

707
00:30:58,000 --> 00:31:00,000
la barra estándar

708
00:31:00,000 --> 00:31:02,000
podemos poner

709
00:31:02,000 --> 00:31:04,000
el body, el cuerpo

710
00:31:04,000 --> 00:31:06,000
si no lo tuvieramos ya puesto

711
00:31:06,000 --> 00:31:08,000
y podemos ponerle las distintas opciones

712
00:31:08,000 --> 00:31:10,000
que queramos

713
00:31:10,000 --> 00:31:12,000
una imagen de fondo, un color

714
00:31:12,000 --> 00:31:14,000
y nos las cojería con todas

715
00:31:14,000 --> 00:31:16,000
para el texto en negrita

716
00:31:16,000 --> 00:31:18,000
el texto en cursiva

717
00:31:18,000 --> 00:31:20,000
una barra con un salto de linea

718
00:31:20,000 --> 00:31:22,000
lo que ha comentado Raúl

719
00:31:22,000 --> 00:31:24,000
un salto de linea

720
00:31:24,000 --> 00:31:26,000
con Clearol

721
00:31:26,000 --> 00:31:28,000
con una limpieza

722
00:31:28,000 --> 00:31:30,000
un espacio sin ruptura

723
00:31:30,000 --> 00:31:32,000
todas estas etiquetas

724
00:31:32,000 --> 00:31:34,000
que no voy a describirlas porque todos sabéis leer

725
00:31:34,000 --> 00:31:36,000
igual que yo

726
00:31:36,000 --> 00:31:38,000
simplemente con el ratón por delante

727
00:31:38,000 --> 00:31:40,000
tiene una ventaja y es que pulsando

728
00:31:40,000 --> 00:31:42,000
por el botón derecho sobre ellas

729
00:31:42,000 --> 00:31:44,000
por ejemplo sobre el ancla que nos inserta

730
00:31:44,000 --> 00:31:46,000
un hiperenlace

731
00:31:46,000 --> 00:31:48,000
podemos añadir a la barra rápida

732
00:31:48,000 --> 00:31:50,000
que es esta que tenemos aquí

733
00:31:50,000 --> 00:31:52,000
esta barra que tenemos aquí

734
00:31:52,000 --> 00:31:54,000
es una barra personalizable

735
00:31:54,000 --> 00:31:56,000
y cada uno de los apartados que nosotros

736
00:31:56,000 --> 00:31:58,000
le queramos poner

737
00:31:58,000 --> 00:32:00,000
lo vamos a

738
00:32:00,000 --> 00:32:02,000
lo vamos a poder

739
00:32:02,000 --> 00:32:04,000
lo vamos a poder poner en esta barra

740
00:32:04,000 --> 00:32:06,000
que se supone que es la que tenemos siempre presente

741
00:32:08,000 --> 00:32:10,000
veis que los botones estandarizados

742
00:32:10,000 --> 00:32:12,000
son unos cuantos

743
00:32:12,000 --> 00:32:14,000
son las opciones

744
00:32:14,000 --> 00:32:16,000
más normales ¿no?

745
00:32:16,000 --> 00:32:18,000
para insertar un correo, para insertar un comentario

746
00:32:18,000 --> 00:32:20,000
justificar a derecha o al centro

747
00:32:20,000 --> 00:32:22,000
para insertar una regla

748
00:32:22,000 --> 00:32:24,000
para meter un encabezado

749
00:32:24,000 --> 00:32:26,000
o enlazar a unha hoja de estilo

750
00:32:26,000 --> 00:32:28,000
aquí tenemos el espacio para las fuentes

751
00:32:28,000 --> 00:32:30,000
curiosamente

752
00:32:30,000 --> 00:32:32,000
mientras que aquí

753
00:32:32,000 --> 00:32:34,000
es una cosa que me hace gracia

754
00:32:34,000 --> 00:32:36,000
mientras que aquí

755
00:32:36,000 --> 00:32:38,000
inserta el bold

756
00:32:38,000 --> 00:32:40,000
en la siguiente

757
00:32:40,000 --> 00:32:42,000
que estamos hablando de las fuentes

758
00:32:42,000 --> 00:32:44,000
aquí tenemos al remarcado

759
00:32:44,000 --> 00:32:46,000
pone la etiqueta strong

760
00:32:46,000 --> 00:32:48,000
cuyo resultado final es el mismo

761
00:32:48,000 --> 00:32:50,000
pero que no

762
00:32:50,000 --> 00:32:52,000
yo huyo de ella

763
00:32:52,000 --> 00:32:54,000
porque es más larga

764
00:32:54,000 --> 00:32:56,000
no por otra cosa

765
00:32:56,000 --> 00:32:58,000
lo mismo sucede con el énfasis

766
00:32:58,000 --> 00:33:00,000
que le pone aquí con em y con i

767
00:33:00,000 --> 00:33:02,000
en el otro lado ¿sabéis que son?

768
00:33:02,000 --> 00:33:04,000
al provenir de lenguajes

769
00:33:04,000 --> 00:33:06,000
que se han ido juntando unos con otros

770
00:33:06,000 --> 00:33:08,000
se ha intentado

771
00:33:08,000 --> 00:33:10,000
se ha intentado siempre

772
00:33:10,000 --> 00:33:12,000
que todos los navegadores

773
00:33:12,000 --> 00:33:14,000
admitían el máximo número

774
00:33:14,000 --> 00:33:16,000
de especificaciones posibles

775
00:33:16,000 --> 00:33:18,000
en aras a lo que es la compatibilidad

776
00:33:18,000 --> 00:33:20,000
y luego

777
00:33:20,000 --> 00:33:22,000
aparte digamos

778
00:33:22,000 --> 00:33:24,000
de lo que son los índices

779
00:33:24,000 --> 00:33:26,000
superíndices y tal

780
00:33:26,000 --> 00:33:28,000
siempre tenemos este botón de aquí

781
00:33:28,000 --> 00:33:30,000
en el cual podemos establecer

782
00:33:30,000 --> 00:33:32,000
opciones especiales de formato

783
00:33:32,000 --> 00:33:34,000
cada cual utiliza las que sea

784
00:33:34,000 --> 00:33:36,000
pero a mi

785
00:33:36,000 --> 00:33:38,000
yo la que más suelo usar

786
00:33:38,000 --> 00:33:40,000
es esta del teclado

787
00:33:40,000 --> 00:33:42,000
del KBD porque es el texto

788
00:33:42,000 --> 00:33:44,000
texto de máquina de escribir

789
00:33:46,000 --> 00:33:48,000
sé que es con mayúsculo, con acento

790
00:33:48,000 --> 00:33:50,000
me ha pasado y no voy a volver a hacerlo

791
00:33:50,000 --> 00:33:52,000
entonces, bueno, pues este de aquí

792
00:33:52,000 --> 00:33:54,000
perdón, cuando lo vemos aquí

793
00:33:56,000 --> 00:33:58,000
una de las cosas que no

794
00:33:58,000 --> 00:34:00,000
tenemos este texto de máquina de escribir

795
00:34:00,000 --> 00:34:02,000
es un texto de máquina de escribir muy particular

796
00:34:02,000 --> 00:34:04,000
el de este genome

797
00:34:04,000 --> 00:34:06,000
pero

798
00:34:06,000 --> 00:34:08,000
a ver si

799
00:34:08,000 --> 00:34:10,000
y luego pues bueno

800
00:34:10,000 --> 00:34:12,000
las distintas alturas de título

801
00:34:14,000 --> 00:34:16,000
si estáis acostumbrados

802
00:34:16,000 --> 00:34:18,000
a trabajar

803
00:34:18,000 --> 00:34:20,000
con editores de texto

804
00:34:20,000 --> 00:34:22,000
pues esto que os estoy comentando os parecerá

805
00:34:22,000 --> 00:34:24,000
muy simple

806
00:34:24,000 --> 00:34:26,000
y si no estáis acostumbrados la verdad es que

807
00:34:26,000 --> 00:34:28,000
debo estar siendo bastante confuso

808
00:34:28,000 --> 00:34:30,000
pero bueno

809
00:34:30,000 --> 00:34:32,000
en principio lo que hay que tener en cuenta

810
00:34:32,000 --> 00:34:34,000
es que estamos funcionando

811
00:34:34,000 --> 00:34:36,000
con un editor

812
00:34:36,000 --> 00:34:38,000
que maneja etiquetas

813
00:34:38,000 --> 00:34:40,000
a ver, perdón

814
00:34:42,000 --> 00:34:44,000
que maneja etiquetas

815
00:34:46,000 --> 00:34:48,000
que maneja etiquetas puras

816
00:34:48,000 --> 00:34:50,000
lo que llamamos los tags

817
00:34:50,000 --> 00:34:52,000
y que afecta al texto

818
00:34:52,000 --> 00:34:54,000
al cual le aplicamos esas etiquetas

819
00:34:54,000 --> 00:34:56,000
entonces

820
00:34:56,000 --> 00:34:58,000
una de las cosas que también pasa

821
00:34:58,000 --> 00:35:00,000
es que no está codificando

822
00:35:00,000 --> 00:35:02,000
en la versión que tenemos el Bluefish

823
00:35:02,000 --> 00:35:04,000
en el ISO 8559

824
00:35:04,000 --> 00:35:06,000
sino en el UTF-8

825
00:35:08,000 --> 00:35:10,000
con lo cual los acentos salen mal

826
00:35:10,000 --> 00:35:12,000
por eso no los deje ir poniendo

827
00:35:12,000 --> 00:35:14,000
porque no sepa que están

828
00:35:14,000 --> 00:35:16,000
entonces aquí volvemos a guardar

829
00:35:16,000 --> 00:35:18,000
volvemos a verlo

830
00:35:18,000 --> 00:35:20,000
entonces aquí lo que hacemos

831
00:35:20,000 --> 00:35:22,000
es trabajar siempre

832
00:35:22,000 --> 00:35:24,000
sobre las funciones de texto

833
00:35:24,000 --> 00:35:26,000
quiere decir que normalmente

834
00:35:26,000 --> 00:35:28,000
necesitamos conocer esas funciones

835
00:35:28,000 --> 00:35:30,000
o ir explorando a través

836
00:35:30,000 --> 00:35:32,000
de lo que es el propio texto

837
00:35:32,000 --> 00:35:34,000
del documento

838
00:35:34,000 --> 00:35:36,000
el botón tablas nos permite hacer tablas

839
00:35:36,000 --> 00:35:38,000
o bien con un asistente

840
00:35:38,000 --> 00:35:40,000
que como veis es muy sencillo

841
00:35:40,000 --> 00:35:42,000
le podemos decir con eso

842
00:35:42,000 --> 00:35:44,000
15 filas y 2 columnas

843
00:35:44,000 --> 00:35:46,000
queremos que haya

844
00:35:46,000 --> 00:35:48,000
que las filas estén en una linea

845
00:35:48,000 --> 00:35:50,000
y que no haya un código desengrado

846
00:35:50,000 --> 00:35:52,000
le damos a aceptar

847
00:35:52,000 --> 00:35:54,000
y entonces nos crea esa tabla

848
00:35:54,000 --> 00:35:56,000
esa tabla que lógicamente no vamos a ver

849
00:35:56,000 --> 00:35:58,000
porque no tiene

850
00:35:58,000 --> 00:36:00,000
porque no tiene nada

851
00:36:00,000 --> 00:36:02,000
ni siquiera le hemos puesto

852
00:36:02,000 --> 00:36:04,000
el borde con lo cual

853
00:36:04,000 --> 00:36:06,000
con lo cual lo veremos

854
00:36:08,000 --> 00:36:10,000
podemos ponerle

855
00:36:10,000 --> 00:36:12,000
un borde

856
00:36:12,000 --> 00:36:14,000
y luego

857
00:36:18,000 --> 00:36:20,000
este bonito

858
00:36:20,000 --> 00:36:22,000
este bonito diseño es una tabla auténtica

859
00:36:22,000 --> 00:36:24,000
que no tiene ningún

860
00:36:24,000 --> 00:36:26,000
si las raspas

861
00:36:26,000 --> 00:36:28,000
las raspas no se son

862
00:36:28,000 --> 00:36:30,000
bueno a ver

863
00:36:32,000 --> 00:36:34,000
aquí con esto

864
00:36:34,000 --> 00:36:36,000
voy a borrar esta birria de tabla

865
00:36:44,000 --> 00:36:46,000
bueno

866
00:36:46,000 --> 00:36:48,000
también podemos directamente

867
00:36:48,000 --> 00:36:50,000
meter el código de tabla aquí

868
00:36:50,000 --> 00:36:52,000
si lo hacemos aquí

869
00:36:52,000 --> 00:36:54,000
con el asistente podemos poner

870
00:36:54,000 --> 00:36:56,000
el tipo de relleno de celda

871
00:36:56,000 --> 00:36:58,000
las cualidades

872
00:36:58,000 --> 00:37:00,000
si lo alineamos

873
00:37:00,000 --> 00:37:02,000
a la izquierda

874
00:37:02,000 --> 00:37:04,000
el ancho que va a tener

875
00:37:04,000 --> 00:37:06,000
el espaciado entre celdas

876
00:37:06,000 --> 00:37:08,000
el color que queremos poner en la paleta

877
00:37:08,000 --> 00:37:10,000
todas estas características

878
00:37:10,000 --> 00:37:12,000
una vez las tenemos aquí en la tabla

879
00:37:12,000 --> 00:37:14,000
sencillamente son características

880
00:37:14,000 --> 00:37:16,000
generales de la tabla

881
00:37:16,000 --> 00:37:18,000
y luego añadimos filas

882
00:37:18,000 --> 00:37:20,000
añadimos filas

883
00:37:24,000 --> 00:37:26,000
una

884
00:37:26,000 --> 00:37:28,000
y añadimos celdas

885
00:37:28,000 --> 00:37:30,000
aquí

886
00:37:34,000 --> 00:37:36,000
y bueno

887
00:37:36,000 --> 00:37:38,000
lo veremos para que

888
00:37:38,000 --> 00:37:40,000
ahí está a la derecha

889
00:37:40,000 --> 00:37:42,000
como es la única que tiene

890
00:37:42,000 --> 00:37:44,000
la única que está escrita en html

891
00:37:44,000 --> 00:37:46,000
cuando no escribimos nada en las celdas

892
00:37:46,000 --> 00:37:48,000
no aparece nada

893
00:37:48,000 --> 00:37:50,000
voy a ir borrando estas páginas

894
00:37:50,000 --> 00:37:52,000
me parece que le he dado

895
00:37:52,000 --> 00:37:54,000
acabo de cargarme el bluefish

896
00:37:54,000 --> 00:37:56,000
estupendo

897
00:38:00,000 --> 00:38:02,000
bueno estaba yo

898
00:38:02,000 --> 00:38:04,000
como veis

899
00:38:04,000 --> 00:38:06,000
se quedaba el

900
00:38:06,000 --> 00:38:08,000
ancla que habíamos puesto en la barra rápida

901
00:38:08,000 --> 00:38:10,000
ahí

902
00:38:12,000 --> 00:38:14,000
aquí en la barra estándar estábamos

903
00:38:14,000 --> 00:38:16,000
bueno

904
00:38:16,000 --> 00:38:18,000
para poner marcos

905
00:38:18,000 --> 00:38:20,000
para poner frames aquí también

906
00:38:20,000 --> 00:38:22,000
para insertar

907
00:38:22,000 --> 00:38:24,000
formularios

908
00:38:24,000 --> 00:38:26,000
y para escribir listas

909
00:38:26,000 --> 00:38:28,000
tanto listas desordenadas

910
00:38:28,000 --> 00:38:30,000
como listas ordenadas

911
00:38:30,000 --> 00:38:32,000
como listas de definiciones

912
00:38:34,000 --> 00:38:36,000
una vez ya

913
00:38:36,000 --> 00:38:38,000
habéis visto

914
00:38:38,000 --> 00:38:40,000
estas posibilidades

915
00:38:40,000 --> 00:38:42,000
lo que es importante de ver es

916
00:38:42,000 --> 00:38:44,000
que

917
00:38:44,000 --> 00:38:46,000
podemos verlas externamente

918
00:38:46,000 --> 00:38:48,000
con los distintos

919
00:38:48,000 --> 00:38:50,000
navegadores

920
00:38:50,000 --> 00:38:52,000
tanto con galeón

921
00:38:52,000 --> 00:38:54,000
que es el predeterminado

922
00:38:54,000 --> 00:38:56,000
y por eso no podemos darle

923
00:38:56,000 --> 00:38:58,000
al piston en el navegador

924
00:38:58,000 --> 00:39:00,000
porque no salta nada

925
00:39:00,000 --> 00:39:02,000
porque no tenemos el galeón puesto

926
00:39:02,000 --> 00:39:04,000
en esta distribución

927
00:39:04,000 --> 00:39:06,000
se ha quitado por defecto

928
00:39:06,000 --> 00:39:08,000
de aquí

929
00:39:08,000 --> 00:39:10,000
pero bueno

930
00:39:10,000 --> 00:39:12,000
yo no sé si

931
00:39:12,000 --> 00:39:14,000
insisto en que

932
00:39:14,000 --> 00:39:16,000
no sé

933
00:39:30,000 --> 00:39:32,000
si

934
00:39:32,000 --> 00:39:34,000
pero

935
00:39:34,000 --> 00:39:36,000
por ejemplo

936
00:39:36,000 --> 00:39:38,000
quería ver

937
00:39:38,000 --> 00:39:40,000
y eso?

938
00:39:40,000 --> 00:39:42,000
pensamos publicar

939
00:39:42,000 --> 00:39:44,000
no tenemos

940
00:39:44,000 --> 00:39:46,000
vale

941
00:39:46,000 --> 00:39:48,000
pensaba buscar una página

942
00:39:48,000 --> 00:39:50,000
pensaba por ver alguna página

943
00:39:50,000 --> 00:39:52,000
en el código

944
00:39:52,000 --> 00:39:54,000
fuerte de la página

945
00:40:08,000 --> 00:40:10,000
bueno

946
00:40:20,000 --> 00:40:22,000
bueno

947
00:40:22,000 --> 00:40:24,000
un poco para que veamos

948
00:40:24,000 --> 00:40:26,000
una página seria

949
00:40:26,000 --> 00:40:28,000
completamente

950
00:40:28,000 --> 00:40:30,000
me tiran esto

951
00:40:30,000 --> 00:40:32,000
entonces

952
00:40:32,000 --> 00:40:34,000
ahora aquí

953
00:40:38,000 --> 00:40:40,000
bueno esta es la página

954
00:40:40,000 --> 00:40:42,000
la que acabamos de descargar

955
00:40:42,000 --> 00:40:44,000
que estaba en otro lado

956
00:40:44,000 --> 00:40:46,000
si os fijáis

957
00:40:46,000 --> 00:40:48,000
lo que hace

958
00:40:48,000 --> 00:40:50,000
el editor es que

959
00:40:50,000 --> 00:40:52,000
directamente nos coge el código

960
00:40:52,000 --> 00:40:54,000
y podemos perfectamente añadir

961
00:40:54,000 --> 00:40:56,000
lo que nos parezca oportuno

962
00:40:56,000 --> 00:40:58,000
insertar

963
00:40:58,000 --> 00:41:00,000
siempre utilizando

964
00:41:00,000 --> 00:41:02,000
el propio código

965
00:41:02,000 --> 00:41:04,000
si yo aquí inserto

966
00:41:04,000 --> 00:41:06,000
un texto

967
00:41:06,000 --> 00:41:08,000
que es el

968
00:41:08,000 --> 00:41:10,000
y le quiero poner un vínculo

969
00:41:10,000 --> 00:41:12,000
pues entonces

970
00:41:20,000 --> 00:41:22,000
le añado un vínculo

971
00:41:22,000 --> 00:41:24,000
voy aquí a la barra estándar

972
00:41:24,000 --> 00:41:26,000
y le puedo dar perfectamente

973
00:41:26,000 --> 00:41:28,000
la referencia que quiero poner

974
00:41:36,000 --> 00:41:38,000
y entonces como veis

975
00:41:38,000 --> 00:41:40,000
lo que hace es que directamente

976
00:41:40,000 --> 00:41:42,000
me lo pone aquí

977
00:41:44,000 --> 00:41:46,000
y lo podemos ver

978
00:41:48,000 --> 00:41:50,000
aquí está

979
00:41:50,000 --> 00:41:52,000
pues lo tenemos aquí

980
00:41:52,000 --> 00:41:54,000
lo hemos creado sin más

981
00:41:54,000 --> 00:41:56,000
en el modo de texto

982
00:41:56,000 --> 00:41:58,000
aprovecho un pequeño truquillo

983
00:41:58,000 --> 00:42:00,000
para quienes de vez en cuando hagan página web

984
00:42:00,000 --> 00:42:02,000
que tiene Mozilla

985
00:42:02,000 --> 00:42:04,000
yo marco un trozo de texto

986
00:42:04,000 --> 00:42:06,000
botón derecho

987
00:42:06,000 --> 00:42:08,000
ver código fuente del marco

988
00:42:08,000 --> 00:42:10,000
de la selección

989
00:42:10,000 --> 00:42:12,000
el código de ese truquillo me hace falta ver la página completa

990
00:42:12,000 --> 00:42:14,000
a veces me interesa justamente ver el truquillo

991
00:42:16,000 --> 00:42:18,000
normalmente cuando quieres

992
00:42:18,000 --> 00:42:20,000
apropiarte de código ajeno

993
00:42:24,000 --> 00:42:26,000
de todo lo que hace la gente

994
00:42:28,000 --> 00:42:30,000
no sé si

995
00:42:30,000 --> 00:42:32,000
el interrogante PHP

996
00:42:34,000 --> 00:42:36,000
estaba yo pensando

997
00:42:40,000 --> 00:42:42,000
era PHP

998
00:42:54,000 --> 00:42:56,000
no me acuerdo

999
00:42:56,000 --> 00:42:58,000
buscaba una página con PHP

1000
00:42:58,000 --> 00:43:00,000
por eso decía

1001
00:43:02,000 --> 00:43:04,000
quería mostrar simplemente

1002
00:43:04,000 --> 00:43:06,000
que cuando ponemos los scripts en PHP

1003
00:43:08,000 --> 00:43:10,000
si ponemos simplemente

1004
00:43:10,000 --> 00:43:12,000
el indicativo de script

1005
00:43:12,000 --> 00:43:14,000
aunque pongamos arriba que el lenguaje de script es el PHP

1006
00:43:14,000 --> 00:43:16,000
no nos colorea con la bonita sintaxis

1007
00:43:16,000 --> 00:43:18,000
del PHP

1008
00:43:18,000 --> 00:43:20,000
que tiene aquí que es en rojo

1009
00:43:22,000 --> 00:43:24,000
una página con PHP

1010
00:43:28,000 --> 00:43:30,000
voy a ver

1011
00:43:38,000 --> 00:43:40,000
dónde hay una página con PHP

1012
00:43:58,000 --> 00:44:00,000
estupendo

1013
00:44:22,000 --> 00:44:24,000
salimos

1014
00:44:28,000 --> 00:44:30,000
salimos

1015
00:44:54,000 --> 00:44:56,000
bueno pues

1016
00:44:58,000 --> 00:45:00,000
ahí está

1017
00:45:10,000 --> 00:45:12,000
qué pasa porque no puedo ir

1018
00:45:16,000 --> 00:45:18,000
está mal

1019
00:45:28,000 --> 00:45:30,000
aquí lo tengo

1020
00:45:32,000 --> 00:45:34,000
no, pero yo aquí no tengo PHP

1021
00:45:34,000 --> 00:45:36,000
perdón

1022
00:45:36,000 --> 00:45:38,000
no sé que tengo PHP

1023
00:45:38,000 --> 00:45:40,000
a ver

1024
00:45:42,000 --> 00:45:44,000
en la del Celice

1025
00:45:44,000 --> 00:45:46,000
tengo PHP

1026
00:45:54,000 --> 00:45:56,000
aquí tengo PHP

1027
00:45:58,000 --> 00:46:00,000
ahí está

1028
00:46:04,000 --> 00:46:06,000
ahí está

1029
00:46:28,000 --> 00:46:30,000
bueno, a ver dónde está

1030
00:46:42,000 --> 00:46:44,000
tengo yo

1031
00:46:44,000 --> 00:46:46,000
que tengo un PHP

1032
00:46:46,000 --> 00:46:48,000
de Chess

1033
00:46:50,000 --> 00:46:52,000
sí señor, aquí está

1034
00:46:52,000 --> 00:46:54,000
un momento

1035
00:46:54,000 --> 00:46:56,000
claro, esto es un PHP

1036
00:46:58,000 --> 00:47:00,000
pero yo soy un lista

1037
00:47:00,000 --> 00:47:02,000
tendría que ir

1038
00:47:02,000 --> 00:47:04,000
tendría que ir a mi código

1039
00:47:04,000 --> 00:47:06,000
que no lo tengo aquí, maldita sea

1040
00:47:06,000 --> 00:47:08,000
maldita sea

1041
00:47:08,000 --> 00:47:10,000
estoy atentado

1042
00:47:10,000 --> 00:47:12,000
esto no me vale

1043
00:47:12,000 --> 00:47:14,000
esto no me vale

1044
00:47:14,000 --> 00:47:16,000
para nada

1045
00:47:16,000 --> 00:47:18,000
bueno

1046
00:47:32,000 --> 00:47:34,000
un script en PHP

1047
00:47:34,000 --> 00:47:36,000
bueno

1048
00:47:36,000 --> 00:47:38,000
siento el fracaso

1049
00:47:38,000 --> 00:47:40,000
no sé dónde encontrarlo ahora

1050
00:47:40,000 --> 00:47:42,000
el script

1051
00:47:42,000 --> 00:47:44,000
si

1052
00:47:44,000 --> 00:47:46,000
cerramos

1053
00:47:46,000 --> 00:47:48,000
bueno

1054
00:47:48,000 --> 00:47:50,000
bueno

1055
00:47:50,000 --> 00:47:52,000
vamos a conectar esto

1056
00:47:52,000 --> 00:47:54,000
pero no queda más

1057
00:47:56,000 --> 00:47:58,000
bueno

1058
00:47:58,000 --> 00:48:00,000
las abogadas

1059
00:48:00,000 --> 00:48:02,000
vamos a ver

1060
00:48:02,000 --> 00:48:04,000
dónde está el script

1061
00:48:04,000 --> 00:48:06,000
aquí tenía que ir

1062
00:48:06,000 --> 00:48:08,000
aquí tenía que ir

1063
00:48:08,000 --> 00:48:10,000
sí