¿Cuáles son los elementos principales de una página web? Elementos básicos de las páginas web. Estructura del lenguaje HTML: etiquetas

Cualquier página web contiene un determinado conjunto de elementos estándar que son componentes obligatorios de cada recurso. redes de internet. Disposición de dichos elementos y diseño de su posición relativa es una de las principales tareas del webmaster.

El primer elemento de una página web es su título. Puede realizarse en forma de texto o gráfico, pero en ambos casos debe ubicarse en la parte superior del documento. A veces combinado con el título. Menú de selección de codificación cirílica Y Botones para cambiar de la versión rusa a la versión inglesa del sitio., si este recurso web se presenta en dos idiomas.

Directamente en el subtítulo del documento, por regla general, se encuentra el espacio asignado para colocar pancarta publicitaria. Incluir un banner en la parte superior de la página web en la mayoría de los casos es un requisito previo para registrar un sitio en los servicios de intercambio de banners: sistemas que anuncian el recurso que usted ha creado a cambio de mostrar anuncios de otros participantes en la red de intercambio de banners en las páginas de Tú sitio.

La parte principal del documento está ocupada por el llamado campo de texto- el área donde se ubica el contenido semántico de la página: contenido texto informativo e ilustraciones. Los elementos enumerados también se denominan "contenido" (del inglés, contenido). La ubicación del campo de texto depende principalmente de cómo el diseñador web colocará los elementos restantes del documento.

El siguiente componente obligatorio de la página web es elementos de navegación- hipervínculos que conectan este documento con otras secciones del sitio. Los elementos de navegación se pueden crear en forma de cadenas de texto, objetos gráficos, es decir, botones o componentes activos.


nents, por ejemplo subprogramas de Java. Estos últimos son los mismos botones que, a diferencia de sus hermanos "tradicionales", pueden responder a los movimientos del mouse, realizando algunas acciones simples cuando se pasa el cursor sobre ellos (encender la luz de fondo, crear un efecto de "clic", cambiar de forma, etc. ).d.).

El enfoque más establecido es colocar elementos de navegación en el borde izquierdo de la página.

Se acostumbra publicar al final del documento. información sobre los desarrolladores del sitio y la dirección Correo electrónico , a través del cual los visitantes del recurso pueden enviar sus respuestas, sugerencias y deseos a los propietarios de la página.

Si la página web es un documento inicial, en la parte inferior también se coloca contador de visitas- un pequeño script que llama a un script CGI instalado en el servidor, que registra cada apertura de un documento en el navegador del usuario, cambiando el valor del indicador del contador. No se recomienda colocar varios contadores diferentes en una página.

Los sitios web se diferencian entre sí:

Tamaños (desde varias páginas hasta servidores web con gigas de información).

Diseño (combinación de colores general, formato de fuente, ilustraciones utilizadas, etc.).

Estructura (sistema de enlaces, conexión de páginas dentro del sitio, así como conexión con otros sitios).

Al mismo tiempo, cualquier página web se construye a partir de elementos estándar, que se pueden dividir en dos grupos:

Elementos pasivos (ilustrativos)

  • animación

Elementos activos

  • campos de entrada

    interruptores

Marcosmarco- frame, framework) es una tecnología que permite dividir una página web en varias partes (ventanas) y permite cambiar el contenido de cada parte independientemente de las demás. Por lo tanto, la tabla de contenidos de un sitio a menudo se coloca en un marco inmutable y el contenido en otro.

Tema 9. Comunicación electrónica. Correos electrónicos

El correo electrónico (correo electrónico) es el principal tipo de servicio de red. La mensajería se realiza a través del sistema. servidores de correo.

Para cada usuario en el servidor de correo, hay una cuenta separada. Buzón es la ubicación en el disco del servidor donde se almacenan los mensajes de correo electrónico. Al completar el procedimiento de registro de la dirección de correo electrónico, el usuario recibe un nombre de usuario y una contraseña, que luego utilizará para acceder a su buzón. El nombre (inicio de sesión) del buzón lo proporciona el propio usuario. El servidor sólo se asegura de que el nombre sea único.

