Cómo hacer Plantillas Web

Las plantillas son útiles para el diseño Web comunes, y pueden ser vendidos a otros para una buena ganancia. Las plantillas se pueden crear fácilmente con unas pocas herramientas de diseño sencillas. habilidad artística puede ayudar mucho en el proceso, pero no es necesario.


Contenido

  • Creación del diseño gráfico
  • Creación de la plantilla html

  • Cosas que necesitará

    • Adobe Photoshop 6+ (ver Recursos más adelante)
    • o GIMP (ver Recursos más adelante)
    • Adobe Dreamweaver (ver Recursos más adelante)

    Creación del diseño gráfico

    • Abrir Photoshop y crear una nueva imagen con una resolución de 1024 x 768. Asegúrese de que la imagen tiene un fondo transparente.

    • Utilice la herramienta de relleno para crear un color de fondo para la página. A continuación, en la sección "Filtros" en el menú archivo, haga clic en la herramienta "Texturizer". Aplicar una textura al color.

    • Crear una nueva capa, y utilizar las herramientas de rectángulo o un rectángulo redondeado para crear una barra de navegación y las cajas de contenido y logo.

    • derecha, haga clic en la capa que las cajas están en y seleccione "Opciones de fusión". Esto abrirá un menú donde se puede aplicar biseles, sombras y muchos otros efectos a las cajas.

    • Guarde el archivo de una imagen .jpg en la carpeta de plantilla Web como.

    Creación de la plantilla HTML

    • Dreamweaver abierto y crear un nuevo archivo .html.

    • Crear una nueva capa, e insertar la imagen que acaba de crear. Haga clic en "Propiedades de la página" en la parte inferior de la pantalla, y el partido de fondo de la página con el fondo de la imagen.

    • Seleccione la imagen y utilizar el rectángulo, óvalo, y las herramientas de polígonos en la parte inferior izquierda de la pantalla para crear puntos calientes alrededor de todos los botones de navegación.

    • Guarde el archivo como "template.html"

    Artículos Relacionados