miércoles, 25 de junio de 2014

FORMULARIOS

Para crear formularios con KompoZer, abriremos el programa e iremos a la opción Insertar --> Formulario --> Definir formulario.
 

 

Entonces aparece la ventana Propiedades del formulario

 

 

 
Rellenaremos los datos del Nombre de formulario; en el campo URL de la acción pondremos en principio: http://forms.melodysoft.com ya configuraremos el servicio para que envíe las encuestas que hagamos a los usuarios de nuestra Web a un correo determinado; en método seleccionaremos la opción POST, es decir... Enviar; finalmente, pulsamos Aceptar.

 

Inmediatamente veremos que el programa ha creado un área punteada, como una celda de tabla de color celeste. Esto nos indica que el formulario está creado con el método de recogida de datos que le hemos especificado. Dentro de ese área comenzaremos a colocar los elementos que nos permitirán recopilar los datos que consideremos de interés para nosotros sobre los visitantes a nuestra Web.

 

 

CAMPO DE TEXTO:

Vamos a insertar un campo en el que el visitante ponga su nombre, para ello:
- Primero hacemos clic con el ratón dentro de ese área punteada en celeste y ponemos la palabra Nombre.
- A continuación, volvemos a la barra de herramientas Insertar --> Formulario --> Campo de Formulario. Rellenaremos la ventana que nos salga con los siguientes datos: elegiremos un campo de texto, lo nombraremos a efectos de poder reconocerlo posteriormente en el formulario y pulsaremos aceptar.

 

 

Nuestro formulario irá adquiriendo esta apariencia.

 

 

Posteriormente podemos repetir la operación para agregar otro campo que sea apellidos y dirección de email. Repetimos la misma operación anterior y nombramos a cada una según el dato que queramos recopilar.

 

 

CASILLAS DE VERIFICACIÓN:

Tras estos datos podremos colocar items para que el visitante elija una entre varias opciones o varias a la vez:
En el siguiente ejemplo vamos a insertar la siguiente pregunta ¿Qué te parece la web? y añadiremos los correspondientes items, cada uno con su opción:
 
  • Para conseguir estos items, recurriremos a Insertar --> Formulario --> Campo de Formulario y en el tipo elegiremos casilla de verificación.

 


 
A cada una de las casillas le asignamos el mismo nombre que pongamos en el formulario, en este caso son opiniones sobre nuestra Web.

 


 
De forma que nuestro formulario va adquiriendo esta presencia:

 

 

ÁREA DE TEXTO:

Para acabar este sencillo formulario podemos colocar un cuadro de texto para que nuestro visitante nos escriba libremente alguna sugerencia o cualquier otra cosa que le solicitemos. La mecánica para el cuadro de texto sería la siguiente: Insertar --> Formulario --> Área de Texto

 

 
Las propiedades de este área de texto serán las siguientes:

 

 

Y lo que obtendremos será algo parecido a esto:

 

 

BOTONES DE ENVÍO Y RESTABLECIMIENTO:

Finalmente solo quedará insertar los botones que harán posible que el visitante envíe el formulario o limpie la información del mismo por si se arrepiente de enviarlo o por si se equivoca en la consignación de algún dato. Para insertar los botones haremos lo siguiente: Insertar --> Formulario --> Campo de Formulario; seleccionaremos la opción botón de envío y botón de restablecimiento posteriormente, de forma que completemos el formulario. A cada uno de los botones pondremos sus propiedades.

 


   
 

El formulario quedará de esta manera:
En formato html este ejemplo resultaría así.

DEFINICIÓN



¿QUÉ ES?


Kompozer es un editor WYSIWYG (What You See Is What You Get = Lo que ves es lo que tienes) de páginas web. Resulta una herramienta de uso fácil, de libre distribución y de uso gratuito basado en el motor de Mozilla.
 

Este programa es el sucesor no oficial del conocido editor Nvu 1.0 y se propone como alternativa ya que Nvu no se actualiza desde el 2005 y una nutrida comunidad de usuarios desarrolladores se han encargado de evolucionar Nvu bajo esta nueva denominación con múltiples correcciones y parches.


martes, 24 de junio de 2014

ENTORNO DE TRABAJO

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. 
 
 


FUNCIONES




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.


     

VENTAJAS Y DESVENTAJAS

VENTAJAS
    
  • Software libre.
  • Multiplataforma tanto MAC, RedHat, Debian, Linux, Windows.
  • Soporte para varios idiomas.
  • Gratis, fácil de usar, muy visual.
  • Bajo consumo de recursos. 
      


    DESVENTAJAS

     Pocas opciones para el desarrollo, puede dificultarnos el desarrollo de nuestra aplicación, al contar pocas herramientas que nos agilicen el trabajo.
  • Si estas utilizando Kompozer en Linux (Ubuntu 8.04, Mandriva 2009, o cualquier que lleve el Gnome 2.24), no conseguirás que te funcione el Kompozer correctamente.
  • Se cierra sin más aviso al utilizarlo en Linux, y si lo utilizas desde la consola te sale un mensaje de error.
  • En Linux solo lo puedes tener en ingles, y si intentas cambiarlo de idioma te sale un error con el que ya no puedes utilizar kompozer.
  • Dificultad para incluir ciertos recursos como los provenientes de Macromedia Flash, y los videos.
  • Se vuelve vulnerable al momento de compilar los cambios.


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.