Cómo utilizar una imagen como fondo en adobe dreamweaver cs6

La creación de fondos para las páginas web en Adobe Dreamweaver CS6 es divertido y puede llevarse a cabo en más de la mayoría de la gente podría imaginar. Se puede crear un patrón que se repite con una sola imagen pequeña, crear una marca de agua, o utilizar una imagen de gran tamaño para llenar un fondo entero.

Por defecto, un fondo HTML repite la imagen seleccionada hasta que se llene la pantalla. En combinación con las propiedades de CSS, se puede controlar o eliminar el comportamiento e incluso establecer un posicionamiento preciso repetir una única imagen de fondo.

Si usted está llenando un fondo con un patrón, asegúrese de crear una imagen de patrón que no tiene bordes discernibles.

Para utilizar a su ventaja por defecto, suelo de baldosas repetir una imagen de fondo, siga estos pasos:

En Photoshop, seleccione Archivo → Nuevo para crear una nueva imagen.

  • En el cuadro de diálogo nuevo que aparece, crear una imagen que es mucho más ancha que alta, elija RGB, seleccione 72 dpi, y luego haga clic en OK.

    Por ejemplo, introduzca 1000 en el campo de texto de anchura y 20 en el campo de texto Altura.

  • Seleccionar un primer plano y color de fondo para crear un Fortificados a continuación, utilizar la herramienta Degradado para Shift + arrastre desde la parte superior a la parte inferior del área de la imagen para crear un relleno degradado.

  • Seleccione Archivo → Guardar para web, guardar la imagen como un archivo JPEG en la carpeta de contenido web de su sitio, y luego cerrar la imagen.

  • En Dreamweaver, elija Modificar → Propiedades de la página o haga clic en el botón Propiedades de la página en el inspector de propiedades para colocar la imagen como imagen de fondo en su página web como.

    Si el botón Propiedades de la página no es visible, haga clic en la página - asegúrese de no seleccionar otro elemento, como una imagen.

    Aparece el cuadro de diálogo Propiedades de la página.

  • En el cuadro de diálogo Propiedades de página, haga clic en el botón Examinar a la derecha de la imagen de fondo. En la ventana que aparece, vaya a la ubicación de la imagen de fondo de salvado y, a continuación, haga clic en Aceptar.

  • De vuelta en el cuadro de diálogo Propiedades de página, haga clic en Aceptar.

    La imagen aparece en el fondo, repetición y la creación de un gradiente de fondo fresco a través de la página!

  • Dependiendo del tamaño y la resolución del monitor del usuario, su imagen de fondo puede verse obligado a repetir. La repetición de una imagen de fondo puede producir algunos resultados creativos.

    Video: tutorial quitar fondo a una imagen con adobe photoshop cs5 , cs6

    En ciertos casos, puede que no vea su fondo hasta que haga la vista previa / depuración en el navegador y la vista previa de la página en el navegador por defecto.

    Artículos Relacionados