¿Cómo hago una plantilla de sitio web?

Las plantillas de diseño de sitio web listas son pagadas ygratis, para todos los gustos. Sin embargo, todos ellos tienen un gran inconveniente: no son únicos. Incluso si compró una plantilla, alguien más puede comprarla.

Cómo ser, si quieres tener tu propio sitio web,y no puedes pedir un diseño de sitio web en un estudio profesional? Puede y debe intentar crear su propia plantilla de diseño para su sitio. Una plantilla es un tipo de preparación para el diseño de las páginas de su proyecto web, que luego completa con el contenido necesario.

Entonces, por dónde empezar El primer paso - consideración cuidadosa preliminar, cómoSi desea ver el diseño de su sitio, puede parecer superfluo. Sin embargo, solo a primera vista. Es mejor dibujar un diseño futuro en papel, experimentar con diferentes opciones y solo luego comenzar a trabajar en un editor de gráficos.

El siguiente paso, como probablemente ya hayas adivinado, está dibujando un diseño en un editor gráfico. Que al mismo tiempo elige el editor, una cuestión de gustos y preferencias personales. El paquete gráfico más común: Adobe Phohtoshop, así que considere la creación de una plantilla para el diseño del sitio en su ejemplo.

Las páginas de su sitio futuro serán las celdas de la tabla si usa el diseño o bloques de la tabla, si es bloque. Coloque la imagen que ha dibujado diseño de diseño el sitio en estas celdas o bloques es el siguiente paso para crear una plantilla de sitio. Para hacer esto, debe dividir una sola imagen en varias partes, por el número y el tamaño de las celdas o bloques que necesita.

En el programa Adobe Phohtoshop hay una herramienta especial para cortar imágenes - Herramienta de corte. Con esta herramienta, literalmente como un cuchillola imagen se corta en el número de piezas requerido. Se debe tener en cuenta que al completar el texto, algunas celdas o bloques de tabla en la página del sitio pueden "estirarse". Por lo tanto, para estas celdas es necesario recortar piezas de la imagen para que, al copiarlas, no creen la impresión de un mosaico.

Cuando la imagen se corta en la cantidad necesaria de partes, debe guardarla. En Adobe Phohtoshop, esto es fácil. En el menú Archivo necesitas seleccionar el elemento Guardar para dispositivos web. En el cuadro de diálogo que aparece, necesitasseleccione el tipo de archivo "HTML e imágenes", especifique el nombre del archivo "index.htm" o "index.html" (la extensión .htm es preferible) y guarde este archivo en la carpeta raíz de su sitio futuro. Si todo se hizo correctamente, el archivo index.html correspondiente y el directorio de imágenes aparecerán en esta carpeta. En imágenes, solo serán todas las piezas cortadas de la imagen.

¿Qué sigue? Solo queda editar el archivo index.html para que cuando lo llene con textoNo hubo ruptura de la imagen o rayas blancas. Para evitar estos problemas, es necesario seleccionar para qué celdas las imágenes deben ser de fondo, qué celdas se estirarán o combinarán. No se desanime si no tuvo éxito en recortar la imagen perfecta desde la primera vez, es posible que necesite algunos intentos dolorosos. Pero como resultado, el diseño de su sitio será exactamente lo que usted quería, y el sitio en sí mismo lo complacerá. originalidad y unicidad.

Basado en los materiales del sitio webstudio2u.net