Red de conocimiento informático - Aprendizaje de programación - ¿Cómo configurar elementos invisibles para que se abran en Dreamweaver?

¿Cómo configurar elementos invisibles para que se abran en Dreamweaver?

Para Mi Web. Nota: Todos los archivos utilizados en el sitio web deben tener nombres en inglés.

2. Abra Dreamweaver, seleccione "Sitio - Nuevo sitio" para abrir el cuadro de diálogo. Ingrese el nombre del sitio web en Nombre del sitio (el chino está disponible) y seleccione la carpeta que acaba de crear en la carpeta raíz local (E: web). Luego confirma.

Nota: Cuando abras Dreamweaver nuevamente, encontrarás automáticamente el sitio que acabas de crear. Si hay varios sitios, puede seleccionarlos en el menú "Sitio - Abrir sitio".

2. Cree una página

1. En el espacio en blanco debajo de la carpeta local E:\MyWeb, haga clic derecho y seleccione "Nuevo archivo" para crear una página. El nombre del archivo es sin título.htm. htm significa que este archivo de página web es un archivo HTML estático. Cambie el nombre a index.htm. El nombre de la primera página del sitio web suele ser index.htm o index.html. Puedes elegir los nombres de otras páginas tú mismo.

2. Haga doble clic en index.htm para ingresar al estado de edición de la página. Ingrese el nombre de la página web en el cuadro de título, haga clic derecho y seleccione Propiedades de la página para abrir la ventana "Propiedades de la página". Aquí puede configurar el título, el color de fondo o la imagen posterior del sitio web y el color del hipervínculo (normalmente el valor predeterminado es suficiente) y mantener todo lo demás como predeterminado.

3. En este momento, el cursor está en la esquina superior izquierda y puede ingresar una oración, como "Bienvenido a mi página de inicio". Seleccione el texto, use el menú "Ventana/Propiedades" para abrir el panel de propiedades, seleccione el tamaño del texto como 6, luego centre el texto y luego use algunos retornos de carro delante del texto para colocarlo en el medio del página.

4. Para seleccionar una fuente, seleccione el último elemento en Fuente: Editar lista de fuentes. Luego seleccione el número en el cuadro de diálogo, luego seleccione una fuente que deba agregarse a la lista de fuentes en la columna "Fuentes disponibles" y haga clic en el botón en el medio para agregarla.

Los caracteres chinos más utilizados en las páginas web son las fuentes Song. No agregue fuentes especiales a la lista para usar, porque otros no podrán verlas si no están instaladas en sus computadoras. Si necesita usarlo, conviértalo en una imagen antes de usarlo. La forma de ingresar espacios en una página web es cambiar el método de entrada a ancho completo. La forma de ajustar líneas en una página web es: shift Enter. Simplemente presione Enter para cambiar los párrafos.

3. Agregue imágenes a la página

1. En el espacio en blanco debajo de la carpeta local E:\MyWeb, haga clic derecho y seleccione "Nueva carpeta" para crear una carpeta. Úselo para poner imágenes, puede cambiarle el nombre a tu o pic o imágenes.

2. Utilice el menú "Ventana/Objeto" para abrir el panel de objetos, haga clic en "Insertar imagen" y seleccione la imagen que desea insertar en el cuadro de diálogo. Si aparece un cuadro de diálogo: "¿Le gustaría copiar este archivo a la carpeta raíz?", debe seleccionar "Sí" y luego guardarlo en la carpeta que acaba de crear.

3. Seleccione la imagen y abra el panel de propiedades, donde puede nombrar la imagen, restablecer la altura y el ancho de la imagen y arrastrar los puntos en las esquinas de la imagen para cambiar el tamaño. Mantenga presionada la tecla Mayús y arrastre los puntos de las esquinas para estirar la imagen manteniendo la relación de aspecto. Para restaurar el tamaño original, haga clic en el botón "Cambiar tamaño" en la esquina inferior derecha.

