Diputación de Granada

Nuevas Tecnologías

Proyecto Multiportal

Editor de Contenido. FCKeditor. Contenidos:

Atajos de Teclado, 10 Cortar, Copiar y Pegar, 9 Dar formato al texto., 2 Editor de Contenido, 2 Insertar imágenes, 7 Introducir texto., 2

Listas de elementos., 4 Otras opciones, 10 Tablas, 8 Uso de Flash, 9 Vínculos (Links)., 5

Editor de Contenido La edición de contenidos se realiza con el editor FCKeditor adaptado al entorno Multiportal. Se trata de un editor ligero con funciones similares a procesadores más complejos como Word pensado como visualizador de contenido web. En este apartado se ofrece un resumen traducido del original en inglés: http://docs.cksource.com/FCKeditor_2.x/Users_Guide

El la interfaz editor tiene tres partes:  



La barra de herramientas: Recoge la mayoría de las funciones del editor. Cada botón muestra un pequeño texto de ayuda al pasar el puntero del ratón sobre él. Área de edición. Espacio reservado para introducir contenido y darle formato. Posee barras de desplazamiento y acepta las teclas de movimiento habituales así como la función de selección de texto mediante el ratón. Menús contextuales. Aparecen en el área de edición al pulsar el botón derecho del ratón. Se usan, por ejemplo, para cortar, pegar, gestionar link o editar tablas.

Granada es Provincia C/Periodista Barrios Talavera, 1. 18071 Granada Fax: 958 24 7607

([email protected])

Diputación de Granada

Nuevas Tecnologías

Introducir texto. Escribir es tan sencillo como en cualquier otro procesador de textos pero hay que tener en cuenta algunas diferencias importantes: Los procesadores de texto están ideados para crear documentos impresos, estando el contenido delimitado por páginas físicas. FCKeditor se usa para crear contenido que se va a publicar en internet de forma que se visualizará en los navegadores. Habrá que tener en cuenta, por tanto:   

En Internet no hay límite físico para una las páginas, puede extenderse infinitamente. El mismo contenido puede visualizarse de forma diferente en distintos ordenadores y navegadores. Los sitios web y sus páginas tienen importantes restricciones técnicas. En realidad están escritas en lenguajes de programación de forma que, si bien el editor trata de funcionar igual que un procesador de textos, a veces puede obtener resultados no previstos.

Dar formato al texto. El formato de texto determina la forma en que éste se visualizará. Se pueden modificar: 

Tipo de letra. . Puede activarse, escribir y desactivarse, o bien, seleccionar una porción de texto y pulsar el boton del tipo deseado. También puede combinar distintos tipos.



Estilo. Es una combinación predefinida de tipo de letra, alineación, color y tamaño. Puede aplicarse a un texto previamente seleccionado o a un párrafo completo.



Alineación. Es la posición horizontal de las líneas de un párrafo respecto al margen. Puede ser derecho, centrado, izquierdo o completo.



Tamaño del texto. Cada tamaño tiene un nombre que lo identifica. Son tamaños predeterminados y se puede aplicar a un texto seleccionado o bien, elegir un tamaño, introducir texto, elegir otro tamaño.



Colores. Permite cambiar el color o el fondo de un texto previamente seleccionado. También puede cambiar el color e introducir texto a continuación.

Granada es Provincia C/Periodista Barrios Talavera, 1. 18071 Granada Fax: 958 24 7607

([email protected])

Diputación de Granada

Nuevas Tecnologías

Listas de elementos. Se admiten dos tipos de listas:  

Listas numeradas. Listas etiquetadas.

Para crear una lista, puede pulsar el botón correspondiente, introducir líneas separadas por la tecla Enter y pulsar nuevamente el botón para desactivarla. También se puede aplicar sobre texto previamente seleccionado. Puede personalizar las propiedades de las listas numeradas con el menú contextual desplegable con el botón derecho del ratón. Permiten indicar el número de inicio de la lista y el estilo de la numeración.

