Creación de páginas Web y Tratamiento de imágenes

Entorno de Trabajo del Kompozer

Kompozer es un editor de textos para crear páginas Web. Como cualquier

editor de textos, presenta una página en blanco donde empezar a escribir y
un menú superior donde se ofrecen opciones adicionales para formatear
texto, incluir imágenes, etc.

El objetivo de esta herramienta es facilitar el desarrollo de páginas Web,

gracias a las distintas formas de visualización disponibles en su interfaz como:
código fuente, ventana WYSIWYG, visión con tags, CSS, marcos, formularios,
tablas, plantillas de diseño, etc. que son los distintos códigos o lenguajes con
los que trabaja el sistema, los cuales no son materia de estudio de este curso.

Entorno de trabajo

En esta unidad, analizaremos las diferentes herramientas de trabajo de que

dispone el KompoZer. Para visualizarlas, Ud. deberá abrir la ventana del
programa. En ella observará que la ventana principal de KompoZer está
formada por varias barras, a continuación veremos una descripción de cada
una de ellas.

La ventana principal de KompoZer está formada por varias barras, a

continuación una descripción de cada una de ellas.

1
Creación de páginas Web y Tratamiento de imágenes

Barra de título
En la parte superior de la ventana, alineado a la izquierda encontrará el título
de la página Web que estamos editando o el nombre asignado al archivo. A la
derecha, los botones de control de la ventana: minimizar, maximizar,
restaurar y cerrar.

Como aún no ha guardado ningún ejercicio, observará que, en su caso, el

archivo aparece como “sin título”.

Barra de menús
Formada por los menús Archivo, Editar, Ver, Insertar, Formato, Tabla,
Herramientas, Ayuda. A través de estos menús podrá acceder a todas las
opciones del programa.

Barra de Redacción
Esta barra está formada por botones con las opciones de uso más habitual que
se encuentran en la barra de menús. Por ejemplo: Nuevo, Abrir, Guardar,
Publicar, Navegar, Imagen, etc.

Cabe destacar que podremos modificar dicha barra para adaptarla a nuestras
necesidades desde el menú Ver/Mostrar/Ocultar.

Barras de Formato
Se constituye de botones que le permitirán acceder a opciones más básicas de
formato de texto y párrafos. Estas son similares a las de cualquier procesador
de textos.

2
Creación de páginas Web y Tratamiento de imágenes

Ventana administración sitios Web

Esta barra está situada a la izquierda y en ella podrá configurar los sitios Web,
para poder acceder de forma rápida a las distintas páginas Web. A través de
ella también podrá publicar en Internet Webs y editar directamente las
paginas ya publicadas sin necesidad de tenerlas guardadas en nuestro disco
local.

Ventana de área de edición

Esta es el área principal, en la que podrá diseñar y editar la página Web. Es el
espacio de trabajo. Cada página que se edite se mostrará en esta área,
pudiendo cambiar de una a otra mediante las pestañas que se muestran en la
parte superior con el titulo de cada página. En esta área, también, podrá
mostrar las reglas, que lo ayudarán a dimensionar diversos objetos.

3
Creación de páginas Web y Tratamiento de imágenes

Como aún no ha guardado ningún ejercicio, en su PC observará una única

pestaña que aparece como (sin título) y que corresponde al archivo de prueba
que tiene abierto.

Barra de modo de edición

En esta barra encontrará cuatro pestañas que permiten cambiar el modo de
edición:
• Normal (o modo Wysiwyg)
• Etiquetas HTML (muestra de forma esquemática las etiquetas
utilizadas)
• Código fuente (acceso al código HTML de la página)
• Vista preliminar (Como se vería la página en el navegador)

Por el momento, trabajará en el modo normal.

Barra de estado
Proporciona información como la relativa a dentro de qué etiqueta se
encuentra. Además a través de ella podrá seleccionar de forma fácil y rápida
las etiquetas con sus contenidos para realizar acciones sobre ellos como dar
formatos, eliminar, etc.