4. Para "Enlace", puede ingresar la dirección directamente aquí. "Reemplazo" es la descripción de la imagen, es decir, el texto que se muestra cuando el mouse apunta a la imagen; "Borde" es el ancho del borde de la imagen y "Alineación" es el método de alineación.

4. Añade un hipervínculo

1. Añade un enlace al texto.

Por ejemplo, ingrese "Mi artículo" en la página, luego selecciónela, abra el panel de propiedades y en el cuadro "Enlace", seleccione la página a la que desea vincular. En el siguiente cuadro de "destino", generalmente usamos self para abrir una nueva ventana en lugar de la ventana abierta actualmente o seleccionamos en blanco para abrir una nueva ventana;

2. Agregue un enlace a la imagen

De la misma manera que el enlace en el texto anterior, inserte la imagen y luego selecciónela en el cuadro de enlace en el panel de propiedades. . Las imágenes pueden crear múltiples enlaces diferentes. El método es el siguiente: hay algunos gráficos debajo del elemento "Mapa" en el panel de propiedades. Por ejemplo, haga clic en el cuadrado, el cursor cambia a una cruz y dibuja un área caliente rectangular azul en la imagen. , puede configurar el área activa para esta área activa en el panel de propiedades. Configure la dirección del enlace y se mostrará cuando apunte con el mouse. De manera similar, al configurar un punto activo usando un círculo, puede configurar otros enlaces para la imagen.

3. Agregue un enlace de correo electrónico

Seleccione el texto o la imagen al que desea agregar un enlace de correo electrónico, abra el panel de propiedades e ingrese la dirección de correo electrónico en el cuadro "Enlace". El formato es el siguiente: mailto: dirección de correo electrónico. Tenga en cuenta que no hay espacios intermedios.

4. Si el enlace es a un archivo que el navegador no puede abrir, como exe, Zip, etc., cuando el espectador haga clic en el enlace, se activará la función de descarga del archivo o reproducción en línea. ser realizado.

5. Uso de tablas

1. Haga clic en Insertar/Tabla para abrir el panel de tablas para la configuración. El número de filas, columnas, ancho, bordes, etc., "relleno de celda" es la distancia entre el interior de la celda y el contenido; "espacio entre celdas" es la distancia entre celdas y la unidad es píxeles.

2. Después de insertar la tabla, haga clic en el borde de la tabla para seleccionar la tabla completa. Luego puede realizar varias configuraciones en el panel de propiedades a continuación.

3. Mueva el cursor a una de las celdas y el panel de propiedades que ve ahora es el panel de propiedades de la celda. También puede realizar varias operaciones en las celdas. Como color de fondo, imagen de fondo, borde, fusión, división, etc.

6. Otras operaciones en tablas

(1) Principio para crear tablas de líneas finas:

1. Seleccione toda la tabla y establezca su fondo en negro. (El color es el color de la línea de la tabla).

2. Selecciona todas las celdas y establece su fondo en blanco.

(2) Formatear tablas automáticamente

1. Primero cree una tabla y luego selecciónela.

2. Seleccione Comando/Formato de tabla en el menú. Es decir, puedes elegir algunos estilos de tabla preestablecidos.

(3) Barra divisoria de un píxel

1. Inserte una tabla con 1 fila y 1 columna, un ancho de 200 píxeles y un margen de borde de 0.

2. Seleccione la tabla, establezca la altura de la tabla en 1 píxel y establezca un color de fondo (es decir, el color de línea deseado).

3. Cambie a la ventana de código y diseño y elimine el código.

7. Utilice tablas para crear una página completa

(1) Parte superior de la página web (generalmente incluye iconos, anuncios, menús de navegación)

1. Cree una tabla A de 1 fila con 2 columnas, 760 píxeles de ancho y 0 bordes y márgenes.

2. Seleccione la tabla, establezca la disposición en alineación central y el color de fondo en #3366CC.

3. Coloque el cursor en la celda izquierda, establezca su disposición horizontal en alineación izquierda y su disposición vertical en alineación superior, y luego inserte una imagen. Generalmente, se inserta el icono del sitio web, es decir, el logotipo. aquí. .

