¿Cómo hacer una repetición de la etiqueta en Dreamweaver

Los diseñadores Web utilizan la repetición de HTML, o background-repeat, la etiqueta para crear fondos de imágenes para hojas de estilo en cascada o CSS, recipientes, celdas de tabla y páginas web enteras. Los azulejos de la etiqueta de repetición y repite como imagen de fondo para cubrir un área entera de una página Web. Dreamweaver, un programa que lleva el diseño de páginas web, le permite insertar y repetir las imágenes de fondo contextualmente, basado en el área de la página que se está trabajando. Por ejemplo, puede repetir una imagen de fondo en un recipiente CSS desde el diálogo de regla CSS caja.

Instrucciones

Añadir un fondo de repetición de una página entera

1 Abrir una página HTML de Dreamweaver existente en la que desea crear un fondo que se repite, o iniciar una nueva página HTML: Haga clic en el menú "Archivo" y seleccione "Nuevo". Esto muestra el cuadro de diálogo "Nuevo documento". Seleccione la opción "HTML" como el tipo de página y el diseño deseado de la lista Presentación, a continuación, haga clic en "Crear".

2 Haga clic en el menú "Modificar", y seleccione "Propiedades de la página." Esto abre el cuadro de diálogo Propiedades de la página.

3 Seleccione la opción "Aspecto (CSS)" en la lista Categoría. Haga clic en el botón "Examinar" junto al campo de la imagen de fondo para abrir el cuadro de diálogo Seleccionar origen de imagen. Navegue hasta la imagen que desea utilizar como un fondo para su página, seleccionarlo y elegir la opción "Aceptar". La imagen de fondo típico es un pequeño gráfico de un patrón o textura que se teja bien y verse bien como un fondo detrás de su contenido web.

4 Haga clic en el "Repetir" en el menú desplegable de Propiedades de la página, y elegir la opción "Repetir". También puede separar en cuadros en el gráfico de fondo sólo su eje X o Y, o de forma horizontal o vertical, ya sea por la elección de "repeat-x" o "repeat-y" en el menú desplegable Repetir.

5 Haga clic en Aceptar." Dreamweaver repite y azulejos la imagen para cubrir toda la página web.

Añadir un fondo de repetición a un contenedor de CSS

6 Abrir una página HTML de Dreamweaver existente en la que desea crear un fondo, o iniciar una nueva página HTML: Haga clic en el menú "Archivo" y seleccione "Nuevo". Esto muestra el cuadro de diálogo "Nuevo documento". Seleccione la opción "HTML" como el tipo de página y el diseño deseado de la lista Presentación, a continuación, haga clic en "Crear".

7 Haga clic en el menú desplegable "Regla de destino" en el panel Propiedades y seleccione el objeto de CSS que desea editar y haga clic en el botón "Editar regla". Por ejemplo, si usted tiene la regla CSS que define una zona de barra lateral de la página, puede modificar esa regla para agregar una imagen de fondo repetitiva en la barra lateral. Esto abre el cuadro de diálogo de definición de reglas CSS.

8 Haga clic en "fondo" en la lista Categoría, haga clic en el botón "Examinar" junto al campo de la imagen de fondo para abrir el cuadro de diálogo Seleccionar origen de imagen. Navegue hasta la imagen que desea utilizar como un fondo para la regla CSS, seleccionarlo y elegir la opción "Aceptar".

9 Haga clic en el "background-repeat" en el menú desplegable de Propiedades de la página, y elegir la opción "Repetir".

10 Haga clic en Aceptar." Dreamweaver repite y azulejos la imagen para rellenar el área de la página formateada por la regla CSS.

Consejos y advertencias

• Debe utilizar los patrones de colores claros y apagados y texturas como fondos, por lo que no hacen que el contenido de frente difíciles de ver y leer.