miércoles, 17 de abril de 2013

10º DISEÑO WEB - KOMPOZER

En su blog, publique la interfaz de Kompozer señalando cada una de sus barras.
Para identificar cada una de las barras, lea las descripciones que se encuentran más abajo.




Barra de Título: 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 ventana: 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. Por ejemplo los botones: Nuevo, Abrir, Guardar, Publicar, Buscar, Imagen, etc. Cabe destacar que podremos modificar dicha barra, para adaptarla a nuestras necesidades.

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 está 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 título 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 página 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 fácil y rápida las etiquetas con sus contenidos para realizar acciones sobre ellos como dar formatos, eliminar, etc.






No hay comentarios:

Publicar un comentario