Crear páginas web con Amaya

Amaya permite crear páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos.

La ventana de herramientas permite incluir listas, tablas, imágenes, enlaces a otras páginas, colores, y estilos de fuente. Mientras se crea el documento se puede ver como se visualizará en la web.

Creación de una página web

Para crear una página web pulsar sobre el icono Nuevo en la barra de herramientas de edición.

Para abrir una página ya existente o una página de la web ir a: ArchivoAbrir documentoArchivo y seleccionar el archivo deseado o introducir la URL que se desea abrir.

Guardar y navegar una página web

Un documento Amaya puede guardarse en formato HTML o formato sólo texto. Si se guarda como HTML se preserva el formato del documento, como estilos del texto, imágenes, etc. Si se guarda el documento como sólo texto se eliminan todas las etiquetas HTML pero se preserva el texto del documento. Para ello ir a: ArchivoGuardar como ... y seleccionar el formato de documento.

Figura 16.9. Amaya: guardar y cambiar codificación

Amaya: guardar y cambiar codificación

Formatear páginas web

Formatear párrafos, cabeceras y listas

Para formatear un párrafo:

  1. Pulsar en el punto de inserción donde se quiere que comience el formato o seleccionar el texto a formatear.

  2. Ir a:Insertar:

    • Párrafo:Inserta una etiqueta de párrafo. El párrafo incluye margen superior e inferior.

    • Encabezado (T1 - T4): formatea el párrafo como una cabecera. T1 es el nivel más alto de cabecera y T4 es el nivel más bajo.

    • Pre-formateado: se suele utilizar para elementos del tipo código, columnas de datos y mensajes de correo que se quieren visualizar con una fuente de ancho determinado.

Para una lista de ítemes:

  1. Pulsar en el punto de inserción sin la línea de texto que se quiere formatear.

  2. Ir a:Insertar

  3. Escoger el estilo Lista

    • Lista no ordenada: cada ítem tiene un punto.

    • Lista ordenada: cada ítem tiene un número.

    • Lista de definición: utiliza los estilos Término y Definición juntos para crear una apariencia de estilo glosario. Para definición de tags y palabras.

De forma similar se puede asignar y/o cambiar atributos como el color, estilo y fuente del texto, buscar y reemplazar texto, insertar líneas horizontales y establecer sus propiedades, etc.

Utilizando estilos CSS

Amaya permite la utilización de estilos CSS, para ello hay que dirigirse al menú Estilo.

Es posible enlazar una hoja de estilo ubicada en la web o en nuestro equipo, así como editar una nueva con la ayuda de Amaya.

Para enlazar una hoja de estilo ir a: EstiloHojas de estiloEnlazar hoja de estilo ... A continuación se abrirá una ventana de diálogo en la que podrá introducir la URI donde se localiza la hoja de estilo que desea enlazar. También es posible desde el menú EstiloHojas de estilo desactivar una hoja de estilo enlazada o borrar el enlace a una hoja de estilo.

Para editar una nueva hoja de estilo con la ayuda de Amaya, debe seleccionar el contenido al que desea aplicar la nueva hoja de estilo, y después ir a EstiloEstilo. A continuación se abrirá una ventana con cuatro solapas en las que podrá seleccionar la opciones deseadas para la creación de la nueva hoja de estilo. Entre ellas, podrá seleccionar el estilo, el color o la alineación de la fuente, elegir el color del fondo o de los bordes de las tablas, etc. A continuación deberá pulsar en Aplicar para aplicar los cambios realizados.

Figura 16.10. Amaya: Editar una hoja de estilo CSS

Amaya: Editar una hoja de estilo CSS

Insertar una tabla

Para insertar una tabla de manera rápida, seleccionar la opción de menú InsertarTablaInsertar tabla. Se mostrará una ventana de diálogo con varias opciones para establecer las características de la tabla.

Figura 16.11. Amaya: insertar tabla

Amaya: insertar tabla

Una vez creada la tabla, pueden editarse sus propiedades (bordes, colores, ...) desde la opción de menú EstiloEstilo.

Si se desea añadir filas o columnas, puede hacerse desde la ventana de herramientas, seleccionando la opción deseada.

  • Añadir fila detrás: inserta una fila encima de la fila en que está el cursor.

  • Insertar fila delante: inserta una fila debajo de la fila en que está el cursor.

  • Añadir columna detrás: inserta una columna a la izquierda de la columna en que está el cursor.

  • Insertar columna delante: inserta una columna a la derecha de la columna en que está el cursor.

Si se desea eliminar filas o columnas, puede hacerse seleccionando la fila o columna que se desea eliminar, después pulsando con el botón derecho del ratón y seleccionando la opción Borrar en el menú desplegable que aparece.

Si se desea seleccionar filas o columnas, puede hacerse desde la opción de menú HerramientasEditar tablaSeleccionar fila o HerramientasEditar tablaSeleccionar columna, para ello debe estar el cursor situado en la fila o columna que se desaea seleccionar.

Unir dos celdas

Para unir dos celdas de una tabla, seleccionar las dos celdas a unir y luego seleccionar la opción de menú HerramientasEditar tablaUnir. También puede hacerse desde la ventana de herramientas.

Dentro de una celda se pueden introducir diversos contenidos: texto, imágenes o incluso otra tabla. De esta forma pueden anidarse tablas, creando estructuras más complejas.

Insertar una imagen

Para insertar una imagen en el documento seleccionar la opción de menú InsertarImagen, se mostrará una caja de diálogo, donde se debe seleccionar la imagen que se desea insertar.

Figura 16.12. Amaya: insertar imagen

Amaya: insertar imagen