Diseño Web Fácil Con Estos Consejos Básicos


No intentes encajar demasiado en una página cuando diseñes un sitio Web. Si su página está demasiado ocupada, tardará mucho más en cargarse y puede abrumar a los visitantes. Cuando vas a poner mucho contenido, crea páginas para todo lo que puedas para reducir el desorden en tu página.

Quick Tip No intentes encajar demasiado en una página cuando diseñes un sitio Web. Si su página está demasiado ocupada, tardará mucho más en cargarse y puede abrumar a los visitantes.

Independientemente de la cantidad de sitios web que haya diseñado, el aspecto de su sitio cuando haya terminado es un elemento importante, quizás el más importante. Si su sitio web es fácil de navegar, estéticamente agradable, y lleno de gran contenido, sus visitantes serán más propensos a pagar una visita repetida. Echa un vistazo a las siguientes sugerencias, que pueden ayudarle a hacer su próximo sitio web aún más impresionante y eficaz.

Evite intentar agregar cada nuevo gadget a su sitio Web. Puede ser tentador hacer que su sitio se vea de vanguardia al incluir cada nueva opción de diseño web por ahí, pero puede terminar apagando a la gente. Simple generalmente hará el trabajo incluso mejor que un diseño llamativo.

Quick Tip Evite intentar agregar cada nuevo gadget a su sitio Web. Puede ser tentador hacer que su sitio se vea de vanguardia al incluir cada nueva opción de diseño web por ahí, pero puede terminar apagando a la gente.

Busque nuevas ideas en los foros dedicados al diseño web si usted quiere una ventaja, o simplemente para aprender más. Usted puede encontrar la respuesta a casi cualquier pregunta de diseño web simplemente buscando con su motor de búsqueda favorito.

Evite el uso de fotogramas. La mayoría de los sitios han abandonado los marcos por su cuenta como mejores alternativas han llegado a estar disponibles, pero todavía hay sitios que están atrapados en 1996. Las alternativas a los marcos de navegación incluyen paneles de exploración de posición fija, tener navegación en múltiples áreas (por ejemplo, izquierda e inferior) o simplificar la estructura de la página para que los enlaces de navegación nunca estén lejos.

Quick Tip Evite el uso de fotogramas. La mayoría de los sitios han abandonado los marcos por su cuenta como mejores alternativas han llegado a estar disponibles, pero todavía hay sitios que están atrapados en 1996.

En Internet hoy en día, la velocidad es donde está. Por lo que debe asegurarse de que todo en su sitio se carga rápidamente. Si un visitante del sitio termina esperando un largo tiempo para que su página web se cargue, definitivamente dejará su sitio en busca de un sitio similar que se cargue más rápido y nunca recomendará a nadie a su sitio.

Preste mucha atención a los fondos del diseño de su sitio. Ciertos sitios contienen fondos GIF que se mueven, y aunque puede parecer agradable, puede ser más difícil leer el contenido de la página. Su audiencia tendrá una experiencia de navegación más placentera si su fondo es propicio para leer su texto.

Web Que

Utilice páginas de error personalizadas para que su sitio web sea más informativo. Por ejemplo, si desea que las personas informen de vínculos fallidos en su sitio, coloque un script del lado del servidor en su página 404 o tenga un formulario o dirección de correo electrónico que los visitantes puedan usar para notificar el error. Debe tener páginas personalizadas para los errores 403, 404 y 500, como mínimo.

Quick Tip Utilice páginas de error personalizadas para que su sitio web sea más informativo. Por ejemplo, si desea que las personas informen de vínculos fallidos en su sitio, coloque un script del lado del servidor en su página 404 o tenga un formulario o dirección de correo electrónico que los visitantes puedan usar para notificar el error.

Compre un programa de diseño web que lo ayude en el camino. Los programas están disponibles para ayudarle a crear sus sitios web que se ven profesionales. La gente no visitará su sitio a menos que les guste cómo luce y funciona.

Cree un sitio Web escalable y confiable. A medida que avanza la tecnología y los monitores siguen cambiando, no puede probar su sitio en todas las plataformas y tamaños de pantalla. Asegúrese de que el diseño, el hospedaje y el código sean escalables. Hazlo asegurándose de que esté libre de errores y de que la carga sea fluida. Esto le ayuda a crear un buen diseño que funcione para muchas circunstancias.

Quick Tip Cree un sitio Web escalable y confiable. A medida que avanza la tecnología y los monitores siguen cambiando, no puede probar su sitio en todas las plataformas y tamaños de pantalla.

El blanco es un color de fondo eficaz y visualmente atractivo para un Web site. El contenido es generalmente más legible en el fondo blanco, y esto hace que su página se vea más profesional y confiable. Los diseños de fondo complicados y artísticos se ven bien, pero a menudo pueden distraer al lector. Simple es casi siempre la mejor opción para el fondo.