4. Coloque el cursor en la celda de la derecha, establezca su ancho en 500, alinéelo horizontalmente con el centro y colóquelo verticalmente en el medio, y luego inserte una imagen, generalmente un anuncio de una página web. , es decir, una pancarta.

5. Coloque el cursor después de la tabla que acaba de completar y haga clic en Insertar/Tabla para crear una tabla con 1 fila y 1 columna, un ancho de 760 píxeles y un borde y margen de 0.

6. Seleccione la tabla que acaba de crear, establezca la disposición en alineación central y el color de fondo en #005173.

7. Inserte varias imágenes en la tabla como menús de la barra de navegación.

(2) Parte media de la página web (lista de columnas a la izquierda, noticias del sitio web en el medio, lista de columnas a la derecha)

1. Insertar /table detrás de la navegación tabla de barras para crear 1 fila y 3 columnas, una tabla con un ancho de 760 píxeles y un borde y margen de 0. Y configure el modo de disposición en alineación central y el color de fondo en #FFFFFFFF.

2. Coloque el cursor en la celda de la izquierda, establezca su ancho en 18, alinéelo horizontalmente con el centro y verticalmente con la parte superior, luego inserte una imagen y una barra de navegación.

3. Coloque el cursor después de la imagen que acaba de insertar, vaya a Insertar/Tabla e inserte una tabla con 12 filas y 1 columna y un ancho de 90. Establezca el espacio entre celdas en 1 y el color de fondo en #CCCCCC.

4. Coloque el cursor en la primera celda de la tabla, establezca su altura en 20 y su color de fondo en #FFFFFF. Insertar/Imagen, inserta un pequeño punto delante del texto de navegación. Configure las otras 11 celdas de manera similar, de modo que se complete la lista de clasificación de columnas de la izquierda.

5. Coloque el cursor en la celda central de la tabla principal, establezca su ancho en 66, alinéelo horizontalmente con el centro y alinéelo verticalmente con la parte superior, luego inserte /image e inserte una navegación. bar.

6. Coloque el cursor después de la imagen, haga clic en Insertar/Tabla e inserte una tabla con 4 filas y 1 columna y un ancho de 95. Establezca el espacio entre celdas en 1 y el color de fondo en #CCCCCC.

7. Coloque el cursor en la primera celda de la tabla, arrastre el mouse para seleccionar las 4 celdas, establezca la altura en 60 y el color de fondo en #FFFFFF.

8. Coloque el cursor en la celda en el lado derecho de la tabla principal, establezca su ancho en 16, alinéelo horizontalmente con el centro, alinéelo verticalmente con la parte superior, inserte /image e inserte una barra de navegación.

9. Coloque el cursor después de la imagen, haga clic en Insertar/Tabla e inserte una tabla con 7 filas y 1 columna y un ancho de 90. Establezca su espaciado en 1 y su color de fondo en #CCCCCC.

10. Mantenga presionada la tecla Ctrl, use el mouse para hacer clic en las celdas 1, 3, 5 y 7 de la tabla que acaba de insertar y luego establezca su altura en 55 y su color de fondo en #. FFFFFF.

11. Seleccione las celdas 2, 4 y 6, establezca su altura en 6 y su color de fondo en #FFFFFF.

12. Cambie a la ventana del código fuente y elimine los símbolos de espacio " " en las celdas 2, 4 y 6.

(3) Parte inferior de la página web (generalmente incluye información de derechos de autor y otro contenido relacionado)

1. Coloque el cursor después de la tabla principal, inserte /table y cree un 2 filas y 2 columnas. Una tabla con un ancho de 760 píxeles y un borde y margen de 0.

2. Seleccione la tabla, establezca la disposición en alineación central y el color de fondo en #3366CC.

3. Coloque el cursor en la celda izquierda de la fila 1 de la tabla, establezca su ancho en 50, la disposición horizontal en la predeterminada, la disposición vertical en la línea base, el color de fondo en #FFFFFF y luego ingrese la información de derechos de autor. El color del contenido es el que quieras.

