Cargando...
Nota editada el día 06 de Noviembre de 2009
Tips para Adobe Dreamweaver CS4
Uno de los gerentes técnicos de Adobe nos mandó una serie de puntos clave para mejorar el uso del Dreamweaver.
Categoría:
Software > Diseño
Por:
Scott Fegette
Gerente Técnico de Producto de Dreamweaver
Devin Fernández
Gerente Senior de Producto de Creative Suite
1.- FORMATO DE CÓDIGO AL INSTANTE
¿Debe trabajar con un CSS en un proyecto o widget que es simplemente ilegible? Use la función Apply Source Formatting y reformatéelo exactamente según sus especificaciones. Solo haga clic en el icono Format Source Code en la parte inferior de la barra de herramientas Coding (Edit>Toolbars>Coding) y seleccione Code Format Settings para configurar su formato de preferencia. Así puede aplicarlo con un solo clic a cualquier archivo abierto seleccionando Apply Source Formatting desde el icono Format Source Code.
2.- PRE-VISUALICE PÁGINAS DINÁMICAS
El nuevo modo Live View de Dreamweaver le ayuda a visualizar cómo se verán sus páginas Web en un explorador pero, ¿qué pasa con las “vistas” dinámicas de aplicaciones Web como WordPress? Seleccione HTTP Request Settings desde View>Live View Options y entonces ingrese los parámetros GET o POST que necesita para ver su aplicación de forma correcta. ¡Así de simple!
3.- DISEÑE DE FORMA INTERACTIVA
Otra característica de Live View en Dreamweaver CS4 es la habilidad de congelar JavaScript. Si usted está trabajando en un menú desplegable de gran estilo, o si desea diseñar con una pestaña particular seleccionada, solo encienda Live View (View>Live View), interactúe con su página para obtener el estado preferido y luego presione F6. Ahora su página está congelada en el lugar correcto y usted puede darle estilo a la interfase interactiva con facilidad.
4.- ¡WIDGET MANÍA!
Aunque Dreamweaver CS4 se distribuye con widgets Spry UI para la construcción rápida de interfases Web, puede que usted necesite aprovechar soluciones de otros terceros. Solo haga clic en el icono Extend Dreamweaver (luce como una palanca) en su Barra de Aplicaciones y seleccione Browse for Web Widgets. Esto le llevará a Adobe Exchange donde podrá encontrar widgets adicionales de proveedores como Yahoo!, JQuery y muchos otros.
5.- FORMATO DE TEXTO SIN DESORDEN
Mucha gente usa Dreamweaver como una forma de actualizar contenido visualmente, como en un procesador de palabras. Antes de Dreamweaver CS4, esto podía resultar en reglas CSS redundantes como .class1, .class2 y así sucesivamente. En Dreamweaver CS4, solo cambie su inspector Property a modo HTML (haga clic en el icono HTML a la izquierda del inspector) y dígale adiós a todas las CSS redundantes, insertando solo las marcas HTML apropiadas.
6.- TELETRANSPÓRTESE A SU CSS
El Code Navigator le da acceso al código CSS aplicado a una selección en más que solo Design View. Puede usar el Code Navigator en Live View, Code View o hasta en el selector de etiqueta. Para entrar al Code Navigator, solo haga clic en Command-Option (PC: Ctrl-Alt-clic) en un elemento y una ventana pop-up se abrirá para mostrarle todas las reglas CSS aplicadas a su selección. Haga clic en una regla para ser transportado instantáneamente al código fuente CSS relacionado. (Nota: en el selector de etiqueta, haga clic en una etiqueta y luego presione Command-Option-N [PC: Ctrl-Alt-N] (Imágenes: CodeNav.png)
7.- AYUDA VISUAL PARA INSPECCIONAR SU CSS
Encienda las variadas ayudas visuales de CSS (View>Visual Aids) para una explicación visual de los misterios de la caja modelo, como los márgenes, padding y flotadores aplicados a un elemento determinado en la página. La opción de ayuda visual CSS Layout Backgrounds le ayuda a ordenar hasta los más complejos layouts con sus complicadas agrupaciones con solo aplicar un único fondo de color a cada
individual.
8.- ESPACIOS DE TRABAJO CON MEMORIA
La nueva interfase de Dreamweaver CS4 permite paneles e inspectores flexibles y configurables: arrástrelos a nuevas posiciones, a nuevos flotadores y más. Pero, todavía mejor, si usted encontró un layout cómodo que le funciona mejor, guárdelo como su nuevo espacio de trabajo (Designer Compact>New Workspace), déle un nombre y luego podrá llamarlo, junto con muchas otras configuraciones específicas de espacio de trabajo, con solo un clic.
9.- FORMULARIOS PROFESIONALES
¿Desea validar sus campos de formularios como los profesionales, pero le preocupa tener que reconstruirlos desde el principio? Pierda cuidado. Solo seleccione un elemento de formulario existente, como un campo de texto, y aplique un widget Spry Validation desde el menú Insert>Spry. Luego controle los requisitos de validación como el mínimo o máximo de caracteres directamente desde el inspector Property.
10.- DATOS DINÁMICOS PARA EL COMÚN DE NOSOTROS
La función Spry Data Set le permite crear contenido dinámico, como una tabla dinámica, sin los obstáculos de una base de datos. Deje que la guía de Spry Data Set (Insert>Spry>Spry Data Set) le lleve a definir una fuente de datos y coloque los datos en una tabla dinámica Spry en su página. Para mantener las cosas todavía más simples, use una tabla HTML básica como su fuente de datos. (Imágenes “DataSet.png”)
Acerca de los Autores:
Scott Fegette
Scott Fegette es Gerente Técnico de Producto de Dreamweaver en Adobe.
Antes de unirse al equipo de Dreamweaver, se desempeñaba como evangelista y gerente de ingeniería de Flash Video en el equipo Web de Macromedia responsable de construir la infraestructura de sitio, servicios y arquitectura que ofrece hoy en día Adobe.com.
Previo a su experiencia con Macromedia en 2000, Scott se entrenó en diseño y desarrollo Web como director de servicios online para MetaCreations, una compañía de desarrollo de software que estuvo basada en Santa Bárbara, contribuyendo tanto al diseño del sitio global y código de marco de trabajo de servidor como manejando un equipo de 8 diseñadores y desarrolladores para dar soporte al sitio.
En su tiempo libre, Scott es un músico profesional y fotógrafo y cineasta independiente en San Francisco.
Devin Fernández
Gerente Senior de Producto de Creative Suite
Devin Fernandez
Devin Fernández es gerente senior de producto de Creative Suite en Adobe.
Devin se relaciona activamente con la comunidad de usuarios finales para entender mejor los principales obstáculos de diseño que encuentran los diseñadores Web e interactivos. En el proceso de desarrollo de producto, él es el abogado de los consumidores, con el objetivo de dar la dirección correcta al diseño y la estrategia para diseñar conjuntos de funciones integrales que resuelvan los problemas de diseño del mundo real.
Fernández se unió a Adobe en 2004. Antes de ello, trabajó en AT&T, en donde se desempeñó como director asociado responsable de los servicios de aplicación administrados por la compañía.
Devin recibió el título de Masters of Business Administration en la Universidad de California en Berkeley. También es titulado de Bachelor of Science por la misma Universidad.
Contenido escrito por Santiago Ramirez (Colaborador de Contenidos)
Comentarios de Tips para Adobe Dreamweaver CS4:
De decidir realizar un comentario, este aparecerá dentro de las próximas 2 a 4 horas
