Creación de páginas web de todo-en-uno para los maniquíes
Debido a que la Web es un medio visual, el diseño de su sitio web es tan importante como el contenido que usted ofrece. Siga estos consejos para que los visitantes no están abandonando rápidamente su sitio:
No estorbar encima de su sitio. Hacer buen uso de relleno, márgenes y espacios en blanco.
Tenga cuidado de no abrumar a sus visitantes en su página. Mantener el contenido al mínimo, en referencia a los usuarios a otras partes de su sitio para obtener información adicional.
No utilice una mezcolanza de ideas de diseño. Encontrar un estilo que te gusta y ser coherente en su sitio.
Simetría Extreme es un yawner. Use la regla de los tercios. Cuando una imagen o una página se divide en tres partes vertical y horizontalmente y los objetos se colocan en esas líneas, la imagen es simplemente más agradable a la vista.
No se olvide de visitante. No está diseñando el sitio para ti, pero para la gente que viene allí.
No deje que su contenido del sitio creció rancio. Actualice regularmente para mantenerlo vivo.
El diseño de su sitio para los usuarios móviles
Con el poder de los smartphones y sus navegadores móviles totalmente funcionales, los visitantes móviles esperan tener una experiencia de navegación satisfactoria. Usted querrá tener plenamente en cuenta el usuario móvil en su diseño y determinar el nivel de apoyo que desea proporcionar para ellos:
Compatibilidad básica: El primer nivel de soporte es simplemente asegurarse de que su sitio web se puede ver y que puede funcionar dentro de un dispositivo móvil. Si su sitio Web utiliza las estructuras de formato CSS y HTML estándar o si se construye utilizando herramientas en línea populares (WordPress, Posterous), su sitio web es probable que ya creó para apoyar a los navegadores de teléfonos inteligentes.
Mobile ambiente: El segundo nivel de habilitación móvil es para asegurarse de que su sitio web es fácil de navegar en una pantalla pequeña. Una de las maneras más importantes para hacer de su sitio móvil amigable es estructurar las páginas en columnas. Columnas ayudan a evitar que los usuarios se ven obligados a leer amplios trozos de texto que les hacen desplácese hacia la izquierda y la derecha para leer cada línea de una página Web.
Estilo móvil: Una tercera, más rica, y más profundo nivel de apoyo que puede proporcionar a los usuarios móviles es incorporar un estilo orientado específicamente para dispositivos móviles.
Sitio del compañero: Puede haber algunos casos concretos en los que usted necesita para ir más allá de la estructura de la página y el estilo. En este caso, un nivel final de apoyo es diseñar y estructurar un sitio desde cero de una manera que está optimizado para dispositivos móviles.
Si usted ofrece una versión móvil, siempre permitir a los usuarios la libertad de elegir entre las versiones móviles y normales de su sitio Web. Si bien es posible que por defecto a la hoja de estilos móvil para sus usuarios móviles, proporcionar la funcionalidad en cada página para ver el sitio normalmente.
El uso de hojas de estilo en cascada o CSS
Cascading Style Sheets (CSS) es un lenguaje de estilo que le permite crear un sitio web más atractivo, bien diseñado y hará mucho más fácil de administrar y organizar. Aquí hay tres razones básicas que CSS es útil en el diseño de su sitio web:
CSS le da un mayor control sobre el diseño de su página. CSS tiene muchos ajustes de formato que HTML, por sí mismo, no proporciona. Como resultado, usted puede tener mucho más control sobre el aspecto de su página web mediante CSS que simplemente usar HTML normal.
CSS permite separar el contenido del sitio de las instrucciones de formato. El documento HTML, por lo tanto, se convierte en el lugar donde se trabaja con el contenido y la hoja de estilos CSS sirve como lugar para establecer sus estilos.
CSS le permite administrar estilos a través de su sitio en una ubicación central. Aunque puede definir estilos CSS dentro de una sola página web, su poder real se hace evidente cuando se utiliza una hoja de estilo CSS separada que cada página de su sitio web puede acceder. Al configurar su sitio como este, puede fácilmente dar todo su sitio una apariencia consistente. También puede hacer cambios globales desde una única ubicación.
Sobre el autor
Cómo moderno sitios web utilizan css Hojas de estilo externas son archivos fuera de (pero vinculada a) las páginas HTML que suministran el estilo y el diseño de páginas web. Las hojas de estilo en cascada son un ejemplo de las hojas de estilo externas. Las siguientes son razones por…
Racionalización de navegación de su sitio web Un buen sitio web está diseñado para que los usuarios pueden navegar fácilmente y de manera intuitiva y crear sus propios caminos para encontrar la información más relevante para ellos. A medida que comience a trabajar en el diseño de sus…
Evalúe su presencia en la web actual El primer paso en el desarrollo de un plan para un nuevo sitio web para el iPhone o el iPad es valorar lo que tienen (o no tiene) en el aquí y ahora. Si va a crear un nuevo sitio Web, usted necesita un plan muy diferente de acción que si está…
Esbozar un mapa del sitio para el diseño web El mapa del sitio web muestra las secciones principales del sitio web, y cómo las páginas de su nueva página web que se muestran para el iPhone o el iPad se vinculará a la otra.Un mapa de sitio como el que se muestra ofrece un panorama visual de…
Pon a prueba tu código con las herramientas del W3C Prueba tus diseños web con la World Wide Web Consortium (W3C) herramientas de validación siempre ha sido una buena idea, pero es aún más importante para el diseño web móvil. Navegadores web de escritorio, incluyendo Internet Explorer, Firefox…
Añadir un facebook como botón a tu sitio móvil En el verano de 2010, Facebook anunció que tenía más de 150 millones de usuarios móviles. Casi al mismo tiempo, las encuestas mostraron que el uso más popular de la web móvil en iPhones, después de comprobar el correo electrónico, es acceder…
Cubra sus bases con esta lista de verificación seo móvil de tareas La gran mayoría de los estadounidenses navegar por la web desde sus teléfonos. He aquí una lista de referencia rápida de tareas de diseño web y optimización móviles. Al hacer su sitio móvil, asegúrese de comprobar fuera de los elementos de…
El diseño de código-araña amistosa para obtener mejores resultados de SEO Si usted está escribiendo su propio código HTML o contratar a un webmaster que lo haga por usted, que desea mantener el código subyacente de su sitio Web de araña de usar para obtener mejores resultados de SEO. Básicamente, usted necesita para…
Cómo probar su plantilla de página web en squarespace Al ajustar estilos de Squarespace, debe probar su sitio en diferentes dispositivos como un iPhone, un teléfono con Android, un iPad y un fuego Kindle oa otro tablet, sobre todo si se añade su propio código CSS personalizado.Plantillas Squarespace…
Métricas de medios sociales: el seguimiento de uso móvil de su sitio web ¿Qué pueden hacer análisis de informarle sobre el tráfico móvil a su sitio? Métricas móviles pueden decirte volumen, cuáles son sus patrones de compra de los visitantes o los patrones de generación de plomo son, y lo que la demográfica de…
Elija una estrategia de diseño web para móviles Su enfoque para el diseño de un sitio web móvil depende de su contenido del sitio, sus recursos y su público. Los siguientes consejos pueden ayudarle a entender las posibles estrategias de diseño web móvil y elegir uno que funcione para…
La elección de una estrategia para el diseño de su web móvil Ahora la gente ver las páginas web en todo, desde pequeñas pantallas de teléfonos celulares a los proyectores que iluminan el lado de un granero. Las limitaciones que enfrenta en el diseño web móvil para la pantalla del iPhone pequeños pueden…
