Los comandos de la sección Contenido

Paso 4 - Páginas > Objeto de texto >

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 introducir un texto y configurar su formato. El editor de texto se compone de una Barra de Herramientas superior, de un área de trabajo en la que introducir el texto y en el caso de la edición Pro, al fondo, de una serie de lengüetas correspondientes a las fichas de texto que se quiere activar.

La Barra de Herramientas del editor de texto 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.

Usando los comandos Cortar, Copiar y Pegar se pueden retomar pasajes de archivos de texto creados con anterioridad en otros editores.

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.

Introducir separador

Añade una línea de separación dentro del texto. La línea asume automáticamente el color del texto por defecto, es decir el color definido por el elemento Texto de la página en la ventana Estilo de los textos.

Insertar imagen

Inserta una imagen (en formato .JPG, .GIF, .PNG, .BMP) dentro del texto.

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 insertadas en el Objeto Texto se ajusta automáticamente si es superior al de la celda de la Rejilla de maquetación. Además, es posible cambiar libremente el tamaño las imágenes insertadas usando las manillas de selección. Para diseños de página particulares es aconsejable en cualquier caso recurrir al Objeto Imagen.

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 página de texto. 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.

Adapta al ancho de la celda

Simula en el editor el aspecto que el texto asumirá en relación al tamaño de la celda de la Rejilla de maquetación que lo contiene.

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.

 

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 del fondo del texto

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

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.

Reducir sangría / Aumentar sangría

Aumentan y reducen la sangría del párrafo seleccionado.

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.

Disponer texto a la derecha - Disposición normal - Disponer texto a la izquierda

Activos cuando se selecciona una imagen insertada en el 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.

En el área de trabajo del editor de texto, pulsando con el botón derecho del ratón es posible abrir un menú contextual que ofrece los siguientes comandos: Deshacer, Cortar, Copiar, Pegar, Insertar especial y Seleccionar todo.

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