Kompozer

¿Que es Kompozer?

KompoZer es un editor de páginas web de código abierto que combina archivos web manejables y de fácil uso del editor de páginas WYSIWYG.

Hay binarios disponibles para GNU/Linux, Windows, MacOSX y OS/2.

En marzo de 2007 fue comentado en Download.com, que lo consideró una de las mejores alternativas libres a Adobe CS3, y lo comparó favorablemente con Adobe Dreamweaver.

El próximo lanzamiento, KompoZer 0.8, ha sido actualizado a Gecko 1.8.1, y el código está siendo finalizado después de las pruebas. La primera versión pública alfa de KompoZer 0.8​ fue publicada el 11 de febrero de 2009 y ofreció una nueva interfaz de usuario.

Las capacidades WYSIWYG de KompoZer son una de las principales atracciones del software. Adicionalmente, KompoZer permite la edición directa de código así como una opción de vista dividida de código gráfico.

INSERTAR IMAGEN.

Se pueden insertar imágenes GIF, JPEG, BMP y PNG en una página web. También se pueden utilizar para . Cuando se inserta una imagen, KompoZer guarda la referencia a la imagen en la página.

Pasos para insertar una imagen:

1. Hacemos clic en el sitio donde querramos que aparezca la imagen.
2. Hacemos clic en el botón Imagen de la barra de herramientas o abra el menú Insertar y seleccione Imagen. Aparecerá el cuadro de diálogo Propiedades de la imagen.
3. Podemos escribir la ubicación y nombre del archivo de la imagen o hacer clic en Elegir archivo... para buscar un archivo de imagen en el disco duro o en red local.
4. A continuación, KompoZer nos permite escribir el texto alternativo que aparecerá en los navegadores de sólo texto y que aparecerá en los otros navegadores mientras se carga la imagen o cuando la carga de imágenes está deshabilitada. Esta opción, si bien no es obligatoria, si es recomendable.

Si queremos modificar las características de un texto, o cualquier otro elemento, se aplican desde la barra de Formato o desde menú Formato.
Si no lo tenemos visible seleccionamos Ver/Mostrar Ocultar/ Barra de Formato, una vez seleccionado un texto el inspector de propiedades muestra este aspecto:
En caso de que en la misma no encontremos la opción deseada, dentro del menú Formato, encontraremos las faltantes.

• Estilo de Párrafo
El texto en HTML está compuesto principalmente por encabezados y párrafos. Para asignar a un párrafo un estilo de párrafo, como hemos comentado anteriormente, seleccionamos el mismo, y, seleccionamos en el campo Texto del Cuerpo, Parrafo, o Encabezado x, dependiendo del tipo.
Estilos accesibles desde esta lista:

1. Dirección: Introduce texto entre saltos de línea, no entre etiquetas <p> y </p> , como hará párrafo.
2. Preformato: Estilo de texto que emplea modo de letra espaciada, con este estilo se respetan los espacios entre palabras de código HTML, se emplea de una manera rudimentaria para alinear texto. La etiqueta que emplea es <pre></pre>.
3. Contenedor Genérico (DIV): Esta opción introduce el texto dentro de una capa, que es un tipo de organización del texto y demás elementos, en el que profundizaremos en los siguientes post.


• Fuente

La fuente se define con el atributo face de la etiqueta <font>.
KompoZer aplica las fuentes que se encuentran instaladas en nuestra Pc, pero hay que tener en cuenta, que puede que el visitante no posea el tipo de fuente , por lo que es recomendable que cuidemos este aspecto a la hora de seleccionar alguna de ellas, ya que dependiendo de la fuente seleccionada, el aspecto de nuestra web puede cambiar mucho.

Los pasos para aplicar el formato, son los siguientes:
1. Seleccionamos el texto.
2. Desplegamos, en el Inspector de Propiedades, el cuadro de lista desplegable ejecuta el comando Texto/Fuente.
3. Seleccionamos de la lista la fuente deseada.

Negrita, Cursiva y Subrayado: Desde el mismo Inspector de Propiedades podemos aplicar estilo directamente a un texto seleccionado pulsando los iconos correspondientes.

Tamaño: Al seleccionar Menor o Mayor puede cambiar el tamaño del texto seleccionado usando etiquetas <small> y <big>, respectivamente.
Si seleccionamoa Muy pequeño, Pequeño, Medio, Grande, Muy grande y Extragrande cambiará el tamaño del texto seleccionado usando etiquetas <font>.

Alineación de Párrafos: Para establecer la alineación del Párrafo:

1. Situamos el cursor en el Párrafo que queremos modificar.
2. Selecciona en el Inspector de Propiedades la alineación que deseamos pulsando su botón correspondiente.
Los diferentes códigos que se introducen son:

•Izquierda: <p align="left">.</p>
•Centro: <p align="center"></p>
•Derecha: <p align="right"></p>
•Justificar: <p align="justify"></p>

También se puede acceder desde el menú Texto>Alinear, y seleccionamos la alineación elegida.

Sangría de Párrafos: Para modificar la sangría del Párrafo:

1. Situamos el cursor en el párrafo que queremos sangrar.
2. En el Inspector de Propiedades, pulsamos el icono Sangría de texto o Anular la sangría de texto según deseemos.