Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

WebCentro: Diseñar una Cabecera para la web

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 24 de febrero de 2019 por tic.ismie

238 visualizaciones

Más información Transcripción

Descargar la transcripción

¿Cómo personalizar el aspecto visual de la web de Centro? 00:00:00
Vamos a empezar a personalizar el aspecto visual de nuestra web de Centro. 00:00:05
Para ello vamos a empezar por la cabecera, que es quizás la parte más visual, más atractiva. 00:00:10
La cabecera es esta zona de aquí arriba, por encima de la barra de menús, 00:00:17
que por defecto tiene este aspecto, el logo de Duca Madrid, el nombre del centro... 00:00:21
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. 00:00:26
Puedo hacer que sea un poquito más alta. 00:00:44
Es importante aquí, si le marco la opción previsualizar, los cambios que voy haciendo se van viendo reflejados. 00:00:49
Puedo cambiarle el color de fondo, por ejemplo. 00:00:55
Puedo elegir una imagen de cabecera específica. 00:00:59
Bien, todo lo que yo haga aquí al final va dirigido a conseguir una imagen de cabecera personalizada que represente a mi centro. 00:01:04
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. 00:01:18
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. 00:01:31
y al ser mi imagen de cabecera transparente permite que se muestre ese fondo amarillo. 00:01:52
Si la imagen no fuera transparente, voy a descartar cambios, 00:02:00
si la imagen no fuera transparente sucedería lo que estamos viendo aquí. 00:02:07
Esta imagen, este logo de Duca Madrid, tiene un fondo blanco. 00:02:11
Entonces se ve realmente lo que estoy viendo aquí es la imagen y el fondo amarillo 00:02:14
no se ve simplemente porque esta imagen 00:02:19
no tiene fondo transparente 00:02:22
entonces la imagen 00:02:24
que nosotros diseñamos 00:02:26
va a tener ese fondo transparente 00:02:27
que es lo que nos interesa 00:02:29
Subido por:
tic.ismie
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
238
Fecha:
24 de febrero de 2019 - 21:06
Visibilidad:
URL
Centro:
Sin centro asignado
Duración:
02′ 43″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
112.91 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid