Dreamweaver siempre ha sido una herramienta de diseño web preferida por muchos internautas. Además de sus poderosas capacidades de producción de efectos dinámicos, su interfaz de operación conveniente y concisa también es única. A continuación tomaremos la última versión de Dreamweaver4 como ejemplo y haremos preguntas sistemáticamente. Introduzcamos algunos problemas y técnicas que se encuentran a menudo en el proceso de diseño.
Nota: Para mayor comodidad, a continuación reduciremos toda la representación de Dreamweaver a DW.
1> ¿Cómo ingresar a un espacio en DW?
El problema de entrar en espacios parece haberse convertido en un tema común en DW. Es posible que lo hayamos visto N veces en muchos libros o artículos que presentan el uso de DW.
La restricción de entrada de espacio en DW es para el estado de texto de "medio ancho", por lo que se puede evitar ajustando el método de entrada al modo de ancho completo. El método es: abra el método de entrada chino (tome la inteligencia artificial ABC como método). Por ejemplo), presione Shift + Espacio para cambiar al estado de ancho completo, debería estar bien ahora.
Además, también puede lograr el propósito de ingresar espacios mediante muchos métodos de "solución alternativa". Por ejemplo, los más utilizados son:
agregar directamente el código HTML " " que representa espacios en el código fuente; longitud, luego ajuste el color del texto Igual que el color de fondo actual, etc., pero tenga en cuenta que este último puede mostrar problemas en algunos navegadores. (Jaja, ¡el que estaba usando en ese momento fue descubierto por Wang Chenyun!)
2> ¿Cómo agregar un pequeño ícono personalizado frente a la barra de direcciones del navegador?
¿Recuerda que a veces, al navegar por la página de inicio del sitio web de NetEase, se mostrará un pequeño icono con la palabra "Fácil" delante de WWW.163.COM ? De forma predeterminada, este icono es una imagen designada del navegador IE. Como se muestra en la imagen:
De hecho, esta no es una tecnología sofisticada, simplemente agrega un archivo específico al directorio del sitio web.
En este momento, necesitamos crear un archivo de ícono por adelantado, con un tamaño de 16 * 16 píxeles. La extensión del archivo es ico y luego se carga en el directorio correspondiente. Agregue el siguiente código entre los archivos fuente HTML "<head></head>":
<Link Rel="SHORTCUT ICON" href="http://La dirección de la imagen (tenga en cuenta que corresponde al directorio de ahora) ">
El "ICONO DE ACCESO DIRECTO" es el nombre del icono. Por supuesto, si el usuario utiliza IE5 o superior para navegar, será aún más sencillo. ¡Simplemente cargue la imagen en el directorio raíz del sitio web y será reconocida automáticamente!
3> ¿Por qué mi página web originalmente bien diseñada se vuelve fea y vergonzosa cuando se minimiza la ventana del navegador?
Este debería ser un tema digno de atención de todos. En otras palabras, no hay ningún problema al navegar por contenido web en modo de pantalla completa. El problema surge lentamente cuando usamos el comando de minimizar ventana o cambiamos el tamaño de la ventana manualmente. El contenido de la página web tomará la ventana actual como rango de visualización y aparecerá en secuencia. Por ejemplo, la diferencia entre "ajuste de línea automático" y "sin ajuste de línea" en el Bloc de notas es exactamente la misma.
Para solucionar este problema debemos empezar por el diseño de la página web. En circunstancias normales, el posicionamiento del contenido web se consigue mayoritariamente a través de tablas. Por tanto, el "fallo" del problema está en la forma.
Mire la visualización del panel de propiedades de la siguiente tabla:
Es posible que haya notado que se proporcionan dos tipos diferentes para las opciones de configuración de alto y ancho de la tabla, porcentaje y píxeles. El uso de porcentajes causará el problema mencionado anteriormente. Simplemente corríjalo al tamaño real de la unidad de píxeles.
4> ¿Cómo cambiar el mensaje emergente en la parte superior cuando se muestra la página web?
Al navegar por una página web, la información emergente en la parte superior a menudo representa el contenido clave de la página web, lo que ayuda a los visitantes a comprender el contenido de la página web de antemano. Antes de DW4, esta operación no se proporcionaba directamente en la función. A menudo la completábamos aplicando el atributo "Título" en el código fuente. Entrar en DW4 es mucho más sencillo.
Simplemente escriba la información de texto requerida directamente en el cuadro de entrada "Título" en la parte superior de la ventana de edición.
5> ¿Cómo puedo agregar un borde de un color específico a una imagen?
Para imágenes sin bordes, el efecto de visualización es bastante pobre cuando se insertan directamente en una página web. Recuerde que es bastante problemático agregar bordes satisfactorios a las imágenes en Microsoft FP.
Sin embargo, es mucho más fácil en DW, porque hay una propiedad "Borde" que le permite establecer directamente el ancho del borde. Como se muestra en la imagen:
una vez establecido el ancho, definitivamente preguntarás, ¿qué pasa con el color? ¡No hay elección de color en el panel! Jaja, en realidad hay un truco aquí. Use el mouse para seleccionar el objeto de imagen. Tenga cuidado de no hacer clic para seleccionar, sino arrastrar para seleccionar. Simplemente hágalo de la misma manera que configura el color del texto.
6> ¿Cómo agregar información rápida para imágenes y texto de enlace?
Cuando navegamos por una página web, cuando el mouse permanece sobre un objeto de imagen o enlace, a veces aparece un cuadro de mensaje en la parte inferior derecha del mouse. Haz algunos comentarios sobre el objetivo. En algunos casos, su papel es muy importante.
Primero veamos cómo agregar información de solicitud de imagen. Seleccione el objeto de imagen y encontrará un cuadro de entrada "Alt" en el panel de propiedades. De forma predeterminada, este cuadro de entrada está en blanco. Simplemente ingrese el contenido del mensaje requerido aquí.
Entonces la producción de mensajes de enlace no es tan sencilla. Debido a que esta función no se proporciona directamente en DW, necesitamos agregar código HTML para lograrla.
Agregue el atributo "Título" en <a href="" >. Título = contenido rápido es suficiente.
7> ¿Cómo hacer que su propio archivo ZIP u otro tipo de archivos estén disponibles para que otros los descarguen?
A los ojos de muchos creadores de páginas web jóvenes, parece que completar la descarga con un clic del mouse es algo muy "misterioso", pero de hecho está lejos de eso. Cuando cualquier archivo de formato en DW que no sea reconocido por el navegador (que no sea HTM, HTML, ASP, PHP.PERL, SHTML, etc.) se utiliza como destino del enlace, la operación predeterminada es. descargar
En este momento, solo necesita descargar el navegador. Escriba el nombre del archivo y luego cree un enlace al archivo de destino. Tenga cuidado de no cometer un error en el directorio
. ¿La página web no cambia con la configuración del tamaño de fuente del navegador? Como
todos sabemos, en el navegador IE En la configuración de funciones, hay una función que le permite configurar libremente el tamaño de fuente del contenido de la ventana. Debido a los hábitos de diferentes visitantes, las páginas web que se les presentan a veces serán diferentes.
Por ejemplo, es posible que haya utilizado originalmente una fuente de tamaño 2 en su diseño, pero debido a la configuración adicional del navegador del usuario, se ha vuelto más grande. En este momento, habrá un problema con el efecto de visualización.
Entonces la solución es forzar cualitativamente el contenido de la página web a un cierto tamaño apropiado. Es decir, no se le permite cambiar. Este requisito se puede lograr mediante el control obligatorio de las fuentes mediante hojas de estilo CSS.
9> ¿Abrir el enlace de destino como una nueva ventana?
Abrir en una ventana nueva, como su nombre indica, significa abrir otra ventana del navegador sin cubrir la ventana actual. Puede <a href="">agregar "Target=_blank" directamente al código de conexión.
Si su HTML es deficiente, esta configuración también se proporciona en el panel de propiedades de DW. Cuando escribe la URL WWW en el cuadro de entrada Enlace, el cuadro desplegable Destino detrás también se activa al mismo tiempo.
Simplementeseleccione "en blanco" en la parte superior como se muestra
en la imagen
.10> Cómo evitar que aparezca una ventana publicitaria cuando se carga una página web, como muchos sitios web comerciales.
Esto se ve a menudo en muchos sitios web comerciales grandes. Se puede implementar fácilmente en DW a través del comportamiento.
Mientras se está cargando, podemos tratar todo el contenido de la página web como un objeto de evento. Haga clic en la etiqueta "<cuerpo>" en la esquina inferior izquierda de la ventana de edición de DW. En este momento, puede notar que todo el contenido web ha sido seleccionado.
Haga clic en el botón "Comportamiento" en el "Panel de inicio rápido" para ingresar al panel de comportamiento, como se muestra en la figura:
Seleccione el elemento "Abrir ventana de exploración". En este momento, también puede personalizar el estilo de la ventana, como el tamaño y la retención. de botones de herramientas, etc. Otro punto es no olvidar que el evento correspondiente es "Onload".
11> No hay "Líneas de tiempo" en mi plataforma de inicio rápido, ¿qué debo hacer?
Después de que DW se actualizó a la versión 4, se agregaron varios proyectos nuevos a la plataforma de inicio rápido, como Activos, etc. En este momento, el botón Timelins originalmente en la parte superior estaba presionado.
Por supuesto, si está ansioso por usarlo ahora, aún puede encontrarlo a través del menú "Windows"-"Líneas de tiempo". Pero después de todo, no es tan conveniente como ponerlo en la plataforma de lanzamiento. ¡En este momento, podemos agregarlo a través de la configuración!
"Editar" - "Preferencia" ingrese a la ventana, seleccione "paneles" en la lista de proyectos de la izquierda, como se muestra en la figura,
haga clic en el botón "+" de arriba y seleccione "Líneas de tiempo" en la lista desplegable. En este momento, la línea de tiempo se ha agregado automáticamente al contenido de la lista actual "Mostrar en el Iniciador", OK. El panel "Lanzador" modificado se muestra en la figura.
Al mismo tiempo, también puedes seleccionar libremente las opciones de los botones que aparecen en el panel según tus propias necesidades para mejorar la eficiencia del trabajo.
12> Cree una página web para que se pueda actualizar automáticamente cada 5 minutos. ¿Cómo lograr esto?
Al navegar por Internet, a menudo nos topamos con algunas páginas web. Si no hay respuesta después de un período de tiempo, se actualizará automáticamente. Además de servir para recordar a los visitantes, cuando la nueva dirección de actualización no es la URL actual, se implementa la función de salto automático.
Ya sea una actualización repetida o un salto automático. En diseño web, todas son operaciones muy prácticas. A continuación te presentamos cómo hacerlos.
Seleccione la sección "Cabeza" del panel "Objeto" de DW. Tenga en cuenta que, de forma predeterminada, se muestra el "contenido" de Común. Como se muestra en
la figura, haga clic en el botón "Actualizar" de arriba y la ventana emergente será la siguiente:
Escriba el tiempo de retraso de actualización (unidad: segundos) en el cuadro de entrada "Retraso" y "Acción" será la URL de destino. especificado para actualización. Debido a que estamos actualizando la página actual, simplemente seleccione la opción de menú "Actualizar este documento".
13> ¿Cómo definir la palabra clave (Keyname) de una página web?
Cuando los usuarios utilizan los motores de búsqueda para buscar páginas web con contenido adecuado, las palabras clave desempeñan un papel que no se puede ignorar. La mayoría de los servidores de búsqueda detectarán automáticamente si se generan nuevas páginas web en la red a intervalos regulares y las registrarán por palabras clave para facilitar las consultas de los usuarios.
Por supuesto que desea que su página web aparezca en la lista de resultados de consultas de los motores de búsqueda. En este momento, la definición de palabras clave es particularmente importante.
También en el panel "Encabezado", haga clic en
el botón "Palabras clave" como se muestra en la figura, y aparecerá la ventana de definición de la siguiente manera:
Simplemente ingrese las palabras clave que deben definirse una por una. Tenga en cuenta que cada palabra clave está separada por. un signo ";" y no hay límite para el número.
14> ¿Cómo ocultar algunas etiquetas innecesarias en la ventana de edición?
Cuando el usuario inserta demasiados elementos invisibles en la página web, se mostrará una fila de etiquetas correspondientes en la parte superior de la ventana de edición para facilitar que el usuario los encuentre en cualquier momento. Aunque estas etiquetas en sí mismas no afectan el efecto de visualización en el navegador, si hay demasiadas, el contenido de la página web a menudo tendrá que estar desalineado, lo que dificultará en cierta medida el ajuste visual de la página web. ¿Cómo podemos eliminar estas cosas?
Ingrese al panel "Preperence" y seleccione "Elementos invisibles" de la lista, como se muestra en la figura:
Simplemente marque las "marcas de verificación" frente a los elementos que no desea mostrar, como scripts, etc.
15> Organice el ¿Visualización de navegadores que no admiten contenido de "marcos"?
Sabemos que actualmente existen muchos tipos de navegadores, por lo que lo primero que consideramos al diseñar una página web suele ser "¿Esto se mostrará bien en diferentes navegadores?". ¡Los marcos son un ejemplo!
Pero para evitar esto, es muy simple, solo necesitas agregar el siguiente contenido al código fuente.
< BODY><noframes> --- Esta página web contiene estructuras de marcos. Si no puede mostrarlas normalmente, descargue una nueva versión del navegador o cámbiela a un navegador convencional --- < /noframes></ BODY>
16> Cómo prevenirlo. otros pongan su página web en un marco?
Algunas personas con malas intenciones a menudo roban los frutos del trabajo de otras personas, como colocar páginas web cuidadosamente diseñadas por otras personas en sus propios marcos en forma de subpáginas.
Entonces, ¿cómo evitar que le "roben" el contenido de su web?
Solo necesita agregar el siguiente contenido de código entre <head></head> del código fuente de la página web:
<script language="javascript"><!--
if (self!=top){top.location=self.ubicación;}
-->< /script>
17> ¿Cómo agregar comentarios?
El contenido de las anotaciones, como su nombre indica, sólo aparece como contenido explicativo, por lo que no aparecerá en la página web al navegar. Su función es marcar ciertos códigos importantes o complejos según sea necesario para que puedan ser encontrados más fácil y rápidamente.
Ingrese a la sección "Invisibel" del panel "Objeto" (es decir, elementos invisibles) y seleccione el botón Insertar "Comentario". La ventana es la siguiente:
Escriba la información necesaria en "Comentario". Si regresa al código fuente en este momento, verá que estas operaciones no agregan más que un fragmento de código en el siguiente formato:
<! --Este es el contenido de la anotación que debe completarse-->
18> Línea horizontal, ¿por qué no se puede configurar el color?
En DW, al insertar una línea horizontal a través del menú "Insertar" - "Regla horizontal", encontrará que no hay ninguna configuración para el color de la línea horizontal en el panel de propiedades, porque el NC más antiguo no admite la etiqueta < hr> (código HTML para líneas horizontales) ) atributo COLOR, por lo que DW no tiene configuraciones para él.
Como se muestraen la imagen
, si es necesario, solo podemos ingresar directamente al archivo fuente para realizar cambios.
<hr color="Código de color correspondiente">
19> ¿Cómo configurar la función que puede cerrar la ventana actual?
Aquí primero podemos ingresar el texto usado para marcar "Cerrar ventana", arrastrarlo con el mouse para seleccionarlo, escribir "/" en el cuadro de entrada "Enlace" y al mismo tiempo cortar en la ventana del código fuente, escribir el evento -onclick= en el código del enlace "javascript:window.close(); return false;".
El código completo es: < a href="/" onclick="javascript:window.close(); return false;">Cerrar ventana</a>
Por supuesto, también puedes reemplazar el texto "Cerrar ventana" con otros objetos , como imágenes, botones, etc.!
20> ¿Qué pasa con las ventanas que se cierran automáticamente a horas programadas?
La función de cerrar la ventana se mencionó anteriormente, entonces, ¿cómo se implementa ahora el cierre automático?
Agregue el siguiente código después del código fuente <body>:
< script LANGUAGE="javascript"> <!--
setTimeout('ventana.close();', 10000);
--> </script>
El tiempo de espera establecido es una función que se utiliza para establecer el tiempo de retraso, donde 10000 significa 10 segundos.
21> ¿Cómo cambiar la "forma" del mouse en el navegador?
Generalmente, el mouse aparece en el estilo de "flecha" en el navegador, entonces, ¿podemos cambiarlo a otros estilos que nos gusten?
El cambio de la forma del mouse se implementa en DW a través de la "hoja de estilo CSS".
Menú "Texto" - "Estilo CSS" - "Editar hoja de estilo", aparecerá la ventana de edición de la hoja de estilo. También puede hacer clic en el botón Estilo CSS en la plataforma de inicio rápido para encontrarlo, de la siguiente manera:
haga clic en " Nuevo ", seleccione el valor predeterminado "Crear estilo personalizado" y, al mismo tiempo, haga que el estilo solo se aplique al documento web actual en Definir a continuación, "Solo este documento".
Seleccione "Extender" del elemento de la lista a la izquierda de la ventana "Definición de estilo". Las configuraciones correspondientes a la derecha se muestran
en el "Cursor" (ratón hacia abajo para seleccionar la forma apropiada). presione F12 para navegar. Observe el efecto en la herramienta. Si no está satisfecho, también puede modificar el estilo.
22>¿Cómo eliminar el subrayado debajo del texto del enlace?
Después de completar la creación del enlace, el contenido del texto del enlace a menudo se agrega automáticamente con un subrayado a continuación para indicar que el contenido contiene un hipervínculo. Cuando hay muchos enlaces en una página web, ésta parece un poco desordenada, de hecho, podemos eliminarlos fácilmente.
También ingrese a la ventana "Editar hoja de estilo", haga clic en "Nuevo" para establecer el nuevo estilo, como se muestra
a continuación, en el Tipo (tipo), debe seleccionar "Redefinir etiqueta HTML" y al mismo tiempo seleccionar "Redefinir". Etiqueta HTML" que representa el hipervínculo en la etiqueta específica Etiqueta. a" y haga clic en Aceptar.
Edite este estilo, seleccione "Tipo" en la lista de la izquierda y
marque la casilla de verificación "Ninguno" en "Decoración" de la siguiente manera. En este momento, se eliminará el subrayado del texto del enlace en todas las páginas web.
23> ¿Cómo hacer que el mouse “pase” sobre el texto del enlace produzca decoloración, deformación y otros efectos?
Al visitar un sitio web, uno de los efectos más comunes que encontramos es la "respuesta al pasar el mouse". La llamada "respuesta al pasar el mouse" se manifiesta en el texto del enlace, incluido el cambio de color y la modificación del efecto (subrayado, trazo central) y otras opciones.
Dado que este efecto desempeña un papel muy bueno al enfatizar el contenido de destino, se aplica tanto a sitios web personales como a algunos sitios web comerciales importantes (como Sina, Sohu, NetEase, etc.).
En la pregunta anterior, ya sabías cómo eliminar los subrayados de enlaces, así que no entraré en detalles aquí. La siguiente pregunta será cómo agregar el proceso de evento de respuesta del mouse.
También ingrese a la ventana "Editar hoja de estilo", haga clic en "Nuevo" para establecer el nuevo estilo, la diferencia es que ahora seleccione el último elemento en el tipo de Tipo - "Usar selector CSS", seleccione "a:hover" en el "Selector " menú de la siguiente manera
OK, ingrese a la ventana de estilo de edición y establezca el color del texto en el elemento "Tipo" en "rojo". Por supuesto, también puede agregar un efecto de subrayado cuando se pasa el mouse.
24>¿Cómo evitar que la imagen de fondo de la página web se desplace con el contenido?
Las imágenes de fondo son algo que muchos diseñadores web suelen agregar cuando el contenido de la página web excede una pantalla, la imagen de fondo se desplazará junto con el contenido relativamente quieto cuando se tira de la barra de desplazamiento. Entonces, ¿se puede bloquear el fondo y no desplazarse? ¿a lo largo de? Por supuesto, puede ingresar a la ventana "Editar hoja de estilo", hacer clic en "Nuevo" para establecer un nuevo estilo, seleccionar "Redefinir etiqueta HTML" en TIPO, seleccionar "Cuerpo" en el menú Etiqueta y seleccionar "Fondo" en la lista. a la izquierda.
Establezca "Adjunto" en "fijo"
de la siguiente manera
.Donde desplazamiento representa la visualización de desplazamiento predeterminada.
25> Debes conocer la música de fondo, ¿cómo agregarla?
En la herramienta web de Microsoft, Frontpage, hay una función de configuración de música de fondo, pero DW obviamente no hace esto, por lo que si desea usarla, solo puede agregarla manualmente en el código fuente.
Antes de utilizarlo, me gustaría recordarles a todos que a la hora de utilizar música de fondo hay que prestar atención al tamaño del archivo de la página web, y no perder de vista ni una cosa ni la otra.
El código es el siguiente:
<EMBED src="music.mid" autostart="true" loop="2" width="80" height="30">
donde src especifica la ubicación del archivo de música y autostart es el acción después de cargar el archivo de música. verdadero significa comenzar a reproducir automáticamente, falso para no reproducir (valor predeterminado).
26> ¿Cómo usar líneas horizontales para hacer una línea delgada con un ancho de 1?
Haga clic aquí para ver el método de implementación (agregado por el editor)
27> ¿Cómo agregar automáticamente la fecha modificada a la página web?
Simplemente agregue el siguiente código entre los archivos fuente <body></body>.
< script Idioma="javascript"><!--
document.write(“Última actualización:”+document.lastModified);
-->El estilo de visualización de < /script>
en el navegador es: "Última actualización: 2001/8/19"
28> ¿Cómo controlar la información emergente POPUP?
A veces, cuando hacemos clic en un enlace, aparecerá información solicitada explicada enfáticamente, es decir, un mensaje emergente. Por ejemplo, cuando un enlace no ha completado la producción de la página de contenido de destino, puede utilizar información POPUP para explicarlo.
Ingrese el texto del enlace en una ubicación adecuada de la página web, selecciónelo y cree un enlace en el panel de propiedades. Mientras aún está seleccionado, haga clic en el botón "Comportamiento" en la plataforma de inicio rápido, por ejemplo:
haga clic en el signo "+" en la parte superior izquierda, seleccione "Mensaje emergente" de la lista e ingrese la información que debe solicitarse en el ventana posterior, como se muestra en la figura,
configure el evento del mouse (Eventos) de esta acción para hacer clic (al hacer clic). El efecto de vista previa en el navegador es el siguiente
29> ¿Cómo ocultar la información de la dirección URL en la barra de estado del navegador?
Al navegar por la web, cuando el mouse permanece sobre un enlace, la dirección de destino del enlace se mostrará automáticamente en la barra de estado a continuación. Teniendo en cuenta problemas de seguridad, a veces necesitamos restablecerlo a "cero", es decir, dejarlo en blanco.
Ahora solo necesita hacer algunos trucos en el código del enlace para lograrlo, como sigue
< a href=" http://www.pconline.com.cn/pcedu ";;;;;;; onmouseOver="window.status =' none';return true">Pacific Online Academy</a>
30>¿Cómo cambiar el texto del mensaje en la barra de estado?
De forma predeterminada, cuando se carga una página web, la dirección y otra información de la página web se mostrarán en la barra de estado. ¿Quieres hacerlo más atractivo?
En el panel de comportamiento "Comportamiento" de DW, haga clic en el signo "+" para seleccionar la opción "Texto de la barra de estado" en "Establecer conjunto de texto", como se muestra en la figura,
ingrese algo como "Bienvenido a este sitio" en el " Ventana "Establecer texto de la barra de estado". Sitio web - Mensaje de administración de red" y otra información del mensaje.
31> ¿Cómo establecer un método de procesamiento de formularios para correos electrónicos?
Los formularios deben ser un elemento indispensable en la función interactiva de las páginas web. La función de un formulario se debe a la interacción de información, por lo que el procesamiento de formularios a menudo implica el uso de alta. Lenguajes de programación de red de alto nivel. Quizás digas: ¡Guau! ¡No puedo programar! No importa, de hecho, también se puede realizar algún procesamiento de contenido de forma simple por correo electrónico.
Primero mire el siguiente código:
<FORM name="content" método="post" action="Handler to be used" >>FORM>
Lo anterior es el código fuente HTML de un formulario típico, en el que METHOD determina el método , incluyendo Hay dos tipos: POST y GET. ACTION es el controlador que mencionamos anteriormente, que generalmente se puede implementar a través de ASP/PHP/CGI.
Entonces, ¿cómo hacerlo mediante el correo electrónico? action=mailto:[email protected], por lo que cuando se hace clic en el botón enviar, aparecerá una ventana emergente, como se muestra a continuación:
Haga clic en "Aceptar" y el contenido del formulario se enviará al buzón de correo especificado.
32> ¿Cómo crear un enlace de correo electrónico estandarizado?
El llamado "enlace de correo electrónico" significa que cuando hacemos clic en él, el navegador llamará automáticamente al programa cliente de correo predeterminado para enviar un correo electrónico.
Ingrese las palabras "PROBLEMA ENVIARME UN CORREO", arrastre el mouse para seleccionarlo, cambie al panel de propiedades y escriba el siguiente comando en el cuadro de entrada ENLACE:
Mailto: [email protected] ? Asunto=cartas de internautas&bc=otras direcciones de correo electrónico&bcc=otras direcciones de correo electrónico.
Como se muestra enla figura:
Mailto es el protocolo del enlace del correo electrónico, Asunto es el título del correo electrónico, bc es la dirección de correo electrónico que se copiará al mismo tiempo y bcc representa la copia ciega.
33> ¿Cómo crear un "enlace vacío"?
Un enlace vacío es un enlace sin un objeto de enlace. En un enlace vacío, la URL de destino está representada por "#". Es decir, al crear un enlace, simplemente ingrese la marca # en el cuadro de entrada ENLACE del panel de propiedades y será un enlace vacío.
La aparición de enlaces vacíos implica muchos factores, como algunas páginas que no se completan con regularidad, y para mantener la coherencia en la visualización de la página (el estilo del enlace es diferente del estilo de texto normal), puede utilizarlo.
34> Al hacer clic en un enlace vacío, la página a menudo se reinicia en la parte superior de la página. ¿Cómo solucionarlo?
En el navegador, cuando hacemos clic en un enlace vacío, la página actual se restablecerá automáticamente a la primera página, lo que afectará el contenido de lectura normal del usuario. Por supuesto, esperamos que permanezca sin cambios.
En este momento, puede utilizar el código "javascript:void(null)" para reemplazar la marca "#" original. Mirando hacia atrás, el problema se ha resuelto.
35> ¿Cómo personalizar enlaces que puedan saltar libremente dentro de la página?
Si se suscribe con frecuencia a algunas revistas electrónicas gratuitas en línea, debe estar familiarizado con este tipo de "enlace de pestaña". A través de una lista similar a un directorio, puede saltar fácilmente a cualquier parte de la página. Sin duda, su uso es específico. Diseñado para páginas web de "contenido extremadamente largo".
Primero determine hacia dónde apunta el enlace, es decir, dónde permanecerá después de que salte la pantalla. Ingrese a la sección "Invisibles" del panel "Objeto", seleccione el texto de destino y haga clic en el botón "Insertar ancla con nombre". La ventana es la siguiente.
Escriba el nombre de la etiqueta en "Nombre del ancla" y haga clic en Aceptar. Aparecerá automáticamente una línea de puntos roja debajo del texto para distinguirlo del contenido de texto normal. Tenga en cuenta que no aparecerán en el navegador.
Luego puede crear un enlace e ingresar "#nchor Name (el nombre de ahora)" en el cuadro de entrada LINK del panel de propiedades. Por supuesto, si desea señalar una ubicación determinada en otra página, también puede colocar esta pequeña cola allí.
36> ¿Qué debo hacer si creo muchos enlaces en una imagen al mismo tiempo?
Este problema es lo que normalmente llamamos "Imagen CALIENTE". Por supuesto, hay otro nombre en DW llamado "Imagen CALIENTE".
Seleccione la imagen. En este momento, hay una barra de herramientas "Mapa" en la esquina inferior izquierda del panel de propiedades. A la derecha hay tres botones para delimitar diferentes áreas. La
herramienta rectángulo se utiliza como ejemplo en la figura. , el mouse permanece en la imagen. Se mostrará en forma de "+", lo que significa que puede arrastrarla hacia la izquierda y hacia la derecha. Una vez completada,
puede completar la creación del enlace de múltiples áreas de puntos de acceso. Tenga en cuenta que las áreas no pueden superponerse.
37> ¿Cómo crear una imagen invertida que pueda responder a los eventos del mouse?
En muchas páginas web, a menudo vemos algunos títulos de columnas, que pueden cambiar a otra cosa cuando pasa el mouse sobre ellos. De hecho, muchos de ellos se consiguen utilizando dos imágenes diferentes, lo que se denomina efecto de "inversión de imagen".
Por supuesto, primero debe preparar dos imágenes exactamente del mismo tamaño con anticipación para asegurarse de que no haya molestias visuales al voltear. Haga clic en "Imagen en rollo" en el panel "Objeto"
para que aparezca la ventana "Configuración de imagen en rollo". de la siguiente manera:
respectivamente, haga clic en el botón "Examinar" para determinar las direcciones de "Imagen original" e "Imagen de rollover". Asegúrese de seleccionar la casilla de verificación "Precargar imagen de rollover" a continuación; de lo contrario, habrá un cierto retraso en la descarga cuando se deslice el mouse. efecto.
38> ¿Cómo crear una imagen de “volando por todo el cielo”?
En las páginas de inicio de muchos sitios web comerciales importantes, a menudo verá muchas imágenes publicitarias flotando de un lado a otro. Después de hacer clic, puede vincular a la dirección especificada en DW, esto se logra a través de Timelines.
Primero inserte la imagen de destino en la página web, selecciónela al mismo tiempo, haga clic en el botón "Timelins" en la plataforma de inicio rápido para ingresar a la ventana "Línea de tiempo", como se muestra en la imagen:
haga clic con el botón derecho en la posición de 1 fotograma en la línea de tiempo y seleccione "Agregar objeto". Aparecerá una barra de color azul (predeterminada de 1 a 15 fotogramas) en la línea de tiempo. Detenga la cámara en 15 fotogramas y mueva la imagen en la página hasta la posición final del movimiento.
Ahora que se ha completado una animación de movimiento simple, puedes ajustar la curvatura del camino agregando un fotograma clave en el medio. Haga clic en el botón de flecha derecha arriba para obtener una vista previa del efecto.
39> ¿Cómo crear una imagen "suspendida estáticamente" en la página?
La llamada "suspensión estática" significa que la imagen siempre intenta permanecer en una determinada posición en la página web, por lo que visualmente se siente como si estuviera "caminando" con la página, como si estuviera suspendida.
La realización de este efecto se logra mediante javascript, que generalmente requiere un cierto nivel de capacidad de programación. Afortunadamente, DW proporciona un complemento fijo para crear este efecto, por lo que es mucho más sencillo.
Primero, debe descargar el complemento stav, /u/info_img/2009-05/31/stav.zip, y descomprimir los dos archivos que contiene (incluido el archivo de imagen Cross Browser Static Division.gif y el archivo de página web Cross Browser Static Division.htm) se copian en el directorio de instalación de DW ConfigurationObjectsCommon.
Reinicie DW En el panel Objeto, verá que hay un elemento SI en la parte inferior, selecciónelo y establezca la distancia desde la capa flotante hacia la parte superior e izquierda en la ventana emergente, y luego inserte el Solo el especificado. Contenido (fotos aquí).
40> ¿Cómo hacer que el contenido de texto e imagen coexistan?
Todos sabemos que en DW, los objetos de imagen a menudo ocupan una línea, por lo que el contenido del texto solo se puede colocar en una línea paralela a ella. ¿Cómo se puede mostrar el texto alrededor de la imagen?
Seleccione la imagen y podrá ver un menú de propiedades "Alinear" en la esquina superior derecha del panel de propiedades. Seleccione
"Izquierda" como se muestra en la figura. En este momento, encontrará que el texto se ha organizado uniformemente en la imagen. lado derecho de la imagen.
41> ¿Cómo conectar varias ventanas?
El diseño de paneles siempre ha sido una característica importante de DW. En la versión DW4, ya se utilizan muchos paneles. Entonces, ¿cómo podemos usarlos de manera más eficiente?
La "conexión de ventana" es una función técnica que todos pueden personalizar convenientemente. En pocas palabras, significa que puede colocar dos o más paneles en una ventana según sea necesario.
Haga clic y arrastre la barra de pestañas de un panel a dos paneles. Cuando vea un borde negro, suelte el mouse. En este momento, los dos paneles se han fusionado en uno. La operación es como se muestra
en la figura: 42> Cómo usar. la página web ¿Ocultar algo?
En el diseño web, a veces necesitamos insertar algún contenido que no es necesario mostrar, como un sistema de estadísticas de tráfico, un sistema de análisis de acceso de usuarios, etc. En este momento, debemos considerar cómo ocultarlos, por supuesto, la premisa es. que su presencia no afectará el diseño de otros elementos de la página web.
Haga clic en el botón "Capas" en el panel "Objeto", arrastre el mouse para crear una nueva capa y coloque todo el contenido que debe ocultarse en ella, como se muestra en la imagen:
Haga clic en el cuadro pequeño en la parte superior izquierda de la capa para marcarla como seleccionada, y cambie al panel de propiedades al mismo tiempo, establezca el valor de Vis en "Oculto", como se muestra en la imagen:
¡Guau! Todo el contenido realmente desapareció
43> ¿Cómo crear un menú desplegable simple?
Los menús desplegables son muy comunes en las páginas web. Debido a que pueden ahorrar mucho espacio en la página web, se utilizan principalmente en situaciones en las que es necesario enumerar varios objetos, como listas de enlaces de amigos, direcciones de sitios web cooperativos, etc.
¡DW proporciona un método de producción extremadamente simple, para que no tengamos que escribir esos códigos aburridos!
Ingrese a la sección "FORMULARIO" del panel "Objeto", como se muestra en la figura:
haga clic en el botón "Insertar menú de salto" para abrir la ventana de configuración del "Menú desplegable":
ingrese el nombre del elemento del menú en "Texto" "; escriba la URL en "Ir a URL" o utilice el botón Examinar para seleccionar. Haga clic en la parte superior "+" Firma para ingresar nuevos elementos del menú, y todos los elementos se mostrarán en "Elementos del menú".
44> ¿Cómo hacer una línea delgada con un ancho de 1?
En DW, aunque la línea horizontal aparece en forma de "línea", al hacer líneas delgadas, ¡no funciona satisfactoriamente, principalmente porque es demasiado gruesa y no tiene la delicadeza requerida!
Luego podemos adoptar un método flexible para implementarlo a través de la aplicación de tablas.
Inserte una tabla con 1 fila y 1 columna en la página web, establezca el "CellPadding" y el "Cellspacing" de la tabla en "0", y configure el "BGColor" de la celda en rojo. Otros colores.
El paso más crítico es verificar el código fuente y eliminar el "" en <TD> </td>.
45> ¿Cómo hacer un cuadrado con un borde de 1?
Obviamente, todavía tenemos que completar la configuración de la tabla ahora.
Tal vez digas que esto no es simple! Simplemente cree una tabla con 1 fila y 1 columna, y luego establezca su valor de "borde" en 1. De hecho, la mesa hecha de esta manera no es un cuadrado con un borde de 1, ¡sino que es muy "grueso"!
Del mismo modo, primero inserte una tabla con 1 fila y 1 columna, establezca el "borde" y el "bolsillo celular" de la tabla en "0", y establezca el "Cellspacing" en "1". Establezca el "bgcolor" de la tabla en rojo (es decir, el color del borde), y establezca el "bgcolor" de la celda en blanco (es decir, el mismo color de fondo). El efecto es el siguiente:
46> ¿Cómo configurar diferentes navegadores para devolver diferentes páginas?
Diferentes navegadores admiten diferentes tecnologías y efectos. Por lo tanto, las páginas web que diseñamos pueden no mostrar correctamente u óptimamente en todos los navegadores. En este momento, es necesario un salto para determinar el navegador.
Cuando el usuario lo abre con diferentes tipos o versiones de los navegadores, se pueden devolver diferentes páginas para garantizar la navegación normal del usuario.
Haga clic en el botón "Comportamiento" en la plataforma de lanzamiento rápida, haga clicen
el signo "+" y seleccione "Verifique la navegación" en la lista desplegable.
47> ¿Cómo crear objetos que se puedan arrastrar en cualquier lugar de la página web?
Al visitar un sitio web, a menudo ve muchos elementos que pueden arrastrarse con el mouse, principalmente imágenes.
Este efecto se logra a través del comportamiento de la capa de "arrastre" de la capa. .
48> Cómo agregar una hoja de estilo externo (CSS) a una página web
. Las referencias CSS externas se implementan a través de la etiqueta <link>.
La etiqueta <link> incluye configuración de atributos HREF; Type; REL. Entre ellos, HREF: la URL de la dirección utilizada para calibrar el archivo de la página de estilo;
49> ¿Cuál es el propósito de establecer la base (dirección base) de una página web?
En la sección "Cabeza" del panel "Objeto", hay un botón llamado "base", que se utiliza para establecer la dirección base del sitio web.
Como todos sabemos, los métodos de enlace que usamos en DW son relativos, no absolutos.
Sin embargo, a veces solo necesitamos que no cambie, es decir, para obligarlo a usar una dirección fija, haga clic en el botón "Base", como se muestra en la figura:
escriba la URL de la dirección base en "href" y haga clic en "Ok" para hacerlo efectivo.
50> ¿Cómo localizar con precisión el contenido en una página web?
Esta es una pregunta de habilidad ilustrativa, por lo que la ponemos al final de las 50 preguntas. En la actualidad, el posicionamiento de contenido de la página web de DW se logra principalmente a través de tablas y capas.
La tabla utiliza principalmente cada celda para completar el diseño de diferentes contenidos. Independientemente de todos los navegadores son universales y no hay soporte técnico.
Hablando relativamente, usar capas es más informal. Lo único es que las capas solo son compatibles con versiones más nuevas de los navegadores, pero a juzgar por la situación actual, ¡no debería haber obstáculos!