2. Modifique rápidamente el título del archivo. Muchas veces, cuando creamos archivos nuevos, ignoramos el contenido del título del archivo. Cuando necesitamos modificarlo más tarde, a menudo tenemos que abrir cada archivo y modificarlo por separado. De hecho, este trabajo se puede completar fácilmente en la ventana del sitio. Abra Mostrar títulos de página en el menú Ver de la ventana del sitio para que los archivos en la ventana del sitio muestren el encabezado del archivo en lugar del nombre del archivo original. El encabezado del archivo predeterminado es Documento sin título. Podemos hacer clic dos veces para cambiar el texto predeterminado al encabezado del archivo que necesitamos. Como se muestra en la imagen:
3. Genere rápidamente mapas del sitio. A veces necesitamos crear un mapa del sitio que contenga todas las estructuras de archivos del sitio actual y no podemos encontrar un método adecuado. Dreamweaver tiene esta función. El método es el siguiente: Abra el comando Archivo: guardar mapa del sitio e ingrese el nombre del archivo guardado en el cuadro de diálogo emergente. Dreamweaver generará automáticamente un sitio en formato .bmp o .png en el directorio raíz. del sitio actual.
2. Técnicas en la etapa de maquetación de página.
Dreamweaver no sólo es una buena herramienta de creación de páginas, sino que también puede realizar una composición tipográfica y un diseño de páginas precisos. En esta sección, presentamos varias técnicas de diseño de páginas.
1. Abra el formulario auxiliar. Los amigos que han hecho diseño esperan especialmente posicionar con precisión los elementos de la página web. Les gusta que cada elemento se pueda colocar con precisión según sus deseos. La función Grid que viene con Dreamweaver puede ayudar a hacer realidad esta esperanza. Ejecute el comando Ver: Editar cuadrícula para activar la asistencia de coordenadas. Puede elegir la visualización de cuadrícula o de puntos y activar Ajustar a cuadrícula. Al insertar o agregar nuevos elementos en el futuro, se ubicarán con precisión de acuerdo con su configuración.
2. Utilice técnicas de página de diseño de tabla. El uso adecuado de la función de tabla en Dreamweaver puede lograr fácilmente el propósito de embellecer la página. A continuación presentaré algunas técnicas.
1) Crea un borde de 1px. Algunos amigos se quejan de que Dreamweaver no puede crear un borde de tabla de un solo píxel. De hecho, puede crear una tabla de un solo píxel utilizando cuidadosamente el panel de propiedades de la tabla. Primero use el panel Objeto para insertar una tabla y definir el ancho, alto, filas y columnas de la tabla. En este momento, los valores predeterminados CellPad, CellSpace y Border de la tabla insertada en Dreamweaver son todos 0. Defina el Borde de la tabla en el panel de propiedades en 0, CellPad en 5 (esto mantendrá 5 píxeles entre el contenido de la celda y el borde de la celda) CellSpace es 1 (esto mantendrá 1 píxel entre celdas) con espacio entre ellos); elementos). Establezca el color de fondo de la tabla en un color oscuro (como #999999) y establezca el color de fondo de las celdas en un color claro (como #FFFFFF). Simplemente navegue y observe el efecto.
2) Importar la tabla de datos. A veces necesitamos importar algunas tablas creadas en archivos de Excel a Dreamweaver. Podemos guardar los archivos de Excel originales como archivos de texto .txt delimitados por tabulaciones. Al ejecutar Insertar—Fecha tabular en Dreamweaver se abre la siguiente ventana:
Después de agregar cada parámetro, los datos se pueden importar a una tabla en Dreamweaver.
3) Formatee la tabla. Si está cansado de configurar repetidamente los parámetros de cada celda, puede usar el comando Formatear tabla para formatear rápidamente la tabla. Este comando se encuentra en el menú Comando. Este comando viene con varios esquemas de color de tabla. Puede elegir uno. aplicará automáticamente el esquema de color a la tabla que seleccionó. Como se muestra en la imagen:
4. Intercambio entre tablas y capas. A algunos amigos les gusta organizar libremente el contenido de sus páginas, pero no les gusta la forma en que funcionan las tablas. De hecho, puede utilizar capas flexibles para organizar el contenido de su página y luego convertirlo en una tabla cuando esté satisfecho. Seleccione la capa que desea convertir y ejecute el comando Modificar—Convertir—Capas en tabla. Como se muestra en la imagen:
5. Actualice varias páginas de marcos al mismo tiempo. Es necesario que actualicemos el contenido de dos o más páginas de marco al mismo tiempo cuando se hace clic en un enlace. Esto se puede lograr utilizando el comportamiento de Dreamweaver mediante los siguientes pasos.
1) Seleccione el texto o imagen del enlace.
2) Abra el panel Comportamientos (Comportamientos) y haga clic en el signo más para agregar el comportamiento Ir a URL.
3) En el cuadro de diálogo Ir a URL, se muestran todas las ventanas de marco existentes actualmente. Seleccionamos un nombre de ventana respectivamente y podemos configurar individualmente el contenido del archivo que se actualizará en cada ventana. Dreamweaver agregará un signo "*" después de la ventana donde está configurado el archivo de destino, indicando que se ha configurado la URL para esta ventana de marco.
4) Haga clic en Aceptar una vez completado. Cuando hagamos clic en este enlace, el contenido de varias ventanas se actualizará al mismo tiempo.
3. Contenido
Cómo organizar el contenido de forma más rápida y cómoda es lo que todo amigo quiere saber. Puede que conozcas o no los siguientes consejos, pero lo importante es que a través del uso continuo descubrirás sus ventajas.
1. Edición rápida de etiquetas. Para los amigos que están familiarizados con el código escrito a mano, a menudo necesitan cambiar a la ventana de código para agregar algún código manualmente. De hecho, puede insertar rápidamente varias etiquetas HTML utilizando el Quick Tag Editor de Dreamweaver. Una es hacer clic en el panel de propiedades. Inserción de icono, otro atajo es Ctrl+T, ambos métodos abrirán la edición rápida de etiquetas, puede seleccionar directamente la etiqueta de código fuente requerida de la lista, como se muestra a continuación:
2. Agregue rápidamente bordes de imágenes. Muchas imágenes insertadas en páginas web no tienen bordes. A veces necesitamos agregar bordes a las imágenes. No necesitamos abrir un software de procesamiento de imágenes para lograrlo. Un método es seleccionar la imagen y definir directamente el borde a 1 px en el panel de propiedades, lo que agregará un borde de 1 píxel a la imagen. El otro método es definir un estilo. Podemos definir directamente la etiqueta img como un estilo. con 1px en todos los lados. Entonces todas las imágenes insertadas en la página web tendrán el mismo borde. Como se muestra en la imagen:
3. Utilice la función de arrastrar para agregar enlaces. Dreamweaver admite arrastrar enlaces directamente desde el documento a otros archivos del sitio. Podemos colocar la ventana del sitio y la ventana del documento una al lado de la otra, como se muestra en la figura:
Luego, seleccione el texto que debe vincularse en el documento, abra el panel de propiedades y apunte el puntero al archivo después de la barra de direcciones del vínculo al archivo de destino en la ventana del sitio, como se muestra a continuación:
4. Cómo agregar sonido de fondo. Muchos amigos están un poco confundidos acerca de la inserción de algunos archivos de sonido multimedia en Dreamweaver. De hecho, es muy simple: haga clic en la pestaña en la esquina inferior izquierda de la ventana de trabajo de Dreamweaver, abra el panel Comportamiento y haga clic en el signo +. ventana emergente de comportamiento, seleccione Reproducir sonido y seleccione Se pueden agregar los archivos de sonido que necesita. Seleccione el logotipo del archivo de sonido en la ventana del documento y haga clic en Parámetros en el panel de propiedades para establecer el número de bucles de la música de fondo, si se reproducirá automáticamente y otras propiedades, como se muestra en la figura:
4. Embellecimiento
Embellecer varios elementos de una página web es una tarea que requiere mucho tiempo y no siempre es eficaz. Los siguientes consejos pueden ayudarle un poco.
1. Cree rápidamente combinaciones de colores. A menudo necesitamos establecer el color del texto del estado de cada enlace. Algunos amigos sienten que su sentido del color no es muy bueno, por lo que siempre buscan algunos manuales de combinación de colores. De hecho, Dreamweaver ya viene con algunos esquemas de color. Abra el comando Comandos-Establecer esquema de color y podemos ver que hay muchos conjuntos de esquemas de color, cada uno de los cuales define el color de fondo, el color del texto y el color de cada enlace. estado. Solo necesita seleccionar Solo un tipo es suficiente, vea la imagen a continuación:
2. Habilidades de estilo de enlaces CSS. Los enlaces de texto generalmente tienen cuatro estados: enlace, desplazamiento, activo y visitado. Generalmente definimos diferentes colores y estilos para cada estado de los enlaces de texto. Sin embargo, los amigos a menudo descubren que los estilos que definieron no se ven como se esperaba. La razón principal es que existen ciertos requisitos para el orden de definición de los enlaces en la hoja de estilo. El orden correcto es: A:enlace—A:visitado—A:hover. Para los amigos comunes, de hecho, muchas veces solo quieren que cambie el estado de desplazamiento. Un pequeño truco es no definir el estilo del enlace de acuerdo con el método anterior, sino solo definir los estilos de a y a: estado de desplazamiento, para que solo existe el estado de desplazamiento. El estilo es diferente al de otros estados. El método de modificación es el que se muestra a continuación;
3. Cree texto de conexión y subrayados en diferentes colores. El texto del enlace ordinario y el subrayado del enlace tienen el mismo color. De hecho, también podemos usar el atributo Borde en la hoja de estilo para reemplazar el subrayado de los enlaces ordinarios, ya que el Borde tiene más parámetros y estilos de control, siempre que el color del Borde y Nuestro. El propósito se puede lograr mediante diferentes definiciones de color del texto. Por ejemplo, podemos definir el texto como negro y el subrayado como rojo en la opción Borde, como se muestra a continuación;
5. Técnicas para mejorar la eficiencia
Dreamweaver también contiene muchos comandos que pueden mejorar en gran medida la eficiencia del trabajo, incluida la creación de proyectos de biblioteca, el uso de plantillas, la función del panel de historial y la función de buscar y reemplazar. Aquí presento algunos pequeños trucos para demostrar el poder de estos comandos.
1. Consejos para limpiar archivos de Word. A menudo necesitamos convertir algunos archivos de Word en archivos HTML, pero el resultado de esta conversión es que los archivos HTML generados son muy grandes y contienen una gran cantidad de código repetido. El uso de varias funciones de Dreamweaver puede limpiar fácilmente el código inútil. Primero, abra el archivo HTML generado por Word y ejecute el comando Limpiar HTML de Word en el menú Comandos. El programa identificará automáticamente la versión original de Word y eliminará el código inútil. Sin embargo, el archivo en este momento todavía contiene una gran cantidad de código repetido, principalmente una gran cantidad de
etiquetas. Podemos ejecutar el comando Limpiar HTML en el menú Comandos nuevamente y seleccionar la opción Etiqueta(s) específica(s) en la ventana emergente. arriba del cuadro de diálogo e ingrese las etiquetas span y p, separadas por espacios. Después de ejecutar el comando, se borrarán todas las etiquetas span y p.
Pero en este momento, cada atributo de imagen en el archivo también contiene atributos similares a v:shapes="_x0000_i1025", y aún necesitamos borrar estos atributos. Abra el panel Buscar y reemplazar y establezca las reglas de reemplazo como se muestra a continuación. Después de la ejecución, estos atributos de todas las imágenes se borrarán. Como se muestra en la imagen;
2. Reemplace rápidamente los títulos de los archivos. Anteriormente presenté que puede reemplazar el título del archivo en la ventana del sitio, pero solo puede reemplazar el título de un archivo a la vez. Podemos intentar usar el comando buscar y reemplazar introducido en el paso anterior para reemplazar los títulos de varios. archivos a la vez. Por lo general, los títulos de nuestros archivos recién creados son Documento sin título. Puede abrir el comando Editar-Buscar y reemplazar y realizar las siguientes configuraciones para reemplazar todos los archivos en el sitio actual titulado Documento sin título con nuestros propios títulos.
3. Establezca el formato de documento predeterminado. Aunque el método anterior es rápido, cada vez que creamos un archivo nuevo, el título del archivo predeterminado sigue siendo Documento sin título. Porque al crear un nuevo documento, Dreamweaver llamará a una página predeterminada como formato predeterminado. Este archivo es Dreamweaver 4ConfigurationTemplatesDefault.html, para que podamos configurar algunos formatos unificados en nuestro sitio, como el color de fondo. , tamaño de fuente, título del archivo, etc., luego guárdelo sobrescribiendo el archivo Default.html anterior. Cuando creemos nuevos archivos en el futuro, Dreamweaver aplicará automáticamente el formato que configuremos, lo que puede mejorar enormemente la eficiencia del trabajo.
6. Mantenimiento posterior
Bien, después de tantas presentaciones anteriores, hemos dominado algunas habilidades de producción de páginas web, pero ¿su página terminada ya no contendrá errores? ¿Son todos sus enlaces los enlaces correctos? ¿Su página funciona bien en todos los navegadores? ¿Todavía tienes muchos archivos en tu sitio que ya no necesitas? Todavía existen muchos problemas similares, y estos pertenecen a la posterior detección y mantenimiento del sitio. Aquí presentamos algunas técnicas más de detección posterior.
1. Detección de enlaces. Ejecute el comando Archivo del menú: verificar enlaces, Dreamweaver detectará automáticamente todos los enlaces en el sitio actual y detectará enlaces no válidos, como se muestra a continuación:
Al hacer doble clic en un resultado detectado, se abrirá automáticamente la página correspondiente y se localizará directamente el enlace incorrecto, lo cual nos resulta muy conveniente para modificar el error del enlace.
2. Detecta rápidamente archivos inútiles. Al ejecutar el comando de menú Sitio: verificar enlaces en todo el sitio, podemos activar la función de detección de archivos de enlaces. También podemos usar esta función para verificar archivos inútiles en el sitio y eliminarlos. Simplemente seleccione Archivos huérfanos en el cuadro desplegable superior y todos los archivos inútiles del sitio aparecerán a continuación. Selecciónelos todos y presione la tecla Eliminar para eliminarlos.