¿Desea Crear Un Sitio Web Interactivo? ¡Prueba Estos Grandes Consejos!


No descuides las hojas de estilo en cascada. El uso de una hoja de estilos hace que sea fácil dar a todas las páginas de su sitio el mismo aspecto y sensación. También reduce el tamaño de archivo de las páginas, ya que el archivo CSS se puede acceder una vez en el servidor y, a continuación, desde la caché local del usuario a partir de entonces.

TIPS No descuides las hojas de estilo en cascada. El uso de una hoja de estilos hace que sea fácil dar a todas las páginas de su sitio el mismo aspecto y sensación.

Diseñar un sitio exitoso no siempre es algo fácil de hacer. Independientemente de su experiencia de diseño, se puede sentir abrumador! Hay numerosos detalles para llevar un registro de. ¿Qué colores utilizarán? ¿Qué tipo de diseño o formato empleará? Además, siempre hay que estar al tanto de las tendencias actuales. Si desea diseñar un sitio web vibrante y exitoso, haga uso de la información que se le ha proporcionado aquí.

Asegúrese de que el texto y el fondo tengan el contraste adecuado. Hay evidencia que muestra que el texto blanco sobre un fondo negro es más fácil de leer para la mayoría de las personas, pero otros colores están bien mientras sean legibles. También tenga en cuenta que es posible que las personas con deficiencias visuales no puedan leer su sitio si el contraste es deficiente. Compruebe si su sitio cumple con varios estándares de contraste utilizando la herramienta en http://snook.ca/technical/colour_contrast/colour.html.

TIPS Asegúrese de que el texto y el fondo tengan el contraste adecuado. Hay evidencia que muestra que el texto blanco sobre un fondo negro es más fácil de leer para la mayoría de las personas, pero otros colores están bien mientras sean legibles.

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.

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.

TIPS 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.

Implemente siempre poderosas capacidades de búsqueda de sitios al diseñar un sitio web grande. Lo mejor es poner un cuadro de búsqueda en la esquina superior derecha de su página de inicio. Asegúrese de que cualquier persona puede buscar cualquier elemento que se incluiría en su sitio. Puede obtener funciones de búsqueda para mejorar su sitio web en FreeFind y en Google.

Aunque es común ver la www. en la parte delantera de la URL de un sitio web, debes intentar asegurarte de que puedes acceder a tu sitio, ya sea que elijas incluirlo o no. Esto hará que sea mucho más fácil para cualquier persona acceder independientemente de cómo lo escriba.

Como Photoshop

Evite crear controles de interfaz de usuario (IU) que engañen a sus visitantes. Estos controles incluyen elementos, widgets y más que crean una experiencia interactiva, como un vínculo, una lista desplegable o un botón. No desea hacer que los visitantes piensen que al hacer clic en una palabra o frase subrayada, por ejemplo, conducirá a una nueva página si no está realmente vinculada a otra cosa. Cuando sus visitantes tienen expectativas de algo que funciona de cierta manera y no lo hace, es más probable que asuman que hay algo mal en su sitio y se van.

TIPS Evite crear controles de interfaz de usuario (IU) que engañen a sus visitantes. Estos controles incluyen elementos, widgets y más que crean una experiencia interactiva, como un vínculo, una lista desplegable o un botón.

Para ayudar a los diseñadores web a empezar a crear un sitio de buen aspecto que debe utilizar Photoshop. El uso de un programa como Photoshop puede ayudar a los diseñadores web aficionados a crear sitios de aspecto profesional muy rápido. Si usted no tiene un programa superior como Photoshop, puede hacer que sea difícil y mucho tiempo para adquirir suficiente conocimiento para construir un sitio realmente agradable, rápidamente.

Cuando un usuario ingresa información personal en un formulario de su sitio web, dé al usuario la opción de que el servidor conserve esa información en caso de que sea necesario de nuevo. Guardar la información de los usuarios como datos de registro, por lo que no tiene que ser ingresado más de una vez en diferentes formas. Si utiliza estos datos en su beneficio, los usuarios podrán ahorrar tiempo a medida que navegan por su sitio.

