1
00:00:02,029 --> 00:00:15,109
Hola, hola a todos. Bien, vamos a empezar esta colección de vídeos de Wix y vamos a empezar, supongo que ya habéis creado un sitio, os recomiendo que lo hagáis empleando el Gmail, ¿de acuerdo?

2
00:00:15,650 --> 00:00:28,210
Entonces, llegamos al inicio en donde yo tengo aquí, después de muchos años, muchas páginas web. Os recuerdo que con Wix no solamente se os da permiso hacer una página web, sino bastantes, ¿de acuerdo?

3
00:00:28,210 --> 00:00:34,729
Bien, pues para ello, para empezar a crear una nueva página web, vamos aquí a crear un sitio nuevo.

4
00:00:35,049 --> 00:00:39,850
Y lo vamos a hacer siempre desde blanco, ¿de acuerdo? Sin utilizar ningún tipo de ayuda.

5
00:00:43,960 --> 00:00:48,320
Vamos a configurarlo sin inteligencia artificial, aunque luego nos apoyaremos en ella.

6
00:00:50,789 --> 00:00:54,789
¿Qué tipo de sitio web quieres crear? Nada, omitimos, no quiero tanta ayuda.

7
00:00:57,130 --> 00:01:01,149
Ahora, ¿qué nombre te gustaría poner a tu sitio? Luego lo podemos hacer, omitimos.

8
00:01:01,149 --> 00:01:08,700
qué deseas agregar a tu sitio, nada, omitimos, ya lo haré yo todo

9
00:01:08,700 --> 00:01:14,159
y ahora podemos ir al panel de control o bien usar una plantilla

10
00:01:14,159 --> 00:01:18,819
curiosamente para no utilizar una plantilla tenemos que dar aquí a usar una plantilla

11
00:01:18,819 --> 00:01:26,000
y aquí vamos a utilizar de todas las plantillas que se nos ofrecen

12
00:01:26,000 --> 00:01:28,480
vamos a utilizar una en blanco

13
00:01:28,480 --> 00:01:32,319
y dentro de las plantillas en blanco

14
00:01:32,319 --> 00:01:40,260
Esto es como PowerPoint, que me ofrece aquí, digamos, banners para poner distintos elementos.

15
00:01:40,700 --> 00:01:42,780
Vamos a ponerle una en blanco.

16
00:01:43,099 --> 00:01:43,680
Vamos a editar.

17
00:01:45,420 --> 00:01:46,299
Tarda un poquito.

18
00:01:47,939 --> 00:01:50,640
Mientras compone el editor de HTML5.

19
00:01:51,859 --> 00:01:52,459
Paciencia.

20
00:02:07,519 --> 00:02:09,000
Bien, ya estamos aquí.

21
00:02:09,860 --> 00:02:11,979
Esto es una cosa que nos pone ahora siempre.

22
00:02:12,560 --> 00:02:13,360
Vamos a chatear.

23
00:02:13,360 --> 00:02:19,099
buena. Entonces, esta es la presentación de nuestra página web. Tenemos una página

24
00:02:19,099 --> 00:02:25,919
web en blanco completamente, en donde tenemos un encabezado, tenemos una sección, se pueden

25
00:02:25,919 --> 00:02:32,400
agregar más secciones al cuerpo y tenemos también un pie de página. Bien, lo primero,

26
00:02:33,120 --> 00:02:37,500
antes de agregar ningún elemento, es hacer el diseño básico. Es decir, el diseño básico

27
00:02:37,500 --> 00:02:40,840
del encabezado, cuerpo y pie de página.

28
00:02:41,680 --> 00:02:45,439
Para ello el primero y muy importante últimamente son los colores

29
00:02:45,439 --> 00:02:49,159
y diseño general del tema. Para ello nos venimos aquí

30
00:02:49,159 --> 00:02:51,879
a diseño del sitio. Hacemos clic

31
00:02:51,879 --> 00:02:57,159
y vemos que tenemos temas del sitio, es decir, los colores típicos, tenemos

32
00:02:57,159 --> 00:03:01,400
distintas colecciones. Vamos de momento

33
00:03:01,400 --> 00:03:05,659
a prescindir de ellos porque nosotros podemos

