Directamente desde Dreamweaver podemos hacer roundtrip hacia Flash y aprovechar las características de comunicación de ambas herramientas para acelerar el flujo de trabajo.
Las herramientas de edición de código de Dreamweaver CS5 son muy poderosas, inclusive podemos adaptar la herramienta a tecnologías nuevas como HTML5 configurando algunos parámetros.
El Quick Tag editor es una herramienta muy útil que ha estado presente prácticamente desde que Dreamweaver se llamaba Home Site, pero pocos desarrolladores conocen su verdadero poder y que les puede librar de horas de búsqueda con ciertos tipos de etiquetas.
Las referencias incluidas dentro de Dreamweaver CS5 son herramientas muy útiles cuando no tenemos algún libro impreso a mano al momento de estar desarrollando.
Los fragmentos de código es uno de los secretos mejor guardados de Dreamweaver CS5, una vez configurados para el día a día de cualquier diseñador y/o desarrollador Web pueden acelerar considerablemente los tiempos de edición de un documento.
Buscar y Remplazar es una de las funcionalidades mejor logradas dentro de Dreamweaver, nos permite hacer desde sencillos reemplazos de texto en un solo documento hasta cambios significativos a sitios Web completos.
La Web Developer Toolbar puede complementarse muy bien en combinación con Dreamweaver CS5 y de hecho rescata algunas de las funcionalidades eliminadas de esta versión de la herramienta.
Aplicaciones prácticas basadas en un diseño elaborado en Adobe Fireworks.
ROUNDTRIP CON FIREWORKS CS5
Dreamweaver CS5 carece de muchas opciones de edición de imágenes, para resolver esta situación vamos a utilizar un flujo de trabajo en combinación con Fireworks CS5 para modificar las imágenes con todas las posibilidades de ambas tecnologías.
La interacción que podemos tener entre Dreamweaver CS5 y Fireworks CS5 a través de los comandos de exportación, permiten tener un sitio Web listo para su publicación en muy pocos pasos.
Las herramientas de Web en Fireworks CS5 permiten generar regiones sensibles o cortes sobre los diseños de sitios Web que pueden ser aprovechados en Dreamweaver CS5 con facilidad.
Directamente desde Dreamweaver podemos hacer roundtrip hacia Flash y aprovechar las características de comunicación de ambas herramientas para acelerar el flujo de trabajo.
El formato de vídeo de Flash sin duda alguna es el más popular en Internet hoy en día. Les resultará útil saber que desde Dreamweaver puedo aprovechar vídeos generados en FLV y sin necesidad de saber utilizar Flash incrustarlos dentro de nuestros proyectos.
sIFR y TLF son dos maneras de manipular la tipografía en Flash que en combinación con Dreamweaver nos darán un abanico de posibilidades nuevo para incluir dentro de nuestros sitios Web.
Es importante saber que Dreamweaver ha cambiado el modelo de incrustar SWF aprovechando las características del proyecto SWF Object que nos permite dentro de otras cosas mostrar contenido alternativo, controlar la carga dinámica de Flash, etc.
Una de las metodologías de trabajo más adoptadas en el diseño Web orientado a estándares es la separación de capas (contenido, estructura y diseño). Dreamweaver CS5 incluye algunas herramientas de inspección de código que facilitan mucho nuestro trabajo.
El panel de CSS es una herramienta que me permite trabajar los sitios Web orientados a estándares web de una forma eficaz, gracias a sus diversas opciones.
El trabajo con CSS a un nivel medio-avanzado implica que manejemos los conceptos de herencia, cascada y especificidad, siendo esta última la más compleja de todas, pero aprovechando las características de Dreamweaver CS5 todo el trabajo se facilita considerablemente.
El modelo de cajas es uno de los conceptos más importantes al momento de definir un layout orientado a estándares Web y Dreamweaver CS5 incluye diversas herramientas que nos facilitan la interacción y la visualización de este concepto.
Las plantillas de Dreamweaver son recursos muy útiles al momento de estar creando sitios Web ya que permiten actualizar los diseños de una manera rápida y ordenada.
Al crear una plantilla siempre es importante mantener un control de la edición de la misma y no hay mejor manera de hacerlo que entendiendo las regiones editables.
Una de las principales características del diseño basado en plantillas es el hecho de poder actualizar todos los documentos basados en una plantilla en pocos segundos.
Cuando tenemos documentos HTML existentes es posible adaptarlos a un esquema basado en plantillas con relativa facilidad, en este video aprenderemos cómo hacerlo.
El concepto de div en las páginas Web surge a raíz de la necesidad de darle un contexto semántico a la estructura de un documento, Dreamweaver permite trabajar con esta etiqueta de forma muy natural en sus dos versiones: con posición automática o absoluta.
La inspección de código CSS y la posibilidad de activar o desactivar reglas seguramente serán parte del arsenal de los asiduos usuarios de esta herramienta.
En este capítulo vamos a ver todo lo referente a los formularios.
FORMULARIOS
Los formularios son la principal estructura de comunicación de un usuario con una página Web, ya que involucran controles de texto, botones y transacciones con el servidor.
Son muchos los desarrolladores que no acostumbran a personalizar sus formularios, a veces por desconocimiento o malas prácticas. Es importante tener cuidado en estos detalles si queremos incrementar la interacción con nuestros formularios.
La accesibilidad es uno de los temas menos explorados por los diseñadores Web, pero es de vital importancia en sitios de libre acceso a la información. En este video haremos incluso una simulación de accesibilidad con un sitio a través de un software lector de pantalla.
Los componentes de Spry agregan algunas funcionalidades extra a los formularios como la validación de los datos y la posibilidad de personalización de avisos de ayuda y de error.
XSLT es una tecnología que permite la información contenida en XML en elementos estructurados de HTML para su visualización en navegadores Web. Dreamweaver CS5 facilita mucho la compleja sintaxis.
La posibilidad de repetir regiones basándose en los datos dinámicos de XML es una de las virtudes de las herramientas de Dreamweaver CS5 para transformar datos.
En este vídeo consumiremos uno de los microformatos más populares en la red, un RSS. Posteriormente crearemos una transformación de su información basándonos en estándares Web.
La combinación de las diferentes herramientas en Dreamweaver CS5 nos da la posibilidad de crear aplicaciones impresionantes que involucren XML, CSS, HTML, AJAX y Vídeo en muy pocos pasos.
“ Lo mejor que nos ha pasado en la empresa: adquirir video2brain!!! ¡Es increible! ¡¡¡Hemos optimizado tiempos, espacios, traslados!!!... ¡Muchas gracias! ”
Curso en DVD
Curso online
Suscripción
