1
00:00:00,000 --> 00:00:05,860
¿Cómo personalizar el aspecto visual de la web de Centro?

2
00:00:05,860 --> 00:00:09,880
Vamos a empezar a personalizar el aspecto visual de nuestra web de Centro.

3
00:00:10,279 --> 00:00:16,780
Para ello vamos a empezar por la cabecera, que es quizás la parte más visual, más atractiva.

4
00:00:17,320 --> 00:00:20,859
La cabecera es esta zona de aquí arriba, por encima de la barra de menús,

5
00:00:21,500 --> 00:00:26,000
que por defecto tiene este aspecto, el logo de Duca Madrid, el nombre del centro...

6
00:00:26,000 --> 00:00:44,679
Realmente yo esta cabecera para personalizarla siempre me tengo que ir a editar, al diseñador web y aquí tengo toda la pestaña de cabecera, si me fijo, donde puedo ajustar, por ejemplo, la altura.

7
00:00:44,679 --> 00:00:48,200
Puedo hacer que sea un poquito más alta.

8
00:00:49,439 --> 00:00:55,039
Es importante aquí, si le marco la opción previsualizar, los cambios que voy haciendo se van viendo reflejados.

9
00:00:55,740 --> 00:00:58,079
Puedo cambiarle el color de fondo, por ejemplo.

10
00:00:59,539 --> 00:01:04,680
Puedo elegir una imagen de cabecera específica.

11
00:01:04,680 --> 00:01:18,579
Bien, todo lo que yo haga aquí al final va dirigido a conseguir una imagen de cabecera personalizada que represente a mi centro.

12
00:01:18,659 --> 00:01:31,480
Por ejemplo, en este modelo de web de centro tenemos una imagen de cabecera que hemos creado, mantenemos el fondo transparente y una anchura de 200 píxeles.

13
00:01:31,480 --> 00:01:52,879
Es importante que la imagen que hemos elegido tiene fondo transparente porque de esta forma cuando yo edite con el diseñador web, edite esta cabecera, yo puedo por ejemplo ajustar aquí, cambiar este color de fondo y en lugar de ponerle blanco ponerle por ejemplo un color amarillo.

14
00:01:52,879 --> 00:01:59,939
y al ser mi imagen de cabecera transparente permite que se muestre ese fondo amarillo.

15
00:02:00,219 --> 00:02:06,680
Si la imagen no fuera transparente, voy a descartar cambios,

16
00:02:07,760 --> 00:02:11,060
si la imagen no fuera transparente sucedería lo que estamos viendo aquí.

17
00:02:11,580 --> 00:02:14,659
Esta imagen, este logo de Duca Madrid, tiene un fondo blanco.

18
00:02:14,659 --> 00:02:19,939
Entonces se ve realmente lo que estoy viendo aquí es la imagen y el fondo amarillo

19
00:02:19,939 --> 00:02:22,360
no se ve simplemente porque esta imagen

20
00:02:22,360 --> 00:02:24,139
no tiene fondo transparente

21
00:02:24,139 --> 00:02:26,360
entonces la imagen

22
00:02:26,360 --> 00:02:27,520
que nosotros diseñamos

23
00:02:27,520 --> 00:02:29,780
va a tener ese fondo transparente

24
00:02:29,780 --> 00:02:31,620
que es lo que nos interesa