1
00:00:06,769 --> 00:00:16,429
Bueno, antes de empezar, que tengáis muy claro que no se puede hacer un sitio web si antes no habéis hecho una pequeña planificación.

2
00:00:17,190 --> 00:00:29,929
Tenéis que tener muy claro el mapa del sitio web, quién va a ser el portal, cuántas páginas vamos a tener subordinadas, cómo va a ser vuestro logo, cómo van a ser vuestros encabezados, incluso si los queréis los podéis tener aparte.

3
00:00:29,929 --> 00:00:46,170
Otra cosa importante que tenéis que hacer es crearos una carpeta donde vayáis a poniendo todos los elementos que tengáis en vuestra página web.

4
00:00:47,070 --> 00:00:54,630
Y cuando ya tengáis un poquito claro la organización, entonces ya vamos con el editor de páginas web.

5
00:00:54,630 --> 00:01:00,229
Los editores de páginas web tienen ventajas e inconvenientes, la principal ventaja es

6
00:01:00,229 --> 00:01:06,450
que son fáciles de utilizar y que podemos crear sitios web y páginas web sin saber

7
00:01:06,450 --> 00:01:14,670
muy bien pues nada de código, este es el blue grifón, entonces si veis aquí tenéis

8
00:01:14,670 --> 00:01:20,930
el resultado, incluso el resultado que podéis imprimir y aquí tenéis pues el código, yo

9
00:01:20,930 --> 00:01:22,969
Voy a quitar aquí unas cosas del código.

10
00:01:26,010 --> 00:01:28,689
Ves que tenéis un metadato, etcétera, ¿vale?

11
00:01:28,790 --> 00:01:33,849
Entonces, bueno, como de costumbre, vamos a File, Nuevo, ¿vale?

12
00:01:40,400 --> 00:01:43,659
Y vamos a crear nuestro tema, que es, como así decirlo,

13
00:01:43,719 --> 00:01:46,239
la plantilla de todo nuestro sitio web.

14
00:01:47,200 --> 00:01:51,519
No hay normas fijas para crear el tema, pero sí que, bueno,

15
00:01:51,659 --> 00:01:55,299
pues hay quien dice que se hace a base de cajas, de Padlet,

16
00:01:55,299 --> 00:02:04,400
Bueno, yo, una forma muy burda que da muy buenos resultados es hacerlo a partir de una tabla.

17
00:02:05,540 --> 00:02:11,259
Tabla, pues una tabla puede ser de 3x3 o de 4x4, yo voy a coger la de 4x4, ¿vale?

18
00:02:11,620 --> 00:02:17,819
Y luego se hace, pues como se hace con un editor de texto, la tabla se puede modificar todo lo que nos queramos, ¿no?

19
00:02:17,819 --> 00:02:32,840
Entonces para ello tenemos aquí propiedades de tabla, y entonces pues bueno, veis que tenéis 4x4, tenéis aquí un poco los bordes, el ancho, el alto, ¿vale?

20
00:02:33,180 --> 00:02:39,860
Nosotros vamos a hacer un cambio celda por celda, veis aquí que tenéis que vais, vamos escogiendo celdas y vamos haciendo celdas por celda.

21
00:02:39,860 --> 00:02:42,159
también la podéis hacer

22
00:02:42,159 --> 00:02:44,719
veis que aquí ya aparecen unas flechitas

23
00:02:44,719 --> 00:02:47,930
veis

24
00:02:47,930 --> 00:02:49,949
y con esas flechitas

25
00:02:49,949 --> 00:02:52,310
sin entrar

26
00:02:52,310 --> 00:02:55,349
en propiedades de tabla

27
00:02:55,349 --> 00:02:56,590
pues podéis hacer

28
00:02:56,590 --> 00:02:57,550
modificaciones

29
00:02:57,550 --> 00:03:00,050
vale

30
00:03:00,050 --> 00:03:02,810
bueno, lo que yo suelo hacer

31
00:03:02,810 --> 00:03:04,389
es antes de

32
00:03:04,389 --> 00:03:05,550
de nada

33
00:03:05,550 --> 00:03:08,289
hacer la configuración de la tabla

34
00:03:08,289 --> 00:03:10,210
eso implica que aquí

35
00:03:10,210 --> 00:03:31,370
Aquí, más o menos en esa celda, va a ir el encabezado. Aquí, más o menos en esta celda, va a ir el título de cada página. En esta zona de aquí va a ir el contenido de la página. Aquí irá el índice o los vínculos, por lo tanto aquí va a ir el logo.

36
00:03:31,370 --> 00:03:35,090
y en esta zona de aquí

37
00:03:35,090 --> 00:03:36,770
pues vamos a por ejemplo poner

38
00:03:36,770 --> 00:03:39,090
el correo electrónico

39
00:03:39,090 --> 00:03:40,090
del autor

40
00:03:40,090 --> 00:03:44,080
y aquí pues la autoría

41
00:03:44,080 --> 00:03:46,740
entonces bueno, pues tiene esa apariencia

42
00:03:46,740 --> 00:03:48,659
a mí esa parte

43
00:03:48,659 --> 00:03:50,139
me parece demasiado ancha

44
00:03:50,139 --> 00:03:52,300
así que la vamos a hacer un poquito más estrecha

45
00:03:52,300 --> 00:03:53,860
bueno

46
00:03:53,860 --> 00:04:02,259
otra cosa que puede ser interesante

47
00:04:02,259 --> 00:04:09,199
otra cosa que puede ser interesante es el color de fondo

48
00:04:09,199 --> 00:04:12,919
de cada celda, entonces pues por ejemplo aquí

49
00:04:12,919 --> 00:04:15,919
tenemos tabla, vamos a propiedades de tabla