Una dirección de correo electrónico consta de dos partes, separadas por el signo @ (este signo se llama comúnmente “perro”):

    Nombre buzón usuario (seleccionado por él, en nuestro ejemplo - irina).

    Nombre de dominio servidor de correo(en nuestro ejemplo - correo. ru) .

Por ejemplo, irina@ correo. ru

Las direcciones de correo electrónico se escriben sin espacios utilizando letras, números o símbolos latinos (uso permitido).

A partir de los datos de registro de la dirección de correo electrónico en el ordenador del usuario, seCuenta , que contiene la información necesaria para contactar con el servicio de correo, incluido el nombre de usuario (acceso) y contraseña.

A partir de este registro, el servidor identifica al usuario.

Planificación de seguridad de Internet para la protección

El objetivo de un ataque puede ser tanto la información transmitida a través de la red como una computadora conectada a Internet.

Es imposible garantizar una seguridad total al utilizar Internet, pero una planificación anticipada de la seguridad reduce significativamente la probabilidad de ataques. Debido a que Internet evoluciona constantemente, constantemente surgen nuevos problemas de seguridad, por lo que actualizar las herramientas de seguridad es una parte esencial para mantener la salud de su sistema informático.

Líneas de defensa:

    Bloqueando posibles ataques:

        Utilice software y hardware especiales que bloqueen datos no seguros e innecesarios.

        Utilice autenticación y cifrado.

    Reducir las fuentes de riesgo:

        Utilice sólo aquellos servicios de Internet que realmente necesite.

        Utilice software libre de errores y manténgalo actualizado periódicamente.

        Configurar el software correctamente (cuanto menos permitido, mayor será la seguridad).

        No anuncie información sobre usted en línea.

        Limite el acceso a los recursos de su computadora.

    Preparándose para recuperarse de un ataque:

        Crear y actualizar periódicamente copias de seguridad datos de trabajo.

        Tenga siempre a mano kits de distribución de software.

Autenticación (derpecológicoauténticos- autenticidad) – confirmación de autenticidad.

Todos hemos leído una gran cantidad de artículos sobre cómo seleccionar palabras clave y compilar correctamente una lista de ellas, cómo utilizar palabras clave para crear un sitio web que sea relevante para determinadas consultas de búsqueda. Echemos un vistazo más de cerca a cómo colocar palabras clave en páginas web.

Saber dónde y cómo colocar palabras clave en una página web puede hacer o deshacer su empresa de SEO.

Hay 5 elementos en cada página web donde debes colocar tus palabras clave:

  1. Título de la página (etiqueta de título)
  2. Palabras clave de la página (palabras clave de metaetiqueta)
  3. Descripción de la página (etiqueta de meta descripción)
  4. Texto alternativo para imágenes (etiqueta Alt)
  5. Contenido de la página web (etiqueta del cuerpo)

De todos los elementos anteriores de una página web, el más importante de todos es el contenido de la página (punto 5). Más sobre esto a continuación.

Por ahora, veamos esta lista en orden.

Elemento #1. Título de la página (etiqueta de título)

Primero, veamos el título de la página (etiqueta de título). Este elemento es el primero y el más importante de todos los demás elementos del bloque principal de cualquier página web.

Puede ver el título de la página web en la línea superior del navegador de Internet. Para verificar esto, inicie cualquier navegador, por ejemplo, explorador de Internet, Ópera o Mozilla Firefox, vaya a cualquier sitio web y compare el contenido de la etiqueta del título con la línea superior de esos navegadores. Los motores de búsqueda utilizan esta etiqueta para sus propios fines: recopilar información sobre el sitio y determinar su tema, así como utilizarla en los resultados de los motores de búsqueda (SERP) como el nombre de la página web.

¡Recordar! El título de una página web es su Breve descripción.

Además de lo anterior, el contenido de la etiqueta de título se utiliza como título de la página web al agregarla a los Favoritos del navegador de Internet.

Elemento No. 2. Palabras clave de la página (palabras clave de metaetiqueta)