4. Coloque el cursor en la celda derecha de la fila 1 de la tabla, inserte /image, inserte una imagen redondeada, ingrese la palabra Correo electrónico detrás de ella y establezca su tamaño y color en 1 y #FFFFFF. .

5. Insertar/Objeto de formulario/Campo de texto, inserte un campo de texto, el ancho puede ser arbitrario.

6. Insertar/imagen, insertar una imagen GO.

7. Establecer las propiedades de la página. Haga clic en el menú Editar/Propiedades de página, ingrese un título en la columna Título, seleccione la imagen de fondo y establezca el borde superior en 0.

Componer toda la página web en diferentes partes y combinarlas en diferentes tablas también puede acelerar el tiempo que tarda el navegador en leer la página. Debido a que el navegador muestra el contenido después de leer la tabla completa, es mejor no encuadrar toda la tabla.

8. Utilice la tabla de diseño para crear una página completa.

1. Haga clic en Insertar/Diseño y el botón de vista de diseño que se encuentra dentro cambiará al estado de vista de diseño (el valor predeterminado es estándar). vista). También puede usar Ver/Vista de tabla/Vista de diseño en el menú para ingresar.

2. Primero haga clic en el botón Dibujar tabla de diseño y luego cree una tabla de diseño en la página como si fuera un dibujo.

3. Al igual que en el ejemplo anterior, primero dibuja la parte superior de la página web, luego la del medio y luego la tabla grande en la parte inferior.

4. Haga clic nuevamente en el botón Dibujar celda de diseño y luego dibuje la celda de diseño en la tabla de diseño ya dibujada.

5. Regrese a la vista estándar, inserte pequeñas tablas anidadas en las tablas divididas, refine la página y complete el diseño de toda la página.

Tenga cuidado de colocar toda la página en una tabla de diseño grande, ya que dicha velocidad de navegación en la página web será muy lenta. Se deben dividir varias tablas de diseño según el diseño y el contenido de la página, y luego se deben insertar celdas de diseño en ellas.

9. Uso de capas

1. Haga clic en Insertar/Capa. También puede hacer clic en el icono y arrastrar el mouse para crear una capa.

3. Selecciona la capa creada y mira el panel de propiedades. Simplemente utilice el "Número de capa" y la "Etiqueta" predeterminados. El "número de capa" es necesario para la programación, pero generalmente no lo usamos ahora. "Superior" es la distancia desde el borde superior de la página; "Izquierda" es la distancia desde el borde izquierdo. El "eje z" es el orden de las capas, con los números más grandes apilados encima de los números más pequeños. Si no se establece ningún color, la capa es transparente.

4. Haga clic en el pequeño cuadro en la esquina superior izquierda de la capa intermedia para arrastrar la capa a voluntad, y el tamaño también se puede ajustar.

5. En la columna "Desbordamiento", cuando el texto excede el tamaño de la capa, visible (la parte sobrante aún se muestra), oculta (la parte sobrante está oculta), desplazamiento (independientemente de si se excede, se muestra) barra de desplazamiento), auto (la barra de desplazamiento aparece solo cuando se excede).

6. Haga clic en el menú Ventana/Otros/Capa y aparecerá la ventana de gestión de capas. Allí puede modificar el nombre de la capa y el valor del eje Z, o hacer clic en el icono del ojo para hacer la capa visible o invisible. También existe una opción para evitar la superposición.

7. Alineación de capas. Mantenga presionada la tecla Mayús y seleccione varias capas al mismo tiempo. Luego use Modificar/Alinear, usando las opciones aquí.

8. Capa de anidamiento. ⑴Primero inserte una capa en el documento. ⑵ Coloque el cursor dentro de la capa y luego continúe insertando una capa para obtener una capa anidada. ⑶El interior se llama capa secundaria y el exterior es la capa principal. Su orden en el eje Z es el mismo. Cuando arrastra la capa principal, las capas secundarias también se moverán entre sí. Cuando mueves una capa secundaria, la capa principal no se mueve con ella.