34
00:03:05,659 --> 00:03:09,979
personalizarlo, aquí podemos cambiar el tema

35
00:03:09,979 --> 00:03:16,639
si ya lo hubiéramos elegido, o bien

36
00:03:16,639 --> 00:03:20,860
lo podríamos, aquí el tema de color, podríamos cambiar el tema de color

37
00:03:20,860 --> 00:03:24,400
y personalizarlo, mirad, tengo aquí

38
00:03:24,400 --> 00:03:27,699
utilizando inteligencia artificial

39
00:03:27,699 --> 00:03:32,419
vamos a ver luego un ejemplo de cómo se hace esto, ¿de acuerdo? primeramente

40
00:03:32,419 --> 00:03:36,419
yo puedo elegir los temas

41
00:03:36,419 --> 00:03:39,840
de color que yo quiera, los colores base, primeramente

42
00:03:39,840 --> 00:03:44,199
aquí si hacéis en información, dice que los colores base

43
00:03:44,199 --> 00:03:48,340
normalmente se usan para el fondo y el texto, entonces este va a ser

44
00:03:48,340 --> 00:03:52,039
este va a ser el color del fondo y este el color de texto

45
00:03:52,039 --> 00:03:55,819
por defecto, y luego tenemos otros distintos colores

46
00:03:55,819 --> 00:03:59,719
aquí en ajustes avanzados, también tenemos para el fondo principal

47
00:03:59,719 --> 00:04:04,159
nuevamente, un fondo secundario, líneas separadores, títulos

48
00:04:04,159 --> 00:04:06,240
subtítulos, el cuerpo

49
00:04:06,240 --> 00:04:08,439
los párrafos, los enlaces, etc

50
00:04:08,439 --> 00:04:10,539
todo esto se puede ir cambiando

51
00:04:10,539 --> 00:04:12,520
como veis, haciendo clic

52
00:04:12,520 --> 00:04:14,639
sobre él, se podría cambiar colores

53
00:04:14,639 --> 00:04:18,060
bien

54
00:04:18,060 --> 00:04:20,279
entonces

55
00:04:20,279 --> 00:04:22,959
lo que yo voy a hacer ahora va a ser

56
00:04:22,959 --> 00:04:25,240
utilizar

57
00:04:25,240 --> 00:04:26,980
voy a cambiar el color del tema

58
00:04:26,980 --> 00:04:28,959
y voy a subir un logo

59
00:04:28,959 --> 00:04:30,980
supongamos

60
00:04:30,980 --> 00:04:33,100
utilizando

61
00:04:33,100 --> 00:04:34,540
inteligencia artificial, para luego

62
00:04:34,540 --> 00:04:39,019
vamos a subir un logo, por ejemplo yo tengo aquí el logo de Coca-Cola

63
00:04:39,019 --> 00:04:47,629
perdón, de Persicola, tarda un poquito, con lo cual paciencia también

64
00:04:47,629 --> 00:05:03,319
vale, ya lo tengo aquí completo, lo señalo

65
00:05:03,319 --> 00:05:07,319
y escojo la imagen, bien, entonces él ahora

66
00:05:07,319 --> 00:05:11,540
está calculando las distintas familias, digamos de colores

67
00:05:11,540 --> 00:05:15,620
más parecido al logo, se supone de mi empresa, de mi corporación

68
00:05:15,620 --> 00:05:19,600
etcétera, vale, para mantener una armonía de colores

69
00:05:19,600 --> 00:05:21,360
dentro de mi página web

70
00:05:21,360 --> 00:05:23,100
entonces yo podría elegir

71
00:05:23,100 --> 00:05:25,220
cualquiera de estas familias que me ofrece

72
00:05:25,220 --> 00:05:27,740
bueno, pues vamos a elegir por ejemplo

73
00:05:27,740 --> 00:05:29,379
esta familia de aquí

74
00:05:29,379 --> 00:05:31,459
elijo esta

75
00:05:31,459 --> 00:05:33,360
y vemos a ver cómo ha cambiado la cosa

76
00:05:33,360 --> 00:05:34,899
vuelvo

77
00:05:34,899 --> 00:05:37,660
al diseño del sitio

