ubiquitour.com

Cómo hacer una plantilla de sitio web grande con elementos de diseño

Cómo hacer una plantilla de sitio web grande con elementos de diseño

Hacer una plantilla de sitio consiste en crear algo que es confiable y adaptable. Una plantilla eficaz es aquel que puede ser utilizado en una variedad de contextos. Usted tiene que encontrar un equilibrio entre la creación de estructuras que son sólidas y eficaces y también permitir a las personas a personalizar y adaptar a sus propias necesidades. Las principales tareas involucradas en la creación de una plantilla de sitio incluyen diseño, construcción de HTML y creación de un diseño mediante CSS.

Instrucciones

1 Decidir cuánto contenido quieres tu plantilla para sujetar. Por lo general se utilizará una plantilla Web para mostrar los medios de comunicación incluyendo texto, datos de una base de datos, imágenes, audio, videos y posiblemente Flash películas. Crear un contorno áspero del contenido que desea una sola página en la plantilla para estar en condiciones de explotación. Puede ser útil esbozar un diseño de la plantilla en el papel, trabajando exactamente cuáles serán los elementos dentro de ella.

2 Construir el código HTML de la plantilla. Con referencia a su lista de contenidos de la plantilla, construir cada requiere estructura HTML en sus páginas. Utilice el código HTML en sus páginas sólo para crear estructuras para mantener el contenido y evitar en los elementos de estilo o diseño, ya que estas mejor se mantienen separadas de la marca de sí mismo. Utilizar una variedad de elementos HTML en la plantilla, como éstos se proporcionan para una variedad de tipos de contenido.

3 Crear el CSS de tu plantilla. Preferiblemente en un archivo o archivos, lista un conjunto de declaraciones de hoja de estilos en cascada para mostrar sus estructuras HTML de la manera deseada cuando se ve en un navegador. Utilice documentos o dibujos que tiene y asegúrese de que su diseño presenta el contenido del sitio para mejor efecto. Tratar de crear un diseño CSS que llevará a cabo igual de bien en una variedad de navegadores, como los navegadores pueden variar grandemente.

4 Construir la interacción en su plantilla. Puede utilizar una serie de herramientas del lado del cliente para la interactividad, como CSS, JavaScript y Flash. Cuánta interactividad que desee en la plantilla puede depender de los tipos de sitios web que usted imagina. Interactividad en un sitio web puede mejorar la facilidad de uso y puede presentar el contenido del sitio más eficazmente. Considerar la adición de efectos de transición para menús y otros elementos del sitio Web.

5 Probar la plantilla de real contenido en ella. Crear una versión de muestra de la plantilla de contenido realista, como texto y los medios de comunicación. Esto le permitirá mostrar la plantilla y será también la bandera los restantes errores o problemas. Es imposible ver cuan efectivo es un diseño de página Web hasta que usted vea con contenido real, por lo que es esencial para crear una demostración realista.

Consejos y advertencias

  • Puede ser útil adaptar una plantilla para un tipo específico de sitio Web. Navegar por la Web para ver ejemplos similares.
  • Evitar hacer difícil modificar la plantilla. Una plantilla de sitio es aquella que puede ser adaptado para diferentes necesidades, por lo que debe ser fácil hacer cambios.