Cómo crear esta web Fondos

January 7

Un fondo atractivo y discreto para su página web, si lo haces bien, le da a su sitio web un aspecto muy profesional. Con un poco de conocimiento de Photoshop o Paint Shop Pro, e incluso menos conocimiento de las hojas de estilo en cascada, puede hacerlo usted mismo.

Instrucciones

Tres maneras de obtener gráficos de fondo

1 Dos sitios web donde se pueden descargar imágenes de fondo página web gratuitas se enumeran en la sección Recursos.

2 Si usted tiene OpenOffice.org, la suite de productividad libre y abierto, instalado en su ordenador, puede utilizar las imágenes de fondo web incluidas. En Windows XP, estos archivos se encuentran en C: \ Archivos de programa \ OpenOffice.org 3 \ Base \ share \ Gallery \ www-back.

El software de OpenOffice.org está disponible bajo la Licencia Pública General de GNU (LGPL) y la licencia de documentación pública (PDL).

3 Con un programa como Photoshop o Paint Shop Pro, haga sus propios gráficos pequeños para usar como el dibujo de fondo de su sitio web.

Hacer una baldosa fondo rayado

4 Para hacer un pequeño fondo de azulejos en Paint Shop Pro, seleccione "Archivo" y luego "Nueva Imagen". Este azulejo tendrá rayas verticales minúsculos en rosa y blanco.

5 La imagen debe estar en 72 dpi de resolución, y sólo 1 píxel de altura y 2 píxeles de ancho.

6 Seleccione "Ver" y acercar tanto como sea necesario para ver la imagen con claridad.

7 En el selector de color, elegir el blanco para el color de fondo y el color rosa pálido para el color de la pintura.

8 Ahora, seleccione la herramienta "Pincel".

Seleccione la casilla de opciones de herramientas en la parte superior de la pantalla. Aparecerá una ventana con "Opciones de la herramienta - del cepillo de pintura." Seleccione "Square" para la forma de la brocha y "1" para el tamaño.

10 Toque ligeramente la brocha a la parte derecha de la imagen. Es a su vez de color rosa.

11 Guarde su trabajo con un nombre como whitepink.jpg.

Aplicar el fondo a su página web

12 Hacer una hoja de estilo para su página web, que contiene este fragmento de código:

body {background-image: url (whitepink.jpg);

background-repeat: repeat; }

Esto hace que un fondo allover para su página web. Para tener la repetición de imagen sólo verticalmente, que le dará la orden "repeat-y" o "repeat-x" para tener que repetir solamente de izquierda a derecha. Para mostrar la imagen sólo una vez, el comando es "no-repeat."

13 Guarde su hoja de estilos como feb09.css o el nombre que desea utilizar.

14 Ponga este poco de código en algún lugar dentro de las etiquetas <head> de la página HTML.

15 Sube la página HTML, el archivo feb09.css, y el fondo de mosaico gráfico para su sitio web, sin olvidarse de usar el modo binario para el modo ASCII gráfico y regular durante los dos archivos de texto.

dieciséis

Ahora mira a la página que acaba de hacer en su navegador. Se parecerá el ejemplo de la izquierda.

Consejos y advertencias

Para facilitar la lectura, el texto en su página web debe contrastar con los colores que utiliza en su fondo.
archivos gráficos grandes causan, en las páginas web se carguen lentamente. Hacer sus archivos gráficos tan pequeño como sea posible, tanto en términos de tamaño del archivo y el tamaño de los gráficos que aparecen.