martes, 19 de mayo de 2015

Adobe Dreamweaver

ADOBE DREAMWEAVER
 
Resultado de imagen para 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.


 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.

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
 ¿COMO SE USA? 
Pasos
Make a Web Page Using Dreamweaver Step 1 Version 3.jpg

1 Crea una carpeta en el disco duro (no en Dreamweaver) y el nombre lo que quieras. Esta es la carpeta raíz. 
Make a Web Page Using Dreamweaver Step 2 Version 3.jpg
2 Dentro de esta carpeta crea cuatro sub-carpetas con sus nombres característicos: Imágenes, flash, páginas, etc.

  1. Make a Web Page Using Dreamweaver Step 3 Version 3.jpg
    3
    Vete a Dreamweaver y haz clic en HTML. Guarda esta página en la carpeta raíz como “Página de inicio”.
  2. Make a Web Page Using Dreamweaver Step 4 Version 3.jpg
    4
    Empieza con tu sitio web.
  3. Make a Web Page Using Dreamweaver Step 5 Version 3.jpg
    5
    Dreamweaver 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.
  4. Make a Web Page Using Dreamweaver Step 6 Version 3.jpg
    6
    Si 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.
  5. Make a Web Page Using Dreamweaver Step 7 Version 3.jpg
    7
    También puedes añadirle texto en flash, y puedes añadir imágenes.
  6. Make a Web Page Using Dreamweaver Step 8 Version 3.jpg
    8
    A 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.
  7. Make a Web Page Using Dreamweaver Step 9 Version 3.jpg
    9
    Para 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.
  8. Make a Web Page Using Dreamweaver Step 10 Version 3.jpg
    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