50
00:04:15,919 --> 00:04:20,319
vamos a esta celda

51
00:04:20,319 --> 00:04:24,899
y podemos definir el ancho, el alto y el color de fondo

52
00:04:24,899 --> 00:04:28,839
como veis aquí también, pues como vamos a alinar los diferentes

53
00:04:28,839 --> 00:04:31,680
elementos dentro de la celda, vamos a coger centrado, centrado

54
00:04:31,680 --> 00:04:34,740
y aquí pues por ejemplo

55
00:04:34,740 --> 00:04:36,139
un color de fondo

56
00:04:36,139 --> 00:04:39,300
pues vamos a ponerle azul

57
00:04:39,300 --> 00:04:42,600
para que haya un poquito de contraste

58
00:04:42,600 --> 00:04:43,759
con la imagen

59
00:04:43,759 --> 00:04:48,839
aquí por ejemplo vamos a poner encabezado

60
00:04:48,839 --> 00:04:51,519
pues vamos a propiedades de tabla

61
00:04:51,519 --> 00:04:57,120
y veis que podéis cambiar

62
00:04:57,120 --> 00:04:58,579
si queréis el ancho y el alto

63
00:04:58,579 --> 00:05:00,480
eso también va en gustos

64
00:05:01,459 --> 00:05:05,139
Vamos a cambiarle el color de fondo y le voy a poner, por ejemplo, un amarillo.

65
00:05:09,120 --> 00:05:11,160
Y aquí vamos a poner centrado, centrado.

66
00:05:16,100 --> 00:05:21,560
Vale, aquí vamos a poner el título de cada página.

67
00:05:30,480 --> 00:05:37,500
A ver, si alguien quiere cambiarle aquí el tamaño, puede, no hay ningún problema.

68
00:05:48,430 --> 00:05:51,189
¿Vale? Aquí vamos a poner los vínculos.

69
00:06:04,189 --> 00:06:05,910
en toda la zona del Pirineo Navarro

70
00:06:05,910 --> 00:06:07,209
en el interior del País Vasco

71
00:06:07,209 --> 00:06:08,889
podrían haber capitales como por ejemplo

72
00:06:08,889 --> 00:06:10,209
Victoria de la Estrella y Pamplona

73
00:06:10,209 --> 00:06:12,069
o podrían caer también algunos pocos

74
00:06:12,069 --> 00:06:12,930
incluso en Logroño

75
00:06:12,930 --> 00:06:14,649
las temperaturas bajas

76
00:06:14,649 --> 00:06:16,689
5 grados, Pamplona 7

77
00:06:16,689 --> 00:06:19,870
Logroño se queda con esa máxima de 8 grados

78
00:06:19,870 --> 00:06:21,110
en Aragón y Cataluña

79
00:06:21,110 --> 00:06:21,970
atención a la nevada

80
00:06:21,970 --> 00:06:23,230
por un lado en Perú

81
00:06:23,230 --> 00:06:26,209
aquí vamos a poner nuestro contenido

82
00:06:26,209 --> 00:06:28,750
aquí pondremos

83
00:06:28,750 --> 00:06:29,930
nuestra

84
00:06:29,930 --> 00:06:33,310
nuestro correo electrónico

85
00:06:33,310 --> 00:06:33,850
por ejemplo

86
00:06:33,850 --> 00:06:41,529
Son menos probables hacia la desembocadura del euro, pero en el sport sí podría nevar hasta 5 centímetros con una cota en torno a los 600 metros.

87
00:06:41,709 --> 00:06:45,829
Las temperaturas, como pueden ver, descienden de una forma notable las máximas...

88
00:06:45,829 --> 00:06:47,670
Y aquí, por ejemplo, nuestra autoría.

89
00:06:47,790 --> 00:06:55,110
...en el interior de la Comunidad Valenciana, región de Murcia, sobre todo por la mañana y luego por la tarde, las lluvias se volverán a reactivar.

90
00:06:55,649 --> 00:07:03,629
Precipitaciones débiles en el norte del archipiélago balear y todo ello con temperaturas que también bajan y que se sitúan rondando los 14 a 16 como mucho.

91
00:07:03,850 --> 00:07:08,269
esto es un poco gustos

92
00:07:08,269 --> 00:07:10,209
vamos a ir metiendo elementos

93
00:07:10,209 --> 00:07:13,269
además de eso también nos sirve para después

94
00:07:13,269 --> 00:07:14,930
configurar los elementos

95
00:07:14,930 --> 00:07:16,649
aquí vamos a meter, hemos dicho que

96
00:07:16,649 --> 00:07:18,350
una imagen

97
00:07:18,350 --> 00:07:21,350
que es nuestro logo

98
00:07:21,350 --> 00:07:24,329
entonces nos buscamos

99
00:07:24,329 --> 00:07:26,310
donde está

100
00:07:26,310 --> 00:07:28,029
y aquí hay que tener mucho cuidado

101
00:07:28,029 --> 00:07:30,870
pues porque

102
00:07:30,870 --> 00:07:36,310
los PAD pueden ser relativos

103
00:07:36,310 --> 00:07:40,050
o absolutos. Entonces, si yo ahora lo meto

104
00:07:40,050 --> 00:07:41,230
de esta manera,

105
00:07:43,209 --> 00:07:48,389
veis que os sale todo esto.

106
00:07:49,610 --> 00:07:51,430
¿Vale? No es necesario.

107
00:07:51,430 --> 00:07:53,709
Con que acortéis,

108
00:07:53,870 --> 00:07:57,930
si lo habéis hecho bien, lo habéis puesto en la misma carpeta.