TIPS Cuando un usuario ingresa información personal en un formulario de su sitio web, dé al usuario la opción de que el servidor conserve esa información en caso de que sea necesario de nuevo. Guardar la información de los usuarios como datos de registro, por lo que no tiene que ser ingresado más de una vez en diferentes formas.

Los marcos son una característica para eliminar si está intentando optimizar su sitio para los motores de búsqueda. Los usuarios pueden gustar páginas con Marcos incluidos, pero la información dentro de esos marcos no se incluye en los motores de búsqueda. Cuando la información no se ve, su ranking con los motores de búsqueda va más abajo. Esto llevará a una reducción en los visitantes.

Mientras que usted puede ser inclinado a añadir un montón de campanas y silbatos a su sitio web, gráficos parpadeantes, música fuerte y colores de neón sólo distraerá del propósito de su sitio Web. Los visitantes que son bombardeados por demasiados lugares de interés y sonidos pueden estar inclinados a salir de su sitio Web antes de que incluso empezar a navegar. Mantén los colores simples y el contenido relevante y el diseño de tu sitio web será un ganador.

TIPS Mientras que usted puede ser inclinado a añadir un montón de campanas y silbatos a su sitio web, gráficos parpadeantes, música fuerte y colores de neón sólo distraerá del propósito de su sitio Web. Los visitantes que son bombardeados por demasiados lugares de interés y sonidos pueden estar inclinados a salir de su sitio Web antes de que incluso empezar a navegar.

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.

Mantenga su educación en curso. Los sitios web están cambiando constantemente, todos los días, y si dejas de aprender cosas nuevas, es posible que te encuentres detrás del paquete con tus diseños. Trate de convencerse a sí mismo para aprender una cosa nueva cada día, ya sea la programación de un nuevo fondo, o una configuración HTML simple.

Su Sitio Web

Asegúrese de que su sitio web utiliza una fuente consistente en todo. Algunos sitios web cambian las fuentes de forma willy-nilly sin ninguna razón de diseño para hacerlo. Esto hace que el contenido sea difícil de procesar para los visitantes. La mayoría de los sitios web, especialmente los sitios web de negocios, se pegan bien a fuentes básicas como Arial, Veranda o incluso Times New Roman.

TIPS Asegúrese de que su sitio web utiliza una fuente consistente en todo. Algunos sitios web cambian las fuentes de forma willy-nilly sin ninguna razón de diseño para hacerlo.

Los tipos de archivos que utiliza para los gráficos de su sitio web afectan directamente a los tamaños de archivo que a su vez afectan a la rapidez con que se carga su sitio Web. Por lo general, es mejor usar GIFs o JPEG para sus gráficos. Aunque los archivos PNG y MBP pueden ser las mejores opciones para los gráficos Web, se toman demasiado espacio en disco. Debe convertir los gráficos en un tipo de archivo más manejable que hará una experiencia más agradable para sus usuarios.

A medida que diseñe su sitio, incorpore la paginación CSS independiente para los exploradores y haga uso de la carga condicional. La aplicación de estas dos técnicas hace que las pruebas y el mantenimiento del sitio web consuman menos tiempo en el futuro. Eventualmente tendrá que mantenerlo y esto lo hará fácil.

TIPS A medida que diseñe su sitio, incorpore la paginación CSS independiente para los exploradores y haga uso de la carga condicional. La aplicación de estas dos técnicas hace que las pruebas y el mantenimiento del sitio web consuman menos tiempo en el futuro.

Asegúrese de que los tiempos de carga de su sitio web son rápidos y eficientes. Si las personas que visitan su sitio están esperando a que las páginas se carguen, el aburrimiento se establecerá rápidamente y se marcharan. Intente reducir su número de gráficos, Flash y script en sus páginas, optimizando su HTML, utilizando archivos SSI, utilizando el almacenamiento en caché de cliente y servidor, creando encabezados de caducidad y minimizando su codificación JS y CSS.