10. Comprender la línea de tiempo

1. Haga clic en Insertar/Capa en el menú para insertar una capa.

2. Inserte una imagen en la capa, como la imagen de un avión. (La imagen aquí también puede ser una pequeña imagen .gif animada)

3. Haga clic en Ventana/Otros/Línea de tiempo en el menú para abrir la ventana Línea de tiempo.

4. Seleccione la capa creada en la página, presione y mantenga presionado el ícono del cuadro pequeño en la esquina superior izquierda de la capa con el mouse y arrastre la capa al primer cuadro de la línea de tiempo. En este momento, se crea automáticamente una línea de tiempo con una longitud de 15 fotogramas.

5. Seleccione el primer fotograma en la línea de tiempo, arrastre la capa en la página a la esquina superior izquierda de la página, que es la posición cuando comienza la animación.

6. Seleccione el fotograma 15 en la línea de tiempo y arrastre el fotograma hasta cualquier longitud, como 30 fotogramas.

7. Seleccione el fotograma número 30 y arrastre la capa hacia la parte inferior derecha de la página. En este momento, la ventana muestra la trayectoria de movimiento de la capa desde el fotograma 1 hasta el fotograma 30. (El movimiento es una línea recta en este momento)

8. Puede hacer clic en el cuadro 15, hacer clic derecho y seleccionar "Agregar fotograma clave". Con el cuadro 15 seleccionado, arrastre la capa hacia el medio. y parte inferior de la página.

9. Marque el elemento "Reproducción automática".

11. Haga un tablero de anuncios rodante

1. Inserte una capa en la página y luego establezca un fondo para la capa como marco del tablero de anuncios.

2. Luego inserte una capa anidada en la capa creada y mueva la capa anidada debajo de la capa principal.

3. Ingrese texto en la capa anidada y organícela en el centro.

4. Abra el panel Línea de tiempo y agregue la subcapa como un objeto al panel.

5. Cree una ruta de movimiento ascendente para la capa secundaria y muévala por encima de la capa principal.

6. Arrastre el último fotograma clave para aumentar el tiempo de animación y luego marque "Reproducción automática" y "Bucle".

7. Seleccione la capa principal y establezca la propiedad "desbordamiento" en "oculta" en su panel de propiedades.

12. Usar animación flash en la página

1. Haga clic en el botón Insertar Flash para insertar una animación en la página. También puede seleccionar el menú Insertar/Medios/Flash para completar este paso.

2. Seleccione la animación insertada y observe el panel de propiedades. Aquí puede establecer su ancho y alto, o cambiar el tamaño arrastrándolo.

3. Puedes hacer clic en "Reproducir" aquí para obtener una vista previa de la animación.

13. Hacer transparente la animación flash insertada

1. Cuando ya hay un fondo en la página web, o desea insertar una animación flash en una imagen, y el flash animación También tiene un color de fondo, por lo que afectará la apariencia. En este momento, debemos convertirla en una animación transparente.

2. Por ejemplo, inserte una imagen en la página.

3. Inserte una capa en la imagen e inserte la animación flash requerida en la capa.

4. Seleccione la animación flash y haga clic en el botón "Parámetros" en el panel de propiedades.

5. Introduzca "wmode" en el cuadro izquierdo de "Parámetros". Ingrese "transparente" en el cuadro "Valor" a la derecha.

14. Reproducir sonido en la página

1. Después de completar toda la página, si desea agregar música de fondo a la página, tenga en cuenta que la música de fondo suele ser un archivo *. archivo midi, por lo que los archivos de sonido son muy pequeños y fáciles de descargar rápidamente. Otros formatos no son adecuados para música de fondo.

2. Además de todas las tablas de la página, (tenga en cuenta que solo este elemento se muestra en la barra de selección de etiquetas en la parte inferior izquierda de la ventana de edición, o haga clic en la esquina inferior izquierda para asegurarse de que este comportamiento se agrega en toda la página). Haga clic en el botón " " en la ventana de comportamiento (o use el menú Ventana/Comportamiento para abrir la ventana de comportamiento).

