Hacer una página web a partir de una plantilla que se crea en GIMP ( GNU Image Manipulation Program ) le permite comenzar a su página web de forma rápida con menos tiempo y esfuerzo. GIMP incluso le permiten manipular capas y hacer otros efectos más allá del alcance de los principiantes . El conocimiento de GIMP y cómo ponerla en tu web Código HTML será útil. Cosas que necesitará
GIMP (descarga gratuita para Windows , OS X , Linux )
Bloc de notas ( o cualquier otro editor de texto )
conocimientos de HTML ( ver nuestros otros artículos para la ayuda con lo básico ) guía
ver Más instrucciones
1

GIMP abre haciendo clic en el icono de una vez que haya descargado e instalado el programa desde el sitio web ( ver Recursos) . Seleccione " Archivo" y " Nuevo" antes de hacer clic drop "Plantilla " down menu . Seleccione la casilla De Plantilla en el menú desplegable que aparece, haga clic en la opción de pixel " 800x600 " . Otras opciones están disponibles para que usted intente en el futuro, pero esto es bueno para el uso general en una sesión de práctica de diseño web. Haga clic en " Aceptar".
2 Pulse

" Ctrl " y " b" , al mismo tiempo en el teclado si aparece una ventana llamada " caja de herramientas " en el margen superior no tiene pop-up . Dos quintas partes de la manera abajo de la ventana son dos cuadrados que se superponen . El que está en la parte delantera es el color de primer plano , el otro es el color de fondo . Haga clic en cada cuadro por separado y seleccionar el color del " cambio de color " de la ventana que aparecerá . En la ventana Cambiar color , haga clic en el puntero del ratón sobre la gran plaza que tiene los colores de la decoloración de uno a otro . Tonalidad, saturación, niveles de azul rojo, verde y se puede ajustar con las barras deslizantes a la derecha una vez que tenga su selección. Haga clic en " Aceptar" para guardar la selección y cerrar la ventana. Cambie el otro color ( fondo ) haciendo clic en la casilla detrás del que ha hecho clic antes en el cuadro de herramientas, dos quintas partes de su recorrido .
3

Haga clic en la " herramienta de mezcla " icono de la caja de herramientas. Si no está seguro qué icono se trata , se ciernen sobre los iconos con el ratón para encontrar el icono correcto . Debe quedar como una caja que tiene fundido gris a blanco. La caja de herramientas de la ventana no nos referiremos como el " lienzo " a pesar de que probablemente dice " sin título " y " 800x600 " en algún lugar en su margen superior . Haga clic en el lienzo en la esquina superior izquierda y arrastre el ratón hacia la parte inferior derecha de la pantalla para llenarlo con el color seleccionado en una pendiente . Si no se desea degradado, sólo tiene que seleccionar la "Herramienta de Relleno " y haga clic en el lienzo para rellenar con un color sólido .
4 Haga clic en Archivo

en la parte superior de la tela y , en el menú menú desplegable, seleccione Nuevo. Cuando la opción "Crear una Nueva Imagen " de la ventana emergente, cambie los valores de "Ancho " y "Altura ", por lo que se reducen en un 20 píxeles cada una a 780 píxeles de ancho por 580 píxeles de alto. Seleccione " Editar" y luego " Copiar" en el menú desplegable. Cambie a la primera lienzo y seleccione "Editar" y luego "Pegar " para pegar la imagen más pequeña en el original. Que se auto -center cuando se pega . Volver a la nueva lona (en blanco ) y ciérrelo. Haga clic en " Archivo" y en el menú desplegable, seleccione "Guardar como ". Inventa un nombre para el trabajo y guardarlo.
5

La página web se realiza a menos que desee cortar la imagen para usarla en HTML ( vea la siguiente sección) .
Hacer Slices GIMP (Utilizados HTML )
6

Crear la parte superior ( encabezado) del la página web. Haga clic en el "Rectángulo Herramienta de selección " en la caja de herramientas. Haga clic en la lona en la esquina superior izquierda extrema y arrastre para seleccionar los 20 píxeles de altura y la anchura ( 800 píxeles). Se puede decir que el número de píxeles que ha seleccionado en el rectángulo mirando la parte inferior de la ventana del lienzo para ver las dimensiones ( en píxeles ) junto a la palabra "Rectángulo ". Seleccione "Imagen" y desde el menú desplegable , seleccione "Recortar a la selección ". Seleccione " Guardar como" y recuperar el nombre de " top.jpeg " que refleja que el archivo es la parte superior de su página web. Cierre la página .
7

Crear el centro de la página web. Abra el archivo en GIMP que usted nombró , y guardó en el paso cuatro. Elija la opción " Rectángulo Herramienta de selección " de nuevo y seleccione un área en la sección central de la tela que se extiende por todo el ancho , pero es sólo un píxel de altura. Recortar para esta selección y guardar el archivo con el nombre " middle.jpeg " que refleja que el archivo es el modelo para el cuerpo de la página web.
8

Crear el fondo de la página web la misma manera que lo hizo la parte superior de la página web mediante la selección de una gran caja de 20 píxeles que abarca todo el ancho de la pantalla en la parte inferior de la página. Guarde este archivo como " bottom.jpeg . "
9

Hacer la página web del mismo ancho que la imagen en GIMP ( un ancho de 800 píxeles). Escriba en el HTML después de abrir la sección de la página.
10

En la parte superior , justo después de abrir la cuerpo de la etiqueta , añada src="top.jpeg" en el código HTML. Haga lo mismo menor en el código, justo antes de agregar la etiqueta < /body> con el mismo código que entró en la parte superior de la página , salvo que se lea < img src = " bottom.jpeg " width = " 600 "height = " 800 "> en el código .
11

Escriba el resto del código como lo haría normalmente en HTML para el texto y los gráficos .
< br >