Puede personalizar las propiedades de las listas etiquetadas con el menú contextual desplegable con el botón derecho del ratón. Permiten indicar el estilo de la etiqueta.

Granada es Provincia C/Periodista Barrios Talavera, 1. 18071 Granada Fax: 958 24 7607

([email protected])

Diputación de Granada

Nuevas Tecnologías

Vínculos (Links). Para establecer un vínculo se usa el botón Insertar/Editar vínculo . Se abrirá una ventana de menú que permite enlazar con una dirección web, una dirección de correo o una referencia dentro de la misma página.



Vinculo a URL. Podrá seleccionar el protocolo de internet e introducir la dirección web del enlace. El protocolo permite enlazar con un documento de la Librería de Documentos pulsando el botón . Más información en el apartado Insertar Imágenes.

Opcionalmente, la pestaña ‘Destino’ permite elegir la forma en que se mostrará la ventana para el enlace, bien en marco, bien en ventana nueva (blank) o existente. Para el Destino ‘Ventana emergente’ se pueden ajustar diversos parámetros referidos a su tamaño, posición o elementos de visualización.



Vínculo Email. Permite indicar una dirección de correo electrónico, título del mensaje y cuerpo. Este enlace abre el gestor de correo externo instalado en su ordenador.

Granada es Provincia C/Periodista Barrios Talavera, 1. 18071 Granada Fax: 958 24 7607

([email protected])

Diputación de Granada

Nuevas Tecnologías



Referencias. Para insertar una referencia debe pulsar el botón

.

Se insertará una referencia con el nombre que queramos dar en la ventana de propiedades.

