Cómo construir un marco Web

Los marcos son sistemas que se pueden utilizar como puntos de partida para los proyectos. La construcción de su propio marco para sus sitios web puede reducir la cantidad de tiempo que pasa en las partes aburridas: organización de archivos, escribir código básico de HTML y diseños basados ​​en CSS de construcción. La Web está llena de marcos construidos para usos más específicos, tales como marcos de hojas JavaScript o estilo. Cuando la construcción de su propia, combinar lo mejor de ellos en su propio sistema.

Cree una carpeta en su computadora para el marco. Abra la carpeta y agregue las siguientes subcarpetas:

imágenes

estilos

guiones

Estas subcarpetas no tienen los mismos nombres exactos que se enumeran más arriba, pero su uso le ayudará a organizar sus scripts, hojas de estilo, imágenes y otros archivos.

Desarrollar un archivo HTML del esqueleto que contiene todo el código necesario para la creación de páginas web básicas. Los desarrolladores web con más experiencia deben tener un arsenal de ready-made, el motor de búsqueda y carga de velocidad de código optimizado en los archivos de su propio trabajo. Tanto los desarrolladores web profesionales y programadores HTML noveles deberían considerar la descarga de un texto modelo existente.

Descargue e instale un marco CSS como 960 Grid System, Blueprint CSS o menos Framework. Cada uno de estos marcos se suma una biblioteca de clases de la columna de capacidad para sus sitios web y acelera el desarrollo de diseños basados ​​en CSS. Algunos marcos de referencia, como Blueprint CSS, también agregan estilos tipográficos base. Siga las instrucciones del marco para agregarlo a su archivo HTML repetitivo. Recuerde que debe organizar todos los archivos CSS dentro de las subcarpetas "css" de su marco.

Descargue e instale un marco CSS como 960 Grid System, Blueprint CSS o menos Framework. Cada uno de estos marcos se suma una biblioteca de clases de la columna de capacidad para sus sitios web y acelera el desarrollo de diseños basados ​​en CSS. Algunos marcos de referencia, como Blueprint CSS, también agregan estilos tipográficos base. Siga las instrucciones del marco para agregarlo a su archivo HTML repetitivo. Recuerde que debe organizar todos los archivos CSS dentro de las subcarpetas "css" de su marco.

Agregar las bibliotecas de interfaz de usuario jQuery y jQuery con su repetitivo HTML. Plugins jQuery son mucho más fáciles de instalar que los sitios web que los archivos JavaScript sencillos, y se pueden encontrar muchos disponibles de forma gratuita en la web. La biblioteca de interfaz de usuario jQuery añade una serie de interacciones del usuario con jQuery, como elementos que pueden arrastrarse, clasificar los elementos de lista y calendarios selector de fecha.

Haga una lista de los plugins jQuery que utiliza la mayoría de las veces, e instalarlos en su marco. Recuerde que debe añadir los nuevos guiones debajo de las referencias de la interfaz de usuario jQuery y jQuery para que funcionen. Plugins comunes incluyen menú desplegable, deslizadores de imagen y la forma potenciadores Web. Considere la posibilidad de combinar todos estos plugins en un archivo JS para tiempos de carga más rápidos.

Consejos y advertencias

En lugar de escribir su propio texto modelo HTML, comenzar con HTML5 repetitivo. Este texto modelo está muy bien equipado con código optimizado para Google y viene con algunas herramientas de desarrollo adicionales.