Después de las operaciones en las partes anteriores, nuestra página web ha sido ilustrada con imágenes y texto, y tiene un efecto considerable, pero esto no es suficiente para que la página web se convierta en un todo orgánico, cada página web debe. ser procesado a través de súper Los enlaces están conectados para que los espectadores puedan saltar entre diferentes páginas.
1. Vincular imágenes y texto
Es muy conveniente crear enlaces para algún texto o imágenes. Simplemente use el mouse para seleccionar la imagen o el texto que desea convertir en un enlace y luego ingrese la dirección de la página de destino que desea convertir. saltar en el cuadro de entrada "Enlace" del panel de propiedades, o presione el icono de carpeta al lado del cuadro de entrada para seleccionar el archivo al que desea saltar. Además, Dreamweaver MX 2004 también proporciona una forma de vincular archivos rápidamente a través de la ventana del sitio web.
Paso 1: Primero ejecute el comando "Sitio → Administrar sitios" y seleccione un sitio ya creado en el menú emergente. En este momento, puede ver la ventana emergente de administración de sitios a la derecha.
Paso 2: seleccione el texto o la imagen en el área de edición y arrastre directamente el ícono de destino circular al lado del cuadro de entrada "Enlace" en el panel de propiedades. Aparecerá una flecha cuando apunte a un archivo en el administrador del sitio web. Aparecerá un cuadro alrededor del archivo (Figura 1).
Figura 1
Paso 3: Después de soltar el mouse, aparecerá un subrayado en la parte inferior del texto seleccionado, el color de la palabra se volverá azul y la dirección del archivo de destino se mostrará automáticamente en el cuadro de entrada "Enlace". .
Consejo: al establecer un enlace, debe prestar atención a las dos formas de URL. 1. Dirección absoluta: como www. abecedario. com/prueba. htm; 2. Dirección relativa: como descargar/1. htm, descripción página 1. htm está en el directorio raíz del servidor.
2. Establezca varios enlaces en una imagen.
Algunas páginas web tienen varios enlaces en una imagen grande, de modo que los visitantes pueden ingresar a diferentes páginas haciendo clic en diferentes posiciones de la imagen. Esta es la aplicación del concepto de áreas activas de imágenes. Siga los pasos a continuación para lograrlo.
Paso 1: En Dreamweaver MX 2004, primero puede seleccionar la imagen. En este momento, puede ver un área de "Mapa" en el panel de propiedades de la imagen. Hay tres íconos de herramientas de color azul claro debajo, a saber, rectángulo, círculo y polígono.
Paso 2: use el mouse para seleccionar uno de ellos según sea necesario, luego mueva el mouse a la imagen y arrastre un área azul claro.
Paso 3: Complete la dirección de la página web que desea vincular en el cuadro de entrada "Enlace" en el panel de propiedades y el área activa de la imagen estará lista.
De manera similar, al configurar múltiples áreas activas de imagen para esta imagen, puede hacer clic en diferentes áreas de la imagen para ingresar a diferentes páginas.
3. Personalice los enlaces de salto dentro de la página.
Si se suscribe con frecuencia a revistas electrónicas gratuitas en línea o navega por páginas muy largas, debe estar familiarizado con este tipo de enlace etiquetado. Se trata de una lista similar a un directorio para saltar fácilmente a ellos. página.
Paso 1: En Dreamweaver MX 2004, primero determine la ubicación a la que apunta el vínculo, que es la ubicación donde permanecerá el vínculo después de que salte la pantalla. Luego seleccione el texto de destino y ejecute el comando "Insertar → Ancla con nombre".
Paso 2: escriba el nombre de la etiqueta (como test3) en el cuadro de entrada "Nombre de anclaje". En este momento, aparecerá automáticamente una etiqueta de anclaje debajo del texto para distinguirlo del contenido de texto normal (Figura 2).
Figura 2
Paso 3: Ingrese "#test3" en el cuadro de entrada "Enlace" del tablero de propiedades, donde test3 es el nombre que acaba de configurar, para que se pueda realizar la función de salto de página.
Consejo: si desea señalar una ubicación determinada en otra página, simplemente coloque esta etiqueta de anclaje allí.
4. Verifique rápidamente el enlace web
. Al navegar por Internet, lo más molesto es ver mensajes de error como "Error del servidor web 4004: archivo no encontrado". Dado que hay muchos enlaces en un sitio web, un poco de cuidado provocará muchos errores en los enlaces. Sin embargo, en Dreamweaver MX 2004, puede comprobar los enlaces fácilmente.
Paso 1: Ejecute el comando "Sitio→Verificar vínculos lateralmente" en Dreamweaver MX 2004 y se activará el panel de verificación de vínculos.
Paso 2: En el menú desplegable "Mostrar" en la parte superior izquierda del panel, puede seleccionar Enlaces rotos (enlaces rotos), Enlaces externos (enlaces externos) y OrphanedFiles (archivos huérfanos, por ejemplo). seleccione Archivos huérfanos, Dreamweaver MX 2004 comprobará el estado del enlace actual y mostrará una lista de archivos huérfanos.
Paso 3: Para el archivo problemático, haga doble clic con el botón izquierdo del mouse para abrirlo y modificarlo.
Consejo: Los enlaces externos son direcciones de enlaces que enlazan con sitios web externos y Dreamweaver no puede comprobar que sean correctos.
Se le debe recordar que debe tener mucho cuidado al establecer enlaces a páginas web, porque los sitios web generalmente tienen cientos de páginas. Si no tiene cuidado, obtendrá enlaces vacíos o enlaces incorrectos, lo que es muy perjudicial para la imagen de su sitio web. una buena influencia!