Ahora hablemos de las palabras clave y las metaetiquetas de descripción. Hace algún tiempo, se utilizaba la etiqueta Meta palabras clave al agregar un sitio al índice del motor de búsqueda. Pero esos tiempos ya pasaron. Ahora los motores de búsqueda simplemente ignoran esta etiqueta, porque... Son frecuentes los casos de su uso con fines “sucios”. Algunos motores de búsqueda prestan atención a esta etiqueta para determinar el tema del sitio.

De todo lo dicho se deduce que esta etiqueta no es necesaria, pero puede utilizarla únicamente para el fin previsto.

Las palabras clave deben estar separadas por una coma. Coloque las palabras clave más importantes al principio de la lista y luego en orden de importancia descendente. Los motores de búsqueda ya no prestan atención al caso en que se escriben las palabras clave, por lo que ahora todas las palabras clave se pueden escribir en minúsculas.

Elemento No. 3. Descripción de la página (etiqueta de meta descripción)

La metaetiqueta de descripción es otro elemento del sitio en el que se deben colocar las palabras clave. Los motores de búsqueda escanean esta etiqueta en busca de palabras clave y también comparan su contenido con el contenido del sitio en sí (el contenido de la etiqueta del cuerpo). Una circunstancia muy importante es que los motores de búsqueda utilizan el contenido de la etiqueta de descripción como descripción de la página web en los resultados de búsqueda (SERP).

Esta etiqueta debe contener una breve descripción de la página web, pero no más de 50 palabras.

Elemento No. 4. Texto alternativo para imágenes (etiqueta Alt)

Las etiquetas Alt son una descripción de texto del contenido de la imagen, es decir. Si por alguna razón la imagen no se carga y esta imagen tiene texto alternativo, entonces se mostrará este texto en lugar de la imagen.

Si la imagen está cargada y la imagen también tiene texto alternativo, podremos verla cuando pasamos el mouse sobre la imagen. Las etiquetas Alt se utilizan para comodidad de aquellos usuarios de Internet que, por alguna razón, no muestran gráficos.

Muchos motores de búsqueda indexan el contenido de esta etiqueta, por lo que puede contener palabras clave. Solo recuerda que el texto alternativo debe corresponder a la imagen, describirla y ser su equivalente en texto. No utilice la etiqueta alt con imágenes de marcado como líneas divisorias, viñetas...

Elemento No. 5. Contenido de la página web (etiqueta del cuerpo)

Así que finalmente llegamos al elemento más básico del sitio: la etiqueta del cuerpo, el elemento cuyo contenido es más interesante para los usuarios de Internet. Los principales motores de búsqueda ya no le darán una primera posición en las SERP solo porque hay varias repeticiones de una palabra clave en la página de su sitio web. Sólo lo más relevante para un tema específico. consulta de busqueda Página web.

Para lograr esto, debe implementar palabras clave seleccionadas en el código de las páginas web, observando la frecuencia de su repetición. Proceda de la siguiente manera: para cada página específica, seleccione 1 o 2 palabras clave y optimice la página correspondiente para ellas.

Imagina que estás preparando una presentación de tu nuevo sitio web o producto. Entonces, por ejemplo, tus diapositivas presentaciones de power point– párrafos. Deben ser breves y claros. Al igual que en una presentación de PowerPoint, puede utilizar listas para enumerar los beneficios de su sitio o producto, centrándose cada vez en palabras clave seleccionadas.

Implemente palabras clave seleccionadas en los 5 elementos anteriores de cada página web y mejorará enormemente su clasificación y resultados actuales.

lenguaje HTML

Las páginas web pueden existir en cualquier formato, pero el estándar es Hyper Text Markup Language, un lenguaje de marcado de hipertexto diseñado para crear texto enriquecido con imágenes, sonido, animación, videoclips y enlaces de hipertexto a otros documentos dispersos por todo el espacio Web. ubicados en el mismo servidor o siendo parte integrante del mismo proyecto Web.

Puedes trabajar en la Web sin conocimientos lenguaje HTML, ya que los textos HTML pueden crearse mediante varios editores y conversores especiales. Pero escribir directamente en HTML no es difícil. Incluso puede ser más fácil que aprender a usar un editor o conversor de HTML, que a menudo tienen capacidades limitadas, tienen errores o producen HTML deficiente que no funciona en todas las plataformas.

