Los comandos de la sección Contenido

Paso 4 - Páginas > Objeto Tabla >

Los comandos de la sección Contenido

Previous pageReturn to chapter overviewNext page

Esta sección pone a disposición un editor mediante el que es posible proceder a la creación de una tabla. El editor de texto se compone de una Barra de Herramientas superior, un área de trabajo en el que diseñar la tabla e insertar los contenidos y, en el caso de la edición Pro, al fondo, una serie de lengüetas correspondientes a las fichas de texto que se quiere activar.

La Barra de Herramientas del editor ofrece los siguientes comandos:

Cortar [CTRL+X] - Copiar [CTRL+C] - Pegar [CTRL+V]

Cortan, copian y pegan el texto seleccionado. El texto pegado mantiene todo el formato original.

Insertar especial [CTRL+SHIFT+V]

Pega el texto que ha sido cortado o copiado con los comandos Cortar y Copiar. En este caso, antes de ser pegado, al texto se le quita todo el formato que tuviera asociado originalmente y asume el definido en el editor.

Deshacer [CTRL+Z] - Restablecer

Anulan y restablecen la última operación realizada/anulada.

Insertar enlace [CTRL+L]

Establece un enlace hipertextual en la/s palabra/s seleccionada/s. En la ventana que se abre se pueden definir los ajustes del Enlace.

Insertar imagen

Inserta una imagen (en formato .JPG, .GIF, .PNG, .BMP) dentro de la celda de la tabla. Pulsando sobre el triangulito que hay en el botón Insertar imagen se despliega un submenú con los siguientes elementos: Imagen desde archivo... y Imagen desde la Librería Online....

Mediante la ventana que se abre con el comando Imagen desde la Librería Online... se muestra una colección de más de 900.000 imágenes de libre distribución entre las que es fácil elegir las que se desea añadir al Proyecto.

El tamaño de las imágenes introducidas puede ser libremente cambiado utilizando las manillas de selección.

Pulsando con el botón derecho del ratón sobre la imagen añadida se abre un menú contextual que ofrece los comandos necesarios para efectuar las operaciones de cortar, copiar y pegar; además del botón para abrir la ventana Propiedades de Imagen.

Activar código HTML

Permite introducir directamente el código HTML dentro de la tabla. En modalidad HTML, los caracteres "<" y ">" no son interpretados como "menor" y "mayor"; lo que es introducido entre ellos es interpretado como un tag HTML.

Ajustes para el RollOver

Aplica el efecto RollOver al texto, pasándolo de estático a deslizable. En la ventana que se abre se pueden definir los ajustes del RollOver.

Fondo claro/oscuro

Define un color claro u oscuro para el fondo del Editor: de esta manera es más sencillo, por ejemplo, redactar los textos que deben ser de color blanco para tener un contraste adecuado respecto al fondo establecido en la plantilla aplicada.

Añadir fila / Eliminar fila / Añadir columna / Eliminar columna

Permiten añadir una fila o una columna después de aquella en la que está situado el cursor del ratón, o eliminar la fila o la columna en la que está situado el cursor.

Unir celdas - Dividir celdas

permiten unir varias celdas adyacentes seleccionadas de modo que formen una única celda, o dividir la celda en la que se está, creando dos celdas una junto a otra horizontalmente.

 

Estilo de Encabezados

Aplica al párrafo seleccionado un Estilo de Encabezado.

Los Estilos de Encabezado pueden ser configurados mediante las funciones al efecto presentes en la ventana Estilo de los textos.

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. En el editor el párrafo asume el estilo definido y se distingue con un subrayado a guiones (que no se mostrará en las Páginas publicadas en Internet) que indican la asociación de la etiqueta <h1>..<h6>.

Elección de fuente - Tamaño de la fuente

Configuran el tipo de carácter que se empleará y el tamaño.

El menú desplegable propone: la opción para aplicar la Fuente predeterminada (definida por el estilo del elemento Texto de la página en la ventana Estilo de los textos); 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; todas las Fuentes Web y las Google Fonts añadidas mediante la ventana Añadir Fuentes Web que se abre con la opción Otros tipos de carácter.

En la lista los tipos de fuentes son fácilmente reconocibles gracias a los iconos que los acompañan:

Google Fonts: fuentes integradas mediante la ventana Añadir Fuentes Web de WebSite X5 y vinculadas con el servidor Google.

Online Fuentes Web: fuentes integradas mediante la ventana Añadir Fuentes Web de WebSite X5 y vinculadas al servidor del servicio que ofrece las fuentes.

