Cómo usar las opciones de Table Cell en Dreamweaver

  1. Software
  2. Adobe
  3. Dreamweaver
  4. Cómo usar las opciones de Table Cell en Dreamweaver

Libro Relacionado

Por Janine Warner

Dreamweaver le permite especificar opciones para celdas individuales en una tabla. Cuando selecciona una celda, lo que puede hacer haciendo clic para colocar el cursor en cualquier lugar dentro del área de la celda, el inspector de propiedades cambia para mostrar las propiedades individuales de esa celda, como el formato y la alineación del contenido de una celda en particular.

Comenzando en Dreamweaver CS4, el inspector de propiedades ofrece configuraciones HTML y CSS. Los ajustes de CSS son generalmente preferidos y funcionan de la misma manera para el contenido de una celda de tabla que para el contenido de cualquier otra parte de una página web.

También puede cambiar varias celdas al mismo tiempo. Suponga que desea formatear algunas celdas de su tabla con un cierto color de fondo y estilo de texto. Puede aplicar las mismas propiedades a múltiples celdas seleccionando más de una celda a la vez. Cualquier propiedad que cambie en el inspector de propiedades se aplica a todas las celdas seleccionadas. Aquí hay consejos para seleccionar celdas:

  • Para seleccionar celdas adyacentes, presione la tecla Mayúsculas mientras hace clic para seleccionar celdas.
  • Para seleccionar varias celdas que no sean adyacentes, presione la tecla Ctrl y haga clic en cada celda que desee seleccionar.
  • Si tiene problemas para seleccionar una celda individual porque contiene una imagen, haga clic en la imagen y, a continuación, utilice la tecla ← o → del teclado para mover el cursor y deseleccionar la imagen, lo que activará el inspector de propiedades y mostrará las opciones para esa celda.

Cuando se seleccionan una o más celdas adyacentes, la mitad superior del inspector de propiedades controla el formato del texto y las URLs en las celdas de la tabla. La mitad inferior del inspector de propiedades proporciona las opciones de atributo de la celda de la tabla, como se indica a continuación:

  • Fusionar celdas seleccionadas usando el ícono de espacios: Fusiona dos o más celdas. Para combinar celdas, primero debe seleccionar dos o más celdas haciendo clic y arrastrando o presionando la tecla Mayúsculas o Ctrl mientras selecciona celdas múltiples.
  • Dividir Celda en Filas o Columnas: Divide una célula en dos. Al seleccionar esta opción, una ventana de diálogo le permite especificar si desea dividir la línea o la columna. A continuación, puede especificar el número de columnas o filas, que controla cuántas veces se divide la celda. Tenga en cuenta que puede aplicar la opción Dividir celda sólo a una celda a la vez.
  • Horz y Vert: Controla la alineación horizontal o vertical, respectivamente, del contenido de la celda.
  • W y H: Controla el ancho o la altura de la celda, respectivamente.
  • Sin envoltura: Evita que la palabra se envuelva en la celda. La celda se ensancha para acomodar todo el texto mientras la escribe o la pega en una celda. (Normalmente, el exceso de texto sólo se mueve hacia abajo a la siguiente línea y aumenta la altura de la celda.)
  • Cabecera: Formatea el contenido de una celda utilizando una etiqueta de encabezado, que muestra el texto en negrita y centrado por defecto en la mayoría de los navegadores web.
  • Bg (color): Haga clic en el pozo de color para seleccionar un color de fondo de la paleta de colores o introduzca un código de color hexadecimal en el campo de texto. Si utiliza la paleta de colores, el código hexadecimal se introduce automáticamente en el campo Color Bg. Asegúrese de incluir el signo # si añade su propio color hexadecimal o el color no se mostrará correctamente en muchos navegadores.

Aunque las opciones de alineación, color y formato en el inspector de propiedades son prácticas, el uso de CSS es la opción preferida.

No Responses

Write a response