Revista pablo rivas dreamweaver

Page 1

Pablo RaĂşl Rivas


Adobe Dreamweaver es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es uno de los programas más utilizados en el sector del diseño y la programación web por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. 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. 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.


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.

Resaltado de sintaxis A partir de la versión 5, Dreamweaver admite el resaltado de sintaxis para los siguientes lenguajes por defecto: • ActionScript • Active Server Pages (ASP). • ASP.NET (no se admiten en la versión CS4 http://kb2.adobe.com/cps/402/kb402489.html) • C# • Cascading Style Sheets (CSS) • ColdFusion • Extensible HyperText Markup Language (XHTML) • Extensible Markup Language (XML) • Extensible Stylesheet Language Transformations (XSLT)


Historial de versiones

Proveedor

Versiรณn mayor

Versiรณn menor/nombre alternativo

Fecha de publicaciรณn

Notas

1.0

Diciembre de 1997

Primer lanzamiento, sรณlo para Mac OS.

1.2

Marzo de 1998

Primera versiรณn para Windows.

2.0

Diciembre dRRe 1998

4.2

Diciembre de 1999

UltraDev 1.0

Junio de 2000

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

9.0

CS3

Sustituye a Adobe 16 de abril de 2007 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

1.0

2.0

3.0 Macromedia 4.0

Adobe


Requisitos del Sistema Windows • Procesador Intel® Pentium® 4 o AMD Athlon® de 64 bits • Microsoft® Windows® XP con Service Pack 2 (se recomienda Service Pack 3); Windows Vista® Home Premium, Business, Ultimate o Enterprise con Service Pack 1; o Windows 7 • 512 MB de RAM • 1 GB de espacio disponible en el disco duro para la instalación; se necesita espacio libre adicional durante la instalación (no se puede instalar en dispositivos de almacenamiento flash extraíbles) • Resolución de 1580 × 800 con tarjeta de vídeo de 16 bits • Java™ Runtime Environment 1.6 (incluido) • Unidad de DVD-ROM • Se necesita el software QuickTime 7.6.6 para la reproducción de contenido multimedia HTML5 • Este software no funcionará si no se activa. Es necesario disponer de conexión a Internet de banda ancha y registrarse para poder activar el software, validar suscripciones y acceder a servicios online.* No está disponible la activación por teléfono. • Procesador Intel multinúcleo • Mac OS X v10.6.8 o v10.7. Adobe Creative Suite 5, 5.5 y las aplicaciones de CS6 son compatibles con Mac OS X Mountain Lion (v10.8) si se instalan en sistemas basados en Intel.** • 512 MB de RAM • 1,8 GB de espacio disponible en el disco duro para la instalación; se necesita espacio libre adicional durante la instalación (no se puede instalar en un volumen que utilice un sistema de distinción entre mayúsculas y minúsculas en archivos, ni en dispositivos de almacenamiento flash extraíbles) • Resolución de 1280 × 800 con tarjeta de vídeo de 16 bits • Java Runtime Environment 1.6 • Unidad de DVD • Se necesita el software QuickTime 7.6.6 para la reproducción de contenido multimedia HTML5 • Este software no funcionará si no se activa. Es necesario disponer de conexión a Internet de banda ancha y registrarse para poder activar el software, validar suscripciones y acceder a servicios online.* No está disponible la activación por teléfono.


Dreamweaver CS6 es un software fácil de usar que permite crear páginas web profesionales. Las funciones de edición visual de Dreamweaver CS6 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML. Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual. Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.

Para seguir este curso te puedes descargar la versión gratuita de Dreamweaver desde la página de Adobe, la versión caduca al cabo de 30 días, pero seguro que te dará tiempo a entenderlo y decidir si quieres adquirir la versión completa de este fantástico programa. Nota: Esta versión estará disponible hasta que Adobe lance la nueva versión del programa. Los logotipos de Dreamweaver son propiedad de Adobe, así como las marcas registradas Dreamweaver y Adobe. aulaClic no tiene ninguna relación con Adobe. Las páginas web están escritas en HTML. Si no conoces las características básicas de HTML puedes verlas aquí.


Novedades de Dreamweaver CS6 En este punto comentaremos las características que aporta esta nueva versión sobre la anterior. • Plantillas diseño fluido. El acceso a la web a través de todo tipo de dispositivos está experimentando un aumento importante. Ahora es habitual acceder a internet desde el teléfono móvil y desde las tabletas. Esto complica el diseño de los sitios web porque los dispositivos son de diferentes dimensiones. •Una forma de afrontar este problema es utilizando el diseño fluido, este tipo de diseño hace que la página se adapte automáticamente a las dimensiones del dispositivo.

Este tipo de diseño utiliza HTML 5 por los que los navegadores antiguos no son capaces de representarlo correctamente. Sin embargo, existen librerias de Javascript que solucionan este inconveniente. •Dreamweaver incorpora estas soluciones en sus nuevas plantillas de diseño fluido que veremos en la unidad 18. Transiciones. Las transiciones permiten pasar propiedades CSS de un estado inicial a otro estado final de forma continua. Con transiciones se pueden lograr vistosos efectos de animaciones.


• Fuentes Web. Existen sitios web con multitud de nuevas fuentes que pueden dar un aire distinto a nuestros diseños de páginas web. En esta versión, Dreamweaver permite incorporar los archivos de nuevas fuentes de forma sencilla. Intergración con PhoneGap mejorada. PhoneGap es un servicio para generar aplicaciones para teléfonos móviles en las plataformas más utilizadas (Android, Apple, ...) ahora se ha mejorado la compatibildad con PhoneGap desde Dreamweaver .

• Funciones exclusivas para Creative Cloud. Creative Cloud es la nueva forma de adquirir productos Adobe, como Dreamweaver, mediante suscripción mensual o anual, de esta forma se tiene acceso más rapido a las actualizaciones y se puede disponer de los archivos de trabajo en cualquier ubicación con acceso a internet. •Además hay funciones que sólo estan disponibles para los suscriptores de Cloud, como la inserción de etiquetas HTML 5 desde el panel Insertar, la compatibilidad con Edge Animate o la búsqueda dinámica en Mac.


Pรกgina principal y partes del Espacio de trabajo



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.