78
00:05:37,660 --> 00:05:40,019
vemos los colores que yo he elegido

79
00:05:40,019 --> 00:05:41,860
los temas de color

80
00:05:41,860 --> 00:05:43,319
el llama puesto

81
00:05:43,319 --> 00:05:45,100
como vemos

82
00:05:45,100 --> 00:05:47,939
los colores de énfasis que ha considerado oportunos

83
00:05:47,939 --> 00:05:50,420
y en ajustes avanzados lo mismo.

84
00:05:51,319 --> 00:05:54,439
Yo lo podría cambiar aquí, pero voy a dejarlo para después, ¿vale?

85
00:05:55,079 --> 00:06:01,100
Una vez elegidos los colores del sitio, puedo elegir el tema de texto.

86
00:06:02,879 --> 00:06:04,439
Los encabezados principales.

87
00:06:05,319 --> 00:06:11,720
Aquí él me ha dicho que según lo que yo tengo, según los colores que yo he elegido,

88
00:06:11,720 --> 00:06:15,600
según mi logo, según la inteligencia artificial, según mis colores,

89
00:06:15,600 --> 00:06:18,920
él, digamos que ha deducido

90
00:06:18,920 --> 00:06:22,420
que el tema de texto

91
00:06:22,420 --> 00:06:24,620
el encabezado es una hermética bold

92
00:06:24,620 --> 00:06:26,139
de 60 puntos

93
00:06:26,139 --> 00:06:28,519
los H2 encabezados de grado 2

94
00:06:28,519 --> 00:06:30,420
son hermética bold de 40

95
00:06:30,420 --> 00:06:32,000
y los de 3

96
00:06:32,000 --> 00:06:34,360
encabezados de grado 3 son de 38

97
00:06:34,360 --> 00:06:35,540
yo esto lo puedo cambiar

98
00:06:35,540 --> 00:06:37,300
por ejemplo, si no me convence

99
00:06:37,300 --> 00:06:38,800
hago clic

100
00:06:38,800 --> 00:06:41,220
y yo le puedo cambiar la familia

101
00:06:41,220 --> 00:06:43,139
vamos a ponerle por ejemplo

102
00:06:43,139 --> 00:06:44,720
Comic Sans o Lobster

103
00:06:44,720 --> 00:06:49,379
por ejemplo, un óster, 60 es muy grande, vamos a ponerle, por ejemplo, 45,

104
00:06:50,360 --> 00:06:55,759
le puedo poner en negrita, en cursiva, y le puedo cambiar aquí el color.

105
00:06:56,199 --> 00:06:59,319
Vemos que son los colores del tema que con inteligencia artificial

106
00:06:59,319 --> 00:07:01,259
él ha deducido de la persa.

107
00:07:01,839 --> 00:07:08,100
Vamos a ponerle este, aplicamos, y aplicamos.

108
00:07:08,800 --> 00:07:12,100
Ya tenemos aquí el encabezado de grado 1.

109
00:07:12,860 --> 00:07:20,060
El encabezado de grado 2, pues lo lógico es que también sea lobster, para seguir, digamos, una estética común.

110
00:07:23,139 --> 00:07:28,079
Vamos a poner más pequeñita, por ejemplo, de 32 puntos, por ejemplo.

111
00:07:31,100 --> 00:07:35,759
Ahora, le cambio este color del tema, aplicamos.

112
00:07:35,759 --> 00:07:46,589
Y el encabezado de grado 3, igual, una lobster, vamos a ponerle, por ejemplo, de 25 puntos.

113
00:07:47,490 --> 00:07:51,089
Y el tema, el color este del tema.

114
00:07:51,250 --> 00:08:08,790
Aplicamos. Podríamos seguir así hasta el encabezado de grado 6 y luego tengo distintos párrafos. Vamos a utilizar solamente un párrafo. Vamos a definir el párrafo 1 y que sigamos la estética que hemos aplicado hasta el momento.

115
00:08:08,790 --> 00:08:17,959
es decir, la familia Lobster y la letra de párrafo que vamos a poner la más pequeña,

116
00:08:18,139 --> 00:08:23,680
como por ejemplo de 15 puntos, y para que se entienda bien vamos a ponerla negra.

