Cómo hacer una gran plantilla de página web con elementos de diseño

Hacer una gran plantilla de página web implica la creación de algo que es fiable y adaptable. Una plantilla eficaz es uno que puede ser utilizado en una variedad de contextos. Usted tiene que encontrar un equilibrio entre la creación de estructuras que son robustos y eficaces y que también permite a la gente a personalizar y adaptarlo para que se adapten a sus propias necesidades. Las principales tareas involucradas en la creación de una gran plantilla de página web incluyen el diseño, la construcción de HTML y crear un diseño utilizando CSS.

Instrucciones

1 Decidir la cantidad de contenido que desea que su plantilla de sujetar. Una plantilla Web normalmente se utiliza para mostrar los medios de comunicación incluyendo el texto, los datos de una base de datos, imágenes, audio, vídeo y posiblemente películas Flash. Crear un esbozo del contenido que desea una sola página en la plantilla que sea capaz de contener. Puede ser útil para trazar un diseño de su plantilla en papel, trabajando exactamente cuáles serán los elementos que la integran.

2 Generar el código HTML para su plantilla. Con referencia a la lista de contenidos para la plantilla, construir cada estructura HTML necesario en sus páginas. Utilizar el HTML en sus páginas sólo para crear estructuras para mantener el contenido, y evitar que se acumule en los elementos de estilo o diseño, ya que estos se mantienen mejor separado de la propia marca. Usar una variedad de elementos HTML en su plantilla, ya que estos se proporcionan para contener una variedad de tipos de contenido.

3 Crear el CSS para su plantilla. Preferiblemente en un archivo o archivos por separado, la lista de un conjunto de declaraciones de hojas de estilo en cascada para mostrar sus estructuras HTML de la forma deseada cuando se ve en un navegador. A todos los documentos de diseño o bocetos que tiene, y asegurarse de que su diseño presenta el contenido del sitio de la mejor manera. Trate de crear un diseño CSS que llevará a cabo igualmente bien en una variedad de navegadores, ya que los navegadores pueden variar en gran medida.

4 Construir la interacción en su plantilla. Se puede utilizar una serie de herramientas del lado del cliente para la interactividad, incluyendo CSS, JavaScript y Flash. La cantidad de interactividad que quiere en su plantilla puede depender de los tipos de sitios web que usted imagina. La interactividad en una página web puede mejorar la facilidad de uso y puede presentar el contenido del sitio de manera más eficaz. Considerar la adición de efectos de transición para menús y otros elementos del sitio web.

5 Probar su plantilla con el contenido real en ella. Crear una versión de muestra de la plantilla con contenido realista, tales como texto y medios de comunicación. Esto permitirá que usted pueda mostrar la plantilla, y también indicará los errores o problemas restantes. Es imposible comprobar la eficacia de un diseño de página web es hasta que lo vea con un contenido real, lo que es esencial para crear una demostración realista.

Consejos y advertencias

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