El lenguaje HTML viene en varias versiones y continúa evolucionando, pero es probable que se sigan utilizando construcciones HTML en el futuro. Al aprender HTML y comprenderlo más profundamente, crear un documento al comienzo de aprender HTML y expandirlo tanto como sea posible, podemos crear páginas web que pueden ser vistas por muchos. navegadores web, tanto ahora como en el futuro. Esto no excluye la posibilidad de utilizar otros métodos, como el método avanzado proporcionado por Netscape Navigator, Internet Explorer u otros programas.

Trabajar con HTML es una forma de aprender los entresijos de la creación de documentos en un lenguaje estandarizado, utilizando extensiones sólo cuando sea realmente necesario.

HTML ha sido ratificado por el World Wide Web Consortium. Es compatible con varios navegadores muy utilizados y probablemente será la base de casi todo. software, que está relacionado con la Web.

Principios de creación de una página web, elementos básicos de una página web.

Para crear páginas web, se utiliza un lenguaje especial llamado HTML (lenguaje de marcado de hipertexto). Este lenguaje define un conjunto de comandos especiales llamados etiquetas que se utilizan para especificar el formato o el propósito de ciertos elementos de una página web. Se utilizan etiquetas especiales para su colocación en páginas web. imágenes gráficas, clips de audio y vídeo y otros llamados objetos incrustados.

Las páginas web son ordinarias. archivos de texto creado en Bloc de notas estándar o un editor de texto simple similar. Y contienen texto, el mismo texto que quieres poner en las páginas, sólo que marcado de una manera especial. Con el fin de varios programas Para que los navegadores web muestren la misma página web correctamente, el HTML debe estar estandarizado.

En la práctica, el estándar HTML está muy influenciado por la presencia de etiquetas propuestas y soportadas por los navegadores más famosos, como Microsoft Internet Explorer y Google Chrom. Estas etiquetas en este momento puede o no ser parte de la especificación HTML actual.

Existen herramientas de edición diseñadas específicamente para escribiendo HTML. Ahorran tiempo porque contienen claves acceso rapido para realizar operaciones repetitivas, como establecer configuraciones iniciales para documentos, tablas o simplemente aplicar estilos al texto. Los editores HTML se diferencian de las herramientas de creación WYSIWYG en que requieren conocimiento de las reglas para compilar HTML manualmente; los editores sólo simplifican y aceleran este proceso. Además de las etiquetas HTML estandarizadas por WWWC (etiquetas estándar), los navegadores web admiten muchas etiquetas no estándar. Estas etiquetas fueron introducidas por los desarrolladores de un programa de navegación web en particular para obtener una ventaja sobre la competencia. Esperaban que estas extensiones propietarias se convirtieran más tarde en parte del estándar HTML, pero estas esperanzas nunca se hicieron realidad. Sin embargo, las etiquetas permanecen y siguen siendo compatibles.

Para crear páginas web necesitará cualquier navegador: Internet Explorer o Google Chrome Mozilla Firefox, o mejor aún ambos, ya que muchos elementos HTML se muestran de manera diferente en diferentes programas de visualización y es muy deseable controlar esta diferencia.

Además, necesitará cualquier editor de texto, por ejemplo, para preparar archivos HTML, y un navegador para ver y controlar lo que se ha hecho.

Para crear una página web, el primer paso es crear una estructura de sitio. Un sitio web es un servidor con un nombre único y una dirección permanente, conectado físicamente a la WWW o alojado virtualmente en otro servidor más grande.

Después de crear la estructura del sitio, ejecute editor de texto palabra, crear nuevo documento y guárdelo como una página web, luego proceda a crear una página web. Hace que nuestro trabajo sea más fácil y mejor. En él determinamos el momento de creación de un sitio web, su depuración, su tema y su contenido.

Existen varias reglas simples que permiten que el visitante comprenda la interfaz del sitio [N° 10].

1. El sitio no debe contener información inútil, la fuente debe ser fácil de leer. Los elementos gráficos debían ser claros, expresivos y rápidos de cargar.