Intente minimizar el uso de la imagen. Por lo general, los diseños más simples son más efectivos para el usuario. Así que Mantén tu sitio simple, pero también ordenado. Evite saturar páginas con imágenes grandes y voluminosas que tienen largos tiempos de carga. Trate de ser creativo con el diseño y el uso de su «ojo.» Por ejemplo, utilice puntos focales llamativos para conseguir que un espectador visite algo específico.

TIPS Intente minimizar el uso de la imagen. Por lo general, los diseños más simples son más efectivos para el usuario.

Evite el uso de captchas, excepto en el caso de un nuevo registro de usuario. Tan pronto como un espectador ve un CAPTCHA, automáticamente pensarán que tendrán que hacer mucho trabajo simplemente ver su página web. A menos que este visitante ya sea un seguidor dedicado, probablemente sólo van a hacer clic en su navegador hacia otro rincón de Internet.

Nunca muerda más de lo que puede masticar al intentar diseñar varios sitios a la vez. Usted debe mantener las cosas simples por sólo trabajar en un sitio a la vez. Incluso si usted tiene algunas habilidades de diseño web, usted puede ser cruzado con sus proyectos, o uno de sus sitios puede sufrir negligencia. Sólo toma las cosas una a la vez.

El Video

Cualquier persona que desee diseñar un sitio de gran aspecto debe considerar pasar mucho tiempo en la imagen del encabezado. Esto es lo que los visitantes notan tan pronto como inician sesión en su sitio web, por lo que tener algo que está en el tema y visualmente atractivo es un buen movimiento. Crear el tuyo propio en lugar de usar un encabezado prefabricado es la mejor manera de ir.

TIPS Cualquier persona que desee diseñar un sitio de gran aspecto debe considerar pasar mucho tiempo en la imagen del encabezado. Esto es lo que los visitantes notan tan pronto como inician sesión en su sitio web, por lo que tener algo que está en el tema y visualmente atractivo es un buen movimiento.

El video es un elemento cada vez más importante para cualquier sitio web, así que asegúrese de que su servicio de hosting pueda acomodarlo. Muchos hosts no permiten el video en absoluto, mientras que otros restringirán la cantidad de ancho de banda que puede usar antes de pagar una tarifa. No pierdas tiempo construyendo vídeos para ser alojados en un sitio que no permite el espacio que necesitas para FLV o archivos similares.

Sigue practicando cuando comiences a aprender diseño web para que puedas probar pequeñas cosas y recordarla en el futuro. Utilice la práctica para aplicar el conocimiento que lea aquí para facilitar el aprendizaje. Usted no quiere sólo temporalmente aprender algo y luego encontrar que ha olvidado esta información cuando lo necesita.

TIPS Sigue practicando cuando comiences a aprender diseño web para que puedas probar pequeñas cosas y recordarla en el futuro. Utilice la práctica para aplicar el conocimiento que lea aquí para facilitar el aprendizaje.

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.

Usa los titulares en tu sitio Web. Debe usar un texto grande y fácil de leer para que el espectador los vea inmediatamente cuando estén siguiendo enlaces. Los taglines son una manera fácil para que los visitantes determinen si una página es relevante para sus necesidades.

TIPS Usa los titulares en tu sitio Web. Debe usar un texto grande y fácil de leer para que el espectador los vea inmediatamente cuando estén siguiendo enlaces.

Cualquier anuncio que pongas debe ser mínimo en tamaño. Esto puede hacer que la gente se sienta incómoda. Incorpore contenido que no abarrote el sitio. Esto permite a los visitantes ver una página web que es profesional en el diseño y los impulsa a regresar.

Hacer pruebas en su sitio para asegurarse de que está en funcionamiento correctamente en diferentes sistemas operativos y diferentes tipos de navegadores, así. Cuando lo haga, cubra todas sus pistas y asegúrese de que tantos usuarios como sea posible puedan navegar por su sitio.

