Los mejores cursos GRATIS © AulaFacil.com
viernes, 19 diciembre 2014 español
Síguenos
Publica tu curso
Destacamos
    Cargando datos... [<<] [||] [>>]
Búsqueda personalizada

Curso gratis de Dreamweaver Básico - Dar Color a las Tablas (II)

Disponemos de varias formas de dar color a las líneas y el fondo de las Tablas.

Veamos otro ejemplo:

Comenzaremos con una tabla de 2 columnas y 4 Filas con los bordes ocultos. Debe verse en la vista Diseño de Dreamweaver tal como se muestra en la siguiente imagen:

 

dreamweaver

 

Ahora deseamos unir las dos celdas de la primera Fila.

  1. Marcamos las celdas.

dreamweaver

 

  1. Manteniendo las celdas marcadas, pulsamos el botón derecho del ratón. Pulsamos sobre Tabla y dentro del menú que aparece sobre Unir Celdas, "Merge Cells".

 

dreamweaver

 

Y veremos:

 

dreamweaver

 

 

Poner color

En nuestro ejemplo queremos poner color azul a la primera celda, y poner azul las líneas de la tabla. Comenzaremos coloreando de azul toda la Tabla.

  1. Seleccionamos la Tabla. Nos situamos en una línea exterior de la misma y cuando aparezca una cruz con flechas en las puntas pulsamos.

dreamweaver

 

  1. En la ventana flotante pulsamos sobre el botón correspondiente a Color de Fondo, Background Color o Bg Color, tal como se muestra en la imagen. Y seleccionamos un color entre las opciones.

 

dreamweaver

 

El resultado será el siguiente:

 

dreamweaver

 

  1. Seleccionamos todas las celdas menos la primera. Mediante el mismo procedimiento de seleccionar las celdas y poner Color de Fondo le ponemos un color crema.

 

dreamweaver

 

Y el resultado se mostraría en la vista Diseño de Dreamweaver:

 

dreamweaver

 

En Internet se vería como se muestra a continuación:

 

dreamweaver

 

Gracias por compartir y gracias por enlazar la página
Compartir en Facebook

¡Suscríbete GRATIS a nuestro boletín diario!:

Búsqueda personalizada
Suscríbete Gratis al Boletín

Escribir la dirección de Email:

Delivered by FeedBurner

Sigue a AulaFácil en:

Actividad en Nuestro Foro
Destacamos
    Cargando datos... [<<] [||] [>>]
Banner AulaFácil

Este es un producto de AulaFacil S.L. - © Copyright 2009
B 82812322 Apartado de Correos 176. Las Rozas 28230. Madrid (ESPAÑA)