Cómo utilizar Dreamweaver para crear formularios web
o insertar menú> en la barra de inserción; seleccione "Tabla". Aparece el cuadro de diálogo del formulario que se muestra en la siguiente figura. Ya conocemos estos parámetros. Bueno: 2. Columna: 2. Los parámetros restantes permanecen en sus valores predeterminados. .
Tutorial de producción de páginas web de Dreamweaver: diseño de tablas
2. Generar una tabla en la interfaz de vista de edición. Los puntos negros en la esquina superior derecha, la esquina inferior derecha y la esquina inferior derecha de la mesa son las manijas de ajuste, que se utilizan para ajustar la altura y el ancho de la mesa. Cuando el cursor se mueve a este punto, la altura y el ancho de la tabla se pueden ajustar por separado. También se puede ajustar moviéndose a las líneas del borde de la tabla. (Como se muestra en la imagen a continuación)
Tutorial de producción de la página web de Dreamweaver: diseño de tablas
3. Mantenga presionado el botón izquierdo en la primera celda de la tabla y arrastre hacia abajo para seleccionar. Dos celdas. (Como se muestra en la imagen a continuación)
Tutorial de producción de páginas web de Dreamweaver: diseño de tablas
Luego seleccione el botón "Fusionar celdas" en el panel de propiedades expandido (como se muestra en el cuadro rojo abajo) . Fusionar celdas de la tabla. Si desea dividir celdas, puede usar el botón a la derecha del botón "Combinar celdas".
Tutorial de producción de páginas web de Dreamweaver: diseño de tablas
Los resultados combinados se muestran a continuación.
Tutorial de producción de páginas web de Dreamweaver: diseño de tablas
4. Utiliza el ratón para arrastrar el borde de la tabla y ajustarlo al tamaño adecuado.
5. Haga clic en la celda de la izquierda, luego ingrese las palabras "Apreciación de las obras fotográficas" y ajuste el tamaño, porque cada palabra debe ingresarse una vez en dirección vertical. Ajuste el tamaño de la cuadrícula si es necesario. Simplemente mueva el cursor del mouse al borde y arrástrelo.
6. Inserta imágenes y texto en las celdas superiores e inferiores de la derecha. La apariencia básica de la página está disponible.
Tutorial de producción de páginas web de Dreamweaver: diseño de tablas
7. Mueva el cursor al límite de la tabla y luego haga clic. Aparecerá un cuadro de ajuste alrededor de la tabla, indicando que toda la tabla está seleccionada. Luego, establezca el valor "Borde" en el panel de propiedades en un valor apropiado. Si es 0, el borde se mostrará como una línea discontinua en el modo de edición, por lo que no será visible al navegar.
Utiliza formularios para crear páginas que cumplan con tus requisitos.
A través de las operaciones anteriores, tenemos una comprensión preliminar del formulario. También cabe señalar que los paneles de propiedades correspondientes son diferentes cuando se opera toda la tabla y una celda.
Configuración del color de la tabla: Después de seleccionar toda la tabla, use el selector de color en el panel de propiedades para establecer el color de fondo. Las celdas también se pueden configurar individualmente. Haga clic con el mouse en la celda que desea configurar y otras operaciones son las mismas que las anteriores.
Veamos las diferencias entre estos paneles de propiedades.
El panel de propiedades de la tabla. Para mostrar este panel, primero debe seleccionar toda la tabla, como se mencionó anteriormente. Hay muchas opciones donde puede completar los parámetros requeridos. Como se muestra en la siguiente figura:
Tutorial de producción de páginas web de Dreamweaver: diseño de tablas
Después de seleccionar una celda, el panel de propiedades cambiará de la siguiente manera. La fila o columna seleccionada pertenece a la celda seleccionada. Como se muestra en la siguiente figura:
Tutorial de producción de páginas web de Dreamweaver: diseño de tablas
Varios métodos comunes de operaciones de tablas:
Fusionar: fusionar unidades continuas seleccionadas en una celda.
Segmentación: Dividir una celda en varias celdas.
Alineación horizontal: Hay tres tipos: (izquierda), (centro), (derecha).
Alineación vertical: dividida en (arriba) (medio) (abajo) (alineación de referencia)
La tabla también puede agregar o eliminar filas o columnas. Haga clic derecho en la celda. Seleccione Opciones de tabla >> Seleccione Insertar fila o columna en el menú contextual. El sistema mostrará el siguiente cuadro de diálogo.
Tutorial de producción de páginas web de Dreamweaver: diseño de tablas
Rellena los datos en el cuadro de diálogo. Lo último de lo que quiero hablar es de cómo seleccionar varios elementos en la tabla:
Seleccione una fila y mueva el cursor a la izquierda de la celda más a la izquierda de la fila. El cursor cambiará a una flecha. Haga clic para seleccionar una fila.
Seleccione una columna, mueva el cursor a la celda superior de la columna, el cursor cambiará a una flecha y luego haga clic para seleccionar una columna.
Seleccione toda la tabla y mueva el cursor a la esquina superior izquierda, al borde derecho o a la línea del borde inferior de la tabla. Haga clic para seleccionar la tabla completa. Aparece un cuadro negro alrededor de la tabla seleccionada, lo que indica que toda la tabla está seleccionada. Tenga en cuenta las siguientes banderas:
Seleccionar celdas. Se pueden seleccionar varias celdas al mismo tiempo. Para seleccionar celdas consecutivas, el cursor primero selecciona una celda, luego presione la tecla Mayús para seleccionar la última celda. Seleccione celdas no contiguas. Mantenga presionada la tecla Ctrl y haga clic en la celda deseada.
Esto es todo por el uso de tablas. Las tablas son la tecnología básica de la producción de páginas web y sólo pueden dominarse por completo mediante la práctica continua.