TIPS Hacer pruebas en su sitio para asegurarse de que está en funcionamiento correctamente en diferentes sistemas operativos y diferentes tipos de navegadores, así. Cuando lo haga, cubra todas sus pistas y asegúrese de que tantos usuarios como sea posible puedan navegar por su sitio.

Evite el uso de aplicaciones Flash al diseñar su sitio Web. Flash puede parecer de alta tecnología y splashy, pero podría hacer que el ordenador de un visitante a cargar lentamente y lag. Además, debe tener en cuenta que muchas herramientas de Internet móvil, como smartphones y tabletas, no mostrarán Flash. Usted podría estar cortando fuera de una piscina bastante grande de visitantes potenciales usando Flash.

Solo porque haya lanzado su sitio no significa que el proceso de diseño haya finalizado. Prepárese para mantenerse activo con su sitio. No necesitarás actualizarlo constantemente, pero las actualizaciones regulares son una necesidad. Esto es especialmente cierto si estás organizando videos o trabajando con eventos actuales. Actualizar un sitio no es como actualizar un blog. Tendrá que trabajar.

Una Página

Si alguna vez te has encontrado con un problema no tengas miedo de pedir consejo. Seguir adelante y consultar con un amigo o alguien a través de un foro o correo electrónico que usted piensa que podría estar dispuesto a ayudarle. No vas a llegar a ningún lado si no obtienes ayuda, todos lo necesitamos de vez en cuando así que no sientas vergüenza.

TIPS Si alguna vez te has encontrado con un problema no tengas miedo de pedir consejo. Seguir adelante y consultar con un amigo o alguien a través de un foro o correo electrónico que usted piensa que podría estar dispuesto a ayudarle.

Cuando se trata de desarrollar una página de error, sea informativo. A veces los visitantes hacer clic en un enlace que está roto y recibir una página de error. Sus páginas de error deben decir a los visitantes exactamente lo que salió mal y proporcionar su enlace de la página de inicio para que puedan permanecer en su sitio.

Asegúrate de que el contenido de tu página no sea abrumador para los invitados cuando vengan a tu web. No quieres sobrecargar una página con un montón de imágenes o videos que pueden ralentizar los ordenadores de las personas. Usted quiere que la gente disfrute de la experiencia que tienen en su sitio, no se frustra.

TIPS Asegúrate de que el contenido de tu página no sea abrumador para los invitados cuando vengan a tu web. No quieres sobrecargar una página con un montón de imágenes o videos que pueden ralentizar los ordenadores de las personas.

Conviértase en un experto en hojas de estilos en cascada (CSS). HTML es una cosa, pero el diseño real (y la consistencia en el diseño) ocurre en CSS. Estas hojas de estilo actúan como una guía de referencia de formato a su sitio para ayudar a cada página a mantener una apariencia consistente. Esto también hace que sea muy fácil para cambiar universalmente las cosas en su sitio. Si desea cambiar el color de la fuente a rojo en cada página, todo lo que necesita hacer es alterar una línea de código!

Para garantizar la estabilidad con su sitio, asegúrese de tomar todas las precauciones para no sobrecargar su sitio con demasiado contenido en él a la vez. Desea que cada página tenga la cantidad justa de información para que la gente siga regresando por más después de que se vaya.

TIPS Para garantizar la estabilidad con su sitio, asegúrese de tomar todas las precauciones para no sobrecargar su sitio con demasiado contenido en él a la vez. Desea que cada página tenga la cantidad justa de información para que la gente siga regresando por más después de que se vaya.

Al diseñar un sitio web, hay muchos elementos que debe tener en cuenta, incluidas las fuentes, el esquema de color y el diseño. Poner un buen sitio web en conjunto es un proceso largo y a veces tedioso, pero tendrá éxito si se toma el tiempo para adquirir las habilidades necesarias. Siguiendo los consejos de este artículo, usted será capaz de hacer un sitio web que se ve muy bien.

Dibuja algunos bocetos de lo que quieres que parezca tu sitio Web. Muestre a algunas personas sus diseños y obtenga sus comentarios.