Tutorial Artisteer (parte 9)

Valora este artículo
(0 votos)

Aquí os traigo la novena parte del tutorial de Artisteer.

Ya queda menos para que completemos este tutorial y podáis crear vustras propias plantillas web, para el gestor de contenidos que mas os guste.

Comenzamos:

 

Esta parte hablaremos del apartado BLOQUES, el cual sirve par configurar el comportamiento de los diferentes bloques. Los bloques son los diferentes apartados de una web, para los que conocen Joomla, serían el equivalente a un módulo. Si pasamos el ratón por los diferentes sitios del diseño de nuestra web, veremos como se ven las diferentes divisiones, separados por lineas amarillas.

Vamos a ver el menú en si:

Como va siendo habitual en este programa tenemos SUGERIR BLOQUES, que lo que hará es enseñarnos diferentes ideas o diseños de los BLOQUES, si pinchamos veremos como va cambiando el aspecto de nuestros bloques.

Al lado tenemos ESTILOS DEL BLOQUE donde podemos elegir si nuestro bloque lo queremos con encabezado, con borde,con relleno de color etc.. la mejor forma de verlo es pinchar en la flecha y nos aparecerá un desplegable como este.

Si pasamos el ratón por los diferentes diseños, veremos como cambia de forma los bloques, así veremos como se quedaría para saber si nos interesa o no.

Si pinchamos en ESTILO podemos observar en el desplegable como nos aparece las diferentes opciones para elegir la DISTANCIA Y ESPACIO entre los bloques.

 

Como podemos observar hay diferentes medidas en px, si queréis hacerlo manualmente solo basta con pinchar en MÁS DISTANCIAS o MÁS ESPACIAMIENTO.

Al lado tenemos FONDO, ENCABEZADO y CONTENIDO.

Esto nos servirá para darle color, relleno, transparencia, borde, etc.... a todos nuestros bloques, ya sea para FONDO, ENCABEZADO o CONTENIDO. Como va siendo habitual en ARTISTEER esto no debería ser ajeno a vuestros conocimientos. Si no, solo tenéis que repasar las anteriores partes de este tutorial.

Por último tenemos CONTENIDO DEL BLOQUE, aquí le daremos el comportamiento que queremos respecto al texto de dentro de nuestros diferentes bloques.

 

Como vemos podemos indicarle el MARGIN LEFT (margen izquierdo), MARGIN RIGTH (margen derecho), LINE SPACING (espacio entre lineas) y CHARADTER SPACING (espacio entre caracteres) en la línea de arriba.

En la línea de abajo tendríamos FUENTE, LINK O ENLACES, VIÑETAS O LISTADOS e IMÁGENES, esto también viene siendo habitual y ademas también es habitual en los procesadores de textos, con lo cual muchos de vosotros ya lo conocéis.

Bueno, con esto hemos acabado la novena parte de este tutorial, en el próximo hablaremos de MENÚ VERTICAL. Nos vemos pronto en la parte número 10.

Visto 657 veces
Martes, 20 Enero 2015 00:10 Escrito por  In Tutoriales
Javi Serrano

Repartidor e instalador de electrodomésticos profesionalmente. Apasionado del mundo de MotoGP. Descubriendo cada día mas cosas sobre el Diseño Web, HTML y aprendiendo e investigando Joomla, PrestaShop y Worpress.