109
00:07:57,930 --> 00:08:14,389
Con que acortéis y pongáis solamente el nombre y el formato suficiente, título, luego texto alternativo, vamos a decir que no vamos a poner ningún texto alternativo.

110
00:08:14,389 --> 00:08:17,170
Luego, lo que pasa, otra cosa es que nos va a aparecer

111
00:08:17,170 --> 00:08:18,709
A lo mejor nos aparece muy grande

112
00:08:18,709 --> 00:08:22,709
Ya

113
00:08:22,709 --> 00:08:25,930
Bueno, no, ¿por qué no me sale?

114
00:08:26,709 --> 00:08:27,930
Bueno, no me sale

115
00:08:27,930 --> 00:08:29,410
Porque no lo he guardado

116
00:08:29,410 --> 00:08:30,490
¿Vale?

117
00:08:31,329 --> 00:08:33,629
Entonces, como está sin guardar, vamos a guardarlo

118
00:08:33,629 --> 00:08:50,610
Pues parece que no está

119
00:08:50,610 --> 00:08:51,470
Pero

120
00:09:21,559 --> 00:09:23,039
Veis que aquí sí que nos sale

121
00:09:23,039 --> 00:09:23,519
¿Vale?

122
00:09:23,559 --> 00:09:24,860
Y esa es un poco la idea

123
00:09:24,860 --> 00:09:27,259
Lo que sí que es cierto es

124
00:09:27,259 --> 00:09:28,440
Y si ahora

125
00:09:28,440 --> 00:09:48,070
¿Vale?

126
00:09:48,169 --> 00:09:50,529
Y si ahora cerramos este archivo

127
00:09:50,529 --> 00:09:52,090
Y lo abrimos con el Blurifold

128
00:09:52,090 --> 00:09:54,289
Sí que nos aparece

129
00:10:19,960 --> 00:10:28,360
superman, super inteligente y super atractivo, al super abogado de Rosenheim, eh? Bueno, ya llegará.

130
00:10:31,059 --> 00:10:34,860
Vale, vamos a volver a abrir y veremos como ahora sí que se tiene que ver la imagen.

131
00:10:48,389 --> 00:11:00,720
¿Veis? Ahora sí se ve la imagen, ¿vale? Bueno, una cosa importante de la imagen es que le podamos

132
00:11:00,720 --> 00:11:12,299
cambiar el tamaño. Para cambiar el tamaño, ¿veis? Porque si no va a quedar enorme. ¿Veis?

133
00:11:12,299 --> 00:11:21,000
Ahora queda mucho más normal, ¿no? Más lógica. Bueno, vamos ahora con el texto, que

134
00:11:21,000 --> 00:11:26,799
también es otra cuestión importante. Vale, vamos empezando, por ejemplo, con headings.

135
00:11:26,799 --> 00:11:30,200
vamos a hacer aquí un heading que va a poner seguridad informática

136
00:11:30,200 --> 00:11:50,049
vale, podemos cambiar la letra

137
00:11:50,049 --> 00:12:01,210
podemos cambiarle, pues por ejemplo ponemos que sea

138
00:12:01,210 --> 00:12:09,019
y también podemos cambiarle por ejemplo el tamaño

139
00:12:11,940 --> 00:12:13,720
Ah, sí, ya me acuerdo, sí.

140
00:12:14,600 --> 00:12:16,700
Lo siento, pero esto es un caos hoy.

141
00:12:17,039 --> 00:12:21,200
Yo hemos tenido varios ataques de musardos ratonetos, pero aquí el amigo nos supera a todos.

142
00:12:21,639 --> 00:12:26,000
Lleva desde las nueve y media encaramado a la roca y ataca a todas las alas delta que quiere volar.

143
00:12:27,299 --> 00:12:31,399
Bueno, creo que no es un ataque. Creo que está enamorado de sus alas delta.

144
00:12:33,059 --> 00:12:33,500
¿Enamorado?

145
00:12:34,039 --> 00:12:39,759
Sí, objetofilia. A veces pasa en la naturaleza cuando no hay mucho que se lo quiera elegir.

146
00:12:39,759 --> 00:12:46,759
vamos a cambiar también el color

147
00:12:51,519 --> 00:12:54,259
esto lo vamos a dejar en blanco al principio

148
00:12:54,259 --> 00:12:55,519
ahora aquí

149
00:12:55,519 --> 00:13:02,519
vamos a empezar con los vínculos

150
00:13:16,639 --> 00:13:28,620
Bueno, pues cambio de planes

151
00:13:28,620 --> 00:13:29,600
¿Qué hacemos ahora?

152
00:13:31,159 --> 00:13:31,679
¿Squash?

153
00:13:32,100 --> 00:13:34,200
No, demasiado movido para mí

154
00:13:34,200 --> 00:13:35,919
No, a mí tampoco me apetece

155
00:13:35,919 --> 00:13:36,419
¿Bolos?

156
00:13:37,519 --> 00:13:40,000
No, creo que entre semana no abren hasta las 5

157
00:13:40,000 --> 00:13:41,080
Es verdad, sí

158
00:13:41,080 --> 00:13:47,620
Entonces vamos a mi casa y vaciamos la nevera

159
00:13:47,620 --> 00:13:48,059
Obvio

160
00:13:48,059 --> 00:13:50,080
Eso lo hago casi a diario

161
00:13:50,080 --> 00:13:51,840
Y aquí vamos a hacer algo especial

162
00:13:51,840 --> 00:13:55,879
No puede ser

163
00:13:55,879 --> 00:14:00,840
A ver, es que se queda atado

164
00:14:00,840 --> 00:14:16,370
Bueno, entonces aquí pues más o menos tenemos que hacer