3. Seleccione "Reproducir sonido" en el menú emergente. Abre un cuadro de diálogo.

4. Utilice "Examinar" en este cuadro de diálogo para seleccionar el sonido que desea reproducir y confirmar.

5. En este momento, el panel de comportamiento muestra automáticamente el evento como en carga y la acción como reproducción de sonido. Haga clic en esta fila y aparecerá un botón en el medio. Haga clic en el botón para configurar el evento bajo el cual se reproducirá este sonido. Puede elegir "Mostrar evento"/"IE5.0.

6. Normalmente usamos Onload (cuando se carga la página), OnClick (haga clic con el mouse), OnMouseOver (el mouse se mueve sobre el objeto), OnUnload (cuando la página está cerrada), etc.

7. Este comportamiento también se puede configurar en imágenes y enlaces de texto. Antes de reproducir el sonido en el enlace de texto, primero agregue un enlace vacío al texto. es decir, seleccione el texto, ingrese un símbolo "#" en el cuadro de enlace

15. Ventana emergente

1. Primero cree una página que se mostrará en un formato pequeño. ventana (como a.htm), dado que esta ventana emergente no puede ser demasiado grande, el contenido debe ser menor.

2. Abra una página creada, mueva el cursor fuera de todas mis tablas en la página, haga clic en el botón " " en la ventana de comportamiento y seleccione "Abrir ventana del navegador" en el menú emergente.

3. Introduzca la configuración correspondiente en el cuadro de diálogo. La URL que se mostrará es a.htm. El ancho y el alto de la ventana los determina usted mismo, en píxeles. Verifique todos los parámetros en las propiedades según sea necesario.

4. Después de completar la configuración, haga clic en "Aceptar". En este momento, el comportamiento de abrir la ventana de navegación se mostrará en la ventana de comportamiento. La condición de activación es Onload. Si esto no es necesario, configúrelo usted mismo.

5. Este comportamiento también se puede configurar en imágenes y enlaces de texto. .

6. Puede utilizar este método para expresar la bienvenida al visitante al abrir, el anuncio del sitio web, la despedida al salir, etc.

16. Controlar la información de la barra de estado

1. Abra la página y seleccione una imagen.

2. Haga clic en el botón " " en la ventana de comportamiento y seleccione Establecer texto/Establecer texto de la barra de estado.

3. En la columna "Mensaje" del cuadro de diálogo, ingrese las palabras que deben mostrarse, como una introducción a esta imagen.

4. Puede establecer la condición de activación del comportamiento en OnMouseOver (el mouse se mueve sobre el objeto), de modo que cuando el mouse pase por esta imagen, aparecerá información relevante en la barra de estado.

5. Si necesita que este mensaje desaparezca después de alejar el mouse, use este comportamiento nuevamente, no escriba nada en la columna "Mensaje" y luego cambie la condición de activación a OnMouseOut (ratón retirado) ).

6. Este comportamiento también se puede establecer en un fragmento de texto. O puede configurarlo en toda la página.

17. Información emergente

1. Abra una página creada y haga clic en el elemento en la esquina inferior izquierda. Haga clic en el botón " " en la ventana de comportamiento y seleccione el elemento "Información emergente" en el menú emergente.

2. Ingrese el mensaje que desea mostrar en la columna "Mensaje" en la ventana de configuración.

3. Si la condición de activación se establece en Onload (cuando se carga la página), se puede utilizar como mensaje de bienvenida para abrir la página. Si se establece en OnUnload (cuando la página está cerrada), se puede utilizar como mensaje de despedida cuando el usuario cierra la página.

4. También puedes configurar un mensaje emergente en un determinado párrafo de texto. Por ejemplo, si no desea que otros copien un fragmento de texto, seleccione el texto completo. Tenga en cuenta que

se muestra en la esquina inferior izquierda, que es un párrafo.