117
00:08:25,160 --> 00:08:32,480
Aplicamos, aplicamos y ya tenemos también dos párrafos, es decir, tenemos los colores, los párrafos,

118
00:08:32,480 --> 00:08:43,740
Y ahora vamos a definir, vamos a dar formato, diseñamos el encabezado, el pie de página y los colores de la sección.

119
00:08:44,799 --> 00:08:50,899
Para ello hacemos clic en el encabezado y podemos darle a cambia diseño de tu encabezado.

120
00:08:51,779 --> 00:09:00,620
Y aquí me salen los diseños que tengo, que son de muchos tipos, pero también se pueden personalizar.

121
00:09:02,480 --> 00:09:14,009
Aquí tengo distintos encabezados, formas de encabezados, cambiándolos, por ejemplo, este,

122
00:09:14,909 --> 00:09:23,990
y aquí vemos que se puede cambiar para cada uno de ellos, puedo cambiar, o bien, el fondo, el color y opacidad, y luego el borde.

123
00:09:24,490 --> 00:09:31,690
Bien, elijamos, por ejemplo, este. Vemos que en color y opacidad me sale blanco, se puede cambiar,

124
00:09:31,929 --> 00:09:36,110
es un color, el blanco del diseño con inteligencia artificial, pero yo en cualquier momento lo puedo cambiar.

125
00:09:36,110 --> 00:09:38,669
bien por un color que me ha dado del tema

126
00:09:38,669 --> 00:09:43,490
o bien agregando un color de los casi 17 millones

127
00:09:43,490 --> 00:09:45,950
que son disponibles en HTML

128
00:09:45,950 --> 00:09:47,929
bueno, pues vamos a ponerle

129
00:09:47,929 --> 00:09:50,110
para que no nos vayamos del tema, por ejemplo

130
00:09:50,110 --> 00:09:52,629
este color

131
00:09:52,629 --> 00:09:53,710
así

132
00:09:53,710 --> 00:09:58,330
y en el fondo

133
00:09:58,330 --> 00:10:01,210
vemos que podemos cambiar también

134
00:10:01,210 --> 00:10:04,090
el fondo de más negro a más claro

135
00:10:04,090 --> 00:10:06,129
y el fondo, el borde

136
00:10:06,129 --> 00:10:10,210
le puedo poner más o menos opacidad al borde

137
00:10:10,210 --> 00:10:12,190
y más o menos ancho

138
00:10:12,190 --> 00:10:17,889
el color del tema, por ejemplo, le podría poner un azul

139
00:10:17,889 --> 00:10:26,899
vamos a ponerle este, por ejemplo, y vamos a ponerle, por ejemplo, más anchura

140
00:10:26,899 --> 00:10:32,629
ya estamos, vemos que dentro de ellos podría elegir muchos más

141
00:10:32,629 --> 00:10:36,409
y cada uno tendría distintas opciones que no son iguales para cada uno

142
00:10:36,409 --> 00:10:40,289
bien, pues ya tengo, en este caso

143
00:10:40,289 --> 00:10:42,929
el encabezado, vamos al pie de página

144
00:10:42,929 --> 00:10:44,230
y es muy similar

145
00:10:44,230 --> 00:10:46,850
siempre me viene política de privacidad

146
00:10:46,850 --> 00:10:49,129
que la podemos eliminar, esto sería un enlace

147
00:10:49,129 --> 00:10:51,330
a mi política de privacidad

148
00:10:51,330 --> 00:10:52,289
lo suprimo

149
00:10:52,289 --> 00:10:55,029
y vamos ahora

150
00:10:55,029 --> 00:10:56,929
hago clic y me sale

151
00:10:56,929 --> 00:10:58,970
un menú muy parecido a antes

152
00:10:58,970 --> 00:11:00,450
vamos a cambiar el diseño

153
00:11:00,450 --> 00:11:03,289
y vamos a ponerlo

154
00:11:03,289 --> 00:11:05,250
pues algo

155
00:11:05,250 --> 00:11:06,830
similar a lo que hemos puesto antes

156
00:11:06,830 --> 00:11:10,570
el fondo, ahora lo voy a cambiar

