Publicado el 1 comentario

Cómo personalizar tu web

Este post enlaza con la sección del manual dedicado a la personalización y el uso del personalizador. Si has estado leyendo mi manual seguro que ya sabes dónde se encuentra.

He maquetado la entrada en dos columnas, también te he explicado cómo en entradas anteriores. En una columna tienes paletas de colores para que te diviertas y en otro una serie de ejercicios prácticos que me gustaría que realizaras sin mirar el manual. ¿Estás list@? Pues sigue leyendo.

Un toque de color

Los colores son el equivalente de los textiles en una web. Bien combinados hacen que centremos la atención en determinados elementos, también nos ayudan a poner orden, mira la sección de la derecha. El fondo de color sirve para diferenciar la sección de prácticas del resto. 😀

He elaborado unas paletas de colores pensando en ti. Puedes entretenerte mezclándolas entre ellas para conseguir nuevas combinaciones.

Como verás hay unos códigos sobre los colores, son los que tienes que colocar para personalizar los fondos, los textos…

También puedes visitar la página de Adobe en busca de inspiración.

https://color.adobe.com/es/explore

Amarillo, verde y naranja

Una paleta muy natural, casi frutal.

#E6D15B

#DDA031

#C9C569

Naranjas y marrones

Para los que buscan sentirse en contacto con la tierra.

#BB5F40

#E1CAB0

#D88B23

Verdes

Siente el frescor de la naturaleza.

#5B6952

#D6EBCF

#697E3D

Azules

Los azules siempre nos recuerdan al mar.

#163681

#C2F0F8

#97B8BD

Rojizos y tostados

Una paleta fresca y vibrante, donde conviven el poder del rojo con la suavidad del tostado.

#FF8181

#8C0000

#DFB086

Morados

Un toque de fantasía.

#473A7C

#6E3B7D

#CFC8D7

Prácticas

Ha llegado el momento de que ejercites lo que has aprendido en el manual en el apartado de Personalizar.

Intenta hacerlo sin mirar el manual.

  1. Cambia el color de los botones.
  2. Coloca tu propio favicono.
  3. Cambia el color del fondo.
  4. Cambia el logo.
  5. Cambia el color de los enlaces.
  6. Cambia el color del pie de página.
  7. Coloca una imagen de fondo.
  8. Añade un widget nuevo en una columna del pie de página.
  9. Añade un widget debajo de la cabecera.
  10. Añade un widget en la barra lateral.

¿Me he dejado algo?

¿Se te ocurre algo más?

¡Experimenta y diviértete!

1 comentario en “Cómo personalizar tu web

  1. ¡¡¡Qué divertido!!!

Deja una respuesta