9 Directrices Para hacer que los sitios en desarrollo más rápido, más sencillo y más diversión

Es esencial comenzar siempre con la actitud apropiada al tratar con el montaje de su cobertizo y desarrollo de sitios web de Internet no es diferente. Uno de los mayores bloqueos de carreteras que experimenté en mi viaje es mi propia preocupación de "ensuciarse" con el valor. Durante los primeros cuatro décadas, que era un lado inicial Página Web chico ... no aventurarse a proyectarse en el valor a menos que definitivamente tenía que No fue hasta que me convertí en duda decepcionado con las características restringidas de la aplicación que me acerqué poco a poco mi camino en el estudio de algo de HTML

Paso # 1:. El Pre-Paso

Si usted es como yo, tu primera reacción cuando usted sube con un nuevo concepto es apresurarse inmediatamente a la PC y activar. No tan rápido, mi amigo. Una de las acciones más sencillas y eficaces que puede tomar para crear su estilo de vida menos traumática es tomar un segundo y, básicamente, esbozar el marco del diseño que se ve en los certificados.

Se podría audio ridículo y descuidado, pero crea una distinción significativa. Es como si el cerebro al instante se concentra una vez que usted pone su concepto sobre el documento. Al colocarlo en el documento, a determinar exactamente qué componentes desea tener en cada página, lo que debería ser el aspecto general global y el sentimiento, y usted proporciona a sus pensamientos una ruta concreta y específica en la que apuntar.

Ningún asunto lo estúpido que puede o no puede parecer, esbozar el diseño de su primera

Paso # 2: Disponer de los archivos

Si estás usando actuales requisitos de diseño web (y debe ser), entonces todos los sitios web a desarrollar tendrá un conjunto idéntico de archivos primarios: 1) headlines.php, 2) bottom.php, 3) sidebar.php, 4) design.css y 5) sus páginas de material personal (es decir, el catálogo, aproximadamente, ponerse en contacto con nosotros, etc.). Ir hacia adelante y crear estas informaciones la derecha del palo. Usted sabe que los necesita, por lo que acaba de crear, y consistirá en un archivo PC catalog.php (Nota: si no estás seguro de lo que me refiero aquí o cómo hacerlo, consulte el cuadro de la fuente abajo) .

Esto consigue el rendimiento principal de su sitio web fuera del camino, de esa manera usted puede concentrarse en el desarrollo y se puede analizar su estancia sitio web para ver cómo se ve

Paso # 3.: Construye tu página web Layouts

Aquí es donde usted tendrá que elegir exactamente qué componentes de las páginas de su sitio web tendrán y dónde van a ir (no estamos preocupados por lo que parecen, sin embargo). ¿Cuáles serán sus titulares parece? ¿Va a tener varios contenidos o sólo uno? ¿Va a tener una barra de enrutamiento en la parte superior o en la barra lateral? ¿Va a tener una barra lateral? ¿Qué pasa con el pie de página? Donde va a ir? ¿Qué tipo de componentes ¿tendrá

Aquí es donde usted pone el marco principal de su sitio web - tipo de como el desarrollo de las superficies de una casa. Usted no está ilustraciones y aferrándose a las imágenes, sin embargo, - en cambio, va a crear la estrategia que decide cómo todo se junta. Ponga todo esto primero

Paso # 4:. Realizar Básica CSS Styling

Ahora que usted tiene sus "paredes" para arriba, es una oportunidad para empezar a añadir un poco de material aislante y sheetrock y ver cómo todas las miradas. En otras condiciones, tendrá que hacer un poco de diseño muy primaria. Obtenga su divs encubrieron cómo desea -. Los niveles y tamaños adecuados, su marco principal y la forma

Un poco de técnica que utilizo es crear todos mis divs primarios (que por lo general deben ser titulares, el material, la barra lateral, y pie de página) un tono diferente, así que sé que div es que cuando miro en un navegador en línea y puedo ver si todo está organizando como quiero que lo haga. En realidad, voy a seguir estos tonos utilizados en la mayor parte de mi diseño realice, para que pueda ver cómo todo está llegando juntos

Paso # 5:. Construya sus elementos de diseño

Esto es donde 'll invertir una gran cantidad de su energía y la energía - y, usted invierte en Photoshop (o lo que el diseño del sistema que se use). Aquí es donde usted crea sus imágenes telón de fondo, logotipo, cafés, cabeceras, y así sucesivamente. Aquí es donde la mayor parte de la innovadora realizan realmente ocurre.

Construya sus componentes de diseño, analizarlos, y obtener exactamente lo que ellos quieren. No cambie desde aquí hasta que lo tienes exactamente como usted lo desee. Y, por supuesto, usted puede optar por delegar este aspecto de su desarrollo, pero, por lo menos si lo hace, usted tiene un concepto mucho más evidente de qué tipo de componentes que necesita - que puede preservar la hora, dinero en efectivo y decepción

Paso # 6:. Compatibilidad Examine Browser

Yo analizar mis estilos en Chrome como Las desarrollo, por lo que sin duda tengo que crear seguro de cómo ofrece al viajero Internet mi página web. En este factor, que quiere dejar de fumar y hacer esto para los componentes significativos de diseño que ha diseñado hasta ahora. No hay nada más molesto que el desarrollo de toda una página web sólo para descubrir que hace que internet fuera de los viajeros a tener un paro cardíaco.

Puede parecer aburrido, pero creer en mí ... dejar aquí mirar. Usted tiene mucho menos valor para llevar a cabo a través y si te las arreglas los problemas importantes ahora, por lo general lleva a cabo a menos realizar lo que tienes que hacer más adelante

Paso # 7:. Incluir Tecnología Web

Ahora, usted tiene sus componentes significativos del diseño hacia abajo, usted tiene su sitio web en su mayoría en la posición, y es una oportunidad de añadir en sus importantes componentes de innovación tecnológica. Es esencial para hacer esto ahora antes de hacer cualquier diseño CSS más tiempo, por lo que se puede ver como que la innovación tecnológica se integrará en su sitio web. Si va a crear un concepto de WordPress (que se puede hacer siguiendo este mismo método) este factor cuando se integraría el valor WordPress PHP en su diseño

Paso # 8:. Innovador estilo CSS

En este factor, debe tener su sitio web en su mayoría diseñado estructuralmente ... ahora, usted puede comenzar a completar su diseño CSS. Otro factor a tener en pensamientos es que este nivel nunca termina. Siempre estoy remodelando mi web aquí y allá. El aspecto excelente es con CSS puede diseñar componentes muy particular y obtener exactamente cómo te gustan

Paso # 9:. Validación

¿En serio ... aprobación. Para algunas personas, esto puede ser opcional, pero, para mí, no lo es. Creación de un sitio web que valida es la indicación de un desarrollador web establecida. Además, se dice que la mirada de los motores se concentra en esto. En realidad no es tan difícil de hacer y, en general, me obliga a 30 minutos a tiempo para afectar a cabo. Su valor así periodo suficiente en cuanto a popularidad, fiabilidad, y las posiciones de SEO en línea.

envolviéndolo All Up

Bueno, ese es mi punto de engañar y de la técnica actual que utilizo para diseñar sitios web web . Me tomó cerca de cinco décadas conseguirlo a una tecnología como esta, pero era el valor en el final. Por supuesto, no somos capaces de proteger a cualquier sujeto en demasiados detalles aquí, así que si desea explorar el diseño web, asegúrese de echar un vistazo a mi caja de la fuente de abajo Restaurant  .;