Aprovechar consejos dreamweaver ahorrar tiempo

Incluso los mejores programas mejoran cuando se sabe cómo hacer que la mayoría de ellos. Tómese un momento para comprobar hacia fuera estos consejos y ahorrar un montón de tiempo en el desarrollo de su sitio web. La mayor parte de estos consejos se aplican tanto a los usuarios de Macintosh y Windows. Cuando se aplican solamente a una o la otra, el texto le dirá si la punta se aplica a Windows o para la versión Mac.

Borrar el desorden

Muchos paneles de Dreamweaver (llamados paletas en las versiones anteriores) proporcionan un acceso rápido a sus características más populares, pero pueden saturar el área de diseño. Para sacarlos de su camino cuando se quiere dar un paso atrás y admirar su trabajo (o desgarro de otra persona aparte), use la tecla F4, un atajo que esconde todos los paneles visibles a la vez. Para recuperarlos, simplemente pulse la tecla F4 de nuevo.

Para activar paneles y fuera de forma individual, utilice el atajo de teclado asignado a cada panel. Seleccione Ventana desde el Menú de encontrar un atajo de teclado que aparece junto al nombre de cada panel. Puede usar estos atajos para cambiar los paneles de encendido y apagado de forma individual. También puede utilizar la barra del lanzador en la esquina inferior derecha de la ventana de diseño para acceder al panel Sitio, panel Activos, el panel Estilos HTML, CSS panel Estilos, el panel Comportamientos, y el panel Historia.

La división de la vista: Trabajar en el código

Si te gusta alternar entre el código fuente HTML y el WYSIWYG (lo que ves es lo que obtienes) vista de diseño en Dreamweaver, podrá apreciar la nueva opción en la versión 4 que le permite dividir la ventana para que pueda ver la fuente HTML y el área de diseño WYSIWYG al mismo tiempo. Para dividir la ventana, seleccione Ver -> Código y Diseño.

También puede apreciar las características mejoradas en el Dreamweaver editor de texto integrado, incluyendo sangrado automático y la posibilidad de seleccionar varias líneas y sangría a ellos. También descubrirá coloreado de sintaxis en vivo que aparece a medida que escribe - incluso se puede distinguir los colores para HTML y javascript. Elija Editar -> Preferencias -> Código de Colores ficha para asignar colores.

Presentación de sus diseños

Tablas HTML siguen ofreciendo la mejor manera de crear diseños web complejas (ya que los navegadores antiguos todavía no son compatibles con capas), y Dreamweaver 4 ha hecho que sea más fácil que nunca para crear tablas en el área de diseño visual. En la nueva vista de diseño, puede "dibujar" las tablas en una página, arrastre en su lugar, e incluso las células del grupo en una tabla anidada - sin tener que preocuparse por el número de filas y las células que haya creado. Incluso puede utilizar esta función para crear tablas que cambian con el tamaño de la ventana, una gran técnica para garantizar su diseños de trabajo en todos los monitores.

Seleccione Ver -> Table View -> Layout View para acceder a nuevo entorno de mesa creación de Dreamweaver, y luego sólo tienes que arrastrar y soltar para crear cualquier tipo de mesa. Usted puede encontrar opciones de celulares y diseño de tabla en el panel de objetos.

La conversión de texto

Si estás acostumbrado a usar la función Pegar como texto en Dreamweaver 3, no se sentirán decepcionados cuando usted encuentra que le falta en Dreamweaver 4. Macromedia simplificado el proceso en su última versión. Ahora sólo tiene que elegir Archivo -> Pegar y texto con formato de un documento de texto mantiene su formato - bueno, está bien, por lo menos mantiene el espacio entre líneas. La verdad es que Dreamweaver es todavía bastante débil cuando se trata de la conversión de texto.

Usted puede ahorrarse de tener que formatear el texto en Dreamweaver si utiliza un procesador de textos o un programa de hoja de cálculo que incluye una característica Guardar como HTML (Microsoft Word y muchos otros ofrecen esta característica). En lugar de copiar y pegar el texto en Dreamweaver, utilice Archivo del programa de procesamiento de textos -> Guardar como característica HTML, cambie el nombre del archivo y, a continuación, abra el archivo nuevo en Dreamweaver. Microsoft Word y Excel aun conservan el formato de tabla, un verdadero ahorro de tiempo si usted está tratando con grandes mesas de texto o números.

Encontrar fuentes funcionales

Diseñadores emocionan tanto cuando se enteran de que pueden utilizar cualquier tipo de letra. En realidad, los espectadores deben tener la fuente en sus equipos para que se vea. El más común de la fuente, lo más probable es mostrar la forma en que desea. Si desea utilizar un tipo de letra más inusual, vaya para él - sólo asegúrese de que incluya también alternativas. La lista de fuentes de Dreamweaver ya incluye colecciones de fuentes comunes, y siempre se puede crear su propia lista de fuentes eligiendo Texto -> Fuente -> Editar lista de fuentes.

Windows es, con mucho, el sistema operativo más común en la red. Para asegurar la mejor - y más rápido - resultados de la mayoría de sus usuarios, la lista de una fuente de Windows primero.

Dirigir sus espectadores

Creación de múltiples sitios es la solución más a prueba de fallos para asegurarse de que todos los espectadores están contentos cuando se utiliza la página diseños de vanguardia llenos de DHTML y CSS. Eso significa crear dos o más conjuntos de páginas: uno que utiliza las últimas características y uno que utiliza mayores, las etiquetas HTML más compatibles universalmente. Pero ¿cómo asegurarse de que los espectadores llegan a las páginas de la derecha? Use el comportamiento Comprobar navegador.

El comportamiento Comprobar navegador está escrito en javascript y determina el tipo de navegador utilizado por cada espectador que aterriza en su sitio. El comportamiento entonces dirige a los usuarios a la página de diseño más adecuado para su versión de navegador. Para utilizar esta función, seleccione Ventana -> Comportamientos para abrir el panel Comportamientos. Luego haga clic en el signo más (+) para abrir la lista desplegable de opciones. Elija Comprobar navegador y una caja de diálogo en el que puede especificar qué versiones del navegador debe ser dirigida a qué páginas en su sitio. Cuando los usuarios llegan a su sitio, que se dirigen automáticamente a la página de su elección, con base en el tipo de navegador y la versión que especifique.