Mis 5 atajos básicos son los siguientes:
F4: Cambiar a pantalla completa: te permite cerrar todos los paneles y es ideal cuando vás a trabajar en el código directamente.
F6: Congelar JavaScript: Otra imprescindible cuando realizas vistas en vivo de páginas que utilicen ajax: Permite ‘congelar’ la ejecución de scripts, de manera que se puede ver de forma muy sencilla qué partes del código original han cambiado (por ejemplo, qué estilos css se han aplicado a determinado elemento)
F12: Vista previa en el navegador principal; utiliza ctrl+F12 para utilizar el navegador secundario.
ctrl+T: Selecciona un objeto en vista diseño, pulsa ctrl+T una vez y tendrás acceso al código html del mismo; púlsalo de nuevo y podrás enolver la selección con la etiqueta que quieras. El segundo paso es ideal cuando tienes elementos anidados que hacen dificil a veces averiguar dónde terminan.
ctrl+Espacio: abrir la ayuda al código, que siempre viene bien!

R.- En las versiones CS3, es posible copiar desde PS y pegar directamente en DW, que se encargará de convertirlo en imagen. Para ello los pasos son realmente sencillos:

1.- Selecciona el area del archivo que estás manipulando en PS que quieres exportar a DW
2.- Selecciona Editar->Copiar
3.- Abre el documento donde quieres insertarla en DW y selecciona Editar->Pegar
4.- DW te ofrecerá unas últimas opciones: tipo de archivo, nivel de calidad o colores y el texto alternativo para la imagen.

¡Listo: Tu fragmento de Photoshop dentro de DW convertido en imagen en menos de lo que has tardado en leer este artículo!

Respuesta:antiguamente, el truco más habitual era envolver el elemento dentro de un enlace falso y aplicar al mismo el comportamiento. de esa manera conseguiámos que la mano apareciera forzada por la existencia de un enlace. sin embargo hay alguna solución más elegante

Para emular la mano se utiliza algo como (nótese el enlace falso):



Es decir, hemos creado un falso enlace y le hemos dicho a Dreamweaver que aplique el comportamiento al enlace en vez de al elemento.

Sin embargo, los navegadores modernos (y por modernos entendemos posteriores a netscape 4) soportan sin problemas adjuntar el comportamiento al elemento directamente:


El problema es que, al no existir un enlace (aunque sea falso), el cursor sigue apareciendo como el puntero de ratón normal.

La solución es utilizar CSS y tener en cuenta que incluso aquí existen diferencias entre IE y el resto.

Una búsuqeda rápida por Google nos dice que muchos sitios usan cursor:hand en sus css para mostrar la ‘mano’ que imita el enlace. Sin embargo, el valor ‘hand’ no es válido para el resto de navegadores ni forma parte del estandar: es propietario de IE. La famosa mano en CSS standar es “cursor:pointer”, que en IE se corresponde con el puntero normal (no preguntes por qué)

Por lo tanto, nuestro truco consiste en crear un css que cargue la mano independientemente del navegador:
.....
.elementoActivable{
cursor:pointer;
cursor:hand;
}
....


El orden es importante: IE será capaz de entender ambas propiedades, pero aplicará la última (en vez del puntero, la mano); el resto de navegadores ejecutarán la primera e ignorarán la segunda (cursor:hand) porque no existe.

Veamos un ejemplo (en este caso con el css definido directamente):

Y el resultado:

Respuesta: Gracias al CSS Advisor, Dreamweaver te permite validar tu css en distintos navegadores y encontrar rápidamente una solución al problema.

Para ello, sólo tienes que abrir el panel de resultados, seleccionar la pestaña “browser compatibility check” y pulsar el botón Run:

Si tenemos algún error, Dreamweaver nos lo notificará y nos permitirá visitar el sitio CSS Advisor para buscar una solución:

Sólamente tienes que dejar el modo maximizado de documento: Pulsa en el botón Restaurar (Parte superior derecha del documento, entre minimizar y cerrar) y verás como las medidas en la barra de estado aparecen activadas.
IMPORTANTE: ¡No confundas los botones de minimizar, restaurar y cerrar del documento con los del programa!

R.- El panel de pestañas de Spry (Tabbed Panel) sitúa por defecto las pestañas horizontalmente en la parte superior, pero podemos posicionarlas verticalmente en el lado izquierdo. Para ello sólo tienes que cambiar el atributo class del contenedor de “TabbedPanels” a “VTabbedPanels”:

Antes: