miércoles, 30 de mayo de 2012

10º KOMPOZER - DISEÑO Y EDICIÓN WEB

KOMPOZER

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.

Algunas de las herramientas de KompoZer son:
• 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.
• Selector de colores: Se puede 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 y el brillo. En caso de que esto nos resulte incómodo, se puede elegir el color deseado con el mouse.
• Pestañas: Facilita el trabajo y brinda la posibilidad al usuario de realizar acciones de manera más fluida navegando entre pestañas. Se puede utilizar la herramienta Deshacer y Rehacer independientemente en cada una de las pestañas.

• Barras de tareas personalizables: se puede elegir los botones que aparezcan en nuestras barras y los que no según nuestros gustos y/o necesidades.





ENTORNO DE TRABAJO

La ventana principal de KompoZer esta 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 estamos editando o el nombre del archivo que le hayamos 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 podemos 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 accedemos más rápidamente.

Barras de Formato:
Con botones que nos 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 tenemos 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 esta situada a la izquierda y en ella podremos configurar los sitios web, para poder acceder de forma rápida a las distintas páginas web. A través de ella también podremos 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 podremos 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 podemos mostrar las reglas en esta área, que nos ayudaran a dimensionar diversos objetos.
Barra de modo de edición:
En esta barra nos encontraremos 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 nos encontramos. Además a través de ella podemos seleccionar de forma facil y rápida las etiquetas con sus contenidos para realizar acciones sobre ellos como dar formatos, eliminar, etc.


ACTIVIDAD:
1. Realice un mapa conceptual sobre Kompozer y publíquelo en su blog

2. Identifique cada una de las barras que conforman la interfaz de Kompozer, señálelas en una imagen y publíquelo en su blog.

3. "Dibuje" (Para nuestro caso, pegue) cada botón que conforman la barra de Redacción y Formato y coloque su nombre. (En caso de que su duda sea.. No tengo el programa, lea el siguiente documento http://www.mediafire.com/?babz461bmeiix9k y allí encontrará mucha información)


No hay comentarios:

Publicar un comentario