165
00:14:16,370 --> 00:14:18,470
El mapa que nosotros hemos construido

166
00:14:31,440 --> 00:14:32,039
¿Vale?

167
00:14:33,379 --> 00:14:35,679
Aquí, en esta zona de aquí

168
00:14:35,679 --> 00:14:39,419
Bueno, esto si queréis, pues cambiáis después

169
00:14:39,419 --> 00:14:42,460
el color

170
00:14:42,460 --> 00:15:17,429
y el tamaño

171
00:15:17,429 --> 00:15:20,549
si esos son 50 vamos a poner 25 píxeles

172
00:15:34,480 --> 00:15:37,759
Pues póngame una porción

173
00:15:37,759 --> 00:15:39,700
También una para la señora Bauman, ¿no?

174
00:15:39,960 --> 00:15:42,000
No, por desgracia hoy tiene libre

175
00:15:42,000 --> 00:15:43,259
¿Por desgracia?

176
00:15:43,879 --> 00:15:45,200
He dicho por desgracia

177
00:15:45,200 --> 00:15:47,179
Eso ha dicho, padre

178
00:15:47,179 --> 00:15:49,539
Pues qué raro

179
00:15:49,539 --> 00:15:51,039
A lo mejor lo he oído mal

180
00:15:51,039 --> 00:15:52,000
Bueno

181
00:15:52,000 --> 00:15:55,779
Vínculos yo creo que lo vamos a dejar

182
00:15:55,779 --> 00:15:57,179
Así o en azul

183
00:15:57,179 --> 00:16:10,340
Vale, y luego pues vamos a poniendo

184
00:16:10,340 --> 00:16:11,279
Index

185
00:16:11,279 --> 00:16:14,000
Entonces espero su llamada

186
00:16:14,000 --> 00:16:16,000
por ciento

187
00:16:16,000 --> 00:16:19,000
en el mes

188
00:16:19,000 --> 00:16:23,620
java escribe

189
00:16:23,620 --> 00:16:28,620
y que el jefe

190
00:16:28,620 --> 00:16:31,620
por mí como si se acabara el control no voy a cambiar

191
00:16:31,620 --> 00:16:38,620
para qué quiere un día de chicas se puede comer y coche con mi párrafo favorito

192
00:16:44,000 --> 00:16:48,340
Lo compartiré con usted, pero solo si me cuenta qué ha pasado.

193
00:17:01,320 --> 00:17:03,740
Vale, aquí podemos poner el correo electrónico.

194
00:17:15,440 --> 00:17:17,460
Y aquí podemos poner la autoría.

195
00:17:18,599 --> 00:17:20,640
Soy Michelle Smith, la profesora de Fred.

196
00:17:20,640 --> 00:17:23,980
Ah, creo que hemos hablado alguna vez por teléfono.

197
00:17:24,740 --> 00:17:28,059
¿Qué? ¿Ha vuelto a liarla o qué? ¿Por Ross?

198
00:17:28,059 --> 00:17:30,640
No, pero hoy no he ido a clase

199
00:17:30,640 --> 00:17:36,069
Señor López, ya estoy harta, Sandra, no me dejes

200
00:17:36,069 --> 00:17:36,509
¿Por qué?

201
00:17:36,750 --> 00:17:41,490
Sí, porque yo ya he venido aquí cinco veces de vacaciones y ella lo hace todo mal

202
00:17:41,490 --> 00:17:45,029
Ajá, me dejáis hablar con esta señora un momentito de nada, guapas

203
00:17:45,029 --> 00:17:48,009
Mientras tanto podéis ir preparando los ponis para la carreta

204
00:17:48,009 --> 00:17:50,269
Yo también quiero tomar

205
00:17:50,269 --> 00:17:52,849
¿No tienen vacaciones ya en Baviera?

206
00:17:54,150 --> 00:17:56,170
Bueno, vamos a guardarlo

207
00:17:56,170 --> 00:18:03,470
vale, y hasta aquí sería

208
00:18:03,470 --> 00:18:05,430
la primera parte, ¿de acuerdo?

209
00:18:06,329 --> 00:18:07,490
bueno, pues vamos a dejar aquí

210
00:18:07,490 --> 00:18:09,430
como la primera parte, esto tenéis que llegar

211
00:18:09,430 --> 00:18:10,269
un poco hasta aquí

212
00:18:10,269 --> 00:18:20,839
bueno, vamos con la segunda parte

213
00:18:20,839 --> 00:18:23,859
en la segunda parte lo primero que tenemos

214
00:18:23,859 --> 00:18:24,700
es que hacer

215
00:18:24,700 --> 00:18:26,140
es

216
00:18:26,140 --> 00:18:29,960
coger nuestro temita

217
00:18:29,960 --> 00:18:31,460
que teníamos aquí creado

218
00:18:31,460 --> 00:18:37,880
Lo copiamos y lo pegamos tantas veces como páginas tengamos.

219
00:18:38,359 --> 00:18:39,500
En nuestro caso, cuatro.

220
00:18:47,730 --> 00:18:50,609
Ok. Vale. Entonces, vamos a renombrar.

221
00:18:59,680 --> 00:19:06,380
Vamos a llamarle a esta index, con minúscula mejor,

222
00:19:16,299 --> 00:19:48,049
virus, javascript, php.

223
00:19:48,730 --> 00:19:50,730
Bueno

224
00:19:50,730 --> 00:19:53,009
Esto lo podemos hacer ahora

225
00:19:53,009 --> 00:19:54,450
O lo podemos hacer después

226
00:19:54,450 --> 00:19:56,269
Pero bueno, lo vamos a hacer ahora

227
00:19:56,269 --> 00:20:00,009
Aunque luego lo vamos a repetir