2. El ojo humano escanea las páginas del sitio web de arriba a abajo. La mayor atención se centra en la parte superior izquierda de la página. Por lo tanto, en la parte superior de la página del sitio, por regla general, lo más información importante: nombre de la empresa, logotipo, nombre del sitio web, etc.

3. El visitante del sitio debe encontrar fácilmente la información que le interesa y poder obtener información completa (descripción en texto más varias fotografías).

4. La información debe distribuirse entre los grupos. Es posible brindar la posibilidad de buscar productos por nombre y descripción.

5. El sitio web deberá disponer de apartados informativos:

con información sobre la empresa (campo de actividad, dirección, números de contacto, etc.);

Elementos básicos de las páginas Web:

1. Encabezado/Logotipo (Encabezado)

3. Contenido/Contenidos (campo de texto)

4. Elementos de navegación

5. Información sobre los desarrolladores del sitio.

Cualquier página web contiene un determinado conjunto elementos estandar, que son componentes obligatorios de cada recurso de Internet.

El primer elemento de una página Web en el que nos tenemos que fijar es su título. El logo o nombre del sitio juega para él el mismo papel que un cartel en la entrada de cualquier institución. Internet es otra cuestión: aquí el principal método de movimiento es la teletransportación y, por lo tanto, necesito ver este "signo" en cada página.

La parte principal del documento está ocupada por el llamado campo Texto, el área donde se encuentra el contenido semántico de la página: texto informativo significativo e ilustraciones.

Los elementos enumerados también se denominan "Contenido" (del inglés, contenido - Contenido). La ubicación del campo de texto depende principalmente de cómo el diseñador web coloca el resto de los elementos del documento.

Figura 1. Ejemplo de contenido del sitio

El siguiente componente obligatorio de una página web son los elementos de navegación: hipervínculos que conectan este documento con otras secciones del sitio. Los elementos de navegación se pueden crear en forma de cadenas de texto, objetos gráficos, es decir, botones o componentes activos, como subprogramas de Java.

En la parte inferior del documento, se acostumbra publicar información sobre los desarrolladores del sitio y una dirección de correo electrónico a la que los visitantes del recurso pueden enviar sus respuestas, sugerencias y deseos a los propietarios de la página. (Figura 2)


Figura 2. Información de contacto

Antes de comenzar a crear su sitio web, adopte un enfoque muy responsable ante el problema de organizar los elementos de la página. En general, una página web se divide en contenido de página, navegación e información relacionada. Estos elementos a su vez se dividen en elementos más pequeños.

Como resultado, la secuencia de acciones para desarrollar un sitio web se reduce al siguiente algoritmo simple:

1. Establecer objetivos y definir tareas principales.

2. Crear una lista de futuras secciones temáticas.

3. Desarrollo de la estructura lógica y física del recurso.

4. Elaboración de boceto de diseño, disposición del sitio, tabla de disposición invisible.

5. Elaboración de materiales de texto.

6. Elaboración de materiales gráficos en forma vectorial.

7. Exporte dibujos vectoriales a formato rasterizado.

8. Optimización de todas las imágenes.

9. Creación de plantillas de páginas web.

10. Montaje de páginas web y depuración de código.

11. Verificar la identidad de visualización de páginas web con diferentes resoluciones de pantalla y paletas de colores y diferentes navegadores.

Cualquier página web contiene un determinado conjunto de elementos estándar que son componentes obligatorios de todo recurso de Internet. Por supuesto, la variedad y el número de dichos objetos pueden variar según el enfoque temático del sitio, el volumen de materiales publicados en él, así como las metas y objetivos que se proponga el creador de este recurso. Disposición de dichos elementos y diseño de su posición relativa es una de las principales tareas del webmaster.

