martes 27 de julio de 2010

Editores web - KompoZer (I)

KompoZer es un editor web derivado de Nvu, programa que está descontinuado desde 2006, y proviene del editor web Composer que se incluía en la Mozilla Suite (navegador web + cliente de correo + editor web), ahora llamada SeaMonkey. La principal meta de KompoZer es crear un entorno de edición web sencillo (además, se trata de un editor WYSIWYG, What You See Is What You Get).
El programa se puede descargar desde esta página en distintos idiomas. En este ejemplo estamos trabajando con la versión 0.8 beta 3.

Ventana principal de KompoZer
En la imagen anterior podemos observar el panel de edición a la derecha, donde se inserta el contenido con el que se creará la página web, y que consta de 3 pestañas en la parte inferior:

  • Diseño: Es la pestaña por defecto y la que se utilizaría normalmente en este programa. Aquí se introducen el texto y las imágenes tal cual quedarán en la página web definitiva.
  • Dividir: En esta pestaña podremos editar el contenido de la página a la vez que vemos y editamos el código del elemento seleccionado, como se puede ver en la figura de la derecha.
  • Código fuente: En esta vista podremos revisar y editar el código fuente de la página, una tarea dirigida a usuarios más avanzados que la vista Diseño.

Para editar el formato del contenido, además de contar con la barra de formato para el texto en la parte superior, podemos usar la ventana de propiedades de cada elemento, seleccionándolo con el botón derecho y haciendo clic en Propiedades. Además, mediante el botón Edición avanzada... se puede acceder a las propiedades CSS del elemento en cuestión, a los atributos HTML y añadir eventos con Javascript.
Ventana Propiedades de la tabla

Más adelante veremos cómo insertar contenido multimedia, crear capas y añadir más formato a los sitios que creemos con KompoZer.

Enlace: Descargar KompoZer

0 comentarios:

Publicar un comentario en la entrada