Offline Fuentes Web: fuentes integradas mediante la ventana Añadir Fuentes Web de WebSite X5 y publicadas en el servidor web del sitio.

Negrita [CTRL+B] - Cursiva [CTRL+I] - Subrayado [CTRL+U] - Tachado [CTRL+T]

Ponen en negrita, cursiva, subrayado y tachado el texto seleccionado.

Color del texto - Color de fondo de la celda

Especifican el color que se aplicará al texto seleccionado o al fondo de la celda del texto seleccionado.

Estilo del borde de la celda

Configura el estilo de los bordes de las celdas. Es posible definir tanto el color como el grosor de los bordes que delimitan las filas y/o las columnas de la tabla.

Quitar formato

Quita posibles ajustes de formato asociados al texto seleccionado para volverlo más conforme al estilo definido en Estilo de los textos.

Listado de viñetas - Lista numerada

Crean respectivamente una lista de viñetas y una lista numerada de elementos. Mediante la tecla TAB se pueden encastrar los elementos de la lista a fin de crear subniveles.

Interlineado

Define el valor del interlineado, es decir el espacio que media entre las filas de un párrafo. Por medio de las opciones del menú al que se accede es también posible añadir o quitar un espacio antes o después del párrafo seleccionado.

Alinear a la izquierda - Centrar - Alinear a la derecha - Justificar

Alínean a la izquierda, al centro, a la derecha o justifican el texto seleccionado.

Texto a la derecha - Disposición normal - Texto a la izquierda

Activos cuando se selecciona una imagen insertada en una celda con texto, definen la posición del texto respecto a la imagen, haciendo que discurra al lado derecho/izquierdo de la imagen o dejando que la imagen permanezca insertada en el fluir del texto como si fuese una palabra más.

Alinear arriba - Alinear en el centro - Alinear abajo

permiten alinear verticalmente el texto seleccionado arriba, en el centro o abajo.

Pulsando el botón derecho del ratón es posible también abrir un menú contextual que además de ofrecer los comandos Deshacer, Cortar, Copiar, Pegar, Insertar especial, Borrar, presenta también los siguientes comandos:

▪Altura filas

permite predisponer, mediante la ventana que se abre, el valor en píxeles para definir la altura de las filas seleccionadas. Introduciendo como valor 0, las filas asumen automáticamente la altura mínima necesaria para visualizar el contenido introducido.

▪Anchura columnas

permite predisponer, mediante la ventana que se abre, el valor en píxeles para definir la anchura de las columnas seleccionadas.

Los tamaños de las filas, de las columnas o de cada una de las celdas pueden ser modificados también colocando el ratón sobre los bordes y arrastrándolos hasta la posición deseada manteniendo pulsada la tecla izquierda del ratón. Seleccionando una celda y desplazando su borde izquierdo y/o derecho se modifica sólo el tamaño de la celda en cuestión.

Si este menú contextual se abre pulsando sobre una imagen insertada en el texto, este presenta también el comando Propiedades de Imagen mediante el que es posible abrir la ventana homónima Propiedades de Imagen.

En el fondo del área de trabajo se encuentran las lengüetas o pestañas correspondientes a las diferentes fichas de texto creadas.

Por defecto existe una única lengüeta con el nombre "Ficha 1": si no se añaden más pestañas, no se activará la visualización por pestañas para el texto. Para añadir una nueva ficha y trabajar en ella basta pulsar el botón que está a la derecha de las lengüetas. Como alternativa también se puede hacer clic con el botón derecho del ratón sobre una de las lengüetas usar los comandos del menú contextual que se abre:

▪Añadir ficha: añade una nueva lengüeta (activando la correspondiente ficha de texto) y da la posibilidad de asignarle un nombre en la ventana que se abre al efecto.
▪Cambiar el nombre de la ficha activa...: abre la ventana para cambiar el nombre de la lengüeta activa.

Es importante nombrar adecuadamente las diferentes lengüetas, ya que los nombres asignados se toman automáticamente para conformar los botones de navegación entre fichas de texto en el caso de elegir Fichas - Horizontal o Fichas - Vertical como Modo de visualización.

▪Eliminar la ficha activa: eliminoa la lengüeta activa y la correspondiente ficha de texto.
▪Desplazar la ficha activa a la izquierda / Desplazar la ficha activa a la derecha: cambiando el orden de las lengüetas, desplazando la activa hacia izquierda o derecha. También es posible emplear el Drag&Drop, arrastrando con el ratón una lengüeta y dejándola en la posición deseada.

 


Best practice:

-

Cómo utilizar las Fuentes Web


Profundización:

-

Fuentes estándar y Fuentes Web