miércoles, 17 de agosto de 2011

UN GRAN EDITOR

DREAMWEAVER

Es una aplicacion en forma de estudio (basada en como se estudio Adobe Flas).está destinada a la construcción y edición de sitios y sus aplicaciones que estan  basadas en estándares.

al comienzo se creo por macromedia (pero en la actualidad esta producido por Adobe Sistems) ademas de ser el programa de este tipo más utilizado en la parte de diseño y programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y  hace poco, por su soporte de los estándares.

El  principal competidor es Microsoft Expression Web y contiene soporte tanto para edición de imágenes como para animación a través de su union con otras.


Hasta la versión MX, fue tremendamente reprensible por su carente soporte de los estándares de la web, debido  a que el código que mostraba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.
Se vende como parte de la suite Adobe Creative Suite.


La gran prelacion de este editor sobre otros es su capacidad de ampliación y personalización del mismo, ya que en este programa, sus rutinas (como la de insertar un hipervinculo, una imagen o añadir un comportamiento) se  hacen en Javascript, lo que le brinda na gran flexibilidad en estas materias.

 Esto origina que los archivos del programa no sean instrucciones de C++ sino, rutinas de Javascript que realiza un programa muy fluido, y todo eso logra, que programadores y editores web hagan extensiones para su programa y lo ponga a su gusto.


Las versiones originales de la aplicación se utilizaban como simples editores WYSING. Sin embargo, versiones más recientes soportan diversas tecnologías web como CSS, JavaScript y algunos Frameworks del lado servidor.


Dreamweaver ha disfrutado de un gran éxito desde finales de los años 1990 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está al alcanze tanto para la platafoma MACcomo para Windows, aunque igualmente se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.


tanto el editor WYSIWYG como  Dreamweaver permite ocultar el código HTML de cara al usuario, haciendo favorabñe que alguien no entendido pueda crear páginas y sitios web fácilmente sin que sea requisito escribir código.


Hay desarrolladores web que criticaban esta propuesta ya que crean páginas HTML más largas de lo que solían ser al incluir mucho código inútil, lo cual va en disminucion de la ejecución de las páginas en el Navegador Web.

La aplicación simplifica  el diseño de las páginas mediante tablas. Además, algunos desarrolladores web han criticado Dreamweaver en el pasado porque creaba código que no cumplía con los estándares del consorcio Web (W3C).

aunque, Adobe ha aumentado el soporte CSS y otras modos de diseñar páginas sin tablas en versiones posteriores de la aplicación, haciendo que se reduzca el exceso de código.

Dreamweaver proporciona al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para previsualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de comportamientos también permite crear JavaScript básico sin conocimientos de código.


Cuando llego la version MX, Macromedia integro herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML,WYSIWYG, permite la conexión a Bases de Datos como MySQL y Microsoft Access,  para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP (Active Server Pages), ColdFusion, JSP (JavaServer Pages) y PHP sin necesidad de tener experiencia previa en programación.

Un aspecto de alta consideración de Dreamweaver es su arquitectura extensible. Es decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son pequeños programas, que cualquier desarrollador web puede escribir (normalmente en HTML y Javascript) y que cualquiera puede descargar e instalar, ofreciendo así funcionalidades añadidas a la aplicación.

EDITORES WYSIWYG

El término WYSIWYG es el acrónimo de What You See Is What You Get, que traducido al castellano significa: "lo que ves es lo que obtienes", en los que de manera visual se pueden colocar distintos elementos sobre una vista previa de la página, encargándose el programa de generar el documento HTML.

La modo de trabajar en este tipo de editores, es muy parecido a la que se usa cuando se trabaja con un procesador de texto. Esto quiere decir que un usuario no necesita teclear las etiquetas del lenguaje de marcado.

a cambio de eso, el usuario escribe el texto, lo formatea, e incluye las imágenes en los lugares que se decea, trabajando igual a como lo haría con Writer,  (el procesador incluido en la suite ofimática OpenOffice.org),[1] o en Word.

Acontinuacion el editor altera la vista por pantalla en código HTML perfectamente configurado.

Ejemplo de editores WYSIWYM: 

  •  WYMean Editor[2]
  •  WebCS Editor[3]
Alguno de estos editores son una buena alternativa si lo que sea desea son los editores de texto simple.

 Los mejores editores HTMLrecalcan las líneas de código mediante distintos tipos de fuente a las usadas en el texto introducido directamente por teclado. Además, facilitan  la posibilidad de regresar entre los diferentes tipos de vista.


Ejemplos claros de editores de páginas web:

son Kompozer (antes llamado NVU).
  • Mozilla Composeer.
  •  Amaya.
  •  Dreamweaver
  •  Microsoft Frontpage, entre otros

EDITORES DE TEXTO CON VENTANAS DESDOBLADAS

Es una versión sutilmente más sofisticada que la anterior. Suele tener un par de ventanas:

 Una de trabajo, donde se teclea el código HTML y el texto que se quiere insertar en la página, y en la otra se visualiza el resultado en tiempo real.
 En otras palabras se obtiene una previsualización del documento generado.

Lo que significa que no es necesario guardar el documento, preliminarmente, antes de volver a abrirlo con el navegador para verificar el contenido.