228
00:20:00,009 --> 00:20:02,349
Bueno, index ha quedado un poco mal

229
00:20:02,349 --> 00:20:03,410
Entonces

230
00:20:03,410 --> 00:20:04,970
Volvemos a abrir

231
00:20:04,970 --> 00:20:07,130
Vamos a coger otra vez el blue grifón

232
00:20:07,130 --> 00:20:19,890
Vale

233
00:20:19,890 --> 00:20:26,849
Y este es el tema, ¿verdad?

234
00:20:28,170 --> 00:20:28,609
Sí

235
00:20:28,609 --> 00:20:31,170
Bueno

236
00:20:31,170 --> 00:20:33,210
Vamos a hacer una cosa

237
00:20:33,210 --> 00:20:37,710
Casi va a ser mejor, aunque luego lo repitamos

238
00:20:37,710 --> 00:20:41,990
Aquí sabemos que va el título de cada página

239
00:20:41,990 --> 00:20:45,009
Vamos a ver los vínculos, que quizás sea lo más complicado

240
00:20:45,009 --> 00:20:49,589
Entonces, cogemos el primero, que le llamamos index

241
00:20:49,589 --> 00:20:53,750
Le damos aquí a insertar, escogemos insertar link

242
00:20:53,750 --> 00:20:57,990
Y ya estamos con el problema del path, otra vez

243
00:20:57,990 --> 00:20:58,589
¿Vale?

244
00:21:00,369 --> 00:21:01,329
Vamos a ver

245
00:21:01,329 --> 00:21:03,789
lo primero que tenemos es

246
00:21:03,789 --> 00:21:05,809
que darnos cuenta de que los paths

247
00:21:05,809 --> 00:21:07,509
hay que tener cuidado con ellos

248
00:21:07,509 --> 00:21:09,990
entonces, esta página

249
00:21:09,990 --> 00:21:12,150
la vamos a vincular a una página

250
00:21:12,150 --> 00:21:14,289
que está dentro de nuestra carpeta

251
00:21:14,289 --> 00:21:15,589
y que la llamamos index

252
00:21:15,589 --> 00:21:17,690
con minúscula

253
00:21:17,690 --> 00:21:20,789
¿vale?

254
00:21:21,490 --> 00:21:22,970
y que no es

255
00:21:22,970 --> 00:21:25,750
vale, entonces

256
00:21:25,750 --> 00:21:27,269
aquí

257
00:21:27,269 --> 00:21:29,130
ponemos index

258
00:21:29,130 --> 00:21:37,460
y veis que aquí ponemos

259
00:21:37,460 --> 00:21:43,220
podemos abrirlo en la misma ventana o si queremos pues podemos hacerlo abrirlo en

260
00:21:43,220 --> 00:21:47,420
una ventana nueva a mi casi me gusta más siempre abrirlo en una ventana nueva y

261
00:21:47,420 --> 00:22:05,160
le damos al ok ya tenemos index hacemos lo mismo con él con el resto

262
00:22:11,900 --> 00:22:42,329
hacemos lo mismo con javascript lo que hay que tener mucho cuidado es que tenga

263
00:22:42,329 --> 00:22:44,769
el mismo nombre, porque si no, no sale bien.

264
00:23:23,210 --> 00:23:28,569
¿Vale? Bueno, vamos a probar los vínculos antes de continuar, porque esto es quizá...

265
00:23:28,569 --> 00:23:35,849
Bueno, nos queda aquí otro. El problema de este vínculo es que no suele funcionar.

266
00:23:36,049 --> 00:23:39,650
Os lo digo ya desde ahora. Hay que ponerle, pero no suele funcionar. ¿Vale?

267
00:23:39,650 --> 00:23:45,430
y no se va a funcionar porque es un vínculo que se llama de correo electrónico

268
00:23:45,430 --> 00:23:47,789
entonces si no tenéis un programa de correo electrónico

269
00:23:47,789 --> 00:23:49,650
no funciona

270
00:23:49,650 --> 00:24:01,930
es una redirección de correo electrónico

271
00:24:01,930 --> 00:24:12,759
bueno ya tenemos todos los elementos, todos los vínculos

272
00:24:12,759 --> 00:24:14,380
vamos a guardar

273
00:24:14,380 --> 00:24:20,460
recordemos que este es el tema

274
00:24:20,460 --> 00:24:22,400
entonces lo que vamos a hacer es aprobar los vínculos

275
00:24:22,400 --> 00:24:24,019
y después de que no funcione

276
00:24:24,019 --> 00:24:28,460
porque como hemos visto estaba mal escrito, creo

277
00:24:28,460 --> 00:24:34,359
vale, vamos a probarlos

278
00:24:34,359 --> 00:24:36,420
si, hay que poner index

279
00:24:36,420 --> 00:24:47,029
bueno, entonces vamos a ir

280
00:24:47,029 --> 00:24:47,509
el tema

281
00:24:47,509 --> 00:24:58,460
y vamos a probar en él los vínculos

282
00:24:58,460 --> 00:25:00,799
efectivamente funciona

283
00:25:00,799 --> 00:25:02,019
porque veis que index

284
00:25:02,019 --> 00:25:03,980
que está abierto en otra pestaña

285
00:25:03,980 --> 00:25:07,019
no tiene vínculos, porque no los hemos creado

286
00:25:07,019 --> 00:25:08,319
los hemos creado en temas

287
00:25:08,319 --> 00:25:10,559
virus, lo mismo

288
00:25:10,559 --> 00:25:12,880
vale

289
00:25:12,880 --> 00:25:15,380
javascript

290
00:25:15,380 --> 00:25:16,660
lo mismo