A lo largo del proceso de diseño, es esencial asegurarse de que los diseños de su sitio se ve y funciona de la manera que usted desea que en cada navegador web, por lo que siempre lo compruebe en todos los navegadores web comunes. Su sitio puede parecer muy diferente en diferentes navegadores, así que no te pille desprevenido! Usando los recursos disponibles, determine qué navegadores son los más populares entre su objetivo demográfico. Asegúrese de ver su sitio en los navegadores web más utilizados y tantos navegadores móviles como sea posible.

Quick Tip A lo largo del proceso de diseño, es esencial asegurarse de que los diseños de su sitio se ve y funciona de la manera que usted desea que en cada navegador web, por lo que siempre lo compruebe en todos los navegadores web comunes. Su sitio puede parecer muy diferente en diferentes navegadores, así que no te pille desprevenido! Usando los recursos disponibles, determine qué navegadores son los más populares entre su objetivo demográfico.

Revisa tu sitio web para obtener enlaces rotos regularmente. El mejor momento para hacer esto es justo antes de que FTP la página sobre el servidor. Los visitantes que se encuentren con enlaces rotos y errores no se alojarán en su sitio el tiempo suficiente para ver su producto. Asegúrese de que todo está en funcionamiento para evitar que esto suceda.

Si el diseño de su sitio web necesita ser móvil amigable, tenga en cuenta que los dispositivos móviles tienen pantallas más pequeñas y ancho de banda limitado. Para tener en cuenta las pantallas más pequeñas, debe intentar diseñar su sitio web como una sola columna estrecha para que el usuario sólo necesita navegar verticalmente, en contraposición a ambos horizontal y verticalmente. El ancho de banda limitado significa que debería estar más preocupado por sus tamaños de archivo. También puede optar por crear una versión independiente de su sitio web específicamente para dispositivos móviles.

Quick Tip Si el diseño de su sitio web necesita ser móvil amigable, tenga en cuenta que los dispositivos móviles tienen pantallas más pequeñas y ancho de banda limitado. Para tener en cuenta las pantallas más pequeñas, debe intentar diseñar su sitio web como una sola columna estrecha para que el usuario sólo necesita navegar verticalmente, en contraposición a ambos horizontal y verticalmente.

Hay muchos boletines disponibles que distribuyen información de diseño web probada y novedosa. Firma algunos de ellos para mantenerte inspirado y darte un diseño web «red de seguridad» en el que puedes confiar para mantener tu base de conocimiento sobre el tema. Los diseñadores web pueden obtener grandes beneficios de los boletines informativos, ya sean aficionados autodidactas o profesionales experimentados.

Utilice siempre el mismo tipo de fuentes para que los invitados a su sitio no se agiten al leer diferentes tipos de fuentes. Usted quiere que la gente navegue a través del sitio con facilidad para que puedan concentrarse en el material en el sitio y lo que el sitio tiene para ofrecer.

Quick Tip Utilice siempre el mismo tipo de fuentes para que los invitados a su sitio no se agiten al leer diferentes tipos de fuentes. Usted quiere que la gente navegue a través del sitio con facilidad para que puedan concentrarse en el material en el sitio y lo que el sitio tiene para ofrecer.

Comience sus intentos de diseño web con sitios simples que se pueden evaluar para problemas potenciales. Es necesario comenzar con algunas páginas básicas con la información suficiente para que pueda determinar cómo se siente.

Cuando progresas a través de tus etapas de diseño web y tienes un sitio que está en funcionamiento, quieres asegurarte de que no esté abarrotado de anuncios. A la gente no le interesan los anuncios, pero lo odian cuando hay muchas cosas que dificultan la navegación a través de su sitio, y no quiere que la gente se enoja.

Quick Tip Cuando progresas a través de tus etapas de diseño web y tienes un sitio que está en funcionamiento, quieres asegurarte de que no esté abarrotado de anuncios. A la gente no le interesan los anuncios, pero lo odian cuando hay muchas cosas que dificultan la navegación a través de su sitio, y no quiere que la gente se enoja.

Trate de leer algunos consejos en línea antes de diseñar ese primer sitio. Esto le ayudará a crear rápidamente grandes sitios. Sin esa información correcta, podría terminar con un sitio que tiene un diseño deficiente que la gente quiere evitar.

Trate de leer algunos consejos en línea antes de diseñar ese primer sitio. Esto le ayudará a crear rápidamente grandes sitios. Sin esa información correcta, podría terminar con un sitio que tiene un diseño deficiente que la gente quiere evitar.

La Configuración

Photoshop es un software que es importante aprender si desea entrar en el diseño web. Curiosamente, el programa complementario de Photoshop, Dreamweaver, es mucho menos conocido, aunque se trata de una herramienta diseñada para el diseño web. Los muchos beneficios potenciales que Dreamweaver puede ofrecerle, hacen que valga la pena investigarlo.

Quick Tip Photoshop es un software que es importante aprender si desea entrar en el diseño web. Curiosamente, el programa complementario de Photoshop, Dreamweaver, es mucho menos conocido, aunque se trata de una herramienta diseñada para el diseño web.

Cuando uses FileZilla como servidor de archivos, asegúrate de programar la configuración rápida del menú con tu dominio, tu nombre de usuario y el puerto correcto. Haciendo esto, hará que el registro en mucho más fácil, ya que sólo puede seleccionar la configuración. Eso ahorra mucho tiempo.

Las pruebas de usabilidad basadas en tareas son una excelente manera de determinar cuán efectivo es el diseño de su sitio Web. En general, el propósito de las tareas es localizar alguna información o funcionalidad que esté enterrada en su sitio Web. Si su sitio web está bien diseñado, el usuario no debe tener ninguna dificultad para completar la tarea. Por otro lado, si no lo es, la tarea puede darle una idea de qué áreas de su sitio web podrían utilizar la mejora.

Quick Tip Las pruebas de usabilidad basadas en tareas son una excelente manera de determinar cuán efectivo es el diseño de su sitio Web. En general, el propósito de las tareas es localizar alguna información o funcionalidad que esté enterrada en su sitio Web.

No pague por la literatura si está buscando aprender a construir un sitio Web. Puede que no sea una mala inversión. Hay muchos libros y revistas precisas por ahí llenas de información útil. Pero usted puede encontrar esta información de forma gratuita. Los libros que cuestan dinero no te dicen nada diferente a los que no.

Todos estamos acostumbrados a ver las letras «www» al principio de la dirección de un sitio Web. Pero este sub-dominio bien conocido no siempre es necesario para obtener acceso a un sitio. Asegúrese de que su sitio funcione con o sin esto, ya que podría perder mucho tráfico por los usuarios que no saben que funciona de ambas maneras.

Quick Tip Todos estamos acostumbrados a ver las letras «www» al principio de la dirección de un sitio Web. Pero este sub-dominio bien conocido no siempre es necesario para obtener acceso a un sitio.

Siempre debe crear un mapa del sitio visual para que pueda planear con anticipación con precisión. Con un mapa del sitio visual, verá exactamente cómo se está desarrollando su estructura. Desde aquí, usted será capaz de localizar cualquier área que necesita algunas mejoras o cualquier área que pueda haber descuidado. No hay sustituto para una clara visual del proyecto.

Hay un montón de lugares que usted puede comprobar hacia fuera en la web que puede ayudarle a aprender HTML. Usted puede aprender un montón de información de varios foros y sitios, y algunos de ellos incluso le ofrecen actualizaciones con la información más reciente que hay que saber en la web que puede ser muy beneficioso para usted.

Quick Tip Hay un montón de lugares que usted puede comprobar hacia fuera en la web que puede ayudarle a aprender HTML. Usted puede aprender un montón de información de varios foros y sitios, y algunos de ellos incluso le ofrecen actualizaciones con la información más reciente que hay que saber en la web que puede ser muy beneficioso para usted.

Al hacer varias páginas para diferentes subcategorías en su sitio, la función copiar/pegar puede ser su cosa favorita acerca de su PC! En lugar de reescribir un nuevo código para cada página, simplemente copie una sección principal de su código desde la primera página. A continuación, puede utilizar esto como la base para sus próximas páginas, haciendo pequeños cambios donde sea necesario. La reutilización de la copia maestra del código HTML de su página web hará que el diseño sea más sencillo.

Inspira en otras páginas que sientas que puedes obtener grandes influencias para que tu sitio se convierta en una pieza de excelente trabajo. Usted quiere tomar en las cosas que te gusta de otros sitios y evitar añadir en cosas que no te gusta hacer su sitio mejor que sus competiciones.

Su Sitio

Si su sitio web es una empresa comercial, puede ahorrarse un montón de problemas y posibles pérdidas por esmasticar el alojamiento web gratuito. El hosting gratuito puede sonar bien, pero la multitud de anuncios ahuyentar a los visitantes. Esto afectará negativamente a su diseño y hará que los clientes se van y no regresen, lo que le costará más de lo que el hosting nunca haría.

Quick Tip Si su sitio web es una empresa comercial, puede ahorrarse un montón de problemas y posibles pérdidas por esmasticar el alojamiento web gratuito. El hosting gratuito puede sonar bien, pero la multitud de anuncios ahuyentar a los visitantes.

Recuerda esto cuando publiques algo importante en tu sitio: alto y lejano-izquierdo. Así es como la gente Lee, de izquierda a derecha, por lo que tener las partes más importantes de su sitio ubicado en la parte superior de su sitio y a la izquierda se asegurará de que sus visitantes vean y lean esto antes de cualquier otra cosa en su sitio Web.