5. Luego haga lo mismo e ingrese declaraciones como copyright en el mensaje. Simplemente establezca la condición de activación en OnBeforeCopy (que se activa cuando se presiona el botón derecho) o OnCopy (que se activa cuando se presiona el botón derecho para copiar).

18. Botón de imagen dinámica

1. Prepare dos imágenes del mismo tamaño. El método común es utilizar una como fotografía en escala de grises y otra como fotografía en color. O uno con botones cóncavos y otro con botones elevados.

2. Ejemplo: inserte una tabla con 3 filas y 1 columna y establezca el ancho en 180 píxeles.

3. Coloque el cursor en la primera línea e inserte una imagen en escala de grises.

4. Ingrese la dirección a vincular en la columna "Enlace" en el panel de propiedades y agregue un nombre a la imagen, como tu1

5. Haga clic en " ". y seleccione "Intercambiar imágenes" en el menú emergente.

6. En este momento, la imagen que se va a intercambiar se muestra en la columna "Imagen" y luego seleccione la imagen intercambiada en la columna "El archivo original del templo es".

7. Hay dos parámetros a continuación, "Precargar imagen" y "Restaurar imagen cuando el mouse se desliza", los cuales deben seleccionarse.

8. Crea otros dos botones dinámicos de la misma manera.

19. Utilice marcos para diseñar páginas.

Un marco consta de dos partes principales: un conjunto de marcos y un solo marco.

1. Haga clic en el marco insertado para mostrar los 13 estilos de marco definidos. Tomemos como ejemplo la estructura superior-media-inferior.

2. Haga clic en el icono de la estructura de marco "Superior-Medio-Inferior". En este momento, se insertan dos marcos, superior e inferior, en la página, dividiendo toda la página en tres partes. Ingresamos "superior" arriba, "medio" en el medio y "inferior" abajo.

3. Guárdalo primero. Haga clic en Archivo/Guardar todo en el menú. En este momento, primero guarde el archivo del conjunto de marcos y podrá modificar el nombre usted mismo, como kuangjia.htm. Las otras páginas del conjunto de marcos se guardarán por separado. Al guardar la página correspondiente, esta parte se enmarcará con una línea de puntos, de modo que la parte anterior se pueda guardar como shang.htm. La parte inferior se guarda como xia.htm. La parte central se guarda como zhong.htm.

4. Hasta ahora, hemos guardado cuatro páginas, a saber, el conjunto de marcos y las páginas superior, media e inferior que componen el conjunto de marcos. Por lo tanto, de hecho, este marco se compone de cuatro páginas, por lo que su uso ralentizará la velocidad de navegación del usuario.

5. Haga clic en Ventana/Otros/Marco para abrir el panel del marco. Haga clic en un marco aquí para seleccionarlo. Cuando se selecciona un marco, aparece una línea de puntos en el marco correspondiente en la ventana de edición.

6. Por ejemplo: seleccione el marco superior de arriba y las propiedades del marco de arriba se mostrarán en el panel de propiedades. Seleccione también el marco medio y el marco inferior, y también puede configurar sus propiedades por separado.

7. En la ventana de edición, coloque el mouse en el borde entre los dos cuadros. El cursor cambiará a una forma de flecha hacia arriba y hacia abajo. Haga clic en el borde en este momento para seleccionar todo el conjunto de cuadros. .

8. En este momento, las propiedades de todo el grupo de marcos aparecen en el panel de propiedades. Aquí puede establecer si el conjunto de marcos tiene bordes, ancho y color, etc. Pero lo más importante es que puedes establecer el tamaño de cada cuadro en el conjunto de cuadros aquí.

9. Seleccione el marco superior en el lado derecho del panel de propiedades, establezca su comportamiento en 80 píxeles y su borde en 0.

10. Seleccione el marco a continuación, establezca la altura de la línea en 30 píxeles y el borde en 0.