291
00:25:16,660 --> 00:25:19,279
y PHP

292
00:25:19,279 --> 00:25:21,259
lo mismo

293
00:25:21,259 --> 00:25:23,700
o sea que de momento nos funcionan los vínculos

294
00:25:23,700 --> 00:25:25,500
que es lo que queríamos

295
00:25:25,500 --> 00:25:27,559
esto ya os digo que nos funciona

296
00:25:27,559 --> 00:25:29,079
a no ser que tengáis un programa

297
00:25:29,079 --> 00:25:31,519
para gestión

298
00:25:31,519 --> 00:25:32,599
de correos electrónicos

299
00:25:32,599 --> 00:25:36,019
entonces aunque si queréis probarlo lo probáis pero no va a funcionar

300
00:25:36,019 --> 00:25:36,240
¿vale?

301
00:25:37,160 --> 00:25:38,440
bien ¿qué se hace ahora?

302
00:25:38,980 --> 00:25:41,380
pues ahora veis que aparece

303
00:25:41,380 --> 00:25:43,299
el programa de gestión de correos electrónicos

304
00:25:43,299 --> 00:25:44,900
bueno pues ahora

305
00:25:44,900 --> 00:25:47,039
Se vuelve a repetir otra vez la tarea

306
00:25:47,039 --> 00:25:48,500
Es decir, se vuelve a coger

307
00:25:48,500 --> 00:25:49,799
A copiar

308
00:25:49,799 --> 00:25:51,339
Y a pegar

309
00:25:51,339 --> 00:25:53,519
Cuatro veces el tema

310
00:25:53,519 --> 00:26:11,380
Vale, y borramos

311
00:26:11,380 --> 00:26:13,160
Las anteriores

312
00:26:29,819 --> 00:26:33,279
¿Y esa norma secreta tiene nombre?

313
00:26:34,019 --> 00:26:35,859
Sí, el derecho de disposición.

314
00:26:36,779 --> 00:26:38,680
¿El derecho de disposición?

315
00:26:40,160 --> 00:26:44,640
Vale, bueno, pues entonces tenemos estas cuatro, este también lo vamos a borrar.

316
00:26:49,059 --> 00:26:51,559
Y volvemos a repetir la operación anterior.

317
00:27:01,049 --> 00:27:03,650
¿Repetiste esa norma secreta?

318
00:27:03,650 --> 00:27:26,740
¿Por qué has perdido tanto?

319
00:27:26,740 --> 00:27:34,700
vale

320
00:27:34,700 --> 00:27:36,980
y ahora si queréis volvemos otra vez

321
00:27:36,980 --> 00:27:38,220
a probar los

322
00:27:38,220 --> 00:27:41,000
vínculos pues para estar un poco seguro

323
00:27:41,000 --> 00:27:42,440
de que funcionan correctamente

324
00:27:42,440 --> 00:27:56,769
veis aquí hay uno que no funciona

325
00:27:56,769 --> 00:27:59,849
que es el javascript

326
00:27:59,849 --> 00:28:11,299
ahora hay que mirar por cual es

327
00:28:11,299 --> 00:28:13,359
el problema porque no funciona el javascript

328
00:28:13,359 --> 00:28:18,940
parece ser que es que está mal

329
00:28:18,940 --> 00:28:20,240
mal puesto el pad

330
00:28:20,240 --> 00:28:22,240
Bueno, pues sabría que

331
00:28:22,240 --> 00:28:24,000
Ahora lo podemos si queréis arreglar

332
00:28:24,000 --> 00:28:24,240
¿Vale?

333
00:28:26,000 --> 00:28:27,339
Para que nos funcionen todos

334
00:28:27,339 --> 00:28:28,400
¿Vale?

335
00:28:29,380 --> 00:28:31,940
Bueno, entonces ahora

336
00:28:31,940 --> 00:28:33,319
Lo que vamos a hacer

337
00:28:33,319 --> 00:28:44,180
Es usar Blue Grifon

338
00:28:57,150 --> 00:29:10,940
Vale, y vamos a ir abriendo las distintas páginas web.

339
00:29:34,839 --> 00:29:40,380
Vale, y vamos a ir cambiando pues aquí las cosas que tenemos que cambiar.

340
00:29:40,380 --> 00:29:42,880
Esta página es indexoportal

341
00:29:42,880 --> 00:30:15,299
Bueno, entonces el portal

342
00:30:15,299 --> 00:30:17,019
Vamos a ponerle

343
00:30:17,019 --> 00:30:19,480
Por ejemplo

344
00:30:19,480 --> 00:30:21,119
Así

345
00:31:06,859 --> 00:31:22,380
bueno y ahora tenemos que resolver problemas te dejaba script y eso es un

346
00:31:22,380 --> 00:31:27,970
problema porque a ver

347
00:31:27,970 --> 00:31:54,420
quizás es que esté mal escrito javascript vale entonces esto le vamos

348
00:31:54,420 --> 00:32:11,990
a guardar y vamos a repetir la operación con todos los demás

349
00:32:11,990 --> 00:32:25,069
Veis que ahora se pone portal, si voy a virus nos aparece virus, si voy a javascript, vamos a ver que problemas tenemos, y si voy a php, va a ser php.

350
00:32:25,069 --> 00:32:28,630
Yo creo que el problema es que javascript está mal escrito, efectivamente.

351
00:32:28,630 --> 00:32:39,839
vale

352
00:32:39,839 --> 00:32:41,759
bueno pues ahora tenemos que hacer lo mismo

353
00:32:41,759 --> 00:32:42,740
con todas las demás

354
00:32:42,740 --> 00:32:45,019
ir poniendo los títulos