El primer elemento de una página web en el que nos tenemos que fijar es su título. Puede realizarse en forma de texto o gráfico, pero en ambos casos debe ubicarse en la parte superior del documento. A veces, el encabezado se combina con un menú para seleccionar la codificación cirílica y botones para cambiar de la versión rusa a la inglesa del sitio, si este recurso web se presenta en dos idiomas. Directamente debajo del subtítulo del documento suele haber un espacio reservado para colocar un banner publicitario. Incluir un banner en la parte superior de la página web en la mayoría de los casos es un requisito previo para registrar un sitio en los servicios de intercambio de banners: sistemas que anuncian el recurso que usted ha creado a cambio de mostrar anuncios de otros participantes en la red de intercambio de banners en las páginas de Tú sitio. El tamaño estándar de los banners publicados bajo el título del documento suele ser de 468x60 píxeles. Si está utilizando un diseño de página estático, el ancho del encabezado de su documento será de aproximadamente 640 píxeles, principalmente para garantizar que su documento se muestre correctamente en monitores de 640 x 480 píxeles y para evitar tener una barra de desplazamiento horizontal que dificulte su visualización. Evidentemente, el ancho del banner en este caso será significativamente menor que el ancho del encabezado, por lo que en la parte de la página donde se planea reservar espacio para publicidad, aparecerá un espacio desocupado, que se puede llenar con el logotipo de la empresa propietaria de este sitio o un enlace al servidor que implementa el alojamiento web. Por supuesto, un logotipo no siempre es necesario: por regla general, se incluye en una página web sólo si el sitio tiene un enfoque comercial.

La parte principal del documento está ocupada por el llamado campo de texto, el área donde se encuentra el contenido semántico de la página: texto informativo significativo e ilustraciones. Los elementos enumerados también se denominan "contenido" (del inglés, contenido). La ubicación del campo de texto depende principalmente de cómo el diseñador web colocará los elementos restantes del documento.

El siguiente componente obligatorio de una página web son los elementos de navegación: hipervínculos que conectan este documento con otras secciones del sitio. Los elementos de navegación se pueden crear en forma de cadenas de texto, objetos gráficos, es decir, botones o componentes activos, como subprogramas de Java. Estos últimos son los mismos botones que, a diferencia de sus hermanos "tradicionales", pueden responder a los movimientos del mouse, realizando algunas acciones simples cuando se pasa el cursor sobre ellos (encender la luz de fondo, crear un efecto de "clic", cambiar de forma, etc. ).d.). Como ya mencioné en el apartado ““postulados” básicos del diseño web”, los elementos de navegación deben ubicarse de tal manera que estén siempre “a la vista”, “a mano”, es decir, que el usuario no tenga Para “rebobinar” la página hacia atrás, si el campo de texto ocupa varias pantallas físicas en altura, entonces dedica mucho tiempo a buscar enlaces a otras secciones. El enfoque más establecido es colocar elementos de navegación en el borde izquierdo de la página.

En la parte inferior del documento, se acostumbra publicar información sobre los desarrolladores del sitio y una dirección de correo electrónico a la que los visitantes del recurso pueden enviar sus respuestas, sugerencias y deseos a los propietarios de la página. Si la página web es el documento de inicio, también se coloca un contador de visitas en la parte inferior: un pequeño script que llama a un script CGI instalado en el servidor, que registra cada apertura del documento en el navegador del usuario, cambiando el valor de el indicador del contador. Gracias a esto, el webmaster puede determinar fácilmente la cantidad de visitantes que visitaron su página durante un período de tiempo. Observo que el contador de visitas se instala solo en la primera página a la que se accede al acceder al sitio, no está presente en otros documentos del recurso.

Entonces, hemos examinado todos los componentes principales de una página web y su posible ubicación entre sí. En la figura 1 se muestra un ejemplo de un diseño de sitio web que contiene un conjunto completo de los componentes descritos anteriormente. 3.6. Selecciona los elementos de navegación que se colocarán a lo largo del borde izquierdo del documento.

Arroz. 3.6. Un ejemplo de diseño de página web con posicionamiento izquierdo de los elementos de navegación.

En la práctica, nos encontramos a menudo con sitios web en los que el diseño de los elementos de navegación se sitúa en el borde derecho de la pantalla. En este caso, el campo de texto se desplaza hacia la izquierda, los componentes restantes del documento se organizan según el principio de máxima estética de su combinación. Un ejemplo de implementación de un sitio de este tipo se muestra en la Fig. 3.7.