11. Seleccione el marco central, establezca la altura de la fila en 1 y la unidad en relativa. (Relativo significa: la proporción de la fila actual en relación con otras filas. Establecerlo en 1 significa ocupar todo el espacio restante de la ventana de navegación excepto la parte superior e inferior.

12. Ejemplo: coloque el cursor en En el marco superior, haga clic derecho y seleccione Propiedades de página, establezca el color de fondo en #FF6600, luego inserte/tabla, inserte una tabla con 1 fila y 2 columnas, y establezca el ancho de la primera celda en 116 píxeles. Establezca la alineación horizontal de la segunda celda en el centro y la disposición vertical en la parte inferior, y luego ingrese las palabras "Leo", "Capricornio" y "Géminis" en secuencia.

13. Coloque el cursor en el marco central, marco principal, haga clic derecho y seleccione Propiedades de página, establezca el color de fondo en #FFFFCC

14. Coloque el cursor en el marco inferior, haga clic derecho y seleccione Página. propiedades, establezca una imagen de fondo

15. Cree tres páginas adicionales como las páginas que se vincularán a "Leo", "Capricornio" y "Géminis".

16. Seleccione ". Leo", configure la página a la que se vinculará en las propiedades y luego seleccione "mainframe" en "Destino", es decir, el contenido se mostrará en el marco medio

17. Lo mismo. Establecer enlaces para "Capricornio" y "Géminis"

Menú de salto

1. Haga clic en Insertar/Objeto de formulario/Menú de salto en el menú principal. Puede utilizar el icono del menú de salto en Insertar. /Form para abrir la ventana de configuración del menú de salto.

2. Primero ingrese las palabras "Seleccione el sitio web correspondiente" en la columna "Texto". Luego haga clic en el botón " " en la ventana. En este momento, hay una opción adicional en el menú. Esta opción no tiene enlace y solo se usa como texto de descripción para el menú de salto.

3. Ingrese el sitio web deseado en la columna de texto, como "Sina", y luego ingrese la dirección del enlace del sitio web en la columna "Al seleccionar, vaya a URL" En este momento, el elemento del menú. columna también Hay una opción más, que corresponde a la dirección de enlace de una red.

4. Utilice el mismo método para agregar otras opciones y enlaces correspondientes al menú. También puedes utilizar los botones "arriba" y "abajo" para ajustar su orden.

5. No seleccione "Insertar botón Ir después del menú" en la ventana de configuración. Seleccione el elemento "Seleccione el primer elemento después de cambiar la URL", de modo que después de usar el menú de salto para ir a una página determinada, si regresa a la página del menú de salto, el menú de salto en la página aún mostrará el primer elemento por contenido predeterminado.

6. Haga clic en "Aceptar" después de completar la configuración. Debido a que el menú de salto es un formulario, el formulario (área de puntos rojos) en realidad se inserta primero y luego el menú desplegable se inserta en el formulario.

7. Si desea modificar las opciones, puede seleccionar el menú desplegable en la página. En este momento, haga clic en "Listar valor" en el panel de propiedades para modificar varios contenidos.

8. Cuando se selecciona el menú de salto, el comportamiento también aparece en la ventana de comportamiento. Haga doble clic en el comportamiento para ingresar a la ventana de configuración y restablecerlo.

9. Si el primer elemento del "Elemento del menú" es un enlace en lugar de un mensaje como se mencionó anteriormente, entonces debe seleccionar "Insertar botón Ir después del menú" en "Opciones". Agregue un botón "Ir".

21. Uso de complementos (extensión de función de Dreamweaver)

1. Primero descargue los complementos necesarios. El ejemplo aquí es Animate Browser Window. Este es un complemento que cambia dinámicamente el tamaño de la ventana. Abra Dreamweaver Extension Manager e instale el complemento descargado.

2. Inicie Dreamweaver, haga clic derecho en la esquina inferior izquierda de la página completa, luego haga clic en el botón " " en la ventana de comportamiento, seleccione "Animar ventana del navegador" y luego haga clic en Realizar la configuración adecuada. Aquí, la altura y el ancho se establecen en 0 antes de abrir la ventana y para llenar la pantalla después de abrirla. La condición de activación es onLoad.