Uso inteligente de DW para habilidades de producción de páginas web: los internautas que están familiarizados con el diseño web saben que hay muchas formas de llamar al estilo. Podemos hacer clic con el botón derecho del mouse y seleccionar Estilo personalizado para llamar al estándar de estilo, o podemos hacer clic con el botón derecho. en la lista de elementos en la barra de estado para llamar a Estilo. Aunque los efectos logrados por diferentes métodos parecen ser los mismos, los códigos HTML realmente generados son completamente diferentes.
1. Utilice estilos de forma flexible.
Los internautas que están familiarizados con el diseño web saben que hay muchas formas de llamar al estilo. Podemos hacer clic con el botón derecho del mouse y seleccionar Estilo personalizado para llamar al estándar de estilo. la barra de estado para llamar al estilo. Aunque los efectos logrados por diferentes métodos parecen ser los mismos, los códigos HTML realmente generados son completamente diferentes. Por ejemplo, usar Custon Style para llamar al estándar de estilo generará una etiqueta <span> en el código de la página web. Demasiadas etiquetas de este tipo harán que el archivo esté muy inflado y afectará la velocidad de análisis del navegador, por lo que deberíamos intentar usar elementos en el. barra de estado Lista para llamar Estilo.
2. Aproveche al máximo el comando Formatear tabla
. En el diseño web complejo, las tablas son las que más se utilizan, porque se pueden utilizar para controlar libremente las posiciones específicas del texto y las imágenes en la página web, haciendo que toda la página web parezca compacta. y unificado. Dreamweaver no se queda atrás en este sentido. Podemos utilizar el comando "Formatear tabla" para aplicar rápidamente estilos prediseñados a la tabla. Para usar un estilo prediseñado, primero coloque el cursor en cualquier celda de la tabla, luego seleccione el comando "Comando" → "Formato de tabla". En el cuadro de diálogo siguiente, seleccione un esquema de diseño de la lista de la izquierda. Presione el botón "Aplicar" para verificar el efecto. Si no está satisfecho, también puede restablecer o modificar los valores de algunos parámetros, como el grosor del borde, el color de fondo, etc.
3. Enlace a dos páginas web al mismo tiempo.
Todos sabemos que un hipervínculo sólo puede conectar a una página a la vez. Si queremos abrir el documento en diferentes páginas de marco a la vez, podemos usar el comportamiento de JavaScript "Ir a URL". Abra una página web enmarcada, seleccione texto o imágenes y luego seleccione "Ir a URL" en el panel Acciones. Notaremos que Dreamweaver muestra todos los marcos disponibles en el cuadro de diálogo "Ir a URL". Seleccione uno de los marcos a los que queremos vincular e ingrese la URL correspondiente, luego seleccione otro marco e ingrese otra URL.
4. No le dé al archivo un nombre chino.
Después de crear una página web, generalmente le da a la página web un nombre chino representativo. En segundo lugar, la gente puede entender aproximadamente el contenido del archivo mirando el nombre del archivo. puede facilitar llamadas mutuas entre varios hipervínculos. Pero si hace esto en Dreamweaver, encontrará que Dreamweaver no admite muy bien los nombres de archivos chinos y, a menudo, se producen llamadas de página incorrectas. Por lo tanto, cuando guardemos páginas web en Dreamweaver en el futuro, intente usar inglés o números. el nombre del archivo, esto puede evitar el fenómeno de error anterior.
5. Configure inteligentemente la resolución de la fuente
Cuando creamos páginas web, a menudo tenemos esta experiencia, es decir, las páginas web creadas son normales cuando se navegan en la computadora local, pero cuando se navegan en otra computadora, las hermosas páginas web originales se vuelven. Es extraño, ¿por qué? Resulta que la resolución de cada computadora es para garantizar que su página de inicio se pueda mostrar normalmente en diferentes resoluciones, lo cual se resolvió mejor en Dreamweaver. En la esquina inferior derecha de la ventana del documento, Dreamweaver muestra el tamaño de resolución para el que está diseñado el documento actual. Haga clic en qué número, puede especificar la resolución de visualización de la página actual en el menú emergente y puede hacer que su página de inicio sea más flexible modificándola. Para que los monitores con diferentes resoluciones puedan mostrar mejor.
6. Ocultar etiquetas inteligentemente
Si se inserta un elemento invisible en una página web, Dreamweaver agregará automáticamente una etiqueta de elemento correspondiente a la página para que podamos seleccionar el elemento invisible. Pero esto no siempre es bueno. Por ejemplo, si insertamos una tabla en la primera fila de una página con muchas capas, encontraremos que la tabla retrocede automáticamente a la primera fila de la página porque hay demasiados elementos de capa. Las etiquetas dispuestas en la primera fila, aunque no afectan el efecto a la hora de navegar, sí dificultarán nuestro trabajo. Entonces, cuando sentimos que la etiqueta de un elemento es intrusiva, simplemente la bloqueamos. El método es presionar Ctrl+U para abrir el panel de Preferencias, seleccionar Elementos Invisibel en Categoría y todas las etiquetas de los elementos aparecerán en el lado derecho del panel. Siempre que elimine la marca de verificación delante de la etiqueta de elemento innecesario, se garantizará que no volverá a aparecer en el futuro.
7. Haga un buen uso de las técnicas de arrastrar y soltar.
Cuando usamos Dreamweaver para editar páginas web, a menudo necesitamos insertar algunas imágenes. Si hay muchas imágenes para insertar, será muy problemático operar de acuerdo con lo convencional. método. Podemos utilizar técnicas de arrastrar y soltar para solucionar muy bien este problema. Primero, convertimos la ventana de operación de Dreamweaver en una ventana activa para liberar espacio para mostrar la ventana del Explorador. Después de encontrar los archivos de imagen que se insertarán, arrástrelos uno por uno a la parte correspondiente de la página web con el mouse y Dreamweaver los ejecutará. inserte automáticamente estas imágenes. La URL de la imagen se agrega al código HTML del archivo. Por supuesto, el archivo de imagen arrastrado debe ser un archivo de formato de imagen web como gif, jpg, etc. Lo mismo ocurre con las imágenes que ya están en la página web, simplemente arrástrelas. Pero si hay un hipervínculo en la imagen arrastrada, ya no puede usar la tecnología de arrastre, porque entonces solo se arrastra la dirección del hipervínculo.
8. Establecer automáticamente la hora de actualización
Sabemos que si una página web quiere repetir más visitas, algo muy importante es actualizarla constantemente. Pero para nuestras páginas web personales, puede que no sea fácil actualizarlas a tiempo todos los días. Por lo tanto, esperamos que la página web se pueda actualizar automáticamente. El siguiente autor proporcionará un código fuente que puede actualizar automáticamente la hora de modificación. Solo necesitamos agregar este código fuente a...< /BODY> para lograr el propósito de. actualizando la hora:
< Script Language="JavaScript"> </script>; El segundo es hacer clic en Texto/Estilo personalizado/Editar/Hoja de estilo/Nuevo/Redefinir etiqueta HTML en Dreamweaver con el mouse y seleccionar uno de él, luego no seleccione ninguno en decoración y finalmente haga clic en Aceptar y listo.
12. Copiar texto inteligentemente
Copiar texto entre varias aplicaciones diferentes es algo que podemos hacer a menudo en el trabajo real. Sin embargo, si copiamos el texto en el área de edición de Dreamweaver a otra aplicación, el código HTML y el texto se copiarán juntos. Entonces, ¿cómo podemos copiar solo el texto en el área de edición? Normalmente usamos la tecla de acceso directo Ctrl -. C para operar al copiar Si presionamos una tecla C más al copiar, Dreamweaver solo copiará el texto seleccionado.
13. Haga un buen uso de las teclas de método abreviado
Para mejorar la eficiencia de las operaciones, podemos usar teclas de método abreviado en Dreamweaver, como usar Ctrl-B o Ctrl-I para aplicar formato en negrita o cursiva al texto. siguientes atajos de teclado para seleccionar El texto aplica formato HTML: Ctrl-0: Sin formato Ctrl-T: Párrafo Ctrl-1: Título 1 Ctrl-2: Título 2 Ctrl-3: Título 3 Ctrl-4: Título 4 Ctrl-5: Título 5 Ctrl-6: Título 6
14. Cerrar automáticamente la página web
Si queremos que nuestra página web se cierre automáticamente dentro de un tiempo específico, también podemos agregar el siguiente código después de la etiqueta en el código fuente de la página web: < script LANGUAGE. ="JavaScript"> </ /script> donde el código 3000 significa 3 segundos, que se mide en milisegundos.
15. Establezca nombres de objetos de manera inteligente
Cuando usamos Dreamweaver para crear efectos muy complejos, es posible que necesitemos usar uno o más objetos repetidamente. Por ejemplo, a menudo necesitamos ubicar una tabla, imagen, etc. específica, si no lo hacemos. Si nombra varios objetos en una página web, puede resultar problemático o propenso a errores utilizar estos objetos repetidamente. Para facilitar la llamada a estos objetos, cada vez que creamos un objeto nuevo, debemos recordar darle un nombre representativo y fácil de recordar. Al nombrar estos objetos, podemos hacerlo a través del panel "Propiedades" del objeto.
16. Agregue efectos dinámicos a los enlaces de imágenes.
A veces, para lograr un efecto realista, esperamos que haya movimiento cuando el mouse se mueve sobre un enlace. Este efecto se puede lograr fácilmente utilizando Dreamweaver. Al diseñar, primero debemos preparar dos imágenes, la primera es la imagen original y la segunda es la imagen después de mover el mouse hacia arriba. Luego haga clic en la primera imagen con el mouse, complete el archivo que desea vincular en la columna de vínculo en el panel de propiedades, luego haga clic en la tecla F8 en el teclado, haga clic en el signo "+" en la ventana emergente Comportamientos y luego seleccione "intercambiar imagen", seleccione la segunda imagen en la ventana que aparece y finalmente haga clic en Aceptar.