Arroz. 3.7. Un ejemplo de diseño de página web con elementos de navegación colocados a la derecha

Como puede verse en la figura, en este caso el logotipo se coloca al mismo nivel que el título del documento y el banner publicitario está ubicado en relación con el centro de la página. Con este enfoque, se recomienda mantener el diseño gráfico del encabezado, el logotipo y el campo publicitario en un solo color y estilo artístico; entonces la asimetría en la posición de estos objetos no será tan obvia y no “dañará los ojos”. ” de los partidarios de una estética de diseño estricta y “tabular”.

Los elementos de navegación se pueden colocar no sólo cerca de los bordes derecho e izquierdo de la página, sino también en la parte superior del documento. Esta opción de diseño es la más adecuada, en mi opinión, al crear páginas de inicio: en este caso, todos los objetos de la página "encajan" armoniosamente en el ancho dado de la tabla invisible, mientras que la preparación de la tabla en sí se simplifica enormemente. El único inconveniente de este enfoque es la necesidad de duplicar los elementos de navegación en la parte inferior del documento, ya que al desplazarse verticalmente por la página desaparecen detrás del borde superior de la pantalla y, para acceder a ellos, el usuario deberá “rebobinar” la pantalla, lo cual, como ve, es muy inconveniente. En la figura se muestra un ejemplo del diseño de una página con elementos de navegación superiores. 3.8.

Arroz. 3.8. Ejemplo de diseño de página web con posicionamiento superior de los elementos de navegación

Por supuesto, todo lo dicho en este apartado no es una panacea, sino una guía para la acción. Estoy tratando de describir solo los principios generales que se utilizan al diseñar la estructura de un sitio, pero la decisión final siempre queda en manos del webmaster. En última instancia, no importa qué diseño utilice como base para su proyecto futuro, el resultado de su trabajo seguirá siendo correcto: en Internet no hay censura ni regulaciones que obliguen al creador del sitio a cumplir con uno u otro marco estricto. Un ejemplo de una solución de diseño que no entra en ninguna de las categorías anteriores es el llamado diseño mixto, cuyo diagrama aproximado se muestra en la Fig. 3.9.

Como puede verse en la figura, en este ejemplo algunos de los elementos de control están integrados directamente en el encabezado de la página: estamos hablando acerca de sobre los botones para cambiar entre las versiones rusa e inglesa del sitio, así como sobre los botones de navegación: puede ser un enlace a la dirección de correo electrónico de los creadores del recurso, duplicado en la parte inferior del documento, y un enlace a uno de los secciones temáticas, por ejemplo, una página de noticias. El bloque principal de elementos de navegación está ubicado en relación con el borde izquierdo del documento, pero el menú para seleccionar la codificación cirílica se encuentra directamente debajo del banner publicitario en la parte superior de la página. El campo de texto está dividido en dos columnas asimétricas y la de la derecha contiene breves anuncios de las secciones temáticas que componen el recurso, incluidos enlaces a estas secciones.

Obviamente, puede haber una gran variedad de opciones de “diseño mixto” para una página web: soluciones concretas Dependerá del número de secciones que componen el recurso, del volumen de texto preparado para su colocación en el sitio y, finalmente, de la imaginación del propio diseñador. Sólo es importante que apariencia el sitio no generó ninguna queja por parte de los visitantes. Al final, sólo tú como desarrollador, tú y nadie más, tienes derecho a mostrar todas tus habilidades y talentos y organizar la página a tu gusto. Los creadores de algunas páginas de inicio, sin atormentarse por dudas, colocan el contador de visitas en la esquina superior derecha del documento, el nombre del sitio está escrito en letra pequeña y ordenada y se publica debajo de un banner publicitario y, por alguna razón, elementos de navegación. Aparecen inesperadamente justo en el medio del bloque de texto, entre la historia sobre ti y las fotografías del amado perro del autor del proyecto. No hay compañeros para el gusto y el color, como dicen. Pero personalmente esta enfermedad me parece incurable.

Arroz. 3.9. Un ejemplo de diseño de página web "mixto"




Arriba