Contenidos
Diseño de la página web
Tenga en cuenta que la página de inicio no siempre es la primera página en la que aterrizan los visitantes cuando entran en su sitio web (especialmente si tiene una estrategia inteligente de marketing y SEO basada en la educación). Por lo tanto, todas las páginas de su sitio web deben llevar a los visitantes a saber más sobre usted y a actuar, no sólo la página de inicio.
Aunque los sliders eran muy populares hace varios años, no suelo recomendar el uso de sliders en el diseño de sitios web modernos. Consulte este artículo para conocer muchas razones por las que los sliders no hacen un gran trabajo para que los visitantes tomen acción.
A menudo escuchamos a los clientes llamar a estos “pestañas” en la parte superior del sitio, pero los menús diseñados para parecer pestañas son básicamente inexistentes en 2018. En lugar de llamar a estas “pestañas”, en su lugar nos escuchará referirse a los elementos del menú como “enlaces” o “páginas” en el menú.
Ten en cuenta que la navegación puede incluir menús de navegación primarios y secundarios. Se utilizan dos menús de navegación separados cuando puede haber mucha navegación necesaria, y se quiere tener claro qué enlaces son los más importantes.
“Los detalles no son los detalles. Hacen el diseño”, dijo una vez Charles Eames, y eso nunca ha dejado de ser cierto. Al empezar a diseñar una página web, tenemos que tener en cuenta en qué debe consistir para resolver la tarea que se le ha encomendado y ser a la vez usable y bonita. Nuestro artículo de hoy está dedicado justo a esos detalles vitales que crean una página web eficaz. Vamos a repasar brevemente qué elementos pueden ser esenciales para una página web típica, qué impacto tiene cada elemento y cómo contribuye a la experiencia general del usuario. Con muchos ejemplos de diseño web.
La cabecera es la parte superior de la página web. Al ser la zona que la gente ve antes de desplazarse por la página en sus primeros segundos en el sitio web, la cabecera es un elemento de importancia estratégica. Se espera que la cabecera proporcione el núcleo de la navegación por el sitio web para que los usuarios puedan escanearlo en fracciones de segundo y saltar a las páginas principales que puedan ayudarles. Las cabeceras también se denominan menús del sitio y se colocan como elemento de navegación principal en el diseño del sitio web.
El texto y el diseño de una página web pueden formatearse (estilizarse) con una “hoja de estilo en cascada” o CSS. Esta hoja se basa en el texto como el html, pero se compone de un conjunto de comandos de estilo que un navegador web entiende. Por ejemplo, para que este trozo sea de color rojo, hemos añadido un poco de CSS a esta página que tiene este aspecto:
Todos estos comandos pueden reunirse en un único archivo de texto que termina en .css Este archivo se vincula a todas las páginas del sitio. Así que sólo tienes que cambiar el código CSS en un lugar para afectar a todo el sitio.
Diseño de páginas web
Los elementos se utilizan para crear la estructura de una página web y sirven para presentar la información de diversas maneras. JAWS interactúa con estos elementos para proporcionar la información que necesita para acceder al contenido de la página. Algunos de los elementos más comunes de las páginas web que encontrarás son:
JAWS proporciona comandos fáciles de usar y recordar llamados Teclas Rápidas de Navegación para moverse rápidamente a varios elementos de una página web. Pulse una sola letra en su teclado y muévase hacia un elemento. Por ejemplo, puede pulsar la T para las tablas, la F para los controles de formularios, la V para los enlaces visitados, la H para los títulos, etc. Añada SHIFT a cualquier tecla rápida de navegación para pasar al elemento anterior de ese tipo.
Por ejemplo, un usuario vidente puede recorrer visualmente los encabezados de una página hasta encontrar el que desea y luego centrarse en el texto de esa sección. Del mismo modo, utilizando JAWS, puede pulsar H para desplazarse rápidamente por todos los encabezados de una página hasta localizar el que desee y, a continuación, empezar a leer con las teclas de FLECHA.
JAWS puede mirar una página web y compilar listas de párrafos, enlaces, encabezados, campos de formulario y otros elementos para que puedas encontrar rápidamente lo que necesitas y desplazarte a la información. Pulse INSERT+F3 para abrir el cuadro de diálogo Características virtuales de HTML. Este cuadro de diálogo le permite elegir entre una serie de listas que contienen información sobre diferentes tipos de elementos de la página actual. Seleccione un elemento y pulse ENTER para ver una lista de todos esos elementos.