157
00:11:10,570 --> 00:11:25,840
un poco, lo voy a poner más clarito y vamos a darle un borde con menos opacidad, más

158
00:11:25,840 --> 00:11:39,549
anchito, esto ya os digo que es un post de diseño, lo seleccionamos y ya estamos. La

159
00:11:39,549 --> 00:11:44,210
edición rápida es para añadir rápidamente elementos, yo no lo recomiendo, ¿de acuerdo?

160
00:11:45,409 --> 00:11:54,990
Vale, si selecciono otra vez el pie de página, por ejemplo, y le doy a los ajustes, puedo

161
00:11:54,990 --> 00:12:01,789
poner el pie de página fijo, significa el pie de página fijo que yo me muevo arriba

162
00:12:01,789 --> 00:12:08,230
y abajo y el pie de página se quedaría fijo, ¿de acuerdo? No seguiría el scroll que hago

163
00:12:08,230 --> 00:12:12,629
con el ratón, quedaría siempre en esta posición. La verdad que si no es una información muy

164
00:12:12,629 --> 00:12:22,330
interesante, mejor eliminarlo. Vale, pues ya tengo aquí el pie de página, tengo también

165
00:12:22,330 --> 00:12:38,100
el encabezado y ahora vamos al cuerpo, las secciones. Se pueden añadir muchas secciones,

166
00:12:38,700 --> 00:12:44,019
es decir, de estas pueden haber varias. Yo de momento voy a dejar solamente una y en

167
00:12:44,019 --> 00:12:50,960
ella también puedo cambiar el fondo, por ejemplo. Vamos a cambiar el fondo, le puedo

168
00:12:50,960 --> 00:12:58,820
poner un color, una imagen, un vídeo, pero este fondo sería el fondo de toda esta sección

169
00:12:58,820 --> 00:13:04,639
que como vemos pasan los límites, es importante ver que los límites son estos

170
00:13:04,639 --> 00:13:10,299
más allá de esta región, aquí por la derecha y aquí por la derecha

171
00:13:10,299 --> 00:13:12,840
izquierda estaría prohibido en teoría

172
00:13:12,840 --> 00:13:18,700
el fondo también se podría haber cambiado, aquí el diseño, el fondo de todo

173
00:13:18,700 --> 00:13:24,320
el fondo de página, podríamos haber puesto un color, una imagen

174
00:13:24,320 --> 00:13:28,379
dentro de las imágenes, yo podría haberme subido

175
00:13:28,379 --> 00:13:29,580
una imagen que yo tuviera

176
00:13:29,580 --> 00:13:32,120
o bien explorar dentro de las colecciones

177
00:13:32,120 --> 00:13:33,360
de Wix

178
00:13:33,360 --> 00:13:36,460
de Shutterstock y de Ansplash

179
00:13:36,460 --> 00:13:37,679
¿vale? vamos a ver por ejemplo

180
00:13:37,679 --> 00:13:39,500
el multimedia que tengo de Wix

181
00:13:39,500 --> 00:13:42,200
en Wix tengo

182
00:13:42,200 --> 00:13:44,440
podría buscar aquí por categorías

183
00:13:44,440 --> 00:13:46,360
filtrar por imágenes

184
00:13:46,360 --> 00:13:50,080
o bien por todo

185
00:13:50,080 --> 00:13:52,159
¿de acuerdo? o bien también

186
00:13:52,159 --> 00:13:54,399
podríamos haber puesto incluso un vídeo

187
00:13:54,399 --> 00:13:57,259
los vídeos que tengo

188
00:13:57,259 --> 00:14:03,139
pues por ejemplo, le podría haber puesto este vídeo

189
00:14:03,139 --> 00:14:05,740
son, digamos, bastante interactivos

190
00:14:05,740 --> 00:14:07,840
lo que pasa es que para un fondo de página web

191
00:14:07,840 --> 00:14:08,899
va a quitar, digamos

192
00:14:08,899 --> 00:14:11,759
visibilidad al contenido, ¿de acuerdo?

193
00:14:12,000 --> 00:14:13,820
por ejemplo, aquí también podría haber puesto este

194
00:14:13,820 --> 00:14:15,039
las dunas

