Tecnología

Inicio

Cómo hacer un Fondo líquido en Dreamweaver

software de desarrollo Web de Adobe Dreamweaver puede crear dos tipos de fondo: fijo y líquido. Una imagen de fondo fijo se mantiene en la misma posición cuando el usuario cambia el tamaño del navegador; un fondo líquido, por el contrario, cambia su posición en función del tamaño de la ventana del navegador. Aunque Dreamweaver incluye varios diseños líquidos preconfigurados, la creación de su propio fondo líquido para una página Web le ayuda a familiarizarse con el programa y los estilos CSS que controlan la apariencia de una página Web.

Instrucciones

1 Iniciar Dreamweaver. Haga clic en "Archivo", luego "Nuevo". Asegúrese de que "página en blanco", "HTML" y "<ninguno>" se seleccionan, a continuación, haga clic en "Crear".

2 Haga clic dentro del panel Estilos CSS en la esquina superior derecha de la ventana de Dreamweaver. Seleccione "Nuevo".

3 Tipo de "cuerpo" en el campo Nombre del selector. Haga clic en "Aceptar", luego haga clic en "Sí".

4 Haga clic en "fondo" en la ventana que se abre. Haga clic en el botón "Examinar", a continuación, vaya a la imagen que desea utilizar como fondo de líquido. Haga doble clic en la imagen; si un cuadro de diálogo aparece, haga clic en "Aceptar".

5 Haga clic en el "background-position (X)" en el menú desplegable y seleccione "(valor)." Abra el menú desplegable "px" y seleccione "%". Haga clic en "(valor)" y escriba "100" Haga clic en Aceptar."

6 Haga clic dentro del documento de Dreamweaver y seleccione "Estilos CSS" en el menú que aparece. Haga clic en "cuerpo".

7 Pulse la tecla "F12" y haga clic en "Sí". Escriba un nombre para el documento y pulse "Enter" para previsualizar el fondo en su navegador web predeterminado. Haga clic y arrastre cualquiera de los extremos derecho e izquierdo de la ventana del navegador para ver el fondo del líquido en efecto.