355
00:32:45,019 --> 00:32:48,319
a las distintas páginas

356
00:32:48,319 --> 00:32:51,799
y comprobar

357
00:32:51,799 --> 00:32:54,160
y cambiando también

358
00:32:54,160 --> 00:32:55,380
el título

359
00:32:55,380 --> 00:32:58,380
si esto lo abrimos ahora

360
00:32:58,380 --> 00:33:00,799
con un editor de texto

361
00:33:00,799 --> 00:33:02,359
o con un editor

362
00:33:02,359 --> 00:33:03,920
nos aparece

363
00:33:03,920 --> 00:33:06,839
que aquí pone tema

364
00:33:06,839 --> 00:33:08,599
pues esto también habría que cambiarle

365
00:33:08,599 --> 00:33:11,099
este habría que poner index

366
00:33:11,099 --> 00:33:16,299
y veis que aquí

367
00:33:16,299 --> 00:33:17,460
nos han aparecido

368
00:33:17,460 --> 00:33:20,440
una etiqueta de estilo

369
00:33:20,440 --> 00:33:22,200
que deberíais ponerla

370
00:33:22,200 --> 00:33:23,079
en la hoja de estilo

371
00:33:23,079 --> 00:33:25,480
y aquí nos ha aparecido una etiqueta

372
00:33:25,480 --> 00:33:28,380
que ya os digo yo que es mejor quitarla

373
00:33:28,380 --> 00:33:30,240
esto ya si también

374
00:33:30,240 --> 00:33:31,460
podéis guardarlo como

375
00:33:31,460 --> 00:33:33,880
html

376
00:33:33,880 --> 00:34:08,659
entonces, ahora ya lo hacemos

377
00:34:08,659 --> 00:34:10,659
con el resto de las páginas

378
00:34:10,659 --> 00:34:12,579
y lo único que nos quedaría

379
00:34:12,579 --> 00:34:15,099
sería, en esta zona de aquí

380
00:34:15,099 --> 00:34:17,099
vamos a meter los contenidos

381
00:34:17,099 --> 00:34:18,539
de las diferentes páginas

382
00:34:18,539 --> 00:34:20,960
y con eso ya habríamos terminado

383
00:34:20,960 --> 00:34:22,880
vale, el meter

384
00:34:22,880 --> 00:34:24,380
el contenido lo haremos en la siguiente

385
00:34:24,380 --> 00:34:45,139
bueno, ahora

386
00:34:45,139 --> 00:34:48,280
ahora la idea

387
00:34:48,280 --> 00:34:50,980
es que

388
00:34:50,980 --> 00:34:55,019
cambiemos nuestro tema

389
00:34:55,019 --> 00:34:56,679
y le añadamos los contenidos

390
00:34:56,679 --> 00:34:59,000
pero claro, antes pues hay que

391
00:34:59,000 --> 00:35:00,519
hacer un poco de

392
00:35:00,519 --> 00:35:02,159
ver lo que tenemos

393
00:35:02,159 --> 00:35:04,760
yo os aconsejo que hagáis una

394
00:35:04,760 --> 00:35:06,760
distorsión del código

395
00:35:06,760 --> 00:35:08,239
porque fijaros

396
00:35:08,239 --> 00:35:10,500
todo este código que tenemos aquí

397
00:35:10,500 --> 00:35:12,460
no es otra cosa que estilo

398
00:35:12,460 --> 00:35:14,539
entonces lo que deberíamos hacer

399
00:35:14,539 --> 00:35:16,000
es copiarlo

400
00:35:16,000 --> 00:35:17,159
de alguna manera

401
00:35:17,159 --> 00:35:20,480
copiarlo y pegarlo

402
00:35:20,480 --> 00:35:21,519
en nuestra hoja de estilos

403
00:35:21,519 --> 00:35:23,920
de tal forma que vamos a reconstruir

404
00:35:23,920 --> 00:35:24,960
nuestra hoja de estilo

405
00:35:24,960 --> 00:35:28,500
y eliminarlo de las páginas

406
00:35:28,500 --> 00:35:30,039
del encabezado

407
00:35:30,039 --> 00:35:31,800
de head de vuestras páginas

408
00:35:31,800 --> 00:35:32,880
para que os quede limpio

409
00:35:32,880 --> 00:35:36,400
entonces lo incluimos en las hojas de estilo

410
00:35:36,400 --> 00:35:40,000
¿veis?

411
00:35:40,679 --> 00:35:42,400
y al final lo que hacemos

412
00:35:42,400 --> 00:35:43,260
es

413
00:35:43,260 --> 00:35:45,800
crear el link

414
00:35:45,800 --> 00:35:47,960
crear el link

415
00:35:47,960 --> 00:35:49,699
a nuestras páginas

416
00:35:49,699 --> 00:35:51,539
entonces tenemos nuestro link creado

417
00:35:51,539 --> 00:35:52,840
a nuestra hoja de estilo

418
00:35:52,840 --> 00:35:56,039
con lo cual lo que hemos conseguido ya

419
00:35:56,039 --> 00:35:58,559
es un primer cambio de aspecto

420
00:35:58,559 --> 00:36:02,659
¿veis? ya tiene el estilo que tenía

421
00:36:02,659 --> 00:36:05,039
entonces este estilo

422
00:36:05,039 --> 00:36:06,039
lo tenemos que poner

423
00:36:06,039 --> 00:36:07,739
en las cuatro páginas

424
00:36:07,739 --> 00:36:14,099
¿veis?

425
00:36:15,559 --> 00:36:16,579
y ahora ya si

426
00:36:16,579 --> 00:36:18,960
que lo único que nos queda

