¿Qué es el diseño web?

Name: ¿Qué es el diseño web?
Author: Matthew Brown

Este capítulo presentará el diseño web adaptativo y receptivo y los conceptos básicos de lo que hace que un motor de búsqueda de sitios web esté listo.

Preview the first lesson free — get full access to all 3 lessons.

Solicitar una demo Iniciar sesión

Curso: bajo demanda

Hola, como empezamos, estaremos viendo la diferencia entre diseño de sitios web responsivos y adaptables, así como cómo diseñar sitios web que están preparados para motores de búsqueda y optimizados. En esta lección, exploraremos el concepto de diseño web receptivo. Diseñadores y desarrolladores de sitios web, tiene un reto enorme con todas las diferentes formas en que las personas puede acceder a la información. Desde ordenadores con monitores grandes a pequeños dispositivos portátiles IoT, los diseñadores deben tener en cuenta todas estas variaciones. Diseñadores y desarrolladores de sitios web tiene dos marcos para elegir: diseño responsivo o diseño adaptativo. Primero exploraremos el ejemplo del diseño receptivo, así como revisar los pros y los contras de este tipo de diseño. Si miramos la web de la Ciudad del Conocimiento en un navegador normal, podemos ver que todos los elementos en el sitio web están bien posicionados. Ahora, si cambio el tamaño del navegador, el contenido se moverá dinámicamente para alinear con el nuevo tamaño del navegador. Esto es diseño web responsivo. Con la naturaleza omnipresente de los dispositivos móviles, los diseñadores deben tener en cuenta una variedad de tamaños de pantalla. Los sitios web receptivos muestran contenido web según el espacio disponible en el navegador. En los dispositivos móviles, esto sucede automáticamente. El sitio verifica el espacio disponible y representa el contenido en consecuencia. Esto hace que la experiencia sea perfecta para el usuario final, permitiéndoles disfrutar tanto de su sitio como les gustaría. Ahora, veamos el mismo sitio web. utilizando un complemento de simulador de dispositivo móvil para Google Chrome y cómo se renderizará en función del espacio disponible del navegador. Elegiré el simulador de iPhone 11. A medida que avanzamos por el sitio, los componentes se dimensionan según las dimensiones disponibles del navegador. Podemos ver que el sitio se muestra apropiadamente, según el tamaño del dispositivo. Si elegimos otro dispositivo móvil, como un iPad Air 4, podemos ver que el sitio se ajusta de nuevo para tener en cuenta el espacio disponible en el navegador. Y a medida que avanzamos por el sitio, todos los elementos se muestran correctamente. Con diseño web receptivo, La jerarquía visual debe mantenerse en todos los dispositivos. Esta es la disposición de los elementos. para mostrar su orden de importancia. Por ejemplo, los encabezados, imágenes y enlaces están todos en el mismo lugar, independientemente del dispositivo que se utilice. Algunas ventajas de utilizar este tipo de diseño web son: la facilidad de diseño, el tiempo de implementación es significativamente menor, y es el método preferido para la creación de sitios en la actualidad. Algunos de los contras: tienes menos control sobre el diseño en términos de tamaño de pantalla, y diferentes velocidades de descarga entre dispositivos puede afectar su diseño ya que los dispositivos móviles pueden descargar más lentamente. Gracias por ver. Estén atentos para la próxima lección donde exploraremos el diseño web adaptativo.

Principiante Proveedor : Matthew Brown 3 lecciones · 12m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Chinese

Descripción del curso

Este capítulo presentará el diseño web adaptativo y receptivo y los conceptos básicos de lo que hace que un motor de búsqueda de sitios web esté listo.

Lo que aprenderás

Comprender Diseño Web Adaptable
Comprender Diseño Web Responsivo
Explorar qué hace que un sitio web esté listo para motores de búsqueda
Distinguir entre enfoques de diseño adaptable y responsivo

Puntos clave

Este capítulo introduce tanto el Diseño Web Adaptable como el Diseño Web Responsivo.
Cubre los conceptos básicos de qué hace que un sitio web esté listo para motores de búsqueda.
Las lecciones abordan diseño web responsivo, diseño web adaptable y diseño listo para motores de búsqueda.
El capítulo desarrolla habilidades en diseño adaptable, HTML responsivo, diseño web responsivo y arquitectura de sitios web.

Preguntas frecuentes

¿Qué cubre este capítulo?

Introduce Diseño Web Adaptable y Diseño Web Responsivo y los conceptos básicos de qué hace que un sitio web esté listo para motores de búsqueda.

¿Qué lecciones se incluyen?

El capítulo incluye lecciones sobre Diseño Web Responsivo, Diseño Web Adaptable y Diseño Listo para Motores de Búsqueda.

¿Qué habilidades adquiriré?

Desarrollarás habilidades en Diseño Adaptable, Formato Web de Diseño, HTML Responsivo, Diseño Web Responsivo, Diseño Web y Arquitectura de Sitios Web.

¿Cuáles son los objetivos de aprendizaje?

Los objetivos de aprendizaje son comprender Diseño Adaptable y comprender Diseño Responsivo.