Qué tener en una página de inicio
Además de definir partes individuales de tu página (como “un párrafo” o “una imagen”), HTML también cuenta con una serie de elementos a nivel de bloque que se utilizan para definir áreas de tu sitio web (como “la cabecera”, “el menú de navegación”, “la columna de contenido principal”). Este artículo analiza cómo planificar la estructura básica de un sitio web y cómo escribir el HTML para representar esta estructura.
Secciones básicas de un documentoLas páginas web pueden tener y tendrán un aspecto bastante diferente entre sí, pero todas suelen compartir componentes estándar similares, a menos que la página muestre un vídeo o un juego a pantalla completa, forme parte de algún tipo de proyecto artístico o simplemente esté mal estructurada:
Enlaces a las secciones principales del sitio; suelen estar representados por botones de menú, enlaces o pestañas. Al igual que la cabecera, este contenido suele ser consistente de una página web a otra: tener una navegación incoherente en tu sitio web sólo hará que los usuarios se sientan confundidos y frustrados. Muchos diseñadores web consideran que la barra de navegación forma parte de la cabecera en lugar de ser un componente individual, pero esto no es un requisito; de hecho, algunos también argumentan que tener las dos separadas es mejor para la accesibilidad, ya que los lectores de pantalla pueden leer las dos características mejor si están separadas.
Documento Mdn y estructura del sitio web
Nombres de páginas, títulos y enlacesUn enfoque estándar para los títulos de las páginas, los enlaces y otros textos contribuye a una experiencia unificada en todos los sitios de la Facultad de Medicina. Siga estas normas para que su sitio parezca parte de la familia.
La información de contacto en el pie de página debe incluir primero el nombre de su unidad de negocio, seguido de su departamento o centro, si es relevante, y luego la Facultad de Medicina de la Universidad de Washington. Las listas de enlaces de la derecha son opcionales.
Los campos de titular y descripción de la página de inicio le dan la oportunidad de conectar inmediatamente con sus visitantes y decirles lo que hace su grupo y lo que pueden conseguir en su sitio web. La primera impresión es la que cuenta, así que haz que la tuya sea buena. No desperdicies este valioso espacio.
“Las alegres ‘bienvenidas’ en las páginas de inicio son restos nostálgicos de los primeros días de la Web, cuando llegar a uno de los pocos sitios disponibles era una hazaña digna de reconocimiento. La mejor bienvenida que se puede dar a los usuarios es una definición concreta de lo que pueden hacer en el sitio y un punto de partida claro desde el que empezar.”
Diseño de páginas web
Técnicamente hay cinco partes de la URL, y son discretamente importantes para optimizar la experiencia del usuario (UX) de su sitio y el SEO. Para ayudarle a desarrollar una comprensión concreta de cada parte de una URL, vamos a explorar cada una de ellas en detalle.
Otros esquemas que puede ver son mailto://, que puede abrir el proveedor de servicios de correo electrónico predeterminado de su ordenador para ayudarle a redactar un correo electrónico a la dirección de correo electrónico que introdujo en la URL, y ftp://, que es un protocolo estándar para transferir archivos informáticos entre un cliente y un servidor en una red informática.
Si su sitio web es como una casa, sus subdominios son como habitaciones específicas de esa casa. Un subdominio en una URL indica qué página concreta de su sitio web debe servir el navegador. Por ejemplo, subdominios como “blog” u “ofertas” proporcionarán la página del blog de su sitio web o la página de ofertas.
Su dominio de segundo nivel (SLD) es el nombre de su sitio web. Ayuda a las personas a saber que están visitando el sitio de una determinada marca. Por ejemplo, las personas que visitan “mlb.com” saben que están en el sitio web de la Major League Baseball, sin necesidad de más información.
Página web del menú
“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.