¿Cómo configurar que no se complete el formulario dw?
23 de septiembre de 2007
En los últimos días, siempre hay gente publicando en BBS sobre problemas con formularios. De hecho, escribí un artículo sobre formularios el último tiempo. año Hoy volveré a discutir los efectos especiales de los formularios (básicamente el mismo artículo). Si el formulario es bueno o no, afecta directamente el efecto de la composición tipográfica y la velocidad de producción de la página. Hoy quiero estudiar a fondo varios temas de DW. formas. Insights (1): Por qué las tablas son mejores que las capas
En los últimos días, siempre hay gente publicando en BBS sobre tablas.
De hecho, escribí un artículo sobre tablas. artículo del año pasado
Hoy discutiré una vez más los efectos especiales de las mesas (básicamente el mismo artículo)
Si la mesa funciona bien o no afectará directamente el efecto de su diseño y producción de páginas. ¡La velocidad!
Experiencia (1): ¿Por qué el diseño de tabla es mejor que el diseño de capas?
A los amigos que acaban de empezar a aprender DW les gusta usar el diseño de capas. La razón principal es que la capa se puede colocar en cualquier lugar donde desee colocar el objeto y solo necesita arrastrar el mouse para ver. muy conveniente, pero cuando usé F12 durante la vista previa, me abofetearon. ¿Te arrepientes? Es mejor utilizar el diseño de la tabla. El posicionamiento de capas es diferente del posicionamiento de tablas. El posicionamiento de capas adopta un posicionamiento dinámico (citado de <
Experiencia (2): ¿Cómo eliminar las diferencias de resolución?
Este es un tema pasado de moda, pero siempre alguien lo pregunta. La mejor resolución de visualización para la mayoría de nuestras páginas web es 800*600, pero muchos hermanos usan 640*480 o 1024*768. ¿Cómo hacer que su página web sea más compatible? Solo necesita configurar el ancho de la tabla al 100%. resolver el problema.
Experiencia (3): ¿Por qué mi tabla cambia al obtener una vista previa?
A menudo vemos una vista previa de la tabla diseñada y descubrimos que la tabla parece cambiada, ya sea que la altura es más larga o el ancho es más ancho. La razón de esta situación es que cuando está diseñando, arrastra la altura o la longitud de la tabla con el mouse para alargarla o acortarla. De esta manera, DW agregará automáticamente un código más ancho o una altura más larga a su página web. código alto. Debido a que esto a menudo se hace durante el proceso de composición tipográfica, muchos de estos códigos de altura y ancho se agregan al código de su página web. Cuando obtenga una vista previa en el navegador, se mostrará de acuerdo con estos códigos, lo que cambiará la apariencia de la página. mesa. . Afortunadamente, DW le proporciona una solución. Después de presionar Ctrl + F3, haga clic en el borde del formulario con el mouse para abrir el panel de propiedades del formulario. Haga clic en el panel de propiedades (declaraciones HTML excepto la definición de altura del formulario). ), y (declaraciones HTML distintas al ancho definido por la tabla) Será mejor que las uses con moderación. Si no las usas bien, cometerás errores. Si tu página web usa imágenes cortadas, es muy difícil. utilizarlos para eliminar los espacios entre las imágenes.
Declaraciones de experiencia (HTML)
Lección (4): ¿Cómo hacer que la mesa sea tridimensional?
Cuando comencé a aprender cómo hacer una página de inicio, pensé mucho en hacer que el menú tuviera un efecto tridimensional. Al final, todavía usé imágenes para hacer el menú.
Ahora que conozco varios efectos tridimensionales, los compartiré contigo. Echemos un vistazo a los siguientes efectos:
Primero te diré los parámetros de las cuatro tablas (no los llenes). Si no los escribe, use los valores predeterminados del sistema), puede cambiarlo adecuadamente según sus necesidades.
Puede lograr el mejor efecto cambiando los parámetros. Solo necesita completar. estos parámetros en el panel de propiedades del formulario:
Formulario A: Cellpad:0; cellspace:0; p> Tabla B: Cellpad:0; cellspace:2; borde:1; Bg:#A7D2ED
Tabla C: borde:1;
Tabla D: Cellpad:0; cellspace:0; border:4; Light Brdr:#FFFFFF Dark Brdr:#A7D2ED
Tabla E: Cellpad:0 ; cellspace:0; border:1; Light Brdr:#999999; Dark Bgr:#A7D2ED
Experiencia (5): Consejos sobre imágenes de fondo de mesa.
Todos sabemos que al colocar una imagen de fondo en una tabla más grande, la imagen de fondo se llenará repetidamente hasta ocupar toda la página. Podemos usar esta característica de la tabla para reducir el tamaño de las imágenes en nuestras páginas web. Por ejemplo, la imagen degradada a continuación parece una imagen completa. En realidad, aprovecha la función de relleno repetido del fondo de la tabla. uno a la derecha. El tamaño de esta imagen es de solo 1,3k. No sería económico utilizar una imagen grande aquí. Este método también funciona bien si deseas insertar líneas horizontales.
Experiencia (6): Bordes de formulario delgados
Hay muchas formas de dibujar el borde de 1PIX de un formulario. Este es un método muy común:
1. , Insertar un formulario en la ventana de edición de DW.
2. Presione Ctrl + F3 o haga clic en el comando Propiedades de Ventana | para abrir el panel flotante de propiedades.
3. Utilice el mouse para seleccionar todo el formulario y opere de la siguiente manera en el panel flotante de propiedades: CellSpace: 0; Border: 0; Bg Color: #000000 (
This El color se puede personalizar según sea necesario (cambio).
4. Utilice el mouse para seleccionar todas las celdas de la tabla y establezca el parámetro Bg en el panel flotante de propiedades en #ffffffff. Esta configuración de color debe ser la misma que el color de fondo de su página. tu color de fondo es amarillo, este color también debe ser amarillo, lo sabrás después de probarlo.
Experiencia (7): Dibujar líneas horizontales y verticales en tablas.
Déjame decirte cómo dibujar líneas horizontales. Si las líneas horizontales están bien dibujadas, entonces no es necesario. ¡Promueve las líneas verticales!
1. Inserte una tabla de varias columnas en la ventana de edición de DW y abra el panel flotante de atributos al mismo tiempo
2. Seleccione una línea en el panel flotante de atributos y establezca el color de fondo de la línea al color de la línea que desea dibujar. Dibuje el color de una línea horizontal, en este caso establecida en Bg:#000000
3. Establezca la altura de esta celda en 1 en el panel flotante de propiedades, H:1
4. El paso más crítico: abra el editor de código fuente, elimine "
(espacio) en el código y podrá Ya terminaste.
Experiencia (8): cuadro de puntos de tabla
Mi sitio web tiene artículos sobre este tema (en la sección de habilidades del artículo, aquí está mi método de implementación, los resultados específicos son para todos). Puedes echar un vistazo
para ver el efecto de la página Cool Page Ver 4.0.
1. Primero haga dos imágenes pequeñas en Photoshop, dibuje una línea de puntos horizontal, el tamaño de la imagen es de 3 píxeles de ancho y 1 píxel de alto (nombre de archivo: 1.Photoshop.gif), complete el primer píxel en la imagen. gif), llene el primer píxel con negro (si está dibujando un marco de línea negro), use una lupa para maximizar la imagen al dibujar y haga clic con un lápiz. El tamaño de la línea vertical dibujada es de 1 píxel de ancho y 3. píxeles de alto Píxeles, el primer píxel está relleno de negro (nombre de archivo: 2.gif), el primer píxel está relleno de negro (nombre de archivo: 2.gif).
2. Inserte una tabla con tres columnas y tres filas en la ventana de edición de DW, combine las celdas de la primera fila de la tabla y luego combine las celdas de la tercera fila.
3. Rellene la primera fila del panel flotante con la imagen de fondo 1.gif a través de atributos y establezca la altura de la celda en 1 píxel. Recuerde eliminar esta celda (espacio) al modificar el código fuente. Haz lo mismo para la tercera fila. De esta manera, se dibujan los cuadros de puntos en los lados superior e inferior.
4. Ahora la segunda fila tiene tres columnas. Las columnas izquierda y derecha se insertan en 2.gif de acuerdo con el paso 3. Nuevamente, es necesario eliminarlos.
Experiencia (9): ¿Cómo hacer que el color de fondo de la tabla cambie cuando el mouse apunta a la mesa?
Primero observe el efecto de la imagen a continuación. Utiliza una hoja de estilo de tabla. Para lograr este efecto, solo necesita agregar
onmouseout="this.style en <. td> código. .backgroundColor=' '"
onmouseover="this.style.backgroundColor='#FFcccc'">, "#ffccc "es el color que desea cambiar cuando el mouse apunta al formulario
, necesitas cambiar el color. Aquí hay un ejemplo:
Experiencia (10): ¿Cómo usar un formulario para lograr el efecto de una imagen dentro de una imagen, es decir, una página dentro de una página?
La mayoría de los diseños de páginas web utilizan tablas. Usando tablas, puedes incrustar una unidad en una página web. Hay muchos beneficios al hacer esto, por ejemplo, a menudo dividirá el área actualizada en una unidad de tabla y luego incrustará el contenido que desea actualizar en esta unidad de tabla. Cuando actualice la página de inicio en el futuro, solo necesitará cargarlo. la página anidada. No es necesario actualizar la página de inicio en absoluto, ¿no es muy conveniente?
Escribí el ejemplo más simple
Código: