Kompozer
| ||||||||||||||||||
Kompozer. Es un completo sistema de creación en Web que combina la gestión de archivos web y fácil de usar WYSIWYG capacidades de edición de páginas web, se encuentran en Microsoft FrontPage, Adobe Dreamweaver y otros programas de gama alta.
KompoZer está diseñado para ser extremadamente fácil de usar, lo que es ideal para los usuarios no técnicos que quieren crear un sitio web atractivo de aspecto profesional sin necesidad de saber HTML o en la web de codificación.
Sumario
Características
KompoZer es un editor de páginas web WYSIWYG (What you see is what you get - Lo que ves es lo que recibes). Es un derivado de Nvu, es decir, una versión no oficial de NVU, el cual ha reparado ciertos errores(bugs) que este presentaba. Komposer está basado en Mozilla Composer pero con ejecución independiente. Su objetivo 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 de HTML realzados)
Presenta características como el soporte integrado de CSS y mejor gestión del soporte FTP para actualización de los ficheros, soporte de marcos, formularios, tablas, pantillas de diseño, etc. Cabe destacar que está disponible para diversas plataformas: Windows, Mac OS, y Linux. La versión sobre la cual se trabajará en este tutorial, es la 0.7.10, traducida al español por el Proyecto Nave. Se sentirán cómodos con la interfaz y opciones de KompoZer.
Las funcionalidades de KompoZer
KompoZer cumple con los estándares web de W3C. Por defecto, las páginas son creadas en acuerdo a HTML 4.01 Strict, pero el usuario puede cambiar los ajustes y elegir entre:
- DTD estricto y transicional
- HTML 4.01 y XHTML 1.0
- Editor web WYSYWIG con la representación del motor Gecko 1.8.1 (en la próxima versión 0.8, ya en beta avanzada).
- Opciones especiales para la inserción de imágenes, tablas, formularios...
- Generador automático de tablas de contenido basado en los niveles de encabezado.
- Editor CSS avanzado, con capacidad de crear y usar tanto archivos CSS externos como hojas incrustadas en el archivo HTML mediante etiquetas <style>.
- Posibilidad de definir y usar plantillas.
- Admite etiquetas PHP sin alterar su contenido.
- Limpiador de código HTML.
- Enlace directo con el validador HTML de W3C.
- Completa ayuda incorporada en el programa.
Instrucciones de instalación
Se puede encontrar las traducciones de KompoZer en la página de descargas. El equipo de localización de KompoZer ha publicado binarios es-ES para Windows, Linux y Mac OS X. Si se usa el Linux o FreeBSD, debe NECESARIAMENTE instalar primero el XPI (no disponible actualmente) como root y luego como usuario normal.
- Descargue en su disco duro el XPI/paquete de idioma correspondiente a KompoZer usando cualquier navegador (si usa un navegador basado en Mozilla, recuerde hacer clic con el botón derecho y escoger Guardar destino del enlace como...; ¡¡NO haga clic con el botón izquierdo!!).
- Inicie KompoZer.
- Diríjase a Tools -> Extensions (Herramientas -> Extensiones si quiere actualizar la traducción).
- Pulse el botón Install (Instalar).
- Localice el XPI descargado en su disco duro y selecciónelo.
- Lea el mensaje del cuadro de diálogo de instalación de software y, una vez termine la cuenta atrás, pulse el botón Install now.
- Una vez instalado, reinicie KompoZer para que los cambios de idioma tengan efecto.
Versiones
Versiones estables
- Versión 0.7.1, publicada el 8 de julio de 2006.
- Versión 0.7.5, publicada el 14 de julio de 2006.
- Versión 0.7.7, publicada el 23 de julio de 2006.
- Versión 0.7.9, publicada el 14 de julio de 2007.
- Versión 0.7.10, publicada el 5 de septiembre de 2007.
Versiones inestables
Versión 0.8 alpha4, publicada el 12 de mayo de 2009.
Algunas de las herramientas
- Administrador de sitios FTP: cualquier sitio que el usuario haya especificado en sus Opciones de Publicación, podrá ser navegado en una barra lateral. También permite filtrar y mostrar archivos o solo documentos HTML o imágenes.
- Nuevos selector de colores: algo más ligado a lo que los usuarios acostumbran a utilizar. Se podrá elegir entre el selector de colores verde, azul y rojo para crear la tonalidad deseada, así como también elegir la saturación de la matiz (hue saturation) y el brillo. En caso de que esto resulte incómodo, se puede elegir el color deseado con el mouse.
- Pestañas: una de las herramientas más conocidas de Mozilla está disponible para KompoZer facilitando el trabajo y brindándole la posibilidad al usuario de realizar acciones de manera más fluida navegando entre pestañas. Se podrá utilizar la herramienta Deshacer y Rehacer independientemente en cada una de las pestañas.
- Barras de tareas personalizables: se podrán elegir los botones que aparezcan en nuestras barras y los que no, según los gustos y/o necesidades.
Entorno de trabajo
La ventana principal de KompoZer está formada por varias barras, a continuación una descripción de cada una de ellas.
Barra de titulo
A la izquierda de esta barra aparece el título de la página web que se está editando o el nombre del archivo que se le haya asignado. A la derecha los botones de control de la venta minimizar, maximizar/restaurar y cerrar.
Barra de menús
Formado por los menús Archivo, Editar, Ver, Insertar, Formato, Tabla, Herramientas, Ayuda. A través de estos menús se puede 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ú. A través de estos botones se accede más rápidamente. Por ejemplo los botones:
Nuevo, Abrir, Guardar, Publicar, Buscar, Imagen, etc. Cabe destacar que se puede modificar dicha barra, para adaptarla a las necesidades.
Barras de Formato
Con botones que permiten acceder a opciones más básicas de formato de texto y párrafos. Estas son similares a las de cualquier procesador de textos. Bajo esta se tiene otra barra con más opciones de formatos y además de otras relacionadas con el formato aplicando estilos y las capas.
Ventana administración sitios web
Esta barra está situada a la izquierda y en ella se pueden configurar los sitios web, para poder acceder de forma rápida a las distintas páginas web. A través de ella también se podrá publicar en Internet Webs y editar directamente las páginas ya publicadas sin necesidad de tenerlas guardadas en el disco local.
Ventana de área de edición
Esta es el área principal, en la que se puede 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. También se puede mostrar las reglas en esta área, que ayudarán a dimensionar diversos objetos.
Barra de modo de edición
En esta barra se pueden 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 pagina en el navegador)
Barra de estado
Proporciona información como la relativa a dentro de qué etiqueta se encuentran. Además a través de ella se puede seleccionar de forma facil y rápida las etiquetas con sus contenidos para realizar acciones sobre ellos como dar formatos, eliminar, etc.
Consejos a tener en cuenta
Siguiendo las indicaciones del W3C (consorcio internacional que se ocupa de normalizar el uso del HTML) Doctype debe ser el primer elemento que abra un documento. Esto quiere decir que debería preceder a <HTML>.Se trata de una marca que no necesita cierre y cuya función es facilitar información al servidor Web que aloja la página. La información facilita por DOCTYPE se refiere al tipo de documento visualizado además de ser necesaria para la comunicación entre navegador y servidor. DOCTYPE se debe escribir de forma estándar:<!DOCTYPE HTML PUBLIC ="-//IETF//DTD HTML 4.0//EN">. Esta línea proporciona algunos datos sobre el documento:
- HTML PUBLIC: el documento es público
- IETF: el tipo de HTML público está gestionado por la Internet Engineering Task Force
- DTD HTML 4.0: la versión de HTML soportada es la 4.0
- EN: el idioma del documento es el inglés
El uso de DOCTYPE no es obligatorio y puede omitirse. Seguramente su uso ayuda al servidor web a interpretar correctamente el documento, pero su ausencia no condiciona la correcta visualización.