Haga que su sitio sea lo más atractivo posible, si hay algo que pueda agregar a su sitio como encuestas o enlaces a sitios populares como Facebook y Reddit.com, entonces usted quiere hacer esto. Quieres que la gente se interese con tu sitio al mantenerlos interesados en el contenido nuevo que pueden amar a medida que pasa el tiempo.

Quick Tip Haga que su sitio sea lo más atractivo posible, si hay algo que pueda agregar a su sitio como encuestas o enlaces a sitios populares como Facebook y Reddit.com, entonces usted quiere hacer esto.

¿Tienes un logo? Si es así, Colóque en la parte superior de cada página de su sitio. Es una manera fácil de vincular todas sus páginas y hacer que su sitio sea una entidad coherente. Además, esto construirá el reconocimiento de marca para su sitio. El logotipo debe contar visualmente una historia sobre su empresa.

Asegúrese de incluir una página «acerca de nosotros» en su sitio web mientras lo diseña. No sólo añadir bloques de texto que son aburridos para leer-jazz un poco! Proporcione información de fondo, tal vez incluya algunas fotos de usted mientras trabaja para llegar al punto donde se encuentran hoy.

Quick Tip Asegúrese de incluir una página «acerca de nosotros» en su sitio web mientras lo diseña. No sólo añadir bloques de texto que son aburridos para leer-jazz un poco! Proporcione información de fondo, tal vez incluya algunas fotos de usted mientras trabaja para llegar al punto donde se encuentran hoy.

La mayoría de los nombres de dominio sorprendentes ya han sido reclamados. Es posible que desee considerar la posibilidad de comprar un nombre de dominio en un sitio de subastas como SEDO. Estos sitios ofrecen acceso a docenas de nombres de dominio, incluyendo aquellos que fueron abandonados o vendidos.

Asegúrese de que la llamada a la acción (CTA) de su sitio web se resalta en su diseño web. Si el visitante no puede encontrar fácilmente lo que realmente quiere que hagan a continuación, entonces usted será duro presionado para conseguir que se mueven hacia adelante en su ciclo de acción. Llame a su CTA usando iconos, espacio en blanco, un aumento de tamaño de fuente, en negrita o algún otro cambio de formato que funcione con su diseño.

Quick Tip Asegúrese de que la llamada a la acción (CTA) de su sitio web se resalta en su diseño web. Si el visitante no puede encontrar fácilmente lo que realmente quiere que hagan a continuación, entonces usted será duro presionado para conseguir que se mueven hacia adelante en su ciclo de acción.

Un gran lugar para obtener un nombre de dominio para el sitio web que desea diseñar es a través de subastas de dominio. Las subastas de dominios, como SEDO, son lugares fantásticos para comprar nombres de dominio que ya se han creado y esto podría beneficiar a su sitio en gran medida. Si bien puede costar un poco, un buen nombre de dominio vale la pena.

Es importante asegurarse de que la empresa que está contratando para cumplir con su diseño web tiene una buena reputación. Usted debe hablar con clientes anteriores para asegurarse de que son capaces de cumplir con sus deberes de manera oportuna y que la calidad del diseño que producen es buena. Esto puede ayudarte a asegurarte de que obtienes la página web que realmente quieres.

Quick Tip Es importante asegurarse de que la empresa que está contratando para cumplir con su diseño web tiene una buena reputación. Usted debe hablar con clientes anteriores para asegurarse de que son capaces de cumplir con sus deberes de manera oportuna y que la calidad del diseño que producen es buena.

Si acaba de comenzar con su sitio web, Ahorre dinero mediante el uso de Grid o hosting compartido en lugar de un servicio dedicado. Esto es porque no se puede ver cuánto tráfico se obtiene, y no es necesario pagar más de lo que debe.

Si eres un diseñador web asegúrate de crear un espacio de trabajo para ti que ofrezca la menor cantidad de distracciones. Esto le permitirá centrarse en su trabajo y resultará en un ambiente de negocios más productivo y eficiente.

Quick Tip Si eres un diseñador web asegúrate de crear un espacio de trabajo para ti que ofrezca la menor cantidad de distracciones. Esto le permitirá centrarse en su trabajo y resultará en un ambiente de negocios más productivo y eficiente.

Gane la buena voluntad de su cliente con un sitio web bien diseñado y fácil de navegar. Diseñar su sitio de esta manera hará que sea más exitoso, lo que también puede conducir a un mejor éxito financiero, también.

Asegúrese de que el sitio es compatible con diferentes navegadores. Debe probar su sitio en Internet Explorer y Netscape para asegurarse de que el contenido puede ser visto por los visitantes que están utilizando cualquiera de los navegadores. No sólo Compruebe que funciona en uno y lanzar el sitio.