427
00:36:18,960 --> 00:36:24,739
sería agregar el contenido en el lugar correcto

428
00:36:24,739 --> 00:36:29,159
para agregar el contenido, pues lo primero que vamos a hacer es copiarnos

429
00:36:29,159 --> 00:36:35,000
veis aquí, tenemos copiado los elementos, las imágenes

430
00:36:35,000 --> 00:36:41,699
y luego insertar el contenido en la zona a la cual la hemos asignado

431
00:36:41,699 --> 00:36:46,260
lo podemos hacer o bien con códigos o bien con Javascript

432
00:36:46,260 --> 00:36:48,960
O bien con codigos, perdón

433
00:36:48,960 --> 00:36:50,199
O bien con BlueGryphon

434
00:36:50,199 --> 00:36:52,420
Eso que cada uno pues

435
00:36:52,420 --> 00:36:55,780
Lo haga de la forma que crea conveniente

436
00:36:55,780 --> 00:36:57,579
Si lo hacéis con codigos

437
00:36:57,579 --> 00:36:59,059
El problema es saber

438
00:36:59,059 --> 00:37:00,760
Dónde está exactamente

439
00:37:00,760 --> 00:37:02,480
Esa celda de la tabla

440
00:37:02,480 --> 00:37:04,679
Y eso pues puede ser complicado

441
00:37:04,679 --> 00:37:06,480
Si lo hacéis con Javascript

442
00:37:06,480 --> 00:37:07,960
Si lo hacéis con BlueGryphon

443
00:37:07,960 --> 00:37:10,219
El problema es que

444
00:37:10,219 --> 00:37:13,000
También pues lo tenéis un poquito complicado

445
00:37:13,000 --> 00:37:15,000
Bueno, no es fácil

446
00:37:15,000 --> 00:37:15,880
Bien

447
00:37:15,880 --> 00:37:19,659
Vamos a escoger un método que es un poco combinación de ambos.

448
00:37:20,980 --> 00:37:29,110
Consiste en coger las páginas correspondientes que teníamos ya en nuestro contenido.

449
00:37:40,570 --> 00:37:42,010
Las he puesto ya ahora.

450
00:37:55,969 --> 00:38:02,000
Esta es nuestra página web.

451
00:38:02,760 --> 00:38:07,099
Entonces lo que voy a hacer es editar el código de esta página web.

452
00:38:14,840 --> 00:38:32,699
Copiarme este código entero.

453
00:38:32,699 --> 00:38:39,960
Y ahora con Blue Grifón

454
00:38:39,960 --> 00:39:22,809
Me voy a situar en el sitio donde quiero

455
00:39:22,809 --> 00:39:24,110
Insertar mi

456
00:39:24,110 --> 00:39:25,849
Mi código

457
00:39:25,849 --> 00:39:30,239
Y lo voy a insertar, pero en lugar de insertarlo

458
00:39:30,239 --> 00:39:31,280
Desde aquí

459
00:39:31,280 --> 00:39:33,039
Lo inserto desde código

460
00:39:33,039 --> 00:39:56,119
Vaya, no he copiado el código

461
00:40:10,340 --> 00:40:18,860
que es que veis el encanto y la paciencia, nunca el mal humor, para remediar esta situación lamentable.

462
00:40:20,000 --> 00:40:25,199
Recordad que nada de lo que tenéis está asegurado hasta que no llegue un heredero.

463
00:40:53,619 --> 00:41:02,920
Bueno, entonces si lo hemos hecho bien, este es el resultado.

464
00:41:03,800 --> 00:41:06,320
¿Vale?

465
00:41:08,539 --> 00:41:09,739
Lo guardamos.

466
00:41:09,739 --> 00:41:34,460
y veis que ya hemos hecho

467
00:41:34,460 --> 00:41:38,639
bueno ya

468
00:41:38,639 --> 00:41:40,519
pues por ejemplo una cosa que se me ocurre

469
00:41:40,519 --> 00:41:42,780
que deberíamos de hacer es quitar los vínculos de aquí

470
00:41:42,780 --> 00:41:43,780
vale

471
00:41:43,780 --> 00:41:46,519
o dejarse acaso el vínculo interno

472
00:41:46,519 --> 00:41:46,860
sola

473
00:41:46,860 --> 00:41:50,440
puesto que los tenemos aquí

474
00:41:50,440 --> 00:42:00,269
y bueno pues eso lo tenéis que hacer

475
00:42:00,269 --> 00:42:01,329
también con la otra hoja

476
00:42:01,329 --> 00:42:04,130
En cuanto al PHP y al Javascript

477
00:42:04,130 --> 00:42:05,170
Se quedan

478
00:42:05,170 --> 00:42:07,269
De momento se quedan en blanco

479
00:42:07,269 --> 00:42:09,170
Hasta que les enseñaremos contenido

480
00:42:09,170 --> 00:42:11,909
Y ya una vez que tengáis hecho

481
00:42:11,909 --> 00:42:12,869
Todos los cambios

482
00:42:12,869 --> 00:42:15,610
Pues volvéis a entrar

483
00:42:15,610 --> 00:42:17,510
En vuestra cuenta de 260 MB

484
00:42:17,510 --> 00:42:19,530
Y lo subís

485
00:42:19,530 --> 00:42:21,750
Lo actualizáis

486
00:42:21,750 --> 00:42:22,789
¿De acuerdo?

487
00:42:24,010 --> 00:42:25,809
Pues si es un poco complicado quizá

488
00:42:25,809 --> 00:42:27,829
Pero yo creo que sois capaces de hacerlo

489
00:42:27,829 --> 00:42:28,630
Poquito a poquito

490
00:42:28,630 --> 00:42:29,869
Un saludo