ADOBE DREAMWEAVER
Adobe Dreamweaver es un editor de HTML
visual, diseñado para desarrolladores profesionales. El programa hace
muy fácil la tarea de crear complejas páginas web dinámicas, con la
conocida técnica de "arrastrar y soltar", permitiendo que los
diseñadores puedan crear entornos web sin tener que escribir una sola
linea de código.
Es compatible con las últimas tecnologías y tendencias en el desarrollo web, incluyendo lenguaje Java, CSS, AJAX, XHTM, Adobe AIR y subversiones. La compatibilidad con los diversos navegadores no será un problema para Adobe Dreamweaver, gracias a la tecnología Live View, que te permite ver tus creaciones antes de publicarlas.
Es compatible con las últimas tecnologías y tendencias en el desarrollo web, incluyendo lenguaje Java, CSS, AJAX, XHTM, Adobe AIR y subversiones. La compatibilidad con los diversos navegadores no será un problema para Adobe Dreamweaver, gracias a la tecnología Live View, que te permite ver tus creaciones antes de publicarlas.
Sus principales competidores son Microsoft Expression Web y BlueGriffon
(que es de código abierto) y tiene soporte tanto para edición de
imágenes como para animación a través de su integración con otras. Hasta
la versión MX, fue duramente criticado por su escaso soporte de los
estándares de la web, ya que el código que generaba 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. A partir de la compra de Macromedia por parte de Adobe. Las letras CS significan Creative Suite
La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización, puesto que en este programa sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de Javascript que hace que sea un programa muy fluido y todo ello permite que programadores y editores web hagan extensiones para su programa y lo pongan a su gusto.
Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.
Dreamweaver ha tenido un gran éxito desde finales de los años 1990 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la plataforma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.
Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente sin necesidad de escribir código.
Algunos desarrolladores web 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 detrimento de la ejecución de las páginas en el navegador web. Esto puede ser especialmente cierto ya que la aplicación facilita en exceso 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).
No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas sin tablas en versiones posteriores de la aplicación, haciendo que se reduzca el exceso de código.
Dreamweaver permite 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.
Con la llegada de la versión MX, Macromedia incorporó herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también 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, ASP.NET, 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 funcionalidad con extensiones. 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. Dreamweaver goza del apoyo de una gran comunidad de desarrolladores de extensiones que hacen posible la disponibilidad de extensiones gratuitas y de pago para la mayoría de las tareas de desarrollo web, que van desde simple efectos rollover hasta completas cartas de compra.
También podría decirse que, para un diseño más rápido y a la vez fácil, podría complementarse con Fireworks en donde se podría diseñar un menú u otras creaciones de imágenes (gif web, gif websnap, gif adaptable, jpeg calidad superior, jpeg archivo más pequeño, gif animado websnap) para un sitio web y después exportar la imagen creada y así utilizarla como una sola en donde ya llevará los vínculos para dicho sitio.
¿COMO SE USA?
Pasos
Se vende como parte de la suite Adobe Creative Suite. A partir de la compra de Macromedia por parte de Adobe. Las letras CS significan Creative Suite
La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización, puesto que en este programa sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de Javascript que hace que sea un programa muy fluido y todo ello permite que programadores y editores web hagan extensiones para su programa y lo pongan a su gusto.
Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.
Dreamweaver ha tenido un gran éxito desde finales de los años 1990 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la plataforma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.
Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente sin necesidad de escribir código.
Algunos desarrolladores web 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 detrimento de la ejecución de las páginas en el navegador web. Esto puede ser especialmente cierto ya que la aplicación facilita en exceso 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).
No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas sin tablas en versiones posteriores de la aplicación, haciendo que se reduzca el exceso de código.
Dreamweaver permite 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.
Con la llegada de la versión MX, Macromedia incorporó herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también 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, ASP.NET, 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 funcionalidad con extensiones. 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. Dreamweaver goza del apoyo de una gran comunidad de desarrolladores de extensiones que hacen posible la disponibilidad de extensiones gratuitas y de pago para la mayoría de las tareas de desarrollo web, que van desde simple efectos rollover hasta completas cartas de compra.
También podría decirse que, para un diseño más rápido y a la vez fácil, podría complementarse con Fireworks en donde se podría diseñar un menú u otras creaciones de imágenes (gif web, gif websnap, gif adaptable, jpeg calidad superior, jpeg archivo más pequeño, gif animado websnap) para un sitio web y después exportar la imagen creada y así utilizarla como una sola en donde ya llevará los vínculos para dicho sitio.
Historial de versiones
Proveedor | Versión mayor | Versión menor/nombre alternativo | Fecha de publicación | Notas |
---|---|---|---|---|
Macromedia | 1.0 | 1.0 | Diciembre de 1997 | Primer lanzamiento, sólo para Mac OS. |
1.2 | Marzo de 1998 | Primera versión para Windows. | ||
2.0 | 2.0 | Diciembre dRRe 1998 | ||
3.0 | 4.2 | Diciembre de 1999 | ||
UltraDev 1.0 | Junio de 2000 | |||
4.0 | 4.0 | Diciembre de 2000 | ||
UltraDev 4.0 | Diciembre de 2000 | |||
6.0 | MX | 29 de mayo de 2002 | ||
7.0 | MX 2004 | 10 de septiembre de 2003 | ||
8.0 | 8.0 | 13 de septiembre de 2005 | ||
Adobe | 9.0 | CS3 | 16 de abril de 2007 | Sustituye a Adobe GoLive en la serie Creative Suite |
10.0 | CS4 | 23 de septiembre de 2008 | ||
11.0 | CS5 | 12 de abril de 2010 | ||
11.5 | CS5.5 | 12 de abril de 2011 | ||
12.0 | CS6 | 21 de abril de 2012 | ||
13.0 | CC | Abril de 2013 |
Color | Significado |
---|---|
Rojo | Versión antigua |
Amarillo | Versión antigua; soportada aún |
Verde | Versión actual |
Pasos
1 Crea una carpeta en el disco duro (no en Dreamweaver) y el nombre lo que quieras. Esta es la carpeta raíz.
2 Dentro de esta carpeta crea cuatro sub-carpetas con sus nombres característicos: Imágenes, flash, páginas, etc.
-
3Vete a Dreamweaver y haz clic en HTML. Guarda esta página en la carpeta raíz como “Página de inicio”.
-
4Empieza con tu sitio web.
-
5Dreamweaver es un poco loco a la hora de seleccionar imágenes, botones, etc. Para ponerlos correctamente primero has de ponerlos en tablas. Ve a “Insertar” y ahí inserta una nueva tabla. Puedes configurarlo para poner todas las tablas que desees. Es un poco complicado al principio llegar donde deseas, pero funciona el jugar con el programa y conocerlo.
-
6Si lo deseas puedes insertar botones yendo a “Insertar”, “Media” (para complementos multimedia), o la opción botón de flash. Una vez que lo consigas, puedes hacer clic en el y buscar la página que deseas para conectarte o escribir la url del sitio que quieras.
-
7También puedes añadirle texto en flash, y puedes añadir imágenes.
-
8A la hora de agregar una imagen, esta no se puede simplemente copiar y pegar. Ve a “Insertar”, “imagen”, y luego busca la foto o imagen que deseas. De nuevo Dreamweaver es un poco caótico.
-
9Para cambiar el color de fondo y la fuente, ve a “Modificar”, luego a “propiedades de la página” y verás que es fácilmente adaptable, porque se explica por sí solo en esa sección.
-
10¡Esto debería ponerte en el camino correcto!
BIBLIOGRAFIA:
http://es.kioskea.net/download
http://es.wikipedia.org/wiki/Adobe_Dreamweaver.
http://es.wikihow.com/usar-Dreamweaver
No hay comentarios:
Publicar un comentario