Estilo de los textos

Paso 2 - Plantilla >

Estilo de los textos

Previous pageReturn to chapter overviewNext page

Mediante los comandos de esta ventana se pueden definir los estilos que se pueden utilizar para los textos del sitio.

Un Estilo puede ser genéricamente definido como un conjunto de ajustes relativos al formato del texto y al aspecto gráfico que se puede aplicar a un elemento para modificar su aspecto. Así pues, la aplicación de un Estilo permite aplicar varios formatos simultáneamente con una única operación.

Ante todo es preciso elegir el Elemento de página del que se quiere definir el Estilo, seleccionándolo a través del menú desplegable disponible o, como alternativa, pulsando directamente sobre el elemento correspondiente en la vista previa.

Los Elementos de Página para los que se identifica y aplica un Estilo son:

Titulo de la página: es el título de las diferentes páginas del sitio web. Se toma del nombre dado a las páginas en el proceso de construcción del Mapa del Sitio en la ventana Creación de mapa o, si se hubiese especificado otro nombre, del Título completo de la página de la ventana Propiedades de la página.

Ruta de acceso de la página: es el texto que aparece inmediatamente debajo del título de la página, mediante el que se reconstruye el recorrido lógico (navegación con breadcrumbs o "migas de pan") que lleva a esa Página. La ruta de acceso lógica la reconstruye automáticamente el programa.

Encabezados: pueden establecerse como Encabezados los títulos de los diferentes párrafos y subpárrafos de la Página. Es posible definir hasta 6 niveles de Encabezado: en la edición Pro, si se activa la opción Impostar las etiquetas H1..H6 para los encabezados de la Plantilla disponible en la ventana <Estadísticas, SEO y Código |  SEO, aplicando un Estilo de Encabezado la correspondiente etiqueta <h1>..<h6> es atribuida automáticamente al texto.

Texto de la página: es el texto de cada uno de los párrafos insertados mediante el Objeto de texto. El estilo de este elemento es aplicado por defecto al abrir el editor del Objeto de texto. Modificando el estilo se actualizan automáticamente todos los textos a los que es aplicado. Mediante los comandos que pone a disposición el editor de texto es posible más tarde proceder a ulteriores modificaciones y personalizaciones que, en en cualquier caso, se pueden elminar fácilmente por medio del botón Quitar formato.

El estilo definido por este tipo de elemento se aplica también a todos los textos creados e insertados automáticamente por el programa, como por ejemplo las páginas del Área reservada, del Blog, del Motor de búsqueda interno y del Mapa del Sitio.

El tipo de Fuente definida para este elemento se usa como Fuente predeterminada para los textos del Sitio web y se ofrece en el menú desplegable para la elección del Tipo de Fuente.

Enlace: son los enlaces de hipertexto creados por medio del Objeto de texto. Un enlace puede presentar una apariencia diferente dependiendo del estado que asuma: activo, ante el paso del puntero del ratón (efecto onMouseover) o "ya visitado". Distinguir visualmente un enlace activo de un enlace ya visitado es útil para simplificar la navegación del visitante pues le recuerda qué secciones ha explorado ya.

Campo / Botón: son los campos y los botones de los formularios creados mediante el Objeto Formulario de Contacto, el Objeto Buscar o el Carrito de la compra de comercio electrónico, los campos de acceso/salir relacionados con el Área Reservada, etc. El estilo de estos elementos se aplica por defecto cuando se crea un nuevo Objeto Formulario de Contacto: más tarde será posible modificar estos ajustes para cada formulario mediante las opciones disponibles en la sección Objeto Formulario de Contacto | Estilo.

Botón Comienzo de Página: es un botón que se muestra al final de la Página y permite al Usuario regresar directamente al comienzo de esa Página, evitándole tener que desplazarla a mano.

Seleccionando el Elemento de página, es posible modificar su estilo cambiando las siguientes opciones incluidas en el recuadro Estilo:

Visualización: hace que el elemento de página sea visible o no. Esta opción, como es lógico, no está disponible para la Encabezados, el Texto de la página, los diferentes estados del enlace, los campos y los botones de los formularios que no pueden ser invisibles. Es importante especificar que hacer invisible un elemento de la página no significa eliminarlo también del código de la página: se puede, por ejemplo, hacer invisible el Titulo de la página porque se prefiere insertarlo como imagen. Pero, también en este caso, no se eliminará el tag <title> del código HTML.
Elemento: permite seleccionar de qué nivel de Encabezado (Encabezado 1 - Encabezado 6) o de qué estado del Enlace (Enlace activo / Enlace al pasar encima el ratón / Enlace ya visitado) se quiere definir el estilo.
Color Fondo / Color Texto: especifican el color del fondo y del texto del elemento de página seleccionado. Solo para el Texto de la página no es posible definir el color del fondo ya que este se ajusta en función de la plantilla elegida (ver Elección de la Template ) y/o del Estilo del Objeto definido para el Objeto de texto. Del mismo modo tampoco es posible definir el color de fondo para el Botón Comienzo de Página porque depende del estilo elegido.
Fuente: define el tipo de carácter, el estilo y el tamaño del texto. El menú desplegable ofrece lo siguiente: la lista de las Fuentes Seguras, es decir fuentes presentes en todos los dispositivos y para las cuales por tanto no es necesaria ninguna publicación; más todas las Google Fonts y las Fuentes Web añadidas mediante la ventana Fuente Web que se abre desde la opción Otros tipos de carácter.
Alineación: especifica el alineamiento del elemento de página, a elegir entre Izquierda, Centro y Derecha. Esta opción no está disponible para los diferentes estados del enlace, ya que el alineamiento del enlace de hipertexto es definido, independientemente del Estilo, durante el proceso de creación del Objeto de texto; ni para los campos y botones.
Estilo del texto: disponible solo para el enlace en los diferentes estados, configura el estilo del texto como Normal o Subrayado.
Puntero: disponible solo para el Enlace activo, y tomado automáticamente también de los otros dos estados del enlace, especifica el aspecto que asume el puntero del ratón al paso sobre el enlace. Pulsando en se puede seleccionar el archivo .CUR, .ICO o .ANI que se desea utilizar.
Color Borde: especifica el color de los bordes que se pueden añadir al Titulo de la página, a la Ruta de acceso de la página, al Campo e al Botón de los formularios y al Menú del pie de página.
Espesor: define el espesor del borde del Campo y del Botón de los formularios, también individualmente.
Esquinas redondeadas: define el factor de redondeo de las esquinas del Campo y del Botón de los formularios, también individualmente.
Margen: define el valor en píxeles de los márgenes interiores aplicables al texto del Campo y del Botón de los formularios. A su vez, en el caso de los Encabezados, especifica el valor del margen superior e inferior.
Sombra: aplica una sombra dentro del Campo, definiendo su color, la posición, la difusión y el tamaño.
Margen horizontal: permite especificar el margen horizontal para el Titulo de la página, la Ruta de acceso de la página y el Menú del pie de página.
Estilo: definisce lo stile grafico del Pulsante Inizio Pagina scegliendo fra gli stili disponibili. Sobre el Botón se aplica automáticamente un efecto al paso del ratón para favorecer su uso por parte de los Usuarios.