195
00:14:15,039 --> 00:14:18,700
vamos a poner estas dunas

196
00:14:18,700 --> 00:14:24,940
y aquí vemos cómo quedaría la página web

197
00:14:24,940 --> 00:14:28,940
me quedaría así

198
00:14:28,940 --> 00:14:32,700
en principio, aquí no vemos que se estén moviendo las dunas

199
00:14:32,700 --> 00:14:35,159
esto hay que verlo cuando ya está la página

200
00:14:35,159 --> 00:14:36,919
publicada, bien en vista previa

201
00:14:36,919 --> 00:14:39,159
primeramente vamos aquí

202
00:14:39,159 --> 00:14:40,659
a guardar, de acuerdo

203
00:14:40,659 --> 00:14:42,679
según vayamos trabajando vamos guardando

204
00:14:42,679 --> 00:14:45,519
y cuando le damos a guardar

205
00:14:45,519 --> 00:14:46,299
le damos

206
00:14:46,299 --> 00:14:49,399
el nombre, vemos que tiene

207
00:14:49,399 --> 00:14:51,019
en mi caso es resoñando 10

208
00:14:51,019 --> 00:14:53,000
mi correo electrónico, le pone como su dominio

209
00:14:53,000 --> 00:14:55,039
quicksite.com y ahora le pone

210
00:14:55,039 --> 00:14:57,320
el nombre, por ejemplo

211
00:14:57,320 --> 00:14:58,360
voy a ponerle borrame

212
00:14:58,360 --> 00:15:02,620
5

213
00:15:02,620 --> 00:15:05,299
comprueba que existe

214
00:15:05,299 --> 00:15:07,500
guardamos y continuamos

215
00:15:07,500 --> 00:15:11,970
vamos a publicarlo

216
00:15:11,970 --> 00:15:14,190
lo podríamos haber hecho aquí también

217
00:15:14,190 --> 00:15:16,330
y una vez publicado

218
00:15:16,330 --> 00:15:17,850
vamos a ver el sitio

219
00:15:17,850 --> 00:15:21,710
y así es como me queda

220
00:15:21,710 --> 00:15:24,190
aquí tengo el encabezado que de momento no he puesto nada

221
00:15:24,190 --> 00:15:26,169
y el pie de página aquí

222
00:15:26,169 --> 00:15:28,610
vemos que el encabezado

223
00:15:28,610 --> 00:15:29,470
se queda fijo

224
00:15:29,470 --> 00:15:32,190
el pie de página no, según hago yo

225
00:15:32,190 --> 00:15:34,409
con el ratón, bien, vamos

226
00:15:34,409 --> 00:15:34,830
de nuevo

227
00:15:34,830 --> 00:15:37,350
a la página

228
00:15:37,350 --> 00:15:42,399
podría yo cambiar el fondo de la selección

229
00:15:42,399 --> 00:15:47,559
podríamos haber puesto un color, otra imagen

230
00:15:47,559 --> 00:15:51,419
otro color, otra imagen, incluso un vídeo

231
00:15:51,419 --> 00:15:53,919
a lo que es esta sección de aquí

232
00:15:53,919 --> 00:16:00,059
una cosa es el fondo de la sección y otra cosa es el fondo

233
00:16:00,059 --> 00:16:03,679
de toda la página web, bien, pues voy a ponerle por ejemplo

234
00:16:03,679 --> 00:16:07,980
un color, si le pusiera

235
00:16:07,980 --> 00:16:11,139
un color me lo tapa entero, sin embargo

236
00:16:11,139 --> 00:16:13,740
si le pongo un degradado

237
00:16:13,740 --> 00:16:15,960
mirad, me da la opción

238
00:16:15,960 --> 00:16:17,879
en este caso

239
00:16:17,879 --> 00:16:20,000
lineal

240
00:16:20,000 --> 00:16:20,720
radial

241
00:16:20,720 --> 00:16:23,600
me da la opción de ponerle

242
00:16:23,600 --> 00:16:25,980
transparencia, con lo cual

243
00:16:25,980 --> 00:16:27,080
se me ve el fondo

244
00:16:27,080 --> 00:16:29,659
y así le da un efecto, digamos

245
00:16:29,659 --> 00:16:32,059
de combinación de colores

246
00:16:32,059 --> 00:16:33,460
entre lo que es el fondo

247
00:16:33,460 --> 00:16:35,320
y el fondo de la sección

248
00:16:35,320 --> 00:16:37,700
también por ejemplo

249
00:16:37,700 --> 00:16:39,139
le podría haber puesto esto

250
00:16:39,139 --> 00:16:45,940
etcétera, como veis tengo muchas

251
00:16:45,940 --> 00:16:48,039
combinaciones, voy a dejarlo de momento

252
00:16:48,039 --> 00:16:48,820
con degradado

253
00:16:48,820 --> 00:16:54,379
de esta forma, voy a quitarle

254
00:16:54,379 --> 00:17:00,639
más transparencia, aquí

255
00:17:00,639 --> 00:17:02,399
vemos como tengo, como se me queda

256
00:17:02,399 --> 00:17:08,650
edición rápida como digo es para

257
00:17:08,650 --> 00:17:10,329
introducirle elementos

258
00:17:10,329 --> 00:17:12,089
de manera rápida, no lo recomiendo

259
00:17:12,089 --> 00:17:19,210
y aquí tengo una cosa muy curiosa

260
00:17:19,210 --> 00:17:20,369
que es separadores de forma

261
00:17:20,369 --> 00:17:22,490
los separadores de forma se aplican

262
00:17:22,490 --> 00:17:25,309
debajo de cada sección que apliquemos

263
00:17:25,309 --> 00:17:25,869
¿de acuerdo?

264
00:17:26,809 --> 00:17:30,549
Mirad, vamos a ponerle, por ejemplo, este separador de forma.

265
00:17:32,369 --> 00:17:36,269
Le ponemos este separador, pero vamos a personalizarlo, ¿de acuerdo?

266
00:17:37,450 --> 00:17:39,509
Entonces, la altura, vamos a quitar la altura.

267
00:17:41,269 --> 00:17:42,650
También, opacidad.

268
00:17:47,059 --> 00:17:48,339
Le podríamos aquí cambiar el color.

269
00:17:49,920 --> 00:17:51,940
Vamos a quitarle más altura todavía, un poquito más.

270
00:17:52,980 --> 00:17:58,000
Desplazamiento horizontal, me lo lleva, de esta forma, como veis, va cambiando la onda, por así decirlo.

271
00:17:58,000 --> 00:18:00,099
bien, vamos a dejar así por ejemplo

272
00:18:00,099 --> 00:18:01,039
menos altura

273
00:18:01,039 --> 00:18:04,380
y luego el efecto de capa que lo que va a hacer es difuminarlo

274
00:18:04,380 --> 00:18:05,799
como ves

275
00:18:05,799 --> 00:18:07,460
podríamos haberlo invertido

276
00:18:07,460 --> 00:18:09,640
bien

277
00:18:09,640 --> 00:18:12,240
pues de momento ya lo dejamos así

278
00:18:12,240 --> 00:18:14,400
y hasta aquí

279
00:18:14,400 --> 00:18:16,380
esta presentación de este vídeo

280
00:18:16,380 --> 00:18:18,500
¿de acuerdo? es decir, hemos visto el diseño básico

281
00:18:18,500 --> 00:18:20,500
hemos visto los temas

282
00:18:20,500 --> 00:18:21,880
el diseño del sitio

283
00:18:21,880 --> 00:18:23,359
el encabezado

284
00:18:23,359 --> 00:18:26,400
las secciones, que como digo, se pueden introducir

285
00:18:26,400 --> 00:18:27,140
más secciones

286
00:18:27,140 --> 00:18:29,700
y el pie de página, ¿ok?

287
00:18:30,400 --> 00:18:36,720
Bien, en próximos vídeos ya veremos cómo agregar más elementos ya a la página web,

288
00:18:36,799 --> 00:18:44,140
es decir, veremos cómo introducir textos, imágenes, veremos cómo meter cuadros,

289
00:18:46,019 --> 00:18:51,619
cuadros contenedores de contenido, cuadros decorativos, galerías multimedia, etc.

290
00:18:52,420 --> 00:18:54,539
Vale, pues hasta aquí, muchas gracias.