Apéndice 1: Editor

La figura siguiente muestra la pantalla del editor HTML.

Las acciones que puede realizar con este editor son la siguientes:

· Cortar : permite cortar el texto seleccionado.

· Copiar : permite copiar el texto seleccionado.

· Pegar : permite pegar texto que se haya copiado anteriormente.

· Buscar y Reemplazar : permite buscar un texto determinado y también permite reemplazar un texto por otro nuevo, en algún lugar o en todos lados donde esté defindo.

· Deshacer : permite deshacer el último cambio realizado.

· Rehacer : permite rehacer el cambio que se deshizo. Este botón estará habilitado, si previamente se deshizo algún cambio.

· Corrector ortográfico: busca en todo el texto ingresado si hay faltas de ortografía, para ello busca en su diccionario si existe cada palabra. Y las que no existen en su diccionario, sugiere cambiarla por otras palabras.

· Remover el formato del texto : permite remover todo el formato al texto seleccionado.

· Negrita : permite ajustar el texto seleccionado a formato negrita.

· Subrayado : permite ajustar el texto seleccionado a formato subrayado.

· Itálica : permite ajustar el texto seleccionado a formato itálica.

· Tachado : permite ajustar el texto seleccionado a formato tachado.

· Lista numerada : permite numerar una lista.

· Viñeta : permite poner viñetas a una lista.

· Reducir tabulación : permite reducir la tabulación del texto.

· Aumentar tabulación : permite aumentar la tabulación del texto.

· Exponente : permite ajustar el texto seleccionado a formato ^exponente.

· Subíndice : permite ajustar el texto seleccionado a formato _subíndice.

· Alineación a la izquierda : permite alinear el texto seleccionado a la izquierda.

· Alineación centrada : permite alinear el texto seleccionado en forma centrada.

· Alineación a la derecha : permite alinear el texto seleccionado a la derecha.

· Alineación justificada : permite alinear el texto seleccionado en forma justificada.

· Crear o modificar link : permite definir o modificar al texto seleccionado un link a una URL específica. Al hacer clic en este botón se desplegará un diálogo popup que solicitará el ingreso de la URL y propiedades del link.

· Link para enviar email : permite definirle al texto seleccionado un link a una dirección de correo electrónico. Al hacer clic en este botón se desplegará un diálogo popup que solicitará el email y propiedades del mail a enviar.

· Ancla : permite insertar anclas, asignándole un nombre a la etiqueta.

· Lista de fuentes : permite seleccionar la fuente de letra que se aplicará al texto seleccionado.

· Lista de tamaños : permite seleccionar el tamaño de la letra que se aplicará al texto seleccionado.

· Color de letra : permite seleccionar el color del texto seleccionado.

· Color de fondo : permite seleccionar el color de fondo del texto seleccionado.

· Tabla : se despliega un menú popup permitiéndole al usuario insertar o eliminar una tabla, fila, columna o celda, modificar propiedades de la tabla, fila o celda.

· Imagen : permite insertar imágenes. Al hacer clic, se abre una ventana de diálogo donde se pueden visualizar imágenes, subir, borrar e insertar en el documento. Si se selecciona una imagen y se hace clic en este botón, se podrán configurar sus propiedades: ancho, altura, borde, alineación, texto alternativo a mostrar, etc.

· Caja de texto : se utiliza para ingresar texto.

· Línea horizontal : permite insertar una línea horizontal.

· Insertar caracteres especiales : permite insertar caracteres especiales, como por ejemplo: .

· Limpiar HTML : se utiliza para limpiar el código HTML, borra todos los tags que están sobrando, o que están vacíos.

· Confirmar cambios : cuando se quiere terminar y guardar los cambios se debe hacer clic sobre este botón.

· : muestra líneas de guía

· : esto permite al usuario trabajar en forma gráfica y automáticamente se va generando código HTML.

· : esto permite al usuario visualizar el código fuente generado para su composición. El código fuente es editable y el usuario puede realizarle cambios y luego ir al modo Edit o Preview para ver como se reflejan sus cambios.

· : este modo permite al usuario visualizar su composición con las características de edición desactivadas. En el modo Preview no se modifica la composición de usuario, solamente se visualiza.