Para enlazar con la referencia, habrá que pulsar el botón Insertar/Editar Vínculo, seleccionar Tipo de vínculo ‘Referencia’ y escoger un nombre (que se dio de alta previamente.

Granada es Provincia C/Periodista Barrios Talavera, 1. 18071 Granada Fax: 958 24 7607

([email protected])

Diputación de Granada

Nuevas Tecnologías

Insertar imágenes. Este botón permite insertar una imagen de la Galería de imágenes del Portal web. El acceso a esta Galería se obtiene con el botón . Una vez seleccionada, la URL se obtiene automáticamente.

Para cada imagen puede indicar (expresados en puntos o pixel):     

Texto alternativo, que se mostrará en el navegador para facilitar la accesibilidad. Tamaño. Puede mostrar el original o modificar su anchura manteniendo la proporción de aspecto o permitiendo su distorsión . Borde: Grosor del borde. Espacio horizontal y vertical en blanco entre la imagen y el texto que lo rodea. Alineación: Posición dentro de la página. Despliega un menú con las opciones.

Las imágenes pueden tener asociado un vínculo (link) de forma que, al hacer click sobre ellas, se muestre dicho vínculo. La pestaña ‘Vínculo de la Imagen’ permite seleccionar una dirección de un recursos disponible en la biblioteca o en la galería de imágenes mediante el botón . También pude introducir cualquier dirección válida (p.e. http://www.dipgra.es) El destino indica el tipo de ventana en que se mostrará el enlace. Por último, la opción permite, bien seleccionar un recurso (imagen o documento), bien crear una carpeta nueva, bien cargar una nueva imagen desde el disco local. En éste caso, pulse Examinar, seleccione la imagen y pulse Upload (en caso de que tarde demasiado, pude cerrar esta ventana y volver a pulsar .

Granada es Provincia C/Periodista Barrios Talavera, 1. 18071 Granada Fax: 958 24 7607

([email protected])

Diputación de Granada

Nuevas Tecnologías

Tablas. Para crear una tabla debe usar el botón herramientas.

de la barra de

Se abrirá una ventana con las opciones necesarias para la creación de la tabla:       

Tamaño, expresado en número de filas y columnas. Tamaño total de la tabla(anchura y altura) dentro de la página, bien en pixel, bien como tanto por ciento de ocupación. Espacio interior (pading o altura de la celda). Espacio a/celdas. Espacio o distancia al borde. Alineación respecto a los márgenes (izquierda, centro, derecha) Título. Que se mostrará en la cabecera de la tabla. Síntesis. No será visible en la página (comentario).

Una vez creada la tabla, puede, con el cursor dentro de una celda, pulsar el botón derecho del ratón para desplegar el menú contextual y proceder así a su edición.



 

Celdas: o o o o

Insertar celda a la izquierda de la que contiene el cursor. Insertar celda a la derecha de la que contiene el cursor. Eliminar celda que contiene el cursor. Combinar celdas para unir dos celdas: la del cursor con la de la derecha o con la de abajo. Dividir la celda del cursor en dos celdas, horizontal o verticalmente.

o o Filas: o Insertar una fila arriba o debajo de la que contiene el cursor. o Eliminar la fila que contiene el cursor. Columnas: o Insertar columna a izquierda o derecha de la que contiene el cursor. o Eliminar toda la columna.

Granada es Provincia C/Periodista Barrios Talavera, 1. 18071 Granada Fax: 958 24 7607

([email protected])

Diputación de Granada

Nuevas Tecnologías

El menú contextual de celda permite, además de lo expuesto anteriormente, definir propiedades tales como la altura y anchura en pixel, la alineación del texto y el color de fondo y borde. La opción Cortar línea permite activar /desactivar el corte automático del texto dentro de la celda. Si se elije No, la celda será tan ancha como ocupe el texto que contiene. Las opciones Abarcar, se refiere al span (extender) vertical de las filas y al span a izquierda y derecha en las columnas.

Cortar, Copiar y Pegar. Puede usar los botones de la caja de herramientas o el menú contextual que se despliega con el botón derecho de ratón una vez seleccionada una porción de texto. También puede usar Control-X, Control-C y Control-V. Se puede pegar texto (sólo texto) que provenga de una fuente externa (por ejemplo, Word). En estos casos se mostrará una ventana similar a esta en la que se permite depurar el texto antes de pegarlo. En el caso que se muestra aquí, se pude eliminar la información referida a tipos de fuente y estilos. Esto evita que se mezclen códigos que no pueden interpretarse correctamente en el editor.

Uso de Flash. Con este botó, puede el contenido de archivos .SWF y .FLV para animaciones. Este tipo de archivos se pueden subir a la Biblioteca de Documentos de forma que puedan insertarse en la dirección url que aparece al editar un elemento de dicha biblioteca. También puede indicar una dirección web cualquiera que ante a ficheros con de ese tipo. Las opciones Avanzadas permiten ajustar parámetros sobre la visualización del flash.

Granada es Provincia C/Periodista Barrios Talavera, 1. 18071 Granada Fax: 958 24 7607

([email protected])

Diputación de Granada

Nuevas Tecnologías

Otras opciones. En este apartado se explican el resto de la las funciones de editor. Buscar texto, con coincidencia exacta o palabras completas. Busca y reemplaza. Corrector de ortografía. No instalado para los portales web. Insertar emoticon o caracteres especiales. Hacer / rehacer acciones. Puede afectar a una o varias acciones. Selecciona todo el contenido. Elimina el ajuste de tamaño para un texto seleccionado. Muestra el código de programación HTML que corresponde al contenido del editor y permite modificarlo.

Atajos de Teclado. 

• • • • • • • • •

CTRL+A seleccionar todo. CTRL+B tipo de letra negrita CTRL+C copia al portapapeles CTRL+I tipo de letra itálica CTRL+L abre la ventana de Link CTRL+U tipo de letra subrayado CTRL+V or SHIFT+INSERT pega desde el portapapeles CTRL+X or SHIFT+DELETE corta el area seleccioanda CTRL+Y or CTRL+SHITF+Z activa la función Rehacer CTRL+Z active la function deshacer

Granada es Provincia C/Periodista Barrios Talavera, 1. 18071 Granada